/*******************************
** CSS by Julien Citerne
** http://julien-citerne.witi.fr
********************************/

body{margin:0;padding:0;font-family:"Arial Nova Cond",Arial,"Sans-serif";}
img{border:none;}
#main{width:991px;margin-left:auto;margin-right:auto;}
#header{height:318px;background:url(../images/header.jpg) no-repeat;}
#content{}
#menu{width:210px;height:550px;float:left;background:url(../images/bg_menu.png) repeat-x;}
#text{width:720px;height:540px;background:url(../images/pied.png) repeat-y right;overflow:auto;padding:10px 51px 0 10px;}
#footer{clear:both;width:991px;height:30px;margin-left:auto;margin-right:auto;background:url(../images/bg_footer.png) repeat-y center #9da41a;padding-top:8px;}
/*--------------------------------------------
-------------------Menu items-----------------
--------------------------------------------*/
#menu>ul{list-style-type:none;padding-left:5px;text-align:center;}
#menu>ul>li{margin-top:15px;}
#menu>ul>li>a{margin-left:auto;margin-right:auto;}
#home>a{width:133px;height:34px;display:block;background:url(../images/btn_accueil.png) no-repeat bottom;}
#home>a:hover{width:133px;height:34px;display:block;background:url(../images/btn_accueil.png) no-repeat top;}
#domaines>a{width:198px;height:35px;display:block;background:url(../images/btn_domaines.png) no-repeat bottom;}
#domaines>a:hover{width:198px;height:35px;display:block;background:url(../images/btn_domaines.png) no-repeat top;}
#moyens>a{width:89px;height:36px;display:block;background:url(../images/btn_moyens.png) no-repeat bottom;}
#moyens>a:hover{width:89px;height:36px;display:block;background:url(../images/btn_moyens.png) no-repeat top;}
#references>a{width:117px;height:35px;display:block;background:url(../images/btn_references.png) no-repeat bottom;}
#references>a:hover{width:117px;height:35px;display:block;background:url(../images/btn_references.png) no-repeat top;}
#contact>a{width:90px;height:35px;display:block;background:url(../images/btn_contact.png) no-repeat bottom;}
#contact>a:hover{width:90px;height:35px;display:block;background:url(../images/btn_contact.png) no-repeat top;}
/*--------------------------------------------
---------Paragraphs, headings, etc ...--------
--------------------------------------------*/
#text{font-family:"Arial Narrow",Arial,"Sans-serif";text-align:justify;font-size:0.95em;}
#text ul{}
#text h2{width:670px;padding:5px 15px;font-size:18px;color:#ffffff;background:#255aa6;border:1px solid white;font-weight:750;}
#text form{text-align:center;}
#text .lab{font-size:18px;color:#ffffff;border:1px solid white;font-weight:750;}

/*--------------------------------------------
--------------------Accueil-------------------
--------------------------------------------*/

/*--------------------------------------------
--------------------Footer-------------------
--------------------------------------------*/
#footer{text-align:center;font-size:0.8em;}
#footer a{color:#255aa6;text-decoration:none;}
#footer a:hover{color:#255aa6;text-decoration:underline;}

/*--------------------------------------------
--------------------Moyens---------------------
--------------------------------------------*/
li.moyens{margin-left:40px;}
/*--------------------------------------------
-------------------Contact---------------------
--------------------------------------------*/
#contactus{width:400px;margin-left:auto;margin-right:auto;text-align:center;}
#contactus h3{padding:5px 15px;font-size:18px;color:#255aa6;background:#ccc;border:1px solid white;font-weight:750;}
#contactus a{color:#255aa6;text-decoration:none;}
#contactus a:hover{color:#255aa6;text-decoration:underline;}
/*
-- Accordions From Jquery Tools
*/
.accordion {width: 670px;float:left;margin:20px 0 20px 30px;	}
/* accordion header */
.accordion h2 {margin:0;padding:5px 15px;font-size:18px;cursor:pointer;color:#255aa6;background:#ccc;border:1px solid white;font-weight:750;font-family:"Arial Narrow",Arial,"Sans-serif";}
/* currently active header */
.accordion h2.current {cursor:default;background-color:#ccc;}
/* accordion pane */
.accordion div.pane {display:none;height:280px;padding:15px;overflow:auto;}
.accordion div.pane>p {padding-left:10px;}
/* a title inside pane */
.accordion div.pane h3 {font-weight:normal;margin:0 0 -5px 0;font-size:16px;color:#255aa6;}

/*----------------------------------------------------------
----------------------- SCROLLABLE -------------------------
----------------------------------------------------------*/
.scrollable {position:relative;overflow:hidden;width: 600px;height:90px;}
.scrollable .items {width:20000em;position:absolute;}
.items div {float:left;}
.scrollable {float:left;	}
a.browse {background:url(../images/hori_large.png) no-repeat;display:block;width:30px;height:30px;float:left;margin:40px 10px;cursor:pointer;font-size:1px;}
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }
a.disabled {	visibility:hidden !important;} 	
/*----------------------------------------------------------
----------------------- TOOLTIP -------------------------
----------------------------------------------------------*/
/* tooltip styling. by default the element to be styled is .tooltip  */
.tooltip {display:none;background:transparent url(../images/black_arrow.png);height:70px;width:160px;padding:25px;color:#255aa6;font-weight:bold;text-align:center;z-index:300;} 
/*----------------------------------------------------------
----------------------- LIGHTBOX -------------------------
----------------------------------------------------------*/
/* the overlayed element */
.simple_overlay {	
	/* must be initially hidden */
	display:none;	
	/* place overlay on top of other elements */
	z-index:200;	
	/* styling */
	background-color:#333;
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 90px #000;	
}
.portrait{
	width:354px;
	height:495px;
}
.paysage{
	width:675px;
	height:470px;
}
/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(../images/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

#cinov{
	display:block;
	position:relative;
	margin-top:210px;
	margin-left:-5px;
}