/*gris 5B534F*/

body{
	font-family:verdana;
	font-size:12px;
	width:980px;
	margin:0 auto;
	color:#5B534F;
}

img, img a{
	border:0;	
}

a{
	color:#A9B9DF;	
	text-decoration:none;
}

h1{
	color:#A9B9DF;
	margin:10px 0 0 0;
	font-size:20px;
}

h2{
	color:#5B534F;
	margin:10px 0 0 0;
	text-transform:capitalize;
}

h3{
	position:absolute;
	width:895px;
	margin:0 auto;
	text-align:right;
	top:130px;
	color:#FFF;
	font-size:11px;
}

input{
	border:#FFF 1px solid;
}

select{
	font-family:verdana;
	font-size:10px;	
}

#searchid{
	display:none;	
}

.fin-div{
	clear:both;
}

.img_entete{
	padding-bottom:10px;
}

#seperat{
	margin-top:10px;
	border-width:1px 0 0 0;
	border-color:#5B534F;
	border-style:solid;
}

#entete{
	margin:0;
	padding:0 5px;
	text-align:right;
}

#entete a{
	padding:0 10px;
}

#centre{
	float:left;
	width:585px;
	padding:0 12px 20px 12px;
	margin:0 10px;
}

#centre table{
	border-collapse: collapse;
	width:100%;
	margin:10px auto 20px auto;
}

#centre table tr{
	height:2.2em;
}

#raccourci form, #raccourci img{
	display:inline;	
	left:0;
}

.legende{
	background-color:#A9B9DF;
	color:#FFF;
	border-width:0 0 2px 0;	
	border-color:#FFF;
	border-style:solid;
	width:45%;
	padding-left:7px;
}

.value{
	border-width:0 0 2px 0;	
	border-color:#A9B9DF;
	border-style:solid;
	width:55%;
	padding-left:40px;
	color:#5B534F;
}

.value img{
	vertical-align:middle;	
}

.value1{
	text-align:center;
	color:#5B534F;
}

#toggle{
	cursor:pointer;	
	display:block;
	background-color:#FFF;
	text-align:center;
	color:#5B534F;
	font-weight:bold;
	width:260px;
	padding:12px 10px 12px 45px;
	border:2px solid #5B534F;
	background:url(/images/webcam_icone-noborder.png) no-repeat;
	margin:10px auto;
}

#gauche{
	background-image:url("/images/entete_droite.png");
	background-color:#A9B9DF;
	background-repeat:no-repeat;
	width:161px;
	padding:30px 0 20px 4px;
	float:left;
	font-weight:bold;
}

#gauche a{
	color:#FFF;
}

#gauche ul{
	margin:0;
	padding-left:5px;	
	list-style:none;
	color:#FFF;
}

#gauche li{
	display:inline;
}

#droite{
	float:left;
	width:162px;
	color:#5B534F;
}

#search_droite input{
	font-size:10px;	
	display:inline;
	line-height:1em;
}

#search_droite{
	float:left;
	background-image:url("/images/entete_droite.png");
	background-color:#A9B9DF;
	background-repeat:no-repeat;
	width:162px;
	padding:25px 0 20px 3px;
	margin-bottom:15px;
	text-align:right;
}

#news_droite input{
	font-size:10px;	
	display:inline;
	line-height:1em;
}

#news_droite{
	float:left;
	background-image:url("/images/entete_droite.png");
	background-color:#A9B9DF;
	background-repeat:no-repeat;
	width:162px;
	padding:25px 0 20px 3px;
	margin-bottom:15px;
	text-align:right;
}
#pub{
	float:left;
	background-image:url("/images/entete_droite.png");
	background-color:#A9B9DF;
	background-repeat:no-repeat;
	width:162px;
	color:#FFF;
	padding:25px 0 20px 3px;
	margin-bottom:15px;
	text-align:right;
}

#bloc1{
	float:left;	
	width:260px;
	margin:0;
}

#bloc2{
	float:left;	
	width:260px;
	margin-left:50px;
}

#cadre{
	width:575px;
	background:#FFF;
	border:0;
	padding:0 5px 2px 5px;
	border:2px #A9B9DF solid;
	min-height:370px;
}

.cadregris{
	background-color:#5B534F;
	width:250px;
	margin:0 0 30px 0px;
	padding:10px;
	color:#FFF;
}


.cadregris select{
	font-family:verdana;	
	margin:5px 0;
	font-size:10px;
}

.cadregris form{
	margin:0;
	padding:0;	
}

.cadregris a{
	color:#FFF;	
}

#meteodujour{
	float:left;
	width:225px;
	color:#A9B9DF;
	line-height:1.8em;
	margin-bottom:30px;
	border:2px solid #5B534F;
	height:330px;
}

#meteodujour table, #previsionmeteo table{
	margin:0 0 0 1px;
}

#meteodujour td, #previsionmeteo td{
	padding-left:5px
}

#meteodujour .head_blue{
	background-color:#A9B9DF;
	color:#FFF;
	text-align:center;
	padding:5px 0;
}

#meteodujour span{
	display:block;
}

.body_white{
	border-width:2px 0 0 0;	
	border-color:#5B534F;
	border-style:solid;
	padding:5px 2px;
	margin:0;
}

#partenaire{
	float:left;
	width:340px;
	color:#A9B9DF;
	line-height:1.8em;
	margin:0 0 30px 10px;
	border:2px solid #5B534F;
	height:330px;
}

#partenaire .head_blue{
	background-color:#A9B9DF;
	color:#FFF;
	text-align:center;
	padding:5px 0;
	width:340px;
}

#partenaire span{
	display:block;
}

#previsionmeteo{
	width:604px;
	color:#A9B9DF;
	line-height:1.8em;
	border:2px solid #5B534F;
}


#previsionmeteo .head_blue0{
	background-color:#A9B9DF;
	color:#FFF;
	text-align:right;
	padding:5px 0 9px 0;
	width:280px;
	float:left;
}


#previsionmeteo .head_blue1{
	float:left;
	background-color:#A9B9DF;
	color:#FFF;
	text-align:right;
	padding:5px 0 9px 0;
	width:160px;
}


#previsionmeteo .head_blue2{
	float:left;
	background-color:#A9B9DF;
	color:#FFF;
	text-align:right;
	padding:5px 10px 9px 0;
	width:154px;
}

.centre{
	text-align:center;	
}

#raccourci{
	width:100%;
	text-align:center;	
	padding-bottom:10px;
}

#raccourci form{
	display:inline;	
}
#raccourci select{
	color:#5B534F;
	font-size:12px;
}

#bas_page{
	width:100%;
	text-align:center;	
}

#meteo{
	width:600px;
	text-align:center;
}

.pub{
	float:left;	
	margin-left:50px;
}

.webcam{
	width:600px;	
	overflow:auto;
}

.lexique_meteo{
	float:left;
	width:175px;
	text-align:center;
	padding:0 8px;
	height:100px;
}

#menu{
	margin-left:15px;	
}


.suggestionsBox {
    position: relative;
    left: 30px;
    margin: 10px 0px 0px 0px;
    width: 200px;
    background-color: #212427;
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    border: 2px solid #000;
    color: #fff;
}

.suggestionList {
    margin: 0px;
    padding: 0px;
}

.suggestionList li {
    margin: 0px 0px 3px 0px;
    padding: 3px;
    cursor: pointer;
}

.suggestionList li:hover {
    background-color: #659CD8;
}

.separateur{
	border-width:2px 0 0 0;	
	border-style:dotted;
	border-color:#FFF;
	width:120px;
	margin:10px 0 10px 0;
}

.flottant{
	float:left;
}


.flottant1{
	float:left;
	margin-top:25px;
}


.flottantleft{
	float:left;
	width:235px;
}

.flottantright{
	float:right;
}

.valider {
	width:63px; background:url(/images/valider.png) no-repeat;
	margin:4px 8px 0 4px; cursor:pointer; height:24px; border:0;
}
 
/* Overlay */
#contactModalOverlay {background-color:#FFF; cursor:wait;}

/* Container */
#contactModalContainer {height:270px; width:450px; left:50%; top:15%; margin-left:-210px; font-family:Verdana, Arial; font-size:13px; text-align:left;}
#contactModalContainer .content {background-color:#333; color:#ddd; height:270px; padding:20px 5px 0px 5px}
#contactModalContainer h1 {color:#DB7E2F; margin:0; padding:0 0 6px 12px; font-size:1.2em; text-align:left;}
#contactModalContainer .loading {position:absolute; background:url(/images/loading.gif) no-repeat; z-index:8000; height:55px; width:54px; margin:-14px 0 0 170px; padding:0;}
#contactModalContainer .message {text-align:center; margin:0 auto 10px auto;}
#contactModalContainer .error {width:92%; font-size:.8em; background:#000; border:2px solid #ccc; font-size:0.8em; font-weight:bold; margin:5px auto 10px auto; padding:2px;}
#contactModalContainer .small {font-size:11px;}
#contactModalContainer br {clear:both;}
#contactModalContainer form {padding:0; margin:0;}
#contactModalContainer label {clear:left; display:block; width:100px; float:left; text-align:right; padding-right:4px; font-weight:bold;}
#contactModalContainer div.bottom a,
#contactModalContainer div.bottom a:link,
#contactModalContainer div.bottom a:active,
#contactModalContainer div.bottom a:visited {position:relative; top:-4px; text-decoration:none; color:#666;}
#contactModalContainer div.bottom a:hover {color:#888;}
#contactModalContainer .send,
#contactModalContainer .cancel {margin:4px 0 0 4px; cursor:pointer; height:24px; border:0;}
#contactModalContainer .send {width:63px; background:url(/images/valider.png) no-repeat;}
#contactModalContainer .cancel {width:65px; background:url(/images/annuler.png) no-repeat;}
#contactModalContainer a.modalCloseX,
#contactModalContainer a.modalCloseX:link,
#contactModalContainer a.modalCloseX:active,
#contactModalContainer a.modalCloseX:visited {text-decoration:none; font-weight:bold; font-size:1.2em; position:absolute; top:-2px; left:430px; color:#999;}
#contactModalContainer a.modalCloseX:hover {color:#9bb3b3;}