/**************** CARREFOUR ESTRIEN ***************/
/*@charset "iso-8859-1";*/

/**************** MAIN LAYOUT / BODY ***************/
a { color:#2f2e2e; text-decoration:none; }
a:hover {color:#2f2e2e; text-decoration:none; }
h1 {font-family: Verdana; font-size: 14px; font-weight:normal; color:#345170;}
h1 a{font-family: Verdana; font-size: 14px; font-weight:normal; color:#345170;}
h1 a:hover{font-family: Verdana; font-size: 14px;  font-weight:normal; color:#345170;}
body { font-family: Verdana; font-size:12px; color:#2f2e2e; background: #FFFFFF;}

#wrapper {width:990px; margin: 0 auto -190px auto;  text-align:left;}


/**************** HEADER + TOP_NAV ***************/
#header { width: 990px; margin: 0 auto 0 auto; position:relative; } /*background:url(site/ajouter.png) top left no-repeat;*/
#top_nav { width: 300px; height: 151px;  position: absolute; left: 510px; top: 0px; z-index: 10;}
#top_nav a { padding: 0 15px; }

/**************** CONTAINERS *****************/

#main_container { width: 990px; height:auto; margin: 0 auto; }
#logo { width: 760px; height: 250px; background: url(site/header2.png) bottom no-repeat; float:right; }
#side_page { width: 230px; height: auto; float:left; }

#side_page_content #wxButtonFrame { margin: 20px 0 0 24px; }
#side_page_content #hebergement { margin: 20px 0; }
#side_page_content #optimeasy { margin: 20px 0; }

#page_container { witdth: 501px; height: auto;}
#signet { width: 219px; height: 756px; float:right; background: url(site/tail2.png) top left no-repeat;}
#signet object { width: 219px; height: 756px;}

/**************** MENU ***************/
#menu {width: 230px; margin-top: 6px;}
	#menu ul, #menu li { display:block; margin:0; padding:0;}
	 #menu ul {width:100%; } 
		 #menu li.top_itm {width:100%; background: #FFFFFF url(site/bullet_inactive.png) no-repeat; border-bottom: 4px solid #FFFFFF; } 
		 #menu li.sub_itm {width:100%; background: #FFFFFF; border-top: 2px solid #FFFFFF; } 
			/*#menu li.top_itm { background:url(site/menu_button.png) no-repeat; }*/
			#menu a {  font-weight: bold; text-align: left; color:#000000; } /**/
			/*#menu a span {width:100%; display:block; }*/
			#menu a.top_itm { font-size: 15px;  line-height: 26px; padding-left: 70px;}
			#menu li#nav_2 { background: url(site/bullet_red.png) no-repeat; }
			#menu li#nav_3 { background: url(site/bullet_orange.png) no-repeat; }
			#menu li#nav_4 { background: url(site/bullet_yellow.png) no-repeat; }
			#menu li#nav_5 { background: url(site/bullet_lime.png) no-repeat; }
			#menu li#nav_6 { background: url(site/bullet_green.png) no-repeat; }
			#menu li#nav_8 { background: url(site/bullet_aqua.png) no-repeat; }
			#menu li#nav_9 { background: url(site/bullet_blue.png) no-repeat; }
						
			#menu a.sub_itm { width: 148px; margin-left: 37px; font-size: 12px;  line-height: 20px; background: #FFFFFF; padding-left: 35px;}
			
			#menu li.tactive a.top_itm, #menu a.top_itm:hover { color:#424344; background: url(site/bullet.png) no-repeat;}
			
			#menu li.sub_itm a { color: #424367; border-left: solid 3px #AAAAAA; font-size: 10px;}
			
			#menu li.sub_itm a:hover, #menu li.sub_itm.active a:hover, #menu li.sub_itm.active a { background:#F5F4EB; color: #424367; border-left: solid 3px #666666; }
		
		/*#menu ul.sub_itm {width: 180px;  margin-top: 0px; margin-left: 0px; background:#3c0c03; }
		#menu li.sub_itm {width: 180px; background:none; padding: 8px; margin-top: 4px; text-align:left;}
		#menu li.sub_itm a { height: auto; background:none; color:#FFFFFF; text-decoration: none; }
		#menu li.sub_itm a:hover, #menu li.sub_itm.active a:hover, #menu li.sub_itm.active a { background:none; color:#FFFFFF; text-decoration: underline;}
		#menu li.sub_itm a span {background:none; padding:2px; margin:0;}
	*/
	
	#menu #nav_1, #menu #nav_10, #menu #nav_11 { display: none; }
	
/****************  FORMULAIRE ***************/
.form_item { height: auto; width: 620px; margin: 0.8em 0; padding: 0; color: #424344; font-size: 12px; font-family: Georgia; line-height: 150%;}
.form_element {float:left; font-family:Arial,Helvetica,sans-serif; font-size:12px; margin-bottom:2px; margin-top:2px; }
.form_element label { display:block; float:left; line-height:22px; vertical-align:middle; width:165px; padding-right: 20px;}
.form_element .check_label {display:inline; float:none; line-height:22px; vertical-align:middle; width:165px; }
.form_element select, .form_element input { font-family:Arial,Helvetica,sans-serif; font-size:12px; width:265px; }
.form_element #text_short { font-family:Arial,Helvetica,sans-serif; font-size:14px; width:165px; }
.form_element .radio { width: 20px; display: inline-block;}
#form_header { background: #FDCC29;}
.cf_text { color: #424344; width: 620px;}
.cf_text a { color: #424344;}
textarea, input[type="text"], input[type="password"] { padding:0.1em 0 0.1em 0.4em; }
textarea:hover, input[type="text"]:hover, input[type="password"]:hover, select:hover {border-color:#424344;}

textarea, input[type="text"], input[type="password"], select { -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding;
background:#FFFFFF none repeat scroll 0 0; border:1px solid #C8C8C8; }
#submit { margin-left: 150px;}
	
/****************  CALENDRIER ***************/
#calendrier {width: 210px; height: 135px; background: #FFFFFF url(site/calendrier.png) no-repeat; margin-top: 15px; display:block;  }
#calendrier .cal_holder { padding-top: 7px; }
#calendrier span.date { color: #FFFFFF; font-weight: bold; text-transform: capitalize; font-size: 10px; }
#calendrier a.cal { color: #FFFFFF; font-size: 10px; } 
#calendrier span.wday { color: #FFFFFF; font-size: 10px; padding-top: 10px; }
#calendrier a#next, #calendrier a#prev { color: #FFFFFF; }

#calendrier .today {background-color:#FFFF00; color:#FFFFFF; }
#calendrier .date:hover {background-color:#333333; color:#FFFFFF; }
#calendrier .event {background-color:#4F2700; }
#calendrier .event a {color:#FFFFFF; font-weight:bold;}
#calendrier .cal_drop {width: 750px; color:#FFFFFF; background: #FF7F03; border: 2px solid #000000; margin-left: 30px; padding: 20px; }
#calendrier .cal_drop h1.post_title a {color:#FFFFFF;}

/**************** CONTENT ***************/
#act_ctn {width: 501px; padding:0px 20px 20px 20px; min-height: 500px!important; background: url(site/tail.png) no-repeat; text-align: left; float:left; line-height: 175%;}


/**************** FOOTER / SITE MAP ***************/
.push { height:190px;}
#footer {width:990px; margin:0 auto; height:190px; background: url(site/footer.png) repeat-x; font-family:Arial;  font-size: 12px; text-align:center; color:#ffffff; clear: both;}

#footer_pub { width: 730px; height: 91px; margin-left: 260px; background: #535555; margin-bottom: 20px;}
#footer_pub object { width: 730px; height: 91px;}
	
#footer_buttons { width:240px; height:43px; padding-top: 120px; float:left; text-align: left; } /* facebook / twitter */
	
	
#site_map { width: 720px;  height: 63px; margin-left: 270px; padding-top: 24px; font-size: 10px; color:#333333;  }
#site_map a {font-weight:normal; text-decoration:none; color:#333333;  }
#site_map a:hover {font-weight:normal; text-decoration:underline; color:#333333;}
#site_map span { padding:0 3px; margin:0; display:inline-block; font-size:1em; }
#site_map span.links {font-size:1em; padding-top:10px; }
		#site_map .endlink { display: block; padding-top: 5px; }
		#site_map .optimised { display: block; padding-top: 5px;}
		#site_map .copyright { }
		#site_map .design {  }

/**********************************************************************************************************************/
/* DEFAULTS */
/**********************************************************************************************************************/
html, body {margin:0; padding:0;  height: 100%; width:100%; text-align:center;}
/*html, body {margin:0; padding:0; min-height: 100%; height: auto !important; height: 100%; width:100%; text-align:center;}*/
#wrapper {min-height: 100%; height: auto !important; height: 100%; text-align:left; position:relative;}
.push {clear:both;}
#footer {position:relative; margin:0 auto;}

img {border:none; }
#news:before {  content: ""; display: block; clear: both; }
#news:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
div.gal {margin-top:20px; clear:both; width:100%;}
a.gal { display:inline-block; width:150px; height:150px; text-align:center; }
.thumbL { width:100%; margin-top:3px; clear:both; display:block; text-align:left;}
.thumbR { width:100%; margin-top:3px; clear:both; display:block; text-align:right;}
.thumbC { width:100%; margin-top:3px; clear:both; display:block; text-align:center;}
.thumbRF{ margin:0px 0px 3px 10px;float:right; } 
.thumbLF { margin:0px 10px 3px 0px; float:left; }
.section:before { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.section:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clear {clear:both;}
ul.menu{margin:0;padding:0;list-style-type:none;cursor:default;display:block;float:left;}
ul.menu li{margin:0;padding:0;display:block;list-style-type:none;position:relative;float:left;}
ul.MenuBarVertical li.top_itm{clear:both;}
ul.menu li a {display:block;cursor:pointer;}
/*ul.menu ul{padding: 0; list-style:none;z-index:1020;cursor:default;position:absolute;left:-1000em;}
ul.MenuBarHorizontal ul {margin:0;}
ul.MenuBarVertical ul{margin:0 0 0 100%;top:0;}
ul.MenuBarActive {z-index:1000;}
ul.menu ul.MenuBarSubmenuVisible{left:auto;}
ul.MenuBarHorizontal iframe{position:absolute;z-index:1010;background:none;border:none;}
ul.menu iframe{position:absolute;z-index: 1010;}
@media screen, projection {li.MenuBarItemIE{display:inline;f\loat:left;}}*/
.calendar {text-align:center;}
.cal_holder {width:90%; }
.cal_holder .ccell {width:14%; display:block; float:left;} 
.cal_holder span.date {width:70%; display:block; float:left;}
.cal_holder a.nav, .cal_holder a.cal { cursor:pointer;}
.cal_holder ul.cal, .cal_holder ul.cal_sub, .cal_holder li.cal, .cal_holder li.cal_sub {display:block; margin:0; padding:0; list-style:none;}
.cal_holder ul.cal, .cal_holder li.cal { float:left;}
.cal_holder ul.cal {width:100%;}
.cal_holder li.ccell {height:1.1em; position:relative;}
.cal_holder a.cal {display:block;}
.cal_holder ul.cal_drop{text-align:left;}
.cal_holder ul.cal_drop{margin: 0; position: absolute; z-index: 1020; cursor: default; left: -1000em;}
.cal_holder ul.right{left:auto; right:0;}
.cal_holder ul.left{left:0;}
table.table {width:100%; clear:both; border-collapse:collapse;}
tr.tblrow {text-align:left; vertical-align:top; }
td.cell { border:nonee text-align:left; vertical-align:top;}
div.cellctn {padding:3px;}
a.pdf {line-height:3em; font-weight:bold; font-size:1.2em; background: url(admin/a_pdf.jpg) center left no-repeat; padding-left:20px; }