* 
{
margin: 0px; 
padding: 0px;
}

body 
{
padding-bottom: 50px;
padding: 0px;
background-color: #333333;
}

a img 
{
border: none;
}

.p-centre
{
text-align: center;
}

#super_conteneur
{
position: absolute;
width: 780px;
left: 50%;
margin-left: -390px;
top: 35%;
margin-top: -150px;
background-color: #FFFFFF;
height: 400px;
}

/* En-tete*/


#en_tete
{
background-image:url("images/entete.gif");
background-repeat: no-repeat;
background-color: #FFFFFF;
height: 80px;
border: 1px solid black;
border-bottom: 0px;
}

.logo
{
position: absolute;
padding-left: 40px;
padding-top: 10px;
}

.telephone
{
padding-left: 640px;
padding-top: 8px;
}

/* En-tete > Formulaire */



.login
{
padding-left: 520px;
padding-top: 0px;
}


#formulaire
{
display: inline;
padding-top: 10px;
float: right;
width: 390px;
}

#formulaire img
{
display: bloc;
float: left;
padding-top: 0px;

}

INPUT 
{
display: inline;
float: left;
color: #333333;
background-color: #F6F6F6;
font-size: 10px;
font-family: arial;
margin-left: 10px;
width: 80px;
}


#banniere
{
background-image:url("images/baniere1.jpg");
background-repeat: no-repeat;
height: 85px;
border: 1px solid black;
border-bottom: 0px;
border-top: 0px;
}

.img-contact
{
padding-left: 654px;
padding-top: 64px;
width: 53px;
height: 15px;
}

#conteneur
{
position: absolute;
background-color: #666666;
width: 778px;
border: 1px solid black;
border-top: 0px;
}

#sous_conteneur
{
background-image:url("images/barre-pre-footer.gif");
background-repeat: repeat-x;
background-position: left bottom;
background-color: #FFFFFF;
height: 290px;
width: 760px;
margin-left: 10px;
margin-top: 10px;
top: 10px;


}

#gauche
{
position: absolute;
float: left;
background-color: #FFFFFF;
height: 250px;
width: 60px;
margin-left: 10px;
margin-top: 10px;
}

#vignette1
{
margin-top: 1px;
margin-left: 0px;
}

#vignette2
{
margin-top: 5px;
margin-left: 0px;
}

#vignette3
{
margin-top: 5px;
margin-left: 0px;
}

#vignette4
{
margin-top: 5px;
margin-left: 0px;
}


#milieu
{
position: absolute;
float: left;
background-color: #FFFFFF;
height: 250px;
width: 300px;
margin-left: 80px;
margin-top: 10px;
border: 1px solid #999999;
text-align: center;
}

#gyrovue
{
font-family: Arial, Verdana, serif;
font-size: 12px;
}


#droite
{
position: absolute;
background-color: #FFFFFF;
height: 250px;
width: 350px;
margin-left: 400px;
margin-top: 10px;
border: 0px solid #999999;
}


/* Menu */

#menu
{
margin-top: 0px;
margin-left: 0px;
}


#menu ul 
{
display: inline;
list-style-type: none;
padding-left:0px;
margin-left:0px;
font-family: Arial, Verdana, serif;
background-color: #FFFFFF;
font-size: 12px;
padding-top: 10px;
}

#menu li 
{
padding-left: 10px;
padding-right: 10px;
padding-top: 1px;
padding-bottom: 1px;
text-align: center;
}

li.bouton
{
float : left;
border-bottom : 1px solid #999999;
height: 20px;
}

li.bouton a
{
float : left;
height: 20px;
color: #669900;
text-decoration: none;
}

li.bouton a:hover
{
color: #5282B1;
text-decoration: none;
}


li.bouton_actif
{
float : left;
border-bottom : 0px solid white;
border-top : 1px solid #999999;
border-right : 1px solid #999999;
border-left : 1px solid #999999;
height: 20px;
}

li.bouton_actif a
{
float : left;
height: 20px;
color: #5282B1;
text-decoration: none;
}

li.bouton_actif a:hover
{
color: #5282B1;
text-decoration: none;
border-bottom : 1px solid white;
}


/* Fin Menu */

/* Texte */

#texte
{
width: 350px;
margin-top: 40px;
font-family: Arial, Verdana, serif;
font-size: 11px;
text-align: justify;
}


#liste_index ul
{
padding-top: 10px;
padding-bottom: 20px;
padding-left: 100px;
list-style-image: url("images/fleche-verte.gif");
}

#liste_qualite ul
{
padding-top: 10px;
padding-bottom: 5px;
padding-left: 30px;
list-style-image: url("images/fleche-verte.gif");
line-height: 20px;
}

#liste_contact ul
{
padding-top: 10px;
padding-bottom: 5px;
padding-left: 70px;
list-style-image: url("images/fleche-verte.gif");
line-height: 20px;
}

.list2
{
padding-left: 100px;
line-height: 15px;
}

#liste_compatibilite ul
{
padding-top: 10px;
padding-bottom: 0px;
padding-left: 30px;
list-style-image: url("images/ok.gif");
line-height: 20px;
}


.marque
{
text-align: right;
font-style: italic;
color: #666666;
}

/* Fin Texte */

#footer
{
background-image:url("images/valid.gif");
background-repeat: no-repeat;
background-position: right center;
background-color: #666666;
width: 760px;
margin-left: 10px;
font-family: Arial, Verdana, serif;
font-size: 10px;
padding-top: 5px;
padding-bottom: 5px;
color: #FFFFFF;
text-align: center;
}

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


/* Messages d'Erreurs*/

#erreur-champs, #erreur-login, #erreur-mdp, #toujours-connecte
{
position: absolute;
width: 400px;
left: 50%;
margin-left: -200px;
top: 30%;
margin-top: -150px;
height: 400px;
font-family: Arial, Verdana, serif;
font-size: 10px;
color: #FFFFFF;
text-align: center;
}

#toujours-connecte a
{
color: white;
}

/* Info Bulle Compatibilite*/

a.info
{
text-decoration: none;
border-bottom: 1px gray dotted;
color: black;
}


a.info:hover 
{
border-bottom: 0px;
cursor: default;
text-decoration: none;
border-bottom: 1px gray dotted;
}

a.info span 
{
display: none;
text-decoration: none;
color: black;
} 

a.info:hover span 
{
display: block; 
position: absolute; 
top: 180px;
left: 20px;
width: 270px;
height: 80px;
border : 1px dotted #99CB33;
padding-top: 0px;
padding-right: 5px;
padding-left: 5px;
} 

/* Fin Info Bulle Compatibilite */

.integration-contact
{
margin-top: 20px;
text-align: center;
}

.integration-contact a
{
text-decoration: none;
border-bottom: 1px gray dotted;
color: black;
}

.integration-contact a:hover 
{
text-decoration: none;
border-bottom: 1px gray dotted;
color: black;
}

#info
{
position: absolute;
width: 700px;
left: 50%;
margin-left: -350px;
height: 30px;
border: 0px white dotted;
top: 35%;
margin-top: 360px;
font-family: Arial, Verdana, serif;
font-size: 12px;
color: #FFFFFF;
text-align: center;
line-height: 20px;
font-style: italic;
}


.manipulez
{
vertical-align: middle;
margin-right: 10px;
color: #666666;
}

.manipulez img
{
vertical-align: middle;
margin-right: 10px;
}