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

body {
padding:0;
margin:0;
background : #000000 url(img/aplan.gif) top left repeat-x;	
color:#fff;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

h1 {
display:none;	
}

/* ------------------------------------- STRUCTURE GENERALE ---------------------------------*/

a, a:hover {
color : #737373;
text-decoration : none;
}
a {outline: none;}

#aplan {
width:100%;
background: url(img/aplan_haut.jpg) center top no-repeat;
}

#conteneur {
width : 1000px;
margin : 0 auto;
}

#centre {
width : 978px;
overflow : hidden;
background : #242424;
margin : 0 11px;
padding:0;
}
#contenu {
margin : 0;
padding : 0;
}

#menu_gauche {
margin : 0 0 0 5px;
float : left;
padding : 0;
width:271px;
}


#top {
background : transparent url(img/aplan_top.jpg) no-repeat top left;
padding : 0;
height : 206px;
margin : 0;
}
#menu_bas {
padding:5px 0;
text-align : center;
color : #7f7f7f;
font-size : 12px;
margin :5px 0;
background:#000;
}

#menu_bas a {
text-decoration:underline;	
}

#otidea {
display:block;
font-size : 10px;
margin-top:0x;
padding:3px 0 ;
color:#7f7f7f;
}

#otidea a, #otidea a:hover {
	color:#7f7f7f;
}

/************ ACCUEIL ********************/

.accueil_bg {
background:#343434 url(img/accueil_contenu_bg.jpg) bottom right no-repeat !important;
}

#accueil_left span{
display:none;
}

#texte_accueil {
margin:199px 278px 0 400px;
padding:0;
text-align:left;
font-weight:bold;
list-style-image:url(img/puce_form.gif);
}

#texte_accueil li {
margin:0;
padding:0;
}

#bienvenue {
display:block;
background:transparent url(img/accueil_titre_bienvenue.gif) top left no-repeat;
width:335px;
height:68px;
margin:0;
padding:0;
}

.accueil_bg h2{
display:none;	
}

#accueil_gauche {
margin:0;
padding:0;
list-style-type:none;
font-size:14px;
}

#accueil_gauche #rub_01 a{
display:block;
background:transparent url(img/accueil_menu_01_off.gif) top left no-repeat;
width:280px;
height:42px;
line-height:43px;
padding-left:55px;
color:#fff;
}

#accueil_gauche #rub_01 a:hover{
background:transparent url(img/accueil_menu_01_on.gif) top left no-repeat;
}

#accueil_gauche #rub_02 a{
display:block;
background:transparent url(img/accueil_menu_02_off.gif) top left no-repeat;
width:280px;
height:39px;
line-height:40px;
padding-left:55px;
color:#fff;
}

#accueil_gauche #rub_02 a:hover{
background:transparent url(img/accueil_menu_02_on.gif) top left no-repeat;
}

#accueil_gauche #rub_03 a{
display:block;
background:transparent url(img/accueil_menu_03_off.gif) top left no-repeat;
width:280px;
height:41px;
line-height:42px;
padding-left:55px;
color:#fff;
}

#accueil_gauche #rub_03 a:hover{
background:transparent url(img/accueil_menu_03_on.gif) top left no-repeat;
}

#accueil_left {
float:left;
width:335px;
margin:0;
padding:0 0 220px 0;
background:#171717 url(img/accueil_illus_gauche.jpg) bottom left no-repeat;
}

#btn_accueil_video {
display:block;
width:190px;
height:50px;
margin:43px 0 0 26px;
background:transparent url(img/btn_accueil_video_off.jpg) top left no-repeat;
float:left;
}

#btn_accueil_video:hover {
background:transparent url(img/btn_accueil_video_on.jpg) top left no-repeat;
}

#btn_accueil_robot {
display:block;
width:180px;
height:50px;
margin:43px 0 0 0px;
background:transparent url(img/btn_accueil_robot_off.jpg) top left no-repeat;
float:left;
}

#btn_accueil_robot:hover {
background:transparent url(img/btn_accueil_robot_on.jpg) top left no-repeat;
}

#btn_accueil_video span, #btn_accueil_robot span {
	display:none;
}


/******************* GEOMETRIE DE CUVE **************************************/

.centre_geometrie {
background:#232323 url(img/geometrie_cuve.jpg) top left no-repeat !important;
}

#texte_geometrie {
margin:505px 30px 30px 30px;
padding:0;
text-align:justify;
font-size:13px;
}

.titre {
font-weight:bold;
font-size:14px;
color:#b4de1f;
}

#texte_geometrie ul{
padding:0;
margin:20px 0 0 17px;
list-style-image:url(img/puce.gif);
}

#texte_geometrie li{
margin-bottom:10px;	
}



/*********************************** CONTACT *************************************/

#frmContact {
margin:0;
padding:35px 290px 0 20px;
background:url(img/fond_formcontact.gif) top left no-repeat;
height:402px;
}

#frmContact li, #frmContact ul, #frmContact label, #frmContact input {
margin : 0;
padding : 0;
}

#frmContact label {
color: #fff;
font-weight:normal;
font-size:12px;
}

li input, li#field_message textarea{
border:solid;
border-color:#c2e54b;
border-width:1pt;
margin:0;
padding:0;
}

li#field_nom, li#field_prenom, li#field_adresse, 
li#field_cpostal, li#field_ville, li#field_tel,
li#field_email{
display:block;
margin:0;
padding:0;
}

ul#champs_form_contact  {
margin:0 0 0 29px;
}

#champs_form_contact ul li {
margin:0;
padding:0 0 0 20px;
}

#champs_form_contact li {
float:left;
width:310px;
list-style:none;
background: transparent url(img/puce_form.gif) top left no-repeat;
}

#champs_form_contact li label {
display:block;
width:90px;
height:30px;
line-height:20px;
float:left;
padding:0 0 0 15px;
margin:0;
}

li#field_adresse, li#field_message {
width:640px !important;
}
li#field_cpostal, li#field_ville, li#field_pays {
width:210px;
}
li#field_ville label, li#field_pays label {
width:70px;
}
li#field_message {
background:none !important;	
}

li#field_message label{
text-transform:uppercase;
color:#fff;
font-weight:bold;
font-size:13px;
float:none;
width:200px;
padding:0 !important;
margin:0 !important;
}

li#field_message {
margin:0 !important;
padding:15px 0 0 0;
list-style:none;
}

li#field_message textarea {
margin:0 40px 0 0;
padding:0;
float:right;
}

a#btn_send{
display:block;
background:transparent url(img/btn_contact_ok_off.gif) top left no-repeat;
width:166px;
height:50px;
margin:0 0 0 470px;
clear:left;
}

#btn_send span{
display:none;	
}

a#btn_send:hover{
background:transparent url(img/btn_contact_ok_on.gif) top left no-repeat;
}

#form_send {
text-align:center;
color:#b4de1f;
padding:20px 0;
background:url(img/form_send_aplan.gif) top left no-repeat;
margin:3px 0 0 0;
}

#comp_contact_nom, #comp_contact_prenom, 
#comp_contact_tel, #comp_contact_email {
width:180px;	
}
#comp_contact_cpostal, #comp_contact_ville, #comp_contact_pays {
width: 89px;
}

#comp_contact_adresse {
width:489px;	
}

#comp_contact_message {
width:599px;	
}

#titre_contact span {
display:none;	
}

#titre_contact {
display:block;
margin:15px 0 0 2px;
padding:0;
background:transparent url(img/titre_contact.gif) top left no-repeat;
width:191px;
height:46px;
}

#contact_right {
float:right;
}

#contact_right_robot {
background:transparent url(img/contact_right_robot.jpg) top left no-repeat;
width:269px;
margin:42px 0 0 0;
padding:172px 0 0 0;
}

#contact_right_distri {
background:transparent url(img/contact_right_distrib.jpg) top left no-repeat;
width:269px;
margin:0 0 0 0;
padding:155px 0 0 0;
}

#contact_right_robot a{
display:block;
margin:0 0 0 44px;
padding:0;
background:transparent url(img/contact_right_robot_off.gif) top left no-repeat;
width:169px;
height:52px;
}

#contact_right_robot a:hover {
background:transparent url(img/contact_right_robot_on.gif) top left no-repeat;
}

#contact_right_distri a {
display:block;
margin:0 0 0 44px;
padding:0;
background:transparent url(img/contact_right_distrib_off.gif) top left no-repeat;
width:169px;
height:43px;	
}

#contact_right_distri a:hover {
background:transparent url(img/contact_right_distrib_on.gif) top left no-repeat;	
}

#contact_right_robot span, #contact_right_distri span {
display:none;	
}


/* ************************* DISTRIBUTEURS ******************************/

#titre_distrib {
display:block;
margin:15px 0 0 2px;
padding:0;
background:transparent url(img/titre_distributeurs.gif) top left no-repeat;
width:245px;
height:46px;
}

#titre_distrib span {
display:none;	
}

#ul_distrib {
background:transparent url(img/carte_distrib.gif) top left no-repeat;	
padding:531px 0 15px 25px;
list-style:none;
margin:0;
overflow:auto;
}

#ul_distrib li{
float:left;	
width:310px;

}

/***************** PLAN DE SITE *******************/

#titre_sitemap {
display:block;
margin:15px 0 0 2px;
padding:0;
background:transparent url(img/titre_plandesite.gif) top left no-repeat;
width:245px;
height:42px;
}

#titre_sitemap span, #titre_robot span{
display:none;	
}

#ul_sitemap li{
list-style-image:url(img/puce.gif);
}
	 
#ul_sitemap a, #ul_sitemap a:hover{
color:#fff;	
}

#titre_mentions {
display:block;
margin:15px 0 0 2px;
padding:0;
background:transparent url(img/titre_mentions.gif) top left no-repeat;
width:3395px;
height:48px;
}

#titre_mentions span {
display:none;	
}

#bloc_mentions {
margin:26px;
padding:0;
}

/*************************** ROBOT ****************/

#titre_robot {
display:block;
margin:5px 0 0 2px;
padding:0;
background:transparent url(img/titre_robot.jpg) top left no-repeat;
width:978px;
height:71px;	
}

#bloc_schema_01 {
background:transparent url(img/schema_robot.jpg) top left no-repeat;
width:978px;
height:631px;
margin: 0 0 0 2px;
padding:28px 0 0 615px;
color:#2d2d2d;
font-weight:bold;
font-size:14px;
}

#bloc_schema_01 span, #bloc_new span {
display:none;	
}

#bloc_schema_02 {
background:transparent url(img/schema_robot_02.gif) top left no-repeat;
margin:0;
padding:320px 0 0 670px;

}

#bloc_caract {
	background:url(img/bloc_robot_02.gif) top left no-repeat;
	margin:0;
	padding:0;
	width:978px;
	height:180px;
}

#bloc_caract p{
	margin:28px 0 0 75px;
	padding:0;
	float:left;
	width:380px;
}

#bloc_modop {
margin:30px;	
}

#bloc_robot {
	background:url(img/bloc_robot_01.gif) top left no-repeat;
	margin:0;
	padding:33px 0 40px 0;
	width:978px;
	font-size:14px;
	text-align:center;
}

#dl_01 {
display:block;
float:left;
width:105px;
height:48px;
margin:-110px 10px 0 645px;
}

#dl_02 {
display:block;
float:left;
width:110px;
height:48px;
margin:-110px 0 0 765px;
}
#dl_03 {
display:block;
float:left;
width:95px;
height:48px;
margin:-110px 0 0 880px;
}

#dl_01 span, #dl_02 span, #dl_03 span{
display:none;	
}