/* CSS Document */
* {border:0;padding:0;margin:0;border-collapse:collapse;} /* faut ça pour IE6 ->equilibre les tailles des polices*/
html{font-size:100%;
background: #C54000 url(../images/bg-bottom.jpg) fixed repeat-x bottom;
}

body{
background: url(../images/bg-top.jpg) fixed repeat-x left top;
height:100%;
font-size:0.8em;
font-family: Arial, sans-serif;
text-align:center;
color:#333;
}
a{
color:#CB0F07;
}

/* boite overlib standart */
.bg table {
height:20px;background-color: #AAAAAA;border : 2px solid #333333;
}
.bg table tr{ /* background princiapl */
font-size:14px;padding:10px;
}
.bg table tr td{/* background princiapl */
padding:5px;
}
td.tef {
color:#FFF;border : 1px solid #FFF;
background-color: #333333;
}
td.caf {
font-weight:bold;text-align:center;
}
td.tef span.success{
color:#FFF;
}
td.tef span.error{
font-weight:bold;
}

table.fg {
background-color: #333333;padding:2px;
}
td.clf {
text-align:right;
color:#CB0F07;
}


/* boite personnalisée fonction erreur intégrée*/
td.err_caf {
color:#CB0F07;
}


h1{
position:relative;
font-family: serif;
text-transform:uppercase ;
font-size:20px;
text-align: center;
padding:0px 25px 5px 25px;
color:#CB0F07;
margin: 5px 0;
background: url(../images/h1.jpg) repeat-x bottom ;
/*border-bottom: 4px solid #CB0F07;*/
}
h3{
text-transform:uppercase ;
font-family: Arial, sans-serif;
font-size:13px;
text-align:center;
color:#fff;
line-height:14px;
margin-top:15px;
}
h2{
font-size:14px;
text-transform:uppercase;
color:#237A35;
padding:2px 5px;
line-height:20px;
background: url(../images/h2.jpg) repeat-x ;
}
h4{
font-size:10px;
}
h5{
font-size:20px;
font-style: italic;
font-variant: small-caps;
color:#8F9600;
}
p{
line-height:16px;
text-align:justify;
margin-bottom : 8px;
/*text-indent:15px;*/
}
tr{
height:25px;
padding:1px;
text-align:left;
vertical-align: bottom;
}
ul.liste {
padding : 5px 0 ;
margin-bottom:20px;
list-style: decimal outside ;
}
ul.dot {
text-indent:15px;
list-style: disc inside ;
}
.biafeu{
font-size:1.1em;
}         
.cboth{
font-size:1px;
height:0px;width:0px;padding:0;
}
table{
height:100%;
}
/*------------ Conteneur -----------*/
#SupCont{
position:relative;
width:770px;
height:auto;
top:10px;
margin:0 auto;
/*border:5px #000 solid;*/
background:#CB0F07 url(../images/background.jpg) repeat-x bottom; 
}
#flashcontent{
position:relative;
width:770px;
height:120px;
background: url(../images/Header.jpg) no-repeat;
text-transform:uppercase ;
}
#flashcontent h3{
margin-left:150px;
}
#bandeau{
width:770px;
height:120px;
}

  #logo{
  position:relative;
  float:left;
  width:220px;
  height:120px;
  }
  #titre{
  position:relative;
  float:left;
  width:580px;
  height:20px;
  top:80px;
  }
#corps{
position:relative;
top:0px;
width:100%;
height:100%;
}
  #menu{
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  font-family: Geneva, Helvetica, sans-serif;
  font-size:12px;
  z-index:1;
  }
  #compo{
  position:relative;
  width:768px;
  background: #fff;
  text-align:center;
  top:35px;
  left:0px;
  margin:0 ;
  padding:1px;
  }
 div#inner_com{
  clear:both;
  border:2px solid #237A35;
  margin:1px;
  padding: 10px;
  }
#bas{
margin-top:50px;
position:relative;
height:70px;
font-family: Arial, sans-serif;
font-weight: bold;
font-size:12px;
line-height:12px;
vertical-align: bottom;
text-align:center;
border-top: 3px #E4E8DD solid;
}
#bas a{
color:#FF7700;
}
#logs{
  border:1px solid #000;
  color : #000;
  background-color : #FFF;
  width : 50%;
  margin : 30px auto 15px auto;

}
/*---------------------- bandeau -------------------------*/
#bandeau h3{margin-top:65px;display:block;font-size:1.2em;}


/*---------------------- Menu -------------------------*/
#menu ul.mainlevel{
  background:url(../images/menubar.gif) repeat-x left -4px ; 
  list-style-type: none;
  color:#fff;
  height : 27px;
  text-transform:uppercase;
  font-weight: bold;
  font-size:12px;
  display:block;
  cursor:pointer;
  padding-left:25px;
}
#menu ul li{
 float: left;display:inline;
 color:#CB0F07;
 text-decoration:none;
}
#menu ul li.mainlevel{
 /*border : 1px solid #000 ;*/
 width:146px;height : 21px;line-height : 21px;
 vertical-align:middle;
}
ul li.mainlevel#listid-1{width:100px;}
ul li.mainlevel#listid-2{width:120px;}
ul li.mainlevel#listid-5{width:100px;}
ul li.mainlevel#listid-7{width:140px;}

#menu ul li a,#menu ul li div{
 text-decoration:none;
 display:block;
 color : #237A35;
 width:100%;
}
#menu ul li a:hover{
  background-color : #FECE5F;
  color:#CB0F07;
}
#menu ul li:hover div,#menu ul li div.lidiv:hover {
  background-color : #BDD7C2;
}
#menu ul li.menu-selected a, #menu ul li.menu-selected div{
  color:#CB0F07;
}
#menu ul.sublevel{
/*  -moz-opacity:0.95; -khtml-opacity: 0.95; opacity: 0.95;*/
  z-index:5;
  list-style-type: none;
  padding-top:1px;
}
#menu ul li.sublevel{
  float:none;
  background-color : #FFF ;
  border-bottom:1px solid #CB0F07;
  border-left:1px solid #CB0F07;
  border-right:1px solid #CB0F07;
  display:block;
  font-size:10px;
 }
#menu ul li.sublevel a{
  display:block;
  position:relative;
  color:#237A35;
  font-size:10px;
  vertical-align:middle;
  height:20px;
  line-height:20px;
 }
#menu ul li.sublevel:hover,
#menu ul li.sublevel a:hover,
#menu ul li#listid-2 li a:hover,
#menu ul li#listid-4 li a:hover
{
  background-color : #FECE5F;
}
#menu ul li.mainlevel:hover ul.sublevel{
  display:block;
  }
#menu ul.sublevel li.menu-selected a{
  color:#CB0F07;
}

/*---------------------- contenu pages -------------------------*/
/*-Accueil-*/
.gen.index #inner_com{
/*padding:45px 0 0 0; basculé en js sur page d'accueil*/
padding:0;
height:360px;
}
#no_flash{
 z-index: 2;
}

.gen.index h2{
padding:0px 5px ;
color : #31AC49;
background-image:none;
border:0;
font-family: serif;
text-transform:uppercase ;
font-size:16px;
text-align: center;
margin: 5px 0;

}
.gen.index p{
text-align:left;
border:0;
font-size:12px;
}

.gen.index table{
text-align:center;
font-size:1.3em;
line-height:20px;
}
.gen.index tr td{
vertical-align: top;
height:360px;
}
td.index{
font-size:1.3em;
text-align:center;
vertical-align: top;
padding:20px 20px 0 20px;
}
#flashanim{
width:320px;
height:360px;
background: url(../images/anim-billes.jpg) left top no-repeat;
border-left:2px solid #237A35;
}
#animlogo{
/*margin-top:70px;*/
}
/*-Contenu-*/
.cont{
position:relative;
float:left;
vertical-align: bottom;
margin:20px 0;
}
/*-Caracteristiques-*/
.pre table tr td{
padding:10px 20px;
margin-left: 30px;
}
.pre h2 {
margin : 15px 0;
}
.pre.caracteristiques .legend{
font-size : 0.9em; padding : 0 20px; font-style:italic;
}
/* page avantage */
.pre.avantages #inner_com{
padding:20px;}
/*-Contact-*/
span.error{color:#FF7700;}
span.success{color:#31AC49;}
form#contact{
text-align:right;width:100%;
background:#fff;
}
form#contact form table{
width:100%;
}
form#contact table tr,form#contact table td{
height:25px;line-height:15px;overflow:hidden;
}
.contactimg{
vertical-align:middle;width:330px;
text-align:center;
}
.zonetxt{
text-align:right;
vertical-align: bottom;
}

/*-Meo-*/
.meo.mise-en-oeuvre #inner_com {padding : 15px 30px;text-align:left;}
.meo.mise-en-oeuvre li,.meo.mise-en-oeuvre p {text-align:justify;padding : 5px 0;}
.meo.mise-en-oeuvre h2{}
.meo.mise-en-oeuvre li{list-style-position : outside; margin-left : 25px;}
.img_schema{
float:right;
margin : 0 0 10px 20px;
}
.meo.schema-installation td{
text-align: center;
vertical-align: text-top;
}
.meo.schema-installation h2{
font-size:14px;
text-transform:uppercase;
color:#237A35;
padding:2px 5px;
line-height:20px;
background:#fff;
}

/*-Mentions legales-*/
.gen.mentions-legales table tr td{padding : 15px;width:50%;vertical-align:top;}

/* Formulaires */
.inputtxt{
text-align:left;
vertical-align: bottom;
}
textarea, select{background-color:#bbb;}
input.resultat{
width:46px;
font-weight: bold;
background:#237A35;
color:#FFF;
padding : 1px 2px;
}
input.radio{
background-color:transparent;
}
input{
text-align:right;
background-color:#bbb;
padding : 1px 2px;
}
.submit{
width:auto;
cursor:pointer;
text-align:center;
line-height:14px;
height:20px;
height:auto;
font-size:0.9em;
font-weight: bold;
padding : 1px 5px;
color : #FFF;margin: 2px 0;
border: 2px #333  outset;
}
#valid{
margin-top:10px;
background-color:#237A35;
}
#clear{
margin-top:10px;
background-color:#CB0F07;
}
.submit:hover{
border: 2px #333  inset;
}
.box{
width:15px;
height:25px;
text-align:left;
}
.result{
background-color:#333333 ;
text-align:center;
color:#fff;
}
/*-Calcul des volumes-*/
td.rules{
padding-left : 50px;
}