@import url(animate.css); 

    .visio{
        box-sizing: border-box;
        width:330px;
        background-color: #313131;
        padding: 17px 10px 15px 15px;
        border-bottom-left-radius:4px;
        border-bottom-right-radius:4px;
        font-family:sans-serif;
        color: #FFF;
        position: absolute;
        z-index: 10;
        right: 0px;
    }
    
    .visio .visio_cam{
        display:block;
        float:left;
        width: 22px;
    }
    
    .visio .visio_profil{
        width:50px;
        margin-top:-10px;
        border-radius: 4px;
    }
    
    .visio p{
        float:left;
        margin:0 20px 20px 30px;
        font-size:14px;
        line-height:1;
        width: 180px;
    }
    
    .visio p span{font-weight:bold;}
    
    .visio_check{width:14px;}
    .visio_rejet{width:10px;}
    
    .visio_accept{
        font-size:13px;
        font-weight:bold;
        cursor: pointer;
    }
    
    .visio_accept_check{
        display:block;
        border-right: 2px solid #FFF;
        float:left;
        padding-right:13px;
        margin-right:13px
    }
    .visio .visio_profil{
      width:50px;
      height:50px;
      margin-top:-10px;
      border-radius: 4px;
      float:left;
      background: #CCC no-repeat center center;
      background-size: cover;
    }
    .visio_accept_rejet{float:left;cursor: pointer;}

    .stop{clear:both;}

@font-face {
    font-family: "HelveticaNeueLTStd-UltLt";
    src: url("../webfonts/287FDC_C_0.eot?#iefix") format("embedded-opentype"), url("../webfonts/287FDC_C_0.woff") format("woff"), url("../webfonts/287FDC_C_0.ttf") format("truetype");
}
@font-face {
    font-family: "HelveticaNeueLTStd-UltLtIt";
    src: url("../webfonts/287FDC_1D_0.eot?#iefix") format("embedded-opentype"), url("../webfonts/287FDC_1D_0.woff") format("woff"), url("../webfonts/287FDC_1D_0.ttf") format("truetype");
}
@font-face {
    font-family: "HelveticaNeueLTStd-Th";
    src: url("../webfonts/287FDC_20_0.eot?#iefix") format("embedded-opentype"), url("../webfonts/287FDC_20_0.woff") format("woff"), url("../webfonts/287FDC_20_0.ttf") format("truetype");
}
@font-face {
    font-family: "HelveticaNeueLTStd-ThIt";
    src: url("../webfonts/287FDC_32_0.eot?#iefix") format("embedded-opentype"), url("../webfonts/287FDC_32_0.woff") format("woff"), url("../webfonts/287FDC_32_0.ttf") format("truetype");
}
@font-face {
    font-family: "HelveticaNeueLTStd-Lt";
    src: url("../webfonts/287FDC_3_0.eot?#iefix") format("embedded-opentype"), url("../webfonts/287FDC_3_0.woff") format("woff"), url("../webfonts/287FDC_3_0.ttf") format("truetype");
}
@font-face {
    font-family: "HelveticaNeueLTStd-LtIt";
    src: url("../webfonts/287FDC_14_0.eot?#iefix") format("embedded-opentype"), url("../webfonts/287FDC_14_0.woff") format("woff"), url("../webfonts/287FDC_14_0.ttf") format("truetype");
}
@font-face {
    font-family: "HelveticaNeueLTStd-Roman";
    src: url("../webfonts/287FDC_17_0.eot?#iefix") format("embedded-opentype"), url("../webfonts/287FDC_17_0.woff") format("woff"), url("../webfonts/287FDC_17_0.ttf") format("truetype");
}
@font-face {
    font-family: "HelveticaNeueLTStd-It";
    src: url("../webfonts/287FDC_25_0.eot?#iefix") format("embedded-opentype"), url("../webfonts/287FDC_25_0.woff") format("woff"), url("../webfonts/287FDC_25_0.ttf") format("truetype");
}
@font-face {
    font-family: "HelveticaNeueLTStd-Md";
    src: url("../webfonts/287FDC_28_0.eot?#iefix") format("embedded-opentype"), url("../webfonts/287FDC_28_0.woff") format("woff"), url("../webfonts/287FDC_28_0.ttf") format("truetype");
}
@font-face {
    font-family: "HelveticaNeueLTStd-MdIt";
    src: url("../webfonts/287FDC_6_0.eot?#iefix") format("embedded-opentype"), url("../webfonts/287FDC_6_0.woff") format("woff"), url("../webfonts/287FDC_6_0.ttf") format("truetype");
}
@font-face {
    font-family: "HelveticaNeueLTStd-Bd";
    src: url("../webfonts/287FDC_9_0.eot?#iefix") format("embedded-opentype"), url("../webfonts/287FDC_9_0.woff") format("woff"), url("../webfonts/287FDC_9_0.ttf") format("truetype");
}
@font-face {
    font-family: "HelveticaNeueLTStd-BdIt";
    src: url("../webfonts/287FDC_11_0.eot?#iefix") format("embedded-opentype"), url("../webfonts/287FDC_11_0.woff") format("woff"), url("../webfonts/287FDC_11_0.ttf") format("truetype");
}
@font-face {
    font-family: "HelveticaNeueLTStd-Blk";
    src: url("../webfonts/287FDC_29_0.eot?#iefix") format("embedded-opentype"), url("../webfonts/287FDC_29_0.woff") format("woff"), url("../webfonts/287FDC_29_0.ttf") format("truetype");
}
@font-face {
    font-family: "HelveticaNeueLTStd-BlkIt";
    src: url("../webfonts/287FDC_A_0.eot?#iefix") format("embedded-opentype"), url("../webfonts/287FDC_A_0.woff") format("woff"), url("../webfonts/287FDC_A_0.ttf") format("truetype");
}
@font-face {
    font-family: "ArialRounded";
    src: local("616"), url("../webfonts/616.woff") format("woff"), url("../webfonts/616.ttf") format("truetype");
}
.ArialRounded {
    font-family: "ArialRounded" !important;
    font-style: normal;
    font-weight: normal;
}
.HelveticaNeueLTStd-UltLt {
    font-family: HelveticaNeueLTStd-UltLt;
    font-style: normal;
    font-weight: normal;
}
.HelveticaNeueLTStd-UltLtIt {
    font-family: HelveticaNeueLTStd-UltLtIt;
    font-style: normal;
    font-weight: normal;
}
.HelveticaNeueLTStd-Th {
    font-family: HelveticaNeueLTStd-Th;
    font-style: normal;
    font-weight: normal;
}
.HelveticaNeueLTStd-ThIt {
    font-family: HelveticaNeueLTStd-ThIt;
    font-style: normal;
    font-weight: normal;
}
.HelveticaNeueLTStd-Lt {
    font-family: HelveticaNeueLTStd-Lt;
    font-style: normal;
    font-weight: normal;
}
.HelveticaNeueLTStd-LtIt {
    font-family: HelveticaNeueLTStd-LtIt;
    font-style: normal;
    font-weight: normal;
}
.HelveticaNeueLTStd-Roman {
    font-family: HelveticaNeueLTStd-Roman;
    font-style: normal;
    font-weight: normal;
}
.HelveticaNeueLTStd-It {
    font-family: HelveticaNeueLTStd-It;
    font-style: normal;
    font-weight: normal;
}
.HelveticaNeueLTStd-Md {
    font-family: HelveticaNeueLTStd-Md;
    font-style: normal;
    font-weight: normal;
}
.HelveticaNeueLTStd-MdIt {
    font-family: HelveticaNeueLTStd-MdIt;
    font-style: normal;
    font-weight: normal;
}
.HelveticaNeueLTStd-Bd {
    font-family: HelveticaNeueLTStd-Bd;
    font-style: normal;
    font-weight: normal;
}
.HelveticaNeueLTStd-BdIt {
    font-family: HelveticaNeueLTStd-BdIt;
    font-style: normal;
    font-weight: normal;
}
.HelveticaNeueLTStd-Blk {
    font-family: HelveticaNeueLTStd-Blk;
    font-style: normal;
    font-weight: normal;
}
.HelveticaNeueLTStd-BlkIt {
    font-family: HelveticaNeueLTStd-BlkIt;
    font-style: normal;
    font-weight: normal;
}
@media (max-device-width: 768px) and (orientation: landscape) {
html {
}
}
* {
    outline: 0 none;
}
html * {
}
body {
    background-position: right top;
    background-repeat: no-repeat;
    font-family: "HelveticaNeueLTStd-Roman",Helvetica,Arial,sans-serif;
    margin: 0;
    padding: 0;
    width: auto;
}
#body {
    margin: 0 auto;
    max-width: 640px;
    min-width: 320px;
}
#body_popup {
    margin: 0 auto;
    max-width: 620px;
    min-width: 300px;
}
h1, h2, h3, h4 {
    margin-bottom: 0;
    margin-top: 0;
}
.clear {
    clear: both;
}
.espace {
    height: 15px;
}
.background_color_1 {
    background-color: #ffffff;
}
.background_color_2 {
    background-color: #fff;
}
.background_color_3 {
    background-color: #333333;
    opacity: 0.98;
}
.main_2 {
    height: auto;
    margin: 0;
    padding: 0;
    width: auto;
}
.main_3 {
    height: auto;
    margin: 0;
    padding: 8px 7px 0;
    width: auto;
}



.main_4 {
    height: auto;
    margin: 0;
    padding: 0 5px;
    width: auto;
}
.main_5 {
    height: auto;
    margin: 0;
    padding: 7px 10px 0;
    width: auto;
}
.main_6 {
    height: auto;
    margin: 0;
    padding: 8px 5px;
    width: auto;
}
.main_7 {
    height: auto;
    margin: 0;
    padding: 7px 0 0;
    width: auto;
}
.main_8 {
    height: auto;
    margin: 0;
    padding: 0 5px 8px;
    width: auto;
}
.main_9 {
    height: auto;
    margin: 0;
    padding: 8px 2px;
    width: auto;
}
.main_10 {
    height: auto;
    margin: 0;
    padding: 8px 10px;
    width: auto;
}
.main_11 {
    height: auto;
    margin: 0;
    padding: 11px 5px 8px;
    width: auto;
}
.padding_1 {
    padding: 0 10px;
}
.padding_2 {
    padding: 10px 0 0;
}
.padding_3 {
    padding: 3px;
}
.padding_4 {
    cursor: pointer;
    padding: 3px 4px 0 0;
}


.padding_5 {
    padding: 10px 7px;
}



.padding_6 {
    padding: 5px;
}
.padding_7 {
    padding: 15px 0 0;
}
.padding_8 {
    padding: 0 2px 0 0;
}
.padding_9 {
    padding: 2px 0 0;
}
.padding_10 {
    padding: 2px 0 3px;
}
.padding_11 {
    padding: 0 0 2px 10px;
}
.padding_12 {
    padding: 19px 0 0;
}
.padding_17 {
    padding: 2px 0 0;
}
.padding_18 {
    padding: 4px 0 0;
}
.padding_19 {
    padding: 7px 0 0;
}
.margin_1 {
    margin: 47px 0 0;
}
.margin_2 {
    margin: 5px 0 0;
}



.margin_3 {
    margin: 125px 0 0;
}
.margin_4 {
    height: auto;
    margin: 0;
}
.margin_5 {
    margin: 0 105px 0 0;
}
.margin_6 {
    margin: 8px 0 0;
}



.margin_8 {
    padding: 8px 0 5px 10px;
}



.margin_9 {
    margin: 10px 0 0;
}
.margin_10 {
    margin: 18px 0 0;
}
.margin_11 {
    margin: 14px 0 10px;
}
.margin_12 {
    line-height: 16px;
    margin: 6px 0 0;
}



.margin_13 {
    margin: 19px 0 0;
}
.margin_14 {
    margin: 12px 0 0;
}
.margin_15 {
    margin: 1px 0 0;
}
.margin_16 {
    margin: 0 56px 0 0;
}
.margin_17 {
    margin: 5px 83px 0 5px;
}
.margin_18 {
    margin-right: 4px;
    margin-top: -1px;
}
.margin_19 {
    margin-left: 4px;
    margin-top: -1px;
}
.margin_20 {
    margin: 3px 0 0;
}
.margin_21 {
    height: 19px;
}
.margin_22 {
    margin: 0 8px 0 0;
}
.margin_23 {
    margin: 0 0 0 8px;
}
.margin_24 {
    margin: 0 19px 0 0;
}
.margin_25 {
    margin: 5px 10px 0 0;
}
.margin_26 {
    margin: 0 8px 0 2px;
}
.margin_27 {
    margin: 10px 0 0 8px;
}
.margin_28 {
    margin: 0 2px 0 0;
}
.margin_30 {
    margin: 15px 0 0;
}
.margin_31 {
    margin: 4px 13px 0 0;
}
.margin_32 {
    margin: 0 10px 0 4px;
}
.margin_33 {
    margin: 25px 0 0;
}
.margin_34 {
    margin: 4px 2px 0 0;
}
.margin_35 {
    margin: 0 5px 0 10px;
}
.span_1 {
    color: #000000;
    font-family: HelveticaNeueLTStd-Bd;
    font-size: 14px;
    font-weight: normal;
}
.span_2 {
    color: #000000;
    font-family: HelveticaNeueLTStd-Roman;
    font-size: 13px;
    font-weight: normal;
}
.span_4 {
    color: #000000;
    font-family: HelveticaNeueLTStd-Roman;
    font-size: 15px;
    font-weight: normal;
}
.span_7 {
    color: #000000;
    font-family: HelveticaNeueLTStd-lt;
    font-size: 15px;
    font-weight: normal;
}
.span_8 {
    color: #000000;
    font-family: HelveticaNeueLTStd-It;
    font-size: 14px;
    font-weight: normal;
}

.span_8 {
    color: #707070;
    font-family: HelveticaNeueLTStd-Roman;
    font-size: 14px;
    font-weight: normal;
}

.span_9 {
    color: #000000;
    font-family: HelveticaNeueLTStd-Lt;
    font-size: 13px;
    font-weight: normal;
}
.span_11 {
    color: #000000;
    font-family: HelveticaNeueLTStd-Md;
    font-size: 13px;
    font-weight: normal;
}
.span_12 {
    color: #ffffff;
    font-family: HelveticaNeueLTStd-Roman;
    font-size: 11px;
    font-weight: normal;
}
.span_13 {
    color: #666666;
    font-family: HelveticaNeueLTStd-It;
    font-size: 12px;
    font-weight: normal;
}
.span_13_2 {
    color: #666666;
    font-family: HelveticaNeueLTStd-Roman;
    font-size: 12px;
    font-weight: normal;
}
.span_14 {
    color: #000000;
    font-family: HelveticaNeueLTStd-Roman;
    font-size: 12px;
    font-weight: normal;
}
.span_15 {
    color: #000000;
    font-family: HelveticaNeueLTStd-Roman;
    font-size: 10px;
    font-weight: normal;
}
.span_16 {
    color: #ffffff;
    font-family: HelveticaNeueLTStd-Roman;
    font-size: 16px;
    font-weight: normal;
}
.span_17 {
    color: #000000;
    font-family: HelveticaNeueLTStd-Md;
    font-size: 14px;
    font-weight: normal;
}
.span_18 {
    color: #000000;
    font-family: HelveticaNeueLTStd-Lt;
    font-size: 14px;
    font-weight: normal;
}
.span_19 {
    color: #000000;
    font-family: HelveticaNeueLTStd-Roman;
    font-size: 9px;
    font-weight: normal;
}
.span_22 {
    color: #000000;
    font-family: HelveticaNeueLTStd-LtIt;
    font-size: 14px;
    font-weight: normal;
}
.span_23 {
    color: #000000;
    font-family: HelveticaNeueLTStd-Roman;
    font-size: 14px;
    font-weight: normal;
}
.span_27 {
    color: #333333;
    font-family: HelveticaNeueLTStd-Roman;
    font-size: 12px;
    font-weight: normal;
    margin: 3px 0 0;
}
.span_28 {
    color: #333333;
    font-family: HelveticaNeueLTStd-Roman;
    font-size: 12px;
    font-weight: normal;
    padding: 2px 0 0;
}
.span_29 {
    color: #333333;
    font-family: HelveticaNeueLTStd-LtIt;
    font-size: 12px;
    font-weight: normal;
    padding: 0;
}
.span_31 {
    color: #000000;
    font-family: HelveticaNeueLTStd-Bd;
    font-size: 17px;
    font-weight: normal;
}
.span_32 {
    color: #666666;
    font-family: HelveticaNeueLTStd-Roman;
    font-size: 12px;
    font-weight: normal;
}
.span_33 {
    color: #000000;
    font-family: HelveticaNeueLTStd-Bd;
    font-size: 15px;
    font-weight: normal;
}
.span_34 {
    color: #000000;
    font-family: HelveticaNeueLTStd-LtIt;
    font-size: 12px;
    font-weight: normal;
}
.span_35 {
    color: #000000;
    font-family: HelveticaNeueLTStd-BdIt;
    font-size: 12px;
    font-weight: normal;
}
.span_37 {
    color: #000000;
    font-family: HelveticaNeueLTStd-LtIt;
    font-size: 10px;
    font-weight: normal;
}
.span_38 {
    color: #000;
    font-family: HelveticaNeueLTStd-Roman;
    font-size: 13px;
    font-weight: normal;
}
.span_40 {
    color: #000000;
    font-family: HelveticaNeueLTStd-LtIt;
    font-size: 13px;
    font-weight: normal;
}
.span_42 {
    color: #000000;
    font-family: HelveticaNeueLTStd-It;
    font-size: 13px;
    font-weight: normal;
}
.span_44 {
    color: #000000;
    font-family: HelveticaNeueLTStd-Bd;
    font-size: 15px;
    font-weight: normal;
    line-height: 16px;
}
.span_60 {
    color: #fff;
    font-family: HelveticaNeueLTStd-Roman;
    font-size: 13px;
    font-weight: normal;
}
.line_height_1 {
    line-height: 9px;
}
.text_decoration_none {
    text-decoration: none;
}
.titre_2 {
    color: #ffffff;
    font-family: HelveticaNeueLTStd-Lt;
    font-size: 19px;
    font-weight: normal;
    padding: 0 0 0 5px;
    text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.6);
    vertical-align: 7px;
}
.titre_3 {
    color: #000000;
    font-family: HelveticaNeueLTStd-Lt;
    font-size: 15px;
    font-weight: normal;
    text-align: center;
}
.titre_4 {
    color: #1d1d1d;
    font-family: HelveticaNeueLTStd-Lt;
    font-size: 19px;
    font-weight: normal;
    text-align: center;
    text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.6);
}
.titre_6 {
    color: #ffffff;
    font-family: HelveticaNeueLTStd-Lt;
    font-size: 19px;
    font-weight: normal;
    padding: 3px 0 0;
    text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0.6);
}
.titre_7 {
    color: #000000;
    font-family: HelveticaNeueLTStd-Lt;
    font-size: 17px;
    font-weight: normal;
    padding: 0 0 3px;
    text-align: center;
}
.titre_8 {
    color: #000000;
    font-family: HelveticaNeueLTStd-Md;
    font-size: 15px;
    font-weight: normal;
    text-align: center;
}
.border_bottom_1 {
    border-bottom: 1px solid #c8c8c8;
}
.border_bottom_2 {
    border-bottom: 1px solid #aeaeae;
}
.border_bottom_3 {
    border-bottom: 1px solid #666666;
}
.border_bottom_4 {
    border-bottom: 1px solid #393939;
}
.border_bottom_6 {
    border-bottom: 1px solid #e3e3e3;
}
.border_top_1 {
    border-top: 1px solid #ffffff;
}
.border_top_5 {
    border-top: 1px solid #eaeaea;
}
.color_1 {
    color: #000;
}
.float_left {
    float: left;
}
.float_right {
    float: right;
}
.float_center {
    float: inherit;
}
.text_align_center {
    text-align: center;
}
.text_align_justify {
    text-align: justify;
}
.bouton-gauche {
    margin-right: 10px;
}
.bouton-droite {
    margin-left: 10px;
}
.champ-picto-1 {
    background-color: #ffffff;
    border-radius: 2px;
    box-shadow: 0 0 0 1px rgba(124, 124, 124, 1) inset;
    margin: 10px 0 0;
    padding: 6px 10px 2px;
}
.champ-picto-2 {
    background-color: #ffffff;
    border-radius: 2px;
    box-shadow: 0 0 0 1px rgba(180, 180, 180, 1) inset;
    margin: 10px 0 0 5px;
    padding: 6px 10px 2px;
}
.champ-picto-3 {
    background-color: #ffffff;
    border-radius: 2px;
    box-shadow: 0 0 0 1px rgba(180, 180, 180, 1) inset;
    padding: 6px 10px 2px;
}
.champ-1 {
    background-color: #f2f2f2;
    border-radius: 2px;
    box-shadow: 0 0 0 1px rgba(124, 124, 124, 1) inset;
    box-sizing: border-box;
    padding: 8px 10px 4px;
    width: 100%;
}

.champ-2 {
    background-color: #f2f2f2;
    border-radius: 2px;
    box-shadow: inset 0 0 0 1px rgba(180, 180, 180, 1);
    -webkit-box-shadow: 0 0 0 1px rgba(180, 180, 180, 1);
    box-sizing: border-box;
    padding: 8px 10px 4px;
    width: 100%;
}
.champ-2-bug {
    -webkit-box-shadow: none;
    box-shadow: none;
    border: 1px solid rgba(180, 180, 180, 1);
}
.champ-3 {
    background-color: #f2f2f2;
    border-radius: 2px;
    box-shadow: 0 0 0 1px rgba(180, 180, 180, 1) inset;
    box-sizing: border-box;
    padding: 8px 7px 4px;
    width: 40px;
}
.input:hover, .input:focus, .input:hover + .right, .input:focus + .right {
    border-color: #4ab5d9;
}
/*.css-label-2.css-label-2-mobile { background-image: url("../../mobile/images_sl/index/checkbox_2.png"); }*/
.select_micka_1 {
    background: #f2f2f2 url("../images_g/index/fleche_select_1_v3.png") no-repeat scroll right center / 24px 18px;
    border: 1px solid #7c7c7c;
    border-radius: 3px;
    color: #333333;
    font-family: HelveticaNeueLTStd-It;
    font-size: 15px;
    font-weight: normal;
    margin: 3px 0 0;
    padding: 7px 10px 4px;
    width: 100%;
}
.select_1 {
    background: #f2f2f2 url("../images_g/index/fleche_select_1_v3.png") no-repeat scroll right center / 24px 18px;
    border: 1px solid #7c7c7c;
    border-radius: 3px;
    color: #333333;
    font-family: HelveticaNeueLTStd-It;
    font-size: 15px;
    font-weight: normal;
    margin: 3px 0 0;
    padding: 7px 10px 4px;
    width: 100%;
}
.select_3 {
    background: #f2f2f2 url("../images_g/index/fleche_select_1_v3.png") no-repeat scroll right center / 24px 18px;
    border: 1px solid #7c7c7c;
    border-radius: 3px;
    color: #333333;
    font-family: HelveticaNeueLTStd-It;
    font-size: 15px;
    font-weight: normal;
    margin: 0;
    padding: 6px 5px 4px;
}
.select_rech {
    background-color: #f2f2f2;
    border: 1px solid #7c7c7c;
    border-radius: 3px;
    box-shadow: 0 2px 3px 0 rgba(113, 113, 113, 0.4);
    color: #333333;
    font-family: HelveticaNeueLTStd-It;
    font-size: 15px;
    font-weight: normal;
    margin: 0;
    padding: 7px 10px 4px;
}
.select_4 {
    background: #f2f2f2 url("../images_g/index/fleche_select_1.png") no-repeat scroll right center / 35px 18px;
    border: 1px solid #7c7c7c;
    border-radius: 3px;
    box-shadow: 0 2px 3px 0 rgba(113, 113, 113, 0.4);
    color: #333333;
    font-family: HelveticaNeueLTStd-It;
    font-size: 15px;
    font-weight: normal;
    margin: 0;
    padding: 7px 20px 4px 24px;
    width: 100%;
}
.memoriser {
    margin-right: 15px;
    padding: 17px 0 0;
    width: 180px;
}
.ok_recherche {
    float: right;
    margin-right: 5px;
    padding: 10px 0 0;
}
.mdp_oublie {
    color: #000;
    font-family: HelveticaNeueLTStd-It;
    font-size: 14px;
    font-weight: normal;
    padding: 13px 0 0;
    text-decoration: none;
}
.contact {
    color: #000;
    float: right;
    font-family: HelveticaNeueLTStd-It;
    font-size: 14px;
    font-weight: normal;
    padding: 13px 0 0;
    text-align: right;
    text-decoration: none;
    width: 50%;
}
input, select {
    background: #ffffff none repeat scroll 0 0;
    border: 0 none;
    border-radius: 0;
    color: #333333;
    font-family: HelveticaNeueLTStd-It;
    font-size: 15px;
    font-weight: normal;
    padding: 0;
    width: auto;
}
select {
}
textarea {
    background: #ffffff none repeat scroll 0 0;
    border: 0 none;
    border-radius: 0;
    color: #333333;
    font-family: HelveticaNeueLTStd-It;
    font-size: 15px;
    width: 100%;
}
.fond_popup {
    background-color: #f5f5f5;
    border-radius: 3px;
    box-shadow: 0 2px 14px rgba(0, 0, 0, 1);
    width: 100%;
}
.fond_popup_uni {
    background: #e0e0e0 none repeat scroll 0 0;
    border-radius: 6px;
    box-shadow: 0 2px 14px rgba(0, 0, 0, 1);
    width: 100%;
}
#contmenu {
    margin-left: 120px;
}
.element_menu {
    float: left;
    width: 25%;
}
.element_menu_logo {
    float: left;
    width: 120px;
}
.membre_1 {
    border-bottom: 1px solid #c8c8c8;
    border-top: 1px solid #ffffff;
    left: 0;
    padding: 6px 0 7px 5px;
    position: relative;
    top: 0;
    width: auto;
}
.membre_1b {
    border-bottom: 1px solid #c8c8c8;
    left: 0;
    padding: 6px 0 5px 5px;
    position: relative;
    top: 0;
    width: auto;
}
.membre_2 {
    border-bottom: 1px solid #c8c8c8;
    border-top: 1px solid #ffffff;
    left: 0;
    padding: 7px 0 5px 5px;
    position: relative;
    top: 0;
    width: auto;
}
.membre_3 {
    left: 0;
    padding: 6px 0 5px 5px;
    position: relative;
    top: 0;
    width: auto;
}
.membre_4 {
    border-bottom: 1px solid #c8c8c8;
    left: 0;
    padding: 7px 5px 9px;
    position: relative;
    top: 0;
    width: auto;
}
.membre_5 {
    border-bottom: 1px solid #c8c8c8;
    border-top: 1px solid #ffffff;
    left: 0;
    padding: 7px 5px 9px;
    position: relative;
    top: 0;
    width: auto;
}
.membre_6 {
    border-bottom: 1px solid #c8c8c8;
    left: 0;
    padding: 7px 5px 5px;
    position: relative;
    top: 0;
    width: auto;
}
.membre_8 {
    border-bottom: 1px solid #c8c8c8;
    border-top: 1px solid #ffffff;
    left: 0;
    padding: 7px 0 7px 5px;
    position: relative;
    top: 0;
    width: auto;
}
.picto_membre {
    position: absolute;
    right: 0;
    top: 0;
}
.blog {
    float: left;
    padding: 22px 8px 18px 12px;
}
.chatter {
    float: left;
    padding: 22px 11px 18px 12px;
}
.conseil {
    border-bottom: 1px solid #c8c8c8;
    padding: 5px 6px 2px;
}
.haut_suite_separ {
    border-top: 1px solid #ffffff;
    margin: 0;
    padding: 10px 0 0;
}
.haut_suite {
    margin: 0 5px;
    padding: 0;
}
.display_inline_block {
    display: inline-block;
}
.sous_menu_1 {
    background: rgba(0, 0, 0, 0) linear-gradient(#fdfdfd, #eaeaea) repeat scroll 0 0;
    box-shadow: 0 3px 5px rgba(4, 5, 5, 0.2), 0 10px 10px -10px rgba(4, 5, 5, 0.99) inset;
    height: 40px;
    padding: 0;
    width: 100%;
}
.sous_menu_2 {
    background: rgba(0, 0, 0, 0) linear-gradient(#fdfdfd, #eaeaea) repeat scroll 0 0;
    box-shadow: 0 3px 5px rgba(4, 5, 5, 0.2), 0 10px 10px -10px rgba(4, 5, 5, 0.99) inset;
    padding: 0;
    width: 100%;
}
.sous_menu_3 {
    background: rgba(0, 0, 0, 0) linear-gradient(#fdfdfd, #eaeaea) repeat scroll 0 0;
    box-shadow: 0 3px 5px rgba(4, 5, 5, 0.2);
    padding: 0;
    width: 100%;
}
.sous_menu_4 {
    background: rgba(0, 0, 0, 0) linear-gradient(#fdfdfd, #eaeaea) repeat scroll 0 0;
    box-shadow: 0 3px 5px rgba(4, 5, 5, 0.2);
    padding: 0;
    width: 100%;
}
.sous_menu_6 {
    background: rgba(0, 0, 0, 0) linear-gradient(#fdfdfd, #eaeaea) repeat scroll 0 0;
    box-shadow: 0 3px 5px rgba(4, 5, 5, 0.2);
    width: 100%;
}
.sous_menu_7 {
    background: rgba(0, 0, 0, 0) linear-gradient(#fdfdfd, #eaeaea) repeat scroll 0 0;
    box-shadow: 0 3px 5px rgba(4, 5, 5, 0.2);
    padding: 7px 0 4px;
    position: relative;
    width: 100%;
}
.sous_menu_7_inverse {
    background: rgba(0, 0, 0, 0) linear-gradient(#efefef, #fdfdfd) repeat scroll 0 0;
    border-top: 1px solid #b5b5b5;
    box-shadow: 0 3px 5px rgba(4, 5, 5, 0.2);
    height: 32px;
    line-height: 32px !important;
    position: relative;
    text-align: center !important;
    width: 100%;
}
.sous_titre_page {
    background: rgba(0, 0, 0, 0) linear-gradient(#fdfdfd, #eaeaea) repeat scroll 0 0;
    box-shadow: 0 3px 5px rgba(4, 5, 5, 0.2);
    padding: 7px 0 5px;
    width: 100%;
}
.erreur_champ {
    color: #fd0000;
    font-family: HelveticaNeueLTStd-Bd;
    font-size: 14px;
    font-weight: normal;
    margin: 5px 0 0 10px;
}
.erreur_champ_index {
    color: #fd0000;
    font-family: HelveticaNeueLTStd-Bd;
    font-size: 14px;
    font-weight: normal;
    margin: 10px 0 0 0px;
    border-radius: 4px;
    text-align: center;
    background-color: #FFF;
    padding-top: 2px;
}

.discut_croix {
    float: left;
    margin: 23px 0 0;
    padding: 9px 11px 8px 12px;
}
.date_chat {
    display: block;
    margin-bottom: 5px;
    margin-top: 7px;
    text-align: center;
}
.bulle_rouge {
    display: inline-block;
    margin-top: 7px;
    max-width: 230px;
    min-width: 60px;
}
.envoyer {
    float: right;
    margin-right: 5px;
    padding: 0;
}
.nouveaux {
    border-bottom: 1px solid #c8c8c8;
    padding: 14px 0 10px;
}
.bannerpub {
    height: auto;
    margin: 0 auto;
    padding: 10px 0 0;
    width: auto;
}
.bannerpub2 {
    border-bottom: 1px solid #c8c8c8;
    border-top: 1px solid #ffffff;
    height: auto;
    margin: 0 auto;
    padding: 0;
    width: auto;
}
.suppr_discussion {
    float: left;
    padding: 4px 0 2px;
    text-align: left;
    width: 50%;
}
.son {
    float: left;
    padding: 4px 0 2px;
    text-align: right;
    width: 50%;
}
.profil {
    background: #fdfdfd none repeat scroll 0 0;
    box-shadow: 0 10px 10px -10px rgba(4, 5, 5, 0.99) inset;
    margin: 0;
    padding: 12px 0 6px;
}
.bt_prec {
    color: #000;
    font-family: HelveticaNeueLTStd-Roman;
    font-size: 14px;
    font-weight: bold;
    margin: 1px 8px 0 0;
    text-align: center;
    text-decoration: none;
}
.bt_suiv {
    color: #000;
    font-family: HelveticaNeueLTStd-Roman;
    font-size: 14px;
    font-weight: bold;
    margin: 1px 0 0;
    text-align: center;
    text-decoration: none;
}
.boutons_profil {
    float: left;
    padding: 7px 0 5px;
    text-align: center;
    width: 25%;
}
.boutons_profil_2 {
    float: left;
    padding: 0;
    text-align: center;
    width: 50%;
}
.boutons_lieux {
    float: left;
    padding: 7px 0 5px;
    text-align: center;
    width: 33%;
}
.fond_criteres_recherche {
    background: rgba(0, 0, 0, 0) linear-gradient(#fdfdfd, #eaeaea) repeat scroll 0 0;
    border-radius: 3px;
    box-shadow: 0 0 0 1px rgba(180, 180, 180, 1) inset, 0 2px 3px 0 rgba(113, 113, 113, 0.4);
    display: none;
    margin: 2px 0 0;
    padding: 10px;
}
.list_amis_1 {
    float: left;
    margin: 0 3px 8px 2px;
    text-align: center;
}
.etoile_1 {
    margin: 6px 10px 0;
}
.contenu_haut_profil {
    margin: 0 auto;
    position: relative;
    width: 300px;
}
.haut_lieuxgays {
    background: #fdfdfd none repeat scroll 0 0;
    margin: 0;
    padding: 12px 12px 6px;
}
.haut_mon_profil {
    margin: 0 auto;
    width: 310px;
}
.commentaire_1 {
    padding: 4px 12px;
}
input.file {
    opacity: 0;
    position: relative;
    text-align: right;
    z-index: 2;
}
.photo-stock-photo {
    float: left;
    margin: 0 5px 15px;
    width: 150px;
}
.bloc_premium {
    background: #ffffff none repeat scroll 0 0;
    border-bottom: 1px solid #b4b4b4;
    border-top: 1px solid #b4b4b4;
    box-shadow: 0 2px 3px 0 rgba(113, 113, 113, 0.4);
    text-decoration: none;
}
.tableau_1 {
    border: 1px solid #b4b4b4;
    border-radius: 3px;
    width: 100%;
}
.temps_video {
    background: #000 none repeat scroll 0 0;
    border-radius: 3px;
    color: #fff;
    font-family: HelveticaNeueLTStd-Lt;
    font-size: 12px;
    font-weight: normal;
    opacity: 0.8;
    padding: 4px 0 1px;
    text-align: center;
    width: 35px;
}
.fond_popup_2 {
    left: 0;
    margin: 5px auto;
    opacity: 0.9;
    position: absolute;
    right: 0;
    width: 300px;
    z-index: 99;
}
.contenu_popup_2 {
    background: #000 none repeat scroll 0 0;
    border-radius: 7px;
    color: #fff;
    font-size: 16px;
    padding: 7px;
    text-align: center;
}
.contenu_popup_3 {
    background: #f00 none repeat scroll 0 0;
    border: 1px solid #000;
    border-radius: 7px;
    color: #fff;
    font-size: 16px;
    padding: 7px;
    text-align: center;
}
.alerte {
    color: #ff0000;
    font-weight: bold;
    text-align: center;
}
.valider {
    color: #00cc00;
    font-weight: bold;
    text-align: center;
}
.chp_placeholder {
    display: none;
    padding-top: 10px;
}
#div_photo_ajoute {
    color: #000000;
    font-family: HelveticaNeueLTStd-LtIt;
    font-size: 14px;
    font-weight: normal;
    margin: 10px;
}
.separation {
    border-bottom: 1px solid #ffffff;
    border-top: 1px solid #c8c8c8;
}
.videos_9 {
    background-color: #942750;
    border-radius: 3px;
    float: left;
    height: 68px;
    margin: 0 7px 0 0;
    width: 92px;
}
.bulle_nb_msg_chat {
    background-color: #000;
    border-radius: 10px;
    color: #fff;
    font-family: "HelveticaNeueLTStd-Roman";
    font-size: 11px;
    height: 10px;
    line-height: 10px !important;
    min-width: 5px;
    padding: 4px 6px !important;
    position: absolute;
    right: 3px;
    text-align: center;
    text-shadow: 0 1px 1.5px rgba(0, 0, 0, 0);
    top: 3px;
}
.chat_param {
    background: rgba(0, 0, 0, 0) url("../img/general/picto_parametre.png") no-repeat scroll center center / 34px 25px;
    float: left;
    height: 43px;
    padding: 0;
    width: 20%;
}




/* AJOUT DU 24/11/2015 */


.div_coockies {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	background-color:#CCC;
	filter:alpha(opacity=90);
	-moz-opacity:0.95;
	-khtml-opacity: 0.90;
	opacity: 0.90;
	padding:10px 0;
	z-index: 50;
}	
	
.contenu_div_coockies {
	margin: 0 auto;
	max-width: 1000px;
}

.text_coockies {
	line-height:14px;
	color:#000;
	margin-left: 10px;
	margin-right: 10px;
	font-size:12px;
}

.titre_coockies {
	font-size:18px;
	font-weight:bold;
	line-height:26px;
}
	
.croix_coockies {
	align:right;
	right:0px;
}	

.la_croix_coockies {
	cursor:pointer;
	margin-right: 10px;
}	

#body_popup {
	max-width:470px;
}		
			
#body_popup .main_3 {
    height: auto;
    margin: 0;
    padding: 10px 18px 0;
    width: auto;
}			
	
#body_popup .padding_4 {
    cursor: pointer;
    padding: 24px 20px 0 0;
}

#body_popup .padding_5 {
    padding: 18px;
}

#body_popup .margin_2 {
    margin: 10px 0 0;
}

#body_popup .margin_6 {
    margin: 10px 0 0;
}

#body_popup .margin_8 {
    padding: 20px 0 15px 20px;
}

#body_popup .margin_12 {
    line-height: 16px;
    margin: 10px 0 0;
}	

#body_popup .span_3 {
    font-size: 18px;
}
	
.margin_36 {
	margin: 16px 0px 0px 0px;
}