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

body{
	margin:0;
	border:0;
	background:#F1F1F1;
}

ul{margin:0;}

#banner_top{
	height:615px;
	background:url(../images/banner_bg.jpg) repeat-x top left;
}

#top{
	background:url(../images/top_bg.jpg) no-repeat top left;
	width:1024px;
	margin:0 auto;
	height:300px;
}

#coord{
	padding-top:15px;
	height:35px;
}

#logo{
	margin-left:345px;
	margin-top:50px;
}

/********************************* menu principal **********************************/

#menu{
 width:1024px;
 height:60px;
 margin-top:47px;
 }

#menu ul{
	margin:0;
	padding:0;
	padding-top:14px;
	height:35px;
	margin-left:220px;
}

#menu ul li{
	list-style:none;
	float:left;
	height:35px;
	display:inline;
}

#menu ul li a{
	display:block;
	height:35px;
	width:148px;
	float:left;
	margin-top:1px;
	line-height:35px;
	font-size:14px;
	font-family:Helvetica, sans-serif;
	/*color:#575756;*/
	text-decoration:none;
	font-weight:bold;
	text-align:center;
}

/*#menu ul li a:hover{
	background:url(../images/menuhover_bg.png) repeat-x top left;
	color:#fff !important;
}

.selected{
	background:url(../images/menuhover_bg.png) repeat-x top left;
	color:#fff !important;
}

/************************ lavalamp **************************************/
#nav {position: relative; float: left; height:44px;}
/*.shadow_nav {background: url(../images/shadow_nav.png) left bottom no-repeat; width:950px; height: 44px; }*/
#nav li { float: left;list-style: none; }
#nav li.separate_nav { padding-top:0px; height:35px !important; }
#nav li a {z-index: 2; position: relative; cursor: pointer; float: left; text-decoration: none; color:#0D0802; }
#nav li:hover a, #nav li a:hover {color: #fff;}
#nav li#selected a {color: #fff;}
#nav li.nav_not_selected a {color: #0D0802 !important;}
#blob {background:url(../images/menuhover_bg.png) repeat-x top left; position: absolute; z-index: 1; top: 15px !important; height:44px !important;
} 
 
/**********************************************************************************/

#banner{
	width:1024px;
	padding-left:4px;
	margin:0 auto;
	position:relative;
}

#pagination_container{
	background:url(../images/pagination_container.png) no-repeat top left;
	width:149px;
	height:31px;
	position:absolute;
	left:450px;
	bottom:0px;
	z-index:200;
}

#roundg{
	background:url(../images/roundeffectg.png) no-repeat top left;
	width:194px;
	height:315px;
	position:absolute;
	left:4px;
	top:0px;
	z-index:8;
}

#roundd{
	background:url(../images/roundeffectd.png) no-repeat top left;
	width:194px;
	height:315px;
	position:absolute;
	right:4px;
	top:0px;
	z-index:8;
}


/******************************************  contenu ****************************************************/
#content{
	width:1024px;
	margin:0 auto;
	padding-top:50px;
}

.pres_text{
	width:735px;
	color:#3C3C3B;
	margin-left:20px;
	margin-top:30px;
	font-size:15px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:justify;
	line-height:28px;
}

.pres_text span{
	font-weight:bold;
}

.pres_text img{
	vertical-align:middle;
}

.pres_img{
	margin-top:30px;
	width:185px;
}

.pres_text h3{
	color:#FF8300;
	margin-top:40px;
}

#domaine{
	margin-top:50px;
	height:440px;
}

#ref_container{
	padding-top:50px;
	margin-left:88px;
}

.ref_element img{
	margin-left:20px;
}

/******************************************** footer ***************************************************/
#footer{
	background:url(../images/footer_bg.png) repeat-x bottom left;
	height:480px;
}

#footer_content{
	width:1024px;
	margin:0 auto;
}

#bottom_menu{
	background:url(../images/bottomround_bg.png) no-repeat top left;
	width:265px;
	height:265px;
	float:left;
	margin-top:85px;
	margin-left:40px;
}

.bottom_title{
	margin-left:57px;
	margin-top:53px;
}

#newsletter{
	background:url(../images/bottomround_bg.png) no-repeat top left;
	width:265px;
	height:265px;
	float:right;
	margin-top:85px;
	margin-right:40px;
}

#bottom_infos{
	float:left;
	margin-top:68px;
	margin-left:55px;
	width:300px;
	height:300px;
}

/************************************************* news letter **************************************/
#newsletter p{
	padding-left:25px;
	text-align:center;
	padding-top:23px;
	margin:0;
	font-size:13px;
	color:#333;
	font-family:Arial, Geneva, sans-serif;
	width:210px;
}

#newsletter_form{
	margin-top:30px;
	padding-left:43px;
	position:relative;
}

#newsletter_input{
	width:150px;
	padding-left:10px;
	padding-right:0px;
	background:url(../images/newsletter_champs_bg.png) no-repeat top left;
	border:none;
	height:31px;
	line-height:25px;
	color:#336165;
	outline:none;
}

#inscription_btn{
	border:none;
	position:absolute;
	top:0px;
	right:41px;
	background:none;
	background:url(../images/newsletter_btn.png) no-repeat top left;
	width:37px;
	height:33px;
	cursor:pointer;
}

/************************************************************************************************/

#bottom_menu ul{
	margin-top:18px;
	margin-left:55px;
	padding:0;
}

#bottom_menu ul li{
	list-style:none;
}

#bottom_menu ul li a{
	width:150px;
	display:block;
	color:#0D0802;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	text-align:center;
	line-height:25px;
	font-weight:bold;
}

/********************************* copyright ************************/

#copyright{
	margin-top:80px;
}

#copyright p{
	text-align:center;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}

#copyright p a{
	text-decoration:none;
	color:#FFCB00;
}

#copyright img{
	vertical-align:middle;
	margin:0 20px;
}


/*************************************************** contacts *******************************************/
#contact_infos{
	padding-top:30px;
	padding-left:30px;
}

#cont_left{
	float:left;
	width:445px;
	height:580px;
	margin-left:65px;
	margin-top:39px;
}

#cont_separator{
	background:url(../images/contact_separator.png) no-repeat top left;
	width:3px;
	height:530px;
	margin-top:55px;
	float:left;
}

.contact_info{
	height:35px;
}

.content_titre{
	width:400px;
	height:32px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
    font-size: 18px;
    color: #FF8300;
}

.content_titre img{
	vertical-align:middle;
}

#contact{
	margin-top:35px;
}

.champs{
	height:32px;
	width:372px;
	border:none;
	margin-bottom:15px;
}

.champ{
	background:url(../images/input_bg.png) no-repeat top left;
	border:none;
	height:43px;
	width:236px;
	padding-left:10px;
	padding-right:10px;
	outline:none;
}

.input{
	float:right;
	width:252px;
	margin-top:1px;
}

.label{
	float:left;
	width:120px;
	color:#4A4A49;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	padding-top:7px;
}

#textarea{
	width:425px;
	height:252px;
	border:none;
	margin-bottom:20px;
}

#textarea_bg{
	background:url(../images/textarea_bg.png) no-repeat top left;
	float:left;
	width:272px;
	height:256px;
	/*margin-left:24px;*/
	margin-top:2px;
}

#mess_content{
	width:236px;
	background:none;
	padding:10px;
	height:236px;
	border:none;
	outline:none;
}

#formulaire{
	margin-top:39px;
	position: relative;
	float:right;
	width:410px;
	margin-right:45px;
	padding:0px;
}

#big_map{
	/*position:absolute;
	top:27px;
	right:128px;*/
	margin-top:25px;
	margin-left:0px;
	width:375px;
	height:245px;
}

#envoi{
	margin-left:120px;
}

#envoyer{
	background:url(../images/send.png) no-repeat top left;
	width:99px;
	height:34px;
	border:none;
	cursor:pointer;
}

#effacer{
	background:url(../images/reset.png) no-repeat top left;
	width:99px;
	height:34px;
	cursor:pointer;
	border:none;
}

.coord{
	margin-top:40px;
	width: 400px;
}

#contact_coord .contact_info{
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#4A4A49;
}

#contact_coord .contact_info strong{
	font-size:15px;
	font-family:Arial, Helvetica, sans-serif;
	color:#FF8300;
}

/***************************************** produits ****************************************/
#new_prod_menu{
	float:left;
	margin-top:35px;
}

#menu_top_bg{
	background:url(../images/menu_top_bg.png) no-repeat top left;
	width:229px;
	height:20px;
	margin-left:20px;
}

#prod_menu{
	background:url(../images/menu_middle_bg.png) repeat-y top left;
	width:229px;
	margin-left:20px;
	margin-right:20px;
}

#menu_bottom_bg{
	background:url(../images/menu_bottom_bg.png) no-repeat top left;
	width:229px;
	height:56px;
	margin-left:20px;
}

#prod_menu ul{
 /* padding-top:15px;*/
 /* padding-left:20px;	*/
}

#prod_menu ul li{
	list-style:none;
}

#prod_menu ul li a{
	font-size:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#000;
	background-color:#FFEA99;
	width:190px;
	display:block;
	height:29px;
	margin-top:3px;
	text-decoration:none;
	text-align:center;
	line-height:29px;
}

#prod_menu ul a{
	font-size:15px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#000;
	background-color:#FFEA99;
	width:190px;
	display:block;
	height:29px;
	margin-top:3px;
	text-decoration:none;
	text-align:center;
	line-height:29px;
}

.header{
	font-size:15px;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#000;
	background-color:#FFEA99;
	width:190px;
	display:block;
	height:29px;
	margin-top:3px;
	text-decoration:none;
	text-align:center;
	line-height:29px;
}

.collapsible{
	/*height:auto !important;*/
	/*padding:5px !important;*/
}

.collapsible li a{
	background-color:#dddddd !important;
	font-size:13px !important;
	width:186px !important;
}

#prod_menu ul a:hover{
	color:#fff;
	background-color:#000;
}

.header_selected{
	color:#fff !important;
	background-color:#000 !important;
}

.element_select{
   	background-color:#FF8300 !important;
}

.collapsible li a:hover{
	color:#000 !important;
}

#prod_menu ul li a.selecte{
	/*color:#fff;
	background-color:#000;*/
}


#prod_menu_separator{
	float:left;
	margin-top:55px;
}

.categories{
	width:213px;
	height:236px;
	float:left;
	margin-top:40px;
	margin-right:25px;
	margin-left:5px;
}

#arian{
	font-size:15px;
	font-family:Arial, Helvetica, sans-serif;
	color:#3C3C3B;
	margin-bottom:17px;
}

#arian a{
	color:#3C3C3B;
	text-decoration:none;
}

#arian img{
	vertical-align:text-bottom;
}

#arian span{
	font-weight:bold;
}