/*************
CONTENT GLOBAL
*************/

body img,
body a,
object {
    outline: 0 none;
}

.blocs_content {
    width: 1005px;
    padding-left: 15px;
    margin: 0 auto;
    display: block;
}

.blocs_content .bloc {
    float: left;
    margin: 0 15px 15px 0;
    background-color: #ffffff;
    border: 1px solid #dadada;
}

.blocs_content .bloc.bloc-orange {
    border: 1px solid #ff5800;
}

.blocs_content .bloc.bloc-bleu {
    border: 1px solid #009fda;
}

.blocs_content .bloc.bloc-vert-sage {
    border: 1px solid #41a940;
}

.blocs_content .bloc.bloc-gris-fonce {
    border: 1px solid #4d4f53;
}

.blocs_content .bloc.bloc_320 {
    width: 318px;
    min-height: 48px;
}

.blocs_content .bloc.bloc_275 {
    width: 273px;
    min-height: 48px;
}

.blocs_content .bloc.bloc_655 {
    width: 653px;
    min-height: 48px;
}

.blocs_content .bloc.bloc_700 {
    width: 698px;
    min-height: 48px;
}

.blocs_content .bloc.bloc_990 {
    width: 988px;
    min-height: 148px;
}

.blocs_content .bloc .bloc_content {
    float: left;
    border: 1px solid #ffffff;
    background-image: linear-gradient(#f0f0f0 0, #ffffff 100px);
    min-height: 46px;
}

.blocs_content .bloc.bloc-orange .bloc_content {
    background-image: linear-gradient(#fff0e8 0, #ffffff 100px);
}

.blocs_content .bloc.bloc_320 .bloc_content {
    width: 316px;
}

.blocs_content .bloc.bloc_275 .bloc_content {
    width: 271px;
}

.blocs_content .bloc.bloc_655 .bloc_content {
    width: 651px;
}

.blocs_content .bloc.bloc_700 .bloc_content {
    width: 696px;
}

.blocs_content .bloc.bloc_990 .bloc_content {
    width: 986px;
    min-height: 146px;
}

.blocs_content .colonne_275 {
    float: left;
    width: 290px;
}

.blocs_content .colonne_320 {
    float: left;
    width: 335px;
}

.blocs_content .colonne_655 {
    float: left;
    width: 670px;
}

.blocs_content .colonne_700 {
    float: left;
    width: 715px;
}


/******
BOUTONS
******/


/* Global */


/*a.button {
    display: block;
    text-decoration: none;
    text-align: center;
    font-family: Arial;
    font-weight: bold;
    margin: 0;
    border-width: 1px;
    border-style: solid;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.25);
}
a.button:hover {
    box-shadow: 0px 0 5px rgba(0, 153, 204, 0.7);
}*/


/* Taille */


/*a.button.lite {
    height: 17px;
    width: 81px;
    font-size: 12px;
    padding: 3px 0 0 0;
}
a.button.big {
    height: 30px;
    width: 153px;
    font-size: 18px;
    padding: 8px 0 0 0;
}
a.button.lite-2 {
    display: inline-block;
    padding: 3px 10px 0;
    height: 17px;
    font-size: 12px;
}
a.button.medium {
    display: inline-block;
    height: 23px;
    font-size: 15px;
    padding: 5px 15px 0;
}*/


/* Couleur */


/*a.button.silver, a.button.silverrev {
    color: #666666;
    background-color: #b3b3b3;
    background: linear-gradient(to top, #b3b3b3 0%, #dcdcdc);
    border-image: linear-gradient(to top, #a1a1a1, #e0e0e0) 14% stretch;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6);
}
a.button.silver:hover {
    color: #ffffff;
    background-color: #029ed2;
    background: linear-gradient(to top, #029ed2 0%, #26b8e8);
    border-image: linear-gradient(to top, #0c89b3, #68d8fd) 14% stretch;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
}
a.button.silverrev:hover {
    color: #ffffff;
    background: linear-gradient(to top, #0058b6 0%, #006fe5);
    border-image: linear-gradient(to top, #014690, #1a88fd) 14% stretch;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0 5px rgba(0, 99, 207, 0.7);
}
a.button.blue {
    font-weight: normal;
    color: #ffffff;
    background-color: #029ed2;
    background: linear-gradient(to top, #029ed2 0%, #26b8e8);
    border-image: linear-gradient(to top, #0c89b3, #68d8fd) 14% stretch;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
}
a.button.blue:hover {
    color: #ffffff;
    background-color: #029ed2;
    background: linear-gradient(to top, #029ed2 0%, #26b8e8);
    border-image: linear-gradient(to top, #0c89b3, #68d8fd) 14% stretch;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
}
a.button.bluerev {
    font-weight: normal;
    color: #ffffff;
    background: linear-gradient(to top, #0058b6 0%, #006fe5);
    border-image: linear-gradient(to top, #014690, #1a88fd) 14% stretch;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
}
a.button.bluerev:hover {
    color: #ffffff;
    background: linear-gradient(to top, #0058b6 0%, #006fe5);
    border-image: linear-gradient(to top, #014690, #1a88fd) 14% stretch;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0 5px rgba(0, 99, 207, 0.7);
}
a.button.green {
    font-weight: normal;
    color: #ffffff;
    background-color: #378c35;
    background: linear-gradient(to top, #378c35 0%, #50cc4e);
    border-image: linear-gradient(to top, #2d732c, #5ae557) 14% stretch;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
}
a.button.green:hover {
    color: #ffffff;
    background-color: #029ed2;
    background: linear-gradient(to top, #029ed2 0%, #26b8e8);
    border-image: linear-gradient(to top, #0c89b3, #68d8fd) 14% stretch;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
}*/


/* Cas particuliers */


/*a.button.medium.blue.plus {
    background: #0099cc url("/RessourcesCiel/Binaires/images/global/2015/boutons/bg_bt_blue_plus.gif") no-repeat left top;
    padding: 6px 10px 0 33px;
    height: 23px;
    font-weight: bold;
}*/


/*************************
BORDURES BOUTON POUR IE
**************************/


/*body.ie a.button.silver {
    border-color: #b3b3b3;
}
body.ie a.button.green {
    border-color: #378c35;
}
body.ie a.button.silver:hover,
body.ie a.button.blue,
body.ie a.button.blue:hover,
body.ie a.button.green:hover {
    border-color: #029ed2;
}*/


/******
BOUTONS
******/


/* Global */

a.button,
input.button {
    display: block;
    text-decoration: none;
    text-align: center;
    font-family: Arial;
    font-weight: bold;
    margin: 0;
    border-width: 1px;
    border-style: solid;
    box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.25);
    transition: all 0.25s cubic-bezier(.5, 0, .5, 1);
}

a.button:hover,
input.button:hover {
    box-shadow: 0px 0 5px rgba(0, 153, 204, 1);
}


/* Taille */

a.button.lite,
input.button.lite {
    height: 17px;
    width: 81px;
    font-size: 12px;
    padding: 3px 0 0 0;
    background-size: 300% 300%;
    background-position: 0 0;
}

a.button.big,
input.button.big {
    height: 30px;
    width: 153px;
    font-size: 18px;
    padding: 8px 0 0 0;
    background-size: 300% 300%;
    background-position: 0 0;
}

a.button.lite-2,
input.button.lite-2 {
    display: inline-block;
    padding: 3px 10px 0;
    height: 17px;
    font-size: 12px;
    background-size: 300% 300%;
    background-position: 0 0;
}

a.button.medium,
input.button.medium {
    display: inline-block;
    height: 23px;
    font-size: 15px;
    padding: 5px 15px 0;
    background-size: 300% 300%;
    background-position: 0 0;
}

a.button:hover,
input.button:hover {
    background-position: 0 100%;
}


/* Couleur */

a.button.silver,
a.button.silverrev,
input.button.silver,
input.button.silverrev {
    color: #666666;
    background-color: rgb(179, 179, 179);
    background-image: linear-gradient(to top, #029ed2, #26b8e8, #b3b3b3, #dcdcdc);
    /* hover clair > hover foncé > base claire > base foncée */
    border-color: rgb(179, 179, 179);
    border-image: linear-gradient(to top, #a1a1a1, #e0e0e0) 14% stretch;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.6);
}

a.button.silverrev,
input.button.silverrev {
    background-image: linear-gradient(to top, #0058b6, #006fe5, #b3b3b3, #dcdcdc);
    /* hover clair > hover foncé > base claire > base foncée */
}

a.button.silver:hover,
input.button.silver:hover {
    color: #ffffff;
    background-color: rgb(2, 158, 210);
    border-color: rgb(2, 158, 210);
    border-image: linear-gradient(to top, #0c89b3, #68d8fd) 14% stretch;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
}

a.button.silverrev:hover,
input.button.silverrev:hover {
    color: #ffffff;
    background-color: rgba(0, 99, 207, 1);
    border-color: rgba(0, 99, 207, 1);
    border-image: linear-gradient(to top, #014690, #1a88fd) 14% stretch;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0 5px rgba(0, 99, 207, 0.7);
}

a.button.green,
input.button.green {
    font-weight: normal;
    color: #ffffff;
    background-color: rgb(55, 140, 53);
    background-image: linear-gradient(to top, #029ed2, #26b8e8, #378c35, #50cc4e);
    /* hover clair > hover foncé > base claire > base foncée */
    border-color: rgb(55, 140, 53);
    border-image: linear-gradient(to top, #2d732c, #5ae557) 14% stretch;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
}

a.button.green:hover,
input.button.green:hover {
    color: #ffffff;
    background-color: rgb(2, 158, 210);
    border-color: rgb(2, 158, 210);
    border-image: linear-gradient(to top, #0c89b3, #68d8fd) 14% stretch;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
}

a.button.blue,
input.button.blue {
    font-weight: normal;
    color: #ffffff;
    background-color: rgb(2, 158, 210);
    background-image: linear-gradient(to top, #029ed2, #26b8e8, #029ed2, #26b8e8);
    /* hover clair > hover foncé > base claire > base foncée */
    border-color: rgb(2, 158, 210);
    border-image: linear-gradient(to top, #0c89b3, #68d8fd) 14% stretch;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
}

a.button.blue:hover,
input.button.blue:hover {
    color: #ffffff;
    background-color: rgb(2, 158, 210);
    border-color: rgb(2, 158, 210);
    border-image: linear-gradient(to top, #0c89b3, #68d8fd) 14% stretch;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
}

a.button.bluerev,
input.button.bluerev {
    font-weight: normal;
    color: #ffffff;
    background-color: rgb(0, 111, 229);
    background-image: linear-gradient(to top, #0058b6, #006fe5, #0058b6, #006fe5);
    /* hover clair > hover foncé > base claire > base foncée */
    border-color: rgb(0, 111, 229);
    border-image: linear-gradient(to top, #014690, #1a88fd) 14% stretch;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
}

a.button.bluerev:hover,
input.button.bluerev:hover {
    color: #ffffff;
    background-color: rgb(0, 111, 229);
    border-color: rgb(0, 111, 229);
    border-image: linear-gradient(to top, #014690, #1a88fd) 14% stretch;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0 5px rgba(0, 99, 207, 0.7);
}

a.button.orangesage,
input.button.orangesage {
    font-weight: bold;
    color: #ffffff;
    background-color: rgb(255, 88, 0);
    background-image: linear-gradient(to top, #029ed2, #26b8e8, #ff5800, #ff8240);
    /* hover clair > hover foncé > base claire > base foncée */
    border-color: rgb(255, 88, 0);
    border-image: linear-gradient(to top, #cc4700, #ffa473) 14% stretch;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
}

a.button.orangesage:hover,
input.button.orangesage:hover {
    color: #ffffff;
    background-color: rgb(2, 158, 210);
    border-color: rgb(2, 158, 210);
    border-image: linear-gradient(to top, #0c89b3, #68d8fd) 14% stretch;
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
}

a.button.red,
input.button.red {
    font-weight: normal;
    color: #ffffff;
    background-color: rgb(185, 5, 42);
    border-color: rgb(185, 5, 42);
    text-shadow: 0px -1px 0px rgba(0, 0, 0, 0.3);
}


/* Cas particuliers */

a.button.medium.blue.plus {
    font-weight: bold;
    padding: 0;
    margin: 0;
    height: 29px;
}

a.button.medium.blue.plus span {
    height: 23px;
    display: block;
    padding: 6px 10px 0 33px;
    background: transparent url("../../../Binaires/images/global/2015/boutons/bt_plus_bleu.png") 3px 3px no-repeat;
}


/*************
CONTENT FOOTER
*************/

.bottom {
    float: left;
    width: 100%;
}

.bottom .fond-copyright {
    width: 100%;
    float: left;
    height: 32px;
}

.bottom .copyright {
    margin: 0 auto;
    width: 990px;
    padding: 10px 0 0 0;
    font-size: 11px;
    color: #333333;
}

.bottom .copyright p {
    margin: 0;
    padding: 0;
}

.bottom .copyright p.liens {
    float: right;
}

.bottom .copyright p.liens a {
    text-decoration: none;
    color: #333333;
}

.bottom .copyright p.liens a:hover {
    color: #0099cc;
}

.bottom .copyright p.annee {
    float: left;
}

.bottom .bg_footer {
    float: left;
    margin: 0;
    width: 100%;
    background: transparent url("../../../Binaires/images/global/2015/blocs/bg_footer_corner.png") no-repeat center top;
}

.bottom .bg_footer .footer {
    min-height: 250px;
    margin: 0 auto;
    width: 990px;
}

.bottom .bg_footer .footer .colonne {
    float: left;
    width: 198px;
    margin: 12px 0 12px 0;
    min-height: 50px;
}

.bottom .bg_footer .footer .colonne h5 {
    font-size: 11px;
    color: #ffffff;
    margin: 0;
    padding: 0 0 3px 0;
}

.bottom .bg_footer .footer .colonne ul {
    margin: 0;
    padding: 0 0 5px 0;
    font-size: 11px;
}

.bottom .bg_footer .footer .colonne ul li {
    margin: 0;
    padding: 0;
    list-style-position: inside;
    color: #ffffff;
}

.bottom .footer .colonne ul li a {
    text-decoration: none;
    color: #ffffff;
}

.bottom .footer .colonne ul li a:hover {
    color: #ffffff;
    text-decoration: underline;
}

.middle {
    float: left;
    width: 100%;
    position: relative;
}

.middle .blocs_content {
    position: relative;
    width: 1020px;
    padding-left: 15px;
    margin: 0 auto;
    box-sizing: border-box;
}


/*****
FOOTER
*****/

.bandeau {
    float: left;
    height: 80px;
    width: 100%;
    background-color: #7a7b7e;
}

.bandeau .content {
    margin: 0 auto;
    height: 80px;
    width: 1020px;
}

.bandeau .content .bloc {
    float: left;
    height: 80px;
    width: 100px;
}

.bandeau .content .bloc .picto {
    height: 30px;
    float: left;
    margin-top: 25px;
}

.bandeau .content .bloc .spacer {
    float: right;
    width: 1px;
    height: 30px;
    margin-top: 25px;
    background-color: #9b9c9e;
}

.bandeau .content .bloc p {
    float: left;
    font-size: 15px;
    color: #ffffff;
    margin: 21px 0 0 9px;
    padding: 0;
    line-height: 19px;
}

.bandeau .content .bloc.livraison {
    width: 193px;
}

.bandeau .content .bloc.livraison .picto {
    width: 43px;
    margin-left: 15px;
    background-image: url("../../../Binaires/images/footer/2016/picto_livraison.png");
    background-size: 43px auto;
}

.bandeau .content .bloc.paiement {
    width: 294px;
}

.bandeau .content .bloc.paiement .picto {
    width: 29px;
    margin-left: 39px;
    background-image: url("../../../Binaires/images/footer/2016/picto_paiement.png");
    background-size: auto 30px;
}

.bandeau .content .bloc.smile {
    width: 267px;
}

.bandeau .content .bloc.smile .picto {
    width: 30px;
    margin-left: 39px;
    background-image: url("../../../Binaires/images/footer/2016/picto_smile.png");
    background-size: 30px 30px;
}

.bandeau .content .bloc.chargement {
    width: 266px;
}

.bandeau .content .bloc.chargement .picto {
    width: 30px;
    margin-left: 39px;
    background-image: url("../../../Binaires/images/footer/2016/picto_chargement.png");
    background-size: 30px 30px;
}

.copyright {
    float: left;
    min-height: 32px;
    width: 100%;
}

.copyright .content {
    margin: 0 auto;
    width: 1020px;
    box-sizing: border-box;
    font-size: 11px;
    padding: 0 15px;
}

.copyright p {
    margin: 0;
    padding: 0;
    line-height: 32px;
}

.copyright p.liens {
    float: right;
}

.copyright p.liens a {
    text-decoration: none;
    color: #333333;
}

.copyright p.liens a:hover {
    color: #0099cc;
}

.copyright p.annee {
    float: left;
}

.footer {
    float: left;
    min-height: 50px;
    width: 100%;
    padding-bottom: 50px;
    background-color: #9a9b9c;
}

.footer .content {
    margin: 0 auto;
    width: 1020px;
    box-sizing: border-box;
    padding: 30px 15px;
}

.footer .content .liens {
    float: left;
    width: 792px;
}

.footer .content .liens .col {
    float: left;
    width: 198px;
    min-height: 100px;
    box-sizing: border-box;
    padding-right: 15px;
}

.footer .content .liens .col ul {
    margin: 0;
    padding: 0;
    font-size: 11px;
    color: #ffffff;
    font-weight: bold;
    margin-bottom: 27px;
}

.footer .content .liens .col ul li {
    margin: 0 0 0 10px;
    padding: 0;
    font-weight: normal;
}

.footer .content .liens .col ul li a {
    color: #ffffff;
    text-decoration: none;
}

.footer .content .liens .col ul li a:hover {
    text-decoration: underline;
}

.footer .content .logos {
    float: right;
    width: 180px;
    height: 150px;
}

.footer .content .logos img {
    width: 91px;
    height: 36px;
    float: right;
    margin-left: 89px;
    margin-bottom: 15px;
}

.footer .content .logos a.lien-sage {
    display: block;
    width: 91px;
    height: 36px;
    margin-left: 89px;
    margin-bottom: 15px;
}

.footer .content .logos a {
    float: right;
    height: 24px;
    width: 24px;
    margin-left: 5px;
    background-size: 24px 24px;
}

.footer .content .logos a.go {
    background-image: url("../../../Binaires/images/footer/2016/picto_go.png");
}

.footer .content .logos a.ln {
    background-image: url("../../../Binaires/images/footer/2016/picto_ln.png");
}

.footer .content .logos a.vi {
    background-image: url("../../../Binaires/images/footer/2016/picto_vi.png");
}

.footer .content .logos a.yt {
    background-image: url("../../../Binaires/images/footer/2016/picto_yt.png");
}

.footer .content .logos a.tw {
    background-image: url("../../../Binaires/images/footer/2016/picto_tw.png");
}

.footer .content .logos a.fb {
    background-image: url("../../../Binaires/images/footer/2016/picto_fb.png");
}

.footer .content p.mentions {
    display: block;
    float: left;
    width: 100%;
    margin: 0;
    padding: 0;
    font-size: 11px;
    font-style: italic;
    color: #ffffff;
}


/*********************************************************************************************
ATTENTION ! SI TU AS L'INTENTION D'ECRIRE TA CSS ICI TU FAIS ERREUR ! ET CE SERA PANPAN CUCU !
*********************************************************************************************/