/*
 * Observatoire de la Franchise, version 2.0
 * http://www.observatoiredelafranchise.fr/
 *
 * Copyright 1997-2010, Goodweb
 * Path: /css/fiche.css
 * Description: fiche client
 *
 */
 
/*
 * Sommaire:
 *
 *		= Layout
 *			+ Entete
 *			+ Intro Fiche
 *			+ Communiques Fiche
 *			+ Intermediaire Fiche
 *			+ Informations Fiche
 *			+ Liens Fiche
 *			+ Contact Fiche
 *
*/



/*
 = Layout ---------------- */

	/*
	+ Entete */
		#colC{padding-bottom:40px}
		#colC #bgBlanc{padding-top:0}
	
	/* 
	+ Intro Fiche */
		#colC #bgBlanc #infoSup p,#colC #bgBlanc .dataRub p,#colC #bgBlanc #posIntroNoMea p{margin:5px 0 15px 0}
		#colC #bgBlanc #infoSup a,#colC #bgBlanc .dataRub a,#colC #bgBlanc #posIntroNoMea a{color:#690;text-decoration:none}
		#colC #bgBlanc #infoSup a:hover,#colC #bgBlanc .dataRub a:hover,#colC #bgBlanc #posIntroNoMea a:hover{color:#690;text-decoration:underline}
		
		#colC #bgBlanc a.rss{display:inline;float:right;margin:2px 15px 0 0}
		
		#colC #bgBlanc h1.titreNoMea,#colC #bgBlanc h1.titreMea{background:url(../images/mcontour/form/bg-titre.gif) no-repeat top left;color:#636363;float:left;font-size:18px;font-weight:normal;height:30px;overflow:hidden;padding:8px 0 0 24px;width:398px}
		#colC #bgBlanc h1.titreMea{width:580px}
		#colC #bgBlanc h1.titreNoMea strong,#colC #bgBlanc h1.titreMea strong{color:#669000;font-size:18px;line-height:1.4em}
		
		#colC #bgBlanc ol{margin-bottom:15px;padding-left:20px}
		
		#colC #bgBlanc div#mmSec{background:url(../images/mcontour/form/bg-titre.gif) no-repeat top right;color:#577200;float:right;font-size:14px;font-weight:bold;height:25px;padding-top:13px;width:182px}
		
		#colC #bgBlanc #posLogMeaHach .posLogo{background:url(../images/fiche/bg-lstLogoMea.gif) no-repeat top left;float:right;height:72px;padding:21px 0 0 8px;width:195px}
		#colC #bgBlanc #posLogMeaHach .posLogo ul li{height:52px;margin-left:2px}
		#colC #bgBlanc #posLogMeaHach .posLogo a.devCli{color:#859e34;display:block;float:left;font-family:Verdana, Arial, Helvetica, sans-serif;font-size:11px;height:52px;padding:0;text-align:center;text-decoration:none;width:62px}
		#colC #bgBlanc #posLogMeaHach .posLogo ul li p{background-color:#fff !important;display:block;height:46px;left:3px;margin:0;padding:0;position:absolute;top:3px;width:59px}

		#colC #bgBlanc #posLogMeaHach .posLogo a.devCli:hover{text-decoration:underline}
		#colC #bgBlanc #posPicto{float:right;width:31px}
		#colC #bgBlanc #posPicto a{float:left;margin:0;padding:0;width:28px}
		#colC #bgBlanc #posPicto a img{display:inline}
		
		#colC #bgBlanc div#posLogoNoMea{background:url(../images/fiche/bg-logo-noMea.gif) no-repeat top left;float:right;height:93px;padding-right:10px;text-align:center;width:100px}
		
		#colC #bgBlanc div#ligneLogoSec{float:left;width:258px}
		#colC #bgBlanc div#ligneLogoSec #posNom{display:inline;float:left;padding:20px 0 0 18px;width:240px}
		#colC #bgBlanc div#ligneLogoSec #posNom h1{color:#35404c;float:left;font-size:21px;width:240px}
		#colC #bgBlanc div#ligneLogoSec div#posCat{float:left;margin-top:10px;padding-left:18px;width:240px}
		#colC #bgBlanc div#ligneLogoSec div#posCat strong{color:#567a00}
		#colC #bgBlanc div#ligneLogoSec div#posCat a{color:#567a00;font-size:11px;text-decoration:none}
		#colC #bgBlanc div#ligneLogoSec div#posCat a:hover{text-decoration:underline}
		#colC #bgBlanc div#ligneLogoSec div#posCat span#sscat{color:#162534;float:left;margin-top:5px;width:240px}
		
		#colC #bgBlanc #posLogMeaHach{float:right;width:203px}
		
		#colC #bgBlanc div#zoneHach{background:url(../images/fiche/bg-achure.gif) no-repeat top left;float:right;height:45px;width:203px}
		#colC #bgBlanc div#zoneHach a{background:url(../images/fiche/bg-link-contact-noMea.gif) no-repeat top left;display:block;height:34px;margin:6px auto 0;width:200px}
		#colC #bgBlanc div#zoneHach div#fleche{background:url(../images/fiche/bg-fleche-logoMea.gif) no-repeat top left;display:inline;float:right;height:33px;margin:6px 0 0 13px;width:69px}
		#colC #bgBlanc div#zoneHach span{color:#6b6b6b;display:inline;float:right;font-size:10px;margin-top:10px;text-align:right}
		
		#colC #bgBlanc div#catPictoMea div#posPicto a{margin-right:10px}
		
		#colC #bgBlanc div#nomCat div#postDateMaj{float:left;height:15px;margin-top:10px;width:200px}
		
		#colC #bgBlanc div#ligneLogoSec #posNom div#posDate,#colC #bgBlanc div#nomCat div#posDate{background:url(../images/fiche/bg-dateMaj.gif) no-repeat top left;color:#676767;float:left;font-size:10px;height:14px;margin-top:10px;padding:1px 0 0 3px;width:103px}
		#colC #bgBlanc div#nomCat div#posDate{margin:0}
		#colC #bgBlanc div#ligneLogoSec #posNom div#posDate span,#colC #bgBlanc div#nomCat div#posDate span{color:#749500;font-size:10px}
		#colC #bgBlanc div#posLogoPicto div#posDate{background-position:right top;padding:1px 3px 0 0;text-align:right}
		
		#colC #bgBlanc #posIntroNoMea{float:left;margin-top:20px;padding:0 20px;width:564px}
		#colC #bgBlanc #posIntroNoMea ul{list-style-type:none;margin:10px 0 20px 0;}
		#colC #bgBlanc #posIntroNoMea ul li{background:url(../images/mcontour/puce-green.gif) no-repeat 0 5px;margin-bottom:2px;padding-left:15px}
		
		#colC #bgBlanc #posAncres{float:left;margin-top:20px;padding-left:20px;width:584px}
		#colC #bgBlanc #posAncres #titreAncre{color:#577200;font-size:11px}
		#colC #bgBlanc #posAncres #titreAncre strong{color:#626262}
		#colC #bgBlanc #posAncres #lstAncre{background:url(../images/fiche/bg-lstAncre.gif) no-repeat 0 7px;display:inline;float:left;margin-top:5px;padding-left:15px;width:569px}
		#colC #bgBlanc #posAncres #lstAncre a{background:url(../images/fiche/bg-lnk-ancre.gif) no-repeat top right;display:inline;float:left;margin-right:6px;padding-right:5px;text-decoration:none}
		#colC #bgBlanc #posAncres #lstAncre a span{background:url(../images/fiche/bg-lnk-ancre.gif) no-repeat top left;color:#6a6a6a;cursor:pointer;display:inline;float:left;font-weight:bold;height:20px;padding:4px 0 0 15px}
		#colC #bgBlanc #posAncres #lstAncre a:hover span{color:#577200}
		
		#colC #bgBlanc .mmsec{background:url(../images/fiche/bg-mmsec.gif) no-repeat top left;color:#414447;float:left;font-size:11px;font-weight:bold;height:27px;margin-top:13px;padding:10px 0 0 43px;width:561px}
		#colC #bgBlanc .mmsec span{color:#567a00;font-size:11px;font-weight:normal}
		#colC #bgBlanc .mmsec span a{color:#567a00;font-size:11px;font-weight:normal;text-decoration:none}
		#colC #bgBlanc .mmsec span a:hover{text-decoration:underline}
		#colC #bgBlanc .mmSecNoBg{background-image:url(../images/fiche/bg-mmsec-2.gif);background-position:23px 12px}
		
		#colC #bgBlanc #basFiche{background:url(../images/fiche/bg-bas-fiche.gif) no-repeat top left;float:left;height:29px;width:604px}
		
		#colC #bgBlanc div#retourListe{float:left;margin-top:5px;padding:0 20px;width:564px}
		#colC #bgBlanc div#retourListe a{background:url(../images/fiche/bg-retourListe.gif) no-repeat top left;color:#567a00;padding-left:20px;text-decoration:none}
		#colC #bgBlanc div#retourListe a:hover{text-decoration:underline}
		
		#colC #bgBlanc .basFMarge{margin-top:20px}
		
		#colC #bgBlanc div#nomCat{display:inline;float:left;margin-left:20px;padding-right:10px;width:363px}
		#colC #bgBlanc div#nomCat h1{color:#35404c;float:left;font-size:21px;padding:20px 0 0 0;width:363px}
		#colC #bgBlanc div#nomCat #posCat{float:left;margin-top:10px;width:363px}
		#colC #bgBlanc div#nomCat #posCat strong{color:#567a00}
		#colC #bgBlanc div#nomCat #posCat a{clear:both;color:#567a00;font-size:11px;text-decoration:none}
		#colC #bgBlanc div#nomCat #posCat a:hover{text-decoration:underline}
		#colC #bgBlanc div#nomCat #posCat #sscat{display:block;float:left;overflow:hidden;padding-bottom:15px;width:363px}
		
		#colC #bgBlanc div#posLogoPicto{display:inline;float:right;margin-right:8px;width:197px}
		#colC #bgBlanc div#posLogoPicto #posLogoMea{background:url(../images/fiche/bg-logo-mea.gif) no-repeat top left;display:inline;float:right;height:158px;margin:6px 0 3px 0;text-align:center;width:149px}
		#colC #bgBlanc div#posLogoPicto a #posLogoMea,#colC #bgBlanc div#posLogoPicto a #posLogoMea img{cursor:pointer}
		#colC #bgBlanc div#posLogoPicto a{float:right}
		#colC #bgBlanc div#posLogoPicto a.logo{float:right;width:149px}
		#colC #bgBlanc div#posLogoPicto div#posPicto{display:inline;float:right;padding-right:5px;width:34px}
		#colC #bgBlanc div#posLogoPicto div#posPicto a{float:left}

	/* 
	+ Communiques Fiche */
		#colC #bgBlanc h3.com{color:#690;float:left;font-size:18px;margin:30px 0 2px;padding:0 20px;width:564px}
		#colC #bgBlanc div#ssTitreCom{color:#666;float:left;font-weight:bold;margin-bottom:20px;padding:0 20px;width:564px}
		#colC #bgBlanc div#corpsCom{float:left;margin-bottom:20px;padding:0 20px;width:564px}
		#colC #bgBlanc div#corpsCom p{margin-bottom:10px}
		#colC #bgBlanc div#corpsCom p.lnkIndis{margin-top:10px}
		#colC #bgBlanc div#corpsCom a{color:#567a00;text-decoration:none}
		#colC #bgBlanc div#corpsCom a:hover{text-decoration:underline}
	
	/* 
	+ Intermediaire Fiche */
		#colC #bgBlanc h3.inter{color:#669000;float:left;font-size:18px;margin:30px 0 2px;padding:0 20px;width:564px}
		#colC #bgBlanc div.dateArt{color:#666;float:left;font-style:italic;margin-bottom:15px;padding:0 20px;width:564px}
		#colC #bgBlanc div.ssTitreArt{color:#669000;float:left;font-size:14px;padding:0 20px;width:564px}
		#colC #bgBlanc div#corpsInter{float:left;margin-bottom:20px;padding:0 20px;width:564px}
		#colC #bgBlanc div#corpsInter h6{color:#686a64;float:left;font-size:15px;font-style:italic;line-height:1.2em;margin-bottom:20px;width:564px}
		#colC #bgBlanc div#corpsInter .question{float:left;font-size:14px;font-style:italic;font-weight:bold;margin-bottom:5px;width:564px}
		#colC #bgBlanc div#corpsInter .question strong.ini{color:#763586}
		#colC #bgBlanc div#corpsInter .reponse{float:left;line-height:1.5em;margin-bottom:20px;width:564px}
		#colC #bgBlanc div#corpsInter .reponse strong.ini{color:#567a00}
		#colC #bgBlanc div#corpsInter a{color:#567a00;text-decoration:none}
		#colC #bgBlanc div#corpsInter a:hover{text-decoration:underline}
	
	/* 
	+ Informations Fiche */
		#colC #bgBlanc a.dataRub360{background:url(../images/fiche/bg-360.gif) no-repeat left top;color:#fff;float:left;font-family:Arial, Helvetica, sans-serif;font-size:24px;font-weight:bold;height:74px;margin:0 0 20px 10px;padding:42px 0 0 157px;text-decoration:none;width:419px}
		#colC #bgBlanc div.dataRub{float:left;line-height:1.3em;padding:0 20px;width:564px}
		#colC #bgBlanc div.dataRub ul{float:left;list-style-type:none;margin:0 0 20px 0;width:564px}
		#colC #bgBlanc div.dataRub ul li{background:url(../images/mcontour/puce-green.gif) no-repeat 0 5px;float:left;margin-bottom:2px;padding-left:15px;width:548px}
		#colC #bgBlanc div.contTxt{color:#690;float:left;font-weight:bold;margin-top:15px;text-align:center;width:604px}
		#colC #bgBlanc div.contTxt a{color:#690;font-size:12px;font-weight:bold;margin:0 10px;text-decoration:none}
		#colC #bgBlanc div.contTxt a:hover{text-decoration:underline}
		#colC #bgBlanc a.posContactLat{background:url(../images/fiche/chiffres-cles.gif) no-repeat top center;display:inline;float:left;height:170px;margin:0 20px;width:96px}
		#colC #bgBlanc div#topChiffres,#colC #bgBlanc div#basChiffres{background:url(../images/fiche/top-chiffres.gif) no-repeat bottom left;float:left;height:14px;width:454px}
		#colC #bgBlanc div#basChiffres{background:url(../images/fiche/bas-chiffres.gif) no-repeat top center;display:inline;float:right;height:15px;margin-bottom:10px;margin-right:14px}
		#colC #bgBlanc div#chiffres{background:url(../images/fiche/bg-chiffres.gif) repeat-y top left;float:left;padding:0 20px;width:414px}
		#colC #bgBlanc div#chiffres ul{float:left;width:414px}
		#colC #bgBlanc div#chiffres ul li{background:url(../images/fiche/puce-chiffres.gif) no-repeat 0 6px;color:#162534;float:left;list-style:none;list-style-type:none;margin-bottom:2px;padding-left:10px;width:404px}
		#colC #bgBlanc div#chiffres ul li span{color:#577200}
		#colC #bgBlanc div#infoSup{float:left;padding:10px 20px 0;width:564px}
		#colC #bgBlanc div#infoSup ul{list-style-type:none;margin:0 0 20px 0}
		#colC #bgBlanc div#infoSup ul li{background:url(../images/mcontour/puce-green.gif) no-repeat 0 5px;margin-bottom:2px;padding-left:15px}
	
	/* 
	+ Liens Fiche */
		#colC #bgBlanc div#lienBasFiche{float:left;margin-top:20px;width:604px}
		
		#colC #bgBlanc div#lienBasFiche h4{background:url(../images/fiche/picto-titre.gif) no-repeat 13px 10px;color:#690;display:inline;float:left;font-size:18px;font-weight:normal;padding-left:56px;width:548px}
		#colC #bgBlanc div#lienBasFiche h4 strong{color:#162534;font-size:18px;font-weight:normal}
		
		#colC #bgBlanc div#lienBasFiche ul{float:left;margin-top:12px;padding-left:36px;width:568px}
		#colC #bgBlanc div#lienBasFiche ul li{color:#162534;float:left;list-style:none;list-style-type:none;margin-bottom:2px;width:568px}
		#colC #bgBlanc div#lienBasFiche ul li span.datListe{color:#6b9802}
		#colC #bgBlanc div#lienBasFiche ul li div{display:inline;float:right;margin-right:10px;width:490px}
		#colC #bgBlanc div#lienBasFiche ul li div a{color:#162534;text-decoration:none}
		#colC #bgBlanc div#lienBasFiche ul li div a:hover{text-decoration:underline}
		
		#colC #bgBlanc div#lienBasFiche div.lnkSuite{float:left;margin-top:14px;padding-right:33px;text-align:right;width:571px}
		#colC #bgBlanc div#lienBasFiche div.lnkSuite a{background:url(../images/mcontour/picto-fleche-verte.gif) no-repeat 0 2px;color:#6b9802;padding-left:10px;text-decoration:none}
		#colC #bgBlanc div#lienBasFiche div.lnkSuite a:hover{text-decoration:underline}
		#colC #bgBlanc div#lienBasFiche div.sep{background:url(../images/fiche/separateur.gif) no-repeat 36px 15px;float:left;height:38px;width:604px}
		
		#colC #bgBlanc div#lienBasFiche div#posVideo{float:left;margin-top:6px;padding-left:30px;width:574px}
		#colC #bgBlanc div#lienBasFiche div#posVideo div.video{background-color:#f6f6ef;border:1px #e9e9d8 solid;border-left:0;border-right:0;cursor:pointer;display:inline;float:left;height:62px;margin-right:13px;margin-top:12px;overflow:hidden;padding:6px 0 2px 7px;width:257px}
		#colC #bgBlanc div#lienBasFiche div#posVideo div.video img{float:left;height:59px;margin-right:8px;width:78px}
		#colC #bgBlanc div#lienBasFiche div#posVideo div.video .dateVid{color:#6B9802;float:left;font-weight:bold;width:171px}
		#colC #bgBlanc div#lienBasFiche div#posVideo div.video .posLnk{float:left;width:171px}
		#colC #bgBlanc div#lienBasFiche div#posVideo div.video .fonction,#colC #bgBlanc div#lienBasFiche div#posVideo div.video .enseigne{color:#000;display:block;float:left;height:15px;overflow:hidden;width:166px}
		#colC #bgBlanc div#lienBasFiche div#posVideo div.video .posLnk a{color:#162534;text-decoration:none}
		#colC #bgBlanc div#lienBasFiche div#posVideo div.video a.all{background:url(../images/mcontour/picto-fleche-verte.gif) no-repeat 0 2px;color:#6b9802;display:inline;float:left;margin:20px 0 0 10px;padding-left:10px;text-decoration:none;width:244px}
		#colC #bgBlanc div#lienBasFiche div#posVideo div.video a.all:hover{text-decoration:underline}
		
	/* 
	+ Contact Fiche */
		#BlocContact{background:url(../images/fiche/bg-contact.jpg) no-repeat top left;color:#162534;display:inline;float:left;height:132px;margin:15px 0 0 12px;padding:10px 20px 0 160px;position:relative;width:400px}
		#BlocContact a.posContactLink{height:120px;left:0;position:absolute;top:10px;width:140px}
		#BlocContact h3{color:#3e3e3e;font-size:16px;margin-bottom:7px}
		#BlocContact h3 strong{color:#690;font-size:16px}
		#BlocContact a{color:#162534;text-decoration:none}
		#BlocContact a:hover{color:#162534;text-decoration:underline}
		#BlocContact a.link-contact{color:#690;font-weight:bold}
		#BlocContact a.link-contact:hover{color:#690}
