@CHARSET "ISO-8859-1";


body{
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size : 12px;
	color : #000000;
	background: #ffffff url(/images/fond_site.png) repeat-x;
	background-position: center top;
	height:923px;
	padding: 0px;
	margin: 0px;
}
.icone{
	border:none;	
}

img{
	border:0px;
}

/*----------------------HEADER_MC-----------------------------------------------*/
#header_mc{
	position:relative;
	left:0px;
	height:21px;
	width:984px;
	background-color:#ffffff;
	padding-bottom:1px;
}

#header_mc #logo{
	float: left;
	width: 237px;
	height: 16px;
	border : 1px #5f9ac8 solid;
	background-color:#ffffff;
	padding-top: 3px;
	margin-top:1px;
	margin-left:4px !important;
	margin-left:2px;
}
#header_mc #logo a{
	text-decoration:none;
	margin:0px;
	padding: 0px;
}

#header_mc #menu_mc{
	float: right;
	width: 732px;
	height: 16px;
	border : 1px #5f9ac8 solid;
	background-color:#ffffff;
	margin-top:1px;
	padding-top: 3px;
	margin-right:4px !important;
	margin-right:2px;
}

#header_mc #menu_mc a{
 	float:left;
	text-decoration:none;
	font-size: 13px;
	font-weight: bold;
	color: #5f9ac8;
	padding-left: 14px;
	margin-left: 6px;
	margin-right:32px;
	background: url(/images/fleche_bleu.jpg) left center no-repeat;
}

/*----------------------BLOC DE FOND-----------------------------------------------*/	
#bloc_principal_top{
	margin : 0px 0px 0px 0px;
	width:984px;
	height:4px;
	vertical-align:bottom;
	background: url(/images/border_top.jpg) no-repeat ;
	overflow:hidden ;
	padding : 0px;
}	
#bloc_principal{
	width:984px;
	vertical-align:top;
	background: #E8E8E8 url(/images/borders.jpg) repeat-y;
}	
#bloc_principal_bottom{
	width:984px;
	height:4px;
	background: url(/images/border_bottom.jpg) no-repeat;
	margin-bottom: 2px;
	overflow:hidden;
}
/*----------------------BLOCS-----------------------------------------------*/

.grand_bloc{
	width:970px !important;/*strategie anti IE*/
	width:981px ; 
}


.zone_bloc_2_col{
	width:644px !important;/*strategie anti IE*/
	width:648px;
	margin : 0px 0px 0px 2px;
	padding: 0px 0px 0px 0px;
	float:left;
}
.zone_bloc_1_col{
	width:322px;
	float:right;
	margin : 0px 2px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.zone_bloc_3_col{
	width:966px;
	float:left;
	margin : 0px 2px 0px 2px;
	padding: 0px 0px 0px 0px;	
}


.bloc_1_col{
	width:320px;
	margin: 3px 0px 1px 2px ;
	padding: 0px 0px 0px 0px;
	/* background-color:#2288AA; */
	float:left;
}
.bloc_2_col{
	width:642px;
	margin: 3px 0px 1px 2px ;
	padding: 0px 0px 0px 0px;
	/* background-color:#2288AA; */ 
	float:left;
}
.bloc_3_col{
	width:964px;
	margin: 3px 0px 1px 2px ;
	padding: 0px 0px 0px 0px;
	/* background-color:#2288AA;*/
	float:left;
}



.bloc_1_col_top {
	float:left;
	background: url(/images/bloc_1_col_top.png) no-repeat;
	height:4px;
	overflow-y:hidden;
	width : 320px;
}
.bloc_1_col_middle {
	position:relative;
	float:left;
	padding:  0px 0px 1px 1px;
	margin : 0px 0px 0px 0px;
	text-align:justify;
	background: url(/images/bloc_1_col_middle.png) repeat-y;
	width : 320px;
}
.bloc_1_col_bottom {
	float:left;
	background: url(/images/bloc_1_col_bottom.png) no-repeat;
	height:3px;
	overflow-y:hidden;
	width : 320px;
}

.bloc_2_col_top {
	width : 642px;
	float:left;
	background: url(/images/bloc_2_col_top.png) no-repeat;
	height:4px;
	overflow-y:hidden;
}
.bloc_2_col_top_orange {
	width : 642px;
	float:left;
	/*background: url(/images/bloc_2_col_top_orange.png) no-repeat;*/
	background: url(/images/bloc_2_col_top.png) no-repeat;
	height:1px;
	overflow-y:hidden;
}
.bloc_2_col_middle {
	width : 642px;
	position:relative;
	float:left;
	margin : 0px 0px 0px 0px;
	padding: 0px 0px 1px 1px;
	text-align:justify;
	background: url(/images/bloc_2_col_middle.png) repeat-y;
}
.bloc_2_col_bottom {
	width : 642px;
	float:left;
	background: url(/images/bloc_2_col_bottom.png) no-repeat;
	height:3px;
	overflow-y:hidden;
}

.bloc_3_col_top {
	width : 964px;
	float:left;
	background: url(/images/bloc_3_col_top.png) no-repeat;
	height:4px;
	overflow-y:hidden;
}
.bloc_3_col_middle {
	width : 964px;
	position:relative;
	float:left;
	margin : 0px 0px 0px 0px;
	padding:  0px 0px 1px 1px;
	text-align:justify;
	background: url(/images/bloc_3_col_middle.png) repeat-y;
}
.bloc_3_col_bottom {
	width : 964px;
	float:left;
	background: url(/images/bloc_3_col_bottom.png) no-repeat;
	height:3px;
	overflow-y:hidden;
}

.bloc_contenu{
	margin : 0px 15px 3px 9px;
	text-align:justify;
	float:none;
}



/*----------------------HEADER-----------------------------------------------*/
#header{
	left:4px;
	top:0px;
	border:0px;
	width:976px;
	height:165px;
}
#header #bloc_images{
	width:976px;
	height:102px;
	
}

#header #logo_baseline {
	float:left;
	width:242px;
	text-align:center;
}
#header #logo_lcm{
	margin-top: 20px;
	margin-bottom: 8px; 
}
#header #baseline{
	font-size : 18px;
	color: #525453;
}
#header #baseline a{
	color: #525453;
}
#header #baseline a:hover{
	text-decoration:none;
}
.pub_top{
	position:absolute;
	left:266px;
	top:10px;
}



#header #menu{
	height:17px;
	background: url(/images/fond_menu_v2.jpg) repeat-x;
	margin-top:0px;
	padding-top:6px; 
	padding-bottom:6px;
}
#header #menu .bloc_titre{
	font-weight: bold;
	font-size : 14px;
	text-decoration:none;
	color: #ffffff;
	border-right: 1px solid #3C7097;
	padding:0px 22px 0px 22px;
	
}

#header #menu .bloc_actif{
	font-weight: bold;
	font-size : 14px;
	text-decoration:none;
	height:17px;
	background:url(/images/fond_menu_hover.jpg) repeat-x;
	color: #004C81;
	padding:7px 22px 5px 22px;		
}

#header #menu  a:hover{
	height:17px;
	background:url(/images/fond_menu_hover_actif.jpg) repeat-x;
	color: #004C81;
	padding:7px 22px 5px 22px;
	
}

#header #menu .fin{
	border-right: none;
	width: 380px;
}

/*---------------------- PUBLICITES -----------------------------------------------*/

.pub_left{
	margin : 2px 0px 3px 7px;
}

.pub_autoprom{
	margin : 0px 0px 0px 4px;
}

/*----------------------MOTEUR DE RECHERCHE-----------------------------------------------*/
#recherche{
	margin-top:1px;
	height:28px;	

	background: url(/images/fond_recherchev2.jpg) repeat-x;
}
#recherche form{
	height:33px;	
	
	padding-top: 3px;
}
#recherche .champs{
	width: 340px;
	border-style:solid;
	border-width:1px 1px 1px 1px;
	border-style:solid;
	border-color:#818181;
	font-size: 13px;
	text-align: center;
	float:left;
	margin-left:230px;
	margin-top: 2px;
}

#recherche .encadre_bouton{
	float:left;
	margin-left:4px;
	width: 125px;

}

#recherche .bouton{
	width: 125px;
	height: 17px;
	border: 1px #ffffff solid;
	background:#417AA5;
	color: #ffffff;
	font-size: 11px;
	cursor: pointer;
	text-transform:uppercase;
	font-weight: bold;
	margin : 2px 0px 1px 0px;
}

/*----------------------LIENS-----------------------------------------------*/
a{
	color:#000000;
	text-decoration:none;
	
}
a:hover{
	color:#000000;
	text-decoration:underline;
	cursor: pointer;
}


.bloc .infos a{
	text-decoration:none;
}
.bloc .infos a:visited{
	color:#045691;
}

img .image_cliquable{
	cursor: pointer;	
}

/*----------------------FIL ARIANE-----------------------------------------------*/
#ariane{
	float: left;
	text-align:left;
	margin-left:5px;
	color : #8c8c8c;
	font-size : 11px;
	width: 636px;
	height:12px;
}
/*----------------------IDENTIFICATION-----------------------------------------------*/
#connexion{
	float: right;
	
	text-align:right;
	margin-right:6px;
	color : #000000;
	font-size : 11px;
	width: 314px;
	height:12px;
}

#thickbox_lcm {
	float:left;
	text-align:left;
	width:370px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	
}


#thickbox_separation {
	float:left;
	height:370px;
	padding: 0px 0px 0px 2px;
	border-width: 0px 1px 0px 0px;
	border-style: solid;
	border-color: #045691;
}
#thickbox_lcm .fermer {
	float:right;
	text-align:right;
	font-size: 10px;
	color: #045691;
	padding:0;
	margin: 8px 0px 0px 0px;
}
#thickbox_lcm .fermer a:active {
	color: #000000;
	text-decoration: none;
}
#thickbox_lcm .fermer a:link {
	color: #000000;
	text-decoration: none;
}
#thickbox_lcm .fermer a:visited {
	color: #000000;
	text-decoration: none;
}
#thickbox_lcm .fermer a:hover {
	color: #000000;
	text-decoration: underline;
}
#thickbox_lcm .titre {
	float:left;
	width:350px;
	font-size: 16px;
	font-weight: bold;
	color: #045691;
	text-transform:uppercase;
	border-width: 0px 0px 1px 0px;
	border-style: solid;
	boder-color: #045691;
	margin: 0px 5px 5px 5px;
}
#thickbox_lcm h1 {
	font-size: 16px;
	margin:0;
	padding:0;
	margin-top:7px;
	margin-left:5px;
}
#thickbox_lcm .sous_titre {
	float:left;
	width:350px;
	font-size: 15px;
	font-weight: bold;
	color: #000000;
	margin: 5px 5px 5px 5px;
}
#thickbox_lcm .nom_champs {
	float:left;
	width:90px;
	text-align:right;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	margin: 5px 0px 0px 5px;
}
#thickbox_lcm .nom_champs_incorrect {
	float:left;
	width:90px;
	text-align:right;
	font-size: 12px;
	font-weight: bold;
	color: #FF0000;
	margin: 5px 0px 0px 5px;
}
#thickbox_lcm .saisie_champs {
	float:left;
	width:260px;
	
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	margin: 5px 0px 0px 5px;
}
#thickbox_lcm .message_champs {
	float:left;
	width:350px;
	
	font-size: 10px;
	color: #000000;
	margin: 0px 5px 0px 5px;
}
#thickbox_lcm .message_champs_incorrect {
	float:left;
	width:350px;
	font-size: 10px;
	color: #FF0000;
	margin: 0px 5px 0px 5px;
}
#thickbox_lcm .message_champs_incorrect a:link {
	color: #045691;
	text-decoration: none;
}
#thickbox_lcm .message_champs_incorrect a:visited {
	color: #045691;
	text-decoration: none;
}
#thickbox_lcm .message_champs_incorrect a:active {
	color: #045691;
	text-decoration: none;
}
#thickbox_lcm .message_champs_incorrect a:hover {
	color: #045691;
	text-decoration: underline;
}
#thickbox_lcm .bouton {
	float:left;
	width:170px;
	height:24px;
	text-align:center;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration:none;
	padding: 3px 0px 3px 0px;
	margin: 5px 0px 0px 5px;
}
#thickbox_lcm .bouton input.btn {
	height:21px;
	width:120px;
	border:0;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	color: #FFFFFF;
	background-color: #417aa5;
	text-decoration:none;
	cursor:pointer;
	cursor:hand;
	padding:0 30px;
	margin:0;
}

#thickbox_lcm .bouton a:active {
	color: #FFFFFF;
	background-color: #417aa5;
	text-decoration:none;
	padding: 3px 30px 3px 30px;
}
#thickbox_lcm .bouton a:visited {
	color: #FFFFFF;
	background-color: #417aa5;
	text-decoration:none;
	padding: 3px 30px 3px 30px;
}
#thickbox_lcm .bouton a:link {
	color: #FFFFFF;
	background-color: #417aa5;
	text-transform:uppercase;
	text-decoration:none;
	padding: 3px 30px 3px 30px;
}
#thickbox_lcm .bouton a:hover {
	color: #FFFFFF;
	background-color: #417aa5;
	text-decoration:none;
	padding: 3px 25px 3px 25px;
}
#thickbox_lcm .message {
	float:left;
	width:350px;
	font-size: 12px;
	color: #000000;
	margin: 5px 5px 0px 5px;
}
#thickbox_lcm .message a:active {
	color: #045691;
	font-weight: bold;
	text-decoration: none;
}
#thickbox_lcm .message a:link {
	color: #045691;
	font-weight: bold;
	text-decoration: none;
}
#thickbox_lcm .message a:visited {
	color: #045691;
	font-weight: bold;
	text-decoration: none;
}
#thickbox_lcm .message a:hover {
	color: #045691;
	font-weight: bold;
	text-decoration: underline;
}
#thickbox_lcm .message_puce {
	float:left;
	width:350px;
	padding: 0px 0px 0px 10px;
	font-size: 12px;
	color: #000000;
	margin: 5px 5px 0px 5px;
	background: url(/images/fleche_noir.png) left 3px no-repeat;
}
#thickbox_lcm .message_petit {
	float:left;
	width:350px;
	
	font-size: 10px;
	color: #000000;
	margin: 0px 5px 0px 5px;
}
#thickbox_lcm .autres_liens {
	float:left;
	width:350px;
	font-size: 10px;
	font-weight: bold;
	background: url(/images/fleche_noir.png) left center no-repeat;
	color: #000000;
	padding: 0px 0px 0px 10px;
	margin: 5px 5px 0px 5px;
}
#thickbox_lcm .autres_liens a:active,
#thickbox_lcm .autres_liens a:visited,
#thickbox_lcm .autres_liens a:link {
	color: #000000;
	text-decoration: none;
}
#thickbox_lcm .autres_liens a:hover {
	color: #000000;
	text-decoration: underline;
}
/*----------------------TITRES-----------------------------------------------*/
h1{
	font-size: 14px;
	font-weight: bold;
	color: #045691;
	text-transform:uppercase;
	border-style:solid;
	border-width:0px 0px 1px 0px;
	border-color: #045691;
	
	padding: 0px 0px 0px 0px;
	margin : 0px 16px 5px 10px; 
}

h1.noir{
	color: #000000;
	border-color: #000000;
	
}

h1 .flux{
	font-size: 13px;
	font-weight:normal;
	text-transform: none;
}


h1 a{
	color: #045691;
	text-decoration: none;
}
h1 a:hover{
	color: #045691;
	text-decoration: none;
}

h1 a:visited{
	color: #045691;
	text-decoration: none;
}


h1.communique_special_niveau_1{  
	/* voir bloc_2_col_top_orange  pour modification du communique specialc */ 
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	background-color: #ffdd77;
	text-transform: none;
	margin: 0px 6px 0px 0px;
	padding: 3px 10px 0px 9px;
	border: 0px;
	border-bottom:1px solid #686868;
}
h1.communique_special_niveau_1 a,
h1.communique_special_niveau_1 a:visited,
h1.communique_special_niveau_1 a:link {
	color: #000000;
}
h1.communique_special_niveau_1 a:hover {
	text-decoration: underline;
	color: #000000;
}


h1.communique_special_niveau_2{  
	/* voir bloc_2_col_top_orange  pour modification du communique specialc */ 
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	background-color: #ffad2c;
	text-transform: none;
	margin: 0px 6px 0px 0px;
	padding: 3px 10px 0px 9px;
	border: 0px;
	border-bottom:1px solid #686868;
}
h1.communique_special_niveau_2 a,
h1.communique_special_niveau_2 a:visited,
h1.communique_special_niveau_2 a:link {
	color: #000000;
}
h1.communique_special_niveau_2 a:hover {
	text-decoration: underline;
	color: #000000;
}


h1.communique_special_niveau_3{  
	/* voir bloc_2_col_top_orange  pour modification du communique specialc */ 
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #c61200;
	text-transform: none;
	margin: 0px 6px 0px 0px;
	padding: 3px 10px 0px 9px;
	border: 0px;
	border-bottom:1px solid #686868;
}
h1.communique_special_niveau_3 a,
h1.communique_special_niveau_3 a:visited,
h1.communique_special_niveau_3 a:link {
	color: #FFFFFF;
}
h1.communique_special_niveau_3 a:hover {
	text-decoration: underline;
	color: #FFFFFF;	
}




h1.communique_special{
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	background-color: #ffad2c;
	text-transform: none;
	margin: 0px 6px 0px 0px;
	padding: 3px 10px 0px 9px;
	border: 0px;
	border-bottom:1px solid #686868;
}

h1.communique_special a {
	color: #000000;
}
h1.communique_special a:hover {
	text-decoration: underline;
}


h2{
	font-size: 20px;
	font-weight: bold;
	letter-spacing: -1px;
	color: #000000;
	margin-top:5px;
	text-align:justify;
	
}



h3{
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	margin-top:5px;
	
}


h4{
	font-size: 13px;
	color: #000000;
	margin-top:5px;
	
}


.ligne_noire{
	height: 1px;
	border-bottom : 1px solid #000000;
	margin-top : 2px;
	margin-bottom : 2px;
	overflow:hidden;
}

.ligne_grise{
	height: 1px;
	border-bottom : 1px solid #AAAAAA;
	margin-top : 2px;
	margin-bottom : 2px;
	overflow:hidden;
}




/*----------------------LIENS RAPIDES à droite des titres-------------------*/
.lien_rapide {
	color: #03538D;
	float:right;
}

.lien_rapide a {
	padding-left: 10px;
	background: url(/images/fleche_bleu_fonce.jpg) left center no-repeat;
	color: #03538D;
	margin-right:16px;
}




.lien_rapide_entite {
	right:40px;
	top: 0px;
	color: #03538D;
	position:absolute;
	padding-left: 10px;
	background: url(/images/fleche_bleu_fonce.jpg) left center no-repeat;
	
}
.lien_rapide_entite a {
	color: #03538D;
}
.lien_rapide_enveloppe {
	float:right;
	right:15px;
	top: -1px;
	color: #03538D;
	position:absolute;
	padding-left: 10px;
}




.positionnement_lien_rapide_bleu{
	float:right;
	position:relative;
	width:300px;
}
.lien_rapide_bleu {
	color: #FFFFFF;
	/*background: #045691;*/
	background: #417aa5;
	padding-right:3px;
	border-width:0px;
	margin-bottom:0px;
	height:17px;
	position:absolute;
	right:16px;
}
.lien_rapide_bleu a {
	padding-left: 10px;
	background: url(/images/fleche_blanche.png) left center no-repeat;
	color: #FFFFFF;
	margin-left:3px;
	padding-right:0px;
	margin-right:0px;
	
	
}
.lien_rapide_bleu a:hover {
	padding-left: 10px;
	background: url(/images/fleche_blanche.png) left center no-repeat;
	color: #FFFFFF;
	margin-left:3px;
	padding-right:0px;
	margin-right:0px;
}




/*----------------------BLOCS: marges des paragraphes-----------------------------------------------*/
.bloc_1_col_middle p,
.bloc_2_col_middle p,
.bloc_3_col_middle p{
	/*margin: 5px 5px 5px 5px;*/
}

/*----------------------LISTES AVEC COMME PUCE DES FLECHES-----------------------------------------------*/
ul {margin: 0; padding: 0;}
ul li {margin: 3px 0 3px 0px;}

/*Avec une police de 10*/
.liste li{
	background: url(/images/fleche_gris.png) left center no-repeat;	
	padding-left:10px;
	list-style-type: none;
	font-size: 11px;
	line-height:16px;
	
}
.liste li.selectionne {
	background: url(/images/fleche_noir_inverse.png) left center no-repeat;
	font-weight:bold;
}


/*Avec une police de 12*/
.liste_medium li{
	background: url(/images/fleche_gris.png) left 4px no-repeat;	
	padding-left:10px;
	list-style-type: none;
	text-align:left;
	font-size: 12px;
	line-height:15px;
}
.liste_medium li.selectionne {
	background: url(/images/fleche_noir_inverse.png) left 4px no-repeat;
	font-weight:bold;
}

.liste_medium li.selectionne_interview {
	background: url(/images/fleche_noir_revers.png) left center no-repeat;
	font-weight:bold;
	padding-left: 15px;
}

.liste_medium li.selectionne_publication {
	background: url(/images/fleche_noir_suiv.png) left 4px no-repeat;
	color:#000000;
}

.liste_medium li.publi_from_lcm {
background: url(/images/fleche_bleu_fonce.jpg) left 4px no-repeat;
	color:#045691;
}
.liste_medium li.publi_from_lcm a {
	color:#045691;
}

.liste_medium li.publi_from_not_lcm a {
	color:#777777;
}
.liste_medium li.publi_from_not_lcm {
	color:#777777;
}
.liste_medium li.propose {
	background: url(/images/fleche_noir.png) left center no-repeat;
	font-weight:bold;
}


.liste_high li{
	background: url(/images/fleche_gris.png) left center no-repeat;	
	padding-left:10px;
	list-style-type: none;
	font-size: 14px;
	line-height:18px;
}

/*----------------------LES INFOS--------------------------------------------*/
.infos img{
	float: left;
	padding: 5px 15px 5px 30px;	
}
.infos {
	float: left;
	width: 620px;
	float: left;
	margin-top: 5px;	
	color:#000000;
}
.infos li{
	background: url(/images/fleche_gris.png) left center no-repeat;	
	padding-left:10px;
	list-style-type: none;
	line-height:16px;
	margin-left: 150px;
	font-size:13px;
}
.infos li a{
	text-decoration:none;
	color:#000000;
}
.infos li a:visited{
	color:#000000;
	
}
.infos .important{
	background: url(/images/fleche_noir_infos_selected.png) left center no-repeat;	
	color:#000000;
	padding-left: 15px;
	font-weight:bold;
}

/*----------------------BLOCS HISTOIRE / GEOGRAPHIE--------------------------------*/

.hist_geo {

	height:145px;
	text-align:justify;
	padding: 0px 2px 0px 0px;
	overflow:auto;
}



/*----------------------MA METEO-----------------------------------------------*/

.ma_meteo{
	margin-top: 1px;
	position:absolute;
	margin-left: 112px;
}

.icone_widget{
	width:45px;
	height:20px; 
	border:none;
	float:right;
	margin-right:6px;
	margin-bottom:2px;
}

.icone_iphone{
	width:41px;
	height:26px; 
	border:none;
	float:right;
	margin-right:6px;
	margin-bottom:2px;
	 
}

#encadre_villes{
	background:#F0F0F0;
	border: 1px solid #000000;
	margin: 0px 10px 0px 10px;
}


div#test-accordion{
    margin: 5px 0px 5px 0px;
    border: 2px solid #417AA5;
    background: #eee; 
}
div.accordion {
	border: 1px solid #000000;
	margin: 0px 0px 10px 1px;
	width: 290px;
	position: relative; /* required for bounding */
}

div.accordion-toggle{
	background: url(/images/fleche_gris.png) left center no-repeat;	
	padding-left:7px;
	height: 20px;    position: relative; /* required for effect */
    z-index: 10;		/* required for effect */
	margin-left: 5px;
    cursor: pointer;
   	padding-top: 5px;
 	font-size: 12px;
 	z-index: 1;
 	 
	
}
div.accordion-toggle .mail{
	float:right;
	margin-top:-19px;
	margin-right: 2px;
	z-index: 3;	
	
}
div.accordion-toggle a img{
	border: none; 
	text-decoration: none;
}

div.accordion-toggle-active{
	background: #417AA5;
	padding-left:15px;
	margin-left: 0px;
	background: #417AA5 url(/images/fleche_blanche_selected.png) left center no-repeat;	
	font-size: 12px;
	font-weight: bold;
	height:20px;
	color:#ffffff;
	
}
div.accordion-toggle-active a{
	color:#ffffff;
	background: #417AA5; 
}


div.accordion-content{
	text-align: center;
    overflow: hidden;	/* required for effect */
    background: #ffffff;
    border-bottom: 1px solid #417AA5;
    height: 70px;
    
}

div.accordion-content a img{
	border: none; 
	text-decoration: none;
}
div.accordion-content .jour{
   font-size: 11px;
}
div.accordion-content .tempe{
   font-size: 11px;
   font-weight: bold;
}

div.accordion-toggle-active .lien_mameteo a{
	z-index: 3;	
	width:150px;
	background: #417AA5;
}


/*---------------------- articles / infos dynamiques ---------------------------------*/
.corps_article a {
	color:#2200CC;
	text-decoration:underline;
}
corps_article a:visited {
	color:#551A8B;
	text-decoration:underline;
}


/*---------------------- FAVORIS --------------------------------------------*/
.liste_favori {
	float: left;
	font-size: 12px;
	font-weight: bold;
	width: 251px;
	padding-left: 15px;
	background: url(/images/fleche_gris.jpg) left 11px no-repeat;
	padding-top: 8px;
	height: 17px;
	margin-top: 4px;
}
.supprimer_favori {
	float: left;
	font-size: 12px;
	font-weight: bold;
	width: 163px;
	background: #ffffff url(/images/del_favori.png) left center no-repeat;
	padding-top: 8px;
	padding-left: 37px;
	height: 17px;
	margin-top: 4px;
}
/*----------------------VIDEOS HOME PAGE--------------------------------------------*/
div.videos_home{
	float: left;
	margin: 5px 10px 10px 10px;
}
/*-------Pour l'animation des vidéos ------------------------------*/

#slideshow {list-style:none; color:#fff}
#slideshow span {display:none}
#wrapper {width:506px; display:none}
#wrapper * {margin:0; padding:0}
#information {position:absolute; bottom:0; width:500px; height:0; background:#000; color:#fff; overflow:hidden; z-index:200; opacity:.7; filter:alpha(opacity=70)}
#information h3 {padding:4px 8px 3px; font-size:14px}
#information p {padding:0 8px 8px}
#image img {position:absolute; z-index:25; width:auto}
.imgnav {position:absolute; width:25%; height:306px; cursor:pointer; z-index:150}
#imglink {position:absolute; height:306px; width:100%; z-index:100; opacity:.4; filter:alpha(opacity=40)}
.linkhover {background:url(/images/link.gif) center center no-repeat}
#thumbnails {margin-top:15px}
#slideleft {float:left; width:20px; height:40px; background:url(/images/fleche_diapo_videos_left.png) center center no-repeat; }
#slideright {float:right; width:20px; height:40px; background: url(/images/fleche_diapo_videos_right.png) center center no-repeat}
#slidearea {float:left; position:relative; width:456px; margin-left:5px; height:81px; overflow:hidden}
#slider {position:absolute; left:0; height:40px}
#slider img {cursor:pointer; padding:2px}







/*----------------------VISUALISATION PHOTOS------------------------------------*/






/*-- FIN OBSOLETE -- */
.donnees_photo p{
	line-height: 10px;
	clear:both;
}

.nom_contrib{
	float: left;
	font-size: 9px;	
	margin-left: 10px;
}




.copyright{
	float: left;	
	font-size: 9px;
}
.selection{
	height: 18px;
	margin: 5px 0px 10px 0px;	
	background: #EDEDED;
	text-align: center;
}
.selection .precedent {
	float:left;
	text-align: left;
	width:150px;
}
.selection .precedent a{
	background: url(/images/fleche_noir_prec.png) left center no-repeat;
	padding-left: 15px;
	margin-left: 10px;
}

.selection .suivant {
	width:150px;	
	float: right;
	text-align: right;
	
}
.selection .suivant a{
	background: url(/images/fleche_noir_suiv.png) right center no-repeat;
	padding-right: 15px;
	margin-right: 10px;
}


.selection .debut {
	float:left;
	text-align: left;
	width:150px;
}
.selection .debut a{
	background: url(/images/double_fleche_noir_gauche.png) left center no-repeat;
	padding-left: 15px;
	margin-left: 10px;
}

.selection .fin {
	width:150px;	
	float: right;
	text-align: right;
	
}
.selection .fin a{
	background: url(/images/double_fleche_noir_droite.png) right center no-repeat;
	padding-right: 15px;
	margin-right: 10px;
}


.selection .etat{
	float: left;
	width: 370px;
	text-align: center;
}
.selection .etat_alone{
	float: left;
	width: 610px;
	text-align: center;
}



.bloc_reseau{
	float: right;
	text-align: right;
	width: 270px;	
}

.cadre_diapo{
	float:left;	
	width:120px;
	
	border :1px #2288AA solid;
}




.diapo .image_reflect{
	float: left;
	width: 90px;
	padding: 5px 0px 5px 0px;	
	margin-left: 10px;
}
.diapo {
	margin-left: 45px;	
}
.diapo .image_reflect img{
	margin-left: 10px;
}
.diapo .image_reflect_select{
	border: 2px solid #000000;	
}

.liens_action_contrib{
	float: left;
	width: 625px;
	border: none;
	display:block;
}
.liens_action_contrib .liste_action{
	float: right;
	width: 80px;
}
.liens_action_contrib .liste_action li {
	/*list-style-image: url(/images/fleche_bleu_fonce.jpg);*/
	list-style-type: none;
	background: url(/images/fleche_bleu_fonce.jpg) left center no-repeat;	
	padding-left:10px;
		
}
.liens_action_contrib .liste_action li a{
	color: #03538D;
}	
.liens_action_contrib .liste_action li a img{
	margin-left: 5px;
	border: none;
}





/*----------------------- Commentaires ---------------------*/

.commentaire_pere {
	border-top:1px solid #DADADA;
	padding: 9px 0px 0px 0px;
	margin: 0px 0px 6px 0px;
}
.commentaire_fils {
	border-top:1px solid #DADADA;
	padding: 9px 0px 0px 0px;
	margin: 0px 0px 6px 40px;
}
.commentaire_titre {
	font-weight: bold;
	font-size: 13px;
}
.commentaire_reponse {
	float:left;
	text-align: left;
	font-size: 12px;
	padding-right:6px;
	color:#045691;
	background: url(/images/fleche_noir.png) left 0px top 4px no-repeat;
	
}
.commentaire_auteur {
	float: left;
	padding-right:6px;
	font-size: 12px;
	color:#045691;
	text-align: left;
}
.commentaire_texte {
	font-size: 12px;
	margin:0;
	padding:0;
}
.commentaire_texte a {
	color: #045691;
}
.commentaire_date {
	font-size: 12px;
	font-weight:normal;
	color: #999999;
	float:left;
}

.commentaire_liens {
	width:60px;
	float: right;
	font-size: 12px;
	color: #045691;
	background: url(/images/fleche_bleu_fonce.jpg) left center no-repeat;
	padding: 0px 0px 0px 10px;
}
.commentaire_liens a {
	color: #045691;
}
.commentaire_liens a:hover {
	text-decoration:underline;
}


.commentaire_pagination {
	font-size: 11px;
	font-weight: bold;
	text-align: left;
	background-color: #DEDFDE;
	padding: 1px 6px;
	margin: 32px 0px 0px 0px;



}
.commentaire_pagination a {
	color:#045691;
	text-decoration:none;
}

/*
.form_commentaire_titre_bas {
	float: left;
	width: 616px;
	font-weight: bold;
	text-transform:uppercase;	
	font-size: 14px;
	border-width:1px 0px 0px 0px;
	border-style:solid;
	border-color:#000000;
	padding: 10px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
*/


.formulaire_envoi_commentaire{
	width: 500px;
	float:none;
	padding-top:4px;
	margin-left:50px;
	font-size: 12px;
	texte-align : center;
}
.formulaire_envoi_commentaire a{
	color: #045691;
}



.form_commentaire_param {
	font-size: 14px;
	background: url(/images/fleche_noir.png) left center no-repeat;	
	padding-left:20px;
	margin-top:5px;
	
	
}
.form_commentaire_saisie {
	float: right;
	font-size: 14px;
}


.form_commentaire_saisie textarea {
	width: 350px;	
	height: 60px;
}
.form_commentaire_saisie input {
	width: 350px;	
	height: 20px;
}
.form_commentaire_remarque {
	font-size: 12px;
}




.bouton_action {
	font-size: 12px;
	font-weight: bold;
	color: #ffffff;
	text-align: center;
	text-transform:uppercase;
	margin: 13px 0px 13px 0px;
}
.bouton_action a {
	color: #ffffff;
	text-decoration: none;
	background-color: #417aa5;
	padding: 3px 40px 3px 40px;
	margin: 0px 0px 0px 0px;
}
.bouton_action a:hover {
	color: #ffffff;
	margin: 0px 0px 0px 0px;
	
}



/*-----------------------VISUALISATION DE TOUTES LES PHOTOS ---------------------*/
#bloc_encadre_photo_contact{
	width: 600px;
	float: left;
}
.bloc_photo_contact{
	float:left;
	margin:10px 25px 10px 25px;	
	width:68px;
}
.photo_contact{
	background:url(/images/photos/ombre_photos.png) no-repeat;
	width:93px;
	height: 71px;
	z-index:1;
}
.photo_contact img{
	border: none;
}
.titre_photo_contact{
	text-align:center;
	width: 90px;
	height: 30px;
	font-size: 11px;
	font-weight:bold;
	overflow:hidden;
}


/*----------------------ANNONCES GOOGLE----------------------------------------------*/
.annonce_google {
	float: left;
	width: 300px;
	
	margin-top: 2px;
	margin-bottom: 2px;
	
}
.titre_google a {
	
	text-decoration:none;
	font-size: 13px;
	font-weight: bold;
	color: #045691;
	padding-left: 8px;
 	width: 290px;
}

.descriptif_google {
	text-decoration:none;
	font-size: 11px;
	color: #000000;
	padding-left: 8px;
	width: 290px;
	height: 28px;
}
.lien_google a {
	text-decoration:none;
	font-size: 11px;
	color: #045691;
	
	padding-left: 8px;
	width: 290px;
}



.lien_annonces_google {
	
	text-decoration:none;
	font-size: 11px;
	font-weight:bold;
	text-align:left;
	color: #000000;
	margin-left: 6px;
	margin-right:2px;
 	float:left;
	width: 288px;
}

/*----------------------BLOC CARTE PREVIS SEULE ---------------------------*/
.phrase_selection_echeance_carte{
	float:left;
	color: #717171;
	font-weight:bold;
	width: 610px;
	margin: 3px 0px 0px 2px;
	text-align:center;
}
.bloc_carte_seule {
	float:left;
	background:#bebebe;
	margin-top:4px;
	margin-right:2px;
	width:400px;
	height:443px;
}
.bloc_periode_param_carte {
	float:right;
	width:400px;
	height:22px;
}
.carte_nom_nonselect  {
	float:left;
	
	text-decoration:none;
	text-align:center;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: -1px;
	color: #AAAAAA;
	background:#FFFFFF;
	line-height: 22px;
	height:22px;
	width:65px;
	
}
.carte_nom_select {
	float:left;
	
	text-decoration:none;
	text-align:center;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: -1px;
	color: #000000;
	background:#FFFFFF;
	line-height: 22px;
	height:22px;
	width:65px;
	
}
.carte_select  {
	position:absolute;
	height:400px;
	width:400px;
	display:block;
}
.carte_nonselect  {
	position:absolute;
	height:400px;
	width:400px;
	display:none;
}
.carte_parametre {
	float:left;
	margin-left:1px;
	text-decoration:none;
	text-align:center;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background: #bebebe url(/images/fleche_blanche.png) 5px 7px no-repeat;	
	line-height: 22px;
	height:22px;
	width:139px;
}
.carte_parametre a {
	text-decoration:none;
	color: #FFFFFF;
}
.carte_parametre a:hover {
	text-decoration:none;
	color: #000000;
}
.carte_loupe {
	height: 28px;
	width: 34px;
}
#bloc_carte_echeances {
	height:21px;
	background:#FFFFFF;
}
#bloc_carte_echeances .lien_echeance  {
	float:left;
	
	text-decoration:none;
	text-align:center;
	font-size: 14px;
	font-weight: bold;
	color: #AAAAAA;
	background:#FFFFFF;
	height:21px;
	width:33px;
}
#bloc_carte_echeances .lien_echeance a {
	text-decoration:none;
	color: #AAAAAA;
}
#bloc_carte_echeances .echeance_select {
	float:left;
	
	text-decoration:none;
	text-align:center;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	background:#bebebe;
	height:21px;
	width:33px;
}
#bloc_carte_echeances .echeance_select a {
	text-decoration:none;
	color: #FFFFFF;
}
#bloc_carte_echeances a:hover {
	text-decoration:none;
	color: #000000;
}
.bloc_carte_texte {
	float:left;
	background:#f0f0f0;
	margin-top:4px;
	margin-left:2px;
	width:210px;

}
.bloc_carte_texte .jour_select {
	font-size: 19px;
	font-weight: bold;
	letter-spacing: -1px;
	color: #000000;
	margin: 5px 2px 0px 2px;

}
.bloc_carte_texte .jour_nonselect {
	font-size: 19px;
	font-weight: bold;
	letter-spacing: -1px;
	color: #969696;
	margin: 5px 2px 0px 2px;

}
.bloc_carte_texte .periode_select {
	
	text-decoration:none;
	font-size: 14px;
	color: #000000;
	padding-left:8px;
	margin-top:6px;

}
.bloc_carte_texte .periode_nonselect {
	
	text-decoration:none;
	font-size: 14px;
	color: #969696;
	padding-left:8px;
	margin-top:6px;

}
.bloc_carte_texte .texte_select {
	
	text-decoration:none;
	font-size: 12px;
	color: #000000;
	padding-left:8px;

}
.bloc_carte_texte .texte_nonselect {
	
	text-decoration:none;
	font-size: 12px;
	color: #969696;
	padding-left:8px;

}
/*----------------------RESULTAT RECHERCHE PREVI-------------------------------------*/


.conseil_recherche {
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}
.conseil_recherche b {
	color : #417AA5;
}
.resultat_recherche_2_col{
	float:left;	
	width:305px;
}
.resultat_recherche_1_col{
	
}
.resultat_recherche_entite{
	float:none;
	padding : 0px 0px 3px 0px;
}
.recherche_pagination {
	font-size: 12px;
	background-color: #E8E8E8;	
	text-align: center;
}
.recherche_pagination a {
	text-decoration: underline;
}



/*----------------------Bloc pour acceder aux vidéos partie prévis----------------*/
.image_video_previs{
	margin: 10px;	
}
/*----------------------Bloc prévis ville/destination/station/plage----------------*/
.pub_geoloc{
	float:left;
}
.infos_longitude{
	margin: 5px 0px 0px 0px;
}
.infos_bulletins{
	font-size: 12px;
	margin: 5px 0px 0px 0px;
	padding-top: 10px;
	width: 400px;
	float:left;
	font-weight: bold;
}
.del_favori{
	background: #ffffff url(/images/del_favori.png) right center no-repeat;
	color: #717171;
	float:right;
	padding-right: 38px;
	padding-top: 15px;
	text-align: right;
	width: 178px;
	height: 24px;
}
.del_favori a{
	color: #64A0C8;
	text-decoration: none;
}
.del_favori a:hover{
	text-decoration: underline;
}
.add_favori{
	background: #ffffff url(/images/add_favori.png) right center no-repeat;
	color: #717171;
	float:right;
	padding-right: 38px;
	padding-top: 15px;
	text-align: right;
	width: 178px;
	height: 24px;
}
.add_favori a{
	color: #64A0C8;
	text-decoration: none;
}
.add_favori a:hover{
	text-decoration: underline;
}
.phrase_selection_echeance{
	float:left;
	color: #717171;
	width: 220px;
	margin: 14px 0px 0px 0px;
}
.periode_previ_entite {
	float:left;
	height:100px;
	width:216px;
}
.jour_entite_select {
	float:left;
	font-size: 19px;
	font-weight: bold;
	letter-spacing: -1px;
	color: #000000;
	width:216px;
	height:28px;
}
.jour_entite_nonselect {
	float:left;
	font-size: 19px;
	font-weight: bold;
	letter-spacing: -1px;
	color: #969696;
	width:216px;
	height:28px;
}
.periode_entite_select {
	float:left;
	
	text-decoration:none;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	border-color: #8c8c8c;
	border-style: solid;
	border-width: 1px 0px 0px 0px;
	width: 75px;
	height: 15px;
}
.periode_entite_nonselect {
	float:left;
	
	text-decoration:none;
	font-size: 13px;
	font-weight: bold;
	color: #8c8c8c;
	border-color: #8c8c8c;
	border-style: solid;
	border-width: 1px 0px 0px 0px;
	width: 75px;
	height: 15px;
}
.logo_entite_select {
	float:left;
	width: 75px;
	height: 75px;
	background-color: #FFFFFF;
	 -moz-opacity:1;
	opacity:1; 
	filter : alpha(opacity=100);
	text-align: center;
}
.logo_entite_nonselect {
	float:left;
	width: 75px;
	height: 75px;
	background-color: #FFFFFF;
	-moz-opacity:0.7;
	opacity:0.7; 
	filter : alpha(opacity=70);
	text-align: center;
}
.bloc_texte_entite {
	float:right;
	border-color: #8c8c8c;
	border-style: solid;
	border-width: 1px 0px 0px 0px;
	width: 136px;
	height: 90px;
	margin-right: 5px;
	display: table;
	#position: relative;
}
.bloc_centrage_texte_entite {
	display:table-cell;
	vertical-align:middle;
	#position: absolute;
	#top: 50%;
}
.texte_entite_select {
	
	text-decoration:none;
	font-size: 11px;
	color: #000000;
	width: 136px;
	line-height: 15px;
	#position: relative;
	#top: -50%;
}
.texte_entite_nonselect {
	
	text-decoration:none;
	font-size: 11px;
	color: #8c8c8c;
	width: 136px;
	line-height: 15px;
	#position: relative;
	#top: -50%;
}
.annonces_jour_previ {
	float:left;
	margin:5px 0px 0px 0px;
	height:160px;
	width:212px;
	background:#f0f0f0;
}
.bloc_situ_entite {
	float:right;
	
	text-decoration:none;
	font-size: 12px;
	color: #000000;
	width:400px;
	height:75px;
	margin:5px 0px 0px 0px;
	background-color:#f0f0f0;
}
.titre_situ_entite {
	
	font-size: 13px;
	font-weight: bold;
	width:385px;
	margin: 5px 10px 0px 5px;
}
.texte_situ_entite {
	
	font-size:12px;
	width:385px;
	margin: 3px 10px 0px 5px;
}
.ephemerides {
	float:right;
	
	text-decoration:none;
	font-size: 12px;
	color: #000000;
	width:390px;
	height:80px;
	margin:5px 0px 0px 0px;
	padding : 0px 5px 0px 5px;
	background-color:#f0f0f0;
}

.texte_ephemerides_logo {
	float:left;
	text-decoration:none;
	font-size: 12px;
	color: #000000;
	line-height:18px;
	background-color:#f0f0f0;
	width:25px;
}

.texte_ephemerides {
	float:left;
	text-decoration:none;
	font-size: 12px;
	color: #000000;
	line-height:18px;
	background-color:#f0f0f0;
}
.bloc_enneigement {
	float:left;
	margin:20px 0px 10px 0px;
	background: url(/images/fond_enneigement.png);
	width:615px;
	height:85px;
	
	text-decoration:none;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}
.param_enneigement {
	float:left;
	
	text-decoration:none;
	font-size: 12px;
	font-weight: bold;
	margin: 14px 0px 0px 90px;
	width: 200px;
}
.valeur_enneigement {
	float:left;
	
	text-decoration:none;
	font-size: 12px;
	font-weight: bold;
	margin: 14px 0px 0px 0px;
	width: 320px;
}



.bloc_uv_mer_sans_maree	 {
	float:left;
	margin: 20px 0px 10px 0px;
	background: url(/images/fond_uv_mer_sans_maree.png);
	/*padding: 0px 0px 0px 70px;*/
	width:615px;
	height:85px;
	text-decoration:none;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}
.bloc_uv_mer_avec_maree {
	background: url(/images/fond_uv_mer_avec_maree.png);
	float:left;
	margin: 20px 0px 10px 0px;
	/*padding: 0px 0px 0px 70px;*/
	width:615px;
	height:85px;
	text-decoration:none;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}


.param_uv_mer {
	float:left;
	padding-left:70px;
	font-size: 12px;
	font-weight: bold;
	margin-top: 10px;
	width: 150px;
}
.valeur_uv_mer_sans_maree {
	float:left;
	font-size: 12px;
	font-weight: bold;
	margin-top: 10px;
	width: 380px;
}
.valeur_uv_mer_avec_maree {
	float:left;
	font-size: 12px;
	font-weight: bold;
	margin-top: 10px;
	width: 130px;
}
.param_maree {
	float:left;
	padding-left:70px;
	text-decoration:none;
	font-size: 12px;
	font-weight: bold;
	margin-top: 10px;
	width: 90px;
}
.valeur_maree {
	float:left;
	text-decoration:none;
	font-size: 12px;
	font-weight: bold;
	margin-top: 10px;
	width: 100px;
}
.copyright_shom {
	float:right;
	text-decoration:none;
	font-size: 8px;
	text-align: left;
	width: 110px;
}

/*----------------------TOP DES VILLES-----------------------------------------------*/

.bloc_ville_gauche{
	float:left;	
	width:310px;
	margin:0px;
	padding :0px;
}
.bloc_ville_droite{
	float:right;
	width:310px;
	margin:0px;
	padding :0px;	
}
.bloc_ville_centre{
	float:none;
	margin-left:315px;
	padding :0px;
}


.bloc_ville{
	float:left;
	width:308px;
	/*margin: 5px 10px 0px 0px;*/
	margin:0px;
	color: #646464;
	
}
.bloc_ville .titre{
	font-family: Arial ;
	border-style:solid;
	border-width:0px 0px 1px 0px;
	border-color: #969696;
	color: #000000;
	font-size:18px;
	padding-left: 10px;
	background: url(/images/fleche_gris.jpg) left center no-repeat;
}
.bloc_ville .plus{
	margin-top: 5px;
	border-style:solid;
	border-width:1px 0px 1px 0px;
	border-color: #969696;
	
}
.bloc_ville .liste{
	padding: 5px 0px 0px 0px;
}
.bloc_ville .bloc_donnees{
	float:left;
	width: 233px;
}


.bloc_ville .ville{
	font-weight:bold;
	margin-top:0px;
	margin-bottom:0px;
	font-size:12px;
	/*letter-spacing: -1px;*/
	overflow:hidden;
	text-align:left;
	height:15px;
}
.bloc_ville .zone{
	margin-top:0px;
	margin-bottom:5px;
	font-size:9px;
	/*letter-spacing: -1px;*/
	clear: both;
	overflow:hidden;
	text-align:left;
	height:15px;
}
.bloc_ville .bloc_picto_tempe{
	float:right;
	height: 20px;
	width: 60px;
	
}

.bloc_ville .picto{
	float:right;
	width: 37px;
	height: 30px;
	text-align:center;
	/*margin-right: 30px;*/
	
}
.bloc_ville .tempe{
	float:right;
	width: 23px;
	padding-top: 7px;
	font-size:9px;
	font-weight:bold;
}
.bloc_ville .tempe a {
	color: #646464;
}


/*----Valeurs remarquables---*/
.valeur_remarquable{
	float:left;
	width:297px;
	margin: 5px 0px 5px 0px;
	color: #646464;
}
.remarquable_ville{
	float:left;
	width: 210px;
	height: 25px;
	padding-top: 5px;
	font-weight:bold;
	font-size:13px;
	color:#000000;
}
.remarquable_picto{
	float:left;
	width: 37px;
	height: 30px;
	text-align:center;
}
.remarquable_valeur{
	float:left;
	width: 50px;
	height: 25px;
	padding-top: 5px;
	font-weight:bold;
	font-size:13px;
	color:#000000;
}

/*------------------------FORMULAIRES----------------------------------------*/
.table_formulaire{
	padding:0px;
	border:0;
}
.table_formulaire tr td{
	padding-bottom:6px;
}
.erreur {
	color:#FF0000;
}
.formulaire_texte {
	float: left;
	font-size: 13px;
	margin: 10px 0px 0px 0px;
	width: 616px;
}
.formulaire_texte a {
	color: #045691;
}
.formulaire_puce {
	float:left;
	width:606px;
	padding: 0px 0px 0px 10px;
	font-size: 12px;
	color: #000000;
	margin: 5px 0px 0px 0px;
	background: url(/images/fleche_noir.png) left 3px no-repeat;
}
.formulaire_champs {
	float: left;
	font-size: 13px;
	margin: 10px 0px 0px 0px;
	width: 200px;
	height: 20px;
}
.formulaire_valeur {
	float: right;
	font-size: 13px;
	margin: 10px 0px 0px 0px;
	width: 416px;
}
.formulaire_remarque {
	float: left;
	font-size: 12px;
	margin: 0px 0px 0px 0px;
	width: 616px;
}
.formulaire_remarque a {
	color: #045691;
}
.formulaire_remarque b {
	font-weight: bold;
	color: #045691;
}
.formulaire_separateur {
	float: left;
	margin: 0px 0px 0px 0px;
	width: 616px;
	height: 10px;
	overflow-y: hidden;
	border-width: 0px 0px 1px 0px;
	border-color: #045691;
	border-style:solid;
}

.formulaire_boutton {
	color: #ffffff;
	text-decoration: none;
	background-color: #417aa5;
	font-weight: bold;
	padding: 0px 10px 0px 10px;
	margin:0px;
	border:0px;
	cursor:pointer;
	text-align:center;
}

.formulaire_champs_incorrect {
	background-color : #f3dc9c;
}


/*----------------------FOOTER-----------------------------------------------*/
#footer{
	background: #FFFFFF;
	margin-top: 0px;	
	left:0px;
	width:976px;
	z-index: 100;
}
#footer #menu_footer {
	margin: 10px 10px 0px 10px;
	color : #000000;
	text-decoration:none;
}
#footer #menu_footer a {
	margin: 10px 10px 0px 10px;
	color : #000000;
	text-decoration:none;
}
#footer #menu_footer a:hover {
	text-decoration:underline;
}
#footer #menu_footer span{
	margin: 10px 10px 0px 10px;
}
/*-------------------Partie Galerie/Diaporama---------------------------*/
div#galerie
{
	width: 590px ;
	padding: 15px ;
	margin: 5px 10px ;
	text-align: center ;
	font: 0.9em Arial, serif ;
}

ul#galerie_mini
{
	
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
}

ul#galerie_mini li
{
	float: left ;
	padding: 10px;
}
ul#galerie_mini li img
{
	border: none;
	margin-left: 10px;
}


dl#photo
{
	clear: both ;
	margin: 0 auto ;
	margin-left: 10px;
}

dl#photo dt
{
	font-size: 20px;
	font-weight: bold;
	letter-spacing: -1px;
	color: #000000;
	margin: 5px 10px 5px 5px;
}

dl#photo dd
{
	margin: 0 ;
}

dl#photo img
{
	border: 1px solid #000000 ;
	margin-left: 10px;
	z-index:5;
}


/*Diaporama photo en thickbox*/
.diapo_fleche_left{
	border: none;
	position: absolute;
	left: 17px;
	top: 280px;
	margin-right: 25px;
}
.diapo_fleche_right{
	border: none;
	position: absolute;
	right: 10px;
	top: 280px;
	margin-right: 25px;
}

.diapo_titre_photo{
	position: absolute;
	top: 530px;
	left: 65px;
}
.diapo_texte{
	margin-left: 5px;
}
.diapo_selection{
	height: 18px;
	margin: 5px 50px 15px 55px;	
	background: #EDEDED;
	text-align: center;
}
.fermer_galerie{
	float: right;
	/*background: url(/images/fermer.png) right center no-repeat;	*/
	margin-right: 15px;
	padding-right: 25px;
}

/*-------------------Partie ToutSavoir sur La Chiane meteo ---------------------------*/





div#toutsavoir a, hover, visited{
	font-weight:bold;
	color: #045691;
	text-decoration: underline;
}
/*---------------------------------- Widget ------------------------------*/
.image_widget{
	float:left;
	padding: 5px;
}
/*---------------------------------- Communautaire ---------------------------*/

h2 .auteur{
	font-size: 17px;	
}

.communautaire_date{
	font-size: 13px;
	color: #AAAAAA;
	margin-top:5px;
}

.communautaire_photo_personne{
	float:right;
	margin-left:10px;
}


.communautaire_theme,
.communautaire_theme a,
.communautaire_theme a:hover{
	color: #045691;
	font-weight:bold;
	
}

.communautaire_lien_lieu {
	width:45px;
	height:20px; 
	border:none;
	float:right;
	margin-right:6px;
	margin-bottom:2px;
}

.communautaire_ecrire_infos{
	float : right;
	margin-top:5px;
}
.communautaire_ecrire_infos a {
	font-size: 13px;
	background: url(/images/fleche_bleu_fonce.jpg) left center no-repeat;	
	padding-left:10px;
	color: #045691;

}


.communautaire_ecrire_infos_bleu{
	margin-top:5px;
	padding-bottom:0px;
	color: #FFFFFF;
	/*background: #045691;*/
	background: #417aa5;
	border-width:0px;
	margin-bottom:0px;
	height:19px;
	padding-right:6px;
	position:absolute;
	right:16px;
	
}
.communautaire_ecrire_infos_bleu a {
	font-size: 13px;
	background: url(/images/fleche_blanche.png) left center no-repeat;	
	color: #FFFFFF;
	margin-left:3px;
	padding-left: 10px;
	margin-right:3px;
	border-width:0px;
}
.communautaire_ecrire_infos_bleu a:hover,
.communautaire_ecrire_infos_bleu a:visited
{
	font-size: 13px;
	background: url(/images/fleche_blanche.png) left center no-repeat;	
	color: #FFFFFF;
	margin-left:3px;
	padding-left: 10px;
	margin-right:3px;
	border-width:0px;
}


.communautaire_commenter_article_bleu{
	margin-top:0px;
	padding-bottom:0px;
	color: #FFFFFF;
	/*background: #045691;*/
	background: #417aa5;
	border-width:0px;
	margin-bottom:0px;
	height:19px;
	padding-right:6px;
	position:absolute;
	right:16px;
	
}
.communautaire_commenter_article_bleu a {
	font-size: 13px;
	background: url(/images/fleche_blanche.png) left center no-repeat;	
	color: #FFFFFF;
	margin-left:3px;
	padding-left: 10px;
	margin-right:3px;
	border-width:0px;
}







.communautaire_vignette_article{
	width:90px; 
	height:68px;
	padding : 5px 13px 0px 0px;
	cursor:hand;
	cursor:pointer;
}


.commentaires_photo{
	color:#000000;
	font-weight: bold;
	margin-top: 5px;
	
}

.communautaire_signalement{
	float:right;
	color: #045691;
	background: url(/images/fleche_bleu_fonce.jpg) left center no-repeat;
	padding-left: 10px;
	margin-top:5px;
	font-size: 13px;
}
.communautaire_signalement a {
	color: #045691;
}

.photo_large{
	text-align:center;
	border: 1px solid #000000;	
	
}

.evaluation{
	float: right;
	width: 300px;
	margin-bottom: 5px;
	text-align:right;
}

.evaluation a.texte{
	background: url(/images/fleche_gris.png) left center no-repeat;	
	padding-left:10px;
}

.evaluation a.etoile{
	text-decoration:none;
}


/*----------------------------- SOMMAIRE - BLOC INFOS ------------------------------*/




.carousel_info_grisee, .carousel_info_cs_grisee {
	font-family: Arial, Helvetica, sans-serif ;
	color: #969696;
	margin-left:6px;
	padding-left:15px;
	font-weight:normal;
	background: url(/images/fleche_gris.png) left center no-repeat;
	text-decoration:none;
	font-size:13px;
}
.carousel_info_grisee:hover {
	color: #969696;
	text-decoration:none;
}
.carousel_info_cs_grisee, .carousel_info_cs_grisee:hover {
	color: #CC0000;
	text-decoration:none;
}
.carousel_info_surlignee {
	font-family: Arial, Helvetica, sans-serif ;
	color: #000000;
	padding-left:19px;
	font-weight:bold;
	background: url(/images/fleche_noir_infos_selected.png) left top no-repeat;
	text-decoration:none;
	font-size:13px;
}
.carousel_info_surlignee:hover {
	text-decoration:none;
}

.carousel_info_cs {
	font-family: Arial, Helvetica, sans-serif ;
	color: #ff0000;
	padding-left:19px;
	font-weight:bold;
	background: url(/images/fleche_noir_infos_selected.png) left top no-repeat;
	text-decoration:none;
	font-size:13px;
}
.carousel_info_cs:hover {
	color: #ff0000;
	text-decoration:none;
}
.carousel_info_img {
	width:93px;
	height:71px;
	float:left;
	padding-top:12px !important;
	padding: 17px 22px 0 16px;
}
.carousel_info_img img {
	border: 0;
}



.liste_carroussel li{
	padding-left:0px;
	list-style-type: none;
	text-align:left;
	font-size: 12px;
	line-height:15px;
	width:480px;
	height:15px;
	overflow:hidden;
}

.liste_carroussel li.inactive a{
	font-family: Arial, Helvetica, sans-serif ;
	background: url(/images/fleche_gris.png) left 4px no-repeat;
	padding-left:10px;
	font-size:14px;
	height:15px;
	overflow:hidden;
	text-decoration:none;
	color: #969696;
	
}


.liste_carroussel li.active a{
	font-family: Arial, Helvetica, sans-serif ;
	background: url(/images/fleche_noir_inverse.png) left 4px no-repeat;
	padding-left:10px;
	text-decoration:none;
	font-weight:bold;
	height:15px;
	font-size:13px;
	overflow:hidden;
	
}


.liste_carroussel li.active a.cs2,
.liste_carroussel li.inactive a.cs2{
	color: #ffad2c;
}

.liste_carroussel li.active a.cs3,
.liste_carroussel li.inactive a.cs3{
	color: #c61200;
}

/*----Video flash derriere une thickbox -----*/

.image_left{
	float: left;
	padding : 0px 10px 0px 10px;	
}


 /*----Valeurs remarquables---*/
.bloc_non_visible
{
 display:none;
 visibility: hidden;
}
.bloc_visible
{
 display: visible;
 visibility: visible;
}



/*----------------------- BOUTON BLEU -----------------------------*/
.bouton_bleu {
	height: 17px;
	border: 1px #999999 solid;
	background:#417AA5;
	color: #ffffff;
	font-size: 11px;
	cursor: pointer;
	text-transform:uppercase;
	font-weight: bold;
	margin: 0;
}

select.themes_recherche
{
	width : 200px;
	font-size:12px;
	padding-left:4px;
	height:120px;
}

/*---------------------- CROIX FERMER -------------------------------*/
.fermer{
	float: right;
	/*background: url(/images/fermer.png) right center no-repeat;	*/
	margin-right: 15px;
	padding-right: 25px;
}
/*----------------------Player video partie prévisions --------------*/
	
.titre_video_previ{
	width: 290px;
	margin-top: 0px;
	z-index: 50;
	text-align: center;	
}	

/*---------------Bloc Nature et découverte -----------------------*/
	
	
.nd_bloc{
	border:1px solid #aaaaaa;
	width:294px !important;
	width:292px;
	height:118px !important;
	height:100px;
	margin:0px;
	padding:2px;
	overflow-y:hidden;
}
.nd_bloc .nd_titre{
	color:#FF5E03;
	font-weight:bold;
	margin-top:3px;
	margin-bottom:0px;	
}
.nd_bloc .nd_texte{
	font-size:10px; 
	padding:2px;	
}
.nd_bloc .nd_lien {
	text-decoration:none;	
}
.nd_bloc .nd_img{
	float:left;
	padding:5px;
	
}

