/* Theme MCreation

Doré : rgb(196,131,33);
Noir : rgb(98, 98, 98);
Gris clair : rgb(246,246,246); */

/*COMMUNS*/

* {
    box-sizing: border-box;
}
body {
    position: relative;
    font-family:"Georgia";
    line-height: 1.2;
    font-weight: 300;
    font-size: 16px;
    color: rgb(98, 98, 98);
    overflow-x: hidden;
    background-color: rgb(255,255,255);
    padding-top: 79px;
}

body.home{
    padding-top: 0;
}

.bgf{
    background-repeat: no-repeat;
    background-position: center center;
    background-size:cover;
}

.alignright {
    float: right;
    margin: 0 15px;
}

.alignleft {
    float: left;
    margin: 0 15px;
}

.aligncenter {
    display: block;
    margin: 0 auto;
}

img{
    max-width: 100%;
    height:auto;
}

.bgf{
    background: no-repeat center center;
    background-size:cover;
}

.modale {
    background: white;
    position: fixed;
    top: 10%;
    left: 0;
    right: 0;
    margin: auto;
    width: 100%;
    max-width: 1060px;
    max-height: 80%;
    z-index: 987654;
    overflow-y: auto;
}

.modale > div {
    position: relative;
}

.modale .fermer {
    position: absolute;
    top: 5px;
    right: 14px;
    display: block;
    font-size: 30px;
    color: rgb(255, 255, 255);
    z-index: 9;
    cursor: pointer;
}

.modale .fermer:hover {
    color: rgb(255, 255, 255);
}

#dark {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background-color: rgba(58, 72, 80, .8);
    display: block;
    z-index: 123456;
}

.pala {
    visibility: hidden;
}

.mega_field {
    position: relative;
}

.isfloating .floating-label {
    top: 2px;
    bottom: 10px;
    left: 4px;
    font-size: 11px;
    opacity: 1;
}

.inputText {
    padding: 12px 10px 5px;
    font-size: 16px;
    width: 100%;
}

input{
    border:1px solid rgb(98, 98, 98);
}

textarea{
    -webkit-appearance: none;
    border-color: rgb(98, 98, 98);
    padding: 12px 10px 5px;
    width: 100%;
    max-height:111px;
}

input[type=submit]{
    padding: 9px 10px 8px;
    text-transform: uppercase;
    -webkit-appearance: none;
    display: inline-block;
    border: 1px solid rgb(196,131,33);
    color: rgb(196,131,33);
    background-color: transparent;
    text-decoration: none;
    transition: .3s;
    text-align: center;
    margin: 0 1px;
}

input[type=submit]:hover{
    background-color: rgb(196,131,33);
    color: rgb(255,255,255);
}

.floating-label {
    position: absolute;
    pointer-events: none;
    left: 10px;
    top: 12px;
    transition: 0.2s ease all;
}

label{
    font-weight: 300;
}

.wp-pagenavi{
    text-align: center;
    padding: 15px;
}

.wp-pagenavi a, .wp-pagenavi span{
    border: 1px solid rgb(196,131,33);
    color: rgb(196,131,33);
    background-color: transparent;
    transition: .3s;
    padding: 3px 10px;
}

.wp-pagenavi a:hover{
    background-color: rgb(196,131,33);
    color: rgb(255,255,255);
    text-decoration: none;
    border: 1px solid rgb(196,131,33);
}

.wp-pagenavi span.current{
    font-weight: 300;
    background-color: rgb(196,131,33);
    color: rgb(255,255,255);
    border: 1px solid rgb(196,131,33);
}

/*SPECIFIQUES*/

#rezo a{
    display: inline-block;
    height: 28px;
    width: 28px;
    line-height: 28px;
    border: 1px solid rgb(196,131,33);
    color: rgb(196,131,33);
    background-color: transparent;
    text-decoration: none;
    transition: .3s;
    text-align: center;
    margin: 0 1px;
}

#rezo a:hover{
    background-color: rgb(196,131,33);
    color: rgb(255,255,255);
}

.furiousible {
    opacity: 0;
    -webkit-transition: 500ms;
    -moz-transition: 500ms;
    -ms-transition: 500ms;
    -o-transition: 500ms;
    transition: 500ms;
}

.furiousible.active {
    opacity: 1;
}

.istxt strong{
    color: rgb(196,131,33);
    font-style: normal;
    font-weight: normal;
}

.istxt em{
    font-family:Georgia;
    font-style: normal;
    font-weight: normal;
}

.istxt h1{
    font-size: 20px;
}

.istxt h1 strong{
    font-size: 30px;
}

.has_more a{
    text-align: center;
    font-style: italic;
    display: block;
    margin:auto;
    color: rgb(98, 98, 98);
    font-size: 18px;
    transition: .3s;
}

.has_more a::before, .has_more a::after{
    content: '';
    display: inline-block;
    margin: 0 5px;
    height: 15px;
    background-repeat: no-repeat;
    background-size: contain;
    width: 34px;
}

.has_more a::before{
    background-image: url(../images/turlututu.png);
}

.has_more a::after{
    background-image: url(../images/trlutetutu.png);
}

.has_more a:hover{
    color: rgb(196,131,33);
    text-decoration: none;
}

/*HEADER*/

#navbar{
    position: fixed;
    top: 0;
    left: 0;
    border: 0;
    z-index: 1000;
    width: 100%;
    background: rgb(0,0,0);
    padding: 15px;
    margin: 0;
    border-radius: 0;
	min-height:80px;
}

.home #navbar{
    background: -moz-linear-gradient(top, rgba(0,0,0,1) 0%, rgba(0,0,0,0.52) 50%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,1) 0%,rgba(0,0,0,0.52) 50%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,1) 0%,rgba(0,0,0,0.52) 50%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ad000000', endColorstr='#00000000',GradientType=0 );
}

#navbar>div{
    position: relative;
}

.mainmenu {
    padding: 20px;
}

.mainmenu ul{
    list-style: none;
    padding: 0;
    margin-top: 25px;
}

.mainmenu li{
    padding: 0 15px;
    display: inline-block;
    position: relative;
}

.mainmenu li::after{
    position: absolute;
    right: -2px;
    top: 5px;
    width: 3px;
    height: 10px;
    background-image: url(../images/s.png);
    content: '';
}

.mainmenu li a{
    color: #fff;
    text-decoration: none;
    padding: 0;
    line-height: 1;
    text-shadow: none;
}

.mainmenu li a:hover{
    color: #fff;
}

.nav>li>a:focus, .nav>li>a:hover{
    background-color: transparent;
}

.mainmenu li:last-child::after{
      display: none;
  }

.mainmenu li a::after{
    overflow: hidden;
    width: 0;
    height: 1px;
    background-color: rgb(196,131,33);
    content: '';
    display: block;
    position: absolute;
    bottom: -3px;
    left: 0;
    transition: .2s;
}

.mainmenu .current_page_item a::after, .mainmenu li a:hover::after{
    width:100%;
}

#navbar .right_menu{
	z-index: 10000;
    position: relative;
    margin-top: 15px;
}

#navbar .contact {
    background-image: url(../images/bouton_contact.png);
    height: 30px;
    width: 116px;
    text-align: center;
    display: inline-block;
    padding: 1px;
    float: right;
}

#navbar .contact a{
    text-align: center;
    display: inline-block;
    width: 97px;
    height: 28px;
    padding-top: 4px;
    text-transform: uppercase;
    text-decoration: none;
    background-color: transparent;
    color: rgb(255,255,255);
    transition: .3s;
}

#navbar .contact a:hover{
    background-color: rgb(196,131,33);
}

#navbar #rezo{
	float: right;
	padding: 0px;
}

#navbar #rezo a{
    color: white;
}

.navbar-toggle{
    right: 15px;
    position: absolute;
    border: 1px solid rgb(196,131,33);
	z-index: 1000;
}

.navbar-toggle .icon-bar{
    background-color: rgb(196,131,33);
}

.barre_langue{
    float: right;
}

.barre_langue ul{
    padding-left: 0;
    display: table;
}

.barre_langue li{
    display: table-cell;
    padding: 5px 10px;
}

.wpml-ls-legacy-list-horizontal{
    padding: 0 7px;
}

.wpml-ls-legacy-list-horizontal .wpml-ls-item{
    position: relative;
    text-transform: uppercase;
}

.wpml-ls-legacy-list-horizontal .wpml-ls-item a{
    text-decoration: none;
}

.wpml-ls-statics-shortcode_actions .wpml-ls-current-language>a::after, .wpml-ls-statics-shortcode_actions a:hover::after{
    overflow: hidden;
    width: calc(100% - 16px);
    height: 1px;
    background-color: rgb(196,131,33);
    content: '';
    display: block;
    position: absolute;
    bottom: 0px;
    left: 8px;
    transition: .2s;
}

.wpml-ls-legacy-list-horizontal .wpml-ls-item:after{
    position: absolute;
    right: -2px;
    top: 10px;
    content: '';
    display: inline-block;
    width: 3px;
    height: 10px;
    background-image: url(../images/s.png);
}

.wpml-ls-legacy-list-horizontal .wpml-ls-item:last-child:after{
    display: none;
}

    /*FOOTER*/

#menufooter {
    padding: 10px 0 0;
}

footer .logo{
    float: left;
    margin-right: 20px;
}

footer .nav ul{
    list-style: none;
    padding-left: 0;
}

footer .nav li{
    display: inline-block;
    padding: 10px 15px;
    position: relative;
}

footer .nav li a, footer .nav li a:hover, footer .nav li a:focus{
    color: rgb(98, 98, 98);
    padding: 0;
    line-height: 1;
    text-shadow: none;
}

footer .nav li::after{
    position: absolute;
    right: -2px;
    top: 14px;
    width: 3px;
    height: 10px;
    background-image: url(../images/s.png);
    content: '';
}

footer .nav li:last-child::after{
    display: none;
}

footer .right_menu{
    float: right;
    margin-top: 15px;
}

footer .contact {
    background-image: url(../images/bouton_contact.png);
    height: 30px;
    width: 116px;
    text-align: center;
    display: inline-block;
    padding: 1px;
}

footer .contact a{
    text-align: center;
    display: inline-block;
    width: 97px;
    height: 28px;
    padding-top: 4px;
    text-transform: uppercase;
    text-decoration: none;
    background-color: transparent;
    color: rgb(196,131,33);
    transition: .3s;
}

footer .contact a:hover{
    background-color: rgb(196,131,33);
    color: rgb(255,255,255);
}

footer #rezo{
    float: right;
    margin: 15px 0 0 15px;
}

footer .barre_langue{
    display: none;
}

#copyright{
    background-color: rgb(246,246,246);
    text-align: center;
    padding: 15px;
}

#copyright b{
    font-family:"Georgia";
    font-weight: 300;
}

#copyright a{
    color: rgb(98, 98, 98);
}

.mobileonly{
    display: none!important;
}

.no_en{
    display: none !important;
}
    /*SIDEBAR*/

/*HOME*/

#home strong{
    color: rgb(196,131,33);
    font-style: normal;
    font-weight: normal;
}

#home em{
    font-family: Georgia;
    font-style: normal;
    font-weight: normal;
}

#home h1{
    font-size: 20px;
	
}

#home h1 strong{
    font-size: 30px;
}

#top_home{
    padding: 180px 0 180px;
    position: relative;
    background-repeat: no-repeat;
    background-size: cover;
}

#baseline_home{
    padding: 0px 0px 70px 0px;
    text-align: center;
}

#intro_home{
    background-color:rgb(255,255,255);
    position: relative;
    padding: 10px 40px 30px;
}

#intro_home .photo{
    display: block;
    position: absolute;
    left: -120px;
    top: 50px;
    height: 170px;
    width: 170px;
    border-radius: 90px;
    border:solid 15px rgba(255,255,255,.8);
    overflow: hidden;
}

#intro_home #rezo{
    text-align: center;
}

#intro_home .bigger{
    font-size: 20px;
}

#intro_home p{
     margin: 15px auto;
}

#blocs_home{
    padding: 50px 0;
    font-size: 22px;
    display: table;
}

#blocs_home>div{
    display: table-cell;
    position: relative;
}

#blocs_home .col0{
	padding: 0px 20px; 
    font-size: 25px;
    width: 25%;
	
}

#blocs_home .col0 em{
    font-size: 29px;
	
}

#blocs_home .col1{
	padding: 5px 20px; 
    width: 25%;
}

#blocs_home .col2{
	padding: 5px 20px; 
    width: 25%;
}

#blocs_home .col3{
	padding: 5px 20px; 
    width: 25%;
}
/* Si on souhaite supprimer les barres decoratives 
 * 
  #blocs_home .col1::after, #blocs_home .col2::after {display:none; background:none !important; content:none;}
.has_more a::before, .has_more a::after { background:none !important; content:none !important;}
.more_tem img {display:none !important;}
#navbar .contact, footer .contact {background-image:none !important;}
*/
#blocs_home .col0::after, #blocs_home .col1::after, #blocs_home .col2::after{
    position: absolute;
    top: 0;
    height: 100%;
    width: 07px;
    background-repeat: no-repeat;
    background-size:contain;
    background-position: center center;
    background-image: url(../images/trait.png);
    content: '';
}
#blocs_home .col0::after {
    right: 05px;
}

#blocs_home .col1::after {
    right: 05px;
}

#blocs_home .col2::after{
    right: 05px;
}

#texte_home .cols{
    display: table;
}

#texte_home em{
    font-size: 18px;
}

#texte_home .cols>div{
    width: 33%;
    display: table-cell;
}

#texte_home .left{
    padding:60px 60px 0 0;

}
	
	
#texte_home .left .in{
	
    background-color: rgba(255,255,255,.95);
    padding: 45px 50px;
}

#texte_home .mid{
    vertical-align: middle;
}

#texte_home .right{
    vertical-align: bottom;
    padding:175px 0 60px 35px;
}
 
#texte_home .right .in{
    background-color: rgba(255,255,255,.95);
    padding: 45px 50px;
}

#texte_home h2{
    font-size: 18px;
}

#texte_home h2 em{
    font-size: 25px;
}

#texte_home p{
    margin: 10px 0;
}

#inspi_home{
    padding: 50px 0;
    font-size: 25px;
}

/*PELE MELE*/

.pele_mele{
    position: relative;
    min-height: 1075px;
    font-style: normal;
}

.pele_mele .bloc{
    position: absolute;
    padding: 15px;
}

.pele_mele .bloc .in{
    height: 100%;
    width: 100%;
    position: relative;
}

.pele_mele .bloc .in a{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.pele_mele .bloc0{
    left: 0;
    top: 0;
    width: 67%;
    height: 320px;
}

.pele_mele .bloc1{
    width: 33%;
    height: 535px;
    right: 0;
    top: 0;
}

.pele_mele .bloc2{
    left: 0;
    top: 320px;
    width: 33%;
    height: 320px;
}

.pele_mele .bloc3{
    left: 33%;
    top: 320px;
    width: 34%;
    height: 465px;
}

.pele_mele .bloc4{
    right: 0;
    top: 540px;
    width: 33%;
    height: 245px;
}

.pele_mele .bloc5{
    left: 0;
    top: 640px;
    width: 33%;
    height: 430px;
}

.pele_mele .bloc6{
    top: 785px;
    right: 0;
    width: 67%;
    height: 285px;
}

.pele_mele .image_grand_titre .txt{
    display: inline-block;
    padding: 20px;
    background-color: rgba(255,255,255,.95);
    position: relative;
    text-align: center;
    font-size: 25px;
    width: 220px;
    line-height: 1;
}

.pele_mele .image_grand_titre .txt p{
    margin-bottom:0;
}

.pele_mele .image_grand_titre .txt::after{
    position: absolute;
    content: '';
    width:calc(100% - 30px);
    height:calc(100% - 30px);
    top: 15px;
    left: 15px;
    border: 1px solid rgb(196,131,33);
}

.pele_mele .image_txt .txt .titre{
    text-align: center;
    text-transform: uppercase;
    font-size: 22px;
    margin-bottom: 15px;
}

.pele_mele .image_grand_titre.bloc0 .in{
    padding: 80px 50px;
}

.pele_mele .image_grand_titre.bloc1 .in{
    padding: 300px 70px 0;
}

.pele_mele .image_grand_titre.bloc2 .in{
    padding: 130px 70px 0;
}

.pele_mele .image_grand_titre.bloc3 .in{
    padding: 265px 70px 0;
}

.pele_mele .image_grand_titre.bloc4 .in {
    padding:60px 0 0 105px;
}

.pele_mele .image_grand_titre.bloc5 .in{
    padding: 245px 70px 0;
}

.pele_mele .image_grand_titre.bloc6 .in {
    padding:60px 0 0 500px;
}

.pele_mele .image_txt.bloc1 .in{
    padding: 20px 40px 40px;
}

.pele_mele .image_ss_titre .in{
    position: relative;
}

.pele_mele .image_ss_titre .txt{
    position: absolute;
    background-color: rgba(0,0,0,.8);
    color: rgb(255,255,255);
}

.pele_mele .image_ss_titre .txt em{
    font-size: 20px;
}

.pele_mele .image_ss_titre.bloc1 .txt, .pele_mele .image_ss_titre.bloc2 .txt, .pele_mele .image_ss_titre.bloc3 .txt, .pele_mele .image_ss_titre.bloc5 .txt{
    bottom: 0;
    left: 0;
    width: 100%;
    padding: 15px 25px;
}

.pele_mele .image_ss_titre.bloc0 .txt, .pele_mele .image_ss_titre.bloc4 .txt, .pele_mele .image_ss_titre.bloc6 .txt{
    left: 0;
    top: 0;
    height: 100%;
    width: 160px;
    padding: 25px;
    position: relative;
}

.pele_mele .more{
    text-align: right;
    padding-top: 15px;
}

.pele_mele .image_ss_titre.bloc0 .txt .more, .pele_mele .image_ss_titre.bloc4 .txt .more, .pele_mele .image_ss_titre.bloc6 .txt .more {
    position: absolute;
    right: 15px;
    bottom: 15px;
}

/* Témoignages */
.testimonials .txt{
    margin-top: 20px;
    position: relative;
    padding: 90px 30px 30px;
    text-align: center;
}

.testimonials .titre{
    text-align: center;
    text-transform: uppercase;
    font-size: 22px;
    margin-bottom: 15px;
}
.testimonials .txt::after{
    position: absolute;
    content: '';
    width:calc(100% - 30px);
    height:calc(100% - 30px);
    top: 15px;
    left: 15px;
    border: 1px solid rgb(196,131,33);
}

.testimonials .more_tem{
    text-align: center;
    color: rgb(196,131,33);
    margin: 20px 0;
}

.testimonials .more_tem img{
    display: inline-block;
    margin: 0 5px;
}

.testimonials a{
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    z-index: 100;
    height: 100%;
}

.testimonials .txt .portrait{
    position: absolute;
    left: 0;
    right: 0;
    margin:auto;
    top: -15px;
    height: 90px;
    width: 90px;
    border-radius: 45px;
    background-repeat: no-repeat;
    background-size: cover;
    border:solid 10px rgb(255,255,255);
    z-index: 10;
}

/* Agence */
.header-title #intro h1{
    font-family: "Georgia";
    font-weight: 300;
    line-height: 2.3rem;
	
}
.header-agence .col_1_txt{ 
    margin-bottom: 20px;
    font-family: "Georgia";
    background-color: rgba(255,255,255,.95);
    padding: 35px 35px 10px;
}

.header-agence .col_2_txt{
    font-family: "Georgia";
    margin-top: 40px;
    margin-bottom: 20px; 
    background-color: rgba(196,131,33,.95);
    color: rgb(255,255,255);
    padding: 35px 35px 10px;
}
.header-agence .image-logo{
    margin: 20px 0;
}
.header-agence .col-image{
   padding: 40px 0px 40px 40px;
}

/* Dots */
.slick-dots
{
    display: block;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style: none;
    text-align: center;
}
.slick-dots li
{
    position: relative;
    display: inline-block;
    width: 20px;
    height: 20px;
    margin: 0px;
    padding: 0;
    cursor: pointer;
}
.slick-dots li button
{
    font-size: 0;
    line-height: 0;
    display: block;
    width: 20px;
    height: 20px;
    padding: 5px;
    cursor: pointer;
    color: transparent;
    border: 0;
    outline: none;
    background: transparent;
}
.slick-dots li button:hover,
.slick-dots li button:focus
{
    outline: none;
}
.slick-dots li button:hover:before,
.slick-dots li button:focus:before
{
    opacity: 1;
}
.slick-dots li button:before
{
    font-family: 'Georgia';
    font-size: 20px;
    line-height: 20px;
    position: absolute;
    top: 0;
    left: 0;
    width: 20px;
    height: 20px;
    content: '•';
    text-align: center;
    opacity: .25;
    color: black;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}
.slick-dots li.slick-active button:before
{
    opacity: .75;
    color: black;
}

/*FORMULAIRE*/

#formulaire{
    position: relative;
    background-size: cover;
    background-repeat: no-repeat;
    background-position-y: center;
    background-attachment: fixed;
    margin-top: 20px;
}

#formulaire .fake_bg img{
    width: 100%;
    height: 275px;
}

#formulaire .titre{
    color: rgb(255,255,255);
    font-size: 18px;
    text-align: center;
    padding: 25px 0 15px;
}

#formulaire .titre em{
    font-size: 25px;
    font-family:"Georgia";
}

#formulaire .titre strong{
    font-size: 40px;
    color: rgb(255,255,255);
    font-style: italic;
}

#formulaire .in_form{
    background-color: rgb(255,255,255,0.8);
    padding: 30px 45px;
    max-width: 975px;
}

#formulaire .in_form p{
    display: inline-block;
    margin: 0;
}
#formulaire .in_form label{
    display: inline-block;
    margin: 5px auto;
}

#formulaire .obligatoire{
    font-size: 12px;
    padding-top: 15px;
    color: rgb(255, 0, 8);
    float: right;
}

.CaptionCont {
    height: 40px;
    line-height: 30px;
    width: 100%;
}

.SumoSelect{
    width: 100% !important;
}

    /*PARTENAIRES*/
#partenaires{
    background-color: rgb(246,246,246);
    padding-bottom: 65px;
}

#partenaires>div{
    max-width: 975px;
    padding-left: 0;
    padding-right: 0;
}

#partenaires .titre{
    font-family:"Georgia";
    padding: 35px;
    font-size: 25px;
    text-align: center;
}

#partenaires .partenaire{

    padding: 3px;
    text-align: center;
}

#partenaires .partenaire .in{
    vertical-align: middle;
    background-color: rgb(255,255,255);
    height: 127px;
    width: 100%;
    text-align: center;
    position: relative;
    line-height: 127px;
}
#partenaires .slick-slide img{
    display: inline-block;
}

    /*PRESTATIONS / AGENCE*/
#presta #intro{
    text-align: center;
    background: -moz-linear-gradient(top, rgba(0,0,0,0.68) 0%, rgba(0,0,0,0.52) 50%, rgba(0,0,0,0) 100%);
    background: -webkit-linear-gradient(top, rgba(0,0,0,0.68) 0%,rgba(0,0,0,0.52) 50%,rgba(0,0,0,0) 100%);
    background: linear-gradient(to bottom, rgba(0,0,0,0.68) 0%,rgba(0,0,0,0.52) 50%,rgba(0,0,0,0) 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ad000000', endColorstr='#00000000',GradientType=0 );
color: rgb(176,176,176);
    padding: 32px 0 0;
}
#presta #intro strong, #grands_blocs strong{
    font-weight: 300;
    font-family:"Georgia";
}

#grands_blocs h1, #grands_blocs h2{
    line-height: 1;
    font-size: 16px;
}

#grands_blocs h2{

    margin: 0 0 25px;
}

#grands_blocs .grand_bloc>div{
    position: relative;
}

#grands_blocs .grand_bloc:first-child{
    background-position: top center;
}

#grands_blocs .bloc p{
    margin-bottom: 25px;
}

#grands_blocs .bloc_blanc{
    padding: 30px 0 20px;
}

#grands_blocs .lay1txt .bloc1{
    padding:65px 40px 35px 0;
}

#grands_blocs .lay1txt .bloc1 .in{
    background-color: rgba(255,255,255,.95);
    padding:40px 110px 5px 50px;
    position: relative;
}

#grands_blocs .lay1txt .pastille{
    right: -100px;
    top: 20%;
    position: absolute;
    height: 170px;
    width: 170px;
    border-radius: 90px;
    border:solid 15px rgb(255,255,255);
    overflow: hidden;
}

#grands_blocs .lay2txt .bloc1{
    padding:65px 80px 120px 0;
}

#grands_blocs .lay2txt .bloc1 .in{
    background-color: rgba(255,255,255,.95);
    padding: 35px 35px 10px;
}

#grands_blocs .lay2txt .illus{
    position: absolute;
    left: 0;
    right: 0;
    margin:auto;
    text-align: center;
    bottom: 70px;
}

#grands_blocs .lay2txt .bloc2{
    position: initial;
}

#grands_blocs .lay2txt .bloc2 .in{
    background-color: rgba(196,131,33,.95);
    color: rgb(255,255,255);
    padding: 35px 35px 10px;
    position: absolute;
    bottom: 60px;
    right: 0;
    max-width: 300px;
}

#grands_blocs .lay3txt>div{
    padding: 0;
}

#grands_blocs .lay3txt .bloc1{
    padding:0 65px 35px 0;
}

#grands_blocs .lay3txt .bloc1 .in{
    background-color: rgba(255,255,255,.95);
    padding: 35px 35px 10px;
}

#grands_blocs .lay3txt .bloc2{
    padding:35px 65px 5px 0;
}

#grands_blocs .lay3txt .bloc2 .in{
    background-color: rgba(196,131,33,.95);
    color: rgb(255,255,255);
    padding: 30px 40px 5px;
}

#grands_blocs .lay3txt .illus{
    text-align: right;
    padding-top: 60px;
}

#grands_blocs .lay3txt .bloc3{
    padding: 25px 0 40px 60px;
}

#grands_blocs .lay3txt .bloc3 .in{
    background-color: rgba(255,255,255,.90);
    padding: 40px 40px 15px;
}

/*Single Wedding Book*/

#wb #top_titre{
    text-align: center;
    padding: 30px;
}

#wb #top_titre h1{
    font-size: 25px;
}

#top_wb{
    padding: 0;
    position: relative;
}

#top_wb .titre{
    position: absolute;
    left: 0;
    right: 0;
    width: 100%;
    text-align: center;
    top: 60px;
}

#slider_wb .slide .bgf{
    min-height: 500px;
    height: 80vh;
    background-size: contain ;
}

#nav_slider_wb .slide{
    padding: 2px 1px;
    cursor: pointer;
}

#nav_slider_wb .slide .bgf{
    min-height: 50px;
    height: 10vh;
    position: relative;
    filter:grayscale(80%);
    transition: .3s;
}

#nav_slider_wb .slide:hover .bgf, #nav_slider_wb  .slick-current .bgf{
    filter:grayscale(0%);
}

#nav_slider_wb .slide .bgf::after{
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    content: '';
    display: block;
    background-color: rgba(98,98,98,.5);
    transition: .3s;
}

#nav_slider_wb  .slick-current .bgf::after, #nav_slider_wb  .slide:hover .bgf::after {
    background-color: transparent;
}
#cont_wb{
    margin: 50px auto;
}

#tem_wb {
    padding: 30px;
}

#tem_wb .in{
    background-color: rgb(255,255,255);
    padding: 80px 40px 40px;
    position: relative;
    text-align: center;
}

#tem_wb .in:after{
    position: absolute;
    content: '';
    width:calc(100% - 30px);
    height:calc(100% - 30px);
    top: 15px;
    left: 15px;
    border: 1px solid rgb(196,131,33);
}

#tem_wb .portrait {
    position: absolute;
    left: 0;
    right: 0;
    margin:auto;
    top: -50px;
    height: 125px;
    width: 125px;
    border-radius: 70px;
    background-repeat: no-repeat;
    background-size: cover;
    border:solid 10px rgb(255,255,255);
    z-index: 10;
}

#tem_wb .in .titre{
    color: rgb(196,131,33);
    font-family:"Georgia";
    font-size: 22px;
    margin-bottom: 20px;
}

#more_wb {
    padding: 50px 0;
}

.more_wb .bouton{
    margin:auto;
    background-image: url(../images/bouton_more_mariages.png);
    height: 31px;
    width: 224px;
    padding: 1px;
    background-color: transparent;
}

.more_wb a{
    display: inline-block;
    margin: 0 27px;
    height: 31px;
    width: 168px;
    padding-top: 5px;
    text-align: center;
    text-decoration: none;
    transition: .3s;
    color: rgb(98, 98, 98);
}

.more_wb a:hover{
    background-color: rgb(196,131,33);
    color: rgb(255,255,255);
}

.menu-type-weddings{
    margin-bottom: 40px;
    line-height: 30px;
}

.description-type-weddings{
    margin-bottom: 40px;
}
.description-bas-type-weddings{
    margin-top: 40px;
    margin-bottom: 40px;
}

/* Archive wedding books */
#top_arch_wb h1{
    margin-bottom: 20px;
}
#top_arch_wb ul.list-inline{
    margin-top: 20px;
}
#top_arch_wb ul.list-inline li:after{
    content: ' | ';
    display: inline;
    padding: 0 10px 0 20px;
}
#top_arch_wb ul.list-inline li:last-child:after{
    display: none;
}
#top_arch_wb ul.list-inline a{
    color: rgb(196,131,33);
}

/*404*/
#page404 .txt{
    text-align: center;
    font-size: 20px;
    padding: 50px;
}

#page404 h1{
    color: rgb(196,131,33);
    font-family:"Georgia";
    font-style: normal;
    font-weight: normal;
    font-size: 28px;
}

#page404 a{
    color: rgb(196,131,33);
}

/*SINGLE*/
#top_image_single{
    padding: 0;
}

#intro_single{
    padding: 100px 0 0 0;
}

#intro_single .in{
    margin: 100px 0 0 auto;
    max-width: 400px;
    background-color: rgb(255,255,255);
    padding: 30px;
}

#intro_single .titre h1{
    color: rgb(196,131,33);
    font-family:"Georgia;
    font-size: 28px;
    margin-bottom: 15px;
}

#intro_single .soc{
    margin: 15px 0 50px;
}

.furious-sharing {
    max-width:140px;
    margin:0 0 0 auto;
}

.furious-sharing .single-link-fs{
    background-color: rgb(255,255,255) !important;
    color: rgb(196,131,33) !important;
    border:1px solid  rgb(196,131,33) ;
    border-radius: 0;
    transition: .3s;
}

.furious-sharing .single-link-fs:hover{
    background-color: rgb(196,131,33) !important;
}

.furious-sharing .single-link-fs span.text, .furious-sharing .single-link-fs i::before{
    color: rgb(196,131,33) !important;
    transition: .3s;
}

.furious-sharing .single-link-fs:hover i::before{
    color: rgb(255,255,255) !important;
}

#cont_post{
    margin-top: -100px;
    background-color: rgb(255,255,255);
    padding: 50px;
    text-align: justify;
}

#cont_post h1{
    font-size: 28px;
    color: rgb(196,131,33);
    font-family:"Georgia";
}

#cont_post h2{
    font-size: 24px;
    color: rgb(196,131,33);
    font-family:"Georgia";
}

#cont_post strong{
    font-weight: 600;
}

#cont_post ul{
    list-style: none;
}

#cont_post li::before{
    content: '';
    display: inline-block;
    margin: 0 15px;
    width: 3px;
    height: 10px;
    background-image: url(../images/s.png);
    transform: rotate(90deg);
}

#cont_post blockquote{
    margin-left: 20px;
    border-left:0;
    font-size: 16px;
    padding: 0 20px;
    position: relative;
    font-family:"Georgia";
    font-style: italic;
}

#cont_post blockquote:before{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    background-size: 5px 97px;
    width: 5px;
    background-repeat: no-repeat;
    background-position: center center;
    background-image: url(../images/trait.png);
    content: '';
}

#cont_post a{
    color: rgb(196,131,33);
}

/*MERCI*/
.merci{
    padding: 150px 0 300px;
    text-align: center;
    font-size: 20px;
}

.merci .msgok{
    margin: 20px auto;
}

.merci a{
    color: rgb(196,131,33);
    text-decoration: none;
}

/*Additional Fixes */


/* This fix the collapsable mobile navigation styles */
@media screen and (max-width: 1200px) {
	#menu-menu,#menu-menu-anglais {
		background: black;
		opacity: 80%;
		padding-top: 115px;
	}
}

/* This fix the mobile content top-padding */
@media screen and (max-width: 1200px) {
	.MainContent {
		padding-top: 20px;
	}
}

/*This fix the aligment with the footer link and the logo */
#menu-menu-footer{
	padding-top: 11px;
}

/*This fix the aligment of the navigation, the logo and the right menu */
#site-navbar-collapse-1 {
	width: 100%;
	top: 0px;
    left: 215px;
    position: absolute;
}
/*RESPONSIVE*/
@media screen and (min-width:1450px) {
    .home .has_more a{
        position: absolute;
        
    }
}

@media screen and (max-width:1200px) {
    .header-agence .col-image{
        padding: 10px;
    }
}

@media screen and (max-width:990px) {
	/*RESPONSIVE BLOG*/ 
	#top_arch_wb {
		padding:0 15px;
	}
	#top_arch_wb h1 {
    margin-bottom: 20px;
    padding: 0 40px;
}
	#navbar {
        display: block;
	background-color: black; 
    }
    #navbar .contact{
        display: none;
    }
    .home #navbar{
        background: rgb(0,0,0);
    }

    .mainmenu li{
        display: block;
        padding: 35px 0;
    }
    .mainmenu li::after,.mainmenu li a::after {
        display: block;
    }

    .mobileonly{
        display: block!important;
    }

    #baseline_home{
        padding: 15px;
    }

    #intro_home {
        padding: 50px;
    }
    #intro_home .photo{
        display: none;

    }
	 #presta #intro h1{
		color: rgb(62,62,62);
		 margin: 0 40px;
	}
    #blocs_home {
        padding: 3rem 1.5rem
    }
    #blocs_home>div{
        width: 100%;
        display: contents;
    }
	
	#blocs_home .container {
		margin : 0;
	}
	#inspi_home .container {
		margin: 0 26px 0 26px;
	}
	 
    #blocs_home>div::after{
        display: none;
    }
    #arch_wb.MainContent {
        padding-top: 0px
    }
    #texte_home .cols>div{
        display: block;
        width: 100%;
    }
    #texte_home .left,#texte_home .right{
        padding: 10px;
    }

    #texte_home .mid{
        display: none !important;
    }

    .pele_mele{
        min-height: 0;
    }

    .pele_mele .bloc {
        position: relative;
        width: 100%;
        height: 300px;
        top: 0;
        left: 0;
        bottom: 0;
        right: 0;
    }

    .pele_mele .image_grand_titre .in{
        padding: 15px !important;
    }

    .pele_mele .image_txt .txt{
        height: auto !important;
    }

    .pele_mele .image_txt p{
        display: none;
    }
    .pele_mele .image_ss_titre .in .txt{
        top: auto;
        bottom: 0;
        position: absolute;
        height: auto !important;
        left: 0 !important;
        width: 100% !important;
        padding: 15px 25px;
    }
    #formulaire .in_form{
        padding: 10px;
    }
    #partenaires .partenaire{
        display: block;
        width: 100%;
    }
    #partenaires .partenaire .in{
        height: auto;
    }
	.header-title #intro h1{
		padding: 32px 32px 0 32px;
	}

    #menufooter{
        text-align: center;
    }

    footer .logo, footer #rezo, footer .right_menu{
        float: none;
        margin:10px 10px;
    }

    #grands_blocs .bloc{
        padding: 15px 15px 0 15px;
    }

    #grands_blocs .bloc .in{
        position: relative!important;
        padding: 15px!important;
    }

    #grands_blocs .lay1txt .pastille{
        display: none;
    }
	

@media screen and (max-width:767px) {
    .weeding-en #grands_blocs .grand_bloc:first-child {
        padding-top: 32rem;
    }
    .weeding-en #grands_blocs .grand_bloc:first-child {
        padding-top: 32rem;
    }
    .corporate-en #grands_blocs .grand_bloc:first-child {
        background-position: top 13% center;
        padding-top: 57rem;
    }
    .corporate-fr #intro h1 span span:last-child {
        font-size: 26px !important;
    }
    .corporate-fr #intro h1 span:last-child {
        font-size: 20px !important;
    }
    .corporate-fr #grands_blocs .grand_bloc:first-child {
        background-position: top 21% center;
    }
    .corporate-fr #grands_blocs .lay2txt .bloc1,.corporate-en #grands_blocs .lay2txt .bloc1 {
        padding: 0;
    }
    .corporate-fr #grands_blocs .grand_bloc:first-child {
        padding-top: 68rem;
    }
    .corporate-fr #grands_blocs .lay2txt .bloc2 {
        margin-top: 7%;
    }
    .contact-en #grands_blocs .grand_bloc:first-child {
        background-position: top 13% center;
        padding-top: 32rem
    }
    .contact-fr #grands_blocs .grand_bloc:first-child {
        background-position: top 10% center;
        padding-top: 35rem
    }
    .presta-page .bloc1-presta {
        position: relative;
    }
    .presta-page .bloc1-presta #intro {
        position: absolute;
        top: 0
    }
    #grands_blocs .grand_bloc:first-child {
        background-position: top 5% center;
        padding-top: 48rem;
    }
    #grands_blocs .lay3txt .bloc2,#grands_blocs .lay3txt .bloc1 {
        padding: 0;
        margin-bottom: 1%
    }
    #grands_blocs .lay3txt .bloc3 {
        padding: 0
    }
    #top_home {padding: 195px 0 0;background-size: contain;margin-top: 6rem;}
    .bgf {background-size: contain;background-position: top center;    padding-top: 21rem;}
    .header-agence .row {display: flex;flex-direction: column-reverse;}
    .header-agence .row .col-image {padding: 1rem 0rem;margin-top: 2rem}
    .header-title-bgblack,#top_arch_wb.topweeding h1,#top_arch_wb.blog-mc {
        background: -moz-linear-gradient(top, rgba(0,0,0,0.68) 0%, rgba(0,0,0,0.52) 50%, rgba(0,0,0,0) 100%);
        background: -webkit-linear-gradient(top, rgba(0,0,0,0.68) 0%,rgba(0,0,0,0.52) 50%,rgba(0,0,0,0) 100%);
        background: linear-gradient(to bottom, rgba(0,0,0,0.68) 0%,rgba(0,0,0,0.52) 50%,rgba(0,0,0,0) 100%);
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ad000000', endColorstr='#00000000',GradientType=0 );
    }
    #top_arch_wb.topweeding h1 span {
        display: block;
        padding: 0 6rem
    }
    #top_arch_wb {
        padding: 0;
    }
    #top_arch_wb h2, #top_arch_wb p {
        padding: 0 1rem
    }
    #top_arch_wb h1 {
        padding: 32px 0 0;
    }
    .bmobile {
        display: block;
    }
    .subtitleblog {
        margin-top: 1rem;
        padding: 0 4rem;
        display: block;
    }
}