/***********************************************************************
                                 Commun 
***********************************************************************/

/*******
   ok
*******/

body
{

font-size: 80%;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #ffffff;
}

/*******
   ok
*******/

body, img, div, p, ul, li, a, form, input, select, br, hr, label, span
{
margin: 0;
padding: 0;
border: 0;
}

/*******
   ok
*******/

input.court
{
background-color: #ffffff;
width: 43px;
font-size: 14px;
border: 1px solid #000000;
}

/*******
   ok
*******/

input.moyen
{
background-color: #ffffff;
width: 108px;
font-size: 14px;
border: 1px solid #000000;
}

/*******
   ok
*******/

input.long
{
background-color: #ffffff;
width: 168px;
font-size: 14px;
border: 1px solid #000000;
}

/*******
   ok
*******/

select.court
{
background-color: #ffffff;
width: 50px;
font-size: 12px;
border: 1px solid #000000;
}

/*******
   ok
*******/

select.moyen
{
background-color: #ffffff;
width: 110px;
font-size: 12px;
border: 1px solid #000000;
}

/*******
   ok
*******/

select.long
{
background-color: #ffffff;
width: 145px;
font-size: 12px;
border: 1px solid #000000;
}

/*******
   ok
*******/

textarea.court
{
background-color: #ffffff;
width: 50px;
height: 30px;
font-size: 14px;
border: 1px solid #000000;
}

/*******
   ok
*******/

textarea.moyen
{
background-color: #ffffff;
width: 110px;
height: 70px;
font-size: 14px;
border: 1px solid #000000;
}

/*******
   ok
*******/

textarea.long
{
background-color: #ffffff;
width: 240px;
height: 90px;
font-size: 14px;
border: 1px solid #000000;
}

/*******
   ok
*******/

.msg
{
color: #b52c2c;
font-weight:bold;
}

/*******
   ok
*******/

.rouge
{
color: #b52c2c;
}

.msgok
{
color: #b52c2c;
}

/***********************************************************************
                               ensemble
***********************************************************************/

/***************
       ok
****************/

#container
{
background-color: #000000;
margin: 0 auto 0 auto;
width: 800px;
min-height:100%;
height:100%;
}

/***************
       ok
****************/

#container br
{
clear: both;
visibility: hidden;
}

#container hr
{
clear: both;
/* visibility: hidden; */
}

/***********************************************************************
                               index haut
***********************************************************************/

/**************
    a revoir
***************/

#logobdc
{
background-image: url(../img/logoban2.jpg);
background-repeat: no-repeat;
height: 97px;
}

/**************
    a revoir
***************/

#logobdc p#index
{
background-image: url(../img/x.jpg);
background-repeat: no-repeat;
float: left;
width: 460px;
height: 97px;
}

/**************
    a revoir
***************/

#logobdc p#devis
{
float: left;
width: 294px;
height: 35px;
padding: 62px 0 0 27px;
}

/**************
    a revoir
***************/

#logobdc p#devis a
{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-weight:bold;
color: #ffffff;
text-decoration: none;
}

/**************
    a revoir
***************/

#logobdc p#devis a:hover
{
color: #ffffff;
font-weight: bold;
text-decoration: underline overline;
background-color: #9c7b5a;
}
#logobdc span#devis2 a:hover
{
color: #ffffff;
font-weight: bold;
text-decoration: underline overline;
background-color: #D0792A;
}
/***************
       ok
****************/

#menu ul
{
height: 24px;
list-style-type: none;
}

/***************
       ok
****************/

#menu li
{
float: left;
}

/***************
       ok
****************/

#menu li a.long
{
display: block;
width: 160px;
height: 20px;
padding: 4px 0 0 0;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #b52c2c;
font-size: 12px;
font-weight:bold;
color: #ffffff;
text-decoration: none;
}
#menu li a.court
{
display: block;
width: 80px;
height: 20px;
padding: 4px 0 0 0;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #b52c2c;
font-size: 12px;
font-weight:bold;
color: #ffffff;
text-decoration: none;
}
/***************
       ok
****************/

#menu li a:hover
{
color: #ffffff;
height: 20px;
padding: 4px 0 0 0;
font-weight: normal;
text-decoration: underline overline;
background-color: #810808;
}

/***************
       ok
****************/

#ban
{
background-image: url(../img/ban.jpg);
background-repeat: no-repeat;
height: 129px;
padding: 6px 0 0 0;
}

#login
{
float: right;
text-align: center;
width: 227px;
height: 123px;
}

#login a
{
/*color: #B52C2C; /* rouge*/
color: #FF9933;
/* height: 20px; */
/* padding: 4px 0 0 0; */
font-weight:normal;
/* text-decoration: underline overline; */
background-color: #798A54;
}

#login a:hover
{
color: #ffffff;
height: 20px;
/* padding: 4px 0 0 0; */
font-weight: normal;
 text-decoration: underline overline; 
/* background-color: #798A54; */
}

#login p.msg
{
height: 23px;
}

#login p.style1
{
height: 20px;
}

/***********************************************************************
                           index avec col1 et col2
***********************************************************************/

/***************
       ok
****************/

#vban
{
float: left;
width: 61px;
height: 309px;
background-image: url(../img/vban1.jpg);
background-repeat: no-repeat;
}

/***************
       ok
****************/

#col1
{
float: left;
width: 393px;
height: 317px;
background-color: #453b34;
margin: 0 0 0 6px;
}

/***************
       ok
****************/

#col2
{
float: left;
width: 334px;
height: 100%;
background-color: #9c7b5a;
margin: 0 0 0 6px;
}

/***************
       ok
****************/

#col1 p
{
padding: 20px 60px 0 60px;
text-align: justify;
color: #c8d1b8;
}

/***************
       ok
****************/

#col1 p.style1
{
font-weight:bold;
font-size: 16px;
}

/***************
       ok
****************/

#col1 p.style2
{
font-size: 11px;
}

/***************
       ok
****************/

#col2 p.style3
{
background-color:#d0792a; 
padding: 10px 30px 15px 20px;
text-align: justify;
font-weight:bold;
font-size: 16px;
}

/***************
       ok
****************/

#col2 p.msg
{
height: 45px;
text-align: center;
}

/***************
       ok
****************/

#col2 p.form1
{
float: left;
width: 167px;
height: 35px;
padding: 10px 0 0 0;
text-align: right;
font-size: 11px;
}

/***************
       ok
****************/

#col2 p.form2
{ 
float: left;
width: 157px;
height: 37px;
padding: 8px 0 0 10px;
text-align: left;
}


/***************
       ok
****************/

#col2 p.form3
{ 
float: left;
width: 157px;
height: 37px;
padding: 8px 0 0 10px;
text-align: left;
background-image: url(../img/france.jpg);
background-repeat: no-repeat;
background-position: center;
background-position: top;
}

/***********************************************************************
                               index avec col3
***********************************************************************/

/**************
    a revoir
***************/

#col3
{
float: left;
background-color: #9c7b5a;
width: 670px;
padding: 10px 60px 0 70px;
}

col3 #titre
{
float: left;
width: 670px;
text-align: center;
}

col3 #form
{
float: left;
width: 670px;
}

#titre p.msg
{
width: 670px;
text-align: left;
padding: 10px 0 10px 0;
}

#titre p.style0
{
width: 670px;
text-align: justify;
padding: 5px 0 5px 0;
}

#form p.style1
{
float: left;
width: 135px;
text-align: right;
padding: 5px 0 5px 0;
/* border: 2px solid red; */
}

#form p.style2
{
float: left;
width: 520px;
text-align: left;
padding: 5px 0 5px 15px;
/* border: 2px solid blue; */
}

#form p.style3
{
float: right;
width: 200px;
text-align: left;
padding: 5px 0 5px 15px;
}

#titre2 p.msg
{
width: 300px;
text-align: left;
padding: 10px 0 10px 0;
}

#titre2 p.style0
{
width: 300px;
text-align: justify;
padding: 5px 0 5px 0;
}
#form2 p.style1
{
float: left;
width: 135px;
text-align: right;
padding: 5px 0 5px 0;
/* border: 2px solid red; */
}

#form2 p.style2
{
float: left;
width: 300px;
text-align: left;
padding: 5px 0 5px 15px;
/* border: 2px solid blue; */
}

#form2 p.style3
{
float: right;
width: 135px;
text-align: left;
padding: 5px 0 5px 15px;
}

#col3 p.style3 input
{
cursor: pointer;
}

#col3 p.button
{
float: left;
color: red;
width: 135px;
text-align: right;
padding: 5px 0 5px 0;
}

#col3 p.button input
{
background-color: #798A54;
color: #FFFFFF;
cursor: pointer;
}

#col3 .produit
{
float: left;
width: 223px;
}

#col3 .allproduit
{
float: left;
width: 670px;
}

#col3 table.canton2
{
width: 669px;
}

#col3 table.tdcanton
{
width: 223px;
}

#col3 table.canton1
{
width: 669px;
background-color: #482c2c;
}
table.listep td{margin: 0; padding: 3px;}
/***********************************************************************
                               index bas
***********************************************************************/

/**************
    ok
***************/

#footer 
{
width: 800px;
min-height: 100%;
height:100%;
background-color: #482c2c;
/*padding: 10px 75px 10px 75px;
margin: 6px 0 0 0;*/
text-align: center;
font-size: 11px;
}