@CHARSET  "utf-8";

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td
{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}

ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: none; }
ins { text-decoration: none; }
del { text-decoration: line-through; }

/* attention 'cellspacing="0"' dans HTML obligatoire qd même */
table
{
    border-collapse: collapse;
    border-spacing: 0;
}

/*********GRILLE *********************/
input, select, textarea { font-size: 100%; }

*
{
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
}

body
{
    /* La taille de base sera de 10px avec les valeurs par défaut de police du navigateur */
    font-family: helvetica,arial,sans-serif;
    font-size: 0.625em;
    line-height: 1em;
}

html, body { text-align: center; }

#conteneur
{
    overflow: hidden;
    padding-right: 1em;
    padding-left: 1em;
}

.col
{
    padding-bottom: 1003em;
    margin-bottom: -1000em;
}

#corps
{
    width: 96em;
    text-align: left;
    margin-left: auto;
    margin-right: auto;
}

#entete
{
    position: relative;
    width: 100%;
}

#monoCol #col1 { width: 90em; }
#biCol #fil { }

#biCol #col1
{
    float: left;
    width: 59em;
}

#biCol #col2
{
    float: left;
    width: 31em;
}

#fil,#col0,#col1,#col2
{
    padding-left: 1em;
    padding-right: 1em;
}

#pied
{
    height: 15em;
    clear: both;
}

html body * span.clear,html body * div.clear,html body * li.clear,html body * dd.clear
{
    background: none;
    border: 0;
    clear: both;
    display: block;
    float: none;
    font-size: 0;
    list-style: none;
    margin: 0;
    padding: 0;
    overflow: hidden;
    visibility: hidden;
    width: 0;
    height: 0;
}

.clearfix:after
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix { display: inline-block; }

/*************************/
body
{
    line-height: 1.5em;
    background-color: #d8eeec;
}

#corps { background-color: #fff; }
#entete { }
#col1 { background-color: #E1EEF5; }
#col2 { background-color: #E1EEF5; }
.accueil #col1,.accueil #col2 { background-color: transparent; }
#pied { background-color: #005456; }

/*************************/
#entete img { width: 100%; }
#entete img.picto { width: 20px; }
#entete ul { }

#entete li
{
    display: inline;
    padding: 0;
    margin: 0;
}

#entete .utils
{
    background-color: white;
    margin-bottom: .2em;
    background-image: url(../images/images_interface/fd_utils.png);
    background-repeat: repeat-y;
    background-position: right top;
    text-align: right;
}

#entete .utils li
{
    line-height: 2em;
    position: relative;
}

#entete .utils li a:link,#entete .utils li a:visited,#entete .utils li a:active
{
    text-decoration: none;
    text-transform: uppercase;
    font-size: 1.4em;
    line-height: 2em;
    padding: .3em 1em .3em 1em;
    color: #fff;
}

#entete .utils li a:hover
{
    text-decoration: none;
    text-transform: uppercase;
    font-size: 1.4em;
    line-height: 2em;
    padding: .3em 1em .3em 1em;
    background-color: #666;
    color: #fff;
}

#entete .nav .home { }

#entete .nav
{
    text-align: left;
    background-color: #3baaa1;
}

#entete .nav li,#entete .nav li { line-height: 3em; }

#entete .nav li a:link,#entete .nav li a:visited,#entete .nav li a:active
{
    text-decoration: none;
    text-transform: uppercase;
    font-size: 1.4em;
    line-height: 3em;
    padding: .8em 1em .8em 1em;
    color: #fff;
}

#entete .nav li a:hover
{
    text-decoration: none;
    text-transform: uppercase;
    font-size: 1.4em;
    line-height: 3em;
    padding: .8em 1em .8em 1em;
    background-color: #4e4e4e;
    color: #fff;
}

#fil
{
    margin-top: 1.5em;
    margin-bottom: 1.5em;
    color: red;
    font-size: 1.2em;
}

#fil a
{
    color: gray;
    text-decoration: none;
}

#manchette { margin-bottom: 1em; }
.tabsKits { margin: 0; }

.tabsKits li
{
    display: inline;
    margin-right: .5em;
    line-height: 3.3em;
}

.tabsKits li a
{
    font-size: 1.8em;
    font-family: Helvetica,Arial;
    text-decoration: none;
    color: #4e4e4e;
    background-color: #F5F5F5;
    padding-top: .5em;
    padding-bottom: .5em;
    padding-right: .5em;
    padding-left: .5em;
    -moz-border-radius-topright: .8em;
    -moz-border-radius-topleft: .8em;
    -webkit-border-top-right-radius: .8em;
    -webkit-border-top-left-radius: .8em;
}
.tabsKits li a.ongletCalcul
{
    background-color: #ff9999;

}
.tabsKits li a.ongletActif
{
    font-size: 1.8em;
    font-family: Helvetica,Arial;
    text-decoration: none;
    color: #4e4e4e;
    background-color: #E1EEF5;
    padding-top: .5em;
    padding-bottom: .5em;
    padding-right: 1.5em;
    padding-left: 1.5em;
    -moz-border-radius-topright: .8em;
    -moz-border-radius-topleft: .8em;
    -webkit-border-top-right-radius: .8em;
    -webkit-border-top-left-radius: .8em;
}

.tabsKits li a span { font-size: .7em; }
.tabsHome { }

.tabsHome li
{
    display: inline;
    margin-right: 0;
    line-height: 2.8em;
}

.tabsHome li a
{
    font-size: 1.3em;
    font-family: Helvetica,Arial;
    text-decoration: none;
    color: #4e4e4e;
    background-color: #FFC;
    padding: .5em;
    -moz-border-radius-topright: .8em;
    -moz-border-radius-topleft: .8em;
    -webkit-border-top-right-radius: .8em;
    -webkit-border-top-left-radius: .8em;
}

.tabsHome li a.ongletActif
{
    font-size: 1.3em;
    font-family: Helvetica,Arial;
    text-decoration: none;
    color: #4e4e4e;
    background-color: #FC9;
    padding: .5em;
    -moz-border-radius-topright: .8em;
    -moz-border-radius-topleft: .8em;
    -webkit-border-top-right-radius: .8em;
    -webkit-border-top-left-radius: .8em;
}

.tabsHome li a:hover
{
    color: #4e4e4e;
    background-color: #FC9;
}

#ongletsAccueil h3
{
    font-family: Helvetica,Arial;
    font-size: 1.8em;
    font-weight: normal;
}

#ongletsAccueil .contenuActif a { color: #F63; }

.contenuActif
{
    background-color: #FC9;
    padding: 1em;
    width: 30em;
}
.mailing #col1 img{
    width:29.3em;
}
#col1 { padding-top: 2em; }
#manchette img.illustration,#col1 img.illustration,#col2 img.illustration { width: 100%; }
#col1 div { position: relative; }
#col1 img.lesPlus{
    margin-bottom:-3em;
    z-index: 300;
    position: relative;
}
#col1 div.paveIntro { background-color: #D7EDC7; padding: 3em 1em 1em 1em; }
#col1 a { color: black; }

#col1 h1
{
    font-size: 3.4em;
    font-weight: normal;
    color: #4e4e4e;
    font-family: helvetica,arial,sans-serif;
    margin-bottom: .5em;
}

#monoCol #col1 h1 { line-height: 1em; }
#col1 img+h1,#col1 div.paveIntro+h1 { margin-top: 1em; }

#col1 h2
{
    font-size: 2.4em;
    font-weight: normal;
    line-height: 1.4em;
    color: #4e4e4e;
    font-family: Helvetica,Arial;
    margin-top: .5em;
}

#col1 h3
{
    font-size: 1.6em;
    font-weight: normal;
    line-height: 1.2em;
    color: #4e4e4e;
    font-family: Helvetica,Arial;
    margin-top: 1em;
}
#col1 h3.averto
{
color:red;
}
#col1 h3+h3 { margin-top: 2em; }

#col1 h3.telechargements
{
    font-size: 1.6em;
    font-weight: bold;
    line-height: 1.2em;
    color: #1877ae;
    font-family: Helvetica,Arial;
    margin-top: 1em;
}

#col1 p+h2,#col1 table+h2,#col1 h3+h2 { margin-top: 2em; }

#col1 p.intro
{
    font-weight: bold;
    margin-top: 1em;
    margin-bottom: 1em;
    font-size: 1.4em;
    line-height: 1.6em;
}

#col1 p,#col2 p
{
    font-size: 1.4em;
    line-height: 1.6em;
}

#col1 .accroche
{
    font-family: Helvetica,Arial;
    font-size: 2em;
    color: #4e4e4e;
}
#col1 .accroche img{
    vertical-align: middle;
}
#col1 img.imageInTexte { margin: 1em 0 0 0; }

#col1 img.imageInTexte+p.legende
{
    margin: 0em 0 1em 0;
    font-style: italic;
    font-weight: bold;
    color: #3baaa1;
}

#col1 table
{
    font-size: 1.2em;

    width: 100%;
}

#col1 th,#col1 td
{
    height: 2em;
    text-align: center;
    padding:0 0.5em;
    vertical-align: middle;
    border-bottom: 1px white solid;
}
#col1 th{
    background-color: #6EADCF;
}
#col1 td{
    background-color: #BBD8E8;
}
#col1 #commerciaux tr#bretagne td{
    background-color:#B1A9D0;
}
#col1 #commerciaux tr#nord td{
    background-color:#B2D1E5;
}
#col1 #commerciaux tr#idf td{
    background-color:#C2DFC1;
}
#col1 #commerciaux tr#est td{
    background-color:#C2DFC1;
}
#col1 #commerciaux tr#pdl td{
    background-color:#C2DFC1;
    
}
#col1 #commerciaux tr#centre td{
    background-color:#9CCB9D;
}
#col1 #commerciaux tr#franchecomte td{
    background-color:#90BA91;
}

#col1 #commerciaux tr#paca td{
    background-color:#FDD16C;
}
#col1 #commerciaux tr#languedoc td{
    background-color:#F8C4AE;
}
#col1 #commerciaux tr#aquitaine td{
    background-color:#DE7C0D;
}
#col1 #commerciaux tr#ra td{
    background-color:#DEB887;
}
#col1 #commerciaux tr#domtom td{
    background-color:#7B7A78;
}
/*_________________*/
/*_________________*/
/*_________________*/
#col1 form { margin-top: 2em; }

#col1 fieldset
{
    border: 1px dotted silver;
    padding: 3em 1em;
    margin-bottom: 1em;
}

#col1 legend
{
    color: gray;
    padding: 0 1em;
    font-size: 1.8em;
}

#col1 label { font-size: 1.2em; }
#col1 input, #col1 textarea{
    width:100%;
}
#col1 textarea{
    height:15em;
}
#col1 input
{
    border: 1px silver solid;
    height: 1.8em;
}
#col1 input[type='file']
{
    border: none;
    height: 2.5em;
}
#col1 input[type='submit']
{
    width: 20em;
}
#col1 textarea{
    border: 1px silver solid;
}
#col1 select{
    font-size: 1.4em;
}
#col1 label { display: block; }
#col1 input[type='text']+label,#col1 textarea+label { margin-top: 1em; }

#col1 button[type='reset']
{
    margin-top: 1em;
    padding: .5em;
    font-size: 1.2em;
    font-weight: bold;
    background-color: transparent;
}

#col1 button[type='submit']
{
    margin-top: 1em;
    padding: 1em 2em;
    font-size: 1.4em;
    font-weight: bold;
    float: right;
    color: white;
    background-color: #3baaa1;
}

#col1 span.partieForm
{
    float: left;
    margin-top: 1em;
    margin-right: 1em;
    margin-bottom: 1em;
}

#col1 label>span
{
    font-size: .8em;
    font-style: italic;
    color: gray;
}
#col1 .questionFaq:hover{
    cursor:pointer !important;
}
#col1 ul{
    list-style-type: none;
    padding-left: 3em;
}
#col1 li{
    font-size: 1.4em;
}
#col2 form { margin-top: 2em; }

#col2 fieldset
{
    border: 1px dotted white;
    padding: 1em;
    margin-bottom: 1em;
}

#col2 legend
{
    color: black;
    padding: 0 1em;
    font-size: 1.3em;
}

#col2 label { font-size: 1.2em; }

#col2 input
{
    border: 1px black solid;
    height: 1.8em;
}

#col2 input[type='text'] { display: block; }
#col2 input[type='text']+label { margin-top: 1em; }

#col2 button[type='reset']
{
    margin-top: 1em;
    font-size: 1.2em;
    background: transparent;
}

#col2 button[type='submit']
{
    margin-top: 1em;
    padding: .5em;
    font-size: 1.2em;
    font-weight: bold;
    border: 1px black solid;
    margin-left: 2em;
}

#col2 label span
{
    font-size: .8em;
    font-style: italic;
    color: silver;
}

#col2 #estimationResultats { margin-top: 2em; }

#col2 .messageErreur
{
    color: red;
    font-style: italic;
    font-size: 1em;
}

/*_____________________*/
/*_________________*/
/*_________________*/
#col2 { padding-top: 2em; }
#col2 .listeExemple{
    padding-left: 3em;
    font-size: 1.2em;
}
#col2 li{
    list-style-type:disc;
}
#col2 h2{
    font-size:2em;
    margin-top:.75em;
    line-height: 1.5em;
}
#col2 p+h2{
    margin-top:1em;
}
#col2 p
{
    font-size: 1.4em;
    line-height: 1.6em;
    font-family: Helvetica,Arial;
}
#col2 a {
    color:black;
}
#col2 .accordeon h3
{
    line-height: 2em;
    background-color: #1877ae;
    font-size: 1.6em;
    font-weight: normal;
        padding-left: 1.6em;
}

#col2 .accordeon .contenuAccordeon
{
    padding-bottom: 1em;
    background-color: #a3c9df;
    padding: 1em;
    color: #fff;
}

#col2 .accordeon .contenuAccordeon p.equipStandard+p.optionsSup { margin-top: 1em; }

#col2 .accordeon .contenuAccordeon p.optionsSup
{
    font-weight: bold;
    text-transform: uppercase;
}

#col2 .accordeon .contenuAccordeon h4
{
    line-height: 2em;
    font-size: 1.6em;
    font-weight: normal;
    text-transform: uppercase;
}

#col2 .accordeon .contenuAccordeon+h3 { border-top: .1em #fff solid; }

#col2 .accordeon h3 a:link,#col2 .accordeon h3 a:visited
{
    text-transform: uppercase;
    text-decoration: none;
    color: #FFF;
    font-family: Helvetica,Arial,sans-serif;

}

img.puce
{
    width: 12px;
    height: 12px;
}

#col2 .accordeon .contenuAccordeon table
{
    width: 100%;
    font-family: Helvetica,Arial;
}
#col2 h3.titreDefaut{
    line-height: 2em;
    background-color: #1877ae;
    font-size: 1.6em;
    font-weight: normal;
    color:white;
    padding:0 1em;
    margin-top:1em;
    text-transform:uppercase;

}#col2 h3:first-child{
    margin-top:0em;
}
#col2.col2Defaut p{
    padding-bottom: 1em;
    background-color: #a3c9df;
    padding: 1em;
    color: #fff;
}
#col2 .accordeon .contenuAccordeon tr { }

#col2 .accordeon .contenuAccordeon td,#col2 .accordeon .contenuAccordeon th
{
    border-bottom: 1px white solid;
    vertical-align: middle;
    height: 2.5em;
}

#fdaccueil
{
    height: 27.5em;
    position: relative;
    background-image: url(../images/images_interface/fd_gouttes_homepage.jpg);
    background-repeat: no-repeat;
    background-position: 0 0;
}

#pied
{
    text-align: center;
    font-family: Helvetica,Arial;
    font-size: 1.2em;
    color: #d8eeec;
    padding-top: 2em;
}

#pied a
{
    color: white;
    text-decoration: none;
}
#pied .adresseMailing{
    font-size:1.6em;
    line-height:1.2em;
}

.mailing td,#pied td{
    width: 40em;
    text-align: center;
}
.mailing h1{
    text-align: center;
}
.mailing h1+p{
    text-align: center;
}
.mailing p.surtitreImportant{
    color:#ff3333;
}
.mailing ul{
    font-size: 1.4em;
    padding-left: 3em;
    line-height: 1.8em;
    list-style-type: disc;
}
.mailing .accroche{
    margin-top: 1em;
}
/*printer styles*/

@media print
{
    /**/
    /*#col2 { display: none; }*/
    #bicol, #col1
    {
        width: 100%;
        float: none;
    }
}