@charset "iso-8859-1";

body { 
	color:white;/*#000000;*/
	margin:0;
	padding:0;
	font-size:14px;
	font-family:verdana;
	background: url(../images/bg_page.jpg) 0 0 repeat-x #786854;
  background-position:top center; 
}

#page {
	position:relative;
	width:900px;
	margin-left:auto;
	margin-right:auto;
}
.separator{
	clear: both;
	background-color:#000000;
	visibility: hidden;
	margin: 0;
	padding: 0;
	height: 1px;
	line-height: 0px;
	font-size: 0em;
	}

img {
  border:none;
}
a {
 color:#5ec4e7;
}
h1 { color:#abc81d}
h2 {

  color:#FFF;
  font-size:16px;

}
h3 {
  font-size:11px;
  color:#73af00;
  font-weight:bold;
  margin:0;
  padding:0;
}

#header {
	width:900px;
	height:125px; /* décalage du haut logo*/
	float:left;
	position:relative;
	padding:0 0 0 50px;
	}

#header #logo {
  position:absolute;
  top:10px; left:20px;
  }


#searchmotor{
  /*float:right;
  margin:40px 60px 0 0;
  font-size:11px;
 */
 float:left;
  }
#deconnexion {
	float:right;
  margin:40px 60px 0 0;
  font-size:11px;
	
}
#administration{
		/*float:right;
  margin:40px 60px 0 0;
  font-size:11px;
	*/
	position:absolute;
	top:55px;
	right:200px;
}
#searchmotor .searchmotor_input {
	width:115px;
	height:23px;
	float:left;
	position:relative;
	background: url(../images/search_motor_input.jpg); 
	border:none;
	color:#666666; /*cfcfcf*/
	font-size:11px;
	padding:0 0 0 5px;
	
  }
#searchmotor .searchmotor_button {
	width:60px;
	border:none;
	margin:0 0 0 10px;
	height:23px;
  cursor:pointer;
	float:left;
	position:relative;
	background: url(../images/search_motor_submit.jpg) 0 0 no-repeat; 
  }
#searchmotor .searchmotor_button:hover {
	background: url(../images/search_motor_submit.jpg) 0 -23px no-repeat; 
  }
#searchmotor .searchmotor_button:active {
	background: url(../images/search_motor_submit.jpg) 0 -46px no-repeat; 
  }

#banner {
	width:900px;
	height:173px;
	float:left;
	position:relative;
	background: url(../images/bg_banner.png) no-repeat; 
}

#banner .button {
	width:142px;
	height:27px;
	float:left;
	position:absolute;
	top:155px;
	left:30px;
	background: url(../images/banner_button.png); 
}

/* Menu  ------------------------------------------------------------------------------------------------ */

#menu_top {
  width:900px;
  height:45px;
	border:0px;
	float:left;
	position:relative;
	background: url(../images/bg_menu.jpg) 0 0 repeat-x;
	margin:0;
	}	

* html #menu_top {
	margin:0;
}
	
ul#menu1{
	float: left;
	list-style: none;
	margin:0;
	padding:0;
  }

* html ul#menu1 {
	margin:5px 0 0 10px;
}

ul#menu1 li{
	float: left;
	text-align: center;
	}

ul#menu1 li a{
	display: block;
	height: 52px;
	line-height:52px;
	font-family: verdana;
	font-size: 11px;
	font-weight: 700;
	color: #313131;
	text-decoration: none;
	outline: none;
	margin:0;
	padding:0 15px 0 15px;
  text-shadow: #fff 0px 1px 1px;
	}
* html ul#menu1 li a {
	margin:0;
	padding:0;
}

ul#menu1 li:hover a, ul#menu1 li#current a{
	color:#ffffff;
	background: url(../images/bg_menu_hover.jpg) 0 0 repeat-x;
	text-shadow: #000000 0px 1px 1px;
}
* html ul#menu1 li:hover a {
	color:#ffffff;
	background:url(../images/bg_menu_hover.png) bottom center no-repeat;
}


#allbox {
	width:900px;
	height:178px;
	float:left;
	position:relative;
	background: url(../images/bg_box.jpg); 
}

#allbox .box{
  float:left;
  width:275px;
  margin:20px 0 0 20px;
	position:relative;
}

#allbox .box p{
  font-size:11px;
  line-height:18px;
}

#allbox .box .button {
	width:115px;
	height:25px;
	position:absolute;
	top:125px;
	right:10px;
	float:left;
	background: url(../images/contact_button.png);
}

#content {
	background: url(../images/bg_content.jpg) 0 0 repeat-x #424242;
	width:900px;
	float:left;
	/*position:relative;*/
	 	
	/*border-bottom:10px solid #FFF; /*848484*/
}

#content #content_left {
  float:left;
  width:800px;
  padding:0px 0 20px 20px;
  text-align:justify;

  word-wrap : break-word;
}

#content #content_left .photo1{
  float:left;
  margin:20px;
}

#content #content_left p{
  line-height:15px;
  font-size:13px;
}

.list_links {
  padding:0;
  list-style:none;
  margin:15px 0 0 15px;
}
.list_links li a {
  color:#000000;
  line-height:25px;
  padding:0 0 0 20px;
  font-size:11px;
  background:url(../images/arrow.png) 0 0 no-repeat;
}
.list_links li a:hover {
  color:#648e0f;
}
.list_links .current{
  font-weight:bold;
}

#content_right {
  float:left;
  width:320px;
  margin:0 0 0 20px;
 
}

#content_right .box_news {
  padding:0 0 0 20px;
  margin:20px 0 0 0; 
  position:relative;
}
#content_right .box_news .date {
  position:absolute;
  width:36px;
  height:36px;
  top:10px;
  left:10px;
  background:url(../images/bg_date.png) 0 0 no-repeat;
}
#content_right .box_news .date .month{ 
  text-align:center;
  font-size:7px;
  color:#fff;
  padding:0;
  margin:0;
  width:32px;
  float:left;
}
#content_right .box_news .date .day{ 
  text-align:center;
  font-size:12px;
  color:#8e8e8e;
  padding:0;
  margin:0;
  line-height:20px;
  width:32px;
  float:left;
  text-shadow: #fff 0px 1px 1px;
}
#content_right .box_news h3{
  color:#9fbd2f;
  font-weight:bold;
  font-size:11px;
  margin:0;
  padding:0;
}
#content_right .box_news p{
  font-size:11px;
  margin:0;
  line-height:18px;
  margin:5px 0 0 0;
  padding:0;
}
#content_right .box_news a{
  color:#000000;
}

#content .box_portfolio{
  border:1px solid #aebb93;
  padding:10px;
  background:#fff;
  width:200px;
  margin:20px 25px 0 0;
  -moz-box-shadow: 2px 2px 10px #aebb93;
  -webkit-box-shadow: 2px 2px 10px #aebb93;
  box-shadow: 2px 2px 10px #aebb93;
  float:left;
  
}

/* FR : Style partie carousel  ------------------------------------------------------------------------------------------- */
/* EN : style of carousel ------------------------------------------------------------------------------------------------ */

#carousel {
  width:300px;
  height:134px;
	background: url(../images/bg_carousel.jpg);
  float:left;
  margin:20px 0 20px 20px; 
  }

.infiniteCarousel {
  width: 300px;
  position: relative;
}

.infiniteCarousel .wrapper {
  width: 280px; /* .infiniteCarousel width - (.wrapper margin-left + .wrapper margin-right) */
  height:134px;
  overflow: auto;
  min-height: 15em;
  position: absolute;
  top: 20px;
  left:10px;
}

.infiniteCarousel .wrapper ul {
  width: 9999px;
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0;
  padding:0;
  position: absolute;
  top: 0;
}

.infiniteCarousel ul li {
  display:block;
  float:left;
  height:85px;
  width:135px;
  line-height:85px;
  padding:0 10px 0 0;
	/*background: url(images/bg_carousel_photo.jpg) 0 0 no-repeat;*/
}

.infiniteCarousel ul li a img {
  display:block;
  margin:12px 0 0 10px;
}

.infiniteCarousel .arrow {
  display: block;
  height: 40px;
  width: 40px;
  text-indent: -999px;
  position: absolute;
  top: 110px;
  cursor: pointer;
}

.infiniteCarousel .forward {
  background-position: 0 0;
  right: -15px;
  background: url(../images/carousel_arrow_right.png) no-repeat 0 0;
}

.infiniteCarousel .back {
  background-position: 0 0;
  left: -15px;
  background: url(../images/carousel_arrow_left.png) no-repeat 0 0;
}

.infiniteCarousel .forward:hover {
  background-position: 0 -40px;
}

.infiniteCarousel .back:hover {
  background-position: 0 -40px;
}

#footer {
	width:880px;
	float:left;
	text-align:center;
	position:relative;
	padding:20px 0 20px 20px;
}

#footer .rss {
  color:#b8d482;
  text-shadow: #000000 0px 1px 1px;
  background: url(../images/footer_icon_rss.jpg) no-repeat 0 0;
  line-height:23px;
  float:left;
  padding:0 0 0 30px;
}

#footer .twitter {
  color:#b8d482;
  text-shadow: #000000 0px 1px 1px;
  background: url(../images/footer_icon_twitter.jpg) no-repeat 0 0;
  line-height:23px;
  float:left;
  padding:0 0 0 30px;
  margin:0 0 0 20px;
}
#footer .rss:hover, #footer .twitter:hover {
  color:#87be1d;
}

#footer span {
 /* position:absolute;*/
  width:900px;
  top:10px;
  color:#5ec4e7;
  font-size:12px;
  text-align:center;
  text-shadow: #000000 0px 1px 1px;
}

#footer span a{
  color:#fff;
  text-decoration:none;
}


#formulaire  {
  float:left;
  padding:0 0 0 20px;
}
#formulaire .ligne {
  margin:0 0 10px 0;
}

#formulaire label {
  float:left;
  width:150px;
}

#formulaire input, 
#formulaire textarea {
  border:2px solid #bdbdbd;
  width:250px;
  padding:4px;
}

#formulaire .button {

	width:70px;
	height:25px;
	float:left;
	/*background: url(../images/contact_button.png);*/
}
#ariane {width: 300px; margin: 15px 0 0 35px; padding: 0; font: 11px Arial, Helvetica, sans-serif; color:white; }/*#707173**/
#ariane a:link {text-decoration: none; color:#5ec4e7; font-weight: bold;}
#ariane span {text-decoration: none; color:#707173; font-weight: bold;}
#ariane a:visited {text-decoration: none; color:#5ec4e7; font-weight: bold;}
#ariane a:hover {text-decoration: underline; color:#5ec4e7; font-weight: bold;}

a img 
{ 
border: none;

} 

 /*------------ Tableau -------------------  */

.tableau { width: 850px; margin-bottom: 20px; border-collapse: collapse;border: 2px solid #5ec4e7; font-weight:bold;  } /* border: 2px red solid;*/
.tableau_entete { background-color:#e0e0e5; font: bold 12px Arial, Helvetica, sans-serif; color: white; height: 30px; background: gray url(../images/bg_tab.png); }
.tableau_firstrow  td{ background-color:#c6ecfe;  font: normal 11px Arial, Helvetica, sans-serif; color: #1F1F1F; height: 25px; border: 1px solid #2C485C;}
.tableau_secondrow td {background-color:#E9F0F5; font: normal 11px Arial, Helvetica, sans-serif; color: #1F1F1F; height: 25px;border: 1px solid #2C485C;}
.tableau  a{ color:#786854 ;font-weight:bold;  } /* border: 2px red solid;*/


.tableau tr td p { font-size: 14px; color: #666666;;}
.tableau_entete p { font-size: 14px; color: #666666;}
.tableau_firstrow p {font-size: 14px; color: #666666;}
.tableau_secondrow p { font-size: 14px; color: #666666;}


.navi {
	color:white;	
	
}


#fade { /*--Masque opaque noir de fond--*/
	display: none; /*--masqué par défaut--*/
	background: #000;
	position: fixed; left: 0; top: 0;
	width: 100%; height: 100%;
	opacity: .80;
	/*z-index: 9999;*/
}
.popup_block{
	display: none; /*--masqué par défaut--*/
	background: #fff;
	padding: 20px;
	border: 20px solid #ddd;
	float: left;
	font-size: 1.2em;
	position: fixed;
	top: 50%; left: 50%;
	/*z-index: 99999;*/
	/*--Les différentes définitions de Box Shadow en CSS3--*/
	-webkit-box-shadow: 0px 0px 20px #000;
	-moz-box-shadow: 0px 0px 20px #000;
	box-shadow: 0px 0px 20px #000;
	/*--Coins arrondis en CSS3--*/
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
img.btn_close {
	float: right;
	margin: -55px -55px 0 0;
}
/*--Gérer la position fixed pour IE6--*/
*html #fade {
position: absolute;
}
*html .popup_block {
position: absolute;
}