/*styles généraux de la page*/
body { margin: 0; text-align: center; font-family: Verdana, Arial, sans-serif; color: #5E5E5E; background-color: #FFFFFF; background-image: url(../images/fond.gif); background-repeat:no-repeat; background-position: center top; }
p { font-size: 10px; color: #5E5E5E; }

#global { margin-left: auto; margin-right: auto; width: 800px; margin-top: 0px; padding-bottom: 10px; text-align: left; }
#contenu { width: 800px; border: 1px solid #C0C0C0; }
/*styles de l'en-tête*/
#en_tete { height: 111px; background-color: white; }
/*.entete { padding: 3px; background-image: url(../images/fond-bleu.jpg); background-repeat:no-repeat; background-position: center top; }  

#en_tete a { color: #393994; padding-left: 0px; margin: 0px 0px 0px 1px; text-decoration: none; }
#en_tete a:hover { color: #A6B126; text-decoration: underline; padding-left: 0px; }
#en_tete a:visited { color: #393994; text-decoration: underline; padding-left: 0px; }
*/
.code { display: block; font-weight:bold; float: right; margin-top: 50px; font-size: 10px; padding-right: 20px; border-right: 1px solid #C0C0C0; }
.code a{ color: #5E5E5E; font-weight:bold; padding-left: 0px; margin: 0px 0px 0px 1px; text-decoration: none; }
.code a:hover { color: #A6B126; text-decoration: underline; padding-left: 0px; }

.logo { float: left; }
.panier { float: right; margin: 45px 0 0 0; font-size: 10px; }
.panier a{ color: #5E5E5E; font-weight:bold; padding-left: 0px; margin: 0px 0px 0px 1px; text-decoration: none; }
.panier a:hover { color: #A6B126; text-decoration: underline; padding-left: 0px; }
.panier img { }

.envoiAmi { float: right; margin: 10px 0 0 0; font-size: 10px; width: 500px; text-align:right; }
.envoiAmi img { vertical-align:middle; padding-left: 20px;}

.envoiAmi a { line-height: 14px; color: #393994; text-decoration: underline; }
.envoiAmi a:hover  { color: #A6B126; text-decoration: underline; }


.retour { display: block; float: right; margin-top: 60px; margin-right: 20px; font-size: 10px; padding-left: 20px; }
.retour li { list-style-image: url(../images/puce_menu.gif); }
.retour li a { color: #8C8C8C; display: block; padding-left: 1px; margin: 0px 0px 0px 1px; text-decoration: none; }
.retour li a:hover { color: #A6B126; text-decoration: underline; padding-left: 1px; }

.article { color: #393994; font-weight: bold; }
a.article { color: #393994; padding-left: 0px; margin: 0px 0px 0px 1px; text-decoration: none; }
a.article a:hover { color: #A6B126; text-decoration: underline; padding-left: 0px; }
a.article a:visited { color: #393994; text-decoration: underline; padding-left: 0px; }

/*styles menu haut*/
#menu_haut { height: 34px; text-align: left; }
#navMain { display: block; margin: 0; padding: 0; background: url(../images/nav.gif) no-repeat left top; height: 34px; }
#navMain:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#navMain { display: inline-table; }
/* Hides from IE-mac \*/
* html #navMain { height: 1%; }
#navMain { display: block; }
/* End hide from IE-mac */

#navMain li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; z-index: 100; }
#navMain a { display: block; margin: 0; padding: 0; height: 34px; text-indent: -5000px; text-decoration: none; }
/* Hides from IE-mac \*/
#navMain a { overflow: hidden; }
/* End hide from IE-mac */
#navMain li#accueil a { display: block; margin: 0; padding: 0; width: 90px; height: 34px; text-indent: -5000px; text-decoration: none; }
#navMain li#qui a { display: block; margin: 0; padding: 0; width: 120px; height: 34px; text-indent: -5000px; text-decoration: none; }
#navMain li#conseils a { display: block; margin: 0; padding: 0; width: 110px; height: 34px; text-indent: -5000px; text-decoration: none; }
#navMain li#carton a { display: block; margin: 0; padding: 0; width: 150px; height: 34px; text-indent: -5000px; text-decoration: none; }
#navMain li#livraison a { display: block; margin: 0; padding: 0; width: 110px; height: 34px; text-indent: -5000px; text-decoration: none; }
#navMain li#contact a { display: block; margin: 0; padding: 0; width: 60px; height: 34px; text-indent: -5000px; text-decoration: none; }


#navMain li.over ul { display: block; }

#navMain li:hover ul { display: block; }
#navMain li#accueil:hover { background: url(../images/nav.gif) no-repeat 0 -34px; }
#navMain li#qui:hover { background: url(../images/nav.gif) no-repeat -90px -34px; }
#navMain li#conseils:hover { background: url(../images/nav.gif) no-repeat -210px -34px; }
#navMain li#carton:hover { background: url(../images/nav.gif) no-repeat -320px -34px; }
#navMain li#livraison:hover { background: url(../images/nav.gif) no-repeat -470px -34px; }
#navMain li#contact:hover { background: url(../images/nav.gif) no-repeat -580px -34px; }
/* styles menu haut prossionnel */
#navMainP { display: block; margin: 0; padding: 0; background: url(../images/navP.gif) no-repeat left top; height: 34px; }
#navMainP:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
#navMainP { display: inline-table; }
/* Hides from IE-mac \*/
* html #navMainP { height: 1%; }
#navMainP { display: block; }
/* End hide from IE-mac */

#navMainP li { display: block; list-style: none; margin: 0; padding: 0; float: left; position: relative; z-index: 100; }
#navMainP a { display: block; margin: 0; padding: 0; height: 39px; text-indent: -5000px; text-decoration: none; }
/* Hides from IE-mac \*/
#navMainP a { overflow: hidden; }
/* End hide from IE-mac */
#navMainP li#accueil a { display: block; margin: 0; padding: 0; width: 90px; height: 39px; text-indent: -5000px; text-decoration: none; }
#navMainP li#tarif a { display: block; margin: 0; padding: 0; width: 100px; height: 39px; text-indent: -5000px; text-decoration: none; }
#navMainP li#contact a { display: block; margin: 0; padding: 0; width: 170px; height: 39px; text-indent: -5000px; text-decoration: none; }
#navMainP li#cgv a { display: block; margin: 0; padding: 0; width: 190px; height: 39px; text-indent: -5000px; text-decoration: none; }

#navMainP li.over ul { display: block; }

#navMainP li:hover ul { display: block; }
#navMainP li#accueil:hover { background: url(../images/navP.gif) no-repeat 0 -39px; }
#navMainP li#tarif:hover { background: url(../images/navP.gif) no-repeat -90px -39px; }
#navMainP li#contact:hover { background: url(../images/navP.gif) no-repeat -190px -39px; }
#navMainP li#cgv:hover { background: url(../images/navP.gif) no-repeat -360px -39px; }


/* styles menu gauche*/

.lien1 { border-bottom: 1px solid #E1E1E1; }
.lien2 { border-bottom: 1px solid #E1E1E1; }
#menu { width: 250px; float: left; margin-bottom: 10px; }
#menu h1 { color: #FFFFFF; font-size: 14px; font-weight: bold; background-color: #394A73; margin: 0px; padding: 10px 0px 13px 10px; }
#menu h2 { font-size: 13px; margin-bottom: 0px; margin-top: 0px; padding-left: 5px; padding-top: 0px; color: #394A73; }
.sous_menu { margin-top: 10px; margin-left: 5px; }
hr { color: #C0C0C0; height: 1px; }
.image { margin-top: 1px; }

a img { border: 0 none; }
img { border: 0 none; }
.petit { font-size: 11px; }
#menu ul { font-size: 10px; font-weight: bold; margin: 5px 5px 5px 5px; padding-left: 15px; padding-top: 0px; }
#menu li { list-style-image: url(../images/puce_menu.gif); }
#menu li a { color: #8C8C8C; display: block; padding-left: 0px; margin: 0px 0px 0px 1px; text-decoration: none; }
#menu li a:hover { color: #A6B126; text-decoration: underline; padding-left: 0px; }


/*styles du corps*/
#corps, #corpsAgence { float: left; font-family: Verdana, Arial, sans-serif; margin-top: 10px; margin-bottom: 5px; margin-right: 0px; margin-left: 5px; width: 410px; }
#corps p { font-size: 11px; color: #5E5E5E; text-align: justify; }
#corps h1 { color: #FFFFFF; font-size: 14px; font-weight: bold; background-color: #394A73; margin-top: 0px; margin-bottom: 0px; padding: 10px 0px 13px 10px; }
#corps h2 { font-size: 13px; font-weight: bold; color: #393994; margin: 0px; padding: 0px; }

#corps h3 { font-size: 13px; font-weight: bold; height: 35px; color: #394A73; margin: 0px; padding: 0px; }
#corps h4 { font-size: 11px; height: 50px; font-weight: bold; color: #5E5E5E; margin-bottom: 0px; margin-top: 0px; padding-left: 0px; }
#totemVideo { float: left; width: 117px; height: 127px; margin: 0px; }

#totemIndex { float: left; width: 115px; height: 569px; margin-left: 5px; border: 1px solid #C0C0C0; margin-top: 0px; background-image: url(../images/particulier-totem1b.jpg); background-repeat:no-repeat;}
#totem1 { float: left; width: 115px; height: 695px; margin-left: 5px; border: 1px solid #C0C0C0; margin-top: 10px; margin-bottom: 10px; background-image: url(../images/particulier-totem1.jpg); background-repeat:no-repeat;}
#totem2 { float: left; width: 115px; height: 550px; margin-left: 12px; border: 1px solid #C0C0C0; margin-top: 10px; background-image: url(../images/particulier-totem2.jpg); background-repeat:no-repeat; }
#totem3 { float: left; width: 115px; height: 550px; margin-left: 12px; border: 1px solid #C0C0C0; margin-top: 10px; background-image: url(../images/particulier-totem3.jpg); background-repeat:no-repeat; }
#totem4 { float: left; width: 115px; height: 550px; margin-left: 12px; border: 1px solid #C0C0C0; margin-top: 10px; background-image: url(../images/particulier-totem4.jpg); background-repeat:no-repeat;}
#totem5 { float: left; width: 115px; height: 550px; margin-left: 12px; border: 1px solid #C0C0C0; margin-top: 10px; background-image: url(../images/particulier-totem5.jpg); background-repeat:no-repeat; }
#totem6 { float: left; width: 115px; height: 550px; margin-left: 12px; border: 1px solid #C0C0C0; margin-top: 10px; background-image: url(../images/particulier-totem6.jpg); background-repeat:no-repeat; }
#totem7 { float: left; width: 115px; height: 550px; margin-left: 12px; border: 1px solid #C0C0C0; margin-top: 10px; background-image: url(../images/particulier-totem1b.jpg); background-repeat:no-repeat; }
#totem8 { float: left; width: 115px; height: 840px; margin-left: 12px; border: 1px solid #C0C0C0; margin-top: 10px; background-image: url(../images/particulier-totem1.jpg); background-repeat:no-repeat; }

#corpsAgence h1 { color: #FFFFFF; font-size: 14px; font-weight: bold; background-color: #394A73; margin-top: 0px; margin-bottom: 0px; padding-top: 10px; padding-left: 10px; }


#corpsGrandcgv { font-family: Verdana, Arial, sans-serif; overflow: auto; height: 540px; margin-top: 10px; margin-bottom: 10px; margin-right: 10px; margin-left: 10px; background-image: url(../images/fondCGV.gif); background-repeat:repeat-y; border-bottom: 1px solid #C0C0C0; padding-bottom: 10px; }
#corpsGrandcgv p { font-size: 11px; margin-right: 5px; margin-left: 10px; margin-bottom: 0px; margin-top: 5px; text-align: justify; }
#corpsGrandcgv h1 { color: #FFFFFF; font-size: 14px; font-weight: bold; height: 30px; background-color: #394A73; margin-top: 0px; margin-bottom: 0px; padding-top: 10px; padding-left: 10px; background-image: url(../images/fondh1CGV.gif); background-repeat:no-repeat; }
#corpsGrandcgv h2 { font-size: 15px; margin-bottom: 0px; margin-top: 20px; padding-left: 10px; padding-top: 0px; color: #394A73; }
#corpsGrandcgv h3 { font-size: 13px; font-weight: bold; color: #5E5E5E; margin-bottom: 0px; margin-top: 10px; padding-left: 10px; padding-top: 0px; }
#corpsGrandcgv ul { list-style-image: url(../images/puce-conseils-utiles.gif); font-size: 11px; padding-left: 30px; margin-left: 30px; margin-top: 5px; padding-top: 0px; padding-bottom: 0px; }
#corpsGrandcgv ul ul { list-style-image: url(../images/puce-conseils-utiles1.gif); font-size: 11px; font-weight: normal; padding-left: 0px; margin-top: 5px; padding-top: 0px; padding-bottom: 0px; }
#corpsGrandcgv li a { text-decoration: underline; }
#corpsGrandcgv li a:hover {text-decoration: underline; }
#corpsGrandcgv a { color: #393994; text-decoration: underline; }
#corpsGrandcgv a:hover { color: #A6B126; text-decoration: underline; }


#corpsGrand { font-family: Verdana, Arial, sans-serif; float: left; font-size: 10px; width: 650px; min-height: 540px; margin-top: 10px; margin-bottom: 10px; margin-right: 0px; margin-left: 5px; background-image: url(../images/fondGC.gif); background-repeat:repeat-y; border-bottom: 1px solid #C0C0C0; padding: 0 0 10px 1px; }
#corpsGrand p { font-size: 11px; margin-right: 5px; margin-left: 10px; margin-bottom: 0px; margin-top: 5px; text-align: justify; }
#corpsGrand h1 { color: #FFFFFF; font-size: 14px; font-weight: bold; height: 30px; background-color: #394A73; margin-top: 0px; margin-bottom: 0px; padding-top: 10px; padding-left: 10px; background-image: url(../images/fondh1GC.gif); background-repeat:no-repeat;  }
#corpsGrand h2 { font-size: 15px; margin-bottom: 0px; margin-top: 20px; padding-left: 10px; padding-top: 0px; color: #394A73; }
#corpsGrand h3 { font-size: 13px; font-weight: bold; color: #5E5E5E; margin-bottom: 0px; margin-top: 10px; padding-left: 10px; padding-top: 0px; }
#corpsGrand h4 { font-size: 13px; font-weight: bold; color: #394A73; margin: 26px 0px 0px 0px; padding-left: 10px; padding-top: 0px; }

#corpsGrand h3.puces { display: list-item;  list-style-image: url(../images/puce_paiement.gif); list-style-position: inside; font-size: 11px; font-weight:bold; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; }
#corpsGrand table.normal { font-size: 10px; margin-left: 5px; width: 590px; }
#corpsGrand table.normal td { font-size: 11px; padding-left: 0px; text-align: center; background-color: #E5E5E5; }
#corpsGrand table.normal th { font-size: 11px; padding: 5px 5px 5px 5px; text-align: left; background-color: #C0C0C0; color: white; }
#corpsGrand table { font-size: 11px; margin-left: 10px; }

.corpsGrand ul { margin-right: 5px; margin-left: 10px; margin-bottom: 0px; margin-top: 5px; }
.corpsGrand li { list-style-image: url(../images/puce-conseils-utiles.gif); font-size: 11px; font-weight: normal; padding-left: 0px; margin-left: 0px; margin-top: 10px; padding-top: 0px; padding-bottom: 0px; }
.corpsGrand1 ul { margin-right: 5px; margin-left: 10px; margin-bottom: 0px; margin-top: 0px; }
.corpsGrand1 li { list-style-image: url(../images/puce-conseils-utiles.gif); font-size: 11px; font-weight: normal; padding-left: 0px; margin-left: 0px; margin-right: 5px; margin-left: 10px; margin-bottom: 0px; margin-top: 0px; }
.corpsGrand1 { margin-top: 5px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; padding-top: 0px; }
.corpsGrand2 { margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px; padding-top: 0px; }
.corpsGrand2 ul { margin-right: 5px; margin-left: 20px; margin-bottom: 0px; margin-top: 0px; }
.corpsGrand2 li { list-style-image: url(../images/puce-conseils-utiles1.gif); font-size: 11px; font-weight: normal; padding-left: 5px; margin-left: 20px; margin-top: 0px; padding-top: 0px; padding-bottom: 0px; }
#corpsGrand li a { text-decoration: underline; font-weight:bold; }
#corpsGrand li a:hover {text-decoration: underline; }
#corpsGrand a { color: #393994; text-decoration: underline; }
#corpsGrand a:hover { color: #A6B126; text-decoration: underline; }

.imagecorps { float: left; }
.cellule { display: inline-block; float: left; margin-top: 0px; margin-right: 0px; margin-left: 3px; margin-bottom: 3px; width: 175px; height: 320px; border: 1px solid #C0C0C0; padding-top: 15px; padding-left: 10px; padding-right: 10px; padding-bottom: 5px; }

.cellule1 { display: inline-block; float: left; width: 360px; margin-top: 0px; margin-right: 0px; margin-left: 0px; margin-bottom: 3px; border: 1px solid #C0C0C0; padding-top: 20px; padding-left: 20px; padding-right: 20px; padding-bottom: 20px; }
.celluleAgence { display: inline-block; float: left; width: 360px;  margin-top: 0px; margin-right: 0px; margin-left: 0px; margin-bottom: 3px; border: 1px solid #C0C0C0; padding-top: 20px; padding-left: 20px; padding-right: 20px; padding-bottom: 20px; }

.cellule2 { display: inline-block; float: left; width: 360px; margin-top: 0px; margin-right: 0px; margin-left: 0px; margin-bottom: 3px; border: 1px solid #C0C0C0; padding-top: 20px; padding-left: 20px; padding-right: 20px; padding-bottom: 20px; background-color: #FFFFFF; }
.cellule3 { display: inline-block; float: left; width: 300px; margin-top: 0px 0px 3px 0px ; padding-top: 0px 20px 20px 0px; }
.cellule4 { display: inline-block; float: left; width: 700px; margin-top: 0px; margin-right: 0px; margin-left: 0px; margin-bottom: 0px; padding-top: 0px; padding-left: 20px; padding-right: 20px; padding-bottom: 0px; }
.cellule5 { display: inline-block; float: left; width: 400px; margin: 0px; padding: 0px; }
.cellule6 { display: inline-block; float: left; width: 200px; margin: 0px; padding: 0px; }
.bas { vertical-align: bottom; }

.prix { font-size: 12px; font-weight: bold; color: #5E5E5E; margin-bottom: 0px; margin-top: 10px; }


/*styles pied page*/
#pied_de_pageCU { width: 780px; text-align: left; padding-left: 10px; padding-right: 10px; padding-bottom: 5px; padding-top: 5px; border-top: 2px solid #46557D; border-right: 1px solid #C0C0C0; border-left: 1px solid #C0C0C0; border-bottom: 1px solid #C0C0C0; font-size: 10px; }
#pied_de_pageCU a { color: #393994; text-decoration: underline; }
#pied_de_pageCU a:hover { color: #A6B126; text-decoration: underline; }

#pied_de_page { clear: left; padding-left: 10px; padding-right: 10px; padding-bottom: 5px; padding-top: 5px; border-top: 2px solid #46557D; font-size: 10px; }
.paiement { display: block; float: right; margin-top: 0px; }
.paiement1 td { text-align: left; vertical-align: middle; }

#pied_de_page img { margin-left: 5px; }
a.pdp { line-height: 14px; color: #393994; text-decoration: underline; }
a:hover.pdp  { color: #A6B126; text-decoration: underline; }
a.actu { color: #393994; text-decoration: underline;}
a:hover.actu { color: #A6B126; text-decoration: underline;}


table.normal a:link { color: #20446B; text-decoration: none; border-color: #000000; }
table.normal a:visited { color: #20446B; text-decoration: none; border-color: #000000; }
table.normal a:active { color: #20446B; text-decoration: none; border-color: #000000; }
table.normal a:hover { color: #909090; text-decoration: none; border-color: #000000; }

input[type=text], input[type="password"] { font-size: 11px; background-color: #E8E8E8; border: 1px solid #808080; margin-bottom:2px; }
input[type=submit], input[type=button] { border-right: #7f9db9 1px solid; border-top: #7f9db9 1px solid; font-size: 11px; background-image: url(../images/fondBouton.gif); border-left: #7f9db9 1px solid; color: black; border-bottom: #7f9db9 1px solid; }
.bouton, .suivant, .precedent { border-right: #7f9db9 1px solid; border-top: #7f9db9 1px solid; font-size: 11px; background-image: url(../images/fondBouton.gif); margin: 1px; border-left: #7f9db9 1px solid; color: black; border-bottom: #7f9db9 1px solid; }
.radioBouton label{ width:auto; }
form { margin: 0px; }
label {display:inline-block; width: 100px; color:#5E5E5E; font-size: 11px; }
textarea, select {font-size: 11px; background-color: #E8E8E8; border: 1px solid #808080; font-family: Arial, sans-serif;}
.alerte { display:block; margin-top:5px; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold; color: #A6B126; }
.erreur { display:block; margin-top:5px; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold; color: #FF3300; }


input.codePro  { border-width:0px; width:60px; background-color:#ffffff;}
 
#globalenvoi { margin-left: auto; margin-right: auto; width: 600px; margin-top: 0px; padding-bottom: 10px; text-align: left; background-color:#ffffff; }

#globalenvoi { font-size: 11px; padding: 0px; margin: 0px; text-align:left; background-color:#ffffff; }
#envoi-ami { float:left; padding: 10px; width: 270px; background-color:#ffffff;}
#envoi-ami1 { float:left; padding: 10px; margin-top: 130px; width: 290px; background-color:#ffffff;}
#envoi-ami1 table.normal { font-size: 11px; margin-left: 5px; width: 280px; }
#envoi-ami1 table.normal td { font-size: 11px; padding-left: 10px; text-align: left; background-color: #E5E5E5; }
#envoi-ami1 table.normal th { font-size: 11px; padding: 5px 5px 5px 5px; text-align: left; background-color: #C0C0C0; color: white; }
#envoi-ami1 table { font-size: 11px; margin-left: 10px; }
.envoi-amilogo { padding-bottom: 20px; }

.boutonPaiement { text-align:right; padding-top: 0px; padding-bottom: 0px; height:40px; vertical-align:middle; }
.zoneRembourse { clear:both; text-align:center; padding-left: 40px;}