/* Mise en forme du body */



body { background-color:#fff; background-image:url(../images/bg/bg.gif); background-position: top; background-repeat: repeat-x; margin: 0px 0px 0px 0px;}

bodygrisfonce { background-image: url(../images/bg/bodygris.gif); background-position: center top; background-repeat: no-repeat; background-color:#575757; margin: 0px 0px 0px 0px;}

bodygris { background-color:#575757; margin: 0px 0px 0px 0px;}

bodynoir { background-image: url(../images/bg/body_jpg.jpg); background-position: center top; background-repeat: no-repeat; background-color:#333333; margin: 0px 0px 0px 0px;}

bodyblue { background-image: url(../images/bg/body2_jpg.jpg); background-position: center top; background-repeat: no-repeat; background-color:#030460; margin: 0px 0px 0px 0px;}
bodybleuu { background-image: url(../images/bg/fond_bleu.jpg); background-position: center top; background-repeat: no-repeat; background-color:#030460; margin: 0px 0px 0px 0px;}

    



/* ID(#) - Mise en forme de la page en DIV -  */

#drapeaux { margin-top: 10px; margin-left: auto; margin-right: auto; margin-bottom:0; height:45px; width: 855px; padding: 0px 0px 0px 0px;}

#header { margin-top: 10px; margin-left: auto; margin-right: auto; margin-bottom:0; height:130px; width: 980px; background-image:url(../images/top1.png); padding: 0px 0px 0px 0px;}

#menu { margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0; height: 42px; width: 748px; background-image:url(../images/bgMenuH.gif); padding-left: 116px; padding-right: 116px;}

#contenuBg {margin-top:0px; margin-left:auto; margin-right:auto; margin-bottom:0; height:auto; width: 980px; background-image:url(../images/contenuBg.gif); background-repeat: repeat-y; padding: 0px 0px 0px 0px;}


#boiteMenuG{float: left; width: 182px; height: auto; margin-top:0px; padding: 0px 0px 0px 0px;}
#boiteMenuG a:link {color: #336699; text-decoration: none;}
#boiteMenuG a:visited {color: #1a4863; text-decoration: none;}
#boiteMenuG a:hover {color: #0066ff; text-decoration: underline;}

#boiteMenuD{float: left; width: 161px; height: auto; margin-top: 0px; padding: 0px 0px 0px 0px;}
#boiteMenuD a:link {color: #336699; text-decoration: none;}
#boiteMenuD a:visited {color: #1a4863; text-decoration: none;}
#boiteMenuD a:hover {color: #0066ff; text-decoration: underline;}



#boiteTexte{float: left; width: 637px; height: auto; padding: 0px 0px 0px 0px; background-image:url(../images/contenuBgTop.gif); background-position: left top; background-repeat: repeat-x; margin-left: 0px;  margin-right: 0px;}
#boiteTexteRecherche{float: left; width: 819px; height: auto; padding: 0px 0px 0px 0px; background-image:url(../images/contenuBgTop.gif); background-position: left top; background-repeat: repeat-x; margin-left: 0px;  margin-right: 0px;}
#boiteTexte a:link {color: #336699; text-decoration: none;}
#boiteTexte a:visited {color: #1a4863; text-decoration: none;}
#boiteTexte a:hover {color: #0066ff; text-decoration: underline;}



#footer {margin-top:0; margin-left:auto; margin-right:auto; margin-bottom:0; height: 55px; width: 980px; background-image:url(../images/footer.gif); background-repeat: no-repeat;}
#footer a:link {color: #0066ff; text-decoration: none;}
#footer a:visited {color: #0066ff; text-decoration: none;}
#footer a:hover {color: #1a4863; text-decoration: underline;}



#copyright {margin-top:0; margin-left:auto; margin-right:auto; margin-bottom:0; height: 32px; width: 980px; text-align:center; background-color: #fff; padding-top: 12px;}
#copyright a:link {color: #0066ff; text-decoration: none;}
#copyright a:visited {color: #0066ff; text-decoration: none;}
#copyright a:hover {color: #1a4863; text-decoration: underline;}

.spacer {
  clear: both;
}

/* CLASS - Mise en forme des textes */

p {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333333;}

ul { padding:0; margin:auto; margin: 0px 0px 0px 0px;}
ul li { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; display:inline; list-style-type: none; }

/* Liste des produits */

.titreP {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #ffffff; font-weight: normal;}
.descriptionP {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #0066ff; font-weight: bold; padding-left: 30px;}
.disponibiliteP {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333333; font-weight: normal; padding-left: 20px;}
.prixP {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #ec0000; font-weight: bold; text-align: right; text-align: center;}

/* Titre */

.titre {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #3a689b; font-weight: bold;}
.titreMenu {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #ffffff; font-weight: bold;}
.elementMenu {margin: 0px 0px 0px 0px; padding-top:0px; padding-bottom: 4px;}

/* Autre textes */

.texte12 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #336699;}
.texte {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333333;}
.textePetit {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: #333333;}
.textePetit2 {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #333333;}


/* Liens par défault */

a:link {color: #1a4863; text-decoration: none;}
a:visited {color: #1a4863; text-decoration: none;}
a:hover {color: #0066ff; text-decoration: none;}

/* Liens pour MENU DES ONGLETS - Doir être appliqué sur la cellule <td> ou tableau est non sur le texte*/

.menu a:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #1a4f6c; text-decoration: none;}
.menu a:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #1a4f6c; text-decoration: none;}
.menu a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #000; text-decoration: none;}
.menu{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: #000; text-decoration: none; text-align:center;}


/* Liens pour le menu vertical RUBRIQUE - Doir être appliqué sur la cellule <td> ou tableau ou DIV est non sur le texte*/

.rubriqueD a:link { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;  color: #5e7a1c; text-decoration: none; font-weight: bold;}
.rubriqueD a:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;  color: #5e7a1c; text-decoration: none; font-weight: bold;}
.rubriqueD a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #383c47; text-decoration: none; font-weight: bold;}
.rubriqueD{font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #383c47; text-decoration: none; text-align:left; font-weight: bold;}


/* A appliquer a form */

.formulaire {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #4e4e4e; border: 0px; background-color: #fff; margin: 0px 0px 0px 0px; padding-top: 15px; padding-left:23px;}
.boiteFormulaire {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: #000; border: 1px solid #afc0c8; background-color: #fff; padding-top:1px; padding-bottom:1px; padding-left: 5px; font-weight:normal;}
.formMenu {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; color:#383c47; font-weight:normal; margin: 0px 0px 0px 0px;}
















table.formul {width: 100%;}
table.formul th {color: #333366;}
table.formul td {color: #333333;}
table.formul td.info {color: #333366;}
table.formul td.libelle {text-align: right;color: #333333; font-weight:bold;}

.gris_main {margin:0px; padding: 0px;background: #EEEEEE;width: 100%;}
.gris_top {height: 12px; width: 100%;background: #EEEEEE url(../images/vpc/haut_droit.gif) no-repeat right top;color: #333399; font-weight:bold;}
.gris_top img {vertical-align: top;}
.gris_bottom {height: 12px; width: 100%;background: #EEEEEE url(../images/vpc/bas_droit.gif) no-repeat right bottom;}
.gris_bottom img {vertical-align: bottom;}