body {margin: 0; padding: 0; background: #fff}
img {border: none}
#center {text-align: center;}
#contener {width: 982px; font: 0.75em arial, sans-serif; text-align: left; margin-left: auto; margin-right: auto;}
a {color: black; text-decoration: none}
a:visited {color: black; text-decoration: none}
a:hover {color: black; text-decoration: underline}

#bandeau {background: #000000 url(img/fond_bandeau.gif) repeat-x top left; height: 174px; width: 956px; padding: 0 0 10px 26px}
#bandeau p.logo {float: left; background: url(img/fond_logo.gif) repeat-x top left; width: 130px; padding: 15px 24px 0 24px; margin: 0}
#bandeau h1 {float: left; margin: 61px 80px 0 34px;}
div#anim_langues {float: left; width: 318px; margin: 61px 0 0 0;}
p#langues {float: right; margin: 5px 0 0 0}
p#langues img {margin-left: 13px}


/*footer*/
#nav_bot {border-top: 1px solid #8C8C8C;padding: 15px 0 5px 0; margin: 15px 20px 19px 10px; color: #666666; font-size: 110%}
#nav_bot a {float: left; color: #666666; text-decoration: none}
#nav_bot a:visited {color: #666666; text-decoration: none}
#nav_bot a:hover {color: #666666; text-decoration: none}
#nav_bot span {float: right}

/*PARTIE GAUCHE*/
.left {display: inline; width: 175px; float: left; margin: 0 0 0 26px; padding: 24px 0 0 0;}
.fond_nav {background: url(img/fond_contener.gif) repeat-y 0 0}
#navigation {width: 138px; margin: 0 0 50px 19px;}



.bghome {background-color: #DAE6EB;}
.bghome_chemin {background-color: #DAE6EB;}
.bgcatalogue_bleu {background-color: #DAEAF6}
.bgcatalogue_vert {background-color: #F4FFC5}
.bgcatalogue_rouge{background-color: #FFD7AA}
.bgcatalogue_violet {background-color: #FFD7FF}

/*titres de navigation*/
.left h2 {font-size: 110%; padding: 2px 0 2px 16px; margin: 9px 0 0 0; border-top: 1px solid;}
.left h2.catalogue {border-color: #FF0000; margin: 0}
.left h2.boite {border-color: #FFB316}
.left h2.groupe {border-color: #0D2B88}
.left h2.partenaires {border-color: #59B224}

/*liens de lisqte navigation*/
.left ul {font-size: 100%;letter-spacing: 0.010em; list-style: none; margin: 0; padding: 0;}
.left ul li {margin-left: 2px; padding-left:10px}
.left ul li a {text-decoration: none; color: #000000}
.left ul li a:visited {text-decoration: none; color: #000000}
.left ul li a:hover{text-decoration: none; color: #FF0000}
/*tableau formulaire partenaires*/
.left table#form {width: 118px; font-size: 100%; margin-left: 12px}
.left table#form td.aide {text-align: right}
.left table#form input {font-size: 110%; width: 116px; margin: 2px 0 0; border: 1px solid #000000}
.left table#form input.pass {width: 76px;}
.left table#form a {color: #59B224; text-decoration: none}
.left table#form img#ok {margin-top: 3px}



/*PARTIE DROITE*/
.right {width: 100%; padding: 0 28px 0 34px; /*border: 1px solid red*/}
/*titre principal/choix langues*/
.right h1 {font-size: 270%; font-weight: bold; color: #0D2B88; padding-top: 4px; margin: 0 0 20px 0}
.right p#langues {margin: 0 0 12px 0; padding: 0}
.right p#langues img {margin-right: 15px}
.right p#langues img.fle {margin-right: 7px}



/*titre page*/
.right h2 {color: #000000;font-size: 125%; font-weight: bold; padding: 5px 0 10px 17px; margin: 6px 0 0 0;  border-top: 1px solid #8C8C8C;margin-top:20px;}
.right h2.home {font-size: 125%; font-weight: bold; background: url(img/fle_red_tt.gif) no-repeat 0 80%; padding: 2px 0 0 17px; margin: 0;}
.right h2.cat_bleu {background: url(img/fle_blue.gif) no-repeat 0 40%;}
.right h2.cat_vert {background: url(img/fle_green.gif) no-repeat 0 40%;}
.right h2.cat_rouge {background: url(img/fle_red.gif) no-repeat 0 40%;}
.right h2.cat_violet {background: url(img/fle_purp.gif) no-repeat 0 40%;}
.right h2.boite {color: #FF8400; background: url(img/fle_or.gif) no-repeat 0 40%;}
.right h2.groupe {color: #0D2B88; background: url(img/fle_blue.gif) no-repeat 0 40%;}
.right h2.part {color: #59B224; background: url(img/fle_green.gif) no-repeat 0 40%;}
/*chemin*/
.right h4 {display: inline; font-size: 110%; color: #666666; background: url(img/fle_grey.gif) no-repeat 0 0.15em; padding: 0 0 0 16px; margin:0 15px 0 0;}

/* retour*/
.right .retour {margin:0; text-align: right; padding-top: 5px}
.right .retour a {color: red; font-weight: bold; text-decoration: none; background: url(img/fle_red_back.gif) no-repeat 100% 50%; padding: 0 15px 0 0; margin:0}
.right .retour_none {margin:0; height: 15px}
.right .chemin {float: left; color: #66737B; font-size: 120%; font-weight: bold; margin-top: 4px}

/* titre filet*/
.right #titre_filet {background: url(img/pix_gris.gif) 0 80% repeat-x; margin: 0;}
.right #titre_filet span {font-size: 125%; font-weight: bold; color: #000000; background: #DAE6EB url(img/fle_black_tt.gif) no-repeat 0 40%; padding: 0 0 0 17px; margin: 0 0 0 0;}

/*catalogue*/
.right .vignettes_catal {margin: 0; height: 350px}
.right .vignettes_catal p {float: left; width: 148px; text-align: center; margin: 10px 20px 142px 0;}



/*detail catalogue*/
table {border: none;}
div#liste_prod_left, table#liste_prod_right {float: left; width: 180px; margin: 20px 0 0 0;}
div#liste_prod_left img {margin-bottom: 45px}
table#liste_prod_right td {vertical-align: top; padding: 0 38px 5px 0}
table#liste_prod_right td.last {padding-right: 0}


table.detail_produit td {vertical-align: middle; text-align: center; padding-bottom: 40px}
table.detail_produit td.centre {width: 180px}

table.detail_produit,
table.chiffres_produit_bleu,
table.chiffres_produit_vert,
table.chiffres_produit_rouge,
table.chiffres_produit_violet {width:100%; margin-bottom: 40px}

table.chiffres_produit_bleu,
table.chiffres_produit_vert,
table.chiffres_produit_rouge,
table.chiffres_produit_violet {text-align: center}

table.chiffres_produit_bleu thead {background-color: #0065D1; color: white}
table.chiffres_produit_bleu col.bleu {background-color: #B8C0F4;}

table.chiffres_produit_vert thead {background-color: #39C50B; color: white}
table.chiffres_produit_vert col.vert {background-color: #BBF0C0;}

table.chiffres_produit_rouge thead {background-color: #EB0023; color: white}
table.chiffres_produit_rouge col.rouge {background-color: #FFC4B4;}

table.chiffres_produit_violet thead {background-color: #9200D1; color: white}
table.chiffres_produit_violet col.violet {background-color: #F4B8F1;}

table.chiffres_produit_bleu col.ref,
table.chiffres_produit_vert col.ref,
table.chiffres_produit_rouge col.ref,
table.chiffres_produit_violet col.ref {font-weight: bold; text-align: left; padding-left: 5px; width: 19%}

table.chiffres_produit_bleu td {border-bottom: 1px solid #3B83DC}
table.chiffres_produit_vert td {border-bottom: 1px solid #6ED84C}
table.chiffres_produit_rouge td {border-bottom: 1px solid #FF2C44}
table.chiffres_produit_violet td {border-bottom: 1px solid #B13BDC}

div#prod_gch {width: 250px; float: left; text-align: center}
div#prod_gch img {margin-bottom: 40px}
p.pictos {margin:15px 0 20px 20px; text-align: left}
p.pictos img {margin-right: 15px}
div#prod_dr {width: 380px; float: right}
div#prod_dr p.legende {text-align: right;}
div#prod_dr p.legende span.centre {vertical-align: super;}
div#prod_dr p.legende img {margin-left: 25px}

div#liens_gch {float: left; padding-left: 72px;}
div#liens_gch img {margin: 60px 0 60px}
div#liens_dr {float: right; width: 337px;}
div#liens_dr img.fle_link {margin-right: 16px;margin-bottom: 5px}
div#liens_dr p.link {margin: 0 0 32px 25px; font-size: 120%;}
div#liens_dr p.link a {color: #0D2B88; text-decoration: none}
div#liens_dr p.link a:visited {color: #0D2B88; text-decoration: none}
div#liens_dr p.link a:hover  {color: #0D2B88; text-decoration: none}



/*notices*/
div#not_gch {width: 188px; float: left;}
div#not_dr {width: 522px; float: right;}
div#not_dr table.notices {width: 100%; border-top: 1px solid #8C8C8C; font-weight: bold; margin-bottom: 40px}
div#not_dr table.notices col.pic {width: 8%; text-align: right;}
div#not_dr table.notices col.telecharge {width: 28%}
div#not_dr table.notices td {border-bottom: 1px solid #8C8C8C; padding: 6px 0}
div#not_dr table.notices td.nom {padding-left: 4px}
div#not_dr table.notices img.pic {margin-right: 4px}

/* infos sécurité*/
div#securite {font-size: 110%; padding-left: 16px}
p.filet {clear: both; background: url(img/pix_or.gif) 0 80% repeat-x; margin: 0;}
p.filet strong {background: #DAE6EB; margin-right: 3px}
div.securite_cent {width: 405px; margin: 24px 0 24px 128px;}
div.securite_cent p.encadr {float: left; text-align: right; border: 1px solid #FF8706; width: 242px; padding: 8px 14px}
div.securite_cent img.plus {float: right; margin: 15px 0 0 15px}
div.securite_cent p span {margin: 0; float: left; text-align: left}
div.securite_cent2 {clear: both; width: 405px; margin: 24px 0 10px 128px; border: 1px solid #FF8706;}
div.securite_cent2 p.tete {border-bottom: 1px solid #FF8706; padding: 5px 9px 5px 18px; margin: 0}
div.securite_cent2 p.tete img {margin-left: 100px}
div.securite_cent2 p.bas {padding: 8px 14px; margin: 0}
p.bt {margin: 0 0 0 415px; width: 118px;}
div.secu  {margin: 14px 0 0 128px;}
div.secu p  {float: left; width: 183px; text-align: right; margin: 0 25px 14px 0;}
div.secu p img.bt {margin-top: 10px}

/*partenaires*/
div#part_gch {width: 280px; float: left; font-size: 115%; padding-left: 35px}
div#part_gch p {margin: 0;}
div#part_gch p.filet {margin: 0; background: url(img/pix_gris.gif) repeat-x 50px 60%}
div#part_gch p span, div#part_gch p span.filet {background: #DAE6EB; padding: 0 2px 0 4px }
div#part_gch img {margin:0; vertical-align: -7px}
div#part_dr {width: 359px; float: right; padding-left: 35px; border-left: 1px solid #8F8F8F; margin-bottom: 24px}
p#part_dr {width: 247px; float: right; color: #8C8C8C; background: url(img/fle_grey_part.gif) no-repeat 0 50%; padding-left: 35px; margin:190px 5px 0 0}
/*tableau*/
div#part_dr table.zip {width: 100%;}
div#part_dr table.zip td {width: 50%}
div#part_dr table.zip td.pic {text-align: right; vertical-align: top; padding-top: 15px}
div#part_dr table.zip td.pic img {margin-bottom: 20px}
div#part_dr table.zip td.border {border-top: 1px solid #8C8C8C}
div#part_dr table.zip td.visuel {padding-bottom: 15px}
div#part_dr table.zip p {margin: 0 0 15px 0;width:100px; float: left; text-align: left}


/*Couleurs*/
/*liens fleche bleue*/
.right .vignettes_catal p a.txtbleu {text-decoration: none; color: black; font-weight: normal; font-size: 90%; display: inline; margin: 0; padding-left: 15px;background: url(img/fle_blue.gif) no-repeat 0 1px;}
.right .vignettes_catal p a.txtvert {text-decoration: none; color: black; font-weight: normal; font-size: 90%; display: inline; margin: 0; padding-left: 15px; background: url(img/fle_green.gif) no-repeat 0 1px;}
.right .vignettes_catal p a.txtrouge {text-decoration: none; color: black; font-weight: normal; font-size: 90%; display: inline; margin: 0; padding-left: 15px; background: url(img/fle_red.gif) no-repeat 0 1px;}
.right .vignettes_catal p a.txtviolet {text-decoration: none; color: black; font-weight: normal; font-size: 90%; display: inline; margin: 0; padding-left: 15px; background: url(img/fle_purp.gif) no-repeat 0 1px;}
.right .vignettes_catal p a.txtbleu:visited,
.right .vignettes_catal p a.txtvert:visited,
.right .vignettes_catal p a.txtrouge:visited,
.right .vignettes_catal p a.txtviolet:visited {text-decoration: none; color: black;}
.right .vignettes_catal p a.txtbleu:hover,
.right .vignettes_catal p a.txtvert:hover,
.right .vignettes_catal p a.txtrouge:hover,
.right .vignettes_catal p a.txtviolet:hover {text-decoration: none; color: black;}

/*texte avec fleche bleue sans lien*/
.txtbleu {text-align: left;text-decoration: none; color: black; font-weight: normal; font-size: 100%; display: block; margin: 0; padding-left: 15px; background: url(img/fle_blue.gif) no-repeat 0 2px;}

/*lien caracteres minuscules*/
a.txtbleu {text-align: left;text-decoration: none; color: black; font-weight: normal; font-size: 100%; display: block; margin: 0; padding-left: 15px; background: url(img/fle_blue.gif) no-repeat 0 2px;}
a.txtvert {text-align: left;text-decoration: none; color: black; font-weight: normal; font-size: 100%; display: block; margin: 0; padding-left: 15px; background: url(img/fle_green.gif) no-repeat 0 2px;}
a.txtrouge{text-align: left;text-decoration: none; color: black; font-weight: normal; font-size: 100%; display: block; margin: 0; padding-left: 15px; background: url(img/fle_red.gif) no-repeat 0 2px;}
a.txtviolet{text-align: left;text-decoration: none; color: black; font-weight: normal; font-size: 100%; display: block; margin: 0; padding-left: 15px; background: url(img/fle_purp.gif) no-repeat 0 2px;}
a.txtbleu:visited, a.txtvert:visited, a.txtrouge:visited, a.txtviolet:visited  {text-decoration: none; color: black;}
a.txtbleu:hover, a.txtvert:hover, a.txtrouge:hover, a.txtviolet:hover {text-decoration: none; color: black;}
/*image cadre bleu*/
img.bleu {border: 1px solid #0D2B88; margin:0 0 5px 0}
img.vert {border: 1px solid #59B224; margin:0 0 5px 0}
img.rouge{border: 1px solid #FF0000; margin:0 0 5px 0}
img.violet{border: 1px solid #9A00FF; margin:0 0 5px 0}


/*CONTACT*/
fieldset {border: 1px solid #0D2B88; padding: 10px; margin-bottom: 1em}
legend {color: #0D2B88; font-size: 110%}
label {margin-right: 10px}
input.texte{width: 150px}
table.contact {width: 80%}
table.contact td {width: 25%;; padding: 5px 0 5px 0}
table.contact td.trois {padding-left: 30px}
input.sub {margin-left: 10px; background: #0D2B88; color: white; font-weight: bold}

/*INFOS LEGALES*/
p#infos {margin: 80px 0 245px 15px; width: 70% }

td {vertical-align: top}

/*AIDE*/
div#aide {padding: 1em}
div#aide p {text-align: right; margin-top :2em}


/* HOME liens textes /vignettes accueil */
#produits_home {background: url(img/fond_prod_home.gif) no-repeat; width: 718px; height: 240px; padding: 0; margin: 0}

.right h3 {font-size: 110%; padding: 0; margin:3px 0 3px 0; float: left; width: 177px;}
.right h3  img {margin-top: 5px}
.right h3 a {display: block;text-align: center}
.right h3.bleu {width: 175px}
.right h3.bleu a {text-decoration: none; color: #0D2C89;}
.right h3.bleu a:visited {text-decoration: none; color: #0D2C89;}
.right h3.bleu a:hover {text-decoration: none; color: #0D2C89;}
.right h3.vert {width: 175px}
.right h3.vert a {text-decoration: none; color: #59B224;}
.right h3.vert a:visited {text-decoration: none; color: #59B224;}
.right h3.vert a:hover {text-decoration: none; color: #59B224;}
.right h3.rouge {width: 180px}
.right h3.rouge a {text-decoration: none; color: #FE0000;}
.right h3.rouge a:visited {text-decoration: none; color: #FE0000;}
.right h3.rouge a:hover {text-decoration: none; color: #FE0000;}
.right h3.violet {color: #9A00FF;{width: 175px}
.right h3.violet a {text-decoration: none; color: #9A00FF;}
.right h3.violet a:visited {text-decoration: none; color: #9A00FF;}
.right h3.violet a:hover {text-decoration: none; color: #9A00FF;}


/* HOME zone basse homepage*/
div#actu, div#part    {float: left}





/*INDEX NO FLASH*/
#logos {margin: 23px 0 96px 0}
#bas {margin: 92px 0 0 0; width: 255px; margin-right: auto; margin-left: auto}
#bas img {float: left;}
#bas img.marge {margin-right: 15px}
#bas img.fle_dr {margin: 10px 0 0 15px}
#bas img.fle_gch {margin: 10px 15px 0 0}
#langues_acc {float: left; border-top: 1px solid #757575; padding-top: 8px;}
#langues_acc img.marge {margin-right: 15px}