﻿body {
    margin: 0;
    padding: 0;
    background: url(http://wwwcdn.beezup.com/images/background.png) repeat;
    font-family: Arial, sans-serif;
    font-size: 14px;
    color: #59666d;
}

.fb_edge_widget_with_comment span.fb_edge_comment_widget iframe.fb_ltr { display: none !important; }

@font-face {
    font-family: 'sansationbold';
    src: url('/Content/Fonts/sansation_bold-webfont.eot');
    src: url('/Content/Fonts/sansation_bold-webfont.eot?#iefix') format('embedded-opentype'), url('/Content/Fonts/sansation_bold-webfont.woff') format('woff'), url('/Content/Fonts/sansation_bold-webfont.ttf') format('truetype'), url('/Content/Fonts/sansation_bold-webfont.svg#sansationbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'sansation_lightlight';
    src: url('/Content/Fonts/sansation_light-webfont.eot');
    src: url('/Content/Fonts/sansation_light-webfont.eot?#iefix') format('embedded-opentype'), url('/Content/Fonts/sansation_light-webfont.woff') format('woff'), url('/Content/Fonts/sansation_light-webfont.ttf') format('truetype'), url('/Content/Fonts/sansation_light-webfont.svg#sansation_lightlight') format('svg');
    font-weight: normal;
    font-style: normal;
}

h2 {
    color: #000;
    font-size: 22px;
    font-weight: bold;
    font-family: "Trebuchet MS", Arial, sans-serif;
    padding: 0;
    margin: 0;
}

h3 {
    color: #000;
    font-size: 20px;
    font-weight: bold;
    font-family: "Trebuchet MS", Arial, sans-serif;
    padding: 0;
    margin: 0;
}

a { cursor: pointer; }

.clear { clear: both; }

.textleft { text-align: left; }

.textright { text-align: right; }

.textcenter { text-align: center; }

.text_line_height { line-height: 20px; }

.numero {
    font-size: 28px;
    font-weight: bold;
}

.website {
    position: relative;
    display: table;
    width: 100%;
}

.website .menu_responsive {
    background: #013573;
    position: fixed;
    width: 0px;
    height: auto;
    z-index: 100;
    top: 0;
    left: -250px;
    float: left;
    display: block;
}

.website .menu_responsive .bloc_menu_responsive {
    width: 100%;
    height: 45px;
    line-height: 45px;
    text-transform: uppercase;
    color: #FFF;
    background: #014595;
    border-bottom: 1px solid #01336e;
    border-top: 1px solid #0a55ac;
    cursor: pointer;
}

.website .menu_responsive .bloc_menu_responsive:hover {
    background: #0086ff;
    background-color: #0086ff;
}

.website .menu_responsive .bloc_menu_responsive:active { background: #0086ff; }

.website .menu_responsive .bloc_menu_responsive a, .website .menu_responsive .bloc_menu_responsive span {
    padding-left: 15px;
    color: #fff;
    text-decoration: none;
    display: block;
    cursor: pointer;
}


.website .menu_responsive .subbloc_menu_responsive {
    width: 100%;
    overflow: hidden;
    line-height: 45px;
    color: #FFF;
    background: #013573;
    margin: 0;
    padding: 0;
    cursor: pointer;
    overflow: hidden;
}

.website .menu_responsive .subbloc_menu_responsive ul {
    margin-top: 0;
    margin-bottom: 0;
    padding: 0;
}

.website .menu_responsive .subbloc_menu_responsive ul li {
    text-decoration: none;
    list-style: none;
    height: 45px;
    border-bottom: 1px solid #0a55ac;
    margin: 0;
    padding: 0;
    cursor: pointer;
}

.website .menu_responsive .subbloc_menu_responsive ul li:hover {
    background: #0086ff;
    background-color: #0086ff;
}

.website .menu_responsive .subbloc_menu_responsive ul li a {
    padding-left: 30px;
    color: #fff;
    text-decoration: none;
    display: block;
    cursor: pointer;
}

/*.contentWebsite {
    position: absolute;
    display: block;
    width: 100%;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: -1;
    height: auto;
    -webkit-font-smoothing: subpixel-antialiased;
}*/

.contentWebsite {
    /*position: initial;*/
    display: block;
    width: auto;
    overflow-y: auto;
    overflow-x: hidden;
    z-index: -1;
    height: auto;
    -webkit-font-smoothing: subpixel-antialiased;
}

.beez {
    color: #1965ff;
    font-weight: bold;
}

.up {
    color: #000;
    font-weight: bold;
}

.phraserose {
    font-size: 20px;
    color: #fe0081;
    padding: 0;
    margin: 0;
}

.content {
    width: 910px;
    margin: 0 auto;
    position: relative;
}

.content_actualite {
    width: 925px;
    margin: 0 auto;
    position: relative;
}

.content_footer {
    /*width: 1100px;*/
    margin: 0 auto;
    position: relative;
}

.content_slider_index {
    width: 100%;
    max-width: 960px;
    margin: 0 auto;
    position: relative;
    display: -webkit-flex;
    display: -ms-flex;
    display: -moz-box-flex;
    display: -webkit-box-flex;
    left: 1%;
}

.content_header {
    width: 1000px;
    margin: 0 auto;
    position: relative;
}

.content_menu_channel {
    width: auto;
    margin: 0 auto;
    position: relative;
    display: inherit;
    min-width: 1000px;
}


.content_menu_product {
    width: auto;
    margin-left: auto;
    margin-right: auto;
    position: relative;
    display: inherit;
    min-width: 1000px;
}

.content_plugin {
    width: auto;
    margin: 0 auto;
    position: relative;
    max-width: 1060px;
}

.content_index {
    width: 1000px;
    margin: 0 auto;
    position: relative;
}

.content_aboutus {
    width: auto;
    margin: 0 auto;
    position: relative;
    display: inherit;
    min-width: 1000px;
}

.content_terms {
    width: auto;
    margin: 0 auto;
    position: relative;
    display: inherit;
    min-width: 1000px;
}


.bold { font-weight: bold; }

/* ///////////////////////////////////////////////// */

/* HEADER */

/* ///////////////////////////////////////////////// */

.Bande_header {
    width: 100%;
    height: 140px;
    margin: 0;
    padding: 0;
    background: #FFF;
    position: relative;
}

.bloc_logo {
    float: left;
    width: 147px;
    height: 86px;
    padding-top: 20px;
}

.logo {
    /*background: url(http://wwwcdn.beezup.com/images/logo.png) no-repeat;*/
    width: 147px;
    height: 86px;
    display: block;
    margin: 0 auto;
}

.logo img, .Bloc_login img { border: none; }

.bloc_header {
    float: right;
    width: 763px;
    height: 140px;
}

.login {
    float: right;
    width: 700px;
    height: 78px;
    margin-top: 9px;
    font-size: 12px;
    position: relative;
}

.Bloc_login {
    float: left;
    width: 105px;
    text-align: center;
}

.Bloc_login a { color: #858585; }

.Bloc_Social {
    position: relative;
    display: inline-block;
    width: 355px;
    margin-top: -2px;
    z-index: 1000;
}

.Bloc_Social_Footer {
    position: relative;
    display: inline-block;
}

/*@-moz-document url-prefix() {
    .Bloc_Social_Footer;

{
    display: inline-block !important;
}

}*/

.Bande_header .bloc_header .responsive_bouton_menu { display: none; }

.drapeau {
    margin-right: 7px;
    padding: 0;
}

.triangle_menu { margin-left: 7px; }

.select_langue {
    width: 90px;
    margin-right: 15px;
    display: block;
    /*background: url(http://wwwcdn.beezup.com/images/triangle_menu.png) no-repeat right;*/
    cursor: pointer;
}

.arrowSelectLang {
    /*padding-left: 5px;*/
    /*display: inline;*/
}

.drapeau_france {
    width: 16px;
    height: 11px;
    display: block;
    position: absolute;
    background: url(http://wwwcdn.beezup.com/images/drapeau_france.png) no-repeat;
}

.selecteur_langue { position: relative; }

.selecteur_langue span { margin-left: 5px; }

.sub_selecteur_langue {
    display: none;
    position: absolute;
    top: -15px;
    text-decoration: none;
    background: white;
    list-style: none;
    text-align: left;
    padding-top: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 5px;
    z-index: 4;
    border: 1px solid #88889a;
    margin-top: 35px;
}

.sub_selecteur_langue li { margin-bottom: 5px; }

.sub_selecteur_langue li img { margin-right: 5px; }

.bloc_select_langue_partenaires {
    position: relative;
    width: 160px !important;
    height: 19px;
    background: #FFF;
    border-radius: 5px;
    border: 1px solid #c4c4c9;
}

.select_langue_partenaires {
    width: 140px !important;
    margin: auto;
    margin-top: 1px;
    padding-right: 8px;
    background: url(http://wwwcdn.beezup.com/images/triangle_menu.png) no-repeat right;
    cursor: pointer;
    /*  EBU: Ajout de protection elipse pour ce selecteur (pas d'overflow)  */
    overflow: hidden;
    text-overflow: ellipsis;
    white-space: nowrap;
}

.select_langue_partenaires { margin-top: 2px\9; }

@media screen and (min-width: 0\0) {
    .select_langue_partenaires { margin-top: 2px; }
}

.drapeau_france {
    width: 16px;
    height: 11px;
    display: block;
    position: absolute;
    background: url(http://wwwcdn.beezup.com/images/drapeau_france.png) no-repeat;
}

.selecteur_langue_partenaires {
    text-decoration: none;
    padding: 0;
    margin: 0;
    display: inline;
}

.selecteur_langue_partenaires span {
    margin-left: 5px;
    text-decoration: none;
    color: #858585;
}

.sub_selecteur_langue_partenaires {
    display: none;
    position: absolute;
    width: 100%;
    top: 10px;
    left: 0px;
    text-decoration: none;
    background: #FFF;
    list-style: none;
    text-align: left;
    padding-top: 10px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-right: 10px;
    border-radius: 5px;
    z-index: 4;
    border: 1px solid #88889a;
}

.sub_selecteur_langue_partenaires li { margin-bottom: 5px; }

.sub_selecteur_langue_partenaires li a { color: #858585; }

.sub_selecteur_langue_partenaires li img {
    margin-right: 5px;
    border: none;
}

.trait_bloc_login {
    float: left;
    width: 1px;
    height: 15px;
    background: #dcdcdc;
}

.twitter-share-button { width: 91px !important; }

.social_button {
    display: inline-block;
    vertical-align: top;
    padding-left: 10px;
}

.social_button.social_button_facebook { }

.social_button.social_button_twitter { }

.social_button.social_button_google { }

#___plusone_0 { width: 60px !important; }

/* ///////////////////////////////////////////////// */

/* BANDE GRISE */

/* ///////////////////////////////////////////////// */

.menu {
    float: right;
    height: 30px;
    font-size: 14px;
    margin-right: 40px;
}

#menu, #menu ul /* Liste */ {
    padding: 0; /* pas de marge intérieure */
    margin: 0; /* ni extérieure */
    list-style: none; /* on supprime le style par défaut de la liste */
    line-height: 21px; /* on définit une hauteur pour chaque élément */
    text-align: center; /* on centre le texte qui se trouve dans la liste */
}

#menu /* Ensemble du menu */ { font-size: 14px; }

#menu li /* Elements des listes */ {
    float: left;
    position: relative;
    /* pour IE qui ne reconnaît pas "transparent" */
}

/* IE ne reconnaissant pas le sélecteur ">" */

html > body #menu li {
    border-right: 1px solid transparent; /* on met une bordure transparente à droite de chaque élément */
}

.couleurmenu {
    color: #56566f;
    text-transform: uppercase;
    font-weight: bold;
    display: block; /* on change le type d'élément, les liens deviennent des balises de type block */
    padding: 0; /* aucune marge intérieure */
    margin-left: 15px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 3px;
    padding-bottom: 3px;
    border-radius: 5px;
    text-decoration: none;
    overflow: hidden;
    background: #FFF;
    border: 1px solid #FFF;
}

.couleurmenu:hover {
    color: #FFF;
    background: #218ef0;
    overflow: hidden;
}

.activeMenu {
    color: #FFF;
    background: #218ef0;
}

.parent {
    color: #FFF;
    background: #218ef0;
    text-transform: uppercase;
    font-weight: bold;
    display: block; /* on change le type d'élément, les liens deviennent des balises de type block */
    padding: 0; /* aucune marge intérieure */
    margin-left: 15px;
    padding-left: 8px;
    padding-right: 8px;
    padding-top: 3px;
    padding-bottom: 3px;
    border-radius: 5px;
    text-decoration: none;
    overflow: hidden;
}

#menu li:hover ul {
    opacity: 1; /*opacite au survol */
    -ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=100)";
    filter: alpha(opacity = 100);
    border-top: 1px solid #FFF;
    margin-top: 0px;
    -webkit-transition: opacity 0.5s ease, margin-top 0.1s linear;
    -moz-transition: opacity 0.5s ease, margin-top 0.1s linear;
    -o-transition: opacity 0.5s ease, margin-top 0.1s linear;
    transition: opacity 0.5s ease, margin-top 0.1s linear;
    visibility: visible;
}

#menu li ul {
    opacity: 0;
    color: #FFF;
    background: #218ef0;
    width: 162px;
    left: 50%;
    margin-left: -74px;
    border-radius: 5px;
    overflow: hidden;
    margin-top: 10px;
    visibility: hidden;
    position: absolute; /* Position absolue */
    z-index: 10;
}

#menu li ul li /* Éléments de sous-listes */ {
    height: 32px;
    border-bottom: 1px solid #5faff7;
}

/* IE ne reconnaissant pas le sélecteur ">" */

html > body #menu li ul li {
    height: 32px;
    border-bottom: 1px solid #5faff7;
    border-top: 1px solid #1c78ca;
}

#menu li ul li:first-child { border-top: none; }

#menu li ul li:first-child a:hover { border-radius: 5px 5px 0 0; }

#menu li ul li:last-child { border-bottom: none; }

#menu li ul li:last-child a:hover { border-radius: 0 0 5px 5px; }

#menu li ul li a {
    color: #FFF;
    font-family: Arial, sans-serif;
    text-transform: none;
    font-size: 14px;
    font-weight: normal;
    text-align: center;
    text-decoration: none;
    width: 162px;
    height: 32px;
    border-radius: 0;
    display: block;
    margin: 0 auto;
    padding: 0;
    margin: 0;
    line-height: 30px;
    overflow: hidden;
    position: relative;
}

#menu li ul li a:hover {
    background: #196ab3;
    overflow: hidden;
}

/* ////////////////// */



/* ///////////////////////////////////////////////// */

/* BANDE GRISE */

/* ///////////////////////////////////////////////// */

.bande_grise {
    background: #88889a;
    height: 6px;
    width: 100%;
}

.bande_grise_fine {
    background: #88889a;
    height: 3px;
    width: 100%;
}


/* ///////////////////////////////////////////////// */

/* SLIDER */

/* ///////////////////////////////////////////////// */

.Bande_slider {
    width: 100%;
    height: 411px;
    background: url(http://wwwcdn.beezup.com/images/background_bande_slider.jpg) repeat-x;
}

.Bande_slider .content { position: relative; }

#prevSlide, #nextSlide {
    position: absolute;
    top: 150px;
    cursor: pointer;
}

#prevSlide { left: -45px; }

#nextSlide { right: -45px; }

#slider-window {
    position: relative;
    width: auto;
    height: 411px;
    background: url(http://wwwcdn.beezup.com/images/slider_content.png) no-repeat;
    overflow: hidden;
    margin: 0 auto;
    padding: 0;
    margin: 0;
}

#slider-window ul {
    padding: 0;
    margin: 0;
}

.slide {
    float: left;
    position: relative;
    list-style-type: none;
    padding: 0;
    margin: 0;
    width: 910px;
    height: 411px;
}

.slide_content {
    position: absolute;
    left: 0;
    top: 0;
    height: 411px;
    width: 400px;
    z-index: 2;
}

.bloc_title_slider {
    position: relative;
    width: 400px;
}

.title_slider {
    position: relative;
    height: 125px;
}

.title_slider h2 {
    padding-top: 18px;
    color: #FFF;
    font-family: "Trebuchet MS", Arial, sans-serif;
    font-size: 28px;
    font-weight: bold;
    position: absolute;
    bottom: 0;
}

.js_title { display: block; }

.bloc_title_slider_responsive {
    position: relative;
    width: 400px;
    display: none;
}

.title_slider_responsive {
    position: relative;
    height: 125px;
}

.title_slider_responsive h2 {
    padding-top: 18px;
    color: #FFF;
    font-family: "Trebuchet MS", Arial, sans-serif;
    font-size: 28px;
    font-weight: bold;
    position: absolute;
    bottom: 0;
}

.schema_beezUP {
    position: absolute;
    right: 0;
    z-index: 1;
    bottom: 80px;
    right: 150px;
}

.schema_beezUP .maison_beezUP {
    position: relative;
    background: url(http://wwwcdn.beezup.com/images/maison_schema.png) no-repeat;
    width: 449px;
    height: 220px;
    left: 127px;
}

.schema_beezUP .maison_beezUP .img_maison {
    position: absolute;
    width: 200px;
    height: 90px;
    top: 95px;
    left: -140px;
    text-align: center;
}

.schema_beezUP .maison_beezUP .img1 {
    position: absolute;
    width: 200px;
    height: 90px;
    top: -82px;
    right: 155px;
    text-align: center;
}

.schema_beezUP .maison_beezUP .img2 {
    position: absolute;
    width: 200px;
    height: 90px;
    top: -42px;
    right: 30px;
    text-align: center;
}

.schema_beezUP .maison_beezUP .img3 {
    position: absolute;
    width: 200px;
    height: 90px;
    top: 58px;
    right: -30px;
    text-align: center;
}

.schema_beezUP .maison_beezUP .img4 {
    position: absolute;
    width: 200px;
    height: 90px;
    top: 155px;
    right: 30px;
    text-align: center;
}

.schema_beezUP .maison_beezUP .img5 {
    position: absolute;
    width: 200px;
    height: 90px;
    bottom: -75px;
    right: 180px;
    text-align: center;
}

.schema_beezUP .maison_beezUP .relative {
    position: relative;
    margin: 0 auto;
    text-align: center;
}

#_1 .schema_beezUP .maison_beezUP .img1 img { margin-left: -50px; }

#_1 .schema_beezUP .maison_beezUP .img2 img { margin-left: -40px; }

#_1 .schema_beezUP .maison_beezUP .img3 img {
    margin-left: -35px;
    margin-bottom: 8px;
}

#_1 .schema_beezUP .maison_beezUP .img4 img { margin-left: -40px; }

#_1 .schema_beezUP .maison_beezUP .img5 img { margin-left: -30px; }

#_2 .schema_beezUP .maison_beezUP .img1 img {
    margin-left: 15px;
    margin-top: 6px;
}

#_2 .schema_beezUP .maison_beezUP .img2 img {
    margin-left: 54px;
    margin-top: 5px;
}

#_2 .schema_beezUP .maison_beezUP .img3 img {
    margin-left: 57px;
    margin-top: 0px;
}

#_2 .schema_beezUP .maison_beezUP .img4 img {
    margin-top: 14px;
    margin-left: 46px;
}

#_2 .schema_beezUP .maison_beezUP .img5 img {
    margin-left: -3px;
    margin-top: -14px;
}

#_3 .schema_beezUP .maison_beezUP .img1 img {
    margin-left: 31px;
    margin-top: 7px;
}

#_3 .schema_beezUP .maison_beezUP .img2 img {
    margin-left: 67px;
    margin-top: 12px;
}

#_3 .schema_beezUP .maison_beezUP .img3 img { margin-left: 49px; }

#_3 .schema_beezUP .maison_beezUP .img4 img {
    margin-left: 34px;
    margin-top: 2px;
}

#_3 .schema_beezUP .maison_beezUP .img5 img {
    margin-left: -18px;
    margin-top: -5px;
}

#_4 .schema_beezUP .maison_beezUP .img1 img {
    margin-left: 24px;
    margin-top: -12px;
}

#_4 .schema_beezUP .maison_beezUP .img2 img {
    margin-left: 30px;
    margin-top: 11px;
}

#_4 .schema_beezUP .maison_beezUP .img3 img {
    margin-left: 26px;
    margin-top: -5px;
}

#_4 .schema_beezUP .maison_beezUP .img4 img {
    margin-left: 35px;
    margin-top: -22px;
}

#_4 .schema_beezUP .maison_beezUP .img5 img {
    margin-left: -4px;
    margin-top: -3px;
}



.sublogo {
    margin: 0 auto;
    display: inline-block;
}

.sublogo_boutique {
    margin: 0 auto;
    display: inline-block;
}

.sublogo p {
    margin: 0 auto;
    color: #FFF;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 20px;
    background: #256ca0;
    border-radius: 100px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 10px;
    padding-left: 10px;
    text-align: center;
    margin-top: 60px;
    box-shadow: 0px 1px 12px #000;
    -moz-box-shadow: 0px 1px 12px #000;
    -webkit-box-shadow: 0px 1px 12px #000;
    -o-box-shadow: 0px 1px 12px #000;
    -ms-box-shadow: 0px 1px 12px #000;
}

.sublogo_boutique p {
    margin: 0 auto;
    color: #FFF;
    text-transform: uppercase;
    font-size: 12px;
    line-height: 20px;
    background: #256ca0;
    border-radius: 100px;
    padding-top: 0px;
    padding-bottom: 0px;
    padding-right: 10px;
    padding-left: 10px;
    text-align: center;
    margin-top: 60px;
    box-shadow: 0px 1px 12px #000;
    -moz-box-shadow: 0px 1px 12px #000;
    -webkit-box-shadow: 0px 1px 12px #000;
    -o-box-shadow: 0px 1px 12px #000;
    -ms-box-shadow: 0px 1px 12px #000;
}

.constellation_responsive { display: none; }

.schema_beezUP .maison_beezUP .img {
    position: absolute;
    height: 90px;
    bottom: -6px;
    left: 50%;
    margin-left: -35px;
    text-align: center;
}

.schema_beezUP .maison_beezUP .sublogo_boutique .img {
    position: absolute;
    height: 90px;
    bottom: 12px;
    left: 50%;
    margin-left: -59px;
    text-align: center;
}

.sublogo_slider {
    position: relative;
    width: 200px;
    height: 75px;
    margin: 0 auto;
    display: inline-block;
    text-align: center;
    padding: 0;
}

.logo_slider {
    position: absolute;
    top: 20px;
    left: 0;
    right: 0;
    margin: auto;
}

.slide_content .inscription_slider {
    background: url(http://wwwcdn.beezup.com/images/sprite_inscription_slider.png) no-repeat;
    width: 295px;
    height: 39px;
    /*margin-top: 15px;
			margin-bottom: 30px;*/
    text-align: center;
    cursor: pointer;
    bottom: 195px;
    position: absolute;
}

.slide_content .inscription_slider a { text-decoration: none; }

.slide_content .inscription_slider:hover { background-position: 0 -39px; }

.slide_content .inscription_slider:active { background-position: 0 -78px; }

.slide_content .inscription_slider p {
    text-align: center;
    line-height: 0;
    vertical-align: middle;
    color: #FFF;
    font-family: "Trebuchet MS", Arial, sans-serif;
    font-size: 18px;
    font-weight: bold;
}

.background_live {
    background: url(http://wwwcdn.beezup.com/images/background_live.png) no-repeat;
    width: 293px;
    height: 173px;
    position: absolute;
    bottom: 20px;
    left: -5px;
}

.background_live p {
    text-align: center;
    margin-top: 20px;
    text-transform: uppercase;
    font-size: 12px;
    color: #53aeff;
}

.background_live .bouton_live {
    background: url(http://wwwcdn.beezup.com/images/bouton_live.png) no-repeat;
    width: 66px;
    height: 67px;
    margin: 0 auto;
    margin-top: 45px;
}

.background_live .bouton_live:hover { background-position: 0 -67px; }

/* ///////////////////////////////////////////////// */

/* BANDE DE NAVIGATION SOUS LE SLIDER */

/* ///////////////////////////////////////////////// */

.subslider_nav {
    height: 30px;
    background: #c3d9ed;
    border-top: 1px solid #e5e5e5;
    border-bottom: 1px solid #ccccd1;
    margin-bottom: 50px;
}

.subslider_nav .bloc_nav_slider {
    float: left;
    overflow: hidden;
    white-space: normal;
    padding-left: 15px;
    padding-right: 15px;
    border-right: 1px solid #ccccd1;
    border-left: 1px solid #eaeaea;
    text-align: center;
    height: 30px;
    display: block;
    cursor: pointer;
}

.subslider_nav .bloc_nav_slider:hover {
    background: #92c2ee;
    color: #FFF;
}

.subslider_nav .bloc_nav_slider p {
    display: inline;
    white-space: normal;
    vertical-align: 8px;
    height: 100%;
    font-size: 11px;
    font-weight: bold;
    text-transform: uppercase;
    font-family: Arial, sans-serif;
    margin: 0;
    padding: 0;
}

.subslider_nav .bloc_nav_slider .icon_slider_reseau {
    display: inline-block;
    white-space: normal;
    width: 27px;
    height: 23px;
    background: url(http://wwwcdn.beezup.com/images/icon_slider_reseau_grey.png) no-repeat;
    margin-right: 5px;
    margin-top: 4px;
    padding: 0;
}

.subslider_nav .bloc_nav_slider .icon_slider_comparateur {
    display: inline-block;
    white-space: normal;
    width: 23px;
    height: 23px;
    background: url(http://wwwcdn.beezup.com/images/icon_slider_comparateur_grey.png) no-repeat;
    margin-right: 5px;
    padding: 0;
    margin-top: 4px;
}

.subslider_nav .bloc_nav_slider .icon_slider_marketplace {
    display: inline-block;
    white-space: normal;
    width: 23px;
    height: 23px;
    background: url(http://wwwcdn.beezup.com/images/icon_slider_marketplace_grey.png) no-repeat;
    margin-right: 5px;
    padding: 0;
    margin-top: 4px;
}

.subslider_nav .bloc_nav_slider .icon_slider_autre {
    display: inline-block;
    white-space: normal;
    width: 23px;
    height: 23px;
    background: url(http://wwwcdn.beezup.com/images/icon_slider_autre_grey.png) no-repeat;
    margin-right: 5px;
    padding: 0;
    margin-top: 4px;
}

.bloc_compatible {
    float: left;
    overflow: hidden;
    white-space: normal;
    text-align: center;
    height: 30px;
    display: block;
    cursor: pointer;
}

a .bloc_compatible {
    color: #56666d;
    text-decoration: none;
}

a .bloc_compatible p {
    display: inline;
    white-space: normal;
    vertical-align: 14px;
    height: 100%;
    font-size: 12px;
    font-family: Arial, sans-serif;
    margin-left: 15px;
    padding: 0;
}

.bloc_compatible .modules_compatible {
    display: inline-block;
    white-space: normal;
    width: 163px;
    height: 39px;
    margin-right: 5px;
    padding: 0;
    margin-top: -5px;
}

.bloc_compatible .modules_compatible img { border: none; }

/* ///////////////////////////////////////////////// */

/* CONTENU HOME */

/* ///////////////////////////////////////////////// */

.espace_ribbon {
    margin-top: 62px;
    margin-bottom: 50px;
    width: auto;
    text-align: center;
}

.ribbon {
    display: inline-block;
    margin: 0 auto;
}

.ribbon_gauche {
    float: left;
    background: url(http://wwwcdn.beezup.com/images/ribbon_gauche.png) no-repeat;
    width: 108px;
    height: 57px;
}

.ribbon_droit {
    float: left;
    background: url(http://wwwcdn.beezup.com/images/ribbon_droit.png) no-repeat;
    width: 108px;
    height: 57px;
}

.background_ribbon {
    float: left;
    background: url(http://wwwcdn.beezup.com/images/background_ribbon.png) repeat-x;
    height: 48px;
    margin: 0 auto;
    display: block;
    text-align: center;
}

.espace_ribbon .background_ribbon p {
    font-size: 22px;
    display: inline;
    color: #FFF;
    font-family: "Trebuchet MS", Arial, sans-serif;
    vertical-align: middle;
    line-height: 41px;
}

.background_ribbon2 {
    float: left;
    background: url(http://wwwcdn.beezup.com/images/background_ribbon.png) repeat-x;
    height: 48px;
    margin: 0 auto;
    display: block;
    text-align: center;
    width: 185px;
}

.espace_ribbon1 .background_ribbon2 p {
    font-size: 22px;
    display: inline;
    color: #FFF;
    font-family: "Trebuchet MS", Arial, sans-serif;
    vertical-align: middle;
    line-height: 41px;
}

.espace_ribbon1 {
    margin-top: -70px;
    margin-bottom: 30px;
    width: auto;
    text-align: center;
}

.ribbon1 {
    display: inline-block;
    margin: 0 auto;
}

.espace_ribbon1 .background_ribbon p {
    font-size: 22px;
    display: inline;
    color: #FFF;
    font-family: "Trebuchet MS", Arial, sans-serif;
    vertical-align: middle;
    line-height: 41px;
}

.colonne_gerez {
    float: left;
    width: 291px;
}

.espace_colonne_gerez {
    float: left;
    height: 1px;
    width: 18px;
}

.title_colonne_gerez {
    text-align: center;
    margin-top: -10px;
}

.text_colonne_gerez { text-align: center; }

.ordi_referencez {
    position: relative;
    width: 291px;
    height: 159px;
    /*background: url(http://wwwcdn.beezup.com/images/ordi.png) no-repeat;*/
    margin-bottom: 23px;
}

.ordi_referencez img { border: none; }

.boule_ordi_referencez {
    width: 54px;
    height: 54px;
    background: url(http://wwwcdn.beezup.com/images/boule_ordi.png) no-repeat;
    position: absolute;
    bottom: -10px;
    left: 20px;
    z-index: 3;
    text-align: center;
    line-height: 50px;
}

.boule_ordi_referencez .picto_referencez {
    margin-left: -1px;
    margin-top: 2px;
    display: inline;
    vertical-align: middle;
}

.ombre_boule_ordi_referencez {
    width: 46px;
    height: 13px;
    background: url(http://wwwcdn.beezup.com/images/ombre_boule_ordi.png) no-repeat;
    position: absolute;
    bottom: -22px;
    left: 24px;
}

@-webkit-keyframes bounce_referencez {
    from { bottom: -10px; }

    50% { bottom: 10px; }

    to { bottom: -10px; }
}

@keyframes bounce_referencez {
    from { bottom: -10px; }

    50% { bottom: 10px; }

    to { bottom: -10px; }
}

@-moz-keyframes bounce_referencez {
    from { bottom: -10px; }

    50% { bottom: 10px; }

    to { bottom: -10px; }
}


@-o-keyframes bounce_referencez {
    from { bottom: -10px; }

    50% { bottom: 10px; }

    to { bottom: -10px; }
}


.colonne_referencez:hover .boule_ordi_referencez {
    -webkit-animation-name: bounce_referencez;
    -moz-animation-name: bounce_referencez;
    -ms-animation-name: bounce_referencez;
    -o-animation-name: bounce_referencez;
    -animation-name: bounce_referencez;
    -webkit-animation-duration: 0.7s;
    -moz-animation-duration: 0.7s;
    -ms-animation-duration: 0.7s;
    -o-animation-duration: 0.7s;
    -animation-duration: 0.7s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -animation-iteration-count: infinite;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    -ms-transition-timing-function: ease;
    transition-timing-function: ease;
}

@-webkit-keyframes bounce_ombre_referencez {
    from {
        bottom: -22px;
        opacity: 1;
    }

    50% {
        bottom: -42px;
        opacity: 0;
    }

    to {
        bottom: -22px;
        opacity: 1;
    }
}


@keyframes bounce_ombre_referencez {
    from {
        bottom: -22px;
        opacity: 1;
    }

    50% {
        bottom: -42px;
        opacity: 0;
    }

    to {
        bottom: -22px;
        opacity: 1;
    }
}

.colonne_referencez:hover .ombre_boule_ordi_referencez {
    -webkit-animation-name: bounce_ombre_referencez;
    -moz-animation-name: bounce_ombre_referencez;
    -ms-animation-name: bounce_ombre_referencez;
    -o-animation-name: bounce_ombre_referencez;
    -animation-name: bounce_ombre_referencez;
    -webkit-animation-duration: 0.7s;
    -moz-animation-duration: 0.7s;
    -ms-animation-duration: 0.7s;
    -o-animation-duration: 0.7s;
    -animation-duration: 0.7s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -animation-iteration-count: infinite;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    -ms-transition-timing-function: ease;
    transition-timing-function: ease;
}



.ordi_analysez {
    position: relative;
    width: 291px;
    height: 159px;
    /*background: url(http://wwwcdn.beezup.com/images/ordi.png) no-repeat;*/
    margin-bottom: 23px;
}

.ordi_analysez img { border: none; }

.boule_ordi_analysez {
    width: 54px;
    height: 54px;
    background: url(http://wwwcdn.beezup.com/images/boule_ordi.png) no-repeat;
    position: absolute;
    bottom: -10px;
    left: 20px;
    z-index: 3;
    text-align: center;
    line-height: 50px;
}

.boule_ordi_analysez .picto_analysez {
    margin-left: -1px;
    margin-top: 2px;
    display: inline;
    vertical-align: middle;
}

.ombre_boule_ordi_analysez {
    width: 46px;
    height: 13px;
    background: url(http://wwwcdn.beezup.com/images/ombre_boule_ordi.png) no-repeat;
    position: absolute;
    bottom: -22px;
    left: 24px;
}

@-webkit-keyframes bounce_analysez {
    from { bottom: -10px; }

    50% { bottom: 10px; }

    to { bottom: -10px; }
}

@keyframes bounce_analysez {
    from { bottom: -10px; }

    50% { bottom: 10px; }

    to { bottom: -10px; }
}

.colonne_analysez:hover .boule_ordi_analysez {
    -webkit-animation-name: bounce_analysez;
    -moz-animation-name: bounce_analysez;
    -ms-animation-name: bounce_analysez;
    -o-animation-name: bounce_analysez;
    -animation-name: bounce_analysez;
    -webkit-animation-duration: 0.7s;
    -moz-animation-duration: 0.7s;
    -ms-animation-duration: 0.7s;
    -o-animation-duration: 0.7s;
    -animation-duration: 0.7s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -animation-iteration-count: infinite;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    -ms-transition-timing-function: ease;
    transition-timing-function: ease;
}

@-webkit-keyframes bounce_ombre_analysez {
    from {
        bottom: -22px;
        opacity: 1;
    }

    50% {
        bottom: -42px;
        opacity: 0;
    }

    to {
        bottom: -22px;
        opacity: 1;
    }
}

@keyframes bounce_ombre_analysez {
    from {
        bottom: -22px;
        opacity: 1;
    }

    50% {
        bottom: -42px;
        opacity: 0;
    }

    to {
        bottom: -22px;
        opacity: 1;
    }
}

.colonne_analysez:hover .ombre_boule_ordi_analysez {
    -webkit-animation-name: bounce_ombre_analysez;
    -moz-animation-name: bounce_ombre_analysez;
    -ms-animation-name: bounce_ombre_analysez;
    -o-animation-name: bounce_ombre_analysez;
    -animation-name: bounce_ombre_analysez;
    -webkit-animation-duration: 0.7s;
    -moz-animation-duration: 0.7s;
    -ms-animation-duration: 0.7s;
    -o-animation-duration: 0.7s;
    -animation-duration: 0.7s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -animation-iteration-count: infinite;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    -ms-transition-timing-function: ease;
    transition-timing-function: ease;
}


.ordi_optimisez {
    position: relative;
    width: 291px;
    height: 159px;
    /*background: url(http://wwwcdn.beezup.com/images/ordi.png) no-repeat;*/
    margin-bottom: 23px;
}

.ordi_optimisez img { border: none; }


.boule_ordi_optimisez {
    width: 54px;
    height: 54px;
    background: url(http://wwwcdn.beezup.com/images/boule_ordi.png) no-repeat;
    position: absolute;
    bottom: -10px;
    left: 20px;
    z-index: 3;
    text-align: center;
    line-height: 50px;
}

.boule_ordi_optimisez .picto_optimisez {
    margin-left: -1px;
    margin-top: 2px;
    display: inline;
    vertical-align: middle;
}

.ombre_boule_ordi_optimisez {
    width: 46px;
    height: 13px;
    background: url(http://wwwcdn.beezup.com/images/ombre_boule_ordi.png) no-repeat;
    position: absolute;
    bottom: -22px;
    left: 24px;
}

@-webkit-keyframes bounce_optimisez {
    from { bottom: -10px; }

    50% { bottom: 10px; }

    to { bottom: -10px; }
}

@keyframes bounce_optimisez {
    from { bottom: -10px; }

    50% { bottom: 10px; }

    to { bottom: -10px; }
}

.colonne_optimisez:hover .boule_ordi_optimisez {
    -webkit-animation-name: bounce_optimisez;
    -moz-animation-name: bounce_optimisez;
    -ms-animation-name: bounce_optimisez;
    -o-animation-name: bounce_optimisez;
    -animation-name: bounce_optimisez;
    -webkit-animation-duration: 0.7s;
    -moz-animation-duration: 0.7s;
    -ms-animation-duration: 0.7s;
    -o-animation-duration: 0.7s;
    -animation-duration: 0.7s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -animation-iteration-count: infinite;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    -ms-transition-timing-function: ease;
    transition-timing-function: ease;
}

@-webkit-keyframes bounce_ombre_optimisez {
    from {
        bottom: -22px;
        opacity: 1;
    }

    50% {
        bottom: -42px;
        opacity: 0;
    }

    to {
        bottom: -22px;
        opacity: 1;
    }
}

@keyframes bounce_ombre_optimisez {
    from {
        bottom: -22px;
        opacity: 1;
    }

    50% {
        bottom: -42px;
        opacity: 0;
    }

    to {
        bottom: -22px;
        opacity: 1;
    }
}

.colonne_optimisez:hover .ombre_boule_ordi_optimisez {
    -webkit-animation-name: bounce_ombre_optimisez;
    -moz-animation-name: bounce_ombre_optimisez;
    -ms-animation-name: bounce_ombre_optimisez;
    -o-animation-name: bounce_ombre_optimisez;
    -animation-name: bounce_ombre_optimisez;
    -webkit-animation-duration: 0.7s;
    -moz-animation-duration: 0.7s;
    -ms-animation-duration: 0.7s;
    -o-animation-duration: 0.7s;
    -animation-duration: 0.7s;
    -webkit-animation-iteration-count: infinite;
    -moz-animation-iteration-count: infinite;
    -ms-animation-iteration-count: infinite;
    -o-animation-iteration-count: infinite;
    -animation-iteration-count: infinite;
    -webkit-transition-timing-function: ease;
    -moz-transition-timing-function: ease;
    -o-transition-timing-function: ease;
    -ms-transition-timing-function: ease;
    transition-timing-function: ease;
}


.bloc_pourquoi {
    /*background:url(http://wwwcdn.beezup.com/images/bloc_pourquoi.png);*/
    background: #FFF;
    box-shadow: 1px 1px 12px #d7d5d5;
    -moz-box-shadow: 1px 1px 12px #d7d5d5;
    -webkit-box-shadow: 1px 1px 12px #d7d5d5;
    -o-box-shadow: 1px 1px 12px #d7d5d5;
    -ms-box-shadow: 1px 1px 12px #d7d5d5;
    border-radius: 10px;
    width: 919px;
    padding-top: 35px;
    padding-bottom: 20px;
    margin: 0 auto;
    display: block;
    margin-top: 93px;
    margin-bottom: 90px;
}

.bloc_pourquoi .espace_ribbon {
    margin-top: -70px;
    margin-bottom: 30px;
    width: auto;
    text-align: center;
}

.bloc_pourquoi .ribbon {
    display: inline-block;
    margin: 0 auto;
}

.bloc_pourquoi .ribbon_gauche {
    float: left;
    background: url(http://wwwcdn.beezup.com/images/ribbon_gauche.png) no-repeat;
    width: 108px;
    height: 57px;
}

.bloc_pourquoi .ribbon_droit {
    float: left;
    background: url(http://wwwcdn.beezup.com/images/ribbon_droit.png) no-repeat;
    width: 108px;
    height: 57px;
}

.bloc_pourquoi .background_ribbon {
    float: left;
    background: url(http://wwwcdn.beezup.com/images/background_ribbon.png) repeat-x;
    height: 48px;
    margin: 0 auto;
    display: block;
    text-align: center;
}

.bloc_pourquoi .espace_ribbon .background_ribbon p {
    font-size: 22px;
    display: inline;
    color: #FFF;
    font-family: "Trebuchet MS", Arial, sans-serif;
    vertical-align: middle;
    line-height: 41px;
}

.title_bande {
    font-size: 22px;
    color: #FFF;
    font-family: "Trebuchet MS", Arial, sans-serif;
    text-align: center;
    padding-top: 7px;
}

.bloc_text_pourquoi {
    float: left;
    width: 270px;
    margin-top: -50px;
}

.bloc_image_pourquoi {
    float: left;
    width: 370px;
    margin-top: 45px;
    position: relative;
}

.minibloc_text_pourquoi {
    height: 162px;
    width: 270px;
    padding-top: 50px;
}

.minibloc_text_pourquoi .paddingleft { padding-left: 30px; }

.minibloc_text_pourquoi .paddingright { padding-right: 30px; }

.engrenage {
    width: 348px;
    height: 319px;
    background: url(http://wwwcdn.beezup.com/images/engrenage.png) no-repeat;
    margin: 0 auto;
    z-index: 1;
}

/* ///////////////// PARTIE ROUAGE //////////////////*/

.rouage_logo {
    width: 161px;
    height: 162px;
    background: url(http://wwwcdn.beezup.com/images/rouage/rouage_logo.png) no-repeat;
    top: 52px;
    left: 111px;
    position: absolute;
    z-index: 2;
}

.rouage_logo_centre {
    width: 161px;
    height: 162px;
    background: url(http://wwwcdn.beezup.com/images/rouage/rouage_logo_centre.png) no-repeat;
    top: 35px;
    left: 35px;
    position: absolute;
    z-index: 3;
}

.rouage_moyen_bas {
    width: 120px;
    height: 120px;
    background: url(http://wwwcdn.beezup.com/images/rouage/rouage_moyen.png) no-repeat;
    top: 144px;
    right: 11px;
    position: absolute;
    z-index: 2;
}

.rouage_moyen_bas_centre {
    width: 68px;
    height: 68px;
    background: url(http://wwwcdn.beezup.com/images/rouage/rouage_moyen_boule.png) no-repeat;
    top: 27px;
    left: 26px;
    position: absolute;
    z-index: 3;
}

.rouage_moyen_haut {
    width: 120px;
    height: 120px;
    background: url(http://wwwcdn.beezup.com/images/rouage/rouage_moyen.png) no-repeat;
    top: -10px; /* 33*/
    left: 10px;
    position: absolute;
    z-index: 2;
}

.rouage_moyen_haut_centre {
    width: 68px;
    height: 68px;
    background: url(http://wwwcdn.beezup.com/images/rouage/rouage_moyen_boule.png) no-repeat;
    top: 27px;
    left: 26px;
    position: absolute;
    z-index: 3;
}

.rouage_petit_haut {
    width: 101px;
    height: 101px;
    background: url(http://wwwcdn.beezup.com/images/rouage/rouage_petit.png) no-repeat;
    top: -23px;
    right: 10px;
    position: absolute;
    z-index: 2;
}

.rouage_petit_haut_centre {
    width: 57px;
    height: 57px;
    background: url(http://wwwcdn.beezup.com/images/rouage/rouage_petit_centre.png) no-repeat;
    top: 21px;
    left: 21px;
    position: absolute;
    z-index: 3;
}

.rouage_petit_bas {
    width: 101px;
    height: 101px;
    background: url(http://wwwcdn.beezup.com/images/rouage/rouage_petit.png) no-repeat;
    top: 180px;
    left: 30px;
    position: absolute;
    z-index: 2;
}

.rouage_petit_bas_centre {
    width: 57px;
    height: 57px;
    background: url(http://wwwcdn.beezup.com/images/rouage/rouage_petit_centre.png) no-repeat;
    top: 21px;
    left: 21px;
    position: absolute;
    z-index: 3;
}

.rouage_vide_bas {
    width: 77px;
    height: 77px;
    background: url(http://wwwcdn.beezup.com/images/rouage/rouage_vide_bas.png) no-repeat;
    top: 227px;
    right: 127px;
    position: absolute;
    z-index: 2;
}

.rouage_vide_haut {
    width: 58px;
    height: 56px;
    background: url(http://wwwcdn.beezup.com/images/rouage/rouage_vide_haut.png) no-repeat;
    top: 2px;
    left: 127px;
    position: absolute;
    z-index: 2;
}

.minirouage_haut {
    width: 17px;
    height: 17px;
    background: url(http://wwwcdn.beezup.com/images/rouage/minirouage_haut.png) no-repeat;
    top: -6px;
    left: 186px;
    position: absolute;
    z-index: 2;
}

.minirouage_bas {
    width: 21px;
    height: 21px;
    background: url(http://wwwcdn.beezup.com/images/rouage/minirouage_bas.png) no-repeat;
    top: 202px;
    left: 207px;
    position: absolute;
    z-index: 2;
}

.minirouage_gauche {
    width: 41px;
    height: 43px;
    background: url(http://wwwcdn.beezup.com/images/rouage/rouage_droite.png) no-repeat;
    top: 137px;
    left: 80px;
    position: absolute;
    z-index: 2;
}

.minirouage_droite {
    width: 41px;
    height: 43px;
    background: url(http://wwwcdn.beezup.com/images/rouage/rouage_droite.png) no-repeat;
    top: 70px;
    right: 67px;
    position: absolute;
    z-index: 2;
}

.rouage_text_moyen {
    text-align: center;
    color: #FFF;
    font-family: "Trebuchet MS", Arial, sans-serif;
    font-size: 27px;
    line-height: 18px;
}

.rouage_text_moyen span { font-size: 20px; }

.rouage_text_petit {
    text-align: center;
    color: #FFF;
    font-family: "Trebuchet MS", Arial, sans-serif;
    font-size: 27px;
    line-height: 5px;
}

.rouage_text_petit span { font-size: 20px; }

/* ///////////////////////////////////*/

/* ///////////////// ANIMATION ROUAGE //////////////////*/

@-webkit-keyframes rotate_rouage_vide_bas {
    from {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotate_rouage_vide_bas {
    from {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

.bloc_pourquoi:hover .rouage_vide_bas {
    -webkit-animation-name: rotate_rouage_vide_bas;
    -moz-animation-name: rotate_rouage_vide_bas;
    -ms-animation-name: rotate_rouage_vide_bas;
    -o-animation-name: rotate_rouage_vide_bas;
    -animation-name: rotate_rouage_vide_bas;
    -webkit-animation-duration: 3s;
    -moz-animation-duration: 3s;
    -ms-animation-duration: 3s;
    -o-animation-duration: 3s;
    -animation-duration: 3s;
    /*
					-webkit-animation-iteration-count:  	infinite;
					-moz-animation-iteration-count:  		infinite;
					-ms-animation-iteration-count:  		infinite;
					-o-animation-iteration-count:  			infinite;
					animation-iteration-count:  			infinite;
					*/
    -webkit-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    transition-timing-function: linear;
}

@-webkit-keyframes rotate_rouage_vide_haut {
    from {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(-675deg);
        -ms-transform: rotate(-675deg);
        transform: rotate(-675deg);
    }
}

@keyframes rotate_rouage_vide_haut {
    from {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(-675deg);
        -ms-transform: rotate(-675deg);
        transform: rotate(-675deg);
    }
}

.bloc_pourquoi:hover .rouage_vide_haut {
    -webkit-animation-name: rotate_rouage_vide_haut;
    -moz-animation-name: rotate_rouage_vide_haut;
    -ms-animation-name: rotate_rouage_vide_haut;
    -o-animation-name: rotate_rouage_vide_haut;
    -animation-name: rotate_rouage_vide_haut;
    -webkit-animation-duration: 3s;
    -moz-animation-duration: 3s;
    -ms-animation-duration: 3s;
    -o-animation-duration: 3s;
    -animation-duration: 3s;
    /*
					-webkit-animation-iteration-count:  	infinite;
					-moz-animation-iteration-count:  		infinite;
					-ms-animation-iteration-count:  		infinite;
					-o-animation-iteration-count:  			infinite;
					animation-iteration-count:  			infinite;
					*/
    -webkit-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    transition-timing-function: linear;
}

@-webkit-keyframes rotate_minirouage_gauche {
    from {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(720deg);
        -ms-transform: rotate(720deg);
        transform: rotate(720deg);
    }
}

@keyframes rotate_minirouage_gauche {
    from {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(720deg);
        -ms-transform: rotate(720deg);
        transform: rotate(720deg);
    }
}

.bloc_pourquoi:hover .minirouage_gauche {
    -webkit-animation-name: rotate_minirouage_gauche;
    -moz-animation-name: rotate_minirouage_gauche;
    -ms-animation-name: rotate_minirouage_gauche;
    -o-animation-name: rotate_minirouage_gauche;
    -animation-name: rotate_minirouage_gauche;
    -webkit-animation-duration: 3s;
    -moz-animation-duration: 3s;
    -ms-animation-duration: 3s;
    -o-animation-duration: 3s;
    -animation-duration: 3s;
    /*
					-webkit-animation-iteration-count:  	infinite;
					-moz-animation-iteration-count:  		infinite;
					-ms-animation-iteration-count:  		infinite;
					-o-animation-iteration-count:  			infinite;
					animation-iteration-count:  			infinite;
					*/
    -webkit-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    transition-timing-function: linear;
}

@-webkit-keyframes rotate_minirouage_droite {
    from {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}

@keyframes rotate_minirouage_droite {
    from {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(360deg);
        -ms-transform: rotate(360deg);
        transform: rotate(360deg);
    }
}


.bloc_pourquoi:hover .minirouage_droite {
    -webkit-animation-name: rotate_minirouage_droite;
    -moz-animation-name: rotate_minirouage_droite;
    -ms-animation-name: rotate_minirouage_droite;
    -o-animation-name: rotate_minirouage_droite;
    -animation-name: rotate_minirouage_droite;
    -webkit-animation-duration: 3s;
    -moz-animation-duration: 3s;
    -ms-animation-duration: 3s;
    -o-animation-duration: 3s;
    -animation-duration: 3s;
    /*
					-webkit-animation-iteration-count:  	infinite;
					-moz-animation-iteration-count:  		infinite;
					-ms-animation-iteration-count:  		infinite;
					-o-animation-iteration-count:  			infinite;
					animation-iteration-count:  			infinite;
					*/
    -webkit-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    transition-timing-function: linear;
}

@-webkit-keyframes rotate_minirouage_haut {
    from {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(450deg);
        -ms-transform: rotate(450deg);
        transform: rotate(450deg);
    }
}

@keyframes rotate_minirouage_haut {
    from {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(450deg);
        -ms-transform: rotate(450deg);
        transform: rotate(450deg);
    }
}

.bloc_pourquoi:hover .minirouage_haut {
    -webkit-animation-name: rotate_minirouage_haut;
    -moz-animation-name: rotate_minirouage_haut;
    -ms-animation-name: rotate_minirouage_haut;
    -o-animation-name: rotate_minirouage_haut;
    -animation-name: rotate_minirouage_haut;
    -webkit-animation-duration: 3s;
    -moz-animation-duration: 3s;
    -ms-animation-duration: 3s;
    -o-animation-duration: 3s;
    -animation-duration: 3s;
    /*
					-webkit-animation-iteration-count:  	infinite;
					-moz-animation-iteration-count:  		infinite;
					-ms-animation-iteration-count:  		infinite;
					-o-animation-iteration-count:  			infinite;
					animation-iteration-count:  			infinite;
					*/
    -webkit-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    transition-timing-function: linear;
}

@-webkit-keyframes rotate_minirouage_bas {
    from {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(450deg);
        -ms-transform: rotate(450deg);
        transform: rotate(450deg);
    }
}

@keyframes rotate_minirouage_bas {
    from {
        -webkit-transform: rotate(0deg);
        -ms-transform: rotate(0deg);
        transform: rotate(0deg);
    }

    to {
        -webkit-transform: rotate(450deg);
        -ms-transform: rotate(450deg);
        transform: rotate(450deg);
    }
}

.bloc_pourquoi:hover .minirouage_bas {
    -webkit-animation-name: rotate_minirouage_bas;
    -moz-animation-name: rotate_minirouage_bas;
    -ms-animation-name: rotate_minirouage_bas;
    -o-animation-name: rotate_minirouage_bas;
    -animation-name: rotate_minirouage_bas;
    -webkit-animation-duration: 3s;
    -moz-animation-duration: 3s;
    -ms-animation-duration: 3s;
    -o-animation-duration: 3s;
    -animation-duration: 3s;
    /*
					-webkit-animation-iteration-count:  	infinite;
					-moz-animation-iteration-count:  		infinite;
					-ms-animation-iteration-count:  		infinite;
					-o-animation-iteration-count:  			infinite;
					animation-iteration-count:  			infinite;
					*/
    -webkit-transition-timing-function: linear;
    -moz-transition-timing-function: linear;
    -o-transition-timing-function: linear;
    -ms-transition-timing-function: linear;
    transition-timing-function: linear;
}


/* /////////////////////////////////////////////////////*/

.ribbon2 {
    background: url(http://wwwcdn.beezup.com/images/ribbon_2.png) no-repeat;
    width: 465px;
    height: 57px;
    margin: 0 auto;
    display: block;
}

.logo_confiance {
    width: auto;
    height: 51px;
    /*background: url(http://wwwcdn.beezup.com/images/logo_confiance.png) no-repeat;*/
    margin-bottom: 10px;
    margin-top: -25px;
    vertical-align: middle;
    text-align: center;
}

.logo_confiance_test {
    margin-left: auto;
    margin-right: auto;
    width: auto;
    display: inline;
}

.logo_confiance_img {
    margin-left: auto;
    margin-right: auto;
    display: inline-block;
}

.logo_confiance img {
    margin-left: auto;
    margin-right: auto;
    vertical-align: middle;
    padding-left: 15px;
    padding-right: 15px;
}

.logo_confiance_img img:hover {
    -webkit-transform: scale(1.05, 1.07);
    -ms-transform: scale(1.05, 1.07);
    transform: scale(1.05, 1.07);
}

.bande_blanche {
    background: #FFF;
    padding-top: 50px;
    padding-bottom: 50px;
    margin-top: 80px;
}

.bande_blanche a { text-decoration: none; }

.bande_blanche .content { max-width: 355px; }

.bouton_gratuit {
    width: 355px;
    height: 47px;
    background-image: url(http://wwwcdn.beezup.com/images/sprite_bouton_gratuit.png);
    background-size: cover;
    -moz-background-size: cover; /* Firefox 3.6 */
    background-position: center; /* Internet Explorer 7/8 */
    margin: 0 auto;
    overflow: hidden;
    background-position: 0 0px;
}

.bouton_gratuit:hover { background-position: 0 -47px; }

.bouton_gratuit:active { background-position: 0 -94px; }

.bouton_gratuit p {
    text-align: center;
    font-size: 21px;
    padding: 0;
    margin: 0;
    font-weight: bold;
    color: #FFF;
    line-height: 45px;
    font-family: "Trebuchet MS", Arial, sans-serif;
}

.bande_actualite {
    background: url(http://wwwcdn.beezup.com/images/background.png) repeat;
    padding-top: 15px;
    padding-bottom: 80px;
    margin: 0;
}

.bloc_actualite_all { /* padding-bottom: 20px;*/ }

.bloc_actualite {
    float: left;
    width: 275px;
}

.bloc_actualite p { color: #011a53; }

.bloc_actualite span { color: #fe1189; }

.bloc_actualite .url_actualite { height: 20px; }

.bloc_actualite .url_actualite a {
    color: #53ACF8 !important;
    margin-top: -23px !important;
    text-align: right !important;
    float: right !important;
    font-size: 11px;
    font-weight: 900;
}

.bloc_actualite a {
    color: #56566f;
    text-align: right;
    padding-top: 15px;
}

.bloc_actualite a:hover {
    color: #fe1189;
    text-decoration: underline;
}

.bloc_actualite .text {
    height: 140px;
    word-wrap: break-word;
    overflow-y: auto;
    overflow-x: hidden;
}

.bloc_actualite.twitter_bloc .text { height: 280px }

.bloc_actualite.twitter_bloc a { padding-top: 0px; }

.bloc_actualite.twitter_bloc .url_actualite a { padding-top: 20px !important; }

div#twitter.text { margin-top: 15px; }

p.tweet { margin-top: 0px; }

.timePosted { margin-top: 5px; }

.interact { display: none; }



.bloc_actualite .bloc_actualite_tweet {
    width: 100%;
    color: #56566f;
    margin-top: 10px;
}

.bloc_actualite .bloc_actualite_tweet .img_tweet {
    float: left;
    font-size: 45px;
    color: #56566f;
    width: 8%;
    padding-top: 0;
}

.bloc_actualite .bloc_actualite_tweet .img_tweet span {
    display: inline-block;
    color: #56566f;
    padding-top: 0;
    margin-top: 0;
    vertical-align: top;
}

.bloc_actualite .bloc_actualite_tweet .tweet {
    float: left;
    margin-bottom: 5px;
    width: 92%;
}

.bloc_actualite .bloc_actualite_tweet .tweet span {
    padding-top: 5px;
    padding-bottom: 5px;
    display: inline-block;
}

.espace_bloc_actualite {
    float: left;
    width: 50px;
    height: 1px;
}

.title_actualite {
    height: 50px;
    position: relative;
}

.title_actualite h3 {
    bottom: 0;
    position: absolute;
    color: #011a53;
}

.title_actualite_contactsuccess {
    height: 50px;
    position: relative;
    margin-top: -45px;
}

.title_actualite_contactsuccess h3 {
    bottom: 0;
    position: absolute;
    color: #011a53;
}

.traitbleu {
    width: 100%;
    height: 2px;
    background: #53acf8;
    margin-top: 5px;
}

.traitgris {
    width: 100%;
    height: 4px;
    background: #d7d5d5;
    margin-top: 5px;
    margin-bottom: 10px;
}

.recompenses {
    width: 260px;
    height: 110px;
    /*background: url(http://wwwcdn.beezup.com/images/recompenses.png) no-repeat;*/
    margin-top: 15px;
}

.recompenses img:hover {
    -webkit-transform: scale(1.05, 1.07);
    -ms-transform: scale(1.05, 1.07);
    transform: scale(1.05, 1.07);
}

.footer {
    margin: 0;
    background: #01184e;
    padding-top: 20px;
    padding-bottom: 25px;
}

.newsletter {
    background: #484f70;
    border-radius: 10px;
    padding-top: 20px;
    padding-bottom: 20px;
}

/*.bloc_newsletter {
    width: 505px;
    margin: 0 auto;
}*/

.bloc_newsletter {
    margin: 0 auto;
    display: table;
}

.bloc_newsletter h3 {
    float: left;
    color: #FFF;
    font-size: 18px;
    font-weight: normal;
    font-family: "Trebuchet MS", Arial, sans-serif;
    padding: 0;
    margin: 0;
    display: block;
    line-height: 27px;
}

.newsletterStatusMessage, .contactStatusMessage {
    color: red;
    text-align: center;
    height: 20px;
    margin-bottom: 10px;
}

.background_form_email {
    float: left;
    width: 242px;
    height: 29px;
    display: block;
    background: url(http://wwwcdn.beezup.com/images/background_form_email.png) no-repeat;
    position: relative;
    margin-left: 10px;
}

.form_email {
    position: absolute;
    left: 0;
    width: 255px;
}

.form_email input[type=text] {
    width: 160px;
    height: 27px;
    border: none;
    background: none;
    padding-left: 10px;
}

.form_email input[type=button] {
    width: 70px;
    height: 27px;
    background: url(http://wwwcdn.beezup.com/images/bouton_valider.png) no-repeat;
    border: none;
    cursor: pointer;
    color: #FFF;
    font-weight: bold;
    font-family: "Trebuchet MS", Arial, sans-serif;
    font-size: 14px;
    margin-left: -3px;
}

.form_email input[type=button]:hover { background-position: 0 -27px; }

.form_email input[type=button]:active { background-position: 0 -54px; }

.mentions_footer {
    margin-top: 0px;
    padding-left: 15px;
    float: left;
    position: relative;
}

.mentions_footer a {
    color: #858585;
    text-decoration: none;
    padding-left: 12px;
    padding-right: 12px;
    border-right: 1px solid #218ef0;
    font-size: 12px;
}

.mentions_footer a:hover { color: #FFF; }

.Bande_bleu {
    width: 100%;
    height: 231px;
    background: url(http://wwwcdn.beezup.com/images/background_slider2.png) repeat-x;
}

.Bande_bleu .content { position: relative; }

.Bande_bleu .content h1 {
    font-family: "sansationbold", Arial, sans-serif;
    color: #FFF;
    font-size: 34px;
    padding-top: 60px;
    padding-bottom: 10px;
    margin: 0;
    text-align: center;
    font-weight: normal;
}

.Bande_bleu .content h2 {
    font-family: 'sansation_lightlight', Arial, sans-serif;
    color: #bcdfff;
    font-size: 27px;
    padding: 0;
    margin: 0;
    text-align: center;
    font-weight: normal;
}

.Bande_bleu .content .bande_bleu_price {
    padding-top: 80px;
    margin-left: 155px;
}

.Bande_bleu_tarif {
    width: 100%;
    height: 250px;
    background-size: 250px 250px !important;
    background: url(http://wwwcdn.beezup.com/images/background_slider2.png) repeat-x;
}

.Bande_bleu_tarif .content { position: relative; }

.Bande_bleu_tarif .content h1 {
    font-family: "sansationbold", Arial, sans-serif;
    color: #FFF;
    font-size: 34px;
    padding-top: 60px;
    padding-bottom: 10px;
    margin: 0;
    text-align: center;
    font-weight: normal;
}

.Bande_bleu_tarif .content h2 {
    font-family: 'sansation_lightlight', Arial, sans-serif;
    color: #bcdfff;
    font-size: 27px;
    padding: 0;
    margin: 0;
    text-align: center;
    font-weight: normal;
}

.Bande_bleu_tarif .content .bande_bleu_price {
    padding-top: 85px;
    margin-left: 155px;
}


.fleche_gauche {
    background: url(http://wwwcdn.beezup.com/images/sprite_fleche.png) no-repeat;
    width: 29px;
    height: 94px;
    position: absolute;
    top: 70px;
    left: -29px;
    border: none;
}

.fleche_droite {
    background: url(http://wwwcdn.beezup.com/images/sprite_fleche.png) no-repeat;
    width: 29px;
    height: 94px;
    background-position: -29px 0;
    position: absolute;
    top: 70px;
    right: -29px;
    border: none;
}

.Bande_subslider {
    width: 100%;
    height: 38px;
    background: url(http://wwwcdn.beezup.com/images/background_subslider.png) repeat-x;
    display: inline-block;
    text-align: center;
}

.Bande_subslider .bloc_subslider {
    float: left;
    font-family: "Trebuchet MS", Arial, sans-serif;
    font-size: 16px;
    color: #b9b9c3;
    text-decoration: none;
    text-align: left;
    margin: 0;
    margin-right: 20px;
}

.Bande_subslider .bloc_subslider span {
    line-height: 30px;
    color: #b0b0bc;
}

.Bande_subslider .bloc_subslider span:hover { color: #FFF; }

.Bande_subslider .bloc_subslider a { text-decoration: none; }

.Bande_subslider .bloc_subslider .bloc_active {
    background: url(http://wwwcdn.beezup.com/images/background.png) repeat-x;
    height: 50px;
    padding-left: 5px;
    padding-right: 5px;
    position: relative;
    margin-top: -8px;
    margin-right: 17px;
}

.Bande_subslider .bloc_subslider .bloc_active .fleche_gauche {
    float: left;
    position: absolute;
    top: 0;
    left: -38px;
    background: url(http://wwwcdn.beezup.com/images/active_gauche.png) no-repeat;
    width: 43px;
    height: 46px;
    display: block;
}

.Bande_subslider .bloc_subslider .bloc_active .text_active {
    float: left;
    background: url(http://wwwcdn.beezup.com/images/background_active.png) repeat-x;
    height: 46px;
    display: block;
}

.Bande_subslider .bloc_subslider .bloc_active .text_active span {
    color: #FFF;
    line-height: 30px;
}

.Bande_subslider .bloc_subslider .bloc_active .fleche_droite {
    float: left;
    position: absolute;
    top: 0;
    right: -38px;
    background: url(http://wwwcdn.beezup.com/images/active_droit.png) no-repeat;
    width: 43px;
    height: 46px;
    display: block;
}

.bloc_consultation {
    /*background:url(http://wwwcdn.beezup.com/images/bloc_consultation.png) no-repeat;*/
    background: #FFF;
    width: 910px;
    border-radius: 10px;
    box-shadow: 1px 1px 12px #d7d5d5;
    -moz-box-shadow: 1px 1px 12px #d7d5d5;
    -webkit-box-shadow: 1px 1px 12px #d7d5d5;
    -o-box-shadow: 1px 1px 12px #d7d5d5;
    -ms-box-shadow: 1px 1px 12px #d7d5d5;
    margin: 0 auto;
    display: block;
    margin-top: 60px;
    position: relative;
    padding-top: 40px;
    padding-bottom: 40px;
}

.bloc_consultation .rond_92 {
    background: url(http://wwwcdn.beezup.com/images/rond_92.png) no-repeat;
    width: 84px;
    height: 88px;
    margin: 0 auto;
    position: absolute;
    left: 50%;
    margin-left: -42px;
    top: -90px;
    padding: 0;
}

.bloc_consultation .rond_92 p {
    font-size: 40px;
    color: #FFF;
    font-family: "Trebuchet MS", Arial, sans-serif;
    text-align: center;
    padding: 0;
    margin: 0;
    line-height: 80px;
}

.bloc_consultation p span { font-size: 30px; }

.bloc_consultation h4 {
    text-align: center;
    margin-top: 20px;
    padding: 0;
    font-size: 24px;
    font-weight: bold;
    font-family: "Trebuchet MS", Arial, sans-serif;
    color: #218ef0;
}

.bloc_consultation h4 span {
    text-align: center;
    padding: 0;
    margin: 0 auto;
    font-size: 17px;
    font-family: "Trebuchet MS", Arial, sans-serif;
    color: #218ef0;
    margin-top: -10px;
}

.bloc_consultation .sondage {
    font-size: 12px;
    text-align: center;
    color: #59666d;
    margin-top: -20px;
    padding: 0;
}

.bloc_consultation .colonne_consultation {
    float: left;
    width: 250px;
}

.bloc_consultation .colonne_consultation ul li {
    list-style-type: none;
    margin-left: -40px;
    background: url(http://wwwcdn.beezup.com/images/puce.png) no-repeat;
    width: 100%;
    height: 100%;
    padding-left: 12px;
    background-position: 0 6px;
    padding-bottom: 5px;
}

.bloc_consultation .espace_colonne_consultation {
    float: left;
    width: 40px;
    height: 1px;
}

.bloc_logo_comparateur {
    background: url(http://wwwcdn.beezup.com/images/bloc_logo_comparateur.png) no-repeat;
    width: 910px;
    height: 781px;
    margin: 0 auto;
    display: block;
    margin-top: 93px;
    min-height: 781px;
}

.bloc_logo_comparateur .menu_comparateur {
    width: 840px;
    height: 30px;
    padding-top: 30px;
    margin: 0 auto;
    border-bottom: 2px solid #b7babd;
}

.bloc_logo_comparateur .menu_comparateur .comparateur_langue { float: left; }

.bloc_logo_comparateur .menu_comparateur .comparateur_boutonmenu {
    float: right;
    width: 640px;
}

.bloc_logo_comparateur .menu_comparateur .comparateur_boutonmenu input[type=button] {
    float: left;
    color: #FFF;
    width: 120px;
    height: 20px;
    display: block;
    text-align: center;
    background: #d2d1d4;
    border: 1px solid #c4c4c9;
    border-radius: 5px;
    margin-left: 8px;
    line-height: 14px;
    cursor: pointer;
    font-size: 12px;
}

.bloc_logo_comparateur .menu_comparateur .comparateur_boutonmenu input[type=button]:hover, .active_button_js {
    background: #8d8d9c !important;
    -webkit-transition: all 0.5s ease;
    -moz-transition: all 0.5s ease;
    -o-transition: all 0.5s ease;
    transition: all 0.5s ease;
    outline: none;
}


.logo_comparateur {
    margin-left: 35px;
    margin-right: 800px;
    margin-top: 20px;
    width: 860px;
    padding-right: 2px;
    height: 625px;
    overflow-y: auto;
}

.minibloc_logo_comparateur {
    float: left;
    width: 94px;
    height: 94px;
    margin-right: 10px;
    margin-bottom: 12px;
    border-radius: 5px;
    background: #FFF;
    text-align: center;
    line-height: 94px;
    border-style: solid;
    border-color: white;
    border-width: 1px;
}

.logo_comparateur div :hover {
    border-style: solid;
    border-width: 1px;
    border-color: gray;
}

.logo_comparateur div a, .logo_comparateur div img {
    border-style: solid;
    border-width: 1px;
    border-color: white !important;
    display: inline-block;
}

.logo_comparateur div a {
    height: 98%;
    width: 98%;
    border-radius: 5px;
}

.minibloc_logo_comparateur:nth-child(8n + 8) { margin-right: 0; }

.minibloc_logo_comparateur img {
    display: inline-block;
    vertical-align: middle;
    max-width: 85px;
    border: none;
}

.Bande_subslider .bloc_subslider_4 {
    float: left;
    font-family: "Trebuchet MS", Arial, sans-serif;
    font-size: 16px;
    color: #b9b9c3;
    text-decoration: none;
    text-align: center;
    margin: 0;
    margin-right: 100px;
}

.Bande_subslider .bloc_subslider_4 span {
    line-height: 30px;
    color: #b0b0bc;
}

.Bande_subslider .bloc_subslider_4 span:hover { color: #FFF; }

.Bande_subslider .bloc_subslider_4 a { text-decoration: none; }

.Bande_subslider .bloc_subslider_4 .bloc_active_4 {
    background: url(http://wwwcdn.beezup.com/images/background.png) repeat-x;
    height: 50px;
    padding-left: 5px;
    padding-right: 5px;
    position: relative;
    margin-top: -8px;
    margin-right: -60px;
}

.Bande_subslider .bloc_subslider_4 .bloc_active_4 .fleche_gauche {
    float: left;
    position: absolute;
    top: 0;
    left: -38px;
    background: url(http://wwwcdn.beezup.com/images/active_gauche.png) no-repeat;
    width: 43px;
    height: 46px;
    display: block;
}

.Bande_subslider .bloc_subslider_4 .bloc_active_4 .text_active {
    float: left;
    background: url(http://wwwcdn.beezup.com/images/background_active.png) repeat-x;
    height: 46px;
    padding-right: 40px;
    padding-left: 40px;
    display: block;
}

.Bande_subslider .bloc_subslider_4 .bloc_active_4 .text_active span {
    color: #FFF;
    line-height: 30px;
    background-color: #8787a0;
}

.Bande_subslider .bloc_subslider_4 .bloc_active_4 .fleche_droite {
    float: left;
    position: absolute;
    top: 0;
    right: -38px;
    background: url(http://wwwcdn.beezup.com/images/active_droit.png) no-repeat;
    width: 43px;
    height: 46px;
    display: block;
}

.Bande_subslider .bloc_subslider_4 .bloc_inactive_4 { padding-left: 60px; }

.Bande_subslider .bloc_subslider_5 .bloc_inactive_5 { padding-left: 60px; }


.Bande_subslider .bloc_subslider_2 {
    float: left;
    font-family: "Trebuchet MS", Arial, sans-serif;
    font-size: 16px;
    color: #b9b9c3;
    text-decoration: none;
    text-align: left;
    margin: 0;
    margin-right: 110px;
}

.Bande_subslider .bloc_subslider_2 span {
    line-height: 30px;
    color: #b0b0bc;
}

.Bande_subslider .bloc_subslider_2 span:hover { color: #FFF; }

.Bande_subslider .bloc_subslider_2 a { text-decoration: none; }

.Bande_subslider .bloc_subslider_2 .bloc_active_2 {
    background: url(http://wwwcdn.beezup.com/images/background.png) repeat-x;
    height: 50px;
    padding-left: 5px;
    padding-right: 5px;
    position: relative;
    margin-top: -8px;
    margin-right: 17px;
}

.Bande_subslider .bloc_subslider_2 .bloc_active_2 .fleche_gauche {
    float: left;
    position: absolute;
    top: 0;
    left: -38px;
    background: url(http://wwwcdn.beezup.com/images/active_gauche.png) no-repeat;
    width: 43px;
    height: 46px;
    display: block;
}

.Bande_subslider .bloc_subslider_2 .bloc_active_2 .text_active {
    float: left;
    background: url(http://wwwcdn.beezup.com/images/background_active.png) repeat-x;
    height: 46px;
    padding-right: 100px;
    padding-left: 100px;
    display: block;
}

.Bande_subslider .bloc_subslider_2 .bloc_active_2 .text_active span {
    color: #FFF;
    line-height: 30px;
}

.Bande_subslider .bloc_subslider_2 .bloc_active_2 .fleche_droite {
    float: left;
    position: absolute;
    top: 0;
    right: -38px;
    background: url(http://wwwcdn.beezup.com/images/active_droit.png) no-repeat;
    width: 43px;
    height: 46px;
    display: block;
}


.Bande_subslider .bloc_subslider_5 {
    float: left;
    font-family: "Trebuchet MS", Arial, sans-serif;
    font-size: 16px;
    color: #b9b9c3;
    text-decoration: none;
    text-align: left;
    margin: 0;
    margin-right: 110px;
}

.Bande_subslider .bloc_subslider_5 span {
    line-height: 30px;
    color: #b0b0bc;
}

.Bande_subslider .bloc_subslider_5 span:hover { color: #FFF; }

.Bande_subslider .bloc_subslider_5 a { text-decoration: none; }

.Bande_subslider .bloc_subslider_5 .bloc_active_2 {
    background: url(http://wwwcdn.beezup.com/images/background.png) repeat-x;
    height: 50px;
    padding-left: 5px;
    padding-right: 5px;
    position: relative;
    margin-top: -8px;
    margin-right: 17px;
}

.Bande_subslider .bloc_subslider_5 .bloc_active_2 .fleche_gauche {
    float: left;
    position: absolute;
    top: 0;
    left: -38px;
    background: url(http://wwwcdn.beezup.com/images/active_gauche.png) no-repeat;
    width: 43px;
    height: 46px;
    display: block;
}

.Bande_subslider .bloc_subslider_5 .bloc_active_2 .text_active {
    float: left;
    background: url(http://wwwcdn.beezup.com/images/background_active.png) repeat-x;
    height: 46px;
    padding-right: 85px;
    padding-left: 85px;
    display: block;
}

.Bande_subslider .bloc_subslider_5 .bloc_active_2 .text_active span {
    color: #FFF;
    line-height: 30px;
}

.Bande_subslider .bloc_subslider_5 .bloc_active_2 .fleche_droite {
    float: left;
    position: absolute;
    top: 0;
    right: -38px;
    background: url(http://wwwcdn.beezup.com/images/active_droit.png) no-repeat;
    width: 43px;
    height: 46px;
    display: block;
}


.Bande_subslider .bloc_subslider_6 {
    float: left;
    font-family: "Trebuchet MS", Arial, sans-serif;
    font-size: 16px;
    color: #b9b9c3;
    text-decoration: none;
    text-align: center;
    margin: 0;
    margin-right: 60px;
}

.Bande_subslider .bloc_subslider_6 span {
    line-height: 30px;
    color: #b0b0bc;
}

.Bande_subslider .bloc_subslider_6 span:hover { color: #FFF; }

.Bande_subslider .bloc_subslider_6 a { text-decoration: none; }

.Bande_subslider .bloc_subslider_6 .bloc_active_6 {
    background: url(http://wwwcdn.beezup.com/images/background.png) repeat-x;
    height: 50px;
    padding-left: 5px;
    padding-right: 5px;
    position: relative;
    margin-top: -8px;
    margin-right: 17px;
}

.Bande_subslider .bloc_subslider_6 .bloc_active_6 .fleche_gauche {
    float: left;
    position: absolute;
    top: 0;
    left: -38px;
    background: url(http://wwwcdn.beezup.com/images/active_gauche.png) no-repeat;
    width: 43px;
    height: 46px;
    display: block;
}

.Bande_subslider .bloc_subslider_6 .bloc_active_6 .text_active {
    float: left;
    background: url(http://wwwcdn.beezup.com/images/background_active.png) repeat-x;
    height: 46px;
    padding-right: 40px;
    padding-left: 40px;
    display: block;
    width: 155px;
}

.Bande_subslider .bloc_subslider_6 .bloc_active_6 .text_active span {
    color: #FFF;
    line-height: 30px;
}

.Bande_subslider .bloc_subslider_6 .bloc_active_6 .fleche_droite {
    float: left;
    position: absolute;
    top: 0;
    right: -38px;
    background: url(http://wwwcdn.beezup.com/images/active_droit.png) no-repeat;
    width: 43px;
    height: 46px;
    display: block;
}

.Bande_subslider .bloc_subslider_6 .bloc_inactive_6 {
    padding-left: 50px;
    margin-right: 45px;
}

.titre_content h1 {
    font-family: "sansationbold", Arial, sans-serif;
    color: #1d7ed8;
    font-size: 34px;
    padding-top: 40px;
    padding-bottom: 0px;
    margin: 0;
    text-align: center;
    font-weight: normal;
}

.titre_content_responsive h1 { display: none; }

.bloc_modules {
    /*background: url(http://wwwcdn.beezup.com/images/background_bloc_module.png) no-repeat;*/
    background: #FFF;
    border-radius: 10px;
    box-shadow: 1px 1px 12px #d7d5d5;
    -moz-box-shadow: 1px 1px 12px #d7d5d5;
    -webkit-box-shadow: 1px 1px 12px #d7d5d5;
    -o-box-shadow: 1px 1px 12px #d7d5d5;
    -ms-box-shadow: 1px 1px 12px #d7d5d5;
    width: 910px;
    margin: 0 auto;
    display: block;
    margin-top: 35px;
    padding-top: 40px;
    padding-bottom: 30px;
    text-align: center;
}

.bloc_modules p { padding-top: 0px; }

.ecran_bloc_module { width: 650px; }

.bloc_submodule { margin-bottom: 70px; }

.all_submodules {
    margin-left: auto;
    margin-right: auto;
    display: table;
}

.submodules {
    float: left;
    width: 191px;
    padding-right: 17px;
    padding-left: 17px;
    margin-top: 70px;
    margin-bottom: 25px;
}

.submodules_images {
    width: 100%;
    height: 100px;
    text-align: center;
    line-height: 140px;
    padding-bottom: 10px;
}

.submodules_images img {
    display: inline-block;
    vertical-align: middle;
}

.submodules .traitbleu { margin-top: 10px; }

.bloc_plugin {
    margin-top: 30px;
    margin-bottom: 70px;
    margin-left: auto;
    margin-right: auto;
}

.plugin {
    float: left;
    padding-right: 20px;
    padding-left: 20px;
    background: #FFF;
    border-radius: 5px;
    border: 1px solid #d7d5d5 !important;
    border-width: 5px;
    margin: 11px 11px;
    display: block;
    width: auto;
    max-width: 250px;
    height: 360px;
    font-family: trebuchet ms;
    text-align: left;
    vertical-align: middle;
    font-size: 14px;
    position: relative;
}

.plugin_images {
    width: 100%;
    height: 50px;
    text-align: center;
    line-height: 40px;
    padding-top: 20px;
}

.plugin_images img {
    display: inline-block;
    vertical-align: middle;
}

.plugin .plugin_text {
    text-overflow: ellipsis;
    overflow: hidden;
    height: 180px;
}

.plugin .plugin_link {
    position: absolute;
    bottom: 10px;
    right: 10px;
    background-image: url(http://wwwcdn.beezup.com/images/plus.png);
    background-repeat: no-repeat;
    background-position: 100% 50%;
    display: block;
}

.plugin .plugin_link a {
    text-align: right;
    margin-bottom: 5px;
    font-size: 12px;
    color: #858585 !important;
    margin-right: 15px;
}

.plugins {
    margin-left: auto;
    margin-right: auto;
    height: auto;
    max-width: 945px;
    width: auto;
}

.phrase_tarif {
    width: 755px;
    margin-top: 30px;
    margin-left: auto;
    margin-right: auto;
    padding-top: 15px;
    padding-left: 150px;
}

.bloc_tarifs { margin-top: -190px; }

.bloc_tarifs .title {
    padding-top: 25px;
    margin: 0;
    font-family: "sansation_lightlight", Arial, sans-serif;
    color: #FFF;
    font-weight: bold;
    text-align: center;
    font-size: 17px;
}


.etoile_div img { margin-top: 14px; }

.hors_taxe { font-size: 12px !important; }

.bouton_register_pricing {
    background: url(http://wwwcdn.beezup.com/images/bouton_register.png) no-repeat;
    width: 72px;
    height: 29px;
    margin: 0 auto;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    border: none;
    color: #FFF;
    line-height: 29px;
    margin-top: 0px;
    background-position: 0 0;
}

.bouton_register_pricing:hover { background-position: 0 -29px; }

.bouton_register_pricing:active { background-position: 0 -58px; }

.tarifs_menu {
    float: left;
    width: 155px;
    height: 100%;
    background: #e2e2e2;
    text-align: right;
    border-radius: 10px 0 0 0;
    color: #858585;
    margin-top: 26px;
    position: relative;
}

.tarifs_menu .bottom {
    position: absolute;
    bottom: -15px;
    width: 100%;
    left: 0px;
    height: 15px;
    border-radius: 0 0 0 10px;
    background: #e2e2e2;
}

.tarifs_menu_responsive { display: none; }

.tarifs_colonne_enterpriseplus {
    float: left;
    width: 107px;
    text-align: center;
    position: relative;
    z-index: 0;
}

.tarifs_colonne_enterpriseplus .bottom {
    position: absolute;
    bottom: -10px;
    width: 106px;
    border-right: #e9ebec;
    left: 0px;
    height: 15px;
    border-radius: 0 0 0 10px;
    background: #F1F1F1;
}

.tarifs_colonne_enterpriseplus .blocprice .etoile_bleu { display: none; }

.tarifs_colonne_enterpriseplus:hover .blocprice .etoile_gris { display: none; }

.tarifs_colonne_enterpriseplus:hover .blocprice .etoile_bleu { display: inline-block; }

.blocprice.responsive { display: none; }

.tarifs_colonne_enterprise {
    float: left;
    width: 107px;
    text-align: center;
    position: relative;
    z-index: 0;
}

.tarifs_colonne_enterprise .bottom {
    position: absolute;
    bottom: -10px;
    width: 106px;
    border-right: #e9ebec;
    left: 0px;
    height: 15px;
    background: #F1F1F1;
}

.tarifs_colonne_enterprise .blocprice .etoile_bleu { display: none; }

.tarifs_colonne_enterprise:hover .blocprice .etoile_gris { display: none; }

.tarifs_colonne_enterprise:hover .blocprice .etoile_bleu { display: inline-block; }

.tarifs_colonne_expert {
    float: left;
    width: 102px;
    text-align: center;
    position: relative;
}

.tarifs_colonne_expert .bottom {
    position: absolute;
    bottom: -10px;
    width: 102px;
    left: 0px;
    height: 15px;
    background: #F1F1F1;
}

.tarifs_colonne_expert .blocprice .etoile_bleu { display: none; }

.tarifs_colonne_expert:hover .blocprice .etoile_gris { display: none; }

.tarifs_colonne_expert:hover .blocprice .etoile_bleu { display: inline-block; }

.tarifs_colonne_professional {
    float: left;
    width: 123px;
    text-align: center;
    position: relative;
    margin-top: -18px;
}

.tarifs_colonne_professional .populaire {
    text-align: center;
    position: absolute;
    top: 0;
    width: 100px;
    margin-top: -112px;
    z-index: 4;
    background: #218ef0;
    border-radius: 5px;
    padding-bottom: 5px;
    left: 8%;
    min-height: 48px;
}

@media only screen and (min-device-width: 320px) and (max-device-width: 480px) {
    .tarifs_colonne_professional .populaire { margin-top: -150px; }
}

@media only screen and (min-device-width: 320px) and (max-device-width: 568px) {
    .tarifs_colonne_professional .populaire { margin-top: -150px; }
}

@media only screen and (-webkit-device-pixel-ratio: 1.5) {
    .tarifs_colonne_professional .populaire { margin-top: -112px; }
}

@media only screen and (-webkit-device-pixel-ratio: 1) {
    .tarifs_colonne_professional .populaire { margin-top: -112px; }
}

@media only screen and (-webkit-device-pixel-ratio: .75) {
    .tarifs_colonne_professional .populaire { margin-top: -112px; }
}

.tarifs_colonne_professional .populaire span {
    text-align: center;
    position: relative;
    top: 6px;
    z-index: 4;
    color: #011a53;
    width: 123px;
    font-family: "Trebuchet MS", Arial, sans-serif;
    font-size: 13px;
    line-height: 15px;
    font-weight: bold;
    vertical-align: middle;
}

.tarifs_colonne_professional .populaire .triangle {
    width: 32px;
    height: 10px;
    background: url(http://wwwcdn.beezup.com/images/triangle.png);
    margin: 0 auto;
    position: absolute;
    text-align: center;
    left: 50%;
    margin-left: -16px;
    margin-top: 15px;
}

.tarifs_colonne_professional .ombre_gauche {
    position: absolute;
    left: -6px;
    height: 98.3%;
    width: 6px;
    background: url(http://wwwcdn.beezup.com/images/ombre_gauche.png) repeat-y;
    z-index: 2;
    top: 17px;
}

.tarifs_colonne_professional .ombre_droit {
    position: absolute;
    right: -6px;
    height: 98.3%;
    width: 6px;
    background: url(http://wwwcdn.beezup.com/images/ombre_droite.png) repeat-y;
    z-index: 2;
    top: 17px;
}

.tarifs_colonne_professional .bottom {
    position: absolute;
    bottom: -25px;
    width: 135px;
    left: -6px;
    height: 25px;
    background: url(http://wwwcdn.beezup.com/images/bottom_professional2.png) no-repeat;
    z-index: 2;
}

.tarifs_colonne_professional .blocprice { background: #f6fbfe; }

.tarifs_colonne_professional .blocprice:nth-child(even) { background: #e8edf0; }

.tarifs_colonne_professional .blocprice .etoile_gris { display: none; }

.tarifs_colonne_professional:hover .blocprice .etoile_gris { display: none; }

.tarifs_colonne_professional:hover .blocprice .etoile_bleu { display: inline-block; }

.tarifs_colonne_standard {
    float: left;
    width: 102px;
    text-align: center;
    position: relative;
}

.tarifs_colonne_standard .bottom {
    position: absolute;
    bottom: -10px;
    width: 101px;
    border-right: #e9ebec;
    left: 0px;
    height: 15px;
    background: #F1F1F1;
}

.tarifs_colonne_standard .blocprice .etoile_bleu { display: none; }

.tarifs_colonne_standard:hover .blocprice .etoile_gris { display: none; }

.tarifs_colonne_standard:hover .blocprice .etoile_bleu { display: inline-block; }

.tarifs_colonne_basic {
    float: left;
    width: 107px;
    text-align: center;
    position: relative;
}

.tarifs_colonne_basic .bottom {
    position: absolute;
    bottom: -10px;
    width: 106px;
    border-right: #e9ebec;
    left: 0px;
    height: 15px;
    background: #F1F1F1;
}

.tarifs_colonne_basic .blocprice .etoile_bleu { display: none; }

.tarifs_colonne_basic:hover .blocprice .etoile_gris { display: none; }

.tarifs_colonne_basic:hover .blocprice .etoile_bleu { display: inline-block; }

.tarifs_colonne_free {
    float: left;
    width: 107px;
    text-align: center;
    position: relative;
}

.tarifs_colonne_free .bottom {
    position: absolute;
    bottom: -10px;
    width: 106px;
    border-right: #e9ebec;
    left: 0px;
    height: 15px;
    border-radius: 0 0 10px 0;
    background: #F1F1F1;
}

.tarifs_colonne_free .blocprice .etoile_bleu { display: none; }

.tarifs_colonne_free:hover .blocprice .etoile_gris { display: none; }

.tarifs_colonne_free:hover .blocprice .etoile_bleu { display: inline-block; }

.show-off {
    width: 500px;
    height: 500px;
    position: absolute;
    top: -180px;
    left: -600px;
    -moz-transition: 0.0s;
    -webkit-transition: 0.0s;
    -o-transition: 0.0s;
    transition: 0.0s;
    -moz-transform: rotate(30deg);
    -webkit-transform: rotate(30deg);
    -o-transform: rotate(30deg);
    transform: rotate(30deg);
    background: linear-gradient(0deg, rgba(255, 255, 255, 0)50%, rgba(255, 255, 255, 0.7)100%);
    background: -moz-linear-gradient(0deg, rgba(255, 255, 255, 0)50%, rgba(255, 255, 255, 0.7)100%);
    background: -webkit-linear-gradient(0deg, rgba(255, 255, 255, 0)50%, rgba(255, 255, 255, 0.7)100%);
    background: -o-linear-gradient(0deg, rgba(255, 255, 255, 0)50%, rgba(255, 255, 255, 0.7)100%);
}

.bloc_color_entrepriseplus {
    background: url(http://wwwcdn.beezup.com/images/bg_entreprise_plus.png) no-repeat;
    width: 107px;
    height: 134px;
    position: relative;
    -webkit-transition: all 1000ms cubic-bezier(0.005, 1, 1.000, 0); /* older webkit */
    -webkit-transition: all 1000ms cubic-bezier(0.005, 1.650, 1.000, -0.600);
    -moz-transition: all 1000ms cubic-bezier(0.005, 1.650, 1.000, -0.600);
    -ms-transition: all 1000ms cubic-bezier(0.005, 1.650, 1.000, -0.600);
    -o-transition: all 1000ms cubic-bezier(0.005, 1.650, 1.000, -0.600);
    transition: all 1000ms cubic-bezier(0.005, 1.650, 1.000, -0.600); /* custom */
    -webkit-transition-timing-function: cubic-bezier(0.005, 1, 1.000, 0); /* older webkit */
    -webkit-transition-timing-function: cubic-bezier(0.005, 1.650, 1.000, -0.600);
    -moz-transition-timing-function: cubic-bezier(0.005, 1.650, 1.000, -0.600);
    -ms-transition-timing-function: cubic-bezier(0.005, 1.650, 1.000, -0.600);
    -o-transition-timing-function: cubic-bezier(0.005, 1.650, 1.000, -0.600);
    transition-timing-function: cubic-bezier(0.005, 1.650, 1.000, -0.600); /* custom */
    overflow: hidden;
}

.tarifs_colonne_enterpriseplus:hover,
.tarifs_colonne_enterprise:hover,
.tarifs_colonne_expert:hover,
.tarifs_colonne_professional:hover,
.tarifs_colonne_standard:hover,
.tarifs_colonne_basic:hover,
.tarifs_colonne_free:hover {
    box-shadow: 0px 0px 20px 5px #FFFFFF;
    -webkit-box-shadow: 0px 0px 20px 5px #FFFFFF;
    -moz-box-shadow: 0px 0px 20px 5px #FFFFFF;
    -o-box-shadow: 0px 0px 20px 5px #FFFFFF;
    border-radius: 10px 10px 10px 10px;
    z-index: 5;
}

.tarifs_colonne_enterpriseplus:hover .bloc_color_entrepriseplus .show-off,
.tarifs_colonne_enterprise:hover .bloc_color_entreprise .show-off,
.tarifs_colonne_expert:hover .bloc_color_expert .show-off,
.tarifs_colonne_professional:hover .bloc_color_professional .show-off,
.tarifs_colonne_standard:hover .bloc_color_standard .show-off,
.tarifs_colonne_basic:hover .bloc_color_basic .show-off,
.tarifs_colonne_free:hover .bloc_color_free .show-off {
    top: 0px;
    left: 0px;
    -moz-transform: rotate(0deg);
    -webkit-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
    border-radius: 10px 0 0 0;
    -moz-transition: 1.3s;
    -webkit-transition: 1.3s;
    -o-transition: 1.3s;
    transition: 1.3s;
}

.price_entreprise_plus {
    background: url(http://wwwcdn.beezup.com/images/etiquette_enterprise_plus.png) no-repeat;
    width: 84px;
    height: 88px;
    position: absolute;
    top: 74px;
    left: 50%;
    margin-left: -42px;
}

.price_entreprise_plus p,
.price_entreprise p,
.price_expert p,
.price_professional p,
.price_standard p,
.price_basic p,
.price_free p {
    font-family: "Trebuchet MS", Arial, sans-serif;
    color: #FFF;
    font-size: 19px;
    text-align: center;
    line-height: 18px;
    margin-top: 27px;
}

.price_entreprise_plus p span,
.price_entreprise p span,
.price_expert p span,
.price_professional p span,
.price_standard p span,
.price_basic p span,
.price_free p span {
    vertical-align: super;
    font-size: 15px;
}


.bloc_color_entreprise {
    background: url(http://wwwcdn.beezup.com/images/bg_entreprise.png) no-repeat;
    width: 107px;
    height: 134px;
    position: relative;
    -webkit-transition: all 1000ms cubic-bezier(0.005, 1, 1.000, 0); /* older webkit */
    -webkit-transition: all 1000ms cubic-bezier(0.005, 1.650, 1.000, -0.600);
    -moz-transition: all 1000ms cubic-bezier(0.005, 1.650, 1.000, -0.600);
    -ms-transition: all 1000ms cubic-bezier(0.005, 1.650, 1.000, -0.600);
    -o-transition: all 1000ms cubic-bezier(0.005, 1.650, 1.000, -0.600);
    transition: all 1000ms cubic-bezier(0.005, 1.650, 1.000, -0.600); /* custom */
    -webkit-transition-timing-function: cubic-bezier(0.005, 1, 1.000, 0); /* older webkit */
    -webkit-transition-timing-function: cubic-bezier(0.005, 1.650, 1.000, -0.600);
    -moz-transition-timing-function: cubic-bezier(0.005, 1.650, 1.000, -0.600);
    -ms-transition-timing-function: cubic-bezier(0.005, 1.650, 1.000, -0.600);
    -o-transition-timing-function: cubic-bezier(0.005, 1.650, 1.000, -0.600);
    transition-timing-function: cubic-bezier(0.005, 1.650, 1.000, -0.600); /* custom */
    overflow: hidden;
}

.price_entreprise {
    background: url(http://wwwcdn.beezup.com/images/etiquette_entreprise.png) no-repeat;
    width: 84px;
    height: 88px;
    position: absolute;
    top: 74px;
    left: 50%;
    margin-left: -42px;
}

.bloc_color_expert {
    background: url(http://wwwcdn.beezup.com/images/bg_expert.png) no-repeat;
    width: 102px;
    height: 134px;
    margin-bottom: 0;
    position: relative;
    -webkit-transition: all 1000ms cubic-bezier(0.005, 1, 1.000, 0); /* older webkit */
    -webkit-transition: all 1000ms cubic-bezier(0.005, 1.650, 1.000, -0.600);
    -moz-transition: all 1000ms cubic-bezier(0.005, 1.650, 1.000, -0.600);
    -ms-transition: all 1000ms cubic-bezier(0.005, 1.650, 1.000, -0.600);
    -o-transition: all 1000ms cubic-bezier(0.005, 1.650, 1.000, -0.600);
    transition: all 1000ms cubic-bezier(0.005, 1.650, 1.000, -0.600); /* custom */
    -webkit-transition-timing-function: cubic-bezier(0.005, 1, 1.000, 0); /* older webkit */
    -webkit-transition-timing-function: cubic-bezier(0.005, 1.650, 1.000, -0.600);
    -moz-transition-timing-function: cubic-bezier(0.005, 1.650, 1.000, -0.600);
    -ms-transition-timing-function: cubic-bezier(0.005, 1.650, 1.000, -0.600);
    -o-transition-timing-function: cubic-bezier(0.005, 1.650, 1.000, -0.600);
    transition-timing-function: cubic-bezier(0.005, 1.650, 1.000, -0.600); /* custom */
    overflow: hidden;
}

.price_expert {
    background: url(http://wwwcdn.beezup.com/images/etiquette_expert.png) no-repeat;
    width: 84px;
    height: 88px;
    position: absolute;
    top: 74px;
    left: 50%;
    margin-left: -42px;
}

.bloc_color_professional {
    background: url(http://wwwcdn.beezup.com/images/bg_professional.png) no-repeat;
    width: 123px;
    height: 152px;
    position: relative;
    -webkit-transition: all 1000ms cubic-bezier(0.005, 1, 1.000, 0); /* older webkit */
    -webkit-transition: all 1000ms cubic-bezier(0.005, 1.650, 1.000, -0.600);
    -moz-transition: all 1000ms cubic-bezier(0.005, 1.650, 1.000, -0.600);
    -ms-transition: all 1000ms cubic-bezier(0.005, 1.650, 1.000, -0.600);
    -o-transition: all 1000ms cubic-bezier(0.005, 1.650, 1.000, -0.600);
    transition: all 1000ms cubic-bezier(0.005, 1.650, 1.000, -0.600); /* custom */
    -webkit-transition-timing-function: cubic-bezier(0.005, 1, 1.000, 0); /* older webkit */
    -webkit-transition-timing-function: cubic-bezier(0.005, 1.650, 1.000, -0.600);
    -moz-transition-timing-function: cubic-bezier(0.005, 1.650, 1.000, -0.600);
    -ms-transition-timing-function: cubic-bezier(0.005, 1.650, 1.000, -0.600);
    -o-transition-timing-function: cubic-bezier(0.005, 1.650, 1.000, -0.600);
    transition-timing-function: cubic-bezier(0.005, 1.650, 1.000, -0.600); /* custom */
    overflow: hidden;
}

.price_professional {
    background: url(http://wwwcdn.beezup.com/images/etiquette_professional.png) no-repeat;
    width: 84px;
    height: 88px;
    position: absolute;
    top: 92px;
    left: 50%;
    margin-left: -42px;
}



.bloc_color_standard {
    background: url(http://wwwcdn.beezup.com/images/bg_standard.png) no-repeat;
    width: 102px;
    height: 134px;
    position: relative;
    -webkit-transition: all 1000ms cubic-bezier(0.005, 1, 1.000, 0); /* older webkit */
    -webkit-transition: all 1000ms cubic-bezier(0.005, 1.650, 1.000, -0.600);
    -moz-transition: all 1000ms cubic-bezier(0.005, 1.650, 1.000, -0.600);
    -ms-transition: all 1000ms cubic-bezier(0.005, 1.650, 1.000, -0.600);
    -o-transition: all 1000ms cubic-bezier(0.005, 1.650, 1.000, -0.600);
    transition: all 1000ms cubic-bezier(0.005, 1.650, 1.000, -0.600); /* custom */
    -webkit-transition-timing-function: cubic-bezier(0.005, 1, 1.000, 0); /* older webkit */
    -webkit-transition-timing-function: cubic-bezier(0.005, 1.650, 1.000, -0.600);
    -moz-transition-timing-function: cubic-bezier(0.005, 1.650, 1.000, -0.600);
    -ms-transition-timing-function: cubic-bezier(0.005, 1.650, 1.000, -0.600);
    -o-transition-timing-function: cubic-bezier(0.005, 1.650, 1.000, -0.600);
    transition-timing-function: cubic-bezier(0.005, 1.650, 1.000, -0.600); /* custom */
    overflow: hidden;
}

.price_standard {
    background: url(http://wwwcdn.beezup.com/images/etiquette_standard.png) no-repeat;
    width: 84px;
    height: 88px;
    position: absolute;
    top: 74px;
    left: 50%;
    margin-left: -42px;
}

.bloc_color_basic {
    background: url(http://wwwcdn.beezup.com/images/bg_basic.png) no-repeat;
    width: 107px;
    height: 134px;
    position: relative;
    -webkit-transition: all 1000ms cubic-bezier(0.005, 1, 1.000, 0); /* older webkit */
    -webkit-transition: all 1000ms cubic-bezier(0.005, 1.650, 1.000, -0.600);
    -moz-transition: all 1000ms cubic-bezier(0.005, 1.650, 1.000, -0.600);
    -ms-transition: all 1000ms cubic-bezier(0.005, 1.650, 1.000, -0.600);
    -o-transition: all 1000ms cubic-bezier(0.005, 1.650, 1.000, -0.600);
    transition: all 1000ms cubic-bezier(0.005, 1.650, 1.000, -0.600); /* custom */
    -webkit-transition-timing-function: cubic-bezier(0.005, 1, 1.000, 0); /* older webkit */
    -webkit-transition-timing-function: cubic-bezier(0.005, 1.650, 1.000, -0.600);
    -moz-transition-timing-function: cubic-bezier(0.005, 1.650, 1.000, -0.600);
    -ms-transition-timing-function: cubic-bezier(0.005, 1.650, 1.000, -0.600);
    -o-transition-timing-function: cubic-bezier(0.005, 1.650, 1.000, -0.600);
    transition-timing-function: cubic-bezier(0.005, 1.650, 1.000, -0.600); /* custom */
    overflow: hidden;
}

.price_basic {
    background: url(http://wwwcdn.beezup.com/images/etiquette_basic.png) no-repeat;
    width: 84px;
    height: 88px;
    position: absolute;
    top: 74px;
    left: 50%;
    margin-left: -42px;
}

.bloc_color_free {
    background: url(http://wwwcdn.beezup.com/images/bg_free.png) no-repeat;
    width: 107px;
    height: 134px;
    position: relative;
    -webkit-transition: all 1000ms cubic-bezier(0.005, 1, 1.000, 0); /* older webkit */
    -webkit-transition: all 1000ms cubic-bezier(0.005, 1.650, 1.000, -0.600);
    -moz-transition: all 1000ms cubic-bezier(0.005, 1.650, 1.000, -0.600);
    -ms-transition: all 1000ms cubic-bezier(0.005, 1.650, 1.000, -0.600);
    -o-transition: all 1000ms cubic-bezier(0.005, 1.650, 1.000, -0.600);
    transition: all 1000ms cubic-bezier(0.005, 1.650, 1.000, -0.600); /* custom */
    -webkit-transition-timing-function: cubic-bezier(0.005, 1, 1.000, 0); /* older webkit */
    -webkit-transition-timing-function: cubic-bezier(0.005, 1.650, 1.000, -0.600);
    -moz-transition-timing-function: cubic-bezier(0.005, 1.650, 1.000, -0.600);
    -ms-transition-timing-function: cubic-bezier(0.005, 1.650, 1.000, -0.600);
    -o-transition-timing-function: cubic-bezier(0.005, 1.650, 1.000, -0.600);
    transition-timing-function: cubic-bezier(0.005, 1.650, 1.000, -0.600); /* custom */
    overflow: hidden;
}

.price_free {
    background: url(http://wwwcdn.beezup.com/images/etiquette_free.png) no-repeat;
    width: 84px;
    height: 88px;
    position: absolute;
    top: 74px;
    left: 50%;
    margin-left: -42px;
}

.bloc_color_entrepriseplus_responsive { display: none; }

.bloc_color_entreprise .price {
    background: url(http://wwwcdn.beezup.com/images/etiquette_entreprise.png) no-repeat;
    width: 84px;
    height: 88px;
    position: absolute;
    bottom: -27px;
    left: 50%;
    margin-left: -42px;
}

.bloc_color_entreprise .price p {
    font-family: "Trebuchet MS", Arial, sans-serif;
    color: #FFF;
    font-size: 19px;
    text-align: center;
    line-height: 35px;
}

.bloc_color_entreprise .price p span {
    vertical-align: super;
    font-size: 15px;
}

.bloc_color_entreprise_responsive { display: none; }

.bloc_color_expert {
    background: url(http://wwwcdn.beezup.com/images/bg_expert.png) no-repeat;
    width: 102px;
    height: 134px;
    margin-bottom: 0;
    position: relative;
}

.bloc_color_expert .price {
    background: url(http://wwwcdn.beezup.com/images/etiquette_expert.png) no-repeat;
    width: 84px;
    height: 88px;
    position: absolute;
    bottom: -27px;
    left: 50%;
    margin-left: -42px;
}

.bloc_color_expert .price p {
    font-family: "Trebuchet MS", Arial, sans-serif;
    color: #FFF;
    font-size: 19px;
    text-align: center;
    line-height: 35px;
}

.bloc_color_expert .price p span {
    vertical-align: super;
    font-size: 15px;
}

.bloc_color_expert_responsive { display: none; }


.bloc_color_professional .price {
    background: url(http://wwwcdn.beezup.com/images/etiquette_professional.png) no-repeat;
    width: 84px;
    height: 88px;
    position: absolute;
    bottom: -27px;
    left: 50%;
    margin-left: -42px;
}

.bloc_color_standard .price {
    background: url(http://wwwcdn.beezup.com/images/etiquette_standard.png) no-repeat;
    width: 84px;
    height: 88px;
    position: absolute;
    bottom: -27px;
    left: 50%;
    margin-left: -42px;
}

.bloc_color_standard .price p {
    font-family: "Trebuchet MS", Arial, sans-serif;
    color: #FFF;
    font-size: 19px;
    text-align: center;
    line-height: 35px;
}

.bloc_color_standard .price p span {
    vertical-align: super;
    font-size: 15px;
}


.bloc_color_professional_responsive { display: none; }

.bloc_color_standard_responsive { display: none; }

.bloc_color_basic .price {
    background: url(http://wwwcdn.beezup.com/images/etiquette_basic.png) no-repeat;
    width: 84px;
    height: 88px;
    position: absolute;
    bottom: -27px;
    left: 50%;
    margin-left: -42px;
}

.bloc_color_basic .price p {
    font-family: "Trebuchet MS", Arial, sans-serif;
    color: #FFF;
    font-size: 19px;
    text-align: center;
    line-height: 35px;
}

.bloc_color_basic .price p span {
    vertical-align: super;
    font-size: 15px;
}

.bloc_color_basic_responsive { display: none; }



.bloc_color_free .price {
    background: url(http://wwwcdn.beezup.com/images/etiquette_free.png) no-repeat;
    width: 84px;
    height: 88px;
    position: absolute;
    bottom: -27px;
    left: 50%;
    margin-left: -42px;
}

.bloc_color_free .price p {
    font-family: "Trebuchet MS", Arial, sans-serif;
    color: #FFF;
    font-size: 19px;
    text-align: center;
    line-height: 35px;
}

.bloc_color_free .price p span {
    vertical-align: super;
    font-size: 15px;
}

.bloc_color_free_responsive { display: none; }

.espaceprice {
    background: #FFF;
    width: 99.5%;
    height: 28px;
    border-right: 1px solid #e9ebec;
}

.blocprice {
    background: #f1f1f1;
    width: 99.5%;
    height: 42px;
    line-height: 40px;
    font-size: 12px;
    text-align: center;
    border-right: 1px solid #e9ebec;
}

.blocprice:nth-child(even) { background: #FFF; }

.blocprice span {
    width: 100%;
    margin-right: 30px;
    display: inline-block;
    vertical-align: middle;
    line-height: 1.2;
    position: relative;
}

.haut_tarif {
    width: 165px;
    height: 108px;
    background: #d3d3d3;
    border-radius: 10px 0 0 0;
    position: relative;
}

.haut_tarif p {
    bottom: 0;
    right: 20px;
    text-align: right;
    position: absolute;
}

.haut_tarif .price1 {
    bottom: 0px;
    right: 20px;
    text-align: right;
    position: absolute;
    font-size: 11px;
    font-style: italic;
}

.haut_tarif .price2 {
    bottom: 65px;
    right: 20px;
    font-weight: bold;
    font-size: 13px;
    color: #59666d;
    text-align: right;
    position: absolute;
}

.conteneur_select_price {
    position: absolute;
    width: 120px;
    height: 25px;
    bottom: 45px;
    right: 20px;
    background: url(http://wwwcdn.beezup.com/images/bouton_select_price.png) no-repeat right;
    background-color: #dfdfdf;
    cursor: pointer;
    border-radius: 5px;
    -webkit-appearance: none;
    border: 1px solid #858585;
}

.conteneur_select_price select {
    height: 100%;
    width: 100%;
    padding-left: 5px;
    border-radius: 5px;
    margin: 0 auto;
    display: block;
    background-color: transparent;
    -webkit-appearance: none;
    cursor: pointer;
    font-weight: bold;
    color: #59666D;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    -webkit-appearance: none;
    overflow: hidden;
    background: url(https://beezupwww.blob.core.windows.net/images/bouton_select_price_background.png) no-repeat;
    background-size: 96px 100%;
    float: left;
    border: none;
}

.conteneur_select_price select, x:-moz-any-link, x:default {
    padding-top: 2px;
    padding-bottom: 0px !important;
}

.conteneur_select_price select { padding-bottom: 2px\9; }

@media screen and (min-width: 0\0) {
    .conteneur_select_price select {
        padding-top: 2px;
        padding-bottom: 0px !important;
    }
}

html[data-useragent*='MSIE 10.0'] .conteneur_select_price select {
    padding-top: 2px;
    padding-bottom: 0px !important;
}

.conteneur_select_price select::-ms-expand { display: none; }

.tarifs_menu .espaceprice {
    background: #e2e2e2;
    width: 100%;
    height: 28px;
    border-right: 1px solid #e9ebec;
}

.tarifs_menu .blocprice {
    background: #e2e2e2;
    width: 99.5%;
    height: 42px;
    font-size: 13px;
    text-align: right;
    line-height: 40px;
    position: relative;
}

.tarifs_menu .blocprice span {
    width: 127px;
    margin-right: 30px;
    display: inline-block;
    vertical-align: middle;
    line-height: 1.2;
    position: relative;
    font-size: 12px;
    height: 42px;
}

.tarifs_menu .blocprice .trait_tarif {
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 42px !important;
    line-height: 30px;
    display: inline-block;
    margin-right: 0;
    color: #ababab;
}

.tarifs_menu .blocprice .tarif_legende { padding-top: 13px; }

.tarifs_menu_responsive .espaceprice {
    background: #e2e2e2;
    width: 100%;
    height: 28px;
    border-right: 1px solid #e9ebec;
}

.tarifs_menu_responsive .blocprice {
    background: #e2e2e2;
    width: 100%;
    height: 42px;
    font-size: 13px;
    text-align: right;
    line-height: 40px;
    position: relative;
}

.tarifs_menu_responsive .blocprice span {
    width: 127px;
    margin-right: 30px;
    display: inline-block;
    vertical-align: middle;
    line-height: 1.2;
    position: relative;
}

.tarifs_menu_responsive .blocprice .trait_tarif {
    position: absolute;
    right: 0;
    top: 0;
    width: 30px;
    height: 40px;
    line-height: 30px;
    display: inline-block;
    margin-right: 0;
    color: #ababab;
}

.bouton_register {
    background: url(http://wwwcdn.beezup.com/images/bouton_register.png) no-repeat;
    width: 72px;
    height: 29px;
    margin: 0 auto;
    display: inline-block;
    vertical-align: middle;
    cursor: pointer;
    border: none;
    color: #FFF;
    line-height: 29px;
    font-size: 12px;
}

.bouton_register:hover { background-position: 0 -29px; }

.bouton_register:active { background-position: 0 -58px; }

.clear_responsive { display: none; }

.bloc_contact_success {
    /*background:url(http://wwwcdn.beezup.com/images/bloc_consultation.png) no-repeat;*/
    background: #FFF;
    width: auto;
    max-width: 910px;
    border-radius: 10px;
    box-shadow: 1px 1px 12px #d7d5d5;
    -moz-box-shadow: 1px 1px 12px #d7d5d5;
    -webkit-box-shadow: 1px 1px 12px #d7d5d5;
    -o-box-shadow: 1px 1px 12px #d7d5d5;
    -ms-box-shadow: 1px 1px 12px #d7d5d5;
    margin: 0 auto;
    display: block;
    margin-top: 115px;
    position: relative;
    padding-top: 40px;
    padding-bottom: 40px;
    height: auto;
}

.bloc_philo {
    /*background:url(http://wwwcdn.beezup.com/images/bloc_consultation.png) no-repeat;*/
    background: #FFF;
    width: 910px;
    border-radius: 10px;
    box-shadow: 1px 1px 12px #d7d5d5;
    -moz-box-shadow: 1px 1px 12px #d7d5d5;
    -webkit-box-shadow: 1px 1px 12px #d7d5d5;
    -o-box-shadow: 1px 1px 12px #d7d5d5;
    -ms-box-shadow: 1px 1px 12px #d7d5d5;
    margin: 0 auto;
    display: block;
    margin-top: 80px;
    position: relative;
    padding-top: 40px;
    padding-bottom: 40px;
    height: auto;
}

.bloc_philo h4 {
    text-align: center;
    margin-top: -20px;
    padding: 0;
    font-size: 24px;
    font-weight: bold;
    font-family: "Trebuchet MS", Arial, sans-serif;
    color: #218ef0;
}

.bloc_philo h4 span {
    text-align: center;
    padding: 0;
    margin: 0 auto;
    font-size: 17px;
    font-family: "Trebuchet MS", Arial, sans-serif;
    color: #218ef0;
    margin-top: -10px;
}

.bloc_philo .colonne_consultation {
    float: left;
    width: 250px;
    padding-left: 40px;
    margin-top: -10px;
}

.bloc_philo .colonne_consultation ul li {
    list-style-type: none;
    margin-left: -40px;
    background: url(http://wwwcdn.beezup.com/images/puce.png) no-repeat;
    width: 100%;
    height: 100%;
    padding-left: 12px;
    background-position: 0 6px;
    padding-bottom: 5px;
}

.bloc_contact {
    /*background:url(http://wwwcdn.beezup.com/images/bloc_consultation.png) no-repeat;*/
    background: #FFF;
    width: auto;
    max-width: 910px;
    border-radius: 10px;
    box-shadow: 1px 1px 12px #d7d5d5;
    -moz-box-shadow: 1px 1px 12px #d7d5d5;
    -webkit-box-shadow: 1px 1px 12px #d7d5d5;
    -o-box-shadow: 1px 1px 12px #d7d5d5;
    -ms-box-shadow: 1px 1px 12px #d7d5d5;
    margin: 0 auto;
    display: block;
    margin-top: 80px;
    position: relative;
    padding-top: 40px;
    padding-bottom: 40px;
    height: auto;
}

.bloc_contact input[type="text"] {
    width: 347px;
    height: 87%;
    padding-left: 10px;
    border: 1px solid #e7e7ec;
    border-radius: 5px;
    margin: -10px auto;
    display: block;
}

.bloc_contact .bouton_register { margin: 0 15px !important; }

.histoire_societe {
    float: left;
    width: 580px;
    margin-top: 70px;
    margin-bottom: 80px;
}

.histoire_societe .traitbleu { margin-bottom: 30px; }

.titleh3 {
    margin-bottom: 20px;
    margin-top: 20px;
}

.equipe {
    float: right;
    width: 300px;
    margin-top: 70px;
}

.equipe .traitbleu { margin-bottom: 30px; }

.bloc_equipe {
    background: #d2d1d1;
    padding: 10px;
    border-radius: 5px;
    margin-bottom: 50px;
    margin-top: 45px;
}

.bloc_equipe img { float: left; }

.equipe_info {
    float: right;
    width: 174px;
}

.equipe_info p { margin-top: 5px; }

.icon_equipe img {
    float: left;
    margin-right: 5px;
    margin-bottom: 10px;
    border: none;
}

.conteneur_input {
    position: relative;
    width: auto;
    height: 29px;
    margin: 0 auto;
    margin-bottom: 22px;
}

.bloc_philo input[type="text"] {
    width: 333px;
    height: 100%;
    padding-left: 20px;
    border: 1px solid #e7e7ec;
    border-radius: 5px;
    margin: 0 auto;
    display: block;
}

.label_nom {
    position: absolute;
    margin-top: 7px;
    left: -71%;
    width: 100%;
    text-align: right;
    display: block;
}

.label_nom_select {
    position: absolute;
    margin-top: 6px;
    left: -104%;
    width: 100%;
    text-align: right;
    display: block;
}

.input-validation-error { border: 1px solid #FF0000 !important; }

.field-validation-error {
    color: #FF0000;
    float: right;
    font-size: 12px;
    margin-top: -13px;
    width: 270px;
    text-align: left;
}

.vertical_align_error_msg { margin-top: -77px !important; }

.conteneur_textarea {
    position: relative;
    width: auto;
    height: 93px;
    margin: 0 auto;
    margin-bottom: 20px;
}

textarea {
    width: 345px;
    height: 100%;
    padding-left: 9px;
    border: 1px solid #e7e7ec;
    border-radius: 5px;
    margin: 0 auto;
    display: block;
}

.conteneur_bouton {
    width: 385px;
    margin: 0 auto;
    margin-bottom: 20px;
    padding-top: 5px;
}

.conteneur_bouton .bouton_register {
    float: right;
    text-align: center;
}

.conteneur_select {
    position: relative;
    width: 355px;
    height: 27px;
    margin: 0 auto;
    margin-bottom: 20px;
    background: url(http://wwwcdn.beezup.com/images/bouton_select.png) no-repeat right;
    cursor: pointer;
    border: 1px solid #e7e7ec;
    border-radius: 5px;
    margin-top: -9px;
    margin-bottom: 13px;
}

.conteneur_select select {
    width: 350px;
    border: none;
    height: 100%;
    padding-left: 6px;
    border-radius: 5px;
    margin: 0 auto;
    display: block;
    background-color: transparent;
    -webkit-appearance: none;
    cursor: pointer;
    -moz-appearance: none;
    text-indent: 0.01px;
    text-overflow: '';
    -webkit-appearance: none;
    overflow: hidden;
    color: #59666D;
}

.conteneur_select select, x:-moz-any-link, x:default { padding-top: 5px; }

.conteneur_select select::-ms-expand { display: none; }

.conteneur_select select { padding-bottom: 4px\9; }

@media screen and (min-width: 0\0) {
    .conteneur_select select {
        padding-top: 2px;
        padding-bottom: 0px !important;
    }
}

html[data-useragent*='MSIE 10.0'] .conteneur_select select {
    padding-top: 2px;
    padding-bottom: 0px !important;
}

.contact_form { margin-top: 45px !important; }


.courrier {
    float: left;
    width: 290px;
    margin-top: 55px;
}

.courrier .traitbleu { margin-bottom: 30px; }

.localisation {
    float: right;
    width: 580px;
    margin-top: 55px;
    height: 400px;
}

.localisation_contactsuccess {
    float: right;
    width: 580px;
    margin-top: 55px;
    height: 315px;
}

.histoire_societe .traitbleu { margin-bottom: 30px; }

.ecran_localisation {
    margin-top: 30px;
    height: auto;
    width: auto;
    max-width: 100%;
}

.bloc_terms {
    /*background:url(http://wwwcdn.beezup.com/images/bloc_consultation.png) no-repeat;*/
    background: #FFF;
    width: auto;
    border-radius: 10px;
    box-shadow: 1px 1px 12px #d7d5d5;
    -moz-box-shadow: 1px 1px 12px #d7d5d5;
    -webkit-box-shadow: 1px 1px 12px #d7d5d5;
    -o-box-shadow: 1px 1px 12px #d7d5d5;
    -ms-box-shadow: 1px 1px 12px #d7d5d5;
    margin: 0 auto;
    display: block;
    margin-top: 80px;
    position: relative;
    padding-top: 40px;
    padding-bottom: 40px;
    max-width: 910px;
}


.bloc_terms h3 { padding-top: 30px; }

.bloc_terms h4 {
    text-align: center;
    margin-top: 20px;
    padding: 0;
    font-size: 24px;
    font-weight: bold;
    font-family: "Trebuchet MS", Arial, sans-serif;
    color: #218ef0;
}

.bloc_terms h4 span {
    text-align: center;
    padding: 0;
    margin: 0 auto;
    font-size: 17px;
    font-family: "Trebuchet MS", Arial, sans-serif;
    color: #218ef0;
    margin-top: -10px;
}


.bloc_terms .terms_content {
    padding-left: 30px;
    padding-right: 30px;
}

.bloc_legalmentions {
    /*background:url(http://wwwcdn.beezup.com/images/bloc_consultation.png) no-repeat;*/
    background: #FFF;
    width: auto;
    border-radius: 10px;
    box-shadow: 1px 1px 12px #d7d5d5;
    -moz-box-shadow: 1px 1px 12px #d7d5d5;
    -webkit-box-shadow: 1px 1px 12px #d7d5d5;
    -o-box-shadow: 1px 1px 12px #d7d5d5;
    -ms-box-shadow: 1px 1px 12px #d7d5d5;
    margin: 0 auto;
    display: block;
    margin-top: 80px;
    position: relative;
    padding-top: 40px;
    padding-bottom: 40px;
    height: auto;
    margin-bottom: 100px;
    max-width: 910px;
}

.bloc_legalmentions .colonne_legalmentions {
    float: left;
    width: 250px;
    padding-left: 40px;
    margin-top: -25px;
}

.text_legalmentions { padding-top: 25px; }

.contactsuccess_big {
    color: #208eef;
    font-size: 24px;
    text-align: center;
    font-weight: bold;
    margin-top: -15px;
}

.contactsuccess_medium {
    color: #208eef;
    font-size: 16px;
    text-align: center;
    font-weight: 600;
    margin-top: 3px;
}

.contactsuccess_small {
    font-size: 18px;
    text-align: center;
    margin-top: -10px;
    font-weight: lighter;
}

.bouton_social {
    padding-top: 15px;
    text-align: center;
}

.bouton_social img {
    border: none;
    margin-left: 4px;
    margin-right: 4px;
}

@media screen and (max-device-width: 480px) {
    .bouton_gratuit p { line-height: 40px; }
}

.align_div_footer {
    display: inline-block;
    display: -webkit-inline-box;
    margin-top: 50px;
    /*width:100%*/
}

.Bloc_login.disable_responsive { display: none; }

.Bloc_login.version_classique {
    padding-left: 15px;
    padding-right: 15px;
}

.login.avec_lien_classique {
    width: 900px;
    float: none;
}

.mentions_footer .disable_responsive { display: none; }

.mentions_footer .version_classique { display: inline-block; }

.text_align { text-align: center; }