body 			{	font-family: Tahoma, Geneva, sans-serif;	color: #000000;		background-color : #FFFFFF;	background-repeat: repeat-x; 	background-position: top;	margin: 0px;	padding: 0px;}
a				{ 	color:#C13060;}
#fond 			{	text-align: center;}
.centre 		{	margin-left: auto;	margin-right: auto;	width: 1197px;	text-align: left;	}
#google			{	position:absolute;left:290px;top:-23px; width:700px;height:15px; }
	#labelgoogle	{color:#FFF;position:relative;text-align:right;width:170px;left:10px;float:left;top:2px;}
	#googletextbox	{ font-size:11px; width:242px; height:12px; position:relative;left:47px;}
	#submitgoogle{ width:40px; height:15px; position:relative;left:47px;}
	#defilement{ width:120px; height:15px; position:relative;left:0px;top:-133px; font-size:14px; color:#FFF;}

#logo 			{	background-image: url();	height: 176px;	width: 189px;	position: relative;		float: left; left: 0px; top:0px;z-index:1000;}
#ovaltop		{	background-image: url(banniere.jpg);	height: 214px;	width: 1335px;	position: relative;		float: left; left: -75px; top:-174px;}
#ovaltop2		{	background-image: url(banniere_schema_collecte.jpg);	height: 214px;	width: 1335px;	position: relative;		float: left; left: -75px; top:-174px;}
#barre_on_air	{	font-size:12px;height: 110px;	width: 810px;	position: relative; left: 4px; top:25px; z-index:100; 	font-family: Verdana, "Times New Roman", Times, serif;}
	#presentateur_live {position:relative;top:7px;left:5px; float:left; width:89px;height:97px;}
	#nom_presentateur_live {position:absolute;top:40px; left: 105px; width:120px; float:left; color:#444; font-size:14px;}
	#horaires_live {font-family: Georgia;font-size:16px;position:absolute;top:78px; left: 105px; float:left; font-weight:bold; color:#333;}
	#emission_live {font-size:14px;position:absolute;top:7px; left: 105px; float:left; width:152px; font-weight:bold;}
	#artiste_live {position:absolute;top:45px; text-align:right;left: 350px; width:130px; float:left; color:#333; font-size:13px; font-weight:bold;}
	#titre_live {position:absolute;top:80px; text-align:right;left: 350px; width:130px; float:left; color:#333; font-size:11px; }
	#artiste_suivant_live {position:absolute;top:45px; text-align:right;left: 585px; width:120px; float:left; color:#333; font-size:13px; font-weight:bold;}
	#titre_suivant_live {position:absolute;top:80px; text-align:right;left: 595px; width:110px; float:left; color:#333; font-size:11px; }
	#pochette_live {position:absolute;top:6px;left:483px; float:left; width:100px;height:100px;}
	#pochette_suivant {position:absolute;top:6px;left:709px; float:left; width:100px;height:100px;}
	#player_live {position:relative;top:6px;left:159px; float:left; width:100px;height:110px;}

#menu			{	background-image: url(fonmenu.png);	float: left;	height: 21px;	width: 1083px;	left: 105px;	top: -217px;	position: relative;	padding-left:10px;	background-repeat: no-repeat;}
.imagedroite { border:3px solid #CCC; margin-left:25px;}
#blocnoir		{
	width:100%;	min-height: 80px;	float:left;	position: relative;	top: -197px;	background-color:#FFF;	border-top-width: 0px;	border-right-width: 1px;	border-bottom-width: 1px;border-left-width: 1px;	border-top-style: solid;	border-right-style: solid;	border-bottom-style: solid;	border-left-style: solid;	border-top-color: #ccc;	border-right-color: #777;	border-bottom-color: #ccc;	border-left-color: #777;	background-image: url(degrade_bloc.jpg);	background-repeat: no-repeat;	background-position: left top;
				 }

.liste {display:inline-block;background-color:#CDE;padding-left: 5px;padding-right: 5px;padding-top:5px;padding-bottom:5px;margin:5px;font-size:14px;border:1px solid #EEE;color:#000; width:100%;}
.liste a {color:#000; text-decoration:none;}

.liste li {padding:3px;padding-left:0px;padding-right:10px;  list-style-type: none;}
.contenutexte	 { font-size:13px; text-align:justify; padding-left:10px; }
.blocnoir		 {	margin-left: 10px;padding-right: 10px;padding-bottom: 0px;background-color:#000000;	width:1102px;	min-height: 80px;	font-size:14px;}
.titre1			 {	font-size:22px; color:#FFF;  ; padding-left:10px;padding-top:3px;padding-bottom:25px; background-image: url(fond-titre2.jpg); background-repeat: no-repeat;	background-position: left top;}

.photo	 {	border: 2px solid #C8C; margin-left:10px;}
.cadre_legende { border: 1px solid #8AD; padding:10px; text-align:center; margin-left:50px; margin-right:50px; background-color:#ACf; font-size:0.9em;}
.cadre_legende2 { border: 1px solid #8AD; padding:10px; text-align:left; margin-left:5px; margin-right:5px; background-color:#e1f1ff; font-size:0.8em;}
.................PAGE DES TERRITOIRES ........................{}
.................PAGE DES TERRITOIRES ........................{}
.{}

.titre_commune	 {	font-size:22px; color:#FFF;  ; padding-left:5px;padding-top:3px;padding-bottom:3px; background-color:#72acd6;}
.titre_localite	 {	font-size:11px; color:#000;  ; padding-left:5px;padding-top:1px;padding-bottom:1px; background-color:#c3c3c3; margin:1px;}
.titre_sous	 {	font-size:12px; color:#000;  ; padding-left:2px;padding-right:2px;padding-top:3px;padding-bottom:3px; background-color:#E5e5e5;}
.titre_sous_localite	 {	font-size:11px; color:#000;  ; padding-right:1px;padding-left:1px;padding-top:1px;padding-bottom:1px; background-color:#E5e5e5;}
.titre_ouvrage	 {	font-size:12px; color:#FFF;  ;margin-top:5px;padding-left:5px;padding-top:1px;padding-bottom:1px; background-color:#528cb6;}
.titre_charge	 {	font-size:11px; color:#000;  ; text-align:right;padding-right:5px;padding-top:1px;padding-bottom:1px; background-color:#c3c3c3; margin:1px;}
.titre_futur	 {	font-size:11px; color:#000;  ; padding-left:15px;padding-top:1px;padding-bottom:1px; background-color:#c3c3c3; margin:1px;}
.entete_localite{	font-size:12px; color:#000;  ; text-align:center; font-weight:bold;margin-top:5px;padding-left:5px;padding-top:1px;padding-bottom:1px; background-color:#fff;}

.titre_ouvrage2	 {	font-size:18px; color:#FFF;  ; padding-left:5px;padding-top:3px;padding-bottom:3px; background-color:#72acd6;}
.texte_ouvrage	{	font-size:.85em; padding-left:5px;padding-right:5px;padding-top:3px;padding-bottom:3px; text-align:justify;}
.titre_info	 {	font-size:0.95em; color:#FFF;  ; text-align:left;padding-left:5px;padding-top:1px;padding-bottom:1px; background-color:#69D; font-weight:bold;}
.soustexte_info	 {	font-size:0.85em; color:#444;  ; text-align:left;padding:4px; border:1px solid #69D;}
.titre_onglet	 {	font-size:14px; color:#FFF;  ; padding-left:5px;padding-top:3px;padding-bottom:3px; background-color:#72acd6;}
.titre_T1	 {	font-size:1.1em; color:#445;  ; padding-left:5px;padding-top:4px;padding-bottom:4px; background-color:#FFF; font-weight:bold; text-align:center;}
.titre_T2	 {	font-size:1.0em; color:#667;  ; padding-left:5px;padding-top:4px;padding-bottom:4px; background-color:#DEF; font-weight:bold; text-align:justify;}
.txt_droite	 {	font-size:12px; color:#000;  ; padding-left:10px;padding-right:10px;padding-top:3px;padding-bottom:3px; background-color:#F5F5f5;}

.................PAGE DE L'ORGANIGRAMME........................{}
.................PAGE DE L'ORGANIGRAMME........................{}
.{}

.cadre_orga		{font-size:0.7em;margin-top:5px;margin-bottom:5px;border : 1px solid #000; text-align:center; padding-top:5px;padding-bottom:5px;}
.titre_service	{padding:3px;color:#FFF;background-color:#48C;}


.{}


.fondtitreencart {	background-color:#EEE;	font-size:12px;	background-image: url(../../images/fond-titre-encarts2.gif);	font-weight:bold;	height:21px;	padding-top:5px;
					padding-left:5px;	color:#716;	border: 1px solid #CCC;}
.fondtoutes		 { text-align:right;width:100%;float:left;background-image: url(../../images/fond-titre-encarts.gif);font-size:10px; height:21px; padding-top:3px;}
.fondtoutes a	 { color:#000; text-decoration:none;}
.fondtoutes a:hover	{ color:#000; text-decoration:underline;}
.titreaccueil	 {	margin-left:3px;font-size:11px; color:#000; font-weight : bold; padding-top:5px;padding-bottom:5px;}

.titre11		 {	position:relative;top: -15px;margin-top:0px;font-size:18px; color:#E5B; font-weight : bold;}
.titre2			 {	font-size:15px; color:#37A; font-weight : bold;}
.titre3			 {	font-size:14px; color:#000; font-weight : bold;}
.stat_tit		 {	font-size:14px; color:#000; font-weight : bold;}
.titre4			 {	font-size:17px;	font-weight : bold;	border-top-width: 1px;	border-right-width: 1px;	border-bottom-width: 1px;	border-left-width: 1px;
					border-bottom-style: solid;	border-top-color: #CCC;	border-right-color: #CCC;	border-bottom-color: #CCC;	border-left-color: #CCC;	padding-left:5px;
					padding-top: 5px;	padding-bottom: 5px;}
.titre4 a 		 {	text-decoration: none;	color:#888;}

.footer			 {	font-size: 12px;text-align:center;width:100%;	top:-170px;height: 60px;	position:relative;float:left;	background-image: url(background-noir.gif);	}
#ovalfooter		{	color: #FFFFFF;	height: 40px;	width: 1007px;	position: relative;		float: left; left: 0px; top:0px; text-align:center;}
.facebook		{	text-align:center;width:140px;	left: 440px;height: 20px;	float:left;	position: absolute;	top: 363px;		}
.footer a 	{color: #FFFFFF; font-weight: bold;}

#lientop {    padding-left:5px; float:left; width:1195px;
    font-weight:bold;
    text-transform:uppercase;
    background-color:#e6e6e6;
    border-bottom:2px solid #e9e9e9;
	position:relative;bottom:	25px;
}
#lientop a{font-size:12px;color:#666;}
.fondblanc { margin:7px;background-color:#FFFFFF;}
.listhistorylog { width:100%;margin-top:0px;margin-bottom:0px; width:100%; height:24px; color: #888;	font-size: 14px;	background-color:#EEE;	border-bottom-width: 1px;	border-bottom-style: solid;		border-bottom-color: #CCC;	text-align:left;	padding-left:4px;}

.................CAROUSEL........................{}
.................CAROUSEL........................{}

#bloc_carousel	{	background-image: url(les-candidates.gif);	background-repeat: no-repeat;	background-position: left top;}
.femme2			{	position: absolute; top: 0px ;left: 320px;background-image: url(femme-ombre2bis.png); height: 222px; width:75px; z-index:900}
.disque			{	position: absolute; top: 120px ;left: 110px;background-image: url(disque.png); height: 118px; width:486px; z-index:0}
#left-but		{	cursor: pointer;width: 49px;height:40px;position: absolute;	top:10px;left: 260px;background-image: url(fleche-gauche.jpg);	border: none;  z-index:60}
#right-but		{	cursor: pointer;width: 49px;height:40px;position: absolute;	top:10px;left: 390px;background-image: url(fleche-droite.jpg);	border: none;  z-index:60}
#title-text		{	position: absolute;	top:120px;	left: 180px;	font-size: 16px;	font-weight: bold;	color: #F7F;width: 330px;  z-index:60; text-align:center;}
#alt-text		{	position: absolute;	top:140px;	left: 180px;	width: 330px;	height: 50px;	font-size: 14px;	color: #FFF;	 z-index:60 ; text-align:center;}

#left-but2		{	cursor: pointer;width: 49px;height:40px;position: absolute;	top:00px;left: 170px;background-image: url(fleche-gauche.jpg);	border: none;  z-index:60}
#right-but2		{	cursor: pointer;width: 49px;height:40px;position: absolute;	top:00px;left: 900px;background-image: url(fleche-droite.jpg);	border: none;  z-index:60}
#title-text2	{	position: absolute;	top:80px;	left: 400px;	font-size: 16px;	font-weight: bold;	color: #F7F;width: 330px;  z-index:60; text-align:center;}
#alt-text2		{	position: absolute;	top:100px;	left: 430px;	width: 270px;	height: 50px;	font-size: 14px;	color: #FFF;	 z-index:60 ; text-align:center;}

.................ACTUALITES........................{}
.................ACTUALITES........................{}

.bloc_actualites{ 	position:absolute; left: 697px; top:80px;}

.cadre4_haut	{	background-image: url(cadre-4-haut.gif);	width: 428px; height:42px;}
.titre_actualites { position: relative; top: 5px;left: 4px;background-image: url(les-actualites.gif); width: 216px;height:42px}
.cadre4_milieu 	{	padding: 12px;	background-image: url(cadre-4-milieu.gif);	width: 420px;	background-repeat: repeat-y;}
.cadre4_bas		{   background-image: url(cadre-4-bas.gif); width: 428px; height: 7px;}
.dateactu		{ 	color: #F3F; font-size: 12px; font-weight: bold;}
.catactu2		{ 	color: #404; font-size: 12px; font-weight: bold;}

.titreactu		{ 	padding-left:5px;  }
.titreactu	a	{ 	text-decoration:none;text-align:justify;color: #CCC; font-size: 12px;  }
.dateactu2		{ 	color: #F8F; font-size: 11px; font-weight: bold;}
.dateactu3		{ 	width:210px; float:left;position:relative;color: #F8F; font-size: 12px; font-weight: bold;}
.titreactu2		{ 	color: #444; font-size: 12px; font-weight: bold; padding-left:0px;}
.imprimer		{ 	color: #444; font-size: 12px; }
.resumeactualite2{	color: #888;	font-size: 14px;	background-color:#EEE;	font-weight:bold;	border-bottom-width: 1px;	border-bottom-style: solid;
					border-bottom-color: #CCC;	text-align:left;	float:left;	padding-left:4px;	width:345px;	margin-top:15px;	margin-bottom:10px;}
.share 			{	position:relative;float:right;width:140px;}
.detailactualite{	color:#444; font-size:14px; text-align:justify; padding-left:15px; padding-top:5px; background-color:#f7f7f7;}
.titresavoirplus2 {	background-color:#999;	vertical-align: bottom;	background-image: url(../../images/actualites/degrade-fond.jpg);	background-repeat: repeat-x;
					background-position: bottom;}
.titreactualite2 {	padding: 0px;	background-image: url(../../images/actualites/degrade-fond2.jpg);	background-repeat: repeat-x;	background-position: bottom;}
.titreactualite3 {	padding-bottom: 5px;padding-top: 0px;	background-image: url(../../images/actualites/degrade-fond2.jpg);	background-repeat: repeat-x;
					background-position: bottom;	font-size: 20px;	font-weight: bold;}
.soustitre {		font-size: 12px;	font-weight: bold;  color:#B9B;}
.titreactualiteh 	{	font-family: Geneva, Arial, Helvetica, sans-serif;	font-size: 12px;	color: #FFF;	background-image: url(../../images/titre4.gif);
					background-repeat: no-repeat;	height: 16px;	width: 128px;	text-align: center;	margin-left: 0px;	padding-top: 7px;	padding-bottom: 0px;
					background-position: left;	font-weight: bolder ;}
.cadre_vignette_youtube		{	width:100%;height:84px;		margin:0px;}
.cadre_vignette_emission	{	width:100%;height:84px;		margin:0px;}
.cadre_vignette_animateur	{	width:100%;height:95px;		margin:0px;}
.cadretable 		{ border: 4px solid #F5A;	}
.cadre_youtube		{	border: 4px solid #F5A;		width:600px;	height:400px;	}
.syntheseactualite 	{ margin:0px;padding:0px;}
.syntheseactualite2A{ background-color:#f8f8f8;font-size:11px;	color:#939; padding:5px;}
.syntheseactualite2B{ background-color:#EEE;font-size:11px;	color:#939; padding-left:10px; padding:5px;}

.................MENU DE NAVIGATION HORIZONTAL........................{}
.{}

.nav			{	position: relative;	float: left;	top: 0px;	font-size: 12px;	font-weight: bold;	z-index: 8;left:95px; margin: 25px auto; }
.av 			{	height:21px;}
.av ul 		{	margin:0;padding:0;list-style-type:none;text-align:left;}
.av li 		{	float:left;margin:auto;padding:0;}
.av li a 		{	height:20px;display:block;color:#259;text-decoration:none;padding-top:1px;padding-left:10px;padding-right:10px;}
.av li a:hover {	color:#000;background-color:#ACD;}
.av ul li ul 	{	position:absolute;display:none;background-color:#9BC; }
.av ul li:hover ul {display:block;}
.av li:hover ul li {float:none;}

ul.dropdown							{ list-style: none; }

ul.dropdown                         { position: relative; }
ul.dropdown li                      { font-weight: bold; float: left; zoom: 1; background: ; }
ul.dropdown a:hover		            { color: #000; }
ul.dropdown a:active                { color: #ffa500; }
ul.dropdown li a                    { display: block; padding: 4px 8px; border-right: 1px solid #333;
	 								  color: #222; text-decoration:none; }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { background: #73D6F3; color: black; position: relative; }
ul.dropdown li.hover a              { color: black; }

.cat_sous_menu						{ background-color:#e1e1e7; margin:2px;padding:4px; cursor:pointer;}
.cat_sous_menu a					{ color:#000; text-decoration:none;}
.cat_sous_menuon					{ background-color:#F1B127; margin:2px;padding:4px; cursor:pointer;}
.cat_sous_menuon a					{ color:#810; text-decoration:none; font-weight:bold;}

/*
	LEVEL TWO
*/
ul.dropdown ul 						{  list-style: none; background: #FFF;width: 260px; border:1px solid #000;margin: 0; padding: 0;visibility: hidden; position: absolute; top: 100%; left: 0px;padding-top:5px;padding-bottom:5px;}
ul.dropdown ul li 					{ padding-top:5px;padding-bottom:5px;font-weight: normal;  color: #000;
									  border-bottom: 1px solid #FFF; float: none; }

                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; }

/*
	LEVEL THREE
*/
ul.dropdown ul ul 					{ list-style: none; left: 100%; top: -1px; }
ul.dropdown li:hover > ul 			{ visibility: visible; }











.imageblocfacebook 	 { margin-left:3px;position:relative;float:left;width:160px; height:80px;background-color:#FFF; padding-top:5px;padding-bottom:5px}
.descriptionblocfacebook{	position:relative;left:-5px;width:147px;height:40px;background-color:#FFF;float:left;font-size:14px;  color:#777; padding-left:0px; padding-top:17px;}


.fisheye				{	text-align: left;	height: 10px;	position: relative;}
a.fisheyeItem			{	margin: 0px;	padding: 0px;	text-align: center;	color: #000000;	font-weight: bold;	text-decoration: none;	width: 40px;	position: absolute;
						display: block;	top: 0px;}
.fisheyeItem img		{	border: none;	margin: 0 auto 5px auto;	width: 100%; 	border: 2px solid #CAF;}
.fisheyeItem2 img		{	border: none;	margin: 5px auto 0 auto;	width: 100%; }
.fisheyeItem span,.fisheyeItem2 span{	display: block;	position: absolute;}
.fisheyeContainter		{	height: 10px;	width: 400px;	left: 60px;	position: absolute}

.................VIDEO A LA UNE SUR L'ACCUEIL........................{}
.{}

.bloc_video {	float:left;width:50%;	height:197px;	background-color:#FFF;	padding: 4px 4px 6px 4px;	display:block;	color:#000000;	border: 1px solid #CCC;}
.imageyoutube { margin-left:0px;position:relative;float:left;width:160px; background-color:#666;}
.descriptionvideoaccueil{	text-align:justify;position:relative;left:2px;width:168px;height:120px;background-color:#FFF;float:left;font-size:12px; color:#777; padding-left:5px;}
.voirvideo		 		{	position:relative;left:65px;top:-220px;width:32px}
.bandevideo		 		{	position:relative;left:0px;top:-147px;width:32px}
.cadrevideoliste		{	border-top-width: 1px;	border-right-width: 1px;border-bottom-width: 1px;	border-left-width: 1px;	border-top-style: solid;
						border-right-style: solid;	border-bottom-style: solid;		border-left-style: solid;	border-top-color: #888;	border-right-color: #888;
						border-bottom-color: #888;	border-left-color: #888;}

#blocdroite {	position:relative; float:right;width:300px;   background-color:#CCD;	padding-left: 8px;padding-right: 8px;padding-top: 6px;padding-bottom: 4px;	display:block;	color:#000; left:0px; top:0px;}
#blocgauche {	position:relative; float:left;width:840px;  text-align:justify;	padding: 0px;	display:block;	 left:0px; top:0px; padding-left:15px; padding-top:15px; padding-right:15px; font-size:15px;}

.................EMISSION A LA UNE SUR L'ACCUEIL........................{}
.{}

.descriptionemission	{	position:relative;left:0px;width:240px;height:90px;background-color:#FFF;float:left;font-size:11px; color:#777; padding-left:5px;}
.imageemission 			{ 	margin-left:3px;position:relative;float:left;width:80px; height:80px;background-color:#FFF; margin-right:5px;}
.bloc_emission 			{	float:left;margin-top:1px;width:50%;height:157px;background-color:#FFF;	padding: 4px 4px 6px 4px;display:block;color:#000000;border: 1px solid #CCC;}
.descriptionemissionpage{	font-size:12px; color:#333;  margin-left:10px; text-align:justify; height:70px;}
.listeemissionA{ background-color:#f8f8f8;font-size:11px;	color:#939; padding:5px;}
.listeemissionB{ background-color:#EEE;font-size:11px;	color:#939; padding-left:10px; padding:5px;}

.................ALBUM PHOTO A LA UNE SUR L'ACCUEIL........................{}
.{}

.voirphotos		 {	position:relative;left:0px;width:100%;float:left;font-size:11px; color:#FFF; padding-left:5px;}
.imagealbum 	 { margin-left:3px;position:relative;float:left;width:160px; height:112px;background-color:#FFF;}
.descriptionalbum{	position:relative;left:0px;width:138px;height:70px;background-color:#FFF;float:left;font-size:11px;  color:#777; padding-left:5px;}
.bloc_album 	 {	float:right;width:316px;	height:197px;	background-color:#FFF;	padding: 4px 4px 6px 4px;	display:block;	color:#000000;	border: 1px solid #CCC;}
.cadrephoto1	 {	border: 2px solid #939;}
.photocadre	 {	border: 2px solid #C8C;}
.emplacementphoto { background-color:#fff; margin-left:5px; }
.entetealbum {	color:#666;background-color:#EEE;	font-size:18px;	background-image: url(../../images/fond-titre-encarts2.gif);	font-weight:bold;	height:23px;	padding-top:5px; padding-left:5px;}
.descriptionalbumvisu {	color:#000;background-color:#FFF;	font-size:14px;			padding-top:5px; padding-left:5px; padding-bottom:5px;}
.intitulephoto {	color:#000;background-color:#FFF;	font-size:12px;			font-weight:bold;padding-top:5px; padding-left:5px; padding-bottom:5px;}



.................ANIMATEUR A LA UNE SUR L'ACCUEIL........................{}
.{}

.descriptionanimateur	 {	position:relative;left:0px;width:210px;height:90px;background-color:#FFF;float:left;font-size:11px; color:#777; padding-left:5px;}
.descriptionanimateurpage	 {	text-align:justify;position:relative;left:0px;width:220px;height:90px;background-color:#FFF;float:left;font-size:11px; color:#777; padding-left:10px;}
.imageanimateur { margin-left:3px;position:relative;float:left;width:80px; height:80px;background-color:#FFF;}
.bloc_animateur {	float:left;margin-top:1px;margin-left:4px;width:316px;	height:157px;	background-color:#FFF;	padding: 4px 4px 6px 4px;	display:block;	color:#000000;	border: 1px solid #CCC;}
.cadreanimateur	{ position:relative;float:left;width:329px; height:130px; margin:2px;
border-top-width: 1px;	border-right-width: 1px;border-bottom-width: 1px;	border-left-width: 1px;	border-top-style: solid;
						border-right-style: solid;	border-bottom-style: solid;		border-left-style: solid;	border-top-color: #ccc;	border-right-color: #ccc;
						border-bottom-color: #ccc;	border-left-color: #ccc;}
.resumeanimateur{	color: #888;	font-size: 14px;	background-color:#EEE;	font-weight:bold;	border-bottom-width: 1px;	border-bottom-style: solid;
					border-bottom-color: #CCC;	text-align:left;	float:left;	padding-left:4px;	width:525px;	margin-top:15px;	margin-bottom:10px;}
.titreanimateur		{ 	color: #444; font-size: 22px; font-weight: bold; padding-left:0px; width:200px; float:left;}


.................AUTRE SUR L'ACCUEIL........................{}
.{}

.bloc_autre {	float:left;margin-top:1px;margin-left:4px;width:666px;	height:319px;	background-color:#FFF;	font-size:12px;padding: 4px 4px 6px 4px;	display:block;	color:#000000;	border: 1px solid #CCC;}
/* ***** AJOUT FC METZ CADRE MATCHES **** */
a.logo {	width:80px;	height:90px;	background-repeat:no-repeat;	background-position:center;	display:block;}
.dom {	text-align:center;	float:left;}
.ext {	text-align:center;	padding-left:90px;}
.bloc_autre h1 {font-size:16px; color:#aaa;}
.bloc_autre strong {font-size:11px; color:#aaa;}
#addsnavbar { background-color: #f6f6f6; width:250px; height:218px;display:block; margin-top:0px;padding-top:0px;float:left; padding-left:0px;}
#addsnavbar li { display:block;height:70px;background-color: #f6f6f6; margin-left: 2px; border:1px solid #E6E6E6; border-right:0;line-height: 70px;font-size:16px;color:#666;padding-left:10px; cursor:pointer; }
#addsnavbar li.active { background-color:#FFF; }
.addscontent {	display:none; float:left;width:414px;height:285px; border-left:1px solid #E6E6E6;padding-left:0px;margin-right:0px; margin-top:0px;}
.show { display:block; }



.................FCMETZ SUR L'ACCUEIL........................{}
.{}

.bloc_fcmetz {	float:left;margin-top:1px;margin-left:0px;width:48%;	height:157px;	background-color:#FFF;	padding: 4px 4px 6px 4px;	display:block;	color:#000000;	border: 1px solid #CCC;}

.................METEO SUR L'ACCUEIL........................{}
.{}

.bloc_meteo {	float:left;margin-top:1px;margin-left:4px;width:48%;	height:157px;	background-color:#FFF;	padding: 4px 4px 6px 4px;	display:block;	color:#000000;	border: 1px solid #CCC;}

.................ACTUALITES SUR L'ACCUEIL........................{}
.................ACTUALITES SUR L'ACCUEIL........................{}
.{}

#bloc_actu {	width:680px;    height:300px;    background-color:#000;	padding: 4px 4px 6px 4px;	display:block;	color:#FFFFFF;}
#image_actu { 	float:left;	width:400px;    height:300px;    background-color:#000;	padding: 1px 1px 1px 1px;	display:block;}
#entete_actu {	float:left;	width:276px;	height: 41px;	color:#FFFFFF;    font-weight:bold;    font-size:12px;    cursor:pointer;	background-image:url('../../images/actualites/title-news.gif');		background-repeat:no-repeat;	background-position:left;    text-align:right;    text-transform:uppercase;    font-size:18px;
    font-weight:600;    color:#fff;    line-height:41px;	border:none;    padding-bottom:1px;}
.actu_accueil {	float:left;	width:276px;	list-style-type:none;	height: 48px;	color:#FFFFFF;    font-weight:bold;    font-size:12px;    cursor:pointer;    padding-bottom:5px;
	background-image:url('../../images/actualites/actu-off-top.gif');		background-repeat:no-repeat;	background-position:left;}
.actu_accueil_sel {	float:left;	width:276px;	list-style-type:none;	height: 48px;	color:#333;    font-weight:bold;    font-size:12px;    cursor:pointer;    padding-bottom:5px;	background-image:url('../../images/actualites/actu-on-top.gif');		background-repeat:no-repeat;	background-position:left;}

#bottom_actu{	float:left;	font-size: 12px; color:#FFF;		background-image:url('../../images/actualites/actu-off-top.gif');		width:276px;	height: 49px;	}
#titre_actu{	float:left;	position:absolute;	font-size: 14px; color:#FFF;		background-image:url('../../images/actualites/semi-transparent.png');		width:398px;
	height: 45px; 	left:0px;	top: 257px;}
.marge4{	padding: 4px;	}
.marge18{	padding: 18px;	}

#blocgauche h2{
    display:block;
    font-size:12px;
    color:#3b3a3c;
    padding-left:5px;
    font-weight:bold;
    text-transform:uppercase;
    background-color:#f6f6f6;
    height:20px;
    line-height:22px;
    border-bottom:2px solid #e9e9e9;
    margin-bottom:10px;
    margin-top:20px;
}

.................BLOC DROIT........................{}
.................BLOC DROIT........................{}
.{}

.txt_droite
{
	font-size:14px;
	text-align:justify;
	padding:4px;
}
#blocdroite h2				{    background-image:url(../../images/font-titre.gif);    display:block;    height:22px;    width:290px;    font-size:11px;    text-transform:uppercase;    color:#000000;    line-height:18px;        text-align:left; padding-left:5px;}
#blocdroite .container		{    display:block;    margin-bottom:5px;    margin-top:15px;		font-size:13px;}
#blocdroite .container img	{    display:block;    width:100px;    float:left;    margin-left:5px;	margin-right:10px;}
#blocdroite a.link-more {
background-image:url(/img/fond-link-more.png);height:13px;display:block;text-align:right;color:#fff;clear:both;padding-right:5px;font-size:11px;margin-bottom:5px;
}
#blocdroite .container .text{    display:block;    width:170px;    margin-left:10px;    float:left;    color:#fff; }

#blocdroite .container-links {    margin-top: 2px;    display:block;   ;width:130px;    float:left;    padding-left:10px;margin-left:5px; width:100%; margin-right:10px;}
#blocdroite .container-links a {    color: #fff;    font-size:11px; text-decoration:none;}
#blocdroite .container-links a:link,
#blocdroite .container-links a:hover,
#blocdroite .container-links a:visited,
#blocdroite .container-links a:active {    color: #fff;    font-size:11px;}

#inscriptionnewsletter {font-size:11px; padding-left:5px;padding-right:5px; overflow:hidden; height:49px;}
	.enteteform	{ text-align:right; padding-right:5px;}
.submitinscription{
	width:100%;
	font-size:13px;
	background-color:#333;
	color: #FFF;
	border: 2px solid #CCC;

}

	.input{
	width:99%;
	font-size:11px;
	background-color:#333;
	color: #FFF;
	border: 1px solid #CCC;
	margin-bottom:4px;

}






















<!--[if !IE]> <-->
.nav li ul 		{	position:absolute;}
<!--> <![endif]-->
<!--[if IE 8]>
.nav li ul 		{	position:absolute;}
<![endif]-->


/* CUSTOMIZE THE NAVBAR
-------------------------------------------------- */


/.navbar .container {  background-color:#EEE;}
li{padding-top:10px;	}
#menu li {padding-top:0px;}

.navbar-toggle > .icon-bar { border:1px solid #07C;}

.nav			{	position: relative;	float: left;	top: 0px;	font-size: 13px;	font-weight: bold;	z-index: 8;left:0px; margin: 0px auto; }
.navbar ul 		{	margin:0;padding:5px;list-style-type:none;text-align:left; }
.navbar li a 		{	display:block;color:#444;text-decoration:none;}
.navbar li a:hover {	color:#000;background-color:#EEE;}
.navbar ul li ul 	{	margin:0; display:none;background-color:#FFF; }
.navbar ul li ul {font-weight:100;display:;color:#777;}
.navbar ul li:hover ul {display:;}
.navbar li:hover ul li {float:none;}

/* CUSTOMIZE THE CAROUSEL
-------------------------------------------------- */

.carousel {  height: 330px;  margin-bottom: 10px;    top: 100px;}
.carousel-caption {  z-index: 10;}
.carousel .item {  height: 330px;  background-color: #777;}
.carousel-inner > .item > img {  position: absolute;  line-height: 1;  top: 0;   left: 0;   min-width: 100%;  min-height: 100%; }
#bg {  position: ABSOLUTE;   top: 0%;   left: 0%;   width: 100%;   height: 400px;}
#bg img {  position: absolute;   top: 0;   left: 0;   right: 0;   bottom: 0;   margin: auto;   min-width: 100%;  min-height: 100%;}

/* MARKETING CONTENT
-------------------------------------------------- */

/* Center align the text within the three columns below the carousel */
.marketing .col-lg-5 {  margin-bottom: 20px;  text-align: center;}
.marketing .col-lg-4 {  margin-bottom: 20px;  text-align: center;}
.marketing h2 {  font-weight: normal;}
.marketing .col-lg-4 p {  margin-right: 10px;  margin-left: 10px;}

/* Featurettes
------------------------- */

.featurette-divider {  margin: 80px 0; /* Space out the Bootstrap <hr> more */}

/* Thin out the marketing headings */
.featurette-heading {  font-weight: 300;  line-height: 1;  letter-spacing: -1px;}

/* RESPONSIVE CSS
-------------------------------------------------- */


/* navbar */
.navbar-default {    background-color: #F8F8F8;    border-color: #E7E7E7;}
/* title */
.navbar-default .navbar-brand {    color: #777;}
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {    color: #5E5E5E;}
/* link */
.navbar-default .navbar-nav > li > a {    color: #777;}
.navbar-default .navbar-nav > li > a:hover,
.navbar-default .navbar-nav > li > a:focus {    color: #333;}

.navbar-default .navbar-nav > .active > a,
.navbar-default .navbar-nav > .active > a:hover,
.navbar-default .navbar-nav > .active > a:focus {    color: #555;    background-color: #E7E7E7;}

.navbar-default .navbar-nav > .open > a,
.navbar-default .navbar-nav > .open > a:hover,
.navbar-default .navbar-nav > .open > a:focus {    color: #555;    background-color: #D5D5D5;}

/* caret */
.navbar-default .navbar-nav > .dropdown > a .caret {    border-top-color: #777;    border-bottom-color: #777;}
.navbar-default .navbar-nav > .dropdown > a:hover .caret,
.navbar-default .navbar-nav > .dropdown > a:focus .caret {    border-top-color: #333;    border-bottom-color: #333;}

.navbar-default .navbar-nav > .open > a .caret,
.navbar-default .navbar-nav > .open > a:hover .caret,
.navbar-default .navbar-nav > .open > a:focus .caret {    border-top-color: #555;    border-bottom-color: #555;}

/* mobile version */
.navbar-default .navbar-toggle {    border-color: #DDD;}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {    background-color: #DDD;}

.navbar-default .navbar-toggle .icon-bar {    background-color: #CCC;}

@media (min-width: 750px) {

  /* Navbar positioning foo */
  .navbar-wrapper {    margin-top: 0px;  }
  .navbar-wrapper .container {    padding-right: 15px;    padding-left: 15px;  }
  .navbar-wrapper .navbar {   padding-right: 0;    padding-left: 0;  }

  /* The navbar becomes detached from the top, so we round the corners */
  .navbar-wrapper .navbar {    border-radius: 4px;  }

  /* Bump up size of carousel content */
  .carousel {  height: 330px;  margin-bottom: 10px;    top: 150px;}

  .carousel-caption p {    margin-bottom: 20px;    font-size: 21px;    line-height: 1.4;  }
  .featurette-heading {    font-size: 50px;  }
  .nvbar ul li:hover ul {display:block;}
	#bloc1 {top:158px;padding-left:20px; padding-right:20px;}
	#bloc2 {top:158px; padding-left:20px; padding-right:20px;}

}

@media (max-width: 749px) {
    .navbar-default .navbar-nav .open .dropdown-menu > li > a {        color: #777;    }
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:hover,
    .navbar-default .navbar-nav .open .dropdown-menu > li > a:focus {        color: #333;    }
	.carousel {  height: 330px;  margin-bottom: 10px;    top: 50px;}
	#bloc1 {top:75px;padding-left:20px; padding-right:20px;}
	#bloc2 {top:75px; padding-left:20px; padding-right:20px;}}

}


@media (min-width: 970px) {

	#bloc1 {top:158px;padding-left:30px; padding-right:30px;}
	#bloc2 {top:158px; padding-left:30px;padding-right:30px;}

}


@media (min-width: 1200px) {
	.carousel {  height: 330px;  margin-bottom: 10px;    top: 110px;}
	.featurette-heading {    margin-top: 120px;  }
	.navar ul li:hover ul {display:block;}
	#bloc1 {top:95px;padding-left:60px;}
	#bloc2 {top:95px;padding-right:60px;}
}







	.multicolonne3
	{

		padding:5px;text-align:justify;
		-moz-column-count: auto; -webkit-column-count: auto; -o-column-count: auto; column-count: auto;
		column-width: 280px; -moz-column-width: 280px; -webkit-column-width: 280px; -o-column-width: 280px;

		-moz-column-gap: 20px;-webkit-column-gap: 20px; -o-column-gap: 20px; column-gap: 20px;
		-moz-column-rule: 1px dotted #ccc; -webkit-column-rule: 1px dotted #ccc; -o-column-rule: 1px dotted #ccc; column-rule: 1px dotted #ccc;
	}
	.multicolonne3 img {width:100%;}


	.multicolonne2
	{

		padding:5px;text-align:justify;
		-moz-column-count: auto; -webkit-column-count: auto; -o-column-count: auto; column-count: auto;
		column-width: 400px; -moz-column-width: 400px; -webkit-column-width: 400px; -o-column-width: 400px;

		-moz-column-gap: 20px;-webkit-column-gap: 20px; -o-column-gap: 20px; column-gap: 20px;
		-moz-column-rule: 1px dotted #ccc; -webkit-column-rule: 1px dotted #ccc; -o-column-rule: 1px dotted #ccc; column-rule: 1px dotted #ccc;
	}
	.multicolonne2 img {width:100%;}
	.multicolonne6
	{
		padding:5px;text-align:justify;
		-moz-column-count: 4; -webkit-column-count: 4; -o-column-count: 4; column-count: auto;
		column-width: 295px; -moz-column-width: 290px; -webkit-column-width: 290px; -o-column-width: 290px;
		-moz-column-gap: 20px;-webkit-column-gap: 20px; -o-column-gap: 20px; column-gap: 20px;
		-moz-column-rule: 1px dotted #444; -webkit-column-rule: 1px dotted #444; -o-column-rule: 1px dotted #444; column-rule: 1px dotted #444;
	}
	.multicolonne8
	{
		padding:5px;text-align:justify;
		-moz-column-count: 8; -webkit-column-count: 8; -o-column-count: 8; column-count: auto;
		column-width: 195px; -moz-column-width: 190px; -webkit-column-width: 190px; -o-column-width: 190px;
		-moz-column-gap: 20px;-webkit-column-gap: 20px; -o-column-gap: 20px; column-gap: 20px;
		-moz-column-rule: 1px dotted #444; -webkit-column-rule: 1px dotted #444; -o-column-rule: 1px dotted #444; column-rule: 1px dotted #444;
	}

	.multicolonne4 img {width:100%;}
	.multicolonne4
	{
		padding:5px;text-align:justify;
		-moz-column-count: 4; -webkit-column-count: 4; -o-column-count: 4; column-count: auto;
		column-width: 295px; -moz-column-width: 290px; -webkit-column-width: 290px; -o-column-width: 290px;
		-moz-column-gap: 20px;-webkit-column-gap: 20px; -o-column-gap: 20px; column-gap: 20px;
		-moz-column-rule: 1px dotted #444; -webkit-column-rule: 1px dotted #444; -o-column-rule: 1px dotted #444; column-rule: 1px dotted #444;
	}



.................RECHERCHE........................{}
.{}

.DATA_resultatRecherche{
    width: 700px;
    text-align: left;
    color: blue;
}
.underlineResult{
    cursor: pointer;
}
.infoResult{
    color: green;
    font-size: 12pt;
    text-align: left;
    margin: 0;
}
.descriptionResult{
    text-align: left;
    color: #444;
    font-size: 11pt;
    margin: 0;
    margin-bottom: 10px;
}

.................PAGE DES URGENCES........................{}
.{}

.resLoc {
        text-align: left;
    padding-left: 10px;
        cursor: pointer;
}

.title1 {
        text-align: left;
    padding-top: 30px;
}

.title2 {
    font-size: 14px;
        text-align: left;
    font-weight: 400;
    padding-top: 0;
}

.title3 {
    padding: 20px 0 10px 0;
    font-weight: 600;
    color: #002841;
}

.paragraph1 {
    font-size: 17px;
    line-height: 1.4;
    font-weight: 400;
    padding: 0 0 10px 0;
    color: #002841;
}

.listNumber {
    font-family: "Titillium Web", sans-serif;
    font-weight: 400;
    font-size: 17px;
    line-height: 1.6;
    color: #002841;
}