@charset "utf-8";



h1, h2, h3, h4, h5, h6 {



    line-height: normal;



    margin: 10px 0;



    /* font-family: dosis, lato, Muli */



}



h1 {



    /* color: #333; */



    font-size: 2em;



    font-weight: 400;



    /* font-family: Muli; */



}



h2 {
    color: #222;
    font-size: 2em;
    font-weight: 400
}

h3 {
    color: #222;
    font-size: 1.5em;
}



h4 {
    color: #333;
    bottom: 1px;
    left: 1px;
    margin: 0;
    font-size: 1.3em;
}



h5 {
    color: #333;
    font-size: 1.3em
}



h6 {
    color: #333;
    font-size: 1.2em
}



a:link {



    text-decoration: none



}



a:visited {



    color: #556;



}



a:active, a:hover {



    color: #99d;



    /* text-decoration: underline!important; */



}



* html a:active, * html a:hover, * html a:link, * html a:visited {



    color: #59f;



    text-decoration: none



}



a:hover {



    transition: all .3s ease 1ms



}



p {



    margin: 20px 0



}



strong {



    font-weight: bold;



}



em {



    font-style: italic



}



pre {



    background: #f0f6f7;



    border: 1px solid #0097c7;



    font-size: 1.1em;



    margin: 20px auto;



    overflow: auto;



    padding: 5%;



    width: 80%



}



code {



    background: #44bb34;



    color: #fff;



    font-size: 1.1em;



    padding: 2px



}



ul {



    margin: 0 0 0 10px;



    padding: 0 0 0 5px



}



hr {



    border-bottom: 2px ridge #61615f;



    border: 1px solid rgba(0, 0, 0, .1)



}



.separator {



    clear: both;



    visibility: hidden



}



table {



    border-collapse: collapse;



    border-spacing: 0;



    font-size: 1em;



    margin: auto;



    width: 100%



}



table caption {



    color: #0097c7;



    font-size: 1.3em;



    font-weight: 700;



    margin: 5px 0;



    text-align: left



}



th {



    background: url(/images/deg_blanc.png) repeat-x scroll 0 0 #ccc;



    border: 0 solid #0097c7;



    color: #000;



    font-size: 1.1em;



    font-weight: 400;



    padding: 2px



}



td {



    border: 0 solid #0097c7;



    padding: 2px



}



.center {



    text-align: center;



    width: 100%



}



.left {



    text-align: left;



    width: 100%



}



.right {



    text-align: right;



    width: 100%



}



input, textarea {



    background: #ccc



}



body {



    background: 0 0;



    color: #000;



    font-family: 'raleway','lato', Arial, Helvetica, sans-serif!important;



}



.wrap {



    max-width: 1280px;



    margin: auto;



    width: 100%



}



body#index #cart {



    display: none



}



a {



    color: #778;



    text-decoration: underline;



}



a:hover {



    color: #99d;



    text-decoration: none;



}



#super_cont {



    border-top: 0 solid #222;



    margin: 0!important;



    padding: 0



}



#super_cont_sec {



    background: 0 0;



    border-top: 0 solid #222;



    margin: 0!important;



    padding: 0



}



#super_cont_ter {



    border-top: 0 solid #222;



    margin: 0!important;



    padding: 0



}



.adresse {



    border-bottom: 0 solid #fff;



    font-size: 1.2em;



    height: auto;



    margin: 0;



    padding: 5px;



    position: absolute;



    right: 0;



    top: 0;



    width: 200px;



    display: none



}



.adresse span {



    display: block



}



.adresse span.adr_prop {



    display: none



}



.adresse span.adr_tel {



    font-size: 1.7em



}



.adresse p {



    margin: 0;



    padding: 0;



    text-align: center;



    color: #666;



    font-size: 1.4em



}



#page {



    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;



    box-shadow: 0 5px 15px -10px #000;



    margin: 0 auto;



    width: 100%



}



.index #page {



    box-shadow: 0 5px 15px -10px #000;



    margin: 0 auto;



    width: 100%



}



#page #banner {



    margin: 0 auto;



    padding: 0;



    /* box-shadow: 0 5px 20px -10px rgba(0, 0, 0, .5); */



    position: relative;



    width: calc(100%);



    z-index: 10;



    background-color: #fff;



}



#inner_banner_bis {



    top: 0;



    position: relative;



    background: 0 0;



    background: url(/template/base11_1/images/masque_header.png) no-repeat center bottom / 100% 79px;



}



#inner_banner {



    background: url(/template/base11_1/images/trait.png) no-repeat center calc(100%)/ 126% 44%;



}



.short #page #inner_banner {



    height: 50px;



    background: 0 0;



}



.short #inner_banner_bis {



    top: 0;



    height: 45px;



    /* background-position: right bottom; */



    /* background-color: #fff */



    background: none;



}



#page #banner .wrap {



    min-height: 555px;



    position: relative;



    max-width: 2250px;



    /* margin-bottom: -50px; */



}



.short #page #banner .wrap {



    min-height: 0



}



#page #banner h1.titre_page {



    color: #333;



    font-family: Muli;



    text-shadow: 2px 1px 4px rgba(0, 0, 150, .2);



    position: relative;



    bottom: 0;



    width: calc(100% - 20px);



    padding: 10px;



    border: 0;



    margin: 0;



    font-size: 2em;



    text-align: center;



    top: 120px



}



.short #page #banner h1.titre_page {



    opacity: 0



}



#page #banner h1.titre_page span {



    padding: 0 10px



}



#page #banner .logo_page a img {



    border: 0 solid #00f;



    height: 90px;



    width: 500px;



    background: url(/images/) no-repeat top left



}



#page #banner .logo_page h2 {



    display: none;



    color: #fff;



    text-align: center;



    width: 600px;



    margin-top: 12px;



    text-transform: uppercase;



    font-size: 2.4em;



    line-height: 1em;



    letter-spacing: 4px;



    font-weight: 700



}



#ajout_banner {



    border: 0 solid #00f;



    color: #4ad8da;



    font-size: 30px;



    margin: 0;



    position: absolute;



    width: 300px;



    text-align: left;



    line-height: 110%;



    top: 160px;



    font-weight: 400;



    left: calc(50% - 178px);



    /* min-width: 430px; */



    font-family: 'yesteryear';



}



.short #ajout_banner {



    display: none



}



#box_log {



    /* display: none */



    top: 5px;



    right: 0;



    position: absolute;



    width: 250px;



}



#retour_accueil a {



    display: block;



    height: 250px;



    left: 5%;



    top: 10px;



    padding: 0;



    position: absolute;



    text-indent: -999em;



    width: 260px;



    transition: all .3s ease 1ms;



    mix-blend-mode: screen;



    z-index: 50;



}



#retour_accueil a img {



    background: url(/template/base11_1/images/studio-pilates-posture.png) no-repeat center / contain!important;



    border: 0 solid #00f;



    display: block;



    float: left;



    height: 85%;



    left: 0;



    margin: 0;



    position: relative;



    top: 0;



    width: 100%;



}



.index #retour_accueil a img {



    z-index: 5



}



#hdl_menu_smart {



    display: none



}



#choix_langue {



    border: 0 solid #00f;



    left: 50%;



    margin-left: 443px;



    position: absolute;



    top: 6px;



    width: 100px;



    z-index: 61;



    display: none



}



#choix_langue input {



    background: 0 0;



    float: left;



    padding: 3px



}



#creationCREAPRIME {



    border: 0 solid #00f;



    left: 50%;



    margin-left: 200px;



    position: absolute;



    top: 2px;



    display: none



}



#cart {



    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);



    border-radius: 3px;



    font-size: 1.2em;



    height: auto;



    left: -100px;



    margin: 0;



    padding: 0;



    position: absolute;



    top: 3px;



    width: 100%;



    max-width: 300px



}



#cart h3 {



    font-size: 19px;



    font-weight: 400;



    margin: auto;



    padding-left: 37px;



    background: url(/template/base11_1/images/picto-cart.png) no-repeat left center/auto 25px



}



#cart h4 {



    color: #666;



    font-size: 16px;



    margin: auto;



    font-weight: 700;



}



.short #cart h4 em {



    font-size: 16px



}



#cart a {



    color: #999



}



#cart .inner_cart {



    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);



    border-radius: 0;



    float: none;



    height: auto;



    display: flex;



    margin: 0 auto



}



#cart .inner_cart img.image_panier {



    float: left;



    margin: 4px 25px 4px 5px



}



#cart a:hover {



    color: #ddd;



    text-shadow: 1px 0 3px #fff



}



table.cart {



    background: #fff;



    border: 1px solid #aaa



}



table.cart td {



    border: 1px solid #ddd;



    padding: 5px;



    text-align: center



}



table.cart th {



    color: #fff;



    background: #333 linear-gradient(2deg, rgba(255, 255, 255, .2), rgba(0, 0, 0, 0));



    padding: 15px



}



#conteneur {



    border-top: 1px solid transparent;



    margin-bottom: 330px;



    position: relative;



    z-index: 2;



    background: #fff



}



#page #conteneur {



    z-index: 6



}



.short #page #conteneur {



    z-index: 2



}



#footer {



    background: #fff linear-gradient(-15deg, rgba(255, 255, 255, 0), rgba(0, 0, 0, .2));



    bottom: 0;



    box-shadow: 3px 3px 4px #333;



    padding: 10px 0 0;



    position: fixed;



    width: 100%;



    z-index: 1;



    min-height: 320px;



}



.index #footer {



    bottom: -600px;



    transition: all 0 ease 1ms



}


.colored {
    background-color: #aeade5!important;
}


.shorti #footer {



    bottom: 0;



    transition: all .8s ease .5s;



    display: flex



}



#footer .wrap {



    margin: 3% auto



}



#foot_cont {



    background: 0 0;



    margin: 5px auto;



    max-width: 1280px;



    display: flex;



    /*flex-direction: row-reverse*/



}



#foot_cont ul li {



    background: 0 0;



    display: block;



    float: left;



    padding: 0 0 0 12px;



    list-style: none;



    text-align: left



}



#foot_cont ul.page_edit li {



    width: 95%;

	



}



#foot_cont ul.page_edit {



    margin: auto;

	margin-top:0;

	width: 90%;

}



#foot_cont ul#page_static li {



    width: 90%



}



#foot_cont ul li a {



    border: 0 none;



    color: rgba(0, 112, 161, 1);



    float: none;



    padding: 0



}



#foot_cont ul li a:hover {



    border: 0 none;



    color: #eee;



    float: none;



    padding: 0



}



h3.titre_foot {



    color: #fff



}



#foot_cont ul#page_static {



    margin: auto;



    padding: 2px 0 0



}



.footer_left {



    float: none;



    margin: 0 2% 0 0;



    padding: 0 1% 0 0;



    width: auto;



    flex: 1



}



.footer_right {



    flex: 3;



    display: flex;



    justify-content: space-evenly



}



.footer_out_right {



    color: #fff;



    float: none;



    /*padding: 1%;*/



    width: 17%;



    vertical-align: top;



    /*display: none*/



}



.footer_out_right img {



    height: auto!important;



    width: 100%!important



}



#foot_cont ul#soci_lnk {



    border: 0 solid #00f!important;



    float: left;



    margin: 10px auto;



    padding: 2px 0 0;



    width: 100%



}



#foot_cont ul#soci_lnk li {



    height: auto



}



#foot_cont ul#soci_lnk li.li_fb {



    padding: 2px 0 0



}



#foot_cont ul {



    margin: auto;



    border: 0 solid #00f!important;



    padding: 2px 0 0



}



#footer li {



    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;



    border-right: 0 solid #999;



    display: inline-block;



    float: none;



    height: 18px;



    line-height: 18px;



    list-style: outside none none;



    margin: 0 0 0 10px;



    overflow: hidden;



    padding: 0 10px 0 0;



    vertical-align: top



}



#foot_cont ul#footer_mk li {



    background: url(/images/dot_li_blanc.png) no-repeat scroll left center rgba(0, 0, 0, 0);



    display: block;



    float: left;



    padding: 0 0 0 12px;



    text-align: left;



    width: 30%



}



#footer li a {



    color: #145dc7;



    color: #37e



}



#toggle_footer {



    display: inline-block;



    width: 40%;



    visibility: hidden



}



#footer ul#soci_lnk {



    display: inline-block;



    vertical-align: top;



    width: 55%;



    text-align: right



}



#footer ul#soci_lnk li {



    height: auto



}



.logo_footer {



    float: none;



    margin: 10px auto 0;



    height: 100%;



    padding: 0 60px;



    background-size: contain;



    min-height: 100px;



    background-repeat: no-repeat;



    background-position: center;



}



.logo_footer img {



    max-width: 90%;



    display: block;



    margin: auto



}



#bouton_commande span.h2 {



    display: block;



    color: #fff;



    position: relative;



    z-index: 1;



    font-size: 1.5em;



    height: 45px;



    line-height: 100%;



    margin: 5px 0 -50px



}



#page #wrapper {



    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);



    box-shadow: none;



    margin: 0 auto;



    padding: 0 0 40px;



    width: 1280px



}



a.add_a, a.add_b {



    font-size: 1.6em;



    color: #ded;



    text-shadow: 1px 2px 5px #fff



}



a.add_a {



    display: block;



    height: 30px



}



a:hover.add_a, a:hover.add_b {



    text-decoration: none;



    color: #fff



}



.nocol #leftbar {



    display: none!important



}



#leftbar {



    border: 0 solid #ccc;



    border-radius: 0;



    float: left!important;



    margin: -8px 5px 0 -1280px;



    min-height: 450px;



    overflow: hidden;



    padding: 0;



    width: 275px



}



#leftbar #logo_left {



    border: 0 solid #00f;



    text-align: left;



    margin: 0 0 0 1px



}



#leftbar h2.titre_box {



    margin: 50px auto 0;



    text-align: center;



    font-size: 1.4em



}



#rightbar {



    background: url(/images/top_actu.png) no-repeat scroll center -20px #dedbd5;



    border-radius: 0;



    float: left!important;



    margin: 0 0 0 -200px;



    min-height: 450px;



    overflow: hidden;



    padding: 0 0 15px;



    width: 200px;



    display: none



}



#actu_box_left h2.titre_box {



    text-transform: uppercase;



    letter-spacing: 5px;



    font-weight: 400;



    text-align: center;



    color: #ec760e;



    font-size: 1.8em;



    margin: 0 0 14px;



    border: 0!important



}



.index #breadcrumb {



    display: none



}



.index #rightbar {



    display: none



}



#pages.index.nocol #main {



    float: none;



    /* padding: 25px 0 0;



    margin-top: -125px; */



    /* margin-top: -40px; */



    /* box-shadow: 0 -20px 25px -15px rgba(0, 0, 0, .7); */



}



#pages.index #wrapper {



    margin: 0 auto;



    padding: 0;



    max-width: 1280px;



    width: 100%



}



.index #choix_langue {



    border: 0 solid #00f;



    left: 50%;



    margin-left: 350px;



    position: absolute;



    top: 0;



    width: 100px



}



.index #box_new_index {



    height: 180px;



    margin: 0;



    overflow: hidden;



    position: relative;



    top: -50px;



    width: 50%;



    float: left



}



.index .box_new_index {



    float: left;



    height: 190px;



    margin: 0;



    overflow: hidden;



    position: relative;



    top: -50px;



    width: 50%



}



.index #box_new_index .box_prod.bp_light {



    background: none repeat scroll 0 0 #fff;



    border: 1px solid #ddd;



    border-radius: 0;



    box-shadow: 1px 1px 3px -3px #000;



    float: left;



    margin: 5px 10px 0 0;



    padding: 0;



    width: 395px



}



.index .box_new_index .box_prod.bp_light {



    background: none repeat scroll 0 0 #fff;



    border: 1px solid #ddd;



    border-radius: 0;



    box-shadow: 1px 1px 3px -3px #000;



    float: left;



    height: 185px;



    margin: 5px 10px 0 0;



    padding: 0;



    width: 395px;



    overflow: hidden



}



.index .titre_page {



    display: none



}



.index .textbloc {



    font-size: 115%;



    height: auto;



    line-height: 125%;



    padding: 0 5px;



    border: 0;



    text-align: justify



}



.caption .content h1, .caption .content h2, .caption .content h3, .caption .content h4, .caption .content h5 {



    color: #fff



}



#breadcrumb a {



    color: #ddd;



    font-size: 11px



}



#recherche {



    background: url(/template/base11_1/images/picto_search.png) no-repeat left center/auto 26px;



    margin: 0;



    padding: 3px 0 0 40px;



    position: absolute;



    top: 0;



    left: calc(50% - 350px);



    width: 220px;



    z-index: 11



}



#recherche .inputy {



    display: flex;



    justify-content: center



}



.short #recherche {



    display: none



}



#recherche input {



    background: rgba(255, 255, 255, .6);



    border-radius: 3px;



    font-size: 14px;



    height: 25px;



    margin: auto 0;



    border: 1px solid #fff;



    padding: 0 0 0 10px;



    position: relative;



    width: 165px



}



#recherche input.bt_sub {



    background: url(/images/button-search.png) no-repeat scroll 0 0 rgba(0, 0, 0, 0);



    border: 0 none;



    box-shadow: none;



    color: #145dc7;



    cursor: pointer;



    margin: 0 -10px 0 5px;



    width: 78px



}



#recherche input.image_submit {



    background: url(/images/button-search.png) no-repeat scroll 0 0/auto 25px rgba(0, 0, 0, 0);



    display: block;



    float: none;



    height: 25px;



    width: 30px;



    border: 0



}



#recherche input.image_submit:hover {



    background: url(/images/button-search.png) no-repeat scroll -42px 0/auto 25px rgba(0, 0, 0, 0);



    display: block;



    height: 25px;



    width: 30px



}



#recherche input.nosearch {



    color: #afa093;



    font-style: italic



}



a.lnk_more_mk {



    background: url(/images/deg_blanc.png) repeat-x scroll 0 0 #ddd;



    border: 1px solid #999;



    border-radius: 5px;



    color: #999!important;



    display: block;



    margin: 2px 5px;



    padding: 2px 5px



}



a.lnk_more_mk:hover {



    background: #fff;



    border-color: #248fff;



    color: #248fff!important



}



.box_new_index .box_prod.bp_light .prod_marque {



    color: #666;



    font-size: 15px;



    height: 20px;



    margin-top: -24px;



    overflow: hidden



}



#page #wrapper {



    margin: 0 auto;



    padding: 0;



    max-width: 1280px;



    width: 100%



}



.index #page #wrapper {



    padding: 0 0 40px



}



.nocol #page #main {



    float: none;



    padding: 0 0 10px;



    position: relative;



    /* box-shadow: 0 5px 15px -10px rgba(0, 0, 0, .3); */



    /* background: #fff; */



    border-top: 1px solid transparent;



}



#breadcrumb {



    position: absolute;



    top: 485px;



    left: 19px;



    opacity: 0;



}



#b_main_menu {



    height: 100px;



    padding: 0 0 0 350px;



    position: relative;



    /* top: 175px; */



    background: linear-gradient(0deg, transparent, #000044);



    width: calc(100% - 352px);



    z-index: 101;



    box-shadow: -8px -5px 15px -14px rgba(0,0,0,0.4);



    margin: auto;



}



#b_main_menu a {



    color: #000



}



#b_main_menu a:hover {



    color: #fff



}



#b_main_menu ul {



    background: 0 0;



    margin: auto;



    display: flex;



    justify-content: center;



    width: 100%;



    padding: 0;



}



#b_main_menu li {



    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;



    list-style: outside none none;



    padding: 0!important;



    margin: auto;



	position:relative;



    width: auto!important;



    box-shadow: 0 5px 15px -13px #000;



}



#b_main_menu li.up {



    /* background: linear-gradient(75deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .3), rgba(255, 255, 255, .6), rgba(255, 255, 255, .4), rgba(255, 255, 255, 0)); */



    background: rgba(0,0,0,0) url(/template/base11_1/images/under_menu.png) no-repeat center bottom;



}



#b_main_menu li .try li {



    height: auto



}



#b_main_menu li .try li.up, #b_main_menu li .try li:hover {



    background: linear-gradient(4deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, .2))



}



#b_main_menu table.menu_left td {



    border: 0 solid #00f;



    height: 25px;



    text-align: center;



    vertical-align: middle;



    position: relative;



    padding: 0



}



#b_main_menu table.menu_left td span.obl {



    display: block;



    transition: all .3s ease 1ms



}



#b_main_menu .up table.menu_left td span.obl {



    /* background: #ddd */



}



#b_main_menu li:hover table.menu_left td span.obl {



    background: rgba(0,0,0,0.3);



}



#b_main_menu table.menu_left td a {



    border: 0 solid;



    color: #fff;



    display: flex;



    /* font-family: dosis, lato; */



    font-size: 16px;



    font-weight: normal;



    line-height: 120%;



    list-style: outside none none;



    margin: 0;



    height: 35px;



    text-transform: uppercase;



    min-width: 100px;



    width: calc(100% - 5px);



    padding: 5px 5px;



    text-shadow: 0 0;



    border-bottom: 6px solid rgba(0, 0, 0, .1);



}



#b_main_menu li.up table.menu_left td, #b_main_menu li:hover table.menu_left td {



    border-radius: 0



}



#b_main_menu li.up table.menu_left td a, #b_main_menu li:hover table.menu_left td a {



    color: #fff;



    text-shadow: 1px 1px 2px rgba(0, 0, 0, .6)



}



#b_main_menu a {



    font-size: 1.3em



}



#b_main_menu li ul.try {



    position: absolute;



    width: 135px;



    left: -999em;



    margin: -1px 0 0;



    z-index: 150;



    flex-wrap: wrap



}



#b_main_menu li:hover ul.try {



    left: auto;



    min-height: 0;



    width: 30%;



    min-width: 300px;



    display: flex;



    flex-direction: column



}



#b_main_menu li ul.try, #menu_three li ul.try {



    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);



    left: -999em;



    margin: 0;



    padding: 0;



    position: absolute;



    width: 180px;



    z-index: 1150



}



#b_main_menu li ul.try li {



    width: 160px;



    border-top: 0 solid #fff;



    border: none;



    margin: 1px 0 0



}



#b_main_menu li ul.try li a {



    min-height: 20px;



    text-align: left;



    font-weight: 400;



    color: #fff;



    background: 0 0;



    padding: 5px 20px;



    font-size: 20px;



    text-shadow: 1px 0 1px #444;



    line-height: 120%!important



}



#b_main_menu li ul.try li a:hover {



    text-shadow: 1px 0 1px #fff



}



html > body #b_main_menu li ul#one li {



    border-top: 0 solid transparent



}



#b_main_menu .menu_top_main_li.gauche {



    display: none



}



#b_main_menu li ul.try li a:hover, #menu_three li ul.try li a:hover {



    color: #000!important



}



#b_main_menu li li:hover ul, #b_main_menu li:hover ul {



    left: auto;



    min-height: 0



}



#b_main_menu li:hover ul li ul.try.second {



    left: -9999px



}



#b_main_menu li:hover ul li:hover ul.try.second {



    left: 0;



    margin: -35px 0 0 97%;



    min-height: 0;



    display: none



}



#b_main_menu li:hover ul li.reverse:hover ul.try.second {



    left: -97%;



    margin: 0;



    min-height: 0;



    top: 0



}



#b_main_menu li ul.try li {



    float: none;



    margin: 0!important;



    padding: 10px 30px!important;



    width: auto



}



#b_main_menu li ul.try li:hover {



    background: linear-gradient(4deg, rgba(0, 0, 0, .7), rgba(0, 0, 0, .5))



}



#b_main_menu li ul.try li a {



    color: #eee;



    display: block;



    line-height: 16px



}



#b_main_menu li ul.try li:hover a {



    color: #fff!important;



    text-shadow: 1px 1px 3px #333



}



#b_main_menu li > ul.try li._nes > a {



    background: url(/images/menu_fleche_50.png) no-repeat right center



}



#b_main_menu li > ul.try li._nes > a:hover {



    background: url(/images/menu_fleche.png) no-repeat right center



}



#b_main_menu > ul {



    border-style: solid;



    margin: 0;



    padding: 0;



    display: flex;



    justify-content: center;



    align-items: center;



    width: auto!important



}



#menu_banner_left {



    background: #f8d86e;



    border: 0 solid red;



    border-radius: 5px;



    box-shadow: 1px 1px 3px -1px #000;



    color: #000!important;



    font-weight: 700;



    height: 35px;



    left: 50%;



    line-height: 35px;



    margin-left: 141px;



    padding: 14px;



    position: absolute;



    text-align: center;



    top: 88px;



    width: 150px



}



#menu_banner_left a {



    color: #000;



    font-size: 1.3em;



    text-transform: uppercase



}



#menu_banner_left ul {



    list-style: none;



    margin: 0



}



#menu_banner_left li {



    float: left



}



#menu_banner_left li a img {



    width: 110px;



    height: 30px



}



#menu_banner_left li a {



    width: 110px;



    display: block;



    height: 33px;



    color: #fff;



    font-size: 1.3em;



    text-align: center;



    line-height: 32px;



    margin: 0 5px



}



#menu_banner_left li a span {



    margin-top: -25px;



    display: block



}



nav#alt_acces {



    margin: 0;



    position: absolute;



    top: -100px;



    z-index: 103;



    text-align: center;



    display: flex;



    justify-content: space-between;



    left: 155px;



    width: 170px



}



nav#alt_acces li {



    display: inline-block;



    list-style: outside none none;



    font-size: 1.25em;



    margin: auto;



    text-transform: uppercase;



    font-weight: 700



}



nav#alt_acces .ul_right {



    display: flex;



    margin: 5px;



    justify-content: space-between



}



nav#alt_acces li a {



    display: flex



}



nav#alt_acces li a img {



    display: inline-block;



    margin: auto 2px auto 0;



    height: 35px



}



nav#alt_acces li.nl_compte a {



    color: #fff



}



nav#alt_acces li.nl_fb a {



    color: #fff



}



nav#alt_acces li.nl_contact a {



    color: #fff



}



.index nav#alt_acces li.nl_compte a {



    color: #0062bd



}



.index nav#alt_acces li.nl_fb a {



    color: #0062bd



}



.index nav#alt_acces li.nl_contact a {



    color: #0062bd



}



#menu_hd {



    height: auto;



    position: absolute;



    right: 0;



    width: auto;



    /* box-shadow: 0 3px 15px -8px #000; */



    color: #666;



    z-index: 100;



    left: 50%;



    top: 0;



}



.short #menu_hd {



    background: #fff;



    float: none;



    /* height: 35px; */



    position: absolute;



    right: 5px;



    top: 5px;



    width: 250px;



    left: auto;



    border-radius: 3px;



    box-shadow: 0 5px 15px -10px #000;



    z-index: 54;



}



.short #cart {



    background: none repeat scroll 0 0 rgba(0, 0, 0, 0);



    border-radius: 3px;



    font-size: 1.2em;



    left: auto;



    margin: auto!important;



    padding: 0;



    position: relative;



    top: 5px;



    right: 0



}



.short #cart .inner_cart {



    border-radius: 0;



    float: none;



    margin: auto!important;



    display: flex;



    height: 25px



}



.short #cart h3, .short #cart h4 {



    font-size: 16px;



    margin: auto;



    height: 25px;



    position: relative



}



.short #banner .half.hal_tel {



    padding: 5px 0



}



.menu_smart {



    display: none



}



.titre_page {



    background: 0 0!important;



    /* border-bottom: 5px solid rgba(60, 60, 60, .1); */



    color: #fff;



    font-size: 3em;



    font-weight: 700;



    margin: 0 0 5px;



    /* text-align: center; */



    padding: 30px;



    /* text-shadow: 1px 1px 3px rgba(0, 20, 0, .2); */



}



#page.present .titre_page {



    font-size: 1.4em;



    font-weight: 700;



    letter-spacing: 2px;



    text-align: center;



    text-transform: uppercase;



    color: #fff;



    background: url(../images/fond_body.png) repeat 0 0;



    margin: 0;



    padding: 2px 0



}



.textbloc {



    font-size: 120%;



    height: auto;



    padding: 5px 5%;



    background: #fff;



    position: relative;



    min-height: 150px;



    margin: auto;



    box-shadow: 0 5px 20px -10px #000;



    width: 81%!important;



    border-right: 8px solid #333



}



.textbloc > h2 {



    line-height: 160%



}



.textbloc em, .textbloc p, .textbloc span, .textbloc strong {



    line-height: 100%



}



.textbloc p {



    margin: 15px 0;



    font-size: 1.2em;



    font-family: muli;



    color: #333



}



.textbloc p span {



    line-height: auto!important



}



body#fiche_produit #page.pages_gammes #vignettes_img {



    width: 95%;



    float: none;



    overflow: hidden;



    position: static;



    background: #fff;



    top: 180px;



    border-top: 0 solid #333;



    border-bottom: 0 solid #333;



    border: 1px solid #fff;



    margin: 0 1%;



    padding: 1%



}



body#fiche_produit #page #vignettes_img {



    border-radius: 15px 0



}



body#fiche_produit #page #vignettes_img #ajout_devis {



    margin: 30px 0 0;



    float: left;



    width: 100%



}



h3.t_fiche {



    color: #333;



    margin-top: 20px;



    border-top: 1px dashed #666



}



body#fiche_produit #page.pages_gammes .img_vignette > h3 {



    font-size: 2em!important;



    color: #060



}



#prod_fiche .row_doc {



    margin: 10px



}



#prod_fiche a {



    color: #333;



    margin: auto;



    display: block



}



#prod_fiche a:hover {



    color: #090



}



.img_vignette span.legend {



    margin: auto;



    display: block;



    float: none;



    clear: both;



    text-align: center



}



#prod_fiche .row {



    margin: 10px auto;



    clear: both;



    position: relative



}



#prod_fiche .row .img_ref {



    text-align: center;



    background: #fff;



    display: flex;



    height: 100%;



    justify-content: center



}



#prod_fiche .row .img_ref span {



    background: url(/images/noir_80.png) repeat scroll 0 0 transparent;



    color: #fff;



    display: block;



    float: right;



    font-size: 10px;



    line-height: 20px;



    margin-top: -20px;



    text-align: center;



    position: relative;



    width: 100%



}



#prod_fiche .row .img_ref span img {



    height: 20px



}



#prod_fiche .row .img_ref img {



    width: auto;



    height: auto;



    max-width: 100%



}



body#fiche_produit #page.pages_gammes #vignettes_img .img_vignette a {



    height: auto!important;



    float: left;



    width: 350px;



    padding: 0!important



}



body#fiche_produit #page.pages_gammes #vignettes_img .img_vignette img.main_img {



    width: 350px!important;



    height: auto!important;



    float: left



}



#page #image_main {



    clear: both;



    overflow: hidden;



    height: 450px;



    width: 646px



}



#page #image_main img {



    min-height: 450px;



    min-width: 646px



}



#cont_texte {



    background: url(/images/blanc_80_grand.png) no-repeat bottom left scroll transparent;



    border: 0 solid red;



    height: 110px;



    overflow: auto;



    padding: 10px 10px 0;



    width: 100%



}



#cont_texte > div {



    background: none repeat scroll 0 0 transparent;



    height: 120px;



    margin-top: 0;



    overflow: auto;



    padding: 0;



    width: 98%



}



#cont_texte .image_info_texte {



    float: right;



    height: 110px;



    margin: 0 0 0 20px;



    overflow: hidden;



    width: auto



}



#cont_texte .image_info_texte img {



    max-height: 110px



}



#cont_texte .close_info {



    background: #000;



    text-align: right;



    margin: -10px



}



#cont_texte h2 {



    background: 0 0;



    color: #000;



    padding: 5px;



    font-size: 1.7em;



    text-shadow: 1px 0 1px #000;



    margin: 0



}



#cont_actu {



    position: relative;



    left: 0;



    padding: 50px 0;



    border-bottom: 1px solid rgba(0, 112, 161, .5);



    border-top: 1px solid rgba(0, 112, 161, .5);



    margin: 0



}



#cont_actu h3 {



    padding: 0;



    margin: 0;



    font-size: 1.2em;



    color: #fff



}



#cont_actu .l_actu2 .l_titre a:hover {



    color: #000



}



#cont_actu .l_actu .l_titre a {



    text-decoration: none;



    color: #000!important;



    font-weight: 700!important;



    font-size: 1.2em;



    padding: 0



}



#cont_actu .l_titre a:visited {



    color: #fff!important



}



#cont_actu .l_titre a:hover {



    color: #ccc!important;



    text-decoration: underline



}



#cont_actu .l_actu, #cont_actu .l_actu2 {



    border: 0;



    clear: both;



    margin: 0 0 15px!important;



    padding: 0 0 5px;



    color: #fff;



    font-family: Geneva, Arial, Helvetica, sans-serif



}



#cont_actu .l_date {



    color: #fff;



    font-size: 1em;



    font-family: Arial, Helvetica, sans-serif;



    text-align: left;



    font-weight: 400;



    width: 217px



}



#cont_actu .l_actu .l_titre, #cont_actu .l_actu2 .l_titre {



    float: left;



    font-weight: 400;



    font-size: 1.1em!important;



    text-align: left;



    margin: 5px 0 0;



    color: #fff



}



#cont_actu .l_actu .l_titre a:link, #cont_actu .l_actu2 .l_titre a:link {



    color: #fff!important



}



#cont_actu .l_actu_det {



    text-indent: 0



}



#cont_actu .l_actu_det .description {



    font-size: 1em!important;



    line-height: 14px



}



#cont_actu .l_actu .l_img a img, #cont_actu .l_actu2 .l_img a img {



    float: left;



    margin: 3px 3px 3px 0



}



#cont_actu .zoom {



    float: left;



    border: 0 solid;



    text-align: right;



    margin: 0



}



#cont_actu .l_actu2 .zoom {



    display: none



}



#contact #main_cont_foot textarea {



    border: 1px solid #999;



    border-radius: 5px;



    font-family: Lato, Arial, Helvetica, sans-serif!important;



    height: 150px;



    padding: 1%;



    width: 90%



}



#contact fieldset, #devis fieldset, #espace_pro fieldset {



    margin: 10px 0 0;



    border-top: 3px solid #aaa;



    padding: 5px



}



#contact #main_cont_right fieldset {



    margin: 10px 0 0;



    border-top: 3px solid #060;



    padding: 5px



}



#contact legend, #devis legend {



    padding: 0 10px;



    font-size: 1.5em;



    color: #aaa



}



#contact #main_cont_right legend {



    padding: 0 10px;



    font-size: 1.5em;



    color: #060



}



#devis select {



    border: 1px solid #999;



    width: 300px



}



#contact .bloc .champs {



    width: 18%



}



#contact .bloc_cp input, #contact .bloc_ville input, #devis .bloc_cp input, #devis .bloc_ville input {



    /* width: 180px!important; */



    border: 1px solid #ddd!important;



    background: #eee!important;



}



#contact .bloc_cp label, #contact .bloc_ville label, #devis .bloc_cp label, #devis .bloc_ville label {



    font-size: 1.1em



}



#contact hr, #devis hr {



    background: none repeat scroll 0 0 #999;



    border: 0 none;



    clear: both;



    height: 1px



}



#contact .bloc_cp .champs, #contact .bloc_ville .champs, #devis .bloc_cp .champs, #devis .bloc_ville .champs {



    /* width: 100px!important */



}



#contact #main .bloc_cp, #contact #main .bloc_ville, #devis #main .bloc_cp, #devis #main .bloc_ville {



    /* float: left; */



    /* clear: none; */



    /* width: 48%!important */



}



#contact .bloc label, #devis .bloc label {



    font-size: 1.1em;



    width: 95%



}



#contact #bouton_valide input, #devis #bouton_valide input {



    height: auto;



    border: 0



}



#main .bloc, #main_cont .bloc_cp, #main_cont .bloc_ville, .f_contact {



    margin: 5px 0;



    /* padding: 0; */



    /* clear: both */



}



#page_cart #main_cont .bloc_cp, #page_cart #main_cont .bloc_ville {



    clear: none;



    width: 48%



}



.captcha {



    background: #fff none repeat scroll 0 0;



    border-radius: 15px;



    margin: 15px;



    padding: 2%;



    width: 300px



}



.captcha #captcha_code {



    background: #eee;



    border: 1px solid #ddd;



    border-radius: 5px;



    color: #8c8c8c;



    padding: 5px



}



.captcha label {



    margin: 10px;



    display: inline-block



}



.bloc #form {



    overflow-y: auto;



    margin: 0 auto;



    padding: 3px



}



.bloc legend {



    font-weight: 700;



    font-size: 1.3em;



    color: #000;



    margin: 0 0 0 15px;



    padding: 0 3px



}



#contact .bloc input, #devis .bloc input, #espace_pro .f_contact input {



    background: rgba(255, 255, 255, .8)!important;



    border: 1px solid #999!important;



    border-radius: 5px;



    height: 25px;



    padding: 2px;



    width: 65%



}



#contact .bloc textarea, #devis .bloc textarea {



    background: rgba(255, 255, 255, .8)!important;



    border: 1px solid #ddd!important;



    border-radius: 5px;



    height: 75px;



    padding: 2px;



    width: 65%



}



.bloc_inline {



    margin: 0;



    padding: 0;



    height: 23px



}



.bloc_cp {



    /* margin: 5px; */



    /* width: 310px; */



    /* float: left; */



    /* height: 20px; */



}



.bloc_cp input {



    height: 20px



}



.bloc_ville {



    /* margin: 5px; */



    /* width: 250px; */



    /* float: left; */



    /* height: 19px */



}



.bloc_ville input {



    height: 19px;



    width: 180px



}



.bloc textarea {



    width: 300px;



    height: 60px;



    margin: 0 auto;



    background: #ccc



}



.bloc_adresse {



    margin: 5px;



    /* width: 400px; */



    /* float: left; */



}



.bloc .champs {



    width: 210px;



    float: left;



    text-align: right



}



.bloc_adresse textarea {



    background: #ccc;



    width: 280px



}



.bloc_cp .champs {



    /* width: 210px; */



    /* float: left; */



    /* text-align: right */



}



.bloc_ville .champs {



    width: 50px;



    float: left;



    text-align: right



}



.bloc .champs2 {



    width: 400px;



    float: left;



    text-align: left



}



#form .bloco {



    width: 300px;



    text-align: center;



    margin: 0 auto



}



#espace_pro .f_contact .label, .bloc label {



    float: left;



    font-size: 1.3em;



    width: 200px;



    text-align: right;



    font-weight: 400;



    color: #333



}



#espace_pro #cont_pro .doci {



    border: 0 solid #00f;



    float: left;



    height: 45px;



    margin: 5px;



    background: url(/images/clef.png) no-repeat center;



    width: 70px



}



.bloc_cp label {



    width: 300px;



    text-align: right;



    font-weight: 400;



    font-size: 1.3em



}



.bloc_ville label {



    width: 300px;



    text-align: right;



    font-weight: 400;



    font-size: 1.3em



}



#bouton_valide {



    width: 300px;



    text-align: center;



    margin: -10px auto 10px;



    padding: 0



}



#bouton_valide input {



    background: 0 0



}



.obligatoire {



    color: #06e;



    font-size: 1em;



    font-weight: 400;



    margin: 0 auto;



    text-align: right;



    width: 500px



}



#page_valide {



    background: none repeat scroll 0 0 #fff;



    border-radius: 15px;



    box-shadow: 0 0 18px -10px #000;



    margin: 5% auto;



    padding: 5% 10%;



    position: relative;



    text-align: center;



    width: 60%



}



#banner_valide {



    text-align: center



}



#wrapper_valide {



    margin: 0;



    min-height: 50px;



    padding: 0;



    text-align: center;



    width: 100%



}



#wrapper_valide .send {



    font-size: 1.3em;



    font-weight: 700;



    color: #666;



    padding: 3px



}



#adresse_valide {



    color: #666;



    margin: 0 auto 15px;



    text-align: center;



    width: 90%



}



#adresse_valide p {



    font-size: 1.3em!important;



    color: #ccc;



    padding: 3px



}



#mentions .creaprime {



    color: #999;



    font-size: 1em;



    font-family: Verdana, Helvetica, sans-serif;



    font-weight: 700



}



#mentions .creaprime span {



    font-size: 1em;



    font-family: Verdana, Helvetica, sans-serif;



    font-weight: 700;



    font-style: italic



}



#mentions .creaprime span a {



    color: #c90



}



#text_gamme {



    padding: 10px



}



#text_gamme ul {



    margin: 10px;



    padding: 0 0 0 20px;



    color: #000



}



#liste_actus {



    /* border: 1px solid rgba(0, 0, 0, .1)!important; */



    float: none;



    margin: 0 5%;



    width: 90%;



    /* box-shadow: 0 5px 15px -10px #000; */



}







#actualites #section_actu {



    display:none;



}



#actualites .l_actu {



    background: none repeat scroll 0 0 #fff;



    margin: 20px auto;



    padding: 5px 5px 5px 20px;



    box-shadow: 0 5px 15px -10px #000;



    display: flex;



    flex-wrap: wrap;



    position: relative;



}



#actualites .l_actu.up {



    background: #666;



    display: none



}



#actualites .l_actu .l_date {



    font-size: .9em;



    color: #000;



    display: none;



    text-align: right;



    border-bottom: 1px solid #000;



}



#actualites .l_actu .l_img, #actualites .l_actu .l_img2 {



    float: left



}



#actualites .l_actu .l_img {



    background: #fff none repeat scroll 0 0;



    display: flex;



    float: none;



    margin: 5px;



    padding: 2px;



    width: 28%;



    vertical-align: top;



}



#actualites .l_actu .l_img img {



    height: auto;



    max-height: 200px;



    max-width: 100%;



    margin: auto;



    width: auto;



    box-shadow: 0 5px 15px -10px #000;



}



.l_actu_det {



    display: inline-block;



    margin: 5px 5%;



    vertical-align: top;



    width: 60%



}



#actualites .l_titre {



    color: #000;



    font-size: 1.8em;



    /* margin: 15px; */



    padding-left: 10px;



    width: calc(70%);



    height: 50px;



    text-align: left;



    margin: 10px auto -50px 30%;



}



#actualites .l_titre a {



    color: #000



}



#actualites .l_actu .l_actu_det .description {



    color: #333;



    /* text-indent: inherit; */



    text-align: justify;



    line-height: 120%;



    margin: auto;



    padding: 0;



    /* width: 60%; */



}



#actualites .img_z {



    width: auto;



    /* float: left; */



    max-width: 100%;



    height: 450px;



    margin: 10px auto;



}



#actualites .img_z img {



    width: 100%;



    object-fit: contain;



    height: 100%;



    box-shadow: 0 5px 15px -12px rgb(0 0 0 / 80%);



}



#actualites .head_actu {



    border-bottom: 3px solid rgba(0, 0, 0, .5);



    border-radius: 9px;



    box-shadow: 0 5px 15px -12px #000;



    /* float: left; */



    margin: auto;



    padding: 2%;



    font-size: 130%;



    width: auto;



    background: rgba(255, 255, 255, .95);



}



#actualites .head_actu span {



    text-align: left;



    font-family: Verdana, Arial, Helvetica, sans-serif



}



#actualites .head_actu .datefull {



    background: url(/images/deg_blanc.png) repeat scroll 0 0 #e11de1;



    color: #fff;



    display: none;



    font-family: Verdana, Arial, Helvetica, sans-serif;



    font-size: 1em;



    font-weight: 400;



    margin: 0 0 0 -4px;



    padding: 0 10px 0 0;



    text-align: right



}



#actualites .head_actu h2 {



    font-size: 1.8em!important;



    /* font-weight: 700; */



    color: #4e4d8f!important;



    margin: 0 0 10px;



    padding: 0;



    line-height: 120%;



}



.zoom {



    font-family: lato, Verdana, Arial, Helvetica, sans-serif;



    font-size: 1.2em;



    float: right;



    font-weight: 700;



    /* width: 10%; */



    position: absolute;



    right: 10px;



    bottom: 10px;



}



#partenaires #main {



    margin: 0 auto;



    text-align: center;



    width: 90%



}



#partenaires li.part {



    display: inline-block;



    float: none;



    height: 250px;



    margin: 0 10px 10px;



    overflow: hidden;



    vertical-align: top;



    width: 210px



}



#partenaires a.bout_dep, #partenaires a.bout_rep {



    float: left



}



#partenaires li.part .cont_img {



    background: #fff none repeat scroll 0 0;



    border: 1px solid #ddd;



    border-radius: 200px;



    float: none;



    height: 195px;



    overflow: hidden;



    width: 195px



}



#partenaires li.part:hover .cont_img {



    border: 10px solid #81a600;



    box-shadow: 0 2px 5px -3px #000;



    float: none;



    height: 175px;



    transition: all .3s ease 1ms;



    width: 175px



}



#partenaires li.part .cont_img {



    float: none;



    height: 195px;



    width: 195px



}



#partenaires .part .img_part {



    overflow: hidden;



    text-align: center



}



.part .lnk_part {



    clear: both;



    height: auto;



    line-height: 130%;



    width: auto



}



#partenaires li.part td.img_part {



    height: 195px;



    padding: 0;



    width: 195px



}



#partenaires li.part:hover td.img_part {



    height: 175px;



    width: 175px



}



#partenaires .part .img_part img {



    max-height: 135px;



    max-width: 160px;



    overflow: hidden;



    text-align: center



}



#partenaires .part div {



    text-align: center;



    width: auto



}



#partenaires .part a {



    color: #666;



    display: inline-block;



    font-family: Oswald;



    font-size: 1.2em;



    font-weight: 400;



    margin: 5px;



    text-align: center;



    text-transform: uppercase



}



#partenaires .part .ico_web {



    background: #fff none repeat scroll 0 0;



    display: none;



    padding: 2px 0 0;



    text-align: center



}



main#main article {
    padding: 30px;
    font-size: 1.2em;
    min-height: 450px;
	padding-top:0;
}

.index main#main article {
    min-height: 254px;
}

.replie {



    display: none



}



#MooFlow {



    width: 95%



}



#gal_foot {



    padding: 0;



    text-align: center;



    display: flex;



    justify-content: center;



    flex-wrap: wrap;



}



#gal_foot a {



    /* box-shadow: 0 5px 7px -7px #000; */



    display: flex;



    float: none;



    height: 200px;



    overflow: hidden;



    margin: auto;



    width: 90%;



    /* flex: 1; */



    /* background-size: cover; */



    /* background-position: center; */



}







#gal_foot a:hover {background: rgba(0,0,70,0.7);box-shadow: 0 5px 7px -7px #000;}











#gal_foot a img {
    padding: 0;
    height: 200px;
}

#gal_foot .portrait a img {



    padding: 0;



    width: 200px



}



#gal_foot .img_foot {



    display: inline-flex!important;



    width: 100%;



    height: 225px;



    max-width: 20%;



    overflow: hidden;



    margin: 10px 12px;



    box-shadow: 0 5px 15px -8px #000;



    background-size: cover;



    background-position: center;



}



#gal_foot .img_foot a span.caption {



    /* background: none repeat scroll 0 0 rgba(0, 0, 0, .7); */



    color: #fff;



    display: none;



    /* height: 26px; */



    line-height: 12px;



    margin: auto;



    font-size: 16px;



    padding: 2px 5px;



    position: relative;



    text-align: center;



    /* top: 150px; */



    width: 100%;



}



#gal_foot .img_foot a:hover span.caption {



    display: block



}



#gal_foot.full .paysage a img {



    width: 100%;



    height: 100%;



    opacity: 0



}



#gal_foot.full .portrait a img {



    width: 100%;



    height: 100%;



    opacity: 0



}



#gal_foot.full .img_foot {



    width: 100%;



    height: 300px;



    margin: 0;



    background-size: cover;



    background-position: center



}



#gal_right {



    float: right;



    overflow: hidden;



    padding: 10px;



    width: 125px



}



#gal_right a {



    background: #fff none repeat scroll 0 0;



    box-shadow: 0 5px 7px -3px #000;



    display: block;



    float: left;



    margin: 2px 3px;



    padding: 3px;



    width: 120px



}



#gal_right a img {



    width: 120px;



    overflow: hidden



}



.index #leftbar .box.box_new {



    display: none



}



.short #conteneur_nav { 



height:auto;}



.box_prod {



    border: 0;



    border-top: 1px solid #ddd;



    border-radius: 0;



    box-shadow: 0 5px 15px -5px #ddd;



    margin: 5px 2% 15px;



    padding: 10px;



    width: 90%;



    justify-content: space-between;



    display: flex



}



.box_prod .box_prod_middle {



    width: 30%;



    position: relative



}



.box_prod .box_prod_right {



    border-left: 1px solid #eee;



    padding: 0 0 0 10px;



    width: 29%;



    margin: 0 0 0 1%



}



.box_prod .prod_desc {



    display: none



}



.box_prod .box_prod_right .lp_prix {



    color: #000;



    font-size: 25px;



    padding: 15px



}



.box_prod .box_prod_right .lp_prix span em, .prix_fiche span em {



    color: #666;



    font-size: 18px;



    text-transform: uppercase;



    padding: 0 0 0 20px;



    font-style: normal



}



.box_prod .box_prod_middle .variantes.f_row select {



    font-size: 1.3em;



    height: 25px



}



.box_prod .box_prod_middle .variantes.f_row {



    margin: 10px 0



}



.box_prod .semi_pi.info {



    float: none;



    line-height: 26px;



    position: absolute;



    bottom: 0;



    right: 0



}



.box_prod .semi_pi.zoom {



    margin: -20px 0 0 -50px;



    position: relative;



    width: 50px



}



.box_prod .semi_pi.zoom a {



    color: #000;



    font-size: 12px;



    font-weight: 400



}



.box_prod .semi_pi.zoom a:hover {



    color: #145dc7



}



.box_prod .semi_pi.info a {



    color: #000



}



.box_prod .semi_pi.info a:hover {



    color: #145dc7



}



.box.box_new, .box.box_spe {



    margin: 0 0 0 17px;



    text-align: center;



    width: 235px



}



.box .box_prod .img_prod {



    background: none repeat scroll 0 0 #fff;



    height: 180px;



    margin: auto;



    overflow: hidden;



    text-align: center;



    width: 160px



}



.box .box_prod .box_prod_left {



    float: left;



    width: 90%



}



.box .box_prod .box_prod_right {



    border: 0 none;



    float: right;



    font-size: 1.3em;



    margin: 10px;



    padding: 0;



    text-align: right;



    width: 90%



}



.box_prod .prod_nom {



    color: #666;



    font-size: 1.5em;



    height: 30px;



    line-height: normal;



    margin: 35px 0;



    background: url(/images/next.png) no-repeat left center/auto 100%;



    padding: 5px 0 5px 40px



}



.box_prod .img_prod {



    width: 300px;



    height: 250px;



    overflow: hidden;



    text-align: center;



    background: #fff



}



.box_prod .img_prod table {



    border: 0



}



.box_prod .img_prod td {



    border: 0;



    padding: 0;



    width: 250px;



    height: 250px



}



.box_prod .prod_info {



    height: 30px;



    margin: 5px 0;



    padding: 5px 0



}



.box_prod .img_prod img {



    max-width: 100%;



    max-height: 180px;



    height: auto



}



.box_prod .img_prod img.paysage {



    max-width: 100%;



    max-height: 250px;



    height: auto



}



.box_prod .etat_stock {



    color: #000;



    font-size: 11px;



    height: 15px;



    line-height: 15px;



    margin: 0;



    padding: 0 1px 0 0



}



.box_prod .etat_stock .ok {



    background: url(/images/stock_ok.jpg) no-repeat scroll left center rgba(0, 0, 0, 0);



    display: block;



    height: 15px;



    width: 62px



}



.box_prod.bp_light {



    border: 0!important;



    float: none;



    margin: 20px 2.1% 15px;



    padding: 0;



    width: calc(24.3% - 10px);



    border-radius: 5px;



    position: relative;



    box-shadow: 1px 3px 9px -5px rgba(0, 0, 0, .5);



    background: #fff;



    flex-direction: column



}



.inc_bloc_prod .box_prod.bp_light {



    width: auto;



    margin-bottom: 80px;



    max-width: 300px;



    margin: auto;



    flex-direction: column



}



 



.box_prod.bp_light a.bpl_b  {



width: calc(100% - 20px);



}







.box_prod.bp_light a.bpl_b.bpl_achat {



    width: calc(100% - 50px);



}



.list_sort {



    display:none;



}







table.options_produit th {



    background: #e00;



    color: #fff



}



table.options_produit td {



    padding: 10px 5px;



    font-size: 16px;



    border-bottom: 1px solid #faa



}



.bloc_ill_page {



    position: absolute;



    width: 100px;



    top: -30px;



    left: -30px;



    height: 100px;



    border-radius: 100px;



    background-position: center;



    background-size: contain;



    display: none



}



.box_prod.bp_light .box_prod_left {



    float: none;



    margin: 0 2% auto;



    text-align: center;



    width: 96%;



}



.box_prod.bp_light .img_prod {



    background: 0 0;



    height: 250px;



    overflow: hidden;



    text-align: center;



    width: auto;



    margin: 5px 0;



    display: flex;



    position: relative;



    justify-content: center



}



.box_prod.bp_light .box_prod_right {



    float: none;



    margin: 0;



    padding: 0;



    text-align: center;



    width: 100%;



    clear: both



}



.box_prod.bp_light .img_prod a {



    display: flex



}



.box_prod.bp_light .img_prod img {



    position: relative;



    max-width: 100%;



    max-height: 100%;



    margin: auto



}



.box_prod.bp_light .box_prod_right .lp_prix {



    color: #fff;



    font-size: 2em;



    font-family: dosis;



    margin-bottom: 0;



}



.box_prod.bp_light .box_prod_right .lp_prix span em, .prix_fiche span em {



    color: inherit;



    font-size: .6em;



    font-style: normal;



    padding: 0 0 0 5px;



    text-transform: uppercase



}



.box_prod.bp_light .semi_pi.zoom {



    margin: -20px 0 0 -50px;



    position: relative;



    width: 50px



}



.box_prod.bp_light .prod_nom {



    color: #000;



    font-size: 2em;



    height: 3em;



    line-height: 1em!important;



    margin: -10px 0;



    font-family: dosis;



    font-weight: 700;



    display: flex;



    justify-content: center;



    align-items: center;



    background: 0 0;



    padding: 0;



}



.box_prod.bp_light .semi_pi.zoom a {



    color: #999;



    font-size: 10px;



    font-weight: 400



}



.box_prod.bp_light .prod_marque {



    display: none



}



.box_prod .etat_stock .non em {



    display: none



}



.box_prod .etat_stock .non {



    color: red;



    background: url(/images/hors_stock.jpg) no-repeat scroll left center rgba(0, 0, 0, 0);



    display: block;



    height: 15px;



    width: 62px



}



.box_prod .prod_info .semi_pi {



    float: right;



    margin: 0 1% 1% 0;



    width: 48%



}



.box_prod .prod_info .alt_bout_commande {



    text-align: right



}



.box_prod .prod_info .semi_pi.info a {



    background: none repeat scroll 0 0 #e75012;



    border-radius: 10px 10px 10px 10px;



    color: #fff;



    font-size: 15px;



    font-style: italic!important;



    font-weight: 700;



    margin: 0 0 0 3px;



    padding: 0 8px



}



.box_prod .prod_info .semi_pi.zoom a {



    display: none;



    padding: 0 30px 0 10px;



    color: #e75012;



    background: url(/images/zoom_bleu.png) no-repeat right center



}



.box_prod .prod_info .semi_pi.add {



    width: 95%;



    margin: auto



}



.box_prod .prod_info .semi_pi.add input {



    background: 0 0;



    margin: 0 0 -5px 10px



}



#main.enregistrement {



    padding: 0 15px;



    margin: 0;



    border: 0 solid #ddd;



    color: #666



}



#cont_compte {



    background: #f5ffff



}



#main.enregistrement .label {



    float: left;



    width: 30%;



    display: block;



    color: #333



}



#main.enregistrement h4 {



    color: #333



}



#main.enregistrement h4.info {



    color: rgba(0,100,200,1);



    border: 2px dashed rgba(0,100,200,1);



    padding: 15px;



    background: rgba(0,100,200,0.2);



    font-size: 20px;



}



#main.enregistrement .form {



    clear: both;



    margin: 8px 0;



    min-height: 20px



}



#main.enregistrement textarea {



    background: #ccc;



    height: 100px;



    width: 306px



}







#main.enregistrement input {



    background: url(/images/deg_blanc.png) repeat scroll 0 0 #f5f5f5;



    border-radius: 3px;



    color: #335;



    font-size: 16px;



    height: 28px;



    padding: 0 0 0 5px;



    width: 300px;



    width: calc(69%);



    border: 1px solid #ddd



}



#main.enregistrement input.lnk_cart_pn {



    background: url(/images/deg_blanc.png) repeat-x scroll 0 0 #28e8bc;



    border-radius: 3px;



    color: #335;



    font-size: 19px;



    height: 28px;



    padding: 10px 20px;



    width: 300px;



    margin: 5px auto;



    display: flex;



    width: calc(69%);



    border: 1px solid #ddd;



}



#main.enregistrement textarea {



    background: url(/images/deg_blanc.png) repeat-x scroll 0 0 #def;



    border-radius: 3px;



    color: #335;



    font-size: 16px;



    height: 150px;



    padding: 0 0 0 5px;



    width: 300px;



    width: calc(69%);



    border: 1px solid #999



}



.form.spe {



    border: 1px solid rgba(0, 0, 0, .2);



    margin: 15px 0!important;



    padding: 12px;



    border-radius: 10px;



    box-shadow: 0 5px 15px -10px #000;



    position: relative



}



.minfo {



    position: absolute;



    background: #fff;



    padding: 30px;



    width: 80%;



    margin: 2% 10%;



    border: 4px solid rgba(0, 0, 0, .2);



    border-radius: 10px;



    box-shadow: 0 5px 15px -10px #000;



    z-index: 5;



    display: none



}



input.b_img {



    width: auto!important;



    background: 0 0!important;



    height: auto!important



}



.f_form input {



    width: auto!important;



    height: auto!important



}



#main.enregistrement fieldset {



    border-color: #6b6c72;



    border-image: none;



    border-right: 0 none;



    border-style: solid none none;



    border-width: 3px 0 0;



    margin: 40px 0 0;



    padding: 30px;



    width: 95%;



    font-size: 1.3em;



}



#main.enregistrement #inscription {



    clear: both;



    margin: 2px 0;



    border-top: 1px dotted #fad;



    border-bottom: 1px dotted #fad



}



#main.enregistrement fieldset legend {



    color: #333;



    font-size: 18px;



    font-weight: 700;



    padding: 0 5px;



    margin: 0 0 0 10px!important



}



#box_log h2, #box_log h3, #box_log h4 {



    margin: 2px 1%!important;



    float: left;



    font-size: .9em;



    font-weight: 400;



    text-align: center!important



}



#box_log h4 {



    border-left: 1px solid #fff;



    margin: 0 0 0 10px;



    padding: 0 0 0 10px



}



#box_log h4 em {



    display: inline



}



#box_log h2 a, #box_log h3 a, #box_log h4 a {



    color: #fff!important;



    font-size: 13px;



    text-transform: uppercase;



}



#lnk_fb {



    clear: both;



    margin: 0;



    position: static



}



fieldset.l_commande em {



    float: right;



    margin: -20px 15px 0 0



}



fieldset.l_commande .row {



    border: 0!important;



    background: #ddd



}



#foot li a {



    font-size: 12px;



    color: #e78



}



#foot li {



    border-left: 1px solid #e78;



    color: #e78



}



#list_doc {



    border: 0 solid #ddd



}



#list_doc fieldset {



    border-top: 2px solid #69d;



    padding: 10px 0 0 10px



}



#list_doc legend a {



    font-size: 1.3em;



    color: #69d;



    margin: 0 5px 0 10px



}



#list_doc .doc {



    padding: 5px;



    border-bottom: 1px solid #ddd



}



#list_doc .doc .img_doc {



    float: left;



    margin: 0 10px



}



#list_doc .doc .date_doc {



    clear: both;



    color: #999



}



#actu_spe_plus {



    display: none



}



a.bout_exemple {



    background: #ec760e;



    padding: 5px 15px;



    border-radius: 10px;



    color: #fff;



    font-weight: 700



}



a.bout_exemple:hover {



    text-shadow: 1px 0 3px #fff



}



table.ecart {



    border: 1px solid #666;



    width: 99.5%



}



table.ecart td {



    padding: 5px;



    background: linear-gradient(0deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .3));



    border: 1px solid #ddd;



    text-align: center;



    border-color: #fff #ddd #ccc



}



table.ecart th {



    background: #6b6c72 linear-gradient(0deg, rgba(255, 255, 255, .1), rgba(255, 255, 255, .4));



    color: #fff;



    text-shadow: 1px 1px 3px #000;



    font-weight: 400;



    font-size: 130%;



    border: 1px solid #666;



    padding: 10px



}



.variantes.f_row select {



    border: 1px solid #ccc;



    font-size: 1.5em;



    height: 30px;



    line-height: 30px;



    width: 100%



}



#retour_ecart {



    margin: -30px 10px 0 0



}



a.b_ajouter_panier {



    background: #6b6c72;



    color: #fff;



    display: block;



    margin: 1px;



    padding: 10px 20px 10px 10px;



    font-size: 120%;



    text-align: center;



    width: 75%;



    min-width: 220px;



    background-image: url(/template/base11_1/images/picto_info_blanc.png);



    background-repeat: no-repeat;



    background-size: auto 40px



}



.box.box_new.box_index .box_prod {



    margin: 5px;



    width: 220px;



    border: 0;



    box-shadow: none



}



.box.box_new.box_index .prod_nom {



    font-size: 17px;



    height: 40px



}



.box.box_new.box_index {



    background: none repeat scroll 0 0 #fff;



    border: 1px solid #ddd;



    box-shadow: 1px 1px 8px #ddd;



    margin: 12px 0 0;



    min-height: 335px;



    width: 93%



}



.box.box_new.box_index h3 {



    border-bottom: 1px solid #ddd;



    box-shadow: 0 -3px 5px #ddd inset;



    font-family: arial, sans-serif;



    font-size: 18px;



    font-weight: 400;



    padding: 0 0 6px 10px;



    text-align: left



}



#menu_smart {



    display: none



}



input.cq_maj {



    display: inline;



    font-size: 120%;



    text-align: center;



    width: 40px;



    font-weight: 700;



    background: #eee;



    border: 1px solid #ddd;



    padding: 5px



}



input.cq_maj.modif {



    border: 2px solid #00f;



    color: #00f;



    display: inline;



    font-size: 120%;



    font-weight: 700;



    text-align: center;



    width: 27px



}



table.tableau_index td {



    padding: 5px 10px



}



.vignette_variante {



    float: none;



    margin: 5%;



    width: auto



}



.vignette_variante .img_var_val {



    cursor: pointer;



    height: 170px;



    overflow: hidden;



    text-align: center;



    width: 100%



}



.vignette_variante .img_var_val img {



    max-height: 170px;



    max-width: 100%



}



.vignette_variante .nom_var_val {



    height: 35px;



    text-align: center



}



.vignette_variante .variantes.f_row select {



    border: 1px solid #ccc;



    font-size: 1em;



    height: 1.5em;



    line-height: 1.5em;



    margin: 1% auto;



    width: 96%



}



.vignette_variante label {



    color: #666;



    font-size: 11px;



    margin: auto



}



h2.alerte {



    background: rgba(0, 0, 0, .8) none repeat scroll 0 0;



    border-bottom: 1px dashed red;



    bottom: 0;



    box-shadow: 0 5px 15px -6px #000;



    color: #fff;



    font-size: 13px;



    margin: 0;



    padding: 30px;



    position: fixed;



    text-align: center;



    width: calc(100% - 60px);



    z-index: 1000



}



a.close_alerte {



    color: #fff;



    display: block;



    float: right;



    font-weight: 700;



    margin: 0 30px



}



.lnk_retour {



    float: none;



    margin: 0 10px;



    position: absolute;



    padding: 5px 10px;



    background: #6b6c72;



    color: #fff;



    font-size: 1.3em;



    height: 25px;



    right: 0;



    top: 0;



    z-index: 5000



}



.lnk_retour a {



    color: #fed;



    transition: all .3s ease 1ms



}



.lnk_retour a:hover {



    color: #fff



}



#post_nav {



    clear: both;



    margin: 30px 0 0;



    text-align: center



}



.box_pn {



    display: inline-block;



    margin: auto;



}



.box_pn a.lnk_cart_pn {



    background: url(/images/deg_blanc.png) repeat-x scroll 0 0 #06d;



    border: 1px solid #06d;



    border-radius: 5px;



    box-shadow: 1px 1px 5px -3px #000;



    color: #fff;



    font-size: 1.2em;



    padding: 15px;



    transition: all .3s ease 1ms



}



.box_pn a.lnk_cart_pn:hover {



    background: url(/images/deg_blanc.png) repeat-x scroll 0 0 #fff;



    color: #06d



}



span.info {



    display: inline-block;



    margin: 5px;



    font-size: 1.3em;



    color: rgba(0, 80, 200, .6)



}



.row.ba_stock {



    margin: auto



}



.row.ba_qte {



    margin: 5px;



    display: flex;



    justify-content: space-around



}



#cont table {



    background: #fff



}



body {



    font-family: Lato, arial, sans-serif;



    font-size: 80%;



    margin: 0;



}



img {



    border: 0;



    vertical-align: bottom



}



.clear {



    clear: both;



    border: 0;



    margin: 0;



    padding: 0



}



.visuallyhidden {



    border: 0;



    clip: rect(0 0 0 0);



    height: 1px;



    margin: -1px;



    overflow: hidden;



    padding: 0;



    position: absolute;



    width: 1px



}



.ind_adresse span {



    color: #4d4d4d;



    display: block;



    font-size: 130%;



    text-align: center;



    margin: 4px 5px 4px 20px



}



.ind_adresse h4 {



    font-size: 1.8em;



    margin: 15px 0



}



.decont {



    background-color: #fff!important;



    background-image: url(/template/base11_1/images/1721.jpg)!important;



    background-size: 100% auto!important;



    background-position: center calc(100% + 100px)!important;



    background-repeat: no-repeat!important;



    background: #fff!important;



}



.decont_inner {



    background: linear-gradient(0, rgba(0, 0, 00, .05), rgba(0, 0, 0, .01));



    /* padding-top: 55px */



    padding-bottom: 30px;



}



.ind_adresse span.adr_tel {



    font-size: 170%!important;



    font-weight: 700;



    height: 40px



}



.ind_adresse span a.bt_devis {



    display: none



}



section#id_contact #contact {



    padding: 0;



    width: calc(90%);



/*    display: none*/



} 



section#localisation {



    padding-bottom: 50px;



    position: relative



}



.ind_loca_right {



    float: right;



    height: 450px;



    margin: 15px;



    width: 26%;



    text-align: center



}  



section#id_contact .ind_cont_titre, section#localisation .ind_cont_titre {



    /* color: #fff; */



    font-size: 16px;



    /* height: 95px; */



    /* margin: 0; */



    /* padding: 35px 0 0 75px; */



    /* position: relative; */



    /* top: -8px; */



    /* font-family: raleway; */



}



#id_contact .bloc {



    margin: 10px



}



.ind_loca_img {



    background: #fff none repeat scroll 0 0;



    border-bottom: 5px solid #abd35f;



    border-image: none;



    border-left: 5px solid #abd35f;



    border-radius: 100%;



    border-right: 5px solid #abd35f;



    height: 200px;



    line-height: 164px;



    margin: 10px auto;



    padding: 15px;



    text-align: center;



    width: 200px



}



#banner_menuleft {



    border: 0 solid;



    left: 200px;



    margin: 0;



    position: absolute;



    width: calc(100% - 450px);



    top: -45px



}



#banner_menuleft ul {



    display: flex;



    justify-content: center



}



#banner_menuleft li {



    display: inline-block;



    font-size: 1.3em;



    margin: auto;



    padding: 5px 20px;



    vertical-align: top;



    font-family: dosis;



    background: rgba(255, 255, 255, .7);



    position: relative;



    box-shadow: 0 5px 15px -12px #000



}



#banner_menuleft li > table {



    margin: 0



}



#banner_menuleft li:hover, #banner_menuleft li:hover li {



    background: rgba(26, 112, 187, .95)!important



}



#banner_menuleft li td a {



    color: #000;



    font-weight: 700



}



#banner_menuleft li ul.try {



    background: rgba(0, 0, 0, 0) none repeat scroll 0 0;



    left: -999em;



    margin: 0;



    padding: 0;



    position: absolute;



    width: 180px;



    z-index: 1150



}



#menu li ul.try, .nocol #banner_menuleft li ul.try {



    position: absolute;



    width: 135px;



    left: -999em;



    margin: -1px 0 0;



    z-index: 150;



    border: 1px solid #00f



}



.nocol #banner_menuleft li ul.try {



    position: absolute;



    width: calc(100%+ 175px);



    left: -999em;



    margin: 5px 0 0;



    z-index: 150;



    border: 0;



    display: block



}



.nocol #banner_menuleft ul.try li {



    border-top: 0 solid #fff;



    border: none;



    background: rgba(255, 255, 255, .9);



    margin: 0;



    width: calc(100% - 10px);



    padding: 6px 5px;



    text-align: center;



    transition: all .3s ease 1ms;



    box-shadow: 0 5px 15px -9px #000;



    border-bottom: 1px solid rgba(0, 0, 0, .1)



}



#banner_menuleft ul.try li:hover {



    background: rgba(255, 255, 255, 1)



}



#banner_menuleft ul.try li a {



    min-height: 20px;



    font-weight: 700;



    color: #222!important;



    padding: 5px 0;



    font-size: .8em;



    display: block



}



#banner_menuleft li:hover ul.try li a {



    min-height: 20px;



    font-weight: 700;



    padding: 5px 0;



    font-size: .8em;



    display: block;



    text-align: left;



    padding-left: 20px;



    color: #fff!important



}



.nocol #banner_menuleft ul.try li a:hover {



    text-shadow: 0!important



}



html > body .nocol #banner_menuleft ul#one li {



    border-top: 0 solid transparent



}



#menu_three li ul.try li a:hover, .nocol #banner_menuleft ul.try li a:hover {



    color: rgba(150, 220, 255, 1)!important



}



.nocol #banner_menuleft li li:hover ul, .nocol #banner_menuleft li:hover ul {



    left: -7%;



    min-height: 0



}



#b_main_menu li ul.try, #menu_three li ul.try {



    margin: -5px auto 0;



    position: absolute;



    width: auto;



    z-index: 1150;



    background: rgba(0, 0, 0, .5);



    padding: 10px 0;



    box-shadow: 0 5px 15px -10px #000;



    justify-content: center;



    top: 100%



}



#b_main_menu li#id25 ul.try, #menu_three li#id25 ul.try {



    display: none!important



}



#pages_gamme.pid_25 h1.titre_page {



    position: relative;



    visibility: visible;



    text-align: right;



    margin: -50px 5%;



    color: #feac40;



    font-size: 6em;



    font-weight: 700



}



.deploie {



    display: inline-block;



    margin-left: 0;



    position: absolute;



    right: 0;



    transition: all .3s ease 1ms;



    top: 50%



}



.deploie .b1 {



    background: #000 none repeat scroll 0 0;



    height: 0;



    left: -5px;



    transform: rotate(45deg);



    position: absolute;



    width: 0;



    transition: all .8s ease 1ms



}



.deploie .b2 {



    background: #000 none repeat scroll 0 0;



    height: 0;



    transform: rotate(-45deg);



    position: absolute;



    top: -5px;



    width: 0;



    transition: all .8s ease 1ms



}



.short #breadcrumb {



    display: none



}



.short #page #banner {



    box-shadow: 0 5px 13px -10px #000;



    height: 50px;



    margin: 0 auto;



    padding: 0;



    position: fixed;



    top: 0;



    transition: all .3s ease 1ms;



    width: 100%;



    z-index: 100



}



.short #retour_accueil a {



    height: 40px;



    position: absolute;



    text-indent: -999em;



    top: 3px;



    width: 175px;



    left: 5px;



    z-index: 15



}



.short #banner_menuleft {



    border: 0 solid;



    margin: 0;



    position: absolute;



    top: 45px;



    transform: scale(.9)



}



.short #retour_accueil a img {



    background: rgba(0, 0, 0, 0) url(/images/logo.png) no-repeat scroll center center/contain



}



.short #conteneur {



    margin-top: 535px;



}



.short #b_main_menu {



    /* background: rgba(0, 0, 0, 0) none repeat scroll 0 0; */



    border-radius: 3px;



    height: 50px;



    position: relative;



    /* top: 5px; */



    z-index: 10;



    /* margin-left: 150px; */



}



#menu_three li ul.try, .short #b_main_menu li ul.try {



    top: 50px



}



.short #b_main_menu table.menu_left td a {



    border: 0 solid;



    border-radius: 5px;



    display: inline-block;



    /* font-size: 1.3em; */



    font-weight: 400;



    height: auto;



    line-height: 120%;



    list-style: outside none none;



    margin: 0;



    padding: 5px 15px;



    min-height: 35px;



}



.short #alt_acces a .nl_txt {



    display: none



}



.short nav#alt_acces .ul_right {



    width: 80px;



    position: absolute;



    top: -50px;



    right: 0



}



.short nav#alt_acces .ul_left {



    width: 85px;



    position: absolute;



    top: -50px;



    right: 70px



}



.short nav#alt_acces li {



    margin: 0 0 0 5px



}



.short #banner .adresse {



    display: none



}



#footer .adresse.footer_adresse {



    background: no-repeat;



    border-bottom: 0 solid #999;



    box-shadow: 0 0 0;



    color: #fff!important;



    display: block;



    font-size: 1.2em;



    left: auto;



    margin: 0;



    position: relative;



    right: 0;



    text-align: center;



    top: auto;



    width: 100%;

	display:none;



}



#load_load {



    /* background: rgba(0, 0, 0, 0) url(/images/site_load3.gif) no-repeat scroll center center; */



    height: 100%;



    position: fixed;



    top: 0;



    width: 100%;



    z-index: 10001;



}



#load_f { 



    height: 100%;



    position: fixed;



    top: 0;



    width: 100%;



    z-index: 10000;



    background-color: #fff;



    background-position: center  40%;



    background-repeat: no-repeat;



    background-size: 250px;



    filter: contrast(0.4) brightness(1.5) grayscale(1);



}



.half {



    border: 0!important



}



.vbas .short #page #banner {



    top: -250px;



    transition: all .2s ease 1ms



}



.row.row_doc {



    background: rgba(0, 0, 0, 0) linear-gradient(185deg, rgba(0, 0, 0, 0), rgba(0, 0, 0, .1)) repeat scroll 0 0;



    padding: 18px



}



.row.row_doc span {



    color: #1358c4;



    cursor: pointer;



    display: inline-block;



    font-size: 2em;



    padding: 5px 5px 5px 50px



}



.row.row_doc.row_1 {



    margin-left: 4%



}



.row.row_doc.row_2 {



    margin-left: 8%



}



.row.row_doc.row_0 span {



    background: rgba(0, 0, 0, 0) url(/images/dossier_01.png) no-repeat scroll left center/auto 100%



}



.row.row_doc.row_1 span {



    background: rgba(0, 0, 0, 0) url(/images/dossier_02.png) no-repeat scroll left center/auto 90%



}



.row.row_doc.row_2 span {



    background: rgba(0, 0, 0, 0) url(/images/dossier_03.png) no-repeat scroll left center/auto 80%



}



.nb_doc {



    color: rgba(0, 0, 0, .4);



    float: right;



    font-size: 16px;



    margin: -50px 10px 0 0



}



.hide_dir {



    display: none



}



#cont_prod {



    display: flex;



    justify-content: space-around;



    flex-wrap: wrap



}



.lnk_code img {



    width: 100px;



    display: block



}



#cont_prod, .cont_prod {



    display: flex;



    justify-content: center;



    flex-wrap: wrap;



    box-shadow: none;



    margin: 10px auto;



    border-bottom: 0



}



#cont_prod .h2, .cont_prod .h2 {



    width: 100%;



    text-align: center;



    font-size: 3em;



    color: #1a71bc;



    font-family: dosis, 'fugaz one';



    margin: 10px auto



}



a.close_info {



    display: block;



    position: relative;



    background: #06d;



    color: #fff;



    padding: 10px;



    margin: auto;



    width: 150px;



    text-align: center;



    border-radius: 5px;



    border: 1px solid #fff;



    transition: all .3s ease 1ms



}



a.close_info:hover {



    color: #06d;



    border-color: #06d;



    background: #fff



}



input#bouton_submit {



    background: rgba(0, 100, 250, 1);



    color: #fff;



    padding: 30px;



    font-size: 1.4em;



    border: 1px solid #fff;



    border-radius: 5px;



    margin: 5px;



    box-shadow: 0 0;



    cursor: pointer;



    transition: all .3s ease 1ms



}



input#bouton_submit:hover {



    background: #fff;



    color: rgba(0, 100, 250, 1);



    border: 1px solid rgba(0, 100, 250, 1);



    box-shadow: 0 5px 15px -10px #000



}



#mon_compte .info {



    border: 4px solid rgba(250, 0, 0, .8);



    padding: 5px 10px;



    color: rgba(250, 0, 0, .8);



    background: rgba(250, 0, 0, .1);



    margin: 10px;



    font-size: 1.3em;



    display: inline-block



}



#mon_compte .info strong {



    display: block



}



#main.enregistrement .legend_seule {



    margin: 5px!important;



    display: inline-block!important;



    padding: 5px 10px;



    border: 1px solid #145dc7;



    width: 150px;



    text-align: center



}



#enregistrement a.lnk_cart_pn:hover, #enregistrement input.lnk_cart_pn:hover, .box_pn a.lnk_cart_pn:hover {



    background: url(/images/deg_blanc.png) repeat-x scroll 0 0 #fff;



    color: #06d



}



#cont_pages {



    display: flex;



    justify-content: space-around;



    flex-wrap: wrap;



    width: 100%



}



.bloc_page {



    width: 25%;



    padding: 5px 5px 0;



    background: #fff;



    position: relative;



    filter: drop-shadow(0 4px 3px rgba(0, 0, 0, .3));



    margin-bottom: 80px



}



.inc_bloc_page {



    display: flex;



    background: url(/template/base11_1/images/anvert_petit_droit.png) no-repeat 200px center/auto 100%;



    max-width: 375px;



    padding: 0;



    margin: auto



}



.inc_bloc_page .bloc_page {



    width: 375px;



    max-width: 100%;



    margin: auto;



    padding: 0;



    background: 0 0!important



}



#cont_pages .bloc_page {



    width: 375px;



    max-width: 100%;



    margin: 30px auto;



    padding: 0;



    background: url(/template/base11_1/images/anvert_petit_droit.png) no-repeat 200px center/auto 100%!important;



    max-width: 375px



}



.lnk_tech a {



    background: #6b6c72 url(/template/base11_1/images/tool.png) no-repeat 10px center/auto 25px;



    height: 20px;



    padding: 10px 10px 10px 50px;



    color: #fff;



    font-size: 1.3em;



    border: 1px solid transparent;



    min-width: 328px;



    margin: 10px auto;



    display: flex



}



.lnk_tech a:hover {



    border: 1px solid #f33;



    background: #fff;



    color: #f33;



    padding: 10px



}



.bloc_page .bp_nom {



    color: #fff;



    position: static;



    font-size: 1.6em;



    text-shadow: 0 2px 5px rgba(0, 0, 0, .1);



    z-index: 2;



    width: calc(100% - 20px);



    padding: 0 10px;



    height: auto;



    min-height: 35px



}



.bloc_page .bp_nom a {



    color: rgba(90,100, 120, 1);



}



.bloc_page .bp_image {



    width: calc(100% - 85px);



    height: 220px;



    overflow: hidden;



    position: relative;



    display: flex



}



.bloc_page .bp_image a {



    margin: auto;



    display: block;



    width: 100%;



    height: 100%;



    position: absolute



}



.bloc_page .bp_image a img {



    height: 100%;



    display: block



}



.bloc_page .foot_image {



    position: relative;



    margin: 5px -20px;



    padding: 0 80px 0 10px;



    background: 0 0!important



}



.bloc_page .foot_image .lnk_plan {



    position: absolute;



    background: #f93;



    width: 25px;



    height: 25px;



    text-align: center;



    padding: 15px;



    border-radius: 100%;



    font-size: 1.5em;



    right: 5%;



    top: -25px



}



.bloc_page .foot_image .lnk_plan a {



    color: #fff



}



.bloc_page .bp_resume {



    margin: auto



}



.bloc_page .bp_resume h2, .bloc_page .bp_resume h3, .bloc_page .bp_resume h4 {



    font-size: 24px!important;



    color: #f23232



}



.bloc_page .bp_options {



    display: flex;



    flex-wrap: wrap;



    justify-content: space-around



}



.half, .m_bloc_droit, .m_bloc_gauche, .tiers {



    border: 0!important



}



.tiers {



    border: 0!important;



    width: 31%;



    padding: .5%;



    margin: .5%



}



td {



    padding: 2px;



    /* text-align: center; */



}



#conteneur_nav {



    display: flex;



    justify-content: space-between;



    height: 75px;



}



.bloc_option_ind_inner_bis {



    position: relative;



    top: -180px



}



.index .bloc_option_ind {



    padding-top: 272px;



    max-width: 1200px;



    margin: auto;



    background: 0 0



}



.bloc_option_ind h2 {



    color: #049;



    font-family: 'fugaz one';



    text-align: center;



    font-size: 3em



}



.bloc_option_ind .cont_flex {



    display: flex;



    justify-content: center



}



.bloc_option_ind .half {



    margin: 0 2%;



    box-shadow: 0 5px 15px -10px #000;



    max-width: 40%



}



.bloc_option_ind .half img {



    width: 100%



}



#section_social {



    background: url(/images/line_h.png) no-repeat center top;



    padding-top: 30px



}



.nl_txt {



    position: absolute;



    visibility: hidden



}



.flex {



    display: flex;



    justify-content: space-around



}



#inner_banner_ter {



    position: relative;



    /* background: rgba(255,255,255,0.75) url(/template/base11_1/images/black_10.png) repeat-x center top/auto 35px; */



    top: 0;



}



.short #inner_banner_ter {



    box-shadow: 0 5px 15px -8px rgba(0, 0, 0, .6)



}



#banner .adresse {



    border-bottom: 0 solid #fff;



    font-size: 1em;



    height: auto;



    margin: 0;



    padding: 5px;



    position: absolute;



    right: 50px;



    width: auto;



    top: 65px;



    display: block;



    display: none;



}



#banner .adresse .adr_prop {



    display: none



}



table#tableau_tarifs {



    border-spacing: 15px 5px;



    border-collapse: separate



}



table#tableau_tarifs td {



    border: 3px solid #000;



    background: rgba(0, 0, 0, .6);



    color: #fff;



    padding: 5px;



    font-size: 1.5em



}



table#tableau_tarifs th {



    border: 3px solid #000;



    background: #fff



}



.bloc_produit {



    background: url(/images/logo_footer.png) no-repeat calc(100% - 10px) 5px/70px



}



.bloc_produit .titre_fiche {



    border-bottom: 0 solid #ddd;



    font-size: 2.6em;



    font-weight: 400;



    padding: 10px;



    text-align: left;



    width: calc(100% - 20px);



    background: rgba(150, 150, 150, .1);



    text-transform: uppercase



}



.bloc_produit .image_categorie {



    margin: 0 15px 30px;



    height: 500px;



    box-shadow: 0 5px 15px -10px #000



}



.lnk_produit h3 a {



    border: 1px solid #000;



    width: 80%;



    margin: -50px auto 0;



    padding: 15px 0;



    background: #fff;



    box-shadow: 0 5px 15px -11px #000;



    display: block;



    color: #000;



    transition: all .3s ease 1ms;



    font-size: .8em



}



.lnk_produit h3 a:hover {



    background: #666;



    border-color: #fff;



    color: #fff



}



h3.titre_actu {



    text-align: center;



    margin: 40px 0 10px



}



.bloc_page_ind {



    background-color: rgba(214, 143, 10, .5);



    width: 90%;



    margin: 20px auto



}



article > div.page_couleur .page_couleur_cont {



    padding-top: 120px



}



article.textbloc > div.page_couleur h2, article.textbloc > div.page_couleur h3, article.textbloc > div.page_couleur h4, article > div.page_couleur .bloc_page, article > div.page_couleur .bp_resume {



    color: #fff



}



article > div.page_couleur .page_couleur_cont_bis > h1.cont_titre_alt {



    text-align: center;



    position: relative;



    margin-top: -110px;



    font-size: 3em;



    margin-bottom: 50px



}



article > div.page_couleur .page_couleur_cont_ter {



    width: 90%;



    margin: 0 3%;



    padding: 2%;



    background: rgba(255, 255, 255, .2)



}



.bloc_page_ind .top_bloc .bp_image {



    width: 30%;



    float: left;



    margin: 0 5%;



    height: 200px;



    box-shadow: 0 5px 15px -10px #000;



    position: relative



}



.bloc_page_ind .top_bloc .bp_nom {



    font-size: 2.5em;



    text-transform: uppercase



}



.bloc_page_ind .top_bloc .bp_nom a {



    color: #000



}



.bloc_page_ind .top_bloc .bp_resume {



    font-size: 2em;



    font-weight: 700



}



.bloc_page_ind .bp_desc p {



    color: #000!important



}



.bloc_page_ind .bp_desc {



    margin: 20px auto;



    width: 90%;



    font-size: 14px;



    display: none;



    padding: 20px;



    background: rgba(255, 255, 255, .4)



}



.bloc_page_ind .cont_lnk_dev {



    text-align: center;



    position: relative;



    top: 25px



}



.bloc_page_ind .cont_lnk_dev a img {



    width: 50px



}



#contact #conteneur {



    padding-top: 10px



}



#cloneimg, #cloneimg .img_vignette {



    position: absolute;



    width: 100%;



    z-index: 5;



    transition: all 1s ease .5s



}



.rgpd_notice {



    display: flex;



    justify-content: center;



    font-size: 10px;



    width: 92%;



    margin: 10px auto;



    border: 1px solid rgba(0, 0, 0, .1)



}



.rgpd_notice label {



    text-align: left;



    margin: auto;



    width: 100%



}



.rgpd_notice input {



    width: auto!important;



    margin: 5px 15px



}



.info_rgpd_retrait {



    margin: 20px



}



#contact .bloc input, #devis .bloc input, #espace_pro .f_contact input {



    background: rgba(255, 255, 255, .8)!important;



    border: 1px solid #ddd!important;



    border-radius: 5px;



    height: 25px;



    padding: 2px;



    width: 65%



}



.cloneimg, .cloneimg .img_vignette {



    position: absolute;



    width: 100%;



    z-index: 5;



    max-width: 300px;



    transition: all 1s ease .5s;



    box-shadow: 0 5px 30px -15px rgba(0, 00, 0, .5)



}



a.bpl_b {



    display: block;



    padding: 10px 10px;



    width: 75%;



    margin: 5px auto 1px 1px!important;



    background: #6b6c72;



    color: #fff!important;



    min-width: 200px



}



a.bpl_b.bpl_achat {



    background-image: url(/template/base11_1/images/picto_selection.png);



    background-repeat: no-repeat;



    background-position: 5px center;



    background-size: auto 40px;



    padding-left: 40px;



    width: calc(75% - 20px);



    margin-top: 5px;



    text-align: center;



    font-size: 120%



}



.select_var {



    border: 1px solid rgba(0, 0, 0, .5);



    margin: 10px;



    padding: 5px;



    font-size: 1.3em;



    color: #333;



    border-radius: 5px



}



.select_var option {



    font-size: 1.3em;



    color: #6b280c;



    font-weight: 700



}



.t_fiche.bloc_ref {



    display: none



}



#text_img_index {



    /* position: absolute; */



    color: #fff;



    left: 50%;



    width: 550px;



    margin-left: -500px;



    font-size: 2em;



    justify-content: center;



    /* height: 70%; */



    bottom: 10%;



}



#text_img_index > a {



    margin: auto



}



#text_img_index > h2 {



    /* color: #222; */



    /* margin: auto; */



}



#text_img_index h2 span {



    /* font-family: 'Racing Sans One'; */



    /* line-height: 100%!important; */



    /* font-size: inherit; */



    /* text-shadow: 0 2px 3px rgba(0, 0, 0, .3) */



}



.index #cont_actu_index {



    position: absolute;



    z-index: 50;



    right: 5%;



    width: 350px;



    top: 225px;



    background: rgba(255, 255, 255, .7);



    box-shadow: 0 5px 15px -6px #000



}



.index #section_actu, .index #section_actu .wrap {



    display: flex;



    justify-content: space-around;



    flex-direction: row-reverse;



    padding-top: 5px;



}



.index h3.titre_actu {



    text-align: center;



    margin: 0;



    background: rgba(150, 150, 150, .5);



    width: 70px



}



.index h3.titre_actu span {



    display: none



}



#page #cont_spe li {



    border-bottom: 0 none;



    color: #666;



    list-style: outside none none;



    margin: 0 50% 0 0!important;



    /* opacity: 0.5; */



    overflow: visible;



    padding: 0 0 0!important;



    height: 350px!important;



    position: relative;



    text-align: left;



    max-width: 100%;



    display: flex;



    justify-content: space-between;



    flex-direction: column;



    width: 50%;



}



#cont_textbloc {



    display: flex;



    justify-content: space-around



}



#cont_textbloc .textbloc {



    width: calc(86% - 350px)



}



#cont_pg_prod {



    display: flex;



    justify-content: space-between;



    flex-direction: row-reverse



}



#cont_pg_left {



    display: none



}



#menu_left_left li {



    list-style: none;



    padding: 0;



    margin: auto



}



#menu_left_left li.up {



    background: linear-gradient(90deg, rgba(0, 0, 0, .3), rgba(0, 0, 0, 0))



}



#menu_left_left li a {



    border-top: 1px solid #333;



    display: block;



    padding: 10px 5px 10px 30px;



    background: url(/images/dot_vert.png) no-repeat 5px center;



    color: #000;



    font-size: 1.3em



}



#page #adresse_baspage {



    background: #fff!important;



    color: rgba(70,80,85);



}



#adresse_baspage .wrap {



    display: flex;



    justify-content: space-between;



    padding: 0;



    max-width: 2000px;



}



#adresse_baspage .logo {



    width: 300px;



    text-align: center;



    color: #fff;



    margin-right: 10px



}



#adresse_baspage .logo h4 {



    color: #fff;



    font-size: 2.5em;



    text-transform: uppercase;



    font-weight: 400;



    margin: 0 30px



}



#adresse_baspage .bloc_adresse {



    float: none;



    /* color: #fff; */



    font-size: 1.3em;



    width: 100%;



    letter-spacing: 2px;



    font-weight: 700;



    display: flex;



    margin: auto;



    justify-content: space-around;



}



#adresse_baspage .half.hal_form {



    display: none!important



}



#adresse_baspage .blocadresse1, #adresse_baspage .blocadresse2, #adresse_baspage .blocadresse3 {



    /* width: calc(100% / 3); */



    margin: auto 1px;



    flex-direction: column;



    flex-wrap: wrap;



    font-size: 12px;



    padding: 5px 0;



    /* background-size: auto 20px; */



    /* background-position: 5px 14px; */



}



#adresse_baspage .blocadresse1 .foot_box_adresse {



    width: 100%;



    /* height: 280px; */



}



#adresse_baspage .blocadresse2 .foot_box_adresse {



    width: 100%;



    height: 280px;



    background: url(/template/base11_1/images/image_parthenay.jpg) no-repeat center/cover



}



#adresse_baspage .blocadresse3 .foot_box_adresse {



    width: 100%;



    height: 280px;



    background: url(/template/base11_1/images/image_thouars.jpg) no-repeat center/cover



}



#adresse_baspage .bloc_adresse .half {



    width: auto;



    display: flex;



    min-height: 20px;



    border: 0!important;



    padding: 0;



    letter-spacing: 0;



    font-weight: 400;



    font-size: 13px



}







.index #page #banner {



    background: #383568;



    background: none;



    position: absolute;



}



#adresse_baspage .bloc_adresse .half.hal_adrr span {



    width: 100%;



    margin: auto 4px



}



#adresse_baspage .bloc_adresse .half.hal_adrr span .fa {



    display: none



}



#adresse_baspage .bloc_adresse .half.hal_tel {



    flex: 1



} 



#adresse_baspage .bloc_adresse .half.hal_adrr {



    flex: 3;



    /* padding-left: 30px; */



    margin: auto;



    min-height: 45px;



    flex-direction: column;



    min-width: 66%;



}



#adresse_baspage .bloc_adresse .half.hal_adrr span.adr_cpc {



    font-size: 16px;



    font-weight: 700



}



#bloc_marque, #bloc_part {



    /* padding: 5px 0 20px 0 */



}



#bloc_marque .wrap, #bloc_part .wrap {



    display: flex;



    justify-content: space-around;



    flex-wrap: nowrap;



    max-width: none;



    background: #fff;



}



#bloc_marque .wrap .box_mk, #bloc_part .wrap .box_mk {



    max-width: 23%;



    margin: auto 3%;



    padding: 2% 0



}



#bloc_marque .wrap .box_mk a img, #bloc_part .wrap .box_mk a img {



    max-width: 100%;



    filter: grayscale(1);



    transition: all .3s ease 1ms;



    max-height: 70px;



    opacity: .6



}



#bloc_marque .wrap .box_mk a:hover img {



    filter: grayscale(0);



    opacity: 1



}



.row_cat {



    padding: 10px;



    background: #eee;



    border-top: 1px solid rgba(0, 0, 0, .1);



    border-bottom: 1px solid rgba(0, 0, 0, .1);



    width: 100%



}



.row_cat a {



    color: #999;



    font-size: 120%



}



h1.titre_page {



    margin: auto;



    padding: 5px 10px;



    color: #2f2771;



    font-size: 5em;



    font-weight: bold;



}



.withfb  #cont_spe ul {



    display: flex;



    justify-content: space-between;



    flex-direction: column;



    width: 100%;



}



.cont_bloc_index h2, .cont_bloc_index h3, .cont_bloc_index h4 {



    color: #333!important;



    font-size: 2em



}



.m_bloc_droit.tiers.tiers2 {



    background: linear-gradient(-90deg, rgba(0, 0, 0, .9), rgba(0, 0, 0, .8), rgba(0, 0, 0, 0));



    color: #fff!important;



    margin: -10px 0 -5px!important;



    text-shadow: 1px 1px 3px rgba(0, 0, 0, .8);



    padding: 20px 50px 20px 100px!important;



    width: 35%!important



}



.m_bloc_droit.tiers.tiers2 p {



    color: #fff



}



.index article h3 {



    /* color: #666!important; */



    /* padding-left: 60px; */



    /* display: inline-block; */



    /* font-size: 2em; */



}



#titre_ref {



    text-align: center;



    background: rgba(80, 80, 80, 1);



    margin-top: 0!important;



    margin-bottom: 0!important;



    display: flex;



    justify-content: center



}



#titre_ref h3 {



    color: #fff;



    text-transform: uppercase;



    padding: 20px 20px 20px 60px



}



.bloc_adresse .half {



    border-left: 1px solid #fff!important;



    min-height: 55px;



    padding: 20px;



    flex: 1;



    text-align: center;



    margin: auto



}



.bloc_adresse .half a {



    color: #fff



}



.half.hal_tel {



    padding-top: 40px



}



.half.hal_adrr {



    max-width: 175px



}



.half.hal_adrr span {



    display: inline



}



.half.hal_form {



    background: url(/images/picto_contact.png) no-repeat center top;



    padding-top: 40px;



    margin: auto



}



#banner .half.hal_form {



    display: none



}



#banner .half.hal_tel {



    padding: 2px 0



}



.lnk_form {



    display: none



}



.lnk_form h5 {



    width: 100%



}



.lnk_form h5 a {



    display: flex;



    flex-direction: column;



    justify-content: space-around;



    text-align: center;



    height: 100%;



    margin: auto;



    line-height: 100%;



    transition: all .5s ease 1ms



}



.lnk_form span {



    display: flex;



    margin: auto;



    text-transform: uppercase;



    font-weight: 700;



    text-align: center;



    font-size: 29px



}



.lnk_form em {



    display: block;



    margin: auto;



    font-style: normal;



    color: #fff;



    font-size: 18px;



    font-weight: 400



}



.lnk_form strong {



    display: block;



    margin: auto;



    text-transform: uppercase;



    font-size: 40px



}



h2.titre_real {



    text-transform: uppercase;



    text-align: center



}



.short .lnk_form {



    top: -10px;



    height: 75px



}



.short .lnk_form h5 {



    margin: 0 auto



}



.short .lnk_form span {



    font-size: 20px



}



.short .lnk_form em {



    font-size: 16px



}



.short .lnk_form strong {



    font-size: 29px



}



.blocadresse1, .blocadresse2, .blocadresse3 {



    background: url(/template/base11_1/images/picto_localisation.png) no-repeat left 3px;



    padding: 0 0 0 32px;



    /* color: #fff; */



    display: flex;



    flex-direction: column-reverse;



    margin: 10px 3px;



}



.blocadresse1 {



    /* margin-left: -80px */



}



.blocadresse2 {



    margin-left: -40px



}



form.form_contact {



    background: rgba(255, 255, 255, .9);



    padding: 30px



}







#b_main_menu table.menu_left td a span{



margin:auto;}



#text_img_index {



    /* position: absolute; */



    color: #fff;



    left: 25%;



    width: 50%;



    margin: auto;



    height: unset;



    font-size: 170%;



    /* min-height: 150px; */



    justify-content: center;



    /* display: flex; */



    justify-content: center;



    /* background: rgba(0, 29, 52, .4); */



    box-shadow: 0 5px 15px -10px #000;



}



#text_img_index.al_gauche {



    /* left: 5%; */



    width: 50%;



    margin: 15% auto auto 5%;



}



#text_img_index.al_droit {



    left: 50%;



    width: 45%



}



#text_img_index.f_no {



    background: 0 0;



    box-shadow: none



}



#text_img_index { }







#text_img_index.f_light{color: #000;background: rgba(255,255,255,0.7);}



#text_img_index.f_dark{background: rgba(30, 35, 40, .5);}











#text_img_index.f_dark h1, #text_img_index.f_dark h2, #text_img_index.f_dark h3, #text_img_index.f_dark h4, #text_img_index.f_dark h5, #text_img_index.f_dark h6, #text_img_index.f_dark p {



    color: #fff



}



#text_img_index > a {



    margin: auto;



    color: inherit;



}



#text_img_index > a span {



    /* display: flex; */



    /* margin: auto; */



    /* border: 1px solid #fff; */



    /* padding: 5px 15px; */



    /* width: 130px; */



    /* justify-content: center; */



    /* border-radius: 15px; */



    /* color: #fff; */



    /* transition: all .3s ease 1ms; */



}



div#cont_pg_right {



    width: 100%



}



#text_img_index > a:hover span {



    /* background: #fff; */



    /* color: #336; */



}



#text_img_index > h2 {



    /* color: #222; */



    /* margin: auto; */



    /* text-align: center; */



}



#text_img_index h2 span {



    /* line-height: 100%!important; */



    /* font-size: inherit; */



    /* border: 0; */



    /* text-shadow: 0 2px 3px rgba(0, 0, 0, .3) */



}



body#fiche_produit #page #vignettes_img {



    background: #fff;



    border-radius: 0;



    padding: 30px 10px 10px



}



body#fiche_produit #page #vignettes_img #fiche_colgauche {



    float: left;



    margin: .5% 2% 0 1%;



    padding: 5px;



    width: 49%!important;



    position: relative



}



#fiche_colgauche .titre_fiche {



    margin: 0 0 20px



}



body#fiche_produit #page #vignettes_img #desc_all {



    float: left;



    width: 46%



}



.lnk_retour {



    float: right;



    margin: 10px 20px 0;



    position: relative;



    z-index: 2000000



}



.lnk_retour a em {



    display: none!important



}



body#fiche_produit #page h3.prix_fiche {



    background: #eee linear-gradient(12deg, rgba(255, 255, 255, .3), rgba(255, 255, 255, .7));



    border: 0 solid #00f;



    border-radius: 0;



    color: #818181;



    font-size: 2.5em;



    font-weight: 400;



    margin: 50px auto 10px;



    padding: 10px 0;



    text-align: center;



    width: auto



}



.titre_fiche {



    border-bottom: 0 solid #ddd;



    font-size: 1.6em;



    font-weight: 400;



    margin: 0 0 5px;



    padding: 2px 0 2px 40px;



    text-align: left



}



#post_nav, .h_titre, body#fiche_produit .box_marque td {



    text-align: center



}



.titre_fiche a {



    color: #eee



}



.titre_fiche a em {



    left: -999em;



    position: absolute



}



body#fiche_produit #page #vignettes_img .img_vignette {



    background: #fff;



    border-top: 1px solid #b3b3b3;



    border-bottom: 1px solid #b3b3b3;



    overflow: hidden;



    padding: 0;



    position: relative;



    text-align: center;



    width: auto!important;



    max-width: 100%!important



}



body#fiche_produit #fiche_colgauche .img_vignette {



    border: 1px solid #fff;



    height: auto!important;



    width: 98%!important



}



#prod_fiche {



    display: flex;



    margin-top: 30px



}



body#fiche_produit #page #vignettes_img .img_vignette img {



    max-height: 300px;



    max-width: 100%



}



body#fiche_produit #page #vignettes_img .img_vignette img.main_img {



    max-height: 500px;



    max-width: 100%



}



body#fiche_produit #page #vignettes_img .img_vignette img.img_zoom {



    float: none;



    margin: 5px;



    position: absolute;



    right: 0;



    z-index: 10



}



body#fiche_produit .box_marque img {



    max-width: 200px;



    max-height: 100px



}



body#fiche_produit .box_marque {



    margin: 10px auto;



    width: 80%



}



body#fiche_produit .description_produit {



    margin: 10px 0



}



#post_nav {



    clear: both;



    margin: 30px 0 0



}



.fp_colgauche {



    display: none



}



.cont_addcart a {



    color: #333;



    font-size: 2em



}



.cont_addcart a {



    border: 2px solid #333;



    border-radius: 80px;



    display: flex;



    justify-content: space-around;



    width: auto;



    max-width: 280px



}



div#page_cart {



    width: 90%;



    margin: auto



}



.cont_addcart a img {



    margin: auto 0;



    height: 60px;



    transition: all .3s ease 1ms



}



.cont_addcart a:hover img {



    transform: rotate(90deg)



}



.cont_addcart a span {



    margin: auto



}



.cont_addcart a:hover {



    background: #999;



    color: #fff;



    border-color: #6b6c72



}



.lazy {



    background-image: url(/images/loading.gif);



    background-position: center;



    background-repeat: no-repeat;



    display: none



}



.lazy_bg {



    background-image: url(/images/small-load.gif)



}



.l_actu_det .bloc {



    border-top: 1px solid rgba(0, 0, 0, .1)



}



.l_actu_det .bloc h3.titre_r {



    color: #696; 



    font-weight: 400



}



.l_actu_det .bloc h3.titre_r {



    color: #4d6697;



    font-weight: 400



}



.tiers.t_checkbox {



    display: inline-block;



    width: 19%



}



.tiers.t_checkbox input {



    width: auto



}



.tiers.t_checkbox label {



    display: inline-block;



    margin: 2px 5px;



    vertical-align: top;



    width: auto



}



#diap_index {



    display: flex;



    height: 770px;



    background-size: cover;



    background-position: center;



    position: relative;



}



#page .l_actu_det {

/*    display: block;*/

    margin: 50px auto auto;
    vertical-align: top;
    width: 78%;
    color: #fff;
    text-align: center;
    min-height: 150px;
    padding-left: 3%;
    font-size: 0.8em;
    display: flex;
}



#page #cont_spe .l_actu_det {min-height: 0;margin: auto;color: #4d4c7d;}







#page #cont_spe li .ac_sta_right {



    height: 100px;



    display: flex;



}











.index #page .decont, .index #page .decont_inner {



    background: #fff url(/template/base11_1/images/1721.jpg);



    background: #fff;



    background-size: 100% auto;



    background-position: center calc(100% + 100px)!important;



    background-repeat: no-repeat;



    /* padding-bottom: 50px; */



}



#menu_social {



    position: absolute;



    right: 0;



    top: 150px;



    min-width: 40px;



    min-height: 50px;



    z-index: 10;



    max-height: 80%;



}



#menu_social ul, #menu_social ul li {



    margin: 0;



    padding: 0;



    display: flex;



    flex-direction: column;



    width: 40px;



    right: 0;



}



#menu_social ul li {



    margin: 0;



    right: 0;



    padding: 0;



    width: 40px;



    display: flex;



    flex-direction: column;



    background-size: 100%;



    background-position: center;



    transition: all .3s ease .01ms;



    position: relative;



    height: 50px;



}



#menu_social li:hover {



    background-size: 130%;



    right: 10px;



    box-shadow: 0 5px 15px -6px #000;



    z-index: 12;



    width: 50px;



}



#menu_social li a img {



    width: 100%



}



#menu_social li.lnk_contact {



    background-image: url(/images/social/mail.png)



}



#menu_social li.lnk_facebook {



    background-image: url(/images/social/facebook.png)



}



#menu_social li.lnk_twitter {



    background-image: url(/images/social/twitter.png)



}



#menu_social li.lnk_insta {



    background-image: url(/images/social/insta.png)



}



#menu_social li.lnk_link {



    background-image: url(/images/social/linkedin.png)



}



#menu_social li.lnk_blog {



    background-image: url(/images/social/blogger.png)



}



#menu_social li.lnk_youtube {



    background-image: url(/images/social/youtube.png)



}



#menu_social li.lnk_skype {



    background-image: url(/images/social/skype.png)



}



#menu_social li.lnk_pin {



    background-image: url(/images/social/pinterest.png)



}



#social_share {
    display: flex;
    flex-wrap: wrap;
    /* margin-top: 150px; */
    justify-content: center;
}




#social_share .social_elem {



    margin: 10px



}



.anim_chiffre_bloc {



    border: 0!important;



    justify-content: center;



    width: auto!important;



    max-width: 250px;



    padding: 20px!important;



    border-radius: 50px;



    font-size: 180%



}



.anim_chiffre_bloc .anim_chiffre {



    margin: auto 5px;



    border: 0!important



}



.bloc_image_glissant {



    transition: all 0.3s ease 0.00001s;



    width: 100%!important;



    max-width: 50%;



    position: relative;



    overflow: hidden;



    display: block!important;



    border: 0!important;



    padding: 0px!important;



    background: rgba(0,0,0,0.1);



}



.bloc_image_glissant .inner_big {



    width: 200%;



    display: flex;



}



.bloc_image_glissant .big_bloc_img {



    transition: all 0.4s ease 0.0001s;



    width: 100%!important;



    /* border: 1px solid; */



    position: relative;



    left: 0;



    text-align: center;



    margin: auto!important;



}



.bloc_image_glissant .big_bloc_img img {



    width: 100%!important;



    height: auto!important;



}



.bloc_image_glissant .big_bloc_texte {



    position: relative;



    left: 0;



    transition: all 0.3s ease 0.0001s;



    width: 100%;



    margin: auto!important;



}



.bloc_image_glissant.hover {



/* left: -100%; */



}



.bloc_image_glissant.hover .inner_big {



}



.bloc_image_glissant.hover .big_bloc_img {



    left: -50%;



}



.bloc_image_glissant.hover .big_bloc_img img {



}



.bloc_image_glissant.hover .big_bloc_texte {



    left: -50%;



}



#adresse_valide {



    padding: 50px;



    width: auto



}



#adresse_valide > div {



    margin: auto;



    background: 0 0



}



#adresse_valide p {



    display: none



}



#adresse_valide .hal_form {



    display: none



}



.head_mk {



    display: flex



}



.head_mk .logo_marque {



    margin: auto



}



.head_mk .logo_marque img {



    max-height: 150px



}



.head_mk .mk_description {



    margin: auto



}







.line_perso {



    margin: 2px;



    display: flex;



    justify-content: space-between;



}



.line_perso input, .line_perso textarea {



	width: 85%;



	padding: 10px;



	background: #fff;



	box-shadow: 0 5px 15px -10px;



}



.line_perso { 



}



input.input_submit.submit_conf:hover {



    background: #fff;



    color: #145dc7;



}







input.input_submit.submit_conf {



    background: none repeat scroll 0 0 #145DC7;



    border: 1px solid #0033AA;



    border-radius: 5px;



    clear: both;



    color: #FFFFFF;



    cursor: pointer;



    font-size: 24px;



    transition: all 0.3s ease 1ms;



    margin: auto 20px 20px;



    padding: 1% 5%;



    text-shadow: 1px 1px 3px rgba(0,0,0,0.2);



}



div.info_perso {



    /* text-align: center; */



    margin: 20px 10px;



    color: rgba(0,0,0,0.6);



    font-size: 120%;



    border: 1px dashed rgba(0, 100,200,0.5);



    background: rgba(0,100,200,0.1);



    padding: 10px;



}



hr.hr_admin {



opacity:0;}



.box_prod.bp_light span.prix_zero { 



visibility: hidden;



}







#bloc_anniv {



	padding: 5%;



	border: 1px solid #eee;



	border-radius: 6px;



	margin: 20px 0;



}







#bloc_anniv .row.select_line {



	font-size: 1.6em;



	color: #66d;



	display: flex;



	justify-content: space-between;



	margin: 5px;



	border-bottom: 1px solid #ddd;



}







#bloc_anniv .row.select_line label {



	margin: auto;



	text-align: left;



	width: 70%;



}



#bloc_anniv .row.select_line select {



	min-width: 60px;



	text-align: center;



	padding: 9px;



	border: 1px solid #ccc;



	border-radius: 3px;



	font-size: 1.2em;



}



#bloc_anniv .row.select_line select option{ 



}







input.warning {



    box-shadow: 0 0 18px -4px #f00;



    border: 2px solid red;



}



.lnk_billet.lnk_cadeau {



    



}







.lnk_billet.lnk_cadeau  img.lnk_pdf {



    



width: 120px;



}







.blocblanc.wide {



  color: #000;



  display: flex;



  flex-wrap: nowrap;



  border: 0!important;



  background: #fff !important;



  box-shadow: 0 5px 15px -12px rgba(0,0,0,0.4);



  padding: 0!important;



}



.blocblanc.wide .m_bloc_gauche {



  padding: 0 !important;



  flex: 2;



  position: relative;



  margin: 0 !important;



}



.blocblanc.wide .m_bloc_gauche .effet_image {



  position: absolute; /* border: 1px solid blue; */ height: 100%;



  width: 30%;



  right: 0;



  top: 0;



  background: linear-gradient(-90deg, white, transparent);



}



.blocblanc.wide .m_bloc_gauche p, .blocblanc.wide .m_bloc_gauche h2, .blocblanc.wide .m_bloc_gauche h3 {}



.blocblanc.wide .m_bloc_gauche img {



  width: 100% !important;



  height: 100% !important;



  object-fit: cover;



}



.blocblanc.wide .m_bloc_droit {



  display: flex !important;



  flex-direction: column;



  justify-content: space-around;



  flex: 1;



  margin: auto !important;



  padding: 30px !important;



}



.blocblanc.wide .deuxtiers {}



.blocblanc.wide .tiers {



    width: 60%!important;



}



.blocblanc.wide a.bouton {



  background: #f61086 url(/template/atc_1/images/fleche_.png) no-repeat 92% center;



  padding: 5px 25px 5px 15px;



  border-radius: 15px;



  transition: all 0.3s ease 01ms;



  border-color: #f61086 !important;



  display: inline-block;



  border: 1px solid !important;



}



.blocblanc.wide a.bouton:hover {



  background-position: 98% center;



  background-color: #fff; /* border-color: #fff; */ color: #f61086;



}







/*   */



.bloc_blancdroit.wide {



  color: #000;



  display: flex;



  flex-wrap: nowrap;



  border: 0!important;



  background: #fff !important;



  box-shadow: 0 5px 15px -12px rgba(0,0,0,0.4);



  padding: 0!important;



}



.bloc_blancdroit.wide .m_bloc_droit {



  padding: 0 !important;



  flex: 2;



  position: relative;



  margin: 0 !important;



}



.bloc_blancdroit.wide .m_bloc_droit .effet_image {



    position: absolute;



    /* border: 1px solid blue; */



    height: 100%;



    width: 30%;



    left: 0;



    top: 0;



    background: linear-gradient(90deg, white, transparent);



}



.bloc_blancdroit.wide .m_bloc_droit p, .bloc_blancdroit.wide .m_bloc_droit h2, .bloc_blancdroit.wide .m_bloc_droit h3 {}



.bloc_blancdroit.wide .m_bloc_droit img {



  width: 100% !important;



  height: 100% !important;



  object-fit: cover;



}



.bloc_blancdroit.wide .m_bloc_gauche {



  display: flex !important;



  flex-direction: column;



  justify-content: space-around;



  flex: 1;



  margin: auto !important;



  padding: 30px !important;



}



.bloc_blancdroit.wide .deuxtiers {}



.bloc_blancdroit.wide .tiers {



    width: 60%!important;



}



.bloc_blancdroit.wide a.bouton {



  background: #f61086 url(/template/atc_1/images/fleche_.png) no-repeat 92% center;



  padding: 5px 25px 5px 15px;



  border-radius: 15px;



  transition: all 0.3s ease 01ms;



  border-color: #f61086 !important;



  display: inline-block;



  border: 1px solid !important;



}



.bloc_blancdroit.wide a.bouton:hover {



  background-position: 98% center;



  background-color: #fff; /* border-color: #fff; */ color: #f61086;



}















.box_prod .box_ref {



    display: none;



}







#sec_temoignage {



  padding: 0 0 50px 0;



  background: linear-gradient(180deg, rgba(255, 255, 255, 0.05), transparent);



  margin-top: 50px;



}



#sec_temoignage .pict_section {



  width: 65px;



  height: 65px; /* border: 1px solid #fff; */ position: relative;



  margin: 0 auto -45px;



  background: url(/template/atc_1/images/picto_rose) no-repeat center / contain;



  top: -30px;



}



#sec_temoignage .titre_section {



  font-family: 'Caldwell';



  font-size: 5em;



  text-align: center;



  background: url(/template/atc_1/images/ill_fleche);



}



.gfbis.full.wide {



  flex-wrap: nowrap !important;



}



.gfbis.full.wide.wwrap {



  flex-wrap: wrap !important;



}



.gfbis.full.wide .img_foot {



  width: 100% !important;



  margin: 1px !important;



  height: 300px !important;



}



.gfbis.full.wide .img_foot a {



  width: 100% !important;



  height: 300px !important;



}



.gfbis.full.wide.wwrap .img_foot {



  width: 100% !important;



  max-width: 300px;



  height: 300px !important;



}



.gfbis.full.wide .img_foot a img {



  width: 100% !important;



  height: 300px !important;



}



#page #cont_spe {
display: flex;
flex-direction: column;
padding: 0 0 14px 0 ;
border: 0;
/*box-shadow: 0 5px 15px -10px #000;*/
background-color: #4d4c7c;
/*background: rgba(255,255,255,0.8);*/
/* width: 50%; */
}



#page #cont_spe > h2 {



    color:#6B6B72!important;



    display: none;



}



#page #cont_spe li span {



    opacity: 1;



    transform: scale(1);



    position: absolute;



    border: 0px solid red;



    padding: 0;



    left: 100%;



    color: #4d4c7d;



    background-color: #FFF;



    display: flex;



    /* margin: auto; */



    flex-direction: column;



    height: 100%;



    width: 100%;



}



#page #cont_spe li:hover span {



   



background: #fff;



   



opacity: 0.95;



}







#page_ecart #section_actu, #page_ecart #social_share{



    display:none;



}







.short #box_log {



    top: -55px;



}



.info_carte_cadeaux {



    margin: 5%; 



    padding: 15px;



    border: 2px dashed rgba(0,100,200,0.6);



    color: rgba(0,100,200,1);



    background: rgba(0,100,200,0.1);



}



.info_carte_cadeaux h3 {



    color: rgba(0,100,200,1);



}



.index #page #banner .wrap {height: auto;min-height: auto;}



.index #inner_banner, .index #inner_banner_bis {



background: none}



.info_carte_cadeaux a{ }



.info_carte_cadeaux ul{ }



 



.info_carte_cadeaux ul li { }



.contbloctext { 



display:flex;}







.headactivite  {background-color:#fff;padding: 20px 0;}



.blocactivite .wrap {max-width: fit-content;}



article li::marker {







/* background: url(/template/base11_1/images/dot_bleu.png); */







color: #3498db;







font-size: 24px;



}







a.lbb {display: inline-flex;border: 12px solid #38b6f8;padding: 10px 20px 10px 10px;font-weight: bold;font-size: 16px;transition: all 0.3s ease 1ms;margin: 10px auto;width: 80%;background: url(/template/base11_1/images/triangle_bleu.png) no-repeat calc(100% - 10px) center;}



a.lbb:hover {background-color: #38b6f8;color: #fff;}



 



.blac1.bloc_activite { 



background-image:url(/template/base11_1/images/img1.jpg);}



.blac2.bloc_activite { 



background-image:url(/template/base11_1/images/img2.jpg);}



.blac3.bloc_activite { 



background-image:url(/template/base11_1/images/img3.jpg);}



.blac4.bloc_activite { 



background-image:url(/template/base11_1/images/img4.jpg);}



.blac5.bloc_activite { 



background-image:url(/template/base11_1/images/img5.jpg);}



.blac6.bloc_activite { 



background-image:url(/template/base11_1/images/img6.jpg);}







.bloc_activite {background-position:center;background-size:cover;display: flex;min-height: 370px;flex: 1;flex-direction: column;}



.bloc_activite h3 {margin: auto 0;width: 80%;color: #fff;padding: 10%;}



.bloc_activite > div {margin: auto;padding: 10%;color: #fff;}



.bloc_activite a {display: block;margin: auto;}



.contbloctext .tiers {margin: auto!important;}



.contbloctext.fondtrait {



background: url(/template/base11_1/images/trait.png) no-repeat center /contain;



}



#page #cont_spe li span .ac_sta_left {margin: auto auto 3%;width: 100%;}



#page #cont_spe li span .ac_sta_right {margin: auto;}







#text_img_index > a span.span_lnk, #text_img_index  a.span_lnk  {background: #3498db;padding: 15px 20px;display: inline-flex;border-radius: 20px;margin: 20px;font-size: 18px;color:#fff;}







#page #cont_spe ul li {width: 50%;/* display: contents; */flex-wrap: wrap;max-width: 1280px;margin: 5px 50% 0 0!important;box-shadow: 0 5px 15px -14px #000;

    background-size: contain;

    background-repeat: no-repeat;}







.index #page #cont_spe ul li {/* display: contents; */flex-wrap: wrap;max-width: 1280px;margin: 5px 41% 0 0!important;box-shadow: 0 5px 15px -14px #000;}











 #page #cont_spe ul {width: 100%;/* display: contents; */flex-wrap: wrap;max-width: 1280px;/*box-shadow: 0 5px 15px -14px #000;*/}











 .index #page #cont_spe ul {display: flex!important;width:100%;/* flex-wrap: nowrap; */position: relative;justify-content: center;}



.index #page #cont_spe ul li{display: flex!important;width: 41%;}







#page .bactu a.lnk_more {
    background: none;
	/*border-radius: 5px;*/
    bottom: 0;
    color: #dfdfdf!important;
    display: block;
    margin: 0;
    padding: 5px 10px;
    position: absolute;
    text-align: center;
    left: auto;
    right: 5px;
    width: 50%;
	/*border-radius: 50px;*/
    border: 0px solid #fff;
    font-size: 14px;
    font-weight: normal;
    min-width: 150px;
}







#page #cont_spe .bactu .titre a { 



color:#4d4c7d!important;



text-transform: inherit!important}







#bloc_fli_fb {margin: 10px auto;padding-left: 25px;background: url(/template/base11_1/images/Suivez-nous.png) no-repeat left center / 22px;}







#text_img_index h1 {font-size: 3.2em;}







#text_img_index h2 {font-family: 'yesteryear';}







#lnk_planning {background: url(/template/base11_1/images/ill_tarif_planning.jpg) no-repeat center / cover;min-height: 350px;display: flex;}







#lnk_planning .lnkspe{margin: auto;}



#lnk_planning .lnkspe a{border: 10px solid #fff;padding: 25px;min-width: 150px;display: inline-flex;color: #fff;font-family: 'Yesteryear';text-align: center;justify-content: center;font-size: 45px;background-color: rgba(0,0,50,0.4);}







#adbp_adresse {margin: 0 auto;padding: 0 0 175px 0;width: 50%;background: url(/template/base11_1/images/trait_adresse.png) no-repeat left bottom;}







#adbp_form {margin: auto;width: 40%;padding: 0 5%;}







#adbp_form h2 {
    color: #3498db;
    font-size: 34px;
}











#adbp_form > p {



	



}



	



#adbp_form form { }



#adbp_form form .input_form { }



#adbp_form form .input_form input {background: #fff;border: 1px solid #666;margin: 5px 0;width: 100%;padding: 10px;font-size: 16px;max-width: 350px;}







#adbp_form form .input_form input.inputsubmit {color: #fff;border: 0;background: #3498db;border-radius: 20px;width: auto;text-transform: uppercase;padding: 10px 30px;}







#adbp_form form .input_form textarea {background: #fff;border: 1px solid #666;margin: 5px 0;width: 100%;padding: 10px;font-size: 16px;max-width: 350px; font-family:"arial";}





#pages.cat_72 #page #ajout_banner address{

	display:none;

}





.box_logo {text-align: center;}



.box_logo img {



    display: block!important;



    margin: 10px auto;



    width: 200px!important;



} 



h1.titre_page {
    margin: auto;
    padding: 5px 10px;
    color: #2f2771;
    font-size: 3em;
    font-weight: bold;
	font-family:'Raleway';
}



span.adr_tel {

    font-size: 2em;

}











.blocshalf.wide.bsspe {background: url(/template/base11_1/images/trait.png) no-repeat center / contain;}



.blocshalf.wide  .half.halftxt .inner_half {max-width: 75%;margin: auto;}







.blocshalf.wide.bsspe  .half.halftxt .inner_half {width: 75%;margin: auto;box-shadow: 0 5px 15px -10px #000;padding: 20px;background: rgba(255,255,255,0.9);}







.blocshalf.wide .half.halftxt {display: flex;/* margin-right: -30px; */}











.tableau_tarif {/* padding: 15px; *//* display: contents; */}



.tableau_tarif td {



	color:#fff;



	background: #8891e0;



	padding: 10px;



	}



.outertable {padding: 20px;}







.outertable table{



    border: 3px dashed #fff;



}















.tableau_tarif td h1{ }



.tableau_tarif td h2{color: #fff;}



.tableau_tarif td h3{color: #fff;}



















.blocshalf.wide .half.halfimg  { }



.blocshalf.wide.bsspe .half.halfimg  { }



.blocshalf.wide .half.halfimg  .inner_half {height: 100%;position: relative;}



.blocshalf.wide .half.halfimg  .inner_half::after {content:"-";border: 0px solid #f7f7f7;position: absolute;top: 0;color: rgba(0,0,0,0);left: 0;height: 100%;width: 20%;background-image: linear-gradient(90deg,  #f7f7f7, transparent);}







.blocshalf.wide.bsspe .half.halfimg .inner_half::after {



display:none;}











/*.index #page #cont_spe {flex-direction: row;}*/



.index #bloc_fil_actu { width:100%;}







.blocshalf.wide .half.halfimg  .inner_half img{height: 100%;object-fit: cover;/* background-image: linear-gradient(45deg, black, transparent); */}



.blocshalf.wide.bsspe .half.halfimg  .inner_half { }



.blocshalf.wide.bsspe .half.halfimg  .inner_half img{max-height: 475px;object-fit: contain;}



#bloc_fil_actu {
	width: 45%;
	padding-left: 25px;
	margin: auto;
	/*background: url(/template/base11_1/images/Info.png) no-repeat left center / 22px;*/
} 

.contbloctext.fondillustr {background: url(/template/base11_1/images/illustr-bloc_.jpg) no-repeat right center / auto 120%;min-height: 450px;padding: 30px 0;}

#bloc_index02 {background: rgba(255,255,255,0.7);}

.index #cont_spe .bactu .titre{
	font-size:2.6em!important;
}

.index #page .l_actu_det{
	font-size:1em!important;
	text-align:left;
}

.index #section_actu {
    display: none;
}

#cont_splash ul li .ac_sta_left h2.titre {
    top: -15px!important;
}

#cont_splash .l_actu_det .description {
    font-size: 1.5em!important;
}

.cameraContents #text_img_index {
    display: none!important;
}