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


/* menu  lien*/
	#liens {float:left;width:198px;}
        #liens ul li a span {display:block}
	#liens .top { width:198px; height:27px; background:url(../img/liens_utiles.jpg)}
	#liens .bottom {display:none}
	#liens .middle {float:left;width:198px;}
	#liens ul {float:left;width:198px; padding:10px 0}
	#liens ul li {float:left;width:185px; display:block; line-height:14px; margin:1px 0 }
        #liens ul li ul li {float:left;width:185px; display:block; line-height:14px; margin:3px 0 }
	#liens ul li a {padding-top:5px;padding-top:5px;height:20px;float:left;width:178px; display:block; letter-spacing:-0.2px; text-transform:uppercase; font-size:11px; color:#2C5983;padding-left:10px;font-weight:bold; padding-right:10px;background:#D8E2EA;text-decoration:none;}
#liens ul li ul li a {background:url(../img/menu_liens_li.jpg) top left no-repeat; height:auto; color:#2C5983;letter-spacing:-0.5px; font-size:10px; padding-top:0px; font-weight:normal;text-transform:none; background-position:6px -1px; padding-left:20px; width:168px;}

        #liens ul li a:hover{text-decoration:underline}

/* menu liens (fin) */

.nos_rea {position:absolute;
right:4px;
top:268px;
z-index:10;
}

/* general */
	* {margin:0;padding:0;font-family:Verdana,Tahoma,Arial,sans-serif;}
	html { }
	body{	font-family:Arial, Helvetica, sans-serif;font-size:12px;color:#757575;line-height:1.5em;margin:0; height:100%; background:#26749d}
	#ct1 {width:100%;background:url(../img/bg.jpg) top repeat-x #ebf5f8}
	#ct2 {width:100%;min-height:400px; height:100%}
	#ct3 {width:960px;position:relative;margin:0 auto;}
	#container {/*width:960px;position:relative;margin:0 auto;*/width:100%;}
	img{border:0}
	strong {font-weight:bold;color:#246b8c}
        .content .right img {border:7px solid #F6F8FA; margin:15px}

	body,form{margin:0;padopding:0;}
	optgroup{font-style:normal;}
	td,
	th{vertical-align: top;}
	

a.actif {font-weight:bold}
a {color:#4290b4}
	a.current,a:visited.current {color:#296a9a;font-weight:bold}
	a:hover,a:visited:hover {color:#296a9a;text-decoration:underline;outline:none;}
	a:visited {color:#246b8c}

.modcms_ariane a {text-decoration:none}
.modcms_ariane a:hover {text-decoration:underline}
	
	p{font-size:11px;color:#000;margin:5px 0;line-height:17px;clear:both}
	dt label {float:right;}
	span.asterisque{color:#CC0033;}
	input,textarea {float:left; font-size:11px;}
	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}
	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 { font-family:Georgia, "Times New Roman", Times, serif; font-size:20px; margin-bottom:15px; font-weight:normal;color:#2C5983; background:#d8e2ea;padding:10px}
	
	h2 {color:#2c5983;font-size:16px;margin:5px 0 5px 0;font-weight:bold;}
	
	 h3 {color:#666666; font-size:14px; margin-bottom:10px;	margin-top:10px;}
.right h3 {background:url(../img/h3.jpg);
border-left:1px solid #C9D796;
border-right:1px solid #C9D796;
bottom:10px;
color:#666;
font-size:11px;
font-style:normal;
padding:8px;
text-align:left;
clear:both;
width:98%;}

       h4 {color:#257fa9; font-size:13px; margin-bottom;10px; font-weight:normal}

	.intro strong {color:#76a91e;font-family:Georgia, "Times New Roman", Times, serif}
	.intro {font-size:15px; line-height:20px; color:#4e2c0e;font-family:Georgia, "Times New Roman", Times, serif}

	.plan_geo {background:url(../img/plan_geo.jpg);width:206px;text-align:left;padding:5px 15px 15px 30px;;float:right;font-size:11px;height:355px;}
	.plan_geo strong {color:#e1a967}
/* general (fin) */



/* menu */
	#modcms_arbo_23.modcms_arbo {float:left;width:198px;}
	#modcms_arbo_23.modcms_arbo .top {display:none}
	#modcms_arbo_23.modcms_arbo .bottom {display:none}
	#modcms_arbo_23.modcms_arbo .middle {float:left;width:198px;}
	#modcms_arbo_23.modcms_arbo ul {float:left;width:198px;}
	#modcms_arbo_23.modcms_arbo ul li {float:left;width:198px; display:block;}

#modcms_arbo_23.modcms_arbo ul li ul li {float:left;width:198px; }

	#modcms_arbo_23.modcms_arbo ul li a {float:left;width:198px; height:50px; display:block}
        #modcms_arbo_23.modcms_arbo ul li a span {display:none}
        #modcms_arbo_23.modcms_arbo ul li li a span {display:block; text-decoration:none}


#modcms_arbo_23.modcms_arbo ul li li a,
#modcms_arbo_23.modcms_arbo ul li li a:visited
{
background:url(../img/menu_ul_ul_a.jpg) no-repeat scroll left top #fff;
color:#333;
display:block;
float:left;
height:auto;
font-size:10px;
letter-spacing:-0.2px;
padding-left:13px;
padding-right:10px;
margin-left:13px;
text-decoration:none;
width:162px;
}

#modcms_arbo_23.modcms_arbo ul li li a:hover,
#modcms_arbo_23.modcms_arbo ul li li a.actif {color:#326C94;font-weight:bold;background:url(../img/menu_ul_ul_a_actif.jpg) no-repeat scroll left top #fff;}
	
	
	
	#modcms_arbo_23.modcms_arbo ul li:first-child a{}
	#modcms_arbo_23.modcms_arbo ul li:first-child a:hover, .modcms_arbo ul li:first-child a.actif {}		
	#modcms_arbo_23.modcms_arbo ul li ul li:first-child a, #modcms_arbo_23.modcms_arbo .menu_content_actif ul li a, #modcms_arbo_23.modcms_arbo .menu_content_actif ul li a:hover {}
	#modcms_arbo_23.modcms_arbo ul li ul li a:visited, #modcms_arbo_23.modcms_arbo ul li ul li a.actif:visited, #modcms_arbo_23.modcms_arbo ul li ul li a:hover, #modcms_arbo_23.modcms_arbo ul li ul li a:hover:visited {}
	#modcms_arbo_23.modcms_arbo ul li ul li:first-child a:hover, #modcms_arbo_23.modcms_arbo ul li ul li:first-child a:hover:visited{}
	#modcms_arbo_23.modcms_arbo ul li ul li a {}	
	#modcms_arbo_23.modcms_arbo ul li ul {}
	#modcms_arbo_23.modcms_arbo ul li ul li a:hover {}
	#modcms_arbo_23.modcms_arbo ul li a:hover, .modcms_arbo ul li a.actif {}
	#modcms_arbo_23.modcms_arbo ul li ul li a:hover, .menu_content_actif ul li a.actif {}
	#modcms_arbo_23.modcms_arbo .menu_content {display:none}
	#modcms_arbo_23.modcms_arbo .menu_content_actif {display:block}
/* menu (fin) */




/* menu  minist*/
	#minist {float:left;width:198px;}
        #minist ul li a span {display:block}
	#minist .top { width:198px; height:27px; background:url(../img/ministeres.jpg)}
	#minist .bottom {display:none}
	#minists .middle {float:left;width:198px;}
	#minist ul {float:left;width:185px; margin-left:13px; padding:10px 0}
	#minist ul li {float:left;width:185px; display:block; line-height:14px; margin:3px 0 }
	#minist ul li a {float:left;width:165px; display:block; letter-spacing:-0.5px; font-size:10px; color:#326c94;padding-left:10px; padding-right:10px;background:url(../img/menu_liens_li.jpg) top left no-repeat;text-decoration:none;}
        #minist ul li a:hover{text-decoration:underline}
/* menu minist (fin) */


/* mod_actu mini */



	#header.modactu.mini { width:283px; position:relative; float:left; margin-right:7px; height:160px; padding-top:45px}
	#header .modactu.mini .middle .title {display:none}
	#header .modactu.mini .middle .items .item .item_title h3 {color:#2D5B85;
float:left;
font-size:11px;
line-height:12px;
margin-bottom:6px;
margin-top:54px;
padding-left:40px;
text-align:right;
width:215px;}
	#header .modactu.mini .item_content  p{ font-size:10px;text-align:right; line-height:14px;letter-spacing:-0.5px; margin:0;color:#2d5b85}
	#header .modactu.mini .item_content  {float:left;
padding-left:40px;
padding-right:15px;
text-align:right;
padding-top:2px;
width:215px;}
	#header .modactu.mini span {}
	#header .modactu.mini a {}
	#header .modactu.mini .item_content p {}
	#header .modactu.mini .middle {}
	#header .modactu.mini .item_date {display:none;color:#2D5B85;font-size:10px;position:absolute;right:181px;top:75px;}
	#header .modactu.mini .item_next a {margin-left:25px; height:21px; margin-top:9px; background:url(../img/lire_suite.png) top; width:79px; float:left; color:#fff; text-align:center; font-size:10px;display:block; margin-right:10px;text-decoration:none}
	#header .modactu.mini .item_next a:hover  {background:url(../img/lire_suite.png) bottom;text-decoration:underline}
	#header .modactu.mini .all a {height:21px; background:url(../img/tout_afficher.png) top; margin-top:9px; width:142px; float:left; color:#fff; text-align:center; font-size:10px;display:block; margin-right:10px;text-decoration:none}
	#header .modactu.mini .all a:hover  {background:url(../img/tout_afficher.png) bottom;text-decoration:underline}
	#header .modactu.mini .ajout {}
	#header .modactu.mini .bot {}
	#header .modactu.mini h2 {}
	#header .modactu.mini h3 {}
        #header .modactu.mini  .item_pict {display:none}
/* mod_actu mini (fin) */

.container_23_276 .ariane{display:none}
.container_23_276 .modcms_ariane {display:none}
.container_23_276 h1 {width:100%; margin-bottom:0; margin-top:10px}
.container_23_276 .modactu.full {margin:0 0 15px 0; width:100%;float:left}
.container_23_276 .modphotos {background:#f8f9fa;position:absolute;right:5px;top:255px; padding-top:60px}
.container_23_276 .modphotos .items {width:200px;}
.container_23_276 div.modactu.full div.middle div.item {margin-bottom:5px}
.container_23_276 .content .right .modphotos  table{margin-top:0px}
.container_23_276 .content .right .modphotos .photos_nav_top {top:12px;margin-left:15px;position:absolute}
.container_23_276 .content .right .modphotos .photos_nav_bottom {bottom:30px;margin-left:15px;position:absolute}
.container_23_276 .content .right .modphotos .photos_nav_top img,
.container_23_276 .content .right .modphotos .photos_nav_bottom img {border:0}
.container_23_276 .content .right .modphotos img {margin:0 0 0 12px; border: 1px solid #e1e5eb}

.container_23_276 #content {width:490px}

/* mod_actu mini  accueil*/

.modactu.mini div.middle div.item_content img {float:left}
.modactu.mini div.middle div.item_content p { float:none;clear:none}

	#content #modactu_21.modactu.mini {margin:15px 0;float:left;width:100%}
        #content #modactu_21.modactu.mini .item_next {bottom:13px;font-size:10px;left:10px;position:absolute;}
        #content #modactu_21.modactu.mini .item_next a {color:fff; text-decoration:none}
	#content #modactu_21.modactu.mini p{margin:2px 0 10px 0;}
	#content #modactu_21.modactu.mini div.top{}
	#content #modactu_21.modactu.mini div.middle{margin-bottom:20px}
	#content #modactu_21.modactu.mini div.middle div.items{}
	#content #modactu_21.modactu.mini div.middle div.item{margin:0 0;width:100%;clear:both; padding-bottom:35px;margin-bottom:5px;float:left;position:relative}
	#content #modactu_21.modactu.mini div.middle div.item img{border:7px solid #f6f8fa; margin-right:13px;margin-left:0;float:left; max-width:228px;}
        .modactu_21 div.modactu.mini div.middle div.item h3 {border:0; background:url(../h3_item_actu.jpg) left bottom no-repeat; padding-bottom:7px}
	#content #modactu_21.modactu.mini div.middle div.title{}
	#content #modactu_21.modactu.mini div.middle div.title h2{display:none;}
	#content #modactu_21.modactu.mini div.middle div.item_title{}
        #content #modactu_21.modactu.mini div.middle div.item_title h3{color:#2C5983;font-size:15px;font-weight:bold;margin-bottom:2px;background:transparent url(../h3_item_actu.jpg) no-repeat scroll left bottom;border:0 none;padding-bottom:7px; padding-left:0}
	#content #modactu_21.modactu.mini div.middle div.item_content{margin:10px 0 0 0; float:left}
	#content #modactu_21.modactu.mini div.middle div.item_date{background:url(../bg_item_date2.jpg); left:0;bottom:10px;font-size:10px;font-style:italic;padding:3px 7px 3px 7px;position:absolute;text-align:right;width:98%; color:#fff;border-left:1px solid #c9d796;border-right:1px solid #c9d796}
	#content #modactu_21.modactu.mini div.bottom{}
	#content #modactu_21.modactu.mini .modactu_paginate ul {border-top:1px dotted #666;margin-top:5px;clear:both;margin-left:0;}
        #modactu_21.modactu.mini .modactu_paginate ul li
{width:18px; height:18px; margin:0 2px 0 2px; list-style:none; text-align:center;float:left;background:url(../paginater_li.png) no-repeat}
        #content #modactu_21.modactu.mini .modactu_paginate ul li a
{text-align:center;display:block; float:left; width:18px; height:18px;font-size:11px; background:url(../paginater_li.png) no-repeat; margin:0}
        #content #modactu_21.modactu.mini .modactu_paginate ul li a.currentPage, div.modactu.full .modactu_paginate ul li a:hover {font-weight:bold;background:url(../paginater_li_actif.png) no-repeat;color:#fff;font-weight:bold}
        #modactu_21.modactu.mini .all a {height:21px; background:url(../img/tout_afficher.png) top; margin-top:9px; width:142px; float:left; color:#fff; text-align:center; font-size:10px;display:block; margin-right:10px; text-decoration:none}
	#modactu_21.modactu.mini .all a:hover  {background:url(../img/tout_afficher.png) bottom;text-decoration:underline}

/* mod_actu mini accueil 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{margin-bottom:20px}
	div.modactu.full div.middle div.items{}
	div.modactu.full div.middle div.item{margin:0 0;width:100%;clear:both; padding-bottom:35px;margin-bottom:5px;float:left;position:relative}
	div.modactu.full div.middle div.item .item_pict img{border:7px solid #f6f8fa; margin-right:13px;margin-left:0;float:left; max-width:228px;}
        div.modactu.full div.middle div.item h3 {border:0; background:url(../h3_item_actu.jpg) left bottom no-repeat; padding-bottom:7px}
	div.modactu.full div.middle div.title{}
	div.modactu.full div.middle div.title h2{display:none;}
        div.modactu.full div.middle p {clear:none}
	div.modactu.full div.middle div.item_title{}
	div.modactu.full div.middle div.item_title h3{color:#2c5983; margin-bottom:2px;font-size:15px;font-weight:bold;}
	div.modactu.full div.middle div.item_content{margin:10px 0; float:left}
	div.modactu.full div.middle div.item_date{background:url(../bg_item_date2.jpg);bottom:10px;font-size:10px;font-style:italic;padding:3px 7px 3px 7px;position:absolute;text-align:right;width:98%; color:#fff;border-left:1px solid #c9d796;border-right:1px solid #c9d796}
	div.modactu.full div.bottom{}

	div.modactu.full .modactu_paginate ul {border-top:1px dotted #666;margin-top:5px;clear:both;margin-left:0;}
div.modactu.full .modactu_paginate ul li
{width:18px; height:18px; margin:0 2px 0 2px; list-style:none; text-align:center;float:left;background:url(../paginater_li.png) no-repeat}

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

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


#modactu_25 .item_content, #modactu_25 .item_title h3 {margin:0}
div.modactu.full div.middle div.item img.modphotos_left,
div.modactu.full div.middle div.item img.modphotos_right
{margin:0;border:none}

/* mod_actu full (fin) */

/* mod_user_id */
	div.moduser_id{}
	div.moduser_id div.top{}
	div.moduser_id div.middle{}
	div.moduser_id div.middle strong{}
	div.moduser_id div.middle div.unlog{}
	div.moduser_id div.middle div.unlog a{}
	div.moduser_id div.middle form.moduser_id{}
	div.moduser_id div.middle form.moduser_id label{}
	div.moduser_id div.middle form.moduser_id input[type=text]{}
	div.moduser_id div.middle form.moduser_id input[type=password]{}
	div.moduser_id div.middle form.moduser_id input[type=submit]{}
	div.moduser_id div.middle form.moduser_id div.pass_forget{}
	div.moduser_id div.bottom{}
/* mod_user_id (fin) */

/* mod_photos */
	div.modphotos{ float:left; margin-top:10px;}
  div.modphotos img {float:none}
 	div.modphotos div.top{}
	div.modphotos div.middle{ border:0}
	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) */

/* mod_user_id */
	div#login{float:left;height:54px;padding:25px 0 0 35px;width:239px;position:relative;}
	div#login div.moduser_id{}
	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{}
	div#login div.moduser_id div.middle form.moduser_id label{color:#FFFFFF;float:left;font-size:11px;font-weight:normal;height:17px;margin:0;padding-top:5px;width:88px;background:transparent url(../img/label_contact.png) no-repeat scroll 0 0;}
	div#login div.moduser_id div.middle form.moduser_id input[type=text]{background:transparent url(../img/input_login.jpg) repeat scroll 0 0;border:0 none;height:14px;margin:0;padding:4px;width:127px;}
	div#login div.moduser_id div.middle form.moduser_id input[type=password]{background:transparent url(../img/input_passw.jpg) repeat scroll 0 0;border:0 none;height:14px;margin:4px 0 0;padding:4px;
width:98px;}
	div#login div.moduser_id div.middle form.moduser_id input[type=submit]{background:transparent url(../img/submit_login.jpg) repeat scroll 0 0;color:#FFFFFF;height:22px;padding:0;width:25px;position:absolute;top:-30px;right:0px;top:46px;right:-12px}
	div#login div.moduser_id div.middle form.moduser_id div.passe_oublie{float:left;font-size:10px;margin-left:0px;margin-top:0px;text-align:left;}
	div#login div.moduser_id div.middle form.moduser_id div.deco{float:right;font-size:10px;margin-right:15px;margin-top:0px;text-align:right;}
	div#login div.moduser_id div.middle form.moduser_id a:hover, div#login div.moduser_id div.middle form.moduser_id a:visited:hover{color:#A8826F;}
	div#login div.moduser_id div.middle div.error{display:none;}
	div#login div.moduser_id div.bottom{}
/* mod_user_id (fin) */

/* lightbox */
	#lightbox{	position: absolute;z-index:5000;	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) */


  /***************/
 /* vlaCalendar */
/***************/
	/* Main calendar */
	.hCalendar, .hCalendar table {font-family: calibri, arial !important;color: black;font-size: 12px !important;}
	.hCalendar {display: block;float:left;height:850px;margin-top:0px;}
	.hCalendar .container{overflow: hidden;}
	.hCalendar .container,.hCalendar .container div.loaderA,.hCalendar .container div.loaderB {/*width: 502px;*/padding:0;height: 800px;text-align: left;margin-top:5px;position: absolute;}
	.hCalendar span.indication {display: block;font-size:14px;margin-left:159px;text-transform:uppercase;letter-spacing:2px;background:url(../img/hcalendar/indication.jpg);text-align: center;height:25px;margin-bottom:5px;}
	.hCalendar span.indication .arrowRight {display:block;float:left;width:40px;cursor:pointer;height:25px;background:url(../img/hcalendar/indication_right.jpg);}
	.hCalendar span.indication .arrowLeft{display:block;float:left;width:40px;cursor:pointer;height:25px;background:url(../img/hcalendar/indication_left.jpg);}
	.today{width:136px;height:14px;background:url(../img/hcalendar/today2.jpg);color:#666;padding:4px 7px 7px 7px;text-align:center;display:block;cursor:pointer;float:left;}
	.today:hover {background:url(../img/hcalendar/today2_hover.jpg);}
	.hCalendar span.indication .label {float:left;height:20px;padding-top:5px}
	.hCalendar span.indication .label:hover {background:url(../img/hcalendar/indication_hover.jpg)}
	.hCalendar span.indication .arrowLeft:hover {background:url(../img/hcalendar/indication_left_hover.jpg)}
	.hCalendar span.indication .arrowRight:hover {background:url(../img/hcalendar/indication_right_hover.jpg)}
	.hCalendar th,.hCalendar td {padding:0px;margin:0px;}
	.hCalendar td {vertical-align:top;}
	.hCalendar table {border-collapse: collapse;border-style:solid;border-width:1px 0 1px 1px;border:1px dashed #d4d4d4;width:100%;margin:1px;/*background-color: white; /* <- IE ugly text in transition fix  */}
	.hCalendar .picker td {cursor: pointer;}
	/* Label & arrows */
	.hCalendar .label:hover {color: #666;cursor: pointer;}
	.hCalendar .noHover:hover {color: black;cursor: default;}
	/* Month */
	.hCalendar *{font-family:"Trebuchet MS","Luxi Sans","Lucida Grande",Arial,Helvetica,sans-serif;}
	.hCalendar .year,.hCalendar .month {float: right;}
	.hCalendar .month th {text-align: center;height:15px;width: 12.5%;overflow:hidden;text-transform:uppercase;color:#000;border-color:#eee2db;border-width:0 1px 0 0;font-size:12px;}
	.hCalendar .month td .lib div {font-size:9px;}z
	.hCalendar .month td .lib {background:#f7f7e0 none repeat scroll 0 0;border-top-width:1px;color:#6d5648;font-size:11px;padding:0 5px 0 0;text-align:right;height:20px;position:static;}
	.hCalendar .month td.selected .lib {background:#d9db4a none repeat scroll 0 0;color:#fff;}
	.hCalendar .month td.outsideDay .lib {background:#eee none repeat scroll 0 0;padding:0 5px 0 0;color:#888;}
	.hCalendar .month td.we {background:url(../img/td_week.png) bottom;}
	.hCalendar .month td.outsideDay, .hCalendar .month td.outsideDay.we_o {background:url(../img/td_outsideday.png) bottom;}
	.hCalendar .clickable {background:url(../img/td_clickable.png) bottom no-repeat;}
	.year .clickable {background:none; margin:5px 0;}
	.hCalendar .month td.we_o {background-color:#f9f9f9;}
	.hCalendar .month td {height: 100px;color:#666666;font-size:16px;vertical-align:top;width: 12.5%;border-top-width: 1px;border-color:#eee2db;border-style:dashed;border-width:0 1px 0 0;}
	.hCalendar .month .add{bottom:0px;width:79px;height:18px;margin:0px auto;text-align:center;background:url(../img/hcalendar/add_bck.png);margin-bottom:2px;padding-top:2px;display:none;cursor:pointer;}
	.hCalendar .month .add:hover{background:url(../img/hcalendar/add_bck_hover.png);}
	.hCalendar .month td:hover .add{display:block;}
	.hCalendar .month tr.firstRow td {}
	.hCalendar .month td:hover {}
	.hCalendar .month td.selected {background: #FFFFCC none repeat scroll 0 0}
	.hCalendar .month td.selected:hover {}
	.hCalendar .month td.outsideDay:hover {}
	.hCalendar div.rdv{background:#D2691E none repeat scroll 0 0;display:block;border:1px solid #fff;position:absolute;height:16px;font-size:11px;overflow:hidden;cursor:pointer;color:#fff;padding:1px 2px;top:0px;left:0px;}
	.hCalendar div.rdv .jours{float:right;font-size:10px;color:#ddd;}
	.hCalendar div.rdv.row1{top:0px;}
	.hCalendar div.rdv.row2{top:20px;}
	.hCalendar div.rdv.row3{top:40px;}
	.hCalendar div.rdv .details strong{color:#fff;}
	.hCalendar div.rdv .details{color:#eee;font-size:10px;font-style:italic;display:none;}
	.hCalendar div.rdv:hover .details{display:block;}
	.hCalendar div.rdv.col6:hover,.hCalendar div.rdv.col7:hover{right:0px;left:auto;}
	.hCalendar div.rdv:hover{z-index:15;border:1px solid #999;}
	.hCalendar div.rdv.width1:hover{/*	width:200px;*/}
	/* Year & decade */
	.hCalendar .year {margin-left: 2px;border:0px;}
	.hCalendar .year td {width: 25%;height:100px;text-align: center;cursor: pointer;vertical-align:middle;font-size:14px;}
	.hCalendar .year td:hover {color: #0066cc;}
	.hCalendar .year td.selected {}
	.hCalendar .year td.selected:hover {}
	.hCalendar .year td.current {color: #0066cc;}
	.hCalendar .year td.current:hover {}
	.hCalendar .year td.selectedcurrent {color:#FF6600;font-weight:bold;}
	.hCalendar .year td.selectedcurrent:hover {}
	.hCalendar .year td.outsideYear {color: #a8a8a8;}
	.hCalendar .year td.outsideYear:hover {color:#FF9900;}
	/* Mini-Month */
	.hCalendar *{font-family:"Trebuchet MS","Luxi Sans","Lucida Grande",Arial,Helvetica,sans-serif;}
	.hCalendar .minimonth {width:150px;cursor:pointer;}
	.hCalendar table.lstMinimonth {width:100%;border:0px;margin:10px 0px;clear:both;}
	.hCalendar table.lstMinimonth td {width:25%;border:0px;}
	.hCalendar .minimonth th {}
	.hCalendar .minimonth th {text-align: center;height:15px;width: 12.5%;overflow:hidden;color:#000;border-color:#eee2db;border-width:0 1px 0 0;font-size:12px;}
	.hCalendar .minimonth tr:first-child th:first-child {color:#f8a847; text-transform:uppercase}
	.hCalendar .minimonth td {height: 16px;color:#666666;font-size:11px;vertical-align:top;width: 12.5%;border-width:0 0px 0 0;border-top-width: 0px;border-color:#eee2db;border-style:solid;}
	.hCalendar .minimonth td .lib {border-top-width:1px;color:#666666;font-size:10px;text-align:right;width:16px;height:16px;position:static;}
	.hCalendar .minimonth td.selected .lib {color:#888;}
	.hCalendar .minimonth td.outsideDay .lib {padding:0 5px 0 0;color:#ccc;}
	.hCalendar .minimonth tr.firstRow td {}
	.hCalendar .minimonth td:hover {}
	.hCalendar .minimonth td.selected:hover {}
	.hCalendar .minimonth td.outsideDay:hover {}
	.hCalendar .minimonth:hover th,.hCalendar .minimonth:hover td {background: #f8faec none repeat scroll 0 0;}
	.hCalendar .minimonth.selected td,.hCalendar .minimonth.selected th{background: #f8faec none repeat scroll 0 0;}
	.hCalendar .minimonth.selected:hover th,.hCalendar .minimonth.selected:hover td {background: #f8faec none repeat scroll 0 0;}
	.hCalendar .minimonth.selected{cursor:auto;}
	.hCalendar .minimonth.selected:hover td.selected,.hCalendar .minimonth.selected td.selected{background:#ffffcc none repeat scroll 0 0; border:1px dotted #666666;}
	.hCalendar .minimonth td.selected {background: #FFFFCC none repeat scroll 0 0;}
	table.year.decade .clickable {background:url(../img/hcalendar/clickable_year.jpg);}
	table.year.decade .clickable:hover {background:url(../img/hcalendar/clickable_year_hover.jpg);}
	table.year.decade .outsideYear {background:url(../img/hcalendar/outsideYear.jpg);}
	.hCalendar .minimonth td .lib.actif {font-weight:bold;font-size:11px; color:#A52A2A;}
	.hCalendar .hBubble .top{background:url(../img/hcalendar/top_bulle.png);height:20px;width:368px;}
	.hCalendar .hBubble .bottom{background:url(../img/hcalendar/bottom_bulle.png);height:20px;width:368px;}
	.hCalendar .hBubble .middle{background:url(../img/hcalendar/middle_bulle.png);min-height:160px;width:328px;padding:0px 20px;}
	.hCalendar .hBubble .hBubbleContent{position:relative;width:368px;}
	.hCalendar .hBubble .close{background:url(../img/hcalendar/close.png);position:absolute;width:7px;height:7px;top:20px;right:20px;cursor:pointer;}
	.hCalendar .hBubble .close:hover{background:url(../img/hcalendar/close_hover.png);}
	.hCalendar .hBubble .pointer{position:absolute;}
	.hCalendar .hBubble .pointer.p_bottom{background:url(../img/hcalendar/down_bulle.png);width:31px;height:10px;bottom:0px;left:65px;}
	.hCalendar .hBubble .pointer.p_top{background:url(../img/hcalendar/up_bulle.png);width:31px;height:10px;top:0px;left:65px;}
	.hCalendar .hBubble .pointer.p_left{background:url(../img/hcalendar/left_bulle.png);width:10px;height:31px;top:50px;left:0px;}
	.hCalendar .hBubble .pointer.p_right{background:url(../img/hcalendar/right_bulle.png);width:10px;height:31px;top:50px;right:0px;}
	.hCalendar .hBubble h2{margin-top:0px;}
	.hCalendar .hBubble{position:absolute;width:368px;top:100px;left:500px;z-index:100;}
	.hCalendar #map span{display:none;}
	.hCalendar .voir { width:47px; text-align:center; color:#660000; background:url(../img/btn_voir.jpg); height:15px; position:absolute; bottom:5px; right:5px}
	.msc_picker{background:url(../img/msc-toggle.gif) no-repeat right;border:1px solid #999;position:absolute;}
	.hCalendar label {float:left;padding-right:5px;font-weight:bold;width:200px;font-size:11px;}
	.hCalendar .rdv_det {width:240px;margin-left:80px;font-size:11px;}
	.hCalendar fieldset {background:url(../img/fieldset_hcalendar.png);margin:5px 0}
	.hCalendar legend {padding:2px;margin-left:5px;color:#fff;}
	.hCalendar legend.detail{background:url(../img/legend_detail.jpg);width:150px;height:15px;color:#333333;font-weight:bold;padding:2px 5px;}
	.hCalendar legend.heure{background:url(../img/legend_heure.jpg);width:150px;color:#333333;font-weight:bold;height:15px;padding:2px 5px;}
	.hCalendar legend.info{background:url(../img/legend_info.jpg);width:150px;color:#333333;font-weight:bold;height:15px;padding:2px 5px;}
	div.modcalendrier.full div.top{}
	div.modcalendrier.full div.middle{}
	div.modcalendrier.full div.middle div.title{display:none}
	div.modcalendrier.full div.middle div.title h2{}
	div.modcalendrier.full div.bottom{}
	div.modcalendrier.full div.middle div.legend {width:656px; float:left}
	div.modcalendrier.full div.middle div.legend div.top{background:url(../img/news_top.png); width:656px; height:12px; margin-top:15px;}
	div.modcalendrier.full div.middle div.legend div.middle{background:url(../img/news_mid.png); width:636px; padding:0 10px 10px 10px}
	div.modcalendrier.full div.middle div.legend div.middle div.title{}
	div.modcalendrier.full div.middle div.legend div.middle div.title h2{margin:0 0 10px 0}
	div.modcalendrier.full div.middle div.legend div.middle div.items{}
	div.modcalendrier.full div.middle div.legend div.middle div.items div.item{float:left; width:100px; margin:5px;}
	div.modcalendrier.full div.middle div.legend div.bottom{background:url(../img/news_bot.png); width:656px; height:12px; margin-bottom:15px;}

	.tel {margin-left:15px;}
	p.txt_orange {font-size:15px; font-weight:bold; color:#f7941e;}
	p.encart {padding:15px; margin-top:14px; width:626px; background:#f4f4f0;}
	p.encart span {font-size:16px;font-weight:bold;color:#515151;float:left;font-style:italic;}


	.content {width:960px;padding:0;float:left;background:url(../img/bg_content.jpg)}
	.content .left {width:198px;float:left; margin-left:6px}
	
	.content .right {width:689px; padding:18px 30px 18px 30px;float:right;margin-right:6px;min-height:1050px; background:url(../img/bg_right.jpg) top no-repeat}
	
	.content .right input[type="text"] {width:250px;padding:7px 4px 4px 6px;height:14px;}
	.content .right textarea {width:250px;height:200px; font-size:11px;}

	.content .right .plan {width:205px; height:288px;float:right;color:#7d716b;text-align:right;padding:5px 10px 10px 40px;background:url(../img/bg_plan.jpg)}
	.content .right .plan p {font-size:11px;color:#7d716b;font-family:Georgia, "Times New Roman", Times, serif;line-height:16px}
	.content .right .plan p strong {color:#8c9c37}

.content .right table {float:left}
.content .right table img {margin-top:0px}
.content .right table td {padding:0}
.content .right img {margin:7px}
	.content .right ul {float:left; margin:0 25px 0 25px; padding:0; width:96%}
	.content .right ul li {line-height:12px; margin:5px 0; padding:0; list-style-image:url(../img/puce.jpg); color:#75757;font-size:11px;line-height:16px;}
	
	/* copyright */
	#copyright {background:url(../img/copyright.jpg); width:960px; float:left; height:20px; padding-top:25px;}
	#copyright strong {color:#a5c5d6;}
	#copyright .left {width:212px; font-size:11px; float:left; height:20px; background:url(../img/copyright_left.png); color:#a5c5d6; text-align:left; padding-left:3px;}
	#copyright .left a, #copyright .left a:visited {color:#a5c5d6; text-decoration:none;}
	#copyright .right {width:725px;text-align:right; font-size:11px; float:left; height:20px; padding-right:20px; color:#a5c5d6}
	#copyright .left a:hover {text-decoration:underline}
	#copyright a {color:#666666;text-decoration:underline}
	/* copyright (fin) */
	
	#footer {background:#a5c5d6; height:6px; width:100%; margin-top:20px; margin-bottom:40px;}

	#map, #mapContainer {width:400px; height:488px ; float:right;border:0}
	#optmap a {background-color:#246b8c;color:#FFF;margin-top:5px;text-decoration:none;}

	#header {	width:960px;height:250px;float:left;background:url(../img/header.jpg)}
	#header h1 {display:none}
	#header a.pour_obernai {width:290px; height:45px ; float:left}
	#header .left {	width:670px;height:250px;float:left}
	#header .left #logo {	width:670px;height:250px;float:left}
	#header .left #logo a {	display:block;width:670px;height:250px;float:left}

       ul.erreur {color:#ff0000}
       ul .erreur li {list-style-image:url(../img/puce_erreur.jpg);}
	
	form label {font-size:11px;width:220px;float:left;height:15px;margin:1px 0 1px 0; padding-left:15px; padding-bottom:4px; margin-top:5px; margin-right:10px; color:#999; background:url(../img/puce.jpg) left no-repeat}
	form select {width:350px;float:left;height:25px;margin:3px 0 3px 0; color:#7b6962}
	form input[type="text"], form input[type="password"] { border:1px solid #ededed;width:350px;float:left;height:14px;margin:3px 0 3px 0;padding:6px; background:url(../img/bg_input.jpg); color:#216d95}
	form input {font-size:11px;}
	form input[type="text"]:focus, form input[type="password"]:focus {background:url(../img/bg_input_focus.jpg)}
	form textarea {padding:6px; width:350px;float:left;margin:3px 0 3px 0; border:1px  dotted #ededed;background:url(../img/bg_input.jpg); color:#216d95}
	form textarea:focus {background:url(../img/bg_input_focus.jpg)}
	form div.error{font-weight:bold; color:red; font-size:11px;}
	input[type=submit] {cursor:pointer}

	input.envoyer {background:url(../img/input_envoyer.jpg) top; font-size:11px; border:0; text-align:center; height:24px; width:126px; float:left; margin-left:0px;color:#fff; padding:2px;}
	input.envoyer:hover {background:url(../img/input_envoyer.jpg) bottom}

/* Mod Meteo */
.widgetweather h2 {color:#76A91E}
.widgetweather h3 {width:230px;height:19px;border:0;padding:3px 5px 3px 5px;font-size:10px; font-weight:bold;background:url(../img/today2.jpg);}
.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 */