/****************************************************************************/
/*                                                                          */
/*                      Menu Principal nav                                  */
/*                                                                          */
/****************************************************************************/




ul#menu {
    margin:0;
    padding:0;
    list-style:none;
    width: 100%;
    /*height: 41px;*/
    overflow: hidden;
}

ul#menu li {
    float: left;
    height: 41px;
}

ul#menu li a {
    color:#FFF;
    font-size:12px;
    text-transform: uppercase;
    text-decoration: none;
    display: block;
    line-height:41px;
    padding:0px 0.75em 0px 0.75em;
    word-spacing:0.3em;
    border-right: 1px solid #93094e;
    margin-top: 0px;
    margin-bottom: 0px;
    outline: 0;
}

ul#menu li.noborder a {
    border-right: 1px solid transparent !important;
}

ul#menu li#menuHome {
    background-image: none !important;
}

ul#menu li#menuHome a {
    background: transparent url(/images/design/tools.svg) no-repeat 5px -623px;
    width:5px;
    margin-left: 10px;
    padding-right: 20px;
    color: transparent;
    text-indent: -99999px;
}

ul#menu li.active#menuHome a {
    background: transparent url(/images/design/tools.svg) no-repeat 5px -623px;
    width:5px;
    margin-left: 10px;
    padding-right: 20px;
    border-right: 1px solid #93094e;
}


ul#menu li:hover, ul#menu li.active {
    background-image:url(/images/design/tools.svg);
    background-repeat: no-repeat;
    background-position: center -329px;
}

ul#menu li:hover a, ul#menu li.active a {
    border-right: 1px solid transparent;
}




ul#menu li#menuHome:hover a {
    border-right: 1px solid #93094e;
}

ul#menu li#menuHome:hover {
    background-image: none;
}

ul#menu li#menuDomaine:hover, ul#menu li#menuDomaine.active {
    background-color: #b8114b;
}

ul#menu li#menuEspace:hover, ul#menu li#menuEspace.active {
    background-color: #e0750c;
}

ul#menu li#menuPerf:hover, ul#menu li#menuPerf.active {
    background-color: #099fd2;
}

ul#menu li#menuServeur:hover, ul#menu li#menuServeur.active {
    background-color: #282525;
}

ul#menu li#menuRevendeur:hover, ul#menu li#menuRevendeur.active {
    background-color: #c4116c;
}

ul#menu li#menuApropos:hover, ul#menu li#menuApropos.active {
    background-color: #999966;
}


#menuRecherche, #addDomainsInput {
    background:#77093e;
    padding:11px 11px;
    -moz-border-radius: 0px 0px 4px 4px;
    -webkit-border-radius: 0px 0px 4px 4px;
    border-radius: 0px 0px 4px 4px;
    color:#FFF;
    font-size:17px;
}

#menuRecherche {
      padding-left: 167px;
}


#menuRecherche.standalone , #addDomainsInput {
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
}

#menuRecherche.standalone {
    padding-top:20px;
    padding-bottom:20px;
}

#menuRecherche form , #addDomainsInput form {
   font-weight: bold;
}

#addDomainsInput {
    padding-top: 10px;
    padding-bottom: 10px;
}


#addDomains p {
    font-size: 90%;
    margin-bottom: 5px;
    padding-left: 3px;
}

#menuRecherche .formInput, #addDomainsInput .forminput {
    font-family:Arial, Helvetica, sans-serif;
    font-size: 17px;
    color: #000;
    background:#FFF;
    padding-left:5px;
    padding-top: 1px;
    padding-bottom: 1px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border:0px;
    width:291px;
    height:22px;
    margin-left: 16px;
}

#menuRecherche .formOk, #addDomainsInput .formOK {
    font-weight: bold;
    color:#FFF;
    font-size:17px;
    color: #FFF;
    background-color:#77093e;
    border:0px;
    cursor:pointer;
    width:44px;
}

#menuRecherche .formOk:hover, #addDomainsInput .formOK:hover {
        color: #d6185a;
}




/****************************************************************************/
/*                                                                          */
/*                          Bloc 5 raisons                                  */
/*                                                                          */
/****************************************************************************/


#arguments {
        background:#38051e;
        -moz-border-radius: 4px 4px 4px 4px;
        -webkit-border-radius: 4px 4px 4px 4px;
        border-radius: 4px 4px 4px 4px;
        behavior: url(/js/PIE.htc);
        margin-top:11px;
        position:relative;
}

/*

#arguments h1 {
        color:#FFF;
        font-size:22px;
        cursor: pointer;
        font-style: italic;
        margin-top: 1px;
        display: block;
        padding: 0.5em .5em 0.5em 1.2em;
}

#arguments h1 span {
    position: relative;
    left: 600px;
    font-weight: bold;
    font-size: 20px;
}

*/

#arguments div.arguTitre {
    padding-left: 150px;
    background-color: #38051e;
    height: 65px;
    width: 830px;
}

#raisons {
        background:#D5D5D5;
        border-top:1px solid #890b4a;
}


#deplieArgu {
        position:relative;
}

#diapRaisons {
        position:absolute;
        z-index:50;
        margin-left: 20px;
        margin-top: 16px;
        width:128px;
        height:58px;
}

#diapRaisons span {
    background-color: #890B48;
    width: 24px;
    height: 34px;
    display: inline-block;
    line-height: 34px;
    color: #fff;
    text-align: left;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    font-size: 12px;
    padding-left: 10px;
    cursor: pointer;
    font-family: helvetica;
    behavior: url(../js/PIE.htc);
}

#diapRaisons span:hover {
    background-color: #A90E59;
}

#diapRaisons #nextR {
    width: 68px;
}


#arguments h2 {
    margin-right: 7px;
    font-weight: 200;
    color: #fff;
    font-size:20px;
    padding-top: 9px;
}

#arguments h2 span {
    padding-top:14px;
    font-weight: 200;
    font-size:37px;
    vertical-align: -15%;
    margin-right: 0.3em;
}

#arguments .blocArgu {
    padding:11px 21px 11px 21px;
    clear: both;
}


#arguments .blocArgu a {
    font-weight: bold;
        color:#38081e;
        font-size:16px;
        text-decoration: none;
}

#arguments .blocArgu a:hover {
        color:#b8114b;
}

#arguments  .corpsContent {
        margin-top:11px;
/*      margin-bottom:11px;  */
}


.arguImage {
        padding:0;
        margin:0;
        list-style:none;
        width:558px;
        float: left;
        margin-right:21px;
}

.arguImage li {
        float: left;
        margin-right:8px;
        margin-bottom:8px;
}

.arguImage img {
        border:1px solid #C9C9C9;
}

.arguImage.references img {
        background-color: #fff;
}


.arguText {
        padding:0;
        margin:0;
        list-style:none;
        float: left;
        width:340px;
}

.arguText p {
    color:#38081e;
    font-size:16px;
    line-height:20px;
}

.arguText p.temoignage {
    color:#b8114b;
    font-style: italic;
    font-weight: normal;
}

.arguText p.temoignageSig1 {
    margin-top: 5px;
    font-weight: bold;
    font-size: 14px;
}


.arguText p.temoignageSig2 {
    font-size: 14px;
}

.arguText h3 {
    color:#38081e;
    font-size:20px;
    margin-bottom: 5px;
    font-style: italic;
}

.blocArgu h4 {
    color:#38081e;
    font-size:16px;
}





/****************************************************************************/
/*                                                                          */
/*                            Actualités                                    */
/*                                                                          */
/****************************************************************************/



#fil {
    position:relative;
    padding:0px;
}

#fil h1 {
    background-color: #38081e !important;
    float: left;
    border-radius: 4px;
    behavior: url(../js/PIE.htc);
    margin:2px;
    padding:7px 0;
    width: 120px;
    text-align:center;
    font-style: italic;
    color: #fff;
    font-size:14px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

#diapFil, #fil div.text {
    float: left;
    padding:0px 20px 0px 0px;
    width:750px;
    color:#38081e;
    font-size:16px;
    line-height:32px;
    margin: 2px 7px 2px 11px;
}

#diapFil div {
    overflow: hidden;
    width: 800px !important;
}

#fil div.text {
   font-size: 14px;
   margin-right: 0px;
   padding-right: 0px;
   width: 84%;
}

#btFil {
    position:absolute;
    top:0px;
    right:2px;
    width:52px;
    height:34px;
    border-left:1px solid #CDCDCD;
}


#fil .btfil {
        display: inline-block;
        margin-top: 8px;
        width:24px;
        height:22px;
        cursor:pointer;
        text-align: center;
        font-size: 10px;
}

#prevF, #nextF {
      -webkit-transform: rotate(-45deg);
      -moz-transform: rotate(-45deg);
      -ms-transform:rotate(-45deg);
      -o-transform:rotate(-45deg);
      color: #cdcdcd;
      font-family: Arial;
}

#prevF {
    margin-left: 4px;
    width: 20px !important;
}

#prevF:hover, #nextF:hover {
      color: #38081E;
}

#sepF {
    border-left:1px solid #CDCDCD;
    margin-top: 7px;
    position: absolute;
    width: 0px !important;
}


/****************************************************************************/
/*                                                                          */
/*                              Accueil                                     */
/*                                                                          */
/****************************************************************************/

#coverFlow {
        width:978px;
        margin:0 auto;
        height:186px;
        border-radius: 4px;
        behavior: url(../js/PIE.htc);
        border:#CDCDCD 1px solid;
        background:#FFF;
        -moz-border-radius: 4px;
       -webkit-border-radius: 4px;
}

#coverFlow div {
        width:978px;
        height:186px;
}

#diapo {
        position:relative;
}


#diapo div.cover {
    background:#FFF url(../images/fd_coverFlow1.jpg) no-repeat 0px 0px;

}

#diapo div.cover li {
    font-weight: 200;
    font-weight: normal;
}

#diapo div.cover ul {
    margin:60px 21px 21px 292px;
    padding:0;
    list-style:none;
}

#diapo div.cover a {
    font-weight: bold;
    color:#a90e59;
    font-size:14px;
    text-decoration: none;
}

#diapo div.cover a:hover {
    color:#FFF;
}

#diapo div.cover .fontReg {
    font-weight: normal !important;
}

#diapo div.cover .covTitre {
    font-size: 40px;
    font-weight: 200;
}

#diapo div.cover .covSsTitre {
    font-size: 22px;
    font-weight:  200;
}

#diapo div.cover .covLien {
    margin-top:15px;
}

#diapo div.cover .covLien a {
    font-weight: bold;
    color:#fff;
    font-size:14px;
    text-decoration: none;
}

#diapo div.cover .covLien a:hover {
    font-weight: bold;
    color:#C6C6C6;
    font-size:14px;
}

#diapo div.cover .covLien1 a {
    color: #000;
}

#diapo div.cover .covLien1 a:hover {
    color:#b8114b;
}

#diapo div.cover .covLien3 a {
    color: #38081e;
}

#diapo div.cover .covLien3 a:hover {
    color:#b8114b;
}

#diapo div.cover .covLien4 a {
    color: #a90e59;
}

#diapo div.cover .covLien4 a:hover {
    color:#fff;
}

#rond {
    position:absolute;
    z-index:99;
    top:15px;
    right:20px;
    background:#FFF;
    opacity : 0.7;
    filter : alpha(opacity=70);
    padding: 1px 8px;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

#rond a {
        display: inline-block;
        width:15px;
        line-height:20px;
        font-size: 20px;
        color: #888;
        font-family: Arial;
}


#rond a:hover {
    text-decoration: none;
}

#rond a:after {
    content: "○";
}

#rond a.activeSlide:after {
    content: "●";
}



#rond a:focus { outline: none; }

#encarts {
    margin-top:11px;
    width:936px;
    height:376px;
    border-radius: 4px;
    color: #fff;
    behavior: url(../js/PIE.htc);
    border:#CDCDCD 1px solid;
    background:#FFF;
    padding:21px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

#encarts h1 {
    font-style: italic;
    color:#b8114b;
    font-size:22px;
    margin-bottom: 14px;
}

#encarts h2 {
    font-size:22px;
    font-weight:normal;
    text-align: center;
    margin-top: 10px;
}

#promoHome {
        position:absolute;
        top:90px;
        left:180px;
}

#e, #i, #p {
    cursor: pointer;
    width:299px;
    height:295px;
    float: left;
    position:relative;
    border-radius: 8px;
}

#e {
    margin-right:19px;
    background-image: url('/images/design/icone_espace.svg'), url('/images/design/soleil.svg'),url('/images/design/nuages.svg'), url('/images/design/bg_espace.svg');
    background-repeat: no-repeat,  no-repeat, no-repeat, repeat;
    background-position: center 63px, -20px -33px, 51px 76px, top left;
    background-size: auto, auto, auto;
    background-color: #f07705;

}

#p {
   margin-right:19px;
   background-image: url('/images/design/icone_perf.svg'), url('/images/design/bg_perf_effet.svg'),url('/images/design/bg_perf.svg');
   background-repeat: no-repeat, no-repeat, repeat;
   background-position: center 63px, -8px 46px, top left;
   background-size: auto, auto, auto;
   background-color: #0aa1d5;

}

#i {
   background-image: url('/images/design/icone_serveur.svg'), url('/images/design/bg_serveur_effet.svg'),url('/images/design/bg_serveur.svg');
   background-repeat: no-repeat, no-repeat, repeat-x;
   background-position: center 63px, 12px 94px, 0px -21px;
   background-size: auto, auto, auto;
   background-color: #121212;
}



#e h2, #e .descEncart, #e .pxEncart , #p h2,#p .descEncart, #p .pxEncart {
    text-shadow: 2px 2px 2px #666;
   /* filter: progid:DXImageTransform.Microsoft.Shadow(direction=135,strength=4,color=888); */
}

#i h2 ,  #i .descEncart {
    text-shadow: 2px 2px 2px #000;
}

.descEncart {
    font-size: 16px;
}

#encarts div.bouton {
    width: 172px;
}

#encarts #e div.button a {
    color: #e67201;
}

#encarts #p div.button a {
    color: #0c779f;
}

#encarts #i div.button a {
    color: #333;
}
#encarts #i div.button {
    margin-top: 38px;
}





.descEncart {
        width:260px;
        text-align:center;
        margin:125px auto 0px auto;
}

.pxEncart {
    list-style:none;
    margin:0 0 0 42px;
    padding:0;
}


.pxEncart li{
    font-weight: bold;
    float: left;
    font-size: 13px;
}

.pxEncart li.centre {
        margin:0 8px;
        font-size: 32px !important;
}

.decHaut {
        margin-top:12px;
}


/****************************************************************************/
/*                                                                          */
/*                              Revendeurs                                  */
/*                                                                          */
/****************************************************************************/


#contentRevendeurs {
        margin:11px auto;
        position:relative;
}

#contentRevendeurs h1 {
        color:#890b48;
        font-size:27px;
        font-style: italic;
        padding:11px 0;
}

.descRevendeurs {
    margin-bottom:21px;
    font-size: 17px;
}

#avantages .titAvantages {
   font-style: italic;
   font-weight: bold;
   color:#c4116c;
   font-size:22px;
}

#avantages {
        background:#FFF;
        border-radius: 4px 4px 4px 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        behavior: url(../js/PIE.htc);
        margin-top:11px;
        border:1px solid #CDCDCD;
        padding:30px;
}

.listeAvantages {
        margin:31px 0 31px 0;
        padding:0;
        list-style:none;
        font-family:Arial, Helvetica, sans-serif;
        font-size:14px;
        color:#020202;
        line-height:20px;
}

.listeAvantages li {
        float: left;
        width:178px;
        margin-left:67px;
}

.listeAvantages li:first-child {
        margin-left:0px;
}

.listeAvantages li > div {
    border: 1px solid #CDCDCD;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px;
    background: #f6f6f6;
    background: -moz-linear-gradient(top, #ffffff, #e5e5e5);
    background: -ms-linear-gradient(top, #ffffff, #e5e5e5);
    background: -webkit-gradient(linear,left top, left bottom, from(#ffffff), to(#e5e5e5));
    text-align: center;
    padding: 15px;
    margin-bottom: 15px;
   /* -pie-background: linear-gradient(top, #ffffff, #e5e5e5);
    behavior: url(../js/PIE.htc);*/
}

.listeAvantages li.financier > div {
    color: #E0A300;
    padding-top: 41px;
}

.listeAvantages li.production > div {
    color: #0378BE;
}

.listeAvantages li.interface > div {
    color: #818181;
    padding-top: 36px;
}

.listeAvantages li.formation > div {
    color: #587A00;
    padding-top: 31px;
}

.listeAvantages li div div.legend {
    text-transform: uppercase;
    font-size: 16px;
    text-align: center;
    display: block;
    width: 100%;
}


.listeAvantages li img {
        margin-bottom:11px;
}

#avantages div.button {
    margin: 10px auto;
}

#avantages div.button a {
   padding: 7px 35px;
}


/****************************************************************************/
/*                                                                          */
/*                               À Propos                                   */
/*                                                                          */
/****************************************************************************/

#apropos {
    margin:11px auto 0px auto;
    /* position:relative; */
}

#apropos h1 {
    font-style: italic;
    color:#38081e;
    font-size:27px;
    padding:5px 0;
    width:300px;
    float: left;
}


#apropos .menuQui {
    margin:25px 0 0 0;
    padding:0;
    list-style:none;
    float: right;
}

#apropos  .menuQui li {
        Float: left;
        height:31px;
}

#apropos  .menuQui li a {
    font-weight: bold;
        color:#727272;
        font-size:13px;
        text-decoration: none;
        display: block;
        height:31px;
        padding-left:11px;
        padding-right:11px;
}

#apropos  .menuQui li a:hover {
     color: #38081E;
}

#apropos .quiSel {
        color:#727272;
    font-weight: bold;
        font-size:13px;
        color:#38081e;
        background:url(/images/design/tools.svg) no-repeat center -390px;
        padding-left:11px;
        padding-right:11px;
}


.img_apropos {
        height:248px;
}

#presentation {
        background:#FFF;
        border-radius: 0px 0px 4px 4px;
        -moz-border-radius: 0px 0px 4px 4px;
        -webkit-border-radius: 0px 0px 4px 4px;
        behavior: url(../js/PIE.htc);
        border:#CDCDCD solid 1px;
        padding:31px;
}


#presentation p {
    margin:0 0 31px 0;
    width:75%;
    color:#42291c;
    font-size:19px;
    text-align: justify;
}

#presentation p a {
    font-weight: bold;
    color: #444;
}

#presentation p a:before {
   content: "► ";
}

#presentation p.partenaire a:before {
   content: "";
}

#presentation p.pres {
   width: 100%;
   color: #38081E;
}

#presentation .blocPres {
    margin:0;
    margin-top: 20px;
    width:280px;
    float: left;
}

#presentation .cGauche {
    padding:0 31px 0 0;
    width:430px;
}

#presentation .cDroite {
    padding:0;
    width:450px;
}

#presentation .cGaucheInfra, #presentation .cCentreInfra , #presentation .cDroiteInfra {
    padding:0 25px 0 0;
    width:280px;
}


#presentation .blocPres p {
    /*font-family: Arial, Helvetica, sans-serif;*/
    font-size: 12px;
    color: #5c5c5c;
    line-height: 20px;
    width: 100%;
}


#presentation p.legende {
    width:100%;
    font-family:Arial, Helvetica, sans-serif;
    font-size:10px;
    color:#949494;
    line-height:15px;
}

#presentation h3 {
    font-weight: bold;
    font-size: 18px;
    font-style: italic;
    color: #77093E;
    margin-bottom: 10px;

}

#presentation #annoncesRecrutement h3 {
    font-style: italic;
    background-color:#38081e;
    color: #fff;
    font-size:18px;
    padding:5px 0;
    border: 1px solid #38081e;
    border-radius: 4px;
    padding: 5px;
    margin-bottom: 1em;
    margin-top: 1em;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    clear: both;
}
#presentation #annoncesRecrutement h3 a {
    color: #fff;
    font-size:18px;
}

#presentation #annoncesRecrutement h3 a:hover {
    text-decoration: none;
}

#presentation #annoncesRecrutement h3.expanded {
   border-radius: 4px 4px 0px 0px;
   -moz-border-radius: 4px 4px 0px 0px;
   -webkit-border-radius: 4px 4px 0px 0px;
}

.galleria-info-text {
   background-color: rgba(0, 0, 0, 0.5) !important;
}

#presentation .listeChiffres {

}

#presentation .listeChiffres li {
    border: 1px solid #D7D9DB;
    font-weight: 200;
    color:#77093e;
    font-size:16px;
    list-style-type: none;
    float: left;
    width: 178px;
    height: 116px;
    text-align: center;
    padding: 31px 0;
    margin-left: 3px;
}

#presentation .listeChiffres li:first {
    margin-left: 0px;
}

#presentation .listeChiffres li span {
    font-weight: 200;
    font-size:60px;
}

#presentation ul.logos {
    padding:0;
    margin:0;
    list-style:none;
}

#presentation ul.logos li {
    float: left;
    margin-right:8px;
    margin-bottom:2px;
}

#presentation ul.logos img {
    border:1px solid #C9C9C9;
}

#presentation div.blocLogos {
    float: left;
    width: 558px;
}


#presentation .blocContact {
    font-family: Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#989898;
    line-height:20px;
    padding:21px;
    margin:31px auto;
    background:#77093e;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    behavior: url(../js/PIE.htc);
}

#presentation .blocContact h3 {
    font-weight: 200;
    color:#FFF;
    font-size:20px;
    margin-bottom: 21px;
    font-weight: normal;
}

#presentation div.blocTemoignages {
    float: right;
    width: 358px;
}

#presentation div.blocTemoignages h3 {
    color:#595959;
    font-size:20px;
    font-style: italic;
}
#presentation div.temoignage  {
    border-top: 1px solid #D04189;
    padding-top: 7px;
    margin-top: 28px;
}

#presentation div.temoignage p {
    color:#b8114b;
    font-style: italic;
    font-size:15px;
    width: 100%;
    margin-bottom: 5px;

}

#presentation div.temoignage p.temoignageSig1 {
    font-weight: bold;
    font-size: 14px;
    color:#595959;
    margin-bottom: 3px;
    margin-top: 10px;
}

#presentation div.temoignage p.temoignageSig2 {
    font-weight: normal;
    color:#595959;
    font-size: 14px;
    margin-bottom: 3px;
}


#presentation ul.plus_references {
    list-style-type: none;
}

#presentation ul.plus_references li {
    display: inline-block;
    font-size: 75%;
    padding-left: 20px;
    color: #555555;
    width: 205px;
}


#presentation  h4 {
    font-style: italic;
    color:#38081e;
    font-size:17px;
    margin-bottom:11px;
}

#presentation .blocComm {
        position:relative;
        height:200px;
        overflow:hidden;
}

#presentation .blocPresse {
        position:relative;
        height:400px;
        overflow:hidden;
}


#presentation .itemPresse {
    margin:11px 11px 11px 0;
    padding:15px;
    width:188px;
    height:135px;
    float: left;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    behavior: url(../js/PIE.htc);
    border:#CDCDCD solid 1px;
    position:relative;
}

#presentation .itemPresse:nth-child(4n) {
    margin-right: 0px;
}

#presentation .itemPresse p {
    margin-top: 20px;
    font-size:12px;
    font-family:Arial, Helvetica, sans-serif;
    color:#38081e;
    line-height:18px;
    width: 100%;
    text-align: left;
}

#presentation .itemPresse p a {
    color: #890B48;
    font-weight: bold;
}

#presentation .itemPresse p em {
    font-weight: bold;
    font-style: normal;
}

#presentation .itemPresse h5 {
    border-radius: 4px 4px 4px 4px;
    behavior: url(../js/PIE.htc);
    border:#CDCDCD solid 1px;
    font-weight: bold;
    color:#890b48;
    font-size:12px;
    text-transform: uppercase;
    line-height:31px;
    position:absolute;
    top:-1px;
    left:-1px;
    z-index:2;
    width:203px;
    padding-left:15px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

#presentation .dernier h5 {
    color: #fff;
    background-color: #890b48;
    border: #890b48 solid 1px;
}

#presentation .itemPresse h5:before {
   content:"- ";
}

#deplierComm, #deplierPress {
    border-radius: 4px 4px 4px 4px;
    behavior: url(../js/PIE.htc);
    border:#CCCCCC solid 1px;
    background-image:url(../images/presse_deplier.gif);
    background-repeat:no-repeat;
    background-position:center 8px;
    line-height:31px;
    font-weight: bold;
    color:#CCC;
    font-size:16px;
    text-align:center;
    cursor:pointer;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

#deplierComm {
    margin-bottom: 30px;
}

#annoncesRecrutement h4 {
    margin-top: 1em;
    margin-bottom: 0.5em;
    color: #890B48;
    font-size: 15px;
    font-family: Arial,Helvetica,sans-serif;
    font-weight: bold;
}

#annoncesRecrutement .job {
    /*clear: both;*/
}

#annoncesRecrutement p {
    margin: 0em 0em 1em 0em;
    font-family: Arial,Helvetica,sans-serif;
    width: 100%;
    font-size: 12px;
    color: #5B5B5B;
    line-height: 16px;
}

#annoncesRecrutement ul {
     list-style-type: square;
}

#annoncesRecrutement li {
    font-family: Arial,Helvetica,sans-serif;
    width: 100%;
    font-size: 12px;
    color: #5B5B5B;
    line-height: 16px;
    margin-left: 1em;
}


#rondInfra {
    position:absolute;
    z-index:99;
    top:15px;
    right:20px;
    background:#FFF;
    opacity : 0.7;
    filter : alpha(opacity=70);
    padding:8px 8px 8px 0px;
    border-radius: 4px;
    behavior: url(../js/PIE.htc);
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

#rondInfra a {
    display: block;
    width:10px;
    height:10px;
    background:url(../images/fd_rond.png) no-repeat -21px 0px;
    float: left;
    text-indent:-9999px;
    margin-left:11px;
}

#rondInfra a.activeSlide {background:url(../images/fd_rond.png) no-repeat 0px 0px; }
#rondInfra a:focus { outline: none; }


.enSavoirPlusSla {
    margin:0;
    padding:0;
}

.enSavoirPlusSla div {
        float: left;
}

.enSavoirPlusSla div.bouton {
    margin-top: 5px;
    margin-bottom: 15px;
}


#presentation div.bouton a {
    color: #474646;
}

.ou {
    margin:17px 25px 7px;
    font-weight: bold;
    font-size:14px;
    color:#FFF;
    text-transform: uppercase;
}

/*

.btSavoirPlusSla {
        margin-top:11px;
        margin-bottom:11px;
        width:372px;
        height:31px;
        text-align:center;
}

.btSavoirPlusSla1 {
        margin-top:11px;
        margin-bottom:11px;
        margin-left:7px;
        width:193px;
        height:31px;
        text-align:center;

}

.btSavoirPlusSla a {
        display: block;
        background:url(../images/infogeres_bg_slaRappel.png) no-repeat 0 0;
        color:#474646;
    font-weight: bold;
        font-size:12px;
        text-transform: uppercase;
        text-decoration: none;
        line-height:31px;
}

 .btSavoirPlusSla1 a {
        display: block;
        background:url(../images/infogere_bt_slaContact.png) no-repeat 0 0;
        color:#474646;
    font-weight: bold;
        font-size:12px;
        text-transform: uppercase;
        text-decoration: none;
        line-height:31px;
}

.btSavoirPlusSla a:hover {
        background:url(../images/infogeres_bg_slaRappel.png) no-repeat 0 -31px;
        color:#000;
}

.btSavoirPlusSla1 a:hover {
        background:url(../images/infogere_bt_slaContact.png) no-repeat 0 -31px;
        color:#000;
}

*/



/****************************************************************************/
/*                                                                          */
/*                              Serveurs                                    */
/*                                                                          */
/****************************************************************************/

#serveurs {
        margin-top:11px;
        background:url(/images/design/icone_serveur.svg) no-repeat 0px 0px;
        background-size: 60px auto;
        position:relative;
}

#serveurs #why {
        position:absolute;
        top:38px;
        right:21px;
        z-index:4;
}

#serveurs #why a {
        color:#727272;
        font-size:15px;
        text-decoration: none;
}

#serveurs #why a:hover {
        color:#000;
}


#envoyerAmi {
        position:absolute;
        /*top:10px;
        right:21px;
        background:url(../images/bg_envoyerAmi.png) no-repeat 98px 2px;*/
        line-height:15px;
        padding:3px 25px 3px 5px;
        z-index:6;
        display: none;
}

#envoyerAmi a {
        font-family:Arial, Helvetica, sans-serif !important;
        font-size:11px !important;
        color:#666 !important;
        text-decoration: none !important;
        font-weight: normal !important;
        font-style: normal !important;
}

#envoyerAmi a:hover {
        color:#333;
}


#serveurs #menuServeur {
        margin-left:60px;
        margin-top:21px;
        padding:36px 0px 21px 21px;
        list-style:none;
}

#serveurs #menuServeur li {
        float: left;
        margin-right:21px;
        text-align:center;
        font-size:18px;
}

#serveurs #menuServeur li.iciServeurs {
        height:38px;
        background: url("/images/design/tools.svg") no-repeat scroll center -382px transparent;
}


#serveurs #menuServeur li a {
        display: block;
        color:#727272;
        font-size:18px;
        text-decoration: none;
        height:38px;
}

#serveurs #menuServeur li a:hover {
        color:#000;
        font-size:18px;
        text-decoration: none;
}

#blocServeur {
        background:#1a1a1b;
        color:#FFF;
        padding:0px 31px 31px 31px;
        border-radius: 4px 4px 4px 4px;
        -moz-border-radius: 4px;
        -webkit-border-radius: 4px;
        behavior: url(../js/PIE.htc);
}


#blocServeur h1 {
    font-size:70px;
    font-weight: 100;
    padding-top:21px;

}

#blocServeur h2 {
    font-size:20px;
    font-weight: normal;

}

#blocServeur p {
   text-align: justify;
   color: #D0D0D0;
   font-family: Arial,Helvetica,sans-serif;
   font-size: 12px;
   line-height: 20px;
   margin-bottom: 31px;
   margin-right: 78px;
   margin-top: 11px;

}

#blocServeur p.note {
   text-align: justify;
   color: #D0D0D0;
   font-family: Arial,Helvetica,sans-serif;
   font-size: 10px;
   line-height: 12px;
   margin-bottom: 31px;
   margin-right: 78px;
   margin-top: 11px;

}

.tableauServeur {
    margin:21px 0;
    border:1px solid #414141;
    background:#000;
    padding:0;
    border-radius: 4px 4px 4px 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    behavior: url(../js/PIE.htc);
}

.tableauServeur table {
    border-collapse: collapse;
}

.tableauServeur table td, .tableauServeur table th {
    font-family: Arial,Helvetica,sans-serif;
    color: #989898;
    font-size: 11px;
    padding: 10px;
}

.tableauServeur table td  {
    border-left:1px solid #414141;
}

.tableauServeur table tbody {
    border-top:1px solid #414141;
    border-bottom:1px solid #414141;
}

.tableauServeur table tbody th {
    font-weight: normal;
    text-align: left;
}

.tableauServeur table tbody td {
    padding-top: 5px;
    padding-bottom: 5px;
    padding-left: 20px;

}

.tableauServeur table thead td, .tableauServeur table tfoot td, .tableauServeur table tfoot th {
    font-weight: normal;
    text-align: center;
    color: #fff;
    font-size: 18px;
    padding-bottom: 21px;
    padding-left: 21px;
    padding-top: 21px;
    width: 25%;
}



.tableauServeur table tfoot td {
    font-weight: bold;
}

.btLinux {
        margin-top:10px;
        margin-bottom:11px;
        margin-left:21px;
        width:143px;
        height:31px;
        text-align:center;
}

.btLinux a {
        display: block;
        background:url(../images/infogere_bt_linux.png) no-repeat 0 0;
        color:#474646;
    font-weight: bold;
        font-size:12px;
        text-transform: uppercase;
        text-decoration: none;
        line-height:31px;
}

.btLinux a:hover {
        background:url(../images/infogere_bt_linux.png) no-repeat 0 -31px;
        color:#000;
}

#blocServeur ul.thickBoxes li:hover {
    background: -moz-linear-gradient(top, #e5e5e5, #ffffff);
    background: -ms-linear-gradient(top, #e5e5e5, #ffffff);
    background: -webkit-gradient(linear,left top, left bottom, from(#e5e5e5), to(#ffffff));
    -pie-background: linear-gradient(top,  #e5e5e5,#ffffff);
    behavior: url(../js/PIE.htc);
}




/*
Moche serveur-infogere/iserver.html, et semble inutile
#blocServeur ul.thickBoxes li:first-child a {
    padding-top: 15px;
}*/

#blocServeur ul.thickBoxes li {
   width: 176px;
}

#blocServeur .enSavoirPlusSla {
   margin-top: 20px;
}

#blocServeur div.bouton a {
    color: #474646;
}

#blocServeur .gLinux li, #blocServeur .dLinux li {
    color: #989898;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    line-height: 20px;
}

#blocServeur .wLinux li {
    color: #D0D0D0;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    line-height: 20px;
}

#blocServeur .gLinux, .wLinux {
    float: left;
    width:380px;
    list-style-position:inside;
    list-style:square;
    padding-left:21px;
    margin-bottom: 20px;
}

#blocServeur .dLinux {
    margin-left:40px;
    float: left;
    width:380px;
    list-style-position:inside;
    list-style:square;
}

#blocServeur hr {
    color: #414141;
    background-color: #414141;
    height: 1px;
    border: 0;
    margin-bottom: 20px;
}




#slider-range-min {
        background:#262626;
}

.blocSlider {
        position:relative;
        height:80px;
        padding-top:11px;
        margin-left:17px;
        margin-right:100px;
        width:525px;
        float: left;
}

.blocEscalier {
        background-image:url(../images/slide_8barres.png);
        background-repeat:no-repeat;
        background-position:0 0;
        float: left;
        height:93px;
        width:167px;
}

.blocEscalier div {
        float: left;
        height:93px;
}

.part0 {
        width:20px;
        cursor:pointer;
}

.part1, .part2, .part3, .part4, .part5, .part6, .part7 {
        width:21px;
        cursor:pointer;
}

.espaceStockage {
        margin:11px 0 0 0;
        padding:0;
        list-style:none;
}

.espaceStockage li {
        float: left;
        display: block;
        width:149px;
        height:78px;
        border-left:1px #525252 solid;
        cursor:pointer;
}

.espaceStockage li span {
        display: block;
}

.go50, .go100, .go150, .go200 {
        background-image:url(../images/infogeres_bg_stockage.png);
        background-repeat:no-repeat;
        background-position:-149px 0;
}

.titStockage {
        margin:5px 0 0 0;
        padding:0;
        list-style:none;
}

.titStockage li {
        float: left;
        display: block;
        text-align: right;
        color:#FFF;
        font-size:16px;
}

.titgo50 {
        width:170px;
        cursor:pointer;
}

.titgo100 {
        width:165px;
        cursor:pointer;
}

.titgo150, .titgo200 {
        width:152px;
        cursor:pointer;
}

/****************************************************************************/
/*                                                                          */
/*                              Hébergement                                 */
/*                                                                          */
/****************************************************************************/

#contentEspace, #contentPerf {
        margin:11px auto;
        position:relative;
}

#contentEspace h1, #contentPerf h1 {
    color:#f47904;
    font-size:27px;
    padding:11px 0;
    font-style: italic;
}


#besoinPerf {
   background-image: url("/images/design/icone_perf.svg");
}

#besoinPerf h3, #besoinPerf ul, #besoinEspace p, #besoinEspace h3, #besoinServeur p, #besoinServeur h3, #besoinEspace div, #besoinServeur div {
    margin-left: 125px;
}



#besoinPerf h3 , #contentPerf span.star {
    color: #099FD2;
}

#besoinEspace h3 , #contentEspace span.star{
    color: #E0750C;
}


#besoinPerf ul {
    list-style: square outside none;
    padding-left: 20px;
}

#besoinEspace,#besoinServeur {
    background-image: url("/images/design/icone_espace.svg");
    width: 434px;
    float: left;
    padding-bottom: 3px;
}

#besoinServeur {
    background-image: url("/images/design/icone_serveur.svg");
}


#besoinPerf .button, #besoinEspace .button, #besoinServeur .button {
    margin: 10px auto 8px auto;
    width: 290px;
    display: block;
    text-align: center;
}

#besoinPerf .button a, #besoinEspace h3 , #contentPerf h1 {
    color: #099FD2;
}

#besoinEspace .button a, #besoinEspace h3 , #contentEspace h1 {
    color: #F47904;
}

th.nextOffer .button {
    width: 129px;
}

th.nextOffer .button a {
    padding: 2px 5px;
}

#besoinServeur .button a, #besoinServeur h3 {
    color: #555;
}

#besoinServeur .button:hover a, #besoinEspace .button a:hover, #besoinPerf  .button a:hover {
    color: #000;
}

#detailCMS ul.thickBoxes li {
   width: 178px;
}

#detailCMS ul.thickBoxes li a {
   color: #099FD2;
   font-size: 14px;
   text-transform: none;
}

#detailCMS ul.thickBoxes li:first-child {
 width: 415px;
}

#detailCMS ul.thickBoxes img:first-child {
   margin-left: 0px;
}

#detailCMS ul.thickBoxes img {
   margin-left: 20px;
   margin-top: 9px;
}



#tblHosting {
    border-collapse: collapse;
}


#tblHosting .pack {
    cursor: pointer;
}





#tblHosting tbody th, #tblHosting tbody td {
    color: #000000;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 11px;
    font-weight: normal;
    padding: 0px 4px;
    background-color: #fff;
    text-align: center;
    line-height: 24px;
}

#tblHosting tbody td.space {
    border: none !important;
    background-color: transparent;
}


#tblHosting tbody td.nextOffer {
    border: none;
    border: 1px solid #BDD7E0;
    border-spacing:12px;
}

#tblHosting.espace tbody th, #tblHosting.espace tbody td {
    border: 1px solid #FCD7B3;
}

#tblHosting.espace tbody.espace td.nextOffer , #tblHosting.perf tbody th, #tblHosting.perf tbody td {
    border: 1px solid #BDD7E0;
}

#tblHosting.perf tbody td.nextOffer {
    border: 1px solid #DEDEDE;
}



#tblHosting tbody th {
    text-align: left;
}

#tblHosting tbody td b {
    font-family: Arial,Helvetica,sans-serif;
    font-weight: 700;
}

#tblHosting tbody th img.tooltip {
    float: right;
    margin-right: 2px;
    margin-top: 6px;
}

#tblHosting tbody.header td {
   background-color: transparent;
   border: none;
   padding: 9px 0px;
   padding-bottom: 3px;
}



#tblHosting tbody.header td span {
    background: none repeat scroll 0 0 transparent;
    font-size: 20px;
    font-weight: bold;
    font-style: italic;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    width: 98%;
    padding: 4px 10px;
    text-align: left;
}



#tblHosting tbody.details  {
    /* border-top: 30px solid transparent; */
}


/*
 *    Couleurs offres espace
 */

#tblHosting.espace tbody.header td span {
    background-color: #F47904;
    border: 1px solid #F8D3B0;
    color: #FFFFFF;
}

#tblHosting.espace tbody.header td.collapsed span {
    background-color: #FFFFFF !important;
    border: 1px solid #F8D3B0;
    color: #F47904 !important;
}

#tblHosting.espace td.collapsed div.plus {
    color: #F47904;
}

#tblHosting.space div.button a {
    color: #E67201;
}


/*
 *    Couleurs offres perf
 */


#tblHosting.perf tbody.header td span {
    background-color: #099FD2;
    border: 1px solid #4AD1FF;
    color: #FFFFFF;
}

#tblHosting.perf tbody.header td.collapsed span {
    background-color: #FFFFFF !important;
    border: 1px solid #4AD1FF;
    color: #099FD2 !important;
}

#tblHosting.perf td.collapsed div.plus {
    color: #099FD2;
    margin-top: 6px;
}

#tblHosting.perf div.button a, #tblHosting tr.perf div.button a {
    color: #099FD2;
}


#tblHosting div.plus {
    position: absolute;
    z-index: 400;
    color: #FFFFFF;
    font-size: 25px;
    margin-top: 0px;
    margin-left: 38em;
    font-weight: bold;
    font-family: monospace;
    margin-top: 3px;
}



#tblHosting  thead th, #tblHosting  tfoot th {
    width: 189px;
    padding: 0px 5px 20px 5px;
    color: #fff;
    font-weight: bold;
    font-size: 18px;
    text-shadow: 2px 2px 2px #666;
    -webkit-text-shadow: 2px 2px 2px #666;
    -moz-text-shadow: 2px 2px 2px #666;
    text-transform: uppercase;
    vertical-align: middle;
}

#tblHosting tfoot th {
    padding-top: 27px;
}

#tblHosting  thead th.space, #tblHosting  tfoot th.space {
   width: 20px !important;
   background-image: none !important;
}

#tblHosting  thead th > div,  #tblHosting  tfoot th > div {
    border-radius: 4px;
    padding-top: 16px;
    height: 170px;
}

#tblHosting.espace  thead th > div, #tblHosting.espace  tfoot th > div  {
    background: transparent url('/images/design/bg_espace.svg') repeat top center;
    background-color: #f07705;
}

#tblHosting.espace  thead th:first-child > div {
    background-image: url('/images/design/oiseau.svg'), url('/images/design/soleil.svg'), url('/images/design/bg_espace.svg');
    background-position: 16px 40px, -61px -36px, left top;
    background-repeat: no-repeat, no-repeat, repeat;
    background-size: 132px auto, auto auto, auto auto;
}

#tblHosting.espace  tfoot th:first-child > div {
    background-image: url('/images/design/oiseau.svg'), url('/images/design/soleil.svg'), url('/images/design/bg_espace.svg');
    background-position: 47px 8px, -59px -81px, left top;
    background-repeat: no-repeat, no-repeat, repeat;
    background-size: 100px auto, auto auto, auto auto;
}


#tblHosting.espace  thead th.nextOffer > div {
    background-image: url("/images/design/guepard.svg"), url("/images/design/bg_perf.svg");
    background-position: -11px 19px, left top;
    background-repeat: no-repeat, repeat;
    background-size: 62px auto, auto auto;
    padding-top: 16px;
    background-color: #0aa1d5;
}

#tblHosting.perf  thead th > div {
    background-image: url('/images/design/bg_perf_effet.svg'), url('/images/design/bg_perf.svg');
    background-position: 0px 47px, left top;
    background-repeat: no-repeat, repeat;
    background-size: 180px auto, auto auto;
    padding-top: 30px;
    background-color: #0aa1d5;
}

#tblHosting.perf thead th:first-child > div {
    background-image: url("/images/design/guepard.svg"), url("/images/design/bg_perf_effet.svg"), url("/images/design/bg_perf.svg");
    background-position: 0px 43px, 0 47px, left top;
    background-repeat: no-repeat, no-repeat, repeat;
    background-size: 132px auto, 180px auto, auto auto;
}

#tblHosting.perf tfoot th:first-child > div {
    background-image: url("/images/design/guepard.svg"), url("/images/design/bg_perf_effet.svg"), url("/images/design/bg_perf.svg");
    background-position: 0px 14px, -18px center, left top;
    background-repeat: no-repeat, no-repeat, repeat;
    background-size: 95px auto, 180px auto, auto auto;
}


#tblHosting.perf tfoot th > div, #tblHosting.espace tfoot th > div {
    height: 90px !important;
}


#tblHosting.espace  tfoot th.nextOffer > div, #tblHosting.perf  tfoot th > div {
  background:  url('/images/design/bg_perf.svg') repeat center center;
  background-color: #0aa1d5;
}

#tblHosting.perf  tfoot th.nextOffer > div {
    background: url("/images/design/bg_serveur.svg") repeat-x scroll left -58px transparent;
    background-color: #454545;
}

#tblHosting.perf  th.nextOffer {
    text-shadow: 2px 2px 2px #000 !important;
    -webkit-text-shadow: 2px 2px 2px #000 !important;
    -moz-text-shadow: 2px 2px 2px #000 !important;
}

#tblHosting.perf thead th.nextOffer > div {
    background-color: #121212;
    background-image: url("/images/design/mains.svg"), url("/images/design/bg_serveur_effet.svg"), url("/images/design/bg_serveur.svg");
    background-position: 0 10px, 21px 70px, 0 -29px;
    background-repeat: no-repeat, no-repeat, repeat-x;
    background-size: 50px auto, 150px auto, auto auto;
}



#tblHosting  thead th  .promo {
    background: transparent url("/images/design/promo_petit.svg") no-repeat 0 0;
    font-weight: bold;
    font-size: 13px;
    text-transform: none;
    height: 46px;
    line-height: 40px;
    margin-left: 10px;
    text-align: left;
    padding-left: 50px;
}

#tblHosting.perf thead th > div {
    height: 156px;
}

#tblHosting thead th .nopromo {
    height: 30px;
}

#tblHosting  thead th p {
    font-weight: bold;
    font-size: 12px;
    text-align: left;
    padding-left: 55px;
    margin-top: -10px;
}

#tblHosting thead th span {
    font-weight: bold;
    font-size: 20px;
    text-transform: none;
}

#tblHosting  thead th  .price1 {
    font-weight: bold;
    font-size: 13px;
    text-transform: none;
}

tr.perf .price1 {
    margin-top: 30px;
}

#tblHosting  thead th  .price1 span {
    font-weight: bold;
    font-size: 27px;
    text-transform: none;
}

#tblHosting  thead th  .price2 {
    font-weight: bold;
    font-size: 13px;
    text-transform: none;
}

#tblHosting  thead th  .from {
    margin-top: 7px;
    font-weight: bold;
    font-size: 13px;
    text-transform: none;
}

#tblHosting div.button {
    margin-bottom: 25px;
}

#tblHosting tfoot div.button {
    margin-top: 16px;
}

#tblHosting div.button a {
    color: #E67201;
    text-shadow: none;
    -webkit-text-shadow: none;
    -moz-text-shadow: none;
}

#tblHosting div.button:hover a {
    color: #000 !important;
}

#tblHosting th.nextOffer div.bouton {
    height: 42px;
    padding-left: 3px;
    padding-right: 3px;
    width: 129px;
}

#tblHosting.espace th.nextOffer div.button a {
    color: #099FD2;
    line-height: 19px;
}

#tblHosting.perf th.nextOffer div.button a {
    color: #000;
    line-height: 19px;
}

#tblHosting.perf th.nextOffer div.button:hover a {
    color: #333;
}


/****************************************************************************/
/*                                                                          */
/*                              Noms de domaine                             */
/*                                                                          */
/****************************************************************************/


#domaines div.offert {
    width: 599px;
    float: left;
    height: 260px;
}

#domaines div.tarifs {
    width: 217px;
    margin-left: 11px;
    float: right;
    height: 285px;
    padding: 11px 50px;
    text-align: center;
}

#domaines div.bulle {
    position: absolute;
    width: 225px;
    height: 225px;
    text-align: center;
    border: 1px solid #ddd;
    background-color: #f9f9f9;
    background: -moz-linear-gradient(top, #ffffff, #f2f2f2);
    background: -ms-linear-gradient(top, #ffffff, #f2f2f2);
    background: -webkit-gradient(linear,left top, left bottom, from(#ffffff), to(#f2f2f2));
    -moz-border-radius: 125px 125px 125px 125px;
    -webkit-border-radius: 125px 125px 125px 125px;
    border-radius: 125px 125px 125px 125px;
    margin-left: 380px;
    margin-top: -240px;
}

#domaines div.bulle h4 {
    color: #93094E;
    font-size: 15px;
    text-transform: uppercase;
    margin-top: 25px;
    margin-bottom: 15px;
    font-style: italic;
}
#domaines div.bulle p {
    color: #828282;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    line-height: 18px;
    width: 185px;
    margin-left: 20px;
}

#domaines div.offert h3 {
    color: #93094E;
    font-size: 30px;
    margin-bottom: 15px;
}

#domaines div.offert > p {
    font-weight: normal;
    color: #828282;
    font-size: 15px;
    width: 360px;
}

#domaines div.offert table {
    margin-top: 15px;
    margin-bottom: 15px;
}

#domaines div.offert table td {
    color: #77093E;
    font-weight: bold;
    font-size: 15px;
    padding: 0px;
    padding-right: 15px;
}


#domaines div.tarifs h3 {
    font-size: 22px;
}

#domaines div.tarifs a {
    font-size: 18px;
    color: #fff;
    text-decoration: none;
    font-style: italic;
    font-weight: bold;
}
#domaines div.tarifs a:hover {
    color: #D6185A;
}


#domaines div.tarifs table {
    margin-top: 12px;
    margin-bottom: 12px;
}

#domaines div.tarifs table td, #domaines div.tarifs table th {
    font-size: 17px;
    width: 140px;
    text-align: right;
    font-style: italic;
    color: #fff;
}

#domaines div.tarifs table th {
    width: 70px;
    font-weight: normal;
    text-align: left;
}

#domaines div.tarifs table td span {
    font-size: 17px;
}

#domaines div.tarifs table td  {
    font-size: 12px;
}


#domaines #promodomaines {
    position: absolute;
    width: 45px;
    height: 45px;
    background: transparent url('/images/design/promo_dns.svg') no-repeat 0 0;
    margin-left: 200px;
    margin-top: -30px;
}

#domaines #envoyerAmi {
    margin-left: 50px;
}

#domaines #envoyerAmi a {
   color: #fff !important;
}

#servicesGarantis {
    padding: 11px 11px 11px 25px;
}

#servicesGarantis h1 {
    color: #38081E;
    padding: 0px;
}

#servicesGarantis ul {
    float: left;
    list-style: none outside none;
    width: 190px;
    border-right: 1px solid #DDDDDD;
    margin-top: 10px;
    margin-left: 30px;
    padding-left: 30px;
}

#servicesGarantis h1 span {
    left: 500px;
}

#servicesGarantis ul.affilie {
    border-right: none;
    width: 290px;
}

#servicesGarantis ul  li.header {
    color: #38081E;
    font-weight: bold;
    font-size: 16px;
}

#servicesGarantis ul li {
    line-height: 16px;
}
#servicesGarantis ul li a {
    color: #828282;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    text-decoration: none;
}

#servicesGarantis ul li img {
    margin-left: 30px;
    margin-top: 20px;
}

/****************************************************************************/
/*                                                                          */
/*                                  contact                                 */
/*                                                                          */
/****************************************************************************/

div.rgpd {

    margin-top: 0.625em;
    padding-bottom : 0.625em;
    color: grey;
    margin-left: 7.2em;
    font-size: 0.7em;
    Line-Height: 1em;
    font-family: 'EB Garamond', serif;
    width: 83em;
    text-align: justify;
}

div.rgpd_recrutement {

    margin: 0 auto;
    color: grey;
    font-size: 0.7em;
    Line-Height: 1em;
    font-family: 'EB Garamond', serif;
    width: 900px;
    text-align: justify;
}

div.rgpd_inscription {

    margin: 0 auto;
    color: grey;
    font-size: 0.7em;
    Line-Height: 1em;
    font-family: 'EB Garamond', serif;
    text-align: justify;
}

div.checkbox {
    background-image:url(/images/design/tools.svg);
    background-repeat:no-repeat;
    background-position:7px -455px;
    float: left;
    width:250px;
    font-weight: bold;
    font-size:16px;
    color:#211d1f;
    line-height:38px;
    padding-left:30px;
    cursor:pointer;

}

div.checkbox.checked {
   background-position: 7px -505px;
   color: #b8114b;
}







/****************************************************************************/
/*                                                                          */
/*                                  Commande                                */
/*                                                                          */
/****************************************************************************/

.menuEtapes {
        position:relative;
        -moz-border-radius: 0px 0px 4px 4px;
        -webkit-border-radius: 0px 0px 4px 4px;
        border-radius: 0px 0px 4px 4px;
        behavior: url(../js/PIE.htc);
        background: #dfdfdf url('/images/design/bg_etapes_commande.svg') repeat-x 0 -39px;
}

.menuEtapes ul {
    margin:0 0 11px 0;
    padding:0;
    list-style:none;
    height:39px;
    counter-reset: order_step;
}

.menuEtapes ul li {
    line-height:39px;
    font-weight: bold;
    color:#666;
    font-size:15px;
    float: left;
    width: 199px;
    padding-left: 38px;
    position: absolute;
    background: transparent url('/images/design/bg_etapes_commande.svg') no-repeat -202px 0;
    counter-increment: order_step;
}

.menuEtapes ul li:before {
    content: counter(order_step) ". ";
}

.menuEtapes ul li.step1 {
    margin-left: 48px;
    z-index: 100;
}
.menuEtapes ul li.step2 {
    margin-left: 226px;
    z-index: 99;
}

.menuEtapes ul li.step2a {
    text-indent: -72px;
}

.menuEtapes ul li.step3 {
    margin-left: 404px;
    z-index: 98;
}
.menuEtapes ul li.step4 {
    margin-left: 582px;
    z-index: 97;
}


.menuEtapes ul li.step5 {
    margin-left: 760px;
    z-index: 96;
    background-color: #dfdfdf;
    background-image: none;
    border-radius: 0px 0px 3px 0px;
    -moz-border-radius: 0px 0px 3px 0px;
    -webkit-border-radius: 0px 0px 3px 0px;
    width: 182px;
}

.menuEtapes ul li.step5.current {
 background-position: -57px -39px;
}

/*.menuEtapes ul li.step4.current {
    background-image: none;
}*/

.menuEtapes ul li.current, .menuEtapes ul li.passed {
    color:#fff;
    background: transparent url('/images/design/bg_etapes_commande.svg') no-repeat -202px -39px ;
}

.menuEtapes ul li.passed {

}


.orderDomains span.availability {
    font-size: 13px;
}

.orderDomains span.availability.available {
   color: #2DB118;
}

.orderDomains span.availability.available_reserved {
   color: orange;
}


.orderDomains span.availability.unavailable {
   color: #C10F0F;
}

.orderDomains td {
    padding: 5px 0px;
    font-size: 13px;
    color: #000;
    border-bottom: 1px solid #E2E2E2;
}

.orderDomains td.cflag {
   color: #000;
   width: 30px;
}

.orderDomains td.domainName {
  min-width: 400px;
}

.orderDomains td.domainAvailability {
    width: 150px;
}

.orderDomains td.selectDuration {
    width: 200px;
}

.orderDomains td.domainPrice{
    width: 100px;
}



.orderDomains td.selectDuration {
   color: #000;
}



.orderDomains td.selectDuration span.operation {
   margin-left: 0px;
}

.orderDomains select {
    width: 100px;
    height: 20px;
    background: white;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    behavior: url(../js/PIE.htc);
    border: #E5E5E5 solid 1px;
    font-size: 12px;
    color: black;
}

.orderDomains select option {
    font-size: 12px;
    color: black;
}


.orderDomains {
    border-collapse: collapse;
    width: 100%;
}


 .orderDomains th {
   text-align: left;
}

.orderDomains td.inactive, .orderDomains td.inactive select option, .orderDomains td.inactive select {
    color: #ccc;
}

span.i {
   font-weight: bold;
   font-size: 12px;
   font-family: 'DejaVu Sans Mono', 'Arial Unicode MS', sans-serif;
}

tr.domainLine:hover td {
    background-color: #ffe1ec;
    cursor: pointer;
}

tr.domainLine td.domainAvailability img {
   padding-left: 10px;
}

tr.domainLine td.cflag img {
   margin-left: 10px;
}


.orderDomains span.whois a {
   font-size: 10px;
   padding-left: 6px;
   color: #444;
   text-decoration: none;
}

.orderDomains span.whois a:hover {
   text-decoration: underline;
}


.orderDomains span.i {
    color: orange;
}

.orderDomains span.checkbox, #order span.checkbox {
    background: url('/images/design/tools.svg') no-repeat -1px -554px;
    display: block;
    width: 18px;
    height: 16px;
    float: left;
    margin-top: 0px;
    cursor: pointer;
}

.orderDomains span.checkbox.checked, #order span.checkbox.checked {
   background: url('/images/design/tools.svg') no-repeat -19px -554px;
}


.orderDomains h1.showMore {
   color: #fff;
   width: 96%;
   background-color: #B8114B;
   font-size: 18px;
   border-radius: 4px;
   padding-left: 7px;
   margin-left: 10px;
   -moz-border-radius: 4px;
   -webkit-border-radius: 4px;
}

.orderDomains h1.showMore:before {
    content: " + ";
}


.orderDomains h1.showMore em {
   padding: 10px 5px;
   font-size: 16px;
}

#addDomains select {
    display: none;
}

#addDomains  {
    color: #4E4E4E;
    font-size: 90%;
    margin: 10px 0;
    padding-left: 5px;
}

#order #actionButtons {
    width: 90%;
    margin: 10px auto;
}

#order #actionButtons .actionbutton {
    display: inline-block;
    min-width: 120px;
    margin-left: 101px;
}

#order #actionButtons .actionbutton.first {
    margin-left: 0px !important;
}

#order #waiter {
    background-color: #FFFFFF;
    height: 343px;
    margin-top: -320px;
    opacity: 0.9;
    position: absolute;
    text-align: center;
    width: 950px;
    z-index: 1000;
}

h1#moreDomains:after {
    content: "";
}

h1#moreDomains:hover {
    color: #cccccc !important;
}

#cboxClose.cboxOptionClose {
    background-image: none;
    text-indent: 0px;
    width: 90px;
    text-align: center;
    background-color: #B8114B;
    height: 31px;
    color: #fff;
    margin: 0px auto;
}

#orderButtons a {
    text-align: center;
    display: block;
    line-height: 51px;
    color: white;
    font-size: 18px;
    text-transform: uppercase;
    text-decoration: none;
    font-weight: bold;
    width: 483px;
    margin-top: 11px;
    margin-bottom: 11px;
    -moz-border-radius: 4px 4px 4px 4px;
    -webkit-border-radius: 4px 4px 4px 4px;
    border-radius: 4px 4px 4px 4px;
    behavior: url(../js/PIE.htc);
}


#orderButtons a.next.disabled, #orderButtons a.next.disabled:hover {
   background-color: #888;
   color: #ccc;
}




#orderButtons a.next {
   background-color: #B8114B;
   float: right;
}
#orderButtons a.next:hover,  #orderButtons a.back:hover {
    color: #38081E;
}

#orderButtons a.back {
   background-color: #B8114B;
   float: left;
}

.tooltipSimple {
    background-color:#3d7483;
    border:1px solid #fff;
    padding:10px 15px;
    width:300px;
    display:none;
    color:#fff;
    text-align:left;
    font-size:75%;
    z-index: 50000;
    /* outline radius for mozilla/firefox only */
    -moz-box-shadow:0 0 10px #000;
    -webkit-box-shadow:0 0 10px #000;
}

#orderConfig #tblHosting  {
    border-collapse: separate;
    border-spacing: 10px;
    margin-left: auto;
    margin-right: auto;
}



#orderConfig #tblHosting  th {
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    width: 185px;
    text-align: center;
    color: #fff;
    font-weight: bold;
    border: 3px solid transparent;
    padding: 0px 0px;
}

#orderConfig #tblHosting  th.selected > div , #orderConfig #tblHosting  td.selected > div {
    border: 3px solid #38081E !important;
}

#orderConfig #tblHosting  tr.domain td > div {
   border-radius: 8px;
   -moz-border-radius: 8px;
   -webkit-border-radius: 8px;
   border: 3px solid transparent;
   background-color: #F9E5E5;
   text-align: center;
}

#orderConfig #tblHosting  tr.domain td > div.selected {
    border: 3px solid #38081E;
}

#orderConfig #tblHosting  tr.domain td > div div.button {
   margin-top: 0px;
   margin-bottom: 10px;
   border: 1px solid #AAAAAA;
}

#orderConfig #tblHosting  tr.domain td > div div.button  a {
   color: #444;
}



#orderConfig #tblHosting tr.domain td h1 {
    font-size: 16px;
    color: #38081E;
    text-align: center;
    font-style: normal;
    margin-bottom: 0px;
}

#orderConfig #tblHosting tr.domain td h1 div.button {
    position: absolute;
}


#orderConfig #tblHosting tr th > div {
    border: 3px solid #fff;
    border-radius: 8px;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    height: 255px;
}

#orderConfig #tblHosting tr th > div.selected {
     border: 3px solid  #38081E;
}

#orderConfig #tblHosting tr.espace th > div {
   background: transparent url('/images/design/bg_espace.svg') repeat top left;
   background-color: #f07705;
}

#orderConfig #tblHosting tr.espace th > div.selected {
     border: 2px solid #000;
}

#orderConfig #tblHosting  tr.espace th:first-child > div {
   background-image:  url('/images/design/oiseau.png'), url('/images/design/soleil.svg'), url('/images/design/bg_espace.svg');
   background-repeat: no-repeat, no-repeat, repeat;
   background-position: 26px 91px, -60px 10px, left top;
   background-size: 130px auto, auto, auto;
   line-height: 80px;
}


#orderConfig #tblHosting  tr.perf th > div {
   background-image:  url('/images/design/bg_perf_effet.svg'), url('/images/design/bg_perf.svg');
   background-repeat:  no-repeat, repeat;
   background-position: 1px 68px, left top;
   background-size: 183px, auto;
   background-color: #0aa1d5;
}

#orderConfig #tblHosting  tr.perf th:first-child > div {
   background-image:  url('/images/design/guepard.svg'), url('/images/design/bg_perf_effet.svg'), url('/images/design/bg_perf.svg');
   background-repeat: no-repeat, no-repeat, repeat;
   background-position: -1px 119px, 1px 68px, left top;
   background-size: 141px auto, 183px, auto;
   padding-top: 45px;
   height: 226px;
   background-color: #0aa1d5;
}

#orderConfig #tblHosting th ul {
   margin-top: 15px;
   list-style-type: none;
}

#orderConfig #tblHosting th ul li {
   font-size: 12px;
   font-weight: normal;
   line-height: 13px;
   text-transform: none;
   text-shadow: none;
}

#orderConfig #tblHosting  .button {
    text-shadow: 0px;
}

#orderConfig h2 {
    color: #B8114B;
}

#orderOptions div.option {
    margin-bottom: 6px;
}

#orderOptions img.moreInfos {
    /*display: none;*/
    cursor: pointer;
}

#orderOwner h3, #orderAdmin h3 {
   font-size: 17px;
   font-style: normal;
}

#orderOwner ul, #orderAdmin ul, #ownerExtra ul, #contact .form ul {
   list-style-type: none;
   margin-bottom: 10px;
   margin-left: 0px;
}



div#ownerExtra p {
   color: #890B48;
}

#orderOwner li, #orderAdmin li, #ownerExtra li , #contact .form li {
  line-height: 2.3em;
}

#orderOwner ul.contactType, #orderAdmin ul.contactType {
    margin-left: 20px;
    margin-bottom: 15px;
}

#orderOwner ul.contactType li, #orderAdmin ul.contactType li {
    display: block;
    float: left;
}

#contact hr {
    color: red;
    background-color: #C4116C;
    height: 1px;
    border: 0;
    margin: 15px 0px;
}

#supportFaq {
    border-radius: 4px;
    background-color: #E5E5E5;
    font-size: 12px;
    margin-bottom: 21px;
    margin-left: 159px;
    padding: 11px;
    width: 690px;
    color: #911B54;
    margin-top: 10px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}


#supportFaq {
    background-color: #E5E5E5;
    border-radius: 4px 4px 4px 4px;
    color: #911B54;
    font-size: 12px;
    margin-bottom: 4px;
    margin-left: 134px;
    padding: 6px;
    width: 600px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

#supportFaq p {
    width: 130px;
    float: left;
    line-height: 16px;
    margin-bottom: 20px;
}

#supportFaq ul {
   width: 560px;
   list-style-type: none;
   margin-bottom: 0px;
}

#supportFaq ul li {
   color: #666;
   line-height: 1.3em !important;
}

#supportFaq ul li a {
    color: #666;
    font-size: 100%;
}

#supportFaq ul li:before {
   content: "> ";
}

#suportSubject {
    width: 623px;
}



#contact p {
    font-size: 120%;
    color: #797979;
}

#contact #formRevendeur p {
    margin-bottom: 20px;
}

#supportFaq p {
    color: #911B54;
    font-size: 100%;
}

#supportFaq p ul {
    float: left;
}

#supportFaq p ul li {
    display: block;

}



#contact #formCommercial p span.button {
    margin-left: 20px;
}
#contact p a.lienRappel {
    display: inline-block;
    vertical-align: -9%;
    font-style: normal;
    color: #890B48;
    font-size: 12px;
    text-transform: none;
}

#contact p a.lienRappel:hover {
    color: #000;
}

#contact ul {
    margin-left: 70px !important;
}

#contact input,#contact select,  #contact option {
    font-size: 13px !important;
}





#contact .form li {
    float: left;
    width: 420px;
}

#contact .form li label {
    color: #797979 !important;
}


#formTechnique .button {
    font-size: 10pt;
    text-transform: none;
    display: inline-block;
    margin-left: 20px;
}

#formTechnique .button a {
    background: url(/images/design/tools.svg) no-repeat 8px -98px transparent;
    padding-left: 30x;
    color: #890b48;
    padding: 0 10px 0 33px;
}

#formTechnique .button:hover a {
    background: url(/images/design/tools.svg) no-repeat 8px -425px transparent;
    color: #000;
}

#formCommercial ul#selectSubjects {
    width: 820px;
    margin-left: 40px !important;
}

#formCommercial ul#selectSubjects li {
    font-size: 90%;
    line-height: 1em;
    width: 405px;
}

#formCommercial ul#selectSubjects li label {
    width: 372px;
    font-weight: normal;
    vertical-align: -7%;
}

#orderOwner ul.contactType li label, #orderAdmin ul.contactType li label{
    font-weight: normal;
}

#order #orderOwner, #order #orderAdmin{
    width: 460px;
    float: left;
    margin-left: 3px;
}

#ownerContact input[type=text], #adminContact input[type=text] , #contact .form input[type=text] {
    width: 200px;
}



#contact .form textarea {
    font-size: 12px;
    height: 110px;
    width: 620px;
}

#formCommercial.form textarea, #formTechnique.form textarea {
    margin-top: 10px;
    padding: 5px;
}

#formRevendeur.form textarea {
    width: 200px !important;
    height: 50px !important;
    margin-top: 0px;
}



#order #ownerContactSelect, #order #adminContactSelect , #contact .form select {
   font-size: 110%;
   height: 24px;
}



#orderOwner label, #orderAdmin label , #loginForm label, #ownerExtra label , #contact .form label{
    display: inline-block;
    width: 130px;
    font-size: 110%;
    vertical-align: top;
}

#ownerExtra label {
     width: 140px;
}

#ownerExtra label span {
    color: #888;
    display: block;
    position: absolute;
    margin-left: 315px;
    margin-top: -2.3em;
}

div#ownerExtraInfos {
     background-color: #eee;
     padding: 5px;
     width: 40%;
     margin-left: 10px;
 }


div#ownerExtraInfos p {
     font-size: 110%;
     font-weight: bold;
 }

div#ownerExtraInfos  li {
   margin-left: 15px;
   list-style-type: none;
   line-height: 1.2em;
}

div#ownerExtraInfos  li:before {
    content: "- ";
}



#orderLogin {
    padding-top: 14px;
}

#loginForm {
    float: right;
    margin-top: 2px;
    width: 727px;
}

#loginForm .actionbutton, #logoutForm .actionbutton {
    font-size: 13px;
}

#loginForm label {
   display: inline;
   width: 95px;
}


#loginForm a {
    color: #888;
    font-size: 90%;
    margin-left: 10px;
}

#loginForm ul li {
    display: inline-block;
}


#lostPasswordForm {
    text-align: center;
    padding: 20px;
}

#lostPasswordForm div {
    font-size: 95%;
    font-weight: bold;
    margin-bottom: 5px;
}

#lostPasswordForm div.error {
    color: red;
}

#lostPasswordForm div.info {
    color: #000 !important;
}

#logoutForm {
    margin-top: -2px;
    margin-left: 30px;
    font-size: 120%;
}

#logoutForm input {
    margin-left: 30px;
}

#loginForm label:nth-child(2) {
    margin-left: 20px;
}

#loginError {
    margin-top: -15px;
    color: #f00000;
}


#order div.orderContact {
    width:445px;
}
#order div.orderContact.owner {
        float: left;
}

#order div.orderContact.admin {
    float: right;
}
#order div.orderContact ul {
    border-left: 2px solid #888;
    padding-left: 5px;
    margin-left: 7px;
    margin-bottom: 20px;
}

#order div.orderContact ul li.name {
    margin-bottom: 5px;
}

#order div.orderContact ul li.address {
    line-height: 1.2em;
}




#order div.orderContact li {
    list-style-type: none;
}

#orderTable {
    width: 100%;
    border-collapse: collapse;
}

#orderTable thead th {
    color: #38081E;
    font-style: italic;
    font-size: 18px;
    padding-top: 11px;
    border-top: 1px solid #ccc;
    text-align: right;
    padding: 6px;
}

#orderTable thead th:nth-child(2) {
   text-align: left !important;
}


#orderTable thead th.descr {
    text-align: left;
    width: 520px;
}

#orderTable tbody td, #orderTable tbody th , #orderTable tfoot td, #orderTable tfoot th{
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    padding: 6px;
}

#orderTable th div.item_details {
    font-weight: normal;
    font-size: 85%;
    color: #888;
    padding-left: 10px;
}

#orderTable tbody td {
    color:#5B5B5B;
    text-align: right;
}

#orderTable tbody th {
    padding: 10px 0px;
    text-align: left;
    font-weight: bold;
}

#orderTable tbody tr.option th {
    padding: 4px 0px;
    padding-left: 20px;
}

#orderTable tbody td.delete {
    cursor : pointer;
    background: url("/images/design/delete.svg") no-repeat scroll -15px 9px transparent
}

#orderTable tbody tr:hover td.delete {
    background: url("/images/design/delete.svg") no-repeat scroll 14px 9px transparent
}

#orderTable select {
    font-size: 10px;
}

#orderTable select:disabled {
    font-size: 10px;
    border: 0px;
    overflow:hidden;
    width: 120%;
}

#orderTable select option {
    font-size: 10px;
    padding: 3px;
}

div.coupons, div.coupons2 {
    color: #d00000;
    font-weight: bold;
    font-size: 12px;
    /*width: 85%;*/
    background:url(/images/design/warning.png) no-repeat left center transparent;
    display: none;
    padding-left: 20px;
    margin: 0px auto;
}


#orderTable tfoot {
    border-top: 1px solid #ccc;
    border-bottom: 1px solid #ccc;
}


#orderTable tfoot td {
    color: #5B5B5B;
    text-align: right;
    font-size: 12px;
}

#orderTable tfoot tr.total td {
   font-weight: bold;
}


#orderTerms {
    margin-top: 25px;
    margin-left: 20px;
}

#orderTerms a {
    font-size: 12px;
    font-family: Arial, Helvetica, sans-serif;
    color: #5B5B5B;
    text-decoration: none;
    margin-left: 50px;
}

#orderTerms label {
    font-size: 17px;
    font-weight: bold;
    font-style: normal;
    color: #38081E;
}


#orderTerms hr {
    background-color: #888888;
    border: 0 none;
    height: 1px;
    margin: 18px auto;
    width: 50%;
}
#orderPayment {
    background-color: #B8114B;
    border: 0px;
    color: #fff;
    padding: 31px;
}

#orderPayment hr {
    background-color: #fff;
    width: 100%;
    height: 1px;
    border: 0;
    margin-bottom: 20px;

}

#orderPayment h2 {
   font-size: 20px;
   color: #fff;
   font-style: normal;
}

#orderPayment h2 a {
    color: #fff;
    text-decoration: underline;
}
#orderPayment h2 a:hover {
    color: #ededed;
}
#orderPayment h2 a:visited {
    color: #ededed;
}

#orderPayment h3 {
   font-size: 18px;
   margin-bottom : 10px;
}

#orderPayment .paymentCB {
   width: 305px;
   float: left;
}

#orderPayment .paymentCB img {
   margin-top: 15px;
   margin-bottom: 5px;
   margin-right: 21px;
}

#orderPayment .paymentOther {
   width: 606px;
   float: right;
}

#orderPayment input[type='submit'] {
   width: 192px;
   height: 55px;
   margin-right: 7px;
   color: #797979;
   font-size: 15px;
   font-weight: normal;
   text-transform: capitalize;
}

#orderPayment .paymentOther input[type='submit']:last-child {
   margin-right:0px;
}

#orderPayment input[type='submit']:hover {
   color: #890B48;
}

#orderPaymentInfos table {
    margin: 10px auto;
}

#orderPaymentInfos input[type='submit'] {
    font-size: 120%;
    height: 50px;
    padding: 15px 25px;
 }

a.invoice {
    display: block;
    width: 15%;
    margin: 10px auto;
    font-weight: bold;
    font-size: 120%;
    color: #B8114B;
    height: 32px;
    line-height: 32px;
    padding-left: 40px;
    background: url(/images/design/invoice.png) no-repeat top left transparent;
}



table.selectDomains {
        border-collapse: collapse;
}


table.selectDomains td, table.selectDomains th {
    text-align: center;
    padding-left: 10px;
    padding-right: 10px;
    font-size: 13px;
    text-align: right;
}

table.selectDomains tr:hover {
    background-color: #eee;
}


div.formerror {
   background: url("/images/design/arrow_error.png") no-repeat scroll 0 center transparent;
   color: #FFFFFF;
   display: none;
   font: bold 11px/1em Arial,sans-serif;
   padding: 7px 15px 10px 20px;
   position: absolute;
   right: 0;
   text-shadow: 1px 1px 1px #000000;
   top: 3px;
   min-width: 145px;
   max-width: 220px;
   display: none;
}

#contact div.errorMsg, #order .errorMsg {
    background: url("/images/design/warning.png") no-repeat scroll 9px center #FFEEEE;
    border-radius: 4px 4px 4px 4px;
    color: #E00000;
    font-weight: bold;
    margin-bottom: 5px;
    margin-left: auto;
    margin-right: auto;
    padding: 5px 5px 5px 30px;
    width: 60%;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}

#contact form {
    margin-top: -10px;
}

div.question {
    position: absolute;
    background: #ccc;
    border-radius: 4px;
    text-align: center;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
}


div.question .yes, div.question .cancel {
    margin-top: .5em;
    margin-right: .5em;
    cursor: pointer;
    display: inline-block;
    width: 63px;
    height: 21px;
    color: #fff;
    text-shadow: 0px 1px 0px #000;
    background-color: #888;
}

div.thickboxed {
    text-align: justify;
    padding: 0 1em;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    color: rgb(92, 92, 92);
    line-height: 20px;
    counter-reset: chapter;
}

div.thickboxed p {
    margin: 0.5em 0;
    line-height: 1.3em;
}

div.thickboxed h1:before {
    content: counter(chapter) ". ";
    counter-increment: chapter;
}

div.thickboxed h1:first-child {
    margin-top: 0em;
}

div.thickboxed h1 {
    margin-top: 1em;
    margin-bottom: -0.5em;
    font-size: 14px;
    color: #A90E59;
}

div.thickboxed ul {
    margin-top: -0.4em;
    list-style-type: none;
    margin-left: 0.6em;
}

div.thickboxed ul li {
    line-height: 1.5em;
}

div.thickboxed ul li:before {
    content: "► ";
    color: #A90E59;
}

a.thickboxed:link {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: rgb(68, 68, 68);
}

a.thickboxed:visited {
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: bold;
    color: rgb(68, 68, 68);
}

div.tbc {
    text-align: center
}

div.tbr {
    float: left; margin-right: 1em;
    text-align: center
}

div.tbc p {
    margin-top: 0em
}

div.tbr p {
    margin-top: 0em
}

/* Pourquoi infogéré */

table.comparo-dedies {
    border : thin solid grey;
    border-spacing: 0px;
    border-collapse: collapse;
}

 table.comparo-dedies td {
    border: thin solid grey;
    padding: 0.2em;
    vertical-align: middle;
    text-align: center;
}

table.comparo-dedies th {
    border: thin solid grey;
    padding: 0.2em;
    vertical-align: middle;
    text-align: left;
}

td.oui {
    background-image:url(/images/valider_vert.png);
    background-position: center center;
    background-repeat: no-repeat;
}
td.non {
    background-image:url(/images/valider_rouge.png);
    background-position: center center;
    background-repeat: no-repeat;
}


div.tooltip-content  {
    font-size: 100%;
}

.qtip {
    max-width: 400px !important;
}

div.tooltip-content p, div.tooltip-content ul li {
    font-size: 100%;
    text-align: justify;
    margin-top: 4px;
}


div.tooltip-content ul li {
    margin-left: 20px;
}

div.tooltip-content ul {
    list-style-type: none;
}

div.tooltip-content ul li:before {
   content: "► ";
}





div.tooltip-content p.abstract {
    font-weight: bold;
}

div.tooltip-content p.card {
    width: 70%;
    margin: 10px auto;
    background-color: #fefefe;
}