/* Page */
html
{
padding:10px;
background-color:#00ffea;
}

body
{
background-color:#00ffea;
margin:auto;
width:1050px;
height:auto;
}

#page
{
background-color:white;
border:black solid 1px;
margin:auto;
width:800px;
height:auto;
}

img
{
border:none;
}

p, h3, h4, h5, ul li
{
font-family:verdana;
}

p, ul li
{
font-size:80%;
}

table tr td
{
font-family:verdana;
font-size:80%;
}


/* Bannière */
#header
{
width:800px;
height:150px;
background-image:url("images/header2.png");
}

#header #header_bandeau
{
width:800px;
height:15px;
background-image:url("images/header_bandeau.png");
position:absolute;
top:145px;
}

#header #header_bandeau #header_date
{
width:50px;
height:15px;
margin:auto;
margin-right:25px;
font-family:verdana;
font-weight:bold;
font-size:70%;
text-align:right;
}


/* Barre de navigation */
#barre_de_navigation
{
width:800px;
height:35px;
background-image:url("images/barre_de_navigation.png");
background-repeat:repeat-x;
}

#barre_de_navigation table
{
margin:auto;
width:auto;
height:35px;
}

#barre_de_navigation table tr td
{
padding-left:10px;
padding-right:10px;
width:auto;
height:35px;
}


/* Contenu */
#titre
{
width:770px;
background-image:url("images/contenu_fond.png");
background-repeat:no-repeat;
}

#titre h3
{
padding-top:10px;
padding-left:10px;
}

#contenu
{
width:800px;
}

#texte
{
overflow:auto;
margin:15px;
width:780px;
}


/* Pied de page */
#footer
{
width:800px;
height:25px;
background-image:url("images/footer.png");
background-repeat:repeat-x;
}

#footer table
{
margin:auto;
width:auto;
height:25px;
}

#footer table tr td
{
padding-left:10px;
padding-right:10px;
width:auto;
height:25px;
}

#partenaires
{
margin:auto;
color:grey;
width:800px;
height:25px;
background-color:#00ffea;
}

#partenaires p
{
margin:auto;
margin-bottom:10px;
width:600px;
height:25px;
}

#partenaires p a
{
text-decoration:none;
color:grey;
}

#partenaires table
{
margin:auto;
width:800px;
height:25px;
}

#partenaires table tr
{
margin:auto;
width:800px;
height:25px;
}

#partenaires table tr td
{
padding-left:10px;
padding-right:10px;
margin:auto;
width:auto;
height:25px;
}

#partenaires table tr td a
{
text-decoration:none;
color:grey;
}


/* Image verrou */
#verrou
{
width:150px;
float:right;
}

#verrou img
{
display:block;
width:78px;
height:125px;
margin-left:15px;;
}


/* Image mobile */
#mobile
{
width:177px;
float:left;
}

#mobile img
{
display:block;
width:118px;
height:168px;
margin-left:15px;
}



/* formulaire */
#formulaire
{

width:570px;
height:300px;
padding:10px;
margin:auto;
background-image:url("images/fond_formulaire.png");
background-repeat:no-repeat;
}

#etapes
{
width:500px;
height:60px;
margin:auto;
}

#etapes img
{
margin-left:20px;
margin-right:20px;
}




/* Temoignages */
#entete_temoignages
{
font-weight:bold;
font-size:80%;
width:770px;
height:20px;
margin:auto;
background-color:#938f8f;
}

#entete_temoignages #nom_temoin
{
color:#595151;
float:left;
margin-left:10px;
}

#entete_temoignages #date_temoin
{
color:#595151;
text-align:right;
margin-right:10px;
}

#temoignages
{
width:768px;
height:auto;
margin:auto;
border: solid #938f8f 1px;
}

#temoignages #message_temoin
{
width:auto;
height:auto;
margin:5px;
}




/* Guide */
#guide_marques
{
margin:auto;
width:550px;
height:180px;
}

#guide_marques ul
{
float:left;
list-style-type:none;
margin:auto;
padding:5px;
width:100px;
height:150px;
}




/* Commandes */
#entete_commandes
{
font-weight:bold;
font-size:80%;
width:770px;
height:20px;
margin:auto;
background-color:#938f8f;
}

#entete_commandes #id_commande
{
color:white;
float:left;
margin-left:10px;
}

#entete_commandes #date_commande
{
color:white;
text-align:right;
margin-right:10px;
}

#statut_commande
{
width:200px;
height:60px;
text-align:right;
margin:auto;
}

#commandes
{
width:768px;
height:auto;
margin:auto;
border: solid #938f8f 1px;
}

#commandes #contenu_commandes
{
width:auto;
height:auto;
margin:5px;
}