/* CSS Document */

/*Structure Generale*/
body{
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#565658;
    padding:0;
    margin:0;
    background:url(/charte/wallpaper/wallpaper.gif) top center no-repeat #175179;
}

#conteneur{
    width:980px;
    margin:0 auto 0 auto;
    padding:0;
}

.spacer{
    clear:both;
}

a{
    color:#2386cb;
}

/*Header*/
#partager{
    position:absolute;
    background:url(header/fd-partager.jpg) no-repeat 0 0;
    height:325px;
    width:36px;
    margin:0 0 0 1008px;
    *margin:0 0 0 640px;
    padding:23px 0 0 0;
}

#partager ul{
    margin:0px;
    padding:0;
}

#partager ul li{
    list-style:none;
}

#partager ul li.twitter{
}

#partager ul li.twitter a, #partager ul li.facebook a, #partager ul li.google a, #partager ul li.mail a, #partager ul li.messenger a, #partager ul li.viadeo a, #partager ul li.linkedin a, #partager ul li.impression a{
    width:33px;
    height:30px;
    display:block;
    margin:5px 0 0 0;
}

#partager ul li.twitter a{
    background: url(header/picto-partager.gif) no-repeat 0 0px;
}

#partager ul li.facebook a{
    background: url(header/picto-partager.gif) no-repeat 0 -34px;
}

#partager ul li.google a{
    background: url(header/picto-partager.gif) no-repeat 0 -68px;
}

#partager ul li.mail a{
    background: url(header/picto-partager.gif) no-repeat 0 -102px;
}

#partager ul li.messenger a{
    background: url(header/picto-partager.gif) no-repeat 0 -136px;
}

#partager ul li.viadeo a{
    background: url(header/picto-partager.gif) no-repeat 0 -171px;
}

#partager ul li.linkedin a{
    background: url(header/picto-partager.gif) no-repeat 0 -204px;
}

#partager ul li.impression a{
    background: url(header/picto-partager.gif) no-repeat 0 -237px;
}

#partager ul li.twitter a:hover{
    background: url(header/picto-partager.gif) no-repeat  -33px 0;
}

#partager ul li.facebook a:hover{
    background: url(header/picto-partager.gif) no-repeat  -33px -34px;
}

#partager ul li.google a:hover{
    background: url(header/picto-partager.gif) no-repeat  -33px -68px;
}

#partager ul li.mail a:hover{
    background: url(header/picto-partager.gif) no-repeat  -33px -102px;
}
#partager ul li.messenger a:hover{
    background: url(header/picto-partager.gif) no-repeat  -33px -136px;
}

#partager ul li.viadeo a:hover{
    background: url(header/picto-partager.gif) no-repeat  -33px -171px;
}

#partager ul li.linkedin a:hover{
    background: url(header/picto-partager.gif) no-repeat  -33px -204px;
}

#partager ul li.impression a:hover{
    background: url(header/picto-partager.gif) no-repeat  -33px -237px;
}
#header{
    width:980px;
    padding:0;
    margin:0;
}

#header #logo{
    float:left;
    width:420px;
    height:112px;
    padding:0;
    margin:0 288px 0 0;
}

#header #newsletter{
    float:left;
    width:239px;
    *width:242px;
    height:47px;
    margin:25px 10px 0 0;
    *margin:25px 5px 0 0;
    padding:0 0 0 23px;
    background:url(/charte/header/fd-nl.gif) 0 0 no-repeat;
}

#newsletter input.nl-ok/*, #recherche input.nl-ok*/{
    float:right;
    width:22px;
    height:22px;
    background:url(/charte/header/b-nl-ok.gif) 0 -22px no-repeat;
    border:none;
    margin:0 0 0 5px;
    padding:0 0 3px 0;
    color:#ffffff;
    font-size:10px;
    text-align:center;
    cursor:pointer;
}

#newsletter input:hover.nl-ok/*, #recherche input:hover.nl-ok*/{
    background:url(/charte/header/b-nl-ok.gif) 0 0 no-repeat;
}

#header #langues{
    float:right;
    width:211px;
    height:25px;
    background:url(/charte/header/fd-langues.gif) 0 0 no-repeat;
    color:#ffffff;
    font-size:10px;
    text-align:center;
    margin:0;
    padding:15px 0 0 0;
}

#langues a{
    color:#ffffff;
    text-decoration:none;
}

#langues a:hover, #langues a.select{
    color:#f7944a;
    text-decoration:none;
}
/*
#recherche{
        width:183px;
        height:47px;
        margin:25px 0 0 5px;
        *margin:25px 0 0 0;
        padding:0 0 0 23px;
        background:url(/charte/header/fd-recherche.gif) 0 0 no-repeat;
}
*/

/*Menu G�n�rique*/
#menu{
    width:980px;
    height:58px;
    background:url(/charte/header/menu/fond.gif) 0 0 no-repeat;
}

#menu ul{
    padding:0;
    margin:0;
}

#menu ul li{
    float:left;
    height:58px;
    padding:0;
    margin:0;
    list-style:none;
}

#menu ul li a{
    float:left;
    list-style:none;
    color:#ffffff;
    line-height:14px;
    font-weight:bold;
    text-decoration:none;
    background-image:url(/charte/header/menu/puce.gif);
    background-repeat:no-repeat;
}

#menu ul li a.menu1, #menu ul li a.menu1_select{
    width:148px;
    height:43px;
    padding:15px 0 0 55px;
    margin:0 2px 0 0;
    background-position:25px 17px;
}

#menu ul li a.menu2, #menu ul li a.menu2_select{
    width:165px;
    height:43px;
    padding:15px 0 0 35px;
    margin:0 2px 0 0;
    background-position:7px 17px;
}

#menu ul li a.menu3, #menu ul li a.menu3_select{
    width:156px;
    height:36px;
    padding:22px 0 0 37px;
    margin:0 2px 0 0;
    background-position:9px 17px;
}

#menu ul li a.menu4, #menu ul li a.menu4_select{
    width:155px;
    height:36px;
    padding:22px 0 0 40px;
    margin:0 2px 0 0;
    background-position:12px 17px;
}

#menu ul li a.menu5, #menu ul li a.menu5_select{
    width:129px;
    height:43px;
    padding:15px 0 0 50px;
    margin:0;
    background-position:22px 17px;
}

#menu ul li a.menu3_2l, #menu ul li a.menu3_2l_select{
    width:156px;
    height:43px;
    padding:15px 0 0 37px;
    margin:0 2px 0 0;
    background-position:9px 17px;
}

#menu ul li a.menu4_2l, #menu ul li a.menu4_2l_select{
    width:155px;
    height:43px;
    padding:15px 0 0 40px;
    margin:0 2px 0 0;
    background-position:12px 17px;
}

#menu ul li a.menu5_1l, #menu ul li a.menu5_1l_select{
    width:129px;
    height:36px;
    padding:22px 0 0 50px;
    margin:0;
    background-position:22px 17px;
}

#menu ul li a.menu5_3l, #menu ul li a.menu5_3l_select{
    width:129px;
    height:49px;
    padding:9px 0 0 50px;
    margin:0;
    background-position:22px 17px;
}


#menu ul li a:hover, #menu ul li a.menu1_select, #menu ul li a.menu2_select, #menu ul li a.menu3_select, #menu ul li a.menu4_select, #menu ul li a.menu5_select{
    background-image:url(/charte/header/menu/puce_on.gif);
}

/*Menu Home*/
#menu-home{
    float:left;
    width:980px;
    height:106px;
    background:url(/charte/structure-generale/sepa.gif) bottom center no-repeat;
    padding:0 0 14px 0;
}

#menu-home ul{
    padding:0;
    margin:0
}

#menu-home ul li{
    float:left;
    padding:0;
    margin:0;
    list-style:none;
}

#menu-home ul li a{
    float:left;
    width:180px;
    height:94px;
    padding:12px 0 0 60px;
    margin:0 6px 0 0;
    background-repeat:no-repeat;
    text-align:center;
    text-decoration:none;
    font-size:13px;
    line-height:14px;
    font-weight:bold;
    background-position:0 -106px;
    color:#ffffff;
}

#menu-home ul li a:hover{
    background-position:0 0;
}

#menu-home ul li a p{
    padding:0;
    margin:0 0 7px 0;
    font-size:11px;
    line-height:13px;
    font-weight:normal;
}

#menu-home ul li a span{
    font-size:12px;
}

#menu-home ul li a.menu1{
    background-image:url(/charte/home/menu/menu1.gif);
}

#menu-home ul li a.menu2{
    background-image:url(/charte/home/menu/menu2.gif);
}

#menu-home ul li a.menu3, #menu-home ul li a.menu3_2l{
    background-image:url(/charte/home/menu/menu3.gif);
}

#menu-home ul li a.menu4, #menu-home ul li a.menu4_2l{
    background-image:url(/charte/home/menu/menu4.gif);
    margin:0;
}

#menu-home ul li a.menu3, #menu-home ul li a.menu4{
    padding:20px 0 0 60px;
    height:86px;
}

#menu-home ul li a.menu3 p, #menu-home ul li a.menu4 p{
    padding:6px 0 0 0;
}

#menu-home ul li a.menu3_2l p, #menu-home ul li a.menu4_2l p{
    padding:0;
}

/*Animation home*/
#animation-home{
    width:980px;
    height:373px;
    padding:0;
    margin:0 0 11px 0;
}

/*Contenu*/
#contenu{
    width:980px;
    min-height:400px;
    background:url(/charte/pages/angle-contenu.gif) right bottom no-repeat #ffffff;
    padding:0 0 25px 0;
    line-height:14px;
}

#fd{
    width:910px;
    padding:25px 35px 0 35px;
    margin:0;
}

#fd-solution{
    width:910px;
    padding:25px 35px 0 35px;
    margin:0;
    background:url(/charte/pages/visuels/fd-solution.jpg) 0 10px no-repeat;
}

#fd-qui{
    width:945px;
    padding:25px 0 0 35px;
    margin:0;
    background:url(/charte/pages/visuels/fd-qui.gif) 0 10px no-repeat;
}

#fd-test{
    width:945px;
    padding:25px 0 0 35px;
    margin:0;
    background:url(/charte/pages/visuels/fd-test.gif) 0 10px no-repeat;
}

#fd-temoignage{
    width:945px;
    padding:25px 0 0 35px;
    margin:0;
    background:url(/charte/pages/visuels/fd-temoignage.jpg) 0 10px no-repeat;
}

#fd-contact{
    width:945px;
    padding:25px 35px 0 35px;
    margin:0;
    background:url(/charte/pages/visuels/fd-contact.gif) 0 10px no-repeat;
}

#fd-achat{
    width:945px;
    padding:35px 0 0 35px;
    margin:0;
    background:url(/charte/pages/visuels/fd-achat.gif) 0 10px no-repeat;
}

#contenu h1{
    display:inline;
    padding:0;
    margin:0;
    font-weight:normal;
}

#contenu h1.comme_h2{
    display:block;
    padding:0;
    margin:0 0 10px 0;
    color:#2386cb;
    font-size:22px;
    line-height:22px;
    font-weight:normal;
}

#contenu h1.comme_h3{
    display:inline-block;
    padding:4px 0 0 30px;
    height:25px;
    margin:0 0 10px 0;
    color:#2386cb;
    font-size:15px;
    background:url(/charte/pages/fleche-blc.gif) 0 0 no-repeat;
}

#contenu h1.comme_h4, #contenu h2.comme_h4{
    display:inline-block;
    padding:0;
    margin:0;
    color:#2386cb;
    font-size:15px;
    font-weight:normal;
}

#contenu h2, #contenu h1.comme_h2{
    display:block;
    padding:0;
    margin:0 0 10px 0;
    color:#2386cb;
    font-size:22px;
    line-height:22px;
    font-weight:normal;
}

#contenu h3{
    display:inline-block;
    padding:4px 0 0 30px;
    height:25px;
    margin:0 0 10px 0;
    color:#2386cb;
    font-size:15px;
    background:url(/charte/pages/fleche-blc.gif) 0 0 no-repeat;
}

#contenu h4{
    display:inline-block;
    padding:0;
    margin:0;
    color:#2386cb;
    font-size:15px;
    font-weight:normal;
}

#contenu span{
    color:#2386cb;
}

.visuelG{
    float:left;
    margin:0 20px 0 0;
}

.visuelD{
    float:right;
    margin:0 0 0 20px;
}

.infos-client{
    float:left;
    width:900px;
    padding:0 0 10px 0;
    margin:0 0 0 10px 0;
    background:url(/charte/pages/pointille.gif) left bottom repeat-x;
}

.infos-client img{
    float:left;
    margin:4px 10px 0 0 ;
}

.infos-client #qui{
    height:60px;
    margin:20px 0 0 0;
    *margin:20px 0 0 -532px;
    overflow:hidden;
}

.infos-client #continent{
    height:130px;
    *height:140px;
    margin:20px 0 0 169px;
    *margin:20px 0 0 -363px;
    overflow-x:hidden;
}

.infos-client #pays{
    margin:20px 0 0 338px;
    *margin:20px 0 0 -194px;
    overflow-x:hidden;
}


/*Coupons*/
.colonne545{
    float:left;
    width:545px;
    min-height:440px;
    _height:440px;
    padding:0;
    margin:0 10px 0 0;
}

.colonne545 p{
    font-size:16px;
    line-height:18px;
    color:#2487cc;
    padding:0;
    margin:0;
}

.colonne545 p.recherche{
    font-size:16px;
    line-height:18px;
    color:#2487cc;
    height:25px;
    padding:5px 0 0 0;
    margin:0;
    text-align:center;
    background:url(/charte/pages/fd-recherche.gif) 0 0 no-repeat;
}

.colonne545 ul{
    padding:0;
    margin:0;
}

.colonne545 ul li{
    float:left;
    width:163px;
    min-height:100px;
    _height:100px;
    margin:0 0 15px 0;
    padding:0 15px 15px 0;
    list-style:none;
    border-bottom:1px solid #cccccc;
}

.colonne545 ul li a{
    color:#000;
}

.colonne545 ul li a:hover{
    text-decoration:none;
}

.titre-num{
    float:right;
    width:319px;
    font-size:14px;
    color:#2487cc;
    padding:0 0 15px 0;
    background:url(/charte/pages/visuels/fd-titre.gif) bottom center no-repeat;
    text-align:center;
}

#contenu .titre-num span{
    display:inline-block;
    width:24px;
    height:24px;
    margin:0 12px 0 0;
    padding:5px 0 0 0;
    color:#ffffff;
    font-weight:bold;
    font-size:14px;
    background:url(/charte/pages/visuels/numero.gif) 0 0 no-repeat;
    text-align:center;
}

.echantillon{
    float:left;
    width:545px;
    background:url(/charte/pages/pointille.gif) left bottom repeat-x;
    padding:5px 0 10px 0;
    margin:0;
}

.echantillon .coupon{
    float:left;
    padding:0;
    margin:0;
    cursor:pointer;
}

.echantillon .descriptif{
    float:left;
    width:446px;
    /*width:300px;*/
    padding:0;
    margin:18px 0 0 0;
    font-size:11px;
}

.descriptif p{
    font-size:15px;
    font-weight:bold;
    padding:0;
    margin:0 0 3px 0;
    cursor:pointer;
}

.descriptif p.rouge{
    color:#cb0012;
    font-size:13px;
    font-weight:normal;
    margin:6px 0 0 0;
    padding:0;
    cursor:auto;
}
.descriptif-droit{
    float:left;
}

.descriptif img{
    cursor:pointer;
}

.descriptif ul{
    padding:0;
    margin:3px 0 0 0;
}

.descriptif ul li{
    float:left;
    width:41px;
    height:17px;
    min-height:inherit;
    border:none;
    text-align:center;
    list-style:none;
    padding:2px 0 0 0;
    margin:0 3px 0 0;
    color:#3f3f41;
    background:url(/charte/pages/fd-tarifs.gif) 0 0 no-repeat;
}

.descriptif img.product-3p{
    float:left;
    margin:5px 0 0 55px;
}

.echantillon a.demande{
    float:left;
    width:99px;
    padding:30px 0 0 0;
    margin:40px 0 0 0;
    text-align:center;
    color:#3f3f41;
    background:url(/charte/pages/echantillon/checkbox.gif) top center no-repeat;
    text-decoration:none;
}

.echantillon a:hover.demande, .echantillon a.demande_select{
    /*background:url(/charte/pages/echantillon/checkbox_on.gif) top center no-repeat;*/
    color:#278ceb;
}

.echantillon a.demande_select, .echantillon a.demande_selectok{
    float:left;
    width:99px;
    padding:30px 0 0 0;
    margin:40px 0 0 0;
    text-align:center;
    background:url(/charte/pages/echantillon/checkbox_on.gif) top center no-repeat;
    color:#278ceb;
    text-decoration:none;
}

.echantillon a.demande strong, .echantillon a.demande_select strong, .echantillon a.demande_selectok strong{
    font-size:18px;
}

/*Formulaire coupon*/
.colonne375{
    float:left;
    width:375px;
    padding:0;
    background:#ffffff;
}

#tabber{
    position:absolute;
    margin:0 0 0 560px;
    width:375px;
    *position:relative;
    *margin:0;
}

.colonne375 form{
    float:left;
    width:340px;
    background:url(/charte/pages/arrondi-grisB.gif) bottom left no-repeat #e7e7e7;
    padding:15px 15px 15px 20px;
    *padding:15px 15px 15px 20px;
    _padding:15px 10px 15px 20px;
    margin:0;
    *margin:-10px 0 0 0;
    font-size:11px;
    color:#000000;
}

#tabber.colonne375 form{
    *margin:0;
}

.colonne375 form p{
    font-size:16px;
    line-height:18px;
    color:#2487cc;
    padding:0;
    margin:0;
}

.form_nl{
    color:#565658;
    padding:15px 0 15px 0;
    margin:0;
    background:url(/charte/pages/pointille-gris.gif) top left repeat-x;
}

.form_nl input{
    float:left;
    margin:0 10px 3px 0
}

.input_submit, .input_submit_inverse:hover{
    display:block;
    width:332px;
    height:23px;
    background:url(/charte/placeholder/submit.gif) 0 -23px no-repeat;
    border:none;
    color:#ffffff;
    padding:0 0 3px 0;
    margin:0;
    cursor:pointer;
}

.input_submit:hover, .input_submit_inverse{
    display:block;
    width:332px;
    height:23px;
    background:url(/charte/placeholder/submit.gif) 0 0 no-repeat;
    border:none;
    color:#2487cc;
    padding:0 0 3px 0;
    cursor:pointer;
}

#contenu p.conditions{
    text-align:center;
    color:#565658;
    font-size:10px;
    line-height:11px;
}

#etapes{
    height:243px;
    padding:0;
    margin:0;
    background:url(/charte/pages/visuels/etape_idee.jpg) left bottom no-repeat;
}


#etapes.en{
    background:url(/charte/pages/visuels/etape_idee_en.jpg) left bottom no-repeat;
}

#etapes.de{
    background:url(/charte/pages/visuels/etape_idee_de.jpg) left bottom no-repeat;
}

#etapes.es{
    background:url(/charte/pages/visuels/etape_idee_es.jpg) left bottom no-repeat;
}


#etapes ul{
    padding:0;
    margin:0;
}

#etapes ul li{
    float:left;
    height:40px;
    padding:0 0 0 35px;
    margin:0 35px 20px 0;
    list-style:none;
    background:url(/charte/pages/fleche-bleue.gif) 0 0 no-repeat;
}

.bulle{
    float:right;
    width:275px;
    height:153px;
    background:url(/charte/pages/visuels/fd-brunet.jpg) 0 20px no-repeat;
    padding:45px 0 0 160px;
    color:#000000;
}

.bulle p{
    font-size:16px;
    line-height:18px;
    color:#2487cc;
    padding:0;
    margin:0;
}

#contenu .bulle span{
    font-size:11px;
    color:#717171;
    padding:0;
    margin:0;
}

.echanges{
    padding:20px 0 0 20px;
    color:#2487cc;
    font-size:14px;
}

.echanges p{
    margin:0 0 10px 40px;
}

#controls{
    position:absolute;
    width:26px;
    height:220px;
    margin:0 10px 0 0;
    *margin:0 10px 0 -465px;
}

#controls input{
    margin:0 0 5px 0;
}

#main-container{
    float:left;
    clear:both;
    width:400px;
    margin:0 0 0 35px;
}

#mooquee1{
    color:#565658;
    font-size:12px;
}

#mooquee1 em{
    color:#717171;
    font-size:11px;
}

.question{
    width:400px;
    padding:0 0 10px 0;
    background:url(/charte/pages/pointille.gif) bottom left repeat-x;
}

#mooquee1 .question strong{
    color:#008deb;
    font-size:13px;
}

.reponse{
    width:375px;
    padding:10px 0 10px 25px;
    background:url(/charte/pages/fd-reponse.gif) top left repeat-y;
}

#mooquee1 .reponse strong{
    color:#fb953d;
    font-size:13px;
}

.solutions{
    width:100%;
    background:url(/charte/pages/pied-sol.gif) bottom left repeat-x;
    padding:0 0 25px 0;
}

.colonne-sol{
    float:left;
    width:319px;
    padding:0;
    margin:0 25px 0 0;
    color:#000000;
}

.colonne-sol p{
    display:block;
    height:42px;
    padding:10px 0 0 0;
    margin:0;
    text-align:center;
    color:#828282;
    font-size:14px;
    background:url(/charte/pages/fd-sol.gif) top left no-repeat;
}

.zone-boutons{
    float:left;
    width:220px;
    padding:24px 0 0 27px;
    margin:37px 0 0 0;
    border-top:1px solid #bcbcbd;
}

/*Bouton General*/
.bouton{
    display:block;
    width:216px;
    height:38px;
    padding:0;
    margin:0;
    font-size:14px;
    text-align:center;
}

.bouton a.gris{
    display:block;
    width:206px;
    height:26px;
    padding:12px 0 0 10px;
    margin:0;
    background:url(/charte/structure-generale/bouton.gif) 0 0 no-repeat;
    color:#828282;
    text-decoration:none;
}

.bouton a:hover.gris{
    color:#ffffff;
    background:url(/charte/structure-generale/bouton.gif) 0 -38px no-repeat;
}

.bouton a.bleu{
    display:block;
    width:206px;
    height:26px;
    padding:12px 0 0 10px;
    margin:0;
    color:#ffffff;
    background:url(/charte/structure-generale/bouton.gif) 0 -38px no-repeat;
    text-decoration:none;
}

.bouton a:hover.bleu{
    color:#828282;
    background:url(/charte/structure-generale/bouton.gif) 0 0 no-repeat;
}

.bouton-pt a{
    float:left;
    width:179px;
    height:18px;
    padding:6px 0 0 0;
    text-align:center;
    margin:0;
    color:#ffffff;
    background:url(/charte/structure-generale/bouton-pt.gif) 0 -24px no-repeat;
    text-decoration:none;
}

.bouton-pt a:hover{
    color:#2386cb;
    background:url(/charte/structure-generale/bouton-pt.gif) 0 0 no-repeat;
}


/*Footer*/
#footer{
    width:820px;
    padding:5px 80px 0 80px;
    margin:10px 0 0 0;
    color:#a7a7a7;
    text-align:center;
}

#footer span{
    display:inline-block;
    width:6px;
    height:6px;
    margin:0 20px 0 20px;
    background:url(/charte/footer/sepa-gris.gif) 0 0 no-repeat;
}

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

#footer a:hover{
    text-decoration:underline;
}

#footer a.fb{
    float:right;
    width:28px;
    height:27px;
    padding:0;
    margin:-5px 0 0 5px;
    background:url(/charte/footer/reseau-fb.gif) 0 -27px no-repeat;
}

#footer a:hover.fb{
    background:url(/charte/footer/reseau-fb.gif) 0 0 no-repeat;
}

#footer a.yt{
    float:right;
    width:28px;
    height:27px;
    padding:0;
    margin:-5px 0 0 5px;
    background:url(/charte/footer/reseau-yt.gif) 0 -27px no-repeat;
}

#footer a:hover.yt{
    background:url(/charte/footer/reseau-yt.gif) 0 0 no-repeat;
}

#footer-produits{
    display:block;
    width:960px;
    padding:15px 10px 15px 10px;
    margin:10px 0 20px 0;
    text-align:left;
    background:url(/charte/footer/fond.gif) left bottom no-repeat #3d3d3d;
}

#footer-produits p{
    display:block;
    color:#7bc1ea;
    font-size:14px;
    line-height:16px;
    text-align:center;
    padding:0;
    margin:0 0 15px 0;
}

#footer-produits h2{
    display:inline;
    color:#ffffff;
    text-decoration:none;
    font-size:12px;
    margin:0;
}

#footer-produits a{
    float:left;
    width:420px;
    color:#ffffff;
    text-decoration:none;
    font-size:12px;
    margin:0 0 0 50px;
}

#footer-produits a:hover{
    text-decoration:underline;
}

#footer-produits.gd a{
    width:440px;
    margin:0 0 0 10px;
    font-size:11px;
}

#footer-ref{
    width:980px;
    padding:20px 0 0 0;
    margin:15px 0 20px 0;
    text-align:center;
    color:#7bc1ea;
    line-height:12px;
    font-size:11px;
    background:url(/charte/structure-generale/sepa.gif) top center no-repeat;
}

#footer-ref a{
    color:#7bc1ea;
    text-align:center;
    text-decoration:none;
}

#footer-ref a:hover{
    color:#ffffff;
}

#footer-ref h1{
    font-size:11px;
    display:inline;
}

/* DIV VOILE */
.voile {
    background-color:#000000;
    _background:none;
    position:fixed;
    width:100%;
    height:100%;
    filter:alpha(opacity=60);
    -moz-opacity:0.6;
    opacity:0.6;
    z-index:280;
    margin:auto;
}

.voile2 {
    display:none;
    visibility:hidden;
    position:absolute;
    height:100%;
    width:100%;
    z-index:250;
    top:0;
    left:0;
    _top:none;
    _left:none;
}

.voile3 {
    position:absolute;
    width:100%;
    z-index:300;
    top:261px;
    _top:0px;
}

/* MISE AU PANIER */
#video{
    display:block;
    width:617px;
    background:#ffffff;
    box-shadow:0 5px 6px #564e49;
    filter:progid:DXImageTransform.Microsoft.Shadow(color='#564e49', Direction=180, Strength=5);
    zoom:1;
    margin:0 auto 0 auto;
    text-align:center;
    padding:10px;
    font-size:16px;
}

#video .fermer{
    cursor:pointer;
    float:right;
}

#validationNewsletter {
    color:#ffffff;
}

#contact-siege{
    width:299px;
    height:115px;
    background: url(contact/fond-siege.gif) no-repeat 0 0;
    padding:20px 0 0 258px;
}

.contact{
    float:left;
    background:url(contact/fond-personne.gif) no-repeat 0 0 #e7e7e7;
    width:265px;
    height:112px;
    padding:13px 0 0 0;
    margin:7px 7px 0 0 ;
}
.contact.contact-generique{
    /*margin-right: 270px;*/
    margin-left: 135px;
}

.contact p{
    margin:10px 0 0 0;
}

.contact img{
    margin:9px 8px 0 0;
}

.contact-pays{
    width:265px;
    height:19px;
    background:url(contact/fond-personne-bleu.gif) no-repeat 0 0;
    color:#FFF;
    padding:3px 0 0 0;
    margin:23px 0 0 0;
    text-align:center;
    font-size: 10px;
}

span.cas-raulet{
    display:inline-block;
    font-size:11px;
    line-height:9px;
    padding:0;
    margin:0;
}

/*Revendeurs*/
.colonne920{
    float:left;
    width:920px;
    min-height:440px;
    _height:440px;
    padding:0;
    margin:0 10px 0 0;
}
.colonne920 p{
    font-size:16px;
    line-height:18px;
    color:#2487cc;
    padding:0;
    margin:0;
}

.colonne920 p.recherche{
    font-size:16px;
    line-height:18px;
    color:#2487cc;
    height:25px;
    padding:5px 30px 0 0;
    margin:0;
    text-align:center;
    background:url(/charte/pages/fd-recherche920.gif) 0 0 no-repeat;
}

.colonne920 ul{
    padding:0;
    margin:0;
}

.colonne920 ul li{
    float:left;
    width:205px;
    height:120px;
    margin:0 0 15px 0;
    padding:0 15px 15px 0;
    list-style:none;
    border-bottom:1px solid #cccccc;
}

.colonne920 ul li a{
    color:#000;
}

.colonne920 ul li a:hover{
    text-decoration:none;
}
.width50{
    width: 50%;
}
.width100{
    width: 100%;
}
.floatL{
    float: left;
}
.float50{
    width: 50%;
    float: left;
}
.center{
    text-align: center;
}
.margin50{
    margin: 0 0 0 50px;
    padding: 0 0 5px 0;
    color: #ffffff;
}
.paddingT20{
    padding-top: 20px !important;
}
.encadrement-gris{
    min-height: 110px;
    background-color: #8a8a8a;
    margin: 35px 80px 35px 80px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
.encadrement-bleu{
    background-color: #175179;
    min-height: 110px;
    margin: 35px 80px;
    border-top-left-radius: 20px;
    border-bottom-right-radius: 20px;
}
.encadrement-rouge{
    background-color: #e4000d;
    min-height: 60px;
    margin: 15px 120px;
    border-radius: 10px;
    color: #fff;
    font-size: 25px;
}
.encadrement-rouge span{
    padding-top: 20px;
    display: block;
}
.encadrement-gris p, .encadrement-bleu p{
    padding-top: 45px;
    color: #fff;
    font-size: 25px;
}
#contenu-long{
    width:980px;
    min-height: 930px;
    background:url(/charte/pages/angle-contenu.gif) right bottom no-repeat #ffffff;
    padding:0 0 25px 0;
    line-height:14px;
}
.image-logo{
    height: 57px;
    padding-top: 56px;
}
.descriptif-droit em{
    width: 300px;
    display: inline-block;
    text-align: justify;
}