@charset "utf-8";
/* CSS Document */

/* general */
	* {margin:0;padding:0;font-family:Verdana,Tahoma,Arial,sans-serif;}
	.current {color:#76a91e}
	html {}
	body{font-family:Verdana, Arial, Helvetica, sans-serif;font-size:12px;color:#263a44;line-height:1.5em;margin:0;background:#263a44}
	
  #container {width:100%;background:url(../img/bg.jpg) repeat-x scroll top;
	float:left;}
	#ct2 {width:100%;float:left;background:url(../img/bg_photo1.jpg) #138be4 no-repeat bottom;}
	#ct3 {width:100%;height:260px;float:left;background:#ebf3f5;}	
	#ct2 #container {width:950px;position:relative;margin:0 auto; background:none;float:none}

	strong {color:#263a44}
	
	img{border:0px}
	optgroup{font-style:normal;}
	td, th{vertical-align: top}
	
	a,a:visited,a:active {outline:none;color:#fff;text-decoration:none;}
  a:hover,a:visited:hover {color:#fff;text-decoration:underline;outline:none;}

	.modcms_ariane a,.modcms_ariane a:visited:hover, .modcms_ariane a:hover{color:#7C7C7C}
	.modcms_ariane a.current {color:#96bf0d}
	
	p{font-size:12px;color:#263a44;margin:10px 0;line-height:17px;line-height:19px;}
	
	dt label {float:right;}
	span.asterisque{color:#CC0033;}
	input,textarea {float:left; font-size:12px;}
	input[type=checkbox],input[type=radio],input[type=image] {float:left;background-image:none;border:none;margin:0;padding:0}
	input[type=radio] + label {width:80px;margin:0;padding:0}
	input[type=checkbox] {margin-top:6px;}
	div[rel=error],input[rel=error],textarea[rel=error],select[rel=error] {border-bottom:2px solid #CC0033;margin-bottom:-1px;}
	dd input,dd textarea{width:180px;padding-right:20px;}
	dd select {width:200px;}
	dd input[type=password],dd input.calendar,dd input.autocomplete,dd input.search{width:180px;}
	input[type=file].formError {color:#CC0033}
	input[type="submit"] {border:none;cursor:pointer}
	form br {clear:both;}

	dl {width:360px;}
	dt {float:left;clear: both;width:150px;text-align:right;}
	dd {float: left;text-align:left;width:210px;}
	
	.cl{clear:both;}
	input[type="radio"] + label,input[type="checkbox"] + label {width:auto;float:left;margin:0 20px 0 0;}
	#iframe{width:1px;height:1px;position:fixed;top:0px;left:0px;z-index:10;}
	
	div.autocomplete {position:absolute;width:200px;background-color:white;border:1px solid #888;margin:-0px 0px 0px 0px;padding:0px;z-index:2210;}
	div.autocomplete ul {list-style-type:none;margin:0px;padding:0px;text-align:left;z-index:2011;}
	div.autocomplete ul li.selected {background-color: #ffb;}
	div.autocomplete ul li {list-style-type:none;display:block;margin:0;border-bottom:0px;padding:2px;height:22px;cursor:pointer;z-index:2012;font-size:11px;}
	div.autocomplete span.actif {color:blue;}
	
	h1, h2, h3, h4, h5  {font-family:Verdana, Arial, Helvetica, sans-serif;color:#263a44;width:100%;font-weight:normal;padding:27px 30px 0 0}
	h1 {font-family: Verdana, "Times New Roman", Times, serif;font-size:25px; line-height:30px;}
	
	h2 {color:#fff;font-size:14px;margin:15px 0 5px 0;font-weight:bold;}
	h3 {color:#fff; font-size:14px ; margin-bottom:10px; font-weight:normal;margin-top:10px;}

/* general (fin) */


/* mod_actu mini */

        .modactu.mini {float:left;height:260px;margin-left:30px;width:700px;}
	.modactu.mini .item_content {width:216px;color:#F3FAFD;font-size:10px;}   
	.modactu.mini a {color:#FFFFCC;}
        .modactu.mini .item {background:transparent url(../img/bg_actu.jpg) no-repeat scroll 0 0;float:left;height:150px;margin-right:15px;position:relative;width:216px;}
        .modactu.mini .item_content p {color:#FFFFFF;font-size:10px;line-height:11px;margin:5px 0;}
	.modactu.mini .item_date {display:none}
        .modactu.mini .item .item_title h3 {color:#336666;font-family:Verdana,"Times New Roman",Times,serif;font-size:14px;font-weight:bold;margin:5px 0;padding:5px 5px 0;width:200px;height:30px;line-height:14px;}
	.modactu.mini .item_next a {background:transparent url(../img/puce_suite.png) no-repeat scroll left bottom;color:#336666;font-family:Verdana,"Times New Roman",Times,serif;font-size:10px;font-weight:normal;padding:0 5px 0 14px;text-decoration:underline;}
	.modactu.mini .item_next a:hover  {}
	.modactu.mini .all a { display:none}
        .modactu.mini .item .item_content p {color:#000000;font-family:Verdana,"Times New Roman",Times,serif;font-size:10px;font-weight:normal;line-height:normal;padding:0 5px;}
	.modactu.mini .all a:hover  {}
	.modactu.mini .ajout {}
	.modactu.mini .bot {}
	.modactu.mini .middle .title {background:transparent url(../img/separation_actu.jpg) no-repeat scroll center bottom;height:85px}
.modactu.mini .middle .title h2 {margin-top:0;color:#000000;font-family:Verdana,"Times New Roman",Times,serif;font-size:20px;font-weight:normal;height:39px;padding:27px 30px 0 0;width:421px;}
	.modactu.mini h3 { color:#fff; font-size:13px;}


/* mod_actu mini (fin) */

/* mod_actu full */

	div.modactu.full{margin:15px 0;}
	div.modactu.full p{margin:2px 0;}
	div.modactu.full div.top{}
	div.modactu.full div.middle{}

div.modactu.full div.item .item_title {color:#96BF0D;font-size:15px;font-weight:bold;height:auto;padding:10px 10px 0px 10px;width:690px;margin-bottom:0px;background:url(../img/actu_full_item_h3.png) top;float:left}
	div.modactu.full div.middle div.items{margin:5px 0}
	div.modactu.full div.middle div.item{margin:10px 0;float:left}
	div.modactu.full div.middle div.title{}
	div.modactu.full div.middle div.title h2{display:none;}
	div.modactu.full div.middle div.item_title{}
	div.modactu.full div.middle div.item_title h3{color:#96BF0D;font-size:15px;font-weight:bold;padding:0;margin-bottom:0}
	div.modactu.full div.middle div.item_content{padding:0px 15px 15px 15px;background:url(../img/actu_full_item_item.png);float:left;width:680px;}
div.modactu.full div.middle div.item_content a,div.modactu.full div.middle div.item_content a:visited {color:#000;text-decoration:underline}
div.modactu.full div.middle div.item_content a:hover {color:#000;text-decoration:none}

	div.modactu.full div.middle div.item_date{text-align:right;font-size:10px;font-style:italic;background:url(../img/actu_full_item_date.png) bottom;float:left;width:690px;padding:10px}

	div.modactu.full div.bottom{}
div.modactu.full .first-page, div.modactu.full .previous-page, div.modactu.full .last-page,  div.modactu.full .next-page{color:#fff}
	div.modactu.full div.modactu_paginate ul li{width:18px; height:18px; margin:0 2px 0 2px; list-style:none; text-align:center;float:left;background:url(../img/paginater_li.png) no-repeat}

div.modactu.full div.modactu_paginate ul li a {text-align:center;display:block; float:left; width:18px; height:18px;font-size:11px; background:url(../img/paginater_li.png) no-repeat; margin:0}

div.modactu.full div.modactu_paginate ul li a.currentPage, div.modactu.full div.modactu_paginate ul li a:hover {font-weight:bold;background:url(../img/paginater_li_actif.png) no-repeat}

/* mod_actu full (fin) */


/* mod_user_id */
        .moduser_id {margin-top:55px;  position:relative}

        .moduser_id .bienvenue {color:#336666;position:absolute;top:36px;  font-weight:bold; font-size:16px;}
	div#login div.moduser_id{}
        div.moduser_id h2{display:none}
        div#login div.moduser_id label {width:83px; float:left; height:17px}
	div#login div.moduser_id div.top{}
	div#login div.moduser_id div.middle{}
	div#login div.moduser_id div.middle div.title{display:none;}
	div#login div.moduser_id div.middle div.unlog{}
	div#login div.moduser_id div.middle div.unlog a{}
	div#login div.moduser_id div.middle form.moduser_id{}

.moduser_profil .submit {
background:transparent url(../img/submit_login_hover.png) repeat scroll 0 0;
float:right;
height:25px;
margin-right:187px;
width:26px;}


.moduser_profil h2 {height:auto;margin-top:0px;padding:0;margin-bottom:15px}
.moduser_profil .submit:hover {background:url(../img/submit_login.png)}

form.moduser_id label{color:#FFFFFF;float:left;font-size:10px;font-weight:normal;height:17px;margin:2px 0 0 0;padding-top:5px;width:83px;}

form.moduser_id input[type=text], form.moduser_id input[type=text]:focus {background:url(../img/bg_login.png) repeat scroll 0 0;border:0 none;height:17px;margin:1px 0;padding:4px;width:142px;float:left}

 form.moduser_id input[type=password]:focus,  form.moduser_id input[type=password] {background:url(../img/bg_password.png) repeat scroll 0 0;border:0 none;height:17px;margin:1px 0;padding:4px;margin-top:2px;width:111px;float:left}

.moduser_id_mdp_4 {margin-top:4px}
form.moduser_id input.submit{float:left;height:25px;position:absolute;background:url(../img/submit_login.png);right:7px;
top:29px;width:26px;color:#fff}

form.moduser_id input.submit:hover {background:url(../img/submit_login_hover.png)}

div#form.moduser_id div.passe_oublie{float:left;font-size:10px;margin-left:0px;margin-top:0px;text-align:left;}



form.moduser_id a:hover, div#login div.moduser_id div.middle form.moduser_id a:visited:hover{font-size:10px;color:#999}
.moduser_id .error {color:red; position: absolute;top:493px;font-size:11px}

form.moduser_id .passe_oublie, 
form.moduser_id .passe_oublie a,
form.moduser_id .passe_oublie a:hover {color:#666666;
font-size:10px;
margin:3px 3px 0 0;
position:absolute;
right:0px;
text-align:right;
top:-27px;
width:200px;}

form.moduser_id .deco a,
form.moduser_id .deco a:hover {
background:url(../img/se_deconecter.png) repeat scroll 0 0;
color:#FFFFFF;
font-size:10px;
height:21px;
margin:3px 3px 0 0;
position:absolute;
right:14px;
text-align:center;
top:-45px;
width:112px;
}

.moduser_inscription .error {color:#e3eb50; font-weight:bold; width:500px;padding-right:20px;margin-top:10px;text-align:right;background:url(../img/error.png) right no-repeat}
div#login div.moduser_id div.middle div.error{display:none;}
div#login div.moduser_id div.bottom{}
.moduser_inscription .title {display:none}

.moduser_inscription .submit {background:url(../img/submit_login_hover.png) repeat scroll 0 0;color:#fff;float:right;height:25px;margin-right:187px;width:26px;}
.moduser_inscription .submit:hover {background:url(../img/submit_login.png)}


.modCms_modUser_id input[type="submit"] {background:url(../img/submit_login_hover.png) repeat scroll 0 0;float:right;height:25px;margin-right:18px;width:26px;}
.modCms_modUser_id input[type="submit"]:hover {background:url(../img/submit_login.png)}
.mdp  {background:url(../img/bg_photo1.jpg)}
/* mod_user_id (fin) */




/* mod_photos */
	div.modphotos{ float:left; margin-top:10px;}
	div.modphotos div.top{}
	div.modphotos div.middle{}
	div.modphotos div.middle div.title{display:none;}
	div.modphotos div.middle div.title h2{}
	div.modphotos div.bottom{}
	div.modactu.full div.modphotos div.top{background:none !important;}
	div.modactu.full div.modphotos div.middle{background:none !important;}
	div.modactu.full div.modphotos div.bottom{background:none !important;}
/* mod_user_id (fin) */



/* lightbox */
	#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
	#lightbox img{ width: auto; height: auto;}
	#lightbox a img{ border: none; }
	#outerImageContainer{ position: relative; background-color: #000; width: 250px; height: 250px; margin: 0 auto; }
	#imageContainer{ padding: 10px; }
	#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
	#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
	#imageContainer>#hoverNav{ left: 0;}
	#hoverNav a{ outline: none;}
	#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
	#prevLink { left: 0; float: left;}
	#nextLink { right: 0; float: right;}
	#prevLink:hover, #prevLink:visited:hover { background: url(../img/prevlabel.gif) left 15% no-repeat; }
	#nextLink:hover, #nextLink:visited:hover { background: url(../img/nextlabel.gif) right 15% no-repeat; }
	#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #000; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }
	#imageData{	padding:0 10px; color: #fff; }
	#imageData #imageDetails{ width: 70%; float: left; text-align: left; }
	#imageData #caption{ font-weight: bold;	}
	#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}
	#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}
	#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
/* lightbox (fin) */


	.content {width:950px;float:left;background:url(../img/bg_menu.png) repeat-y left ;}
	.content .left {width:216px;float:left}
	.content .right #bloc_tem p {line-height:17px;}
	.content .right #a_propos {width:307px;padding:10px;float:left;margin-left:10px}
	.content .right {	width:710px;float:right;padding-bottom:230px;min-height:240px;}
	.content .right img {float:left}
	.content .right input[type="text"] {width:254px;padding:4px;height:18px;border:0}
	.content .right textarea {width:250px;height:185px; font-size:12px;}
	.content .right label {border-bottom:1px dotted #FFFFFF;height:21px;padding:6px 4px 0 15px;background:url(../img/puce_label.png) no-repeat left ;}
	.content .right #actus .mid {background:#F9F9F9; border:1px dotted #E4E4E4; margin-bottom:20px; padding:15px;}
	.content .right ul li {list-style-image:url(../img/puce1.png); padding-left:0px; margin:5px 0; margin-left:15px;}
	
	#map, #mapContainer {width:400px; height:397px ; float:right}
	#optmap a {background-color:#749400;color:#FFF;margin-top:5px;}
	
table #map {width:678px; height:250px;}

	#header h1, #header h2, #header h3 {display:none}
	#header {width:950px;height:125px;margin:0 auto}
	#header .left {width:260px;height:125px;float:left}
	#header .right {width:240px;height:125px;float:right;}
	#header .right label {color:#000;}		
	#header .left #logo {width:260px;height:135px;float:left}
	#header .left #logo a {	display:block;height:135px;width:125px;float:left}
	#header h1 {display:none}
	/* // CONTENU */

#content_actus {
background:transparent url(../img/bg_societe.jpg) no-repeat scroll 0 0;
height:260px;
margin:0 auto;
position:relative;
width:950px;
}

.content .right ul.erreur {background:#ced728; color:#fff; width:260px; padding:0px;}
.content .right ul.erreur li {padding-left:10px;list-style:none;margin:0;font-size:10px;}
.content .right ul.erreur li:first-child {padding-top:10px}
.content .right ul.erreur li:last-child {padding-bottom:10px}
.content .right ul.erreur li a, ul.erreur li strong {color:#fff}

	#societe {width:210px;height:102px;float:left;padding-top:15px;padding-left:6px;position:relative;background:url(../img/bg_societe.jpg) no-repeat;}
	#separation {background:url(../img/separation_actu.jpg) no-repeat;width:680px;height:29px;float:left;}
	#societe .left {width:19px;height:51px;	float:left;}
	#societe .mid {width:169px;height:120px;float:left;text-align:center;}
	#societe .right {width:19px;height:51px;float:left;}
	#copyright {width:950px;	margin: 0 auto;}
#copyright a {color:#263a44}
	#copyright p {float:right;font-family: Verdana, "Times New Roman", Times, serif;font-size:10px;padding:0 0px;bottom:0;}
	#copyright .left {}
	#copyright .right { text-align:right}
	#footer {width:100%;float:left;height:77px;margin-bottom:25px;background:url(../img/footer.jpg)  center bottom repeat-x;}
	
	form label {font-size:11px;width:230px;float:left;height:18px;margin:1px 0 1px 0;padding-top:6px; margin-right:10px; color:#fff}
	form select {width:262px;float:left;height:25px;margin:3px 0 3px 0;background:url(../img/bg_input_text.png) no-repeat; color:#666;background:#fff;border:0}
	

form input[type="text"], form input[type="password"] {width:250px;border:0;float:left;height:14px;margin:3px 0 3px 0;padding:6px; background:url(../img/bg_input_text.png) no-repeat; border;none; color:#666}

form input[type="text"]:focus {background:url(../img/bg_input_text_hover.png) no-repeat}

	form textarea {padding:6px; width:350px;float:left;margin:3px 0 3px 0;background:url(../img/bg_input.jpg) no-repeat; border:none; color:#666}

form textarea:focus {background:url(../img/bg_input_focus.jpg) no-repeat}

	form div.error{font-weight:bold; color:red; font-size:11px;}
	
	input.envoyer { border:medium none;cursor:pointer;font-weight:bold;background:#666; color:#fff; float:right; margin-right:18px; padding:2px; text-align:center; margin-top:5px;height:28px; width:120px}

input[type=submit].envoyer {background:url(../img/menu_li_hover.png) no-repeat}


#contact label {border:0}
/* Mod Meteo */
.widgetweather h2 {display:none}
.widgetweather {float:right;font-size:11px;text-align:left;width:241px;}
.widgetweather .items {width:241px;float:left}
.widgetweather .items .item {width:241px;float:left}
.widgetweather .items .item .item_left {width:106px;height:50px;float:left;}
.widgetweather .items .item .item_right {width:135px;height:50px;float:left;}
.widgetweather .items .item span.periode {font-weight:bold; font-size:10px;}
.widgetweather .items .item_title {color:#F28E00; width:230px;height:19px;padding:3px 5px 3px 5px;font-size:10px; font-weight:bold;background:url(../img/today2.jpg); }
.widgetweather .today_img {text-align:center;width:241px}
.widgetweather .today_img img {float:none;margin:0}
.widgetweather .infos {font-weight:bold;text-align:center;font-size:14px}
.widgetweather {margin-bottom:10px}
/* Fin Mod Meteo */