/*
Theme Name: Isigny-Ste-Mère
Theme URI:
Author:
Author URI:
Description:
Version: 1
License URI:
Text Domain: Isigny-Ste-Mère

*/
@import url('https://fonts.googleapis.com/css?family=Roboto+Slab:400,700');
@import url('https://fonts.googleapis.com/css?family=Open+Sans:300,400,600');
@import url('https://fonts.googleapis.com/css?family=Vidaloka&display=swap');
@import url('https://fonts.googleapis.com/css?family=Parisienne&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Oswald:wght@400;500;600;700&display=swap');


@font-face {
    font-family: 'zepalphabetregular';
    src: url('/wp-content/themes/isigny-ste-mere/fonts/zepalphabet-webfont.woff2') format('woff2'),
         url('/wp-content/themes/isigny-ste-mere/fonts/zepalphabet-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'UniversLT';
    src: url('/wp-content/themes/isigny-ste-mere/fonts/UniversLTStd-UltraCn.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'UniversLTLight';
    src: url('/wp-content/themes/isigny-ste-mere/fonts/UniversLTStd-LightUltraCn.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'DinotBold';
    src: url('/wp-content/themes/isigny-ste-mere/fonts/dinotbold.woff') format('woff'),
         url('/wp-content/themes/isigny-ste-mere/fonts/dinotbold.woff2') format('woff2');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Neato';
    src: url('/wp-content/themes/isigny-ste-mere/fonts/NeatoSerif-Regular-1.otf') format('otf');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Axis';
    src: url('/wp-content/themes/isigny-ste-mere/fonts/Axis-Extrabold.otf') format('otf');
    font-weight: bold;
    font-style: normal;
}


html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{font-size:100%;font:inherit;padding:0;border:0;margin:0;vertical-align:baseline}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}table{border-collapse:collapse;border-spacing:0}article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}.clear{clear:both}
.sticky{}.bypostauthor{}.wp-caption{}.wp-caption-text{}.gallery-caption{}.alignright{}.alignleft{}.aligncenter{}

/*GLOBAL*/
div,p,li,td,a,span,strong,em{font-family: 'Open Sans', sans-serif; font-size: 14px; color: #333}
h1{font-family: 'Lobster', cursive; font-size: 30px;}
h2{font-family: 'Crete Round', serif; font-size: 20px;}
h3{font-weight: 500; font-family: 'Crete Round', serif; font-size: 18px;}
a{text-decoration: none; color: inherit;}
p{line-height: 20px;}
strong{font-weight: 600;}
em{font-style: italic}
:focus{outline: 0}
.btn a,
a.button{font-family: 'Crete Round', serif; font-size: 13px; text-transform: uppercase; background: #005aa1; color: #fff; padding: 3px 15px;}
.separator{width: 1130px; height: 8px; margin:0 auto; clear:both; background: url(../img/sprite.png) no-repeat left top;}
.clear{clear: both}
.clear-left{clear: left}
.clear-right{clear: right}
.responsive{width: 1170px; margin: 0 auto;}
button{background: none; border: none; cursor: pointer}
.entry-content .button{width: 150px; display: block; margin: 20px auto 0 auto; padding: 5px 10px; background: #005aa1; color: #fff; text-transform: uppercase; font-family: 'Crete Round', serif; font-size: 13px;
    border-radius: 3px;text-decoration: none; text-align: center; border:none; cursor: pointer}
figure img{}
#wrapper{position: relative}
/*HEADER*/
#header{background: #fff; border-bottom: 1px solid #005aa1; border-radius: 0 0 3px 3px; box-shadow: 0 0 8px #ccc; position: relative; z-index: 110;}
#header .content{position: relative;}
    /*logo*/
#header figure{float: left; width: 220px; margin: 5px 0 5px 20px;}
#header figure img{width: 100%; height: auto}
    /*top bar*/
#topbar{float: right; width: 70%; margin: 5px 20px 0 0;}


div#sib_embed_signup .needsfilled input {border-color: #B94A48 !important; color: #B94A48 !important;}
div#sib_embed_signup .needsfilled {color: #B94A48 !important;}
div#sib_embed_signup input[type="text"] {border: 1px solid #CCCCCC;border-radius: 4px;-moz-border-radius: 4px;-webkit-border-radius: 4px;}
div#sib_embed_signup div.message_area {position: relative;padding: 10px 30px 10px 10px; margin: 0px 0px 10px 0px;font-size:14px; border-radius: 5px;-webkit-border-radius: 5px; -moz-border-radius: 5px;box-sizing: border-box;}
div#sib_embed_signup div.message_area button.close {position: absolute;right: 8px;top: 8px;color: inherit;background: 0 0;border: 0;padding: 0px;-webkit-appearance: none;cursor: pointer;font-weight: bold;font-size: 14px;}

#topbar #extranet{display: none; float: right; margin: 0 0 0 0;}
#topbar #extranet a{font-size: 12px;}

#topbar #newsletter{float: right; margin: 2px 0 0 0; position: relative}
#topbar #newsletter > span{width: 65px; float: left; font-size: 12px; margin: 3px 0 0 0;}
#topbar #newsletter #sib_embed_signup{float: left; padding: 0}
#topbar #newsletter #sib_embed_signup .container{}
#topbar #newsletter #sib_embed_signup .container .email-group{float: left}
#topbar #newsletter #sib_embed_signup .container .email-group input[type="text"]{border-radius: 2px; font-size: 11px; padding: 2px;}
#topbar #newsletter #sib_embed_signup .container .byline{float: left; margin: 0 0 0 5px}
#topbar #newsletter #sib_embed_signup .container .byline button{ background: #005aa1; border-radius: 2px; color: #fff; cursor: pointer; display: inline-block; font-size: 11px; padding: 2px 5px;}
#topbar #newsletter #sib_embed_signup .message_area{font-size: 11px; left: -90px; position: absolute; top: 0; width: 300px; z-index: 100}

#search{position: absolute; right: 20px; top: 35px;}
#search input[type="text"]{display: inline-block; width: 148px; height: 17px; margin: 2px 0 0 0; padding: 2px; font-size: 11px; border-radius: 1px; border: 1px solid #dcdcdc}
#search input#searchsubmit{display: inline-block; width: 30px; padding: 3px 5px; background: #005aa1; color: #fff; border: none; cursor: pointer; border-radius: 2px; font-size: 11px;}
#topbar #search,
#topbar ul{float: right}
#topbar ul,
#topbar li{display: inline-block;  font-size: 12px; vertical-align: middle;}
#topbar li{height: 22px; padding: 0 0 0 10px; margin: 0 0 0 10px; border-left:1px solid #ccc;}
#topbar li a{display: inline-block; font-size: 12px;}
#topbar li a.extranet{margin: 5px 0 0 0}
#topbar li a{margin: 0 3px}
#topbar li.lang a{margin: 5px 0 0 0}
a.social{display: inline-block; width: 20px; height: 20px; background: url(../img/sprite.png) no-repeat;}
a.fb-icon{width: 20px; height: 20px; background-position: 0 -15px;}
a.twit-icon{width: 20px; height: 20px; background-position: -20px -15px;}
a.insta-icon{width: 20px; height: 20px; background-position: -40px -15px;}
a.pin-icon{width: 20px; height: 20px; background-position: -60px -15px;}
a.send-icon{width: 20px; height: 20px; background-position: -80px -15px;}
a.yt-icon{width: 20px; height: 20px; background-position: -172px -15px;}

a.extranet{float: right; margin: 0 0 0 10px; font-size: 12px; padding: 5px 0 5px 10px; border-left: 1px solid #dcdcdc; font-weight: 600; letter-spacing: -0.3px;}

    /*WPML*/
#topbar #lang-container{float: right; height: auto; border-left: 1px solid #dcdcdc; margin: 0 0 0 10px; padding:3px 0 7px 10px;}
#topbar #lang-container ul li,
#topbar #lang-container ul li a{height: auto; border: none; padding: 0; margin: 0; text-transform: uppercase}
#topbar #lang-container ul li{margin: 0 5px 0 0; padding: 0 5px 0 0;}
#topbar #lang-container ul li.active{font-weight: 600; color: #005aa1;}

    /*Menu*/
#header > nav{float: right; display: block; width: 875px; margin: 45px 20px 0 0;}
.lang-en #header > nav{width: 642px;}
#header > nav li{display: inline-block; margin:0 0 0 5px; position: relative; z-index: 10;}
#header > nav .menu > li:before{display: inline-block; width: 5px; height: 6px; vertical-align: top; margin: 5px 5px 3px 0; font-family: FontAwesome; content: '\f111'; font-size: 6px; color: #005aa1}
#header > nav li:first-child{margin: 0}
#header > nav li:first-child:before{display: none;}
#header > nav li a{padding: 0 0 6px 0; font-size: 14px; font-family: 'Crete Round', serif; text-transform: uppercase; position: relative; z-index: 10;}
#header > nav li a:hover,
#header > nav li.current-menu-item a{color: #005aa1;}
#header > nav ul.menu > li > a:hover,
#header > nav ul.menu > li.current-page-ancestor > a,
#header > nav ul.menu > li.current-menu-item a{border-bottom: 1px solid #005aa1}
    /*sub menu*/
#header > nav .sub-menu{display: none; width:245px; padding: 0; position: absolute; left: 0; top:10px; z-index: 10; clear: both;}
#header > nav .sub-menu:before{display: block; height: 12px; content: '\f0d8'; font-family: FontAwesome; color: #005aa1; font-size: 18px; margin: 0 0 0 20px;}
#header > nav ul.menu > li:nth-child(6) > .sub-menu:before{float: right; margin: 0 20px 0 0}
#header > nav ul.menu > li:first-child > .sub-menu{width: 190px}
.lang-en #header > nav ul.menu > li:first-child > .sub-menu{width: 100px}
#header > nav ul.menu > li:nth-child(4) > .sub-menu{width:150px;}
.lang-en #header > nav ul.menu > li:nth-child(4) > .sub-menu{width:200px;}
#header > nav ul.menu > li:nth-child(5) > .sub-menu{width:175px;}
#header > nav ul.menu > li:nth-child(6) > .sub-menu{right: 0; left: auto; width:180px;}
.lang-en #header > nav ul.menu > li:nth-child(6) > .sub-menu{width:140px;}
#header > nav ul li:hover .sub-menu{display: block;}
#header > nav ul li .sub-menu li{width: 100%; margin:0; padding: 0; margin: 0; background: #fff}
#header > nav ul li .sub-menu li:first-child a{border-top:1px solid #005aa1; border-radius: 3px 3px 0 0;}
#header > nav ul li .sub-menu li:last-child a{border-bottom:1px solid #005aa1; border-radius: 0 0 3px 3px;}
#header > nav ul li .sub-menu li a{font-family: 'Open Sans', sans-serif; font-size: 13px; text-transform: none; display: block; background: #fff; padding: 7px 10px;}
#header > nav ul li .sub-menu li.current-menu-item a,
#header > nav ul li .sub-menu li a:hover{background: #f4f4f4;}

/*INDEX*/
.home #container{width: 100%; margin: 0}
.home #header,
.home #footer{width: 1170px; margin: 0 auto;}
.home #footer{margin-bottom: 10px;margin-top: -170px;}
    /*slider*/
#slider{max-width: 1700px; width: 100%; height: 600px; margin: 0 auto; position: relative; top: -60px; overflow: hidden}
#slider a{display: block; /*background-color: rgba(0,0,0,0.3); width: 100%; height: 600px;*/}
#slider h2,
#slider p,
#slider li a > div{width: 100%; float: left; text-align: center; position: relative; z-index: 10; color: #fff; text-shadow: 2px 2px 1px #000}
#slider li:nth-child(1) h2 { 
    color: #997f41 !important;
    text-shadow: 2px 2px 1px #fff !important;
 }
 #slider li:nth-child(1) button {
    box-shadow: 0px 0px 2px #997f41;
    text-shadow: 2px 2px 1px #fff;
    border-radius: 3px;
    color: #997f41;
    text-transform: uppercase;
}

 #slider li:nth-child(1) p {
    color: #0759a3;
    text-shadow: 2px 2px 1px #fff;
}

#slider h2{font-family: 'Lobster', cursive; font-size: 60px; margin: 135px 0 30px 0; text-shadow: 2px 3px 0 #000; filter: Shadow(Color=black, Direction=130, Strength=1);}
#slider p{font-family: 'Crete Round', serif; font-size: 30px; margin-bottom: 40px}
#slider div{text-align: center}
#slider button{width:250px; margin: 0 auto; padding: 10px 0; font-family: 'Crete Round', serif; font-size: 18px; border: 1px solid #fff; box-shadow: 0px 0px 2px #000;  text-shadow: 2px 2px 1px #000; border-radius: 3px; color: #fff; text-transform: uppercase;}
#slider .bx-viewport{overflow: visible!important;}
#slider .bx-viewport li{height: 600px; -webkit-background-size: cover; -moz-background-size: cover;  -o-background-size: cover; background-size: cover;}
#slider .bx-controls{width: 100%; position: absolute; top: 430px; right: 0; z-index: 100; text-align: center}
/*#slider .bx-controls div{display: inline-block; margin: 0 0 0 10px;}    */
#slider .bx-controls .bx-default-pager{position: absolute;top: auto;right: 0;bottom: auto;left: 0;}
/*#slider .bx-controls div{display: inline-block; margin: 0;}    */
#slider .bx-controls div a{width: 20px; height: 10px; display: block; background: #ccc; border-radius: 5px; text-indent: -9999px; }
#slider .bx-controls div a.active{background:#005aa1 }
#slider .bx-controls .bx-controls-direction{display: none;}
    /*content*/
.home #container #content{width: 1130px; margin: 0 auto; padding: 20px; margin: 0 auto; border-radius: 5px; box-shadow: 0 0 8px #ccc; background: #fff; position: relative; top: -190px; z-index: 100;}
.home #content > section{width:100%; float: left; margin: 0 0 30px 0;}
.home #content > section .title{ margin: 0 0 5px 0; font-size: 18px; font-family: 'Crete Round', serif;}
.home #content > section h2{margin: 0 0 15px 0; font-family: 'Lobster', cursive; font-size: 28px;}
.home #content > section figure{overflow: hidden; margin: 0 0 20px 0;}
.home #content > section figure img{width:100%; height: auto; border-radius: 5px;}
.home #content > section figure .content{}
.home #content > section button{width: 150px; display: block; margin: 20px auto 0 auto; padding: 5px 10px; background: #005aa1; color: #fff; text-transform: uppercase; font-family: 'Crete Round', serif; font-size: 13px; border-radius: 3px;}
    /*Portait du mois*/
.home #content > #portrait{width: 60%; margin: 0 3% 30px 0;}
    /*Actualités*/
.home #content > #news{width: 37%; margin-right: 0;}
    /*Accès rapide*/
#quick-access p{margin: 25px 0 40px 0; font-family: 'Crete Round', serif; font-size: 18px;}
#quick-access .content{width: 32%; float: left; margin: 0 2% 0 0;}
#quick-access .content:last-child{margin-right: 0;}
#quick-access .content h3{margin: 0 0 15px 0; font-family: 'Crete Round', serif; font-size: 16px; font-weight: 500;  text-align: center;}
.home #content >#quick-access figure{margin: 0;}
    /*Recettes*/
.home #content > #recipes{}
.home #content > #recipes h2{font-family: 'Lobster', cursive; font-size: 30px; margin: 20px 0; text-align: center}
#recipes .content{width:49%; float: left; margin: 0 2% 0 0; position: relative}
#recipes .content:last-child{margin-right: 0}
.home #content #recipes .content > p{font-family: 'Crete Round', serif; font-size: 16px; margin: 0 0 10px 0; text-align: center;}
.home #content #recipes .content ul{}
.home #content #recipes .content li{float: left; width: 33.2%; height: 275px; margin-right: 1px; overflow: hidden; position: relative;}
.home #content #recipes .content li:first-child{border-radius: 5px 0 0 5px;}
.home #content #recipes .content li:nth-child(3){border-radius: 0 5px 5px 0; margin-right: 0}
.home #content #recipes .content figure{width: 600px; position: absolute; left: 50%; top:0; margin: 0 0 0 -300px; z-index: 10}
.home #content #recipes .content figure img{width: 100%; height: auto;}
.home #content #recipes .content p.caption{width: 90%; padding: 0 5%; background-color:rgba(0,0,0,0.6); color: #fff; position: absolute; z-index: 100; bottom: 0; left: 50%; margin-left: -50%;}
.home #content #recipes .content p.caption span{display: table-cell; vertical-align: middle;  height: 80px; color: #fff; font-size: 14px; text-align: center;}
.home #content #recipes .content > a{width: 280px; display: block; margin: 20px auto 0 auto; padding: 8px 0; background: #005aa1; color: #fff; text-transform: uppercase; font-family: 'Crete Round', serif; font-size: 13px; border-radius: 3px; text-align: center}
/*Réseaux Sociaux*/
.home #content #rs-content{margin: 0}
.home #rs-content h2{text-align: center; margin: 20px 0!important;}
.home .rs-block{display: inline-block; width: 48%; vertical-align: top; margin: 0 2% 24px 0; border: 2px solid #4c69b9; border-radius: 5px; text-align: center;}
.home .rs-block img{display: inline-block;}
.home .rs-block .sfp-container{width: 91%; padding: 16px 0; margin: 0 auto; text-align: center}
.home .rs-block:nth-child(2) img,
.home .rs-block:nth-child(3) img{ margin: 16px 0 0 0}
.home .rs-block:nth-child(3),
.home .rs-block:nth-child(5){margin-right: 0;}
.home .rs-block:nth-child(3){ border: 2px solid #333}
.home .rs-block:nth-child(4){ border: 2px solid #3bc0f9}
.home .rs-block:nth-child(5){ border: 2px solid #e22b27;}
.home .rs-block:nth-child(4) > div,
.home .rs-block:nth-child(5) > div{margin: 16px auto; width: 250px;}
.home .rs-block:nth-child(5) > div{width: 205px;}
.home .rs-block:nth-child(4) > div > div,
.home .rs-block:nth-child(5) > div > div{float: left;}
#sb_instagram{margin-bottom: 0!important; padding: 16px!important}
#twitter{height: 63px;}
#facebook{height: 616px; padding-bottom: 18px;}

#twitter-widget-0{margin-top: 3px;}
#___ytsubscribe_0{margin-top: 5px!important;}


#portrait,
#news
{
    position: relative;
}
#portrait .content,
#news .content
{
/*    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;*/
    min-height: 40px;
}
#portrait figure,
#news figure
{
    min-height: 220px;
    max-height: 220px;
}


/*PAGE*/


/*Fonds photo*/
/*.home .bg-left{background: url(../img/lait.png) no-repeat;width: 404px; height: 583px; position: absolute; top: 129px; left: -404px; z-index: 1;}*/
body.home{height: 100%;  background-attachment: fixed!important}
body.home{background: #e8f0f4;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2U4ZjBmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNlOGYwZjQiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left, #e8f0f4 0%, #ffffff 50%, #e8f0f4 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#e8f0f4), color-stop(50%,#ffffff), color-stop(100%,#e8f0f4));
background: -webkit-linear-gradient(left, #e8f0f4 0%,#ffffff 50%,#e8f0f4 100%);
background: -o-linear-gradient(left, #e8f0f4 0%,#ffffff 50%,#e8f0f4 100%);
background: -ms-linear-gradient(left, #e8f0f4 0%,#ffffff 50%,#e8f0f4 100%);
background: linear-gradient(to right, #e8f0f4 0%,#ffffff 50%,#e8f0f4 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e8f0f4', endColorstr='#e8f0f4',GradientType=1 );}
body.page-id-6,
body.page-id-1448,
body.page-id-7,
body.page-id-1450,
body.parent-pageid-8,
body.search,
body.parent-pageid-6,
body.parent-pageid-7,
body.parent-pageid-1448,
body.parent-pageid-1450,
body.parent-pageid-1452{background: url(../img/background-1.jpg) no-repeat center fixed; background-size: cover;}
body.single-recettes,
body.category,
body.page-id-1673,
body.parent-pageid-10,
body.parent-pageid-1493{background: url(../img/background-recette.jpg) no-repeat center fixed; background-size: cover;}
body.page-id-13,
body.page-id-1483,
body.page-id-14,
body.page-id-1485,
body.page-id-15,
body.page-template-page-distinctions,
body.page-id-17,
body.page-id-1876,
body.page-id-18,
body.page-id-5131,
body.page-id-1489,
body.page-id-19,
body.page-id-1491,
body.page-template-page-actualites,
body.search-results,
body.single-recrutement,
body.parent-pageid-1437,
body.single-le-saviez-vous,
body.parent-pageid-2{background: url(../img/background-cooperative.jpg) no-repeat center fixed; background-size: cover;}
body.parent-pageid-83{height: 100%;  background-attachment: fixed!important}
body.parent-pageid-83,
body.parent-pageid-1465{background: #c6e3f4;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMTAwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjYzZlM2Y0IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2RkZjVhNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(-45deg, #c6e3f4 0%, #ddf5a7 100%);
background: -webkit-gradient(linear, left top, right bottom, color-stop(0%,#c6e3f4), color-stop(100%,#ddf5a7));
background: -webkit-linear-gradient(-45deg, #c6e3f4 0%,#ddf5a7 100%);
background: -o-linear-gradient(-45deg, #c6e3f4 0%,#ddf5a7 100%);
background: -ms-linear-gradient(-45deg, #c6e3f4 0%,#ddf5a7 100%);
background: linear-gradient(135deg, #c6e3f4 0%,#ddf5a7 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c6e3f4', endColorstr='#ddf5a7',GradientType=1 );}
.parent-pageid-83 .deco,
.parent-pageid-1465 .deco{position: absolute;}
.parent-pageid-83 .d-left,
.parent-pageid-1465 .d-left{width: 437px; height: 106px; left: -437px; top: 300px; background: url(../img/courbe-1.png)}
.parent-pageid-83 .d-right,
.parent-pageid-1465 .d-right{width: 416px; height: 126px; right: -416px; top: 0; background: url(../img/courbe-2.png)}
#container{position: relative}

    /*content*/
.hentry{position: relative}
.hentry h1{padding: 30px 0 30px 20px; font-size:60px; color: #fff; text-shadow: 1px 4px 0 #333; position: relative; z-index: 10;}
#content > article > header{background-size:cover; background-repeat: no-repeat}
.entry-content{float: left; width:96%; min-height: 400px; padding: 0 2% 30px 2%; margin:0 0 20px 0; border-radius: 5px; box-shadow: 0 0 8px #ccc; background: #fff; position: relative;z-index: 10}
.entry-content h2{clear: both; padding: 30px 0 20px 0; font-family: 'Lobster', cursive; font-size: 30px;}
.entry-content h3{margin: 0 0 20px 0; font-size: 20px;clear: both;}
.entry-content h4{margin: 0 0 20px 0; font-size: 14px;clear: both; font-weight: 600}
.entry-content ul{ margin: 0 0 20px 0; list-style: none;}
.entry-content ul li{margin-bottom: 20px; line-height: 20px;}
.entry-content ul li:before{display: inline-block; height: 6px; vertical-align: top; padding-right: 5px; font-family: FontAwesome; content: '\f111'; font-size: 4px; color: #333;}
.entry-content ul.labels{width: 100%; clear: both; text-align: center}
.entry-content ul.labels li{width: 14.66%; display: inline-block; vertical-align: top; margin-right: 1%;}
.entry-content ul.labels li:last-child{margin-right: 0;}
.entry-content ul.labels li:before{display: none;}
.entry-content ul.labels li img{width: 100%; height: auto; border: 1px solid #dcdcdc}
.entry-content ul.ul-left{float: left}
.entry-content p{margin: 0 0 20px 0; display: table}
.entry-content a{text-decoration: underline}
.entry-content p.btn{width: 100%; text-align: center}
.entry-content p.btn a{display: block; width: 150px; margin: 0 auto; padding: 10px 0; border-radius: 3px; text-decoration: none; }
.entry-content img{ border-radius: 5px; border: 1px solid #ededed}
.entry-content .wpvl_auto_thumb_box_wrapper{ float: left; margin: 0 15px 20px 0; border-radius: 5px; border: 1px solid #ededed}
.entry-content .wpvl_auto_thumb_box{width: 300px; height: auto}
.entry-content .video_lightbox_auto_anchor_image{width:100%; height: auto}
.entry-content .wpvl_auto_thumb_play{width: 48px; height: 48px; background: url(../img/play-b.png) no-repeat center center; left: 50%; top: 50%; margin: -24px 0 0 -24px;}
.entry-content .wpvl_auto_thumb_play img{display: none;}
.entry-content img.size-full{width: 100%; height: auto}
.entry-content div.img-right{float: right; margin: 0 0 20px 15px;}
.entry-content div.img-left{float: left; margin: 0 15px 20px 0;}
.entry-content div.center{width: 100%; text-align: center}
.entry-content div.center p{width: 100%;}
    /*l'histoire d'Isigny Sainte-Mère*/
.page-id-76 .entry-content p > img{width: 100%; height: auto}
    /*Page crème - 3 focus*/
.entry-content div.column{width: 48%; float: left; margin: 30px 2% 20px 0;}
.page-id-7 .entry-content div.column,
.page-id-1450 .entry-content div.column{width: 32%}
.page-id-7 .entry-content div.column+div.column+div.column,
.page-id-1450 .entry-content div.column+div.column+div.column{margin-right: 0}
.entry-content div.column h3{height: 37px; text-align: center; letter-spacing: -0.1px}
.entry-content div.column p:nth-child(2){text-align: center; display: block}
.entry-content div.column p:nth-child(2) img{width: auto; height: auto}
.entry-content div.column img{width: 100%; height: auto}
    /*Page mimolettes - 2 focus*/
.page-id-78 .entry-content div.column,
.page-id-1460 .entry-content div.column{width: 48%;}
.page-id-78 .entry-content div.column p:nth-child(2) img,
.page-id-1460 .entry-content div.column p:nth-child(2) img{width: 100%; height: auto;}
    /*Page espace employés*/
 .post-password-form input {
    padding: 7px 10px;
}
.post-password-form input.submit {
    display: block;
    margin: 10px;
     background: #005aa1 none repeat scroll 0 0;
    border: medium none;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 11px;
    padding: 7px 10px;
    float: none;
    font-size: 14px;
}

.entry-content p.forgot{margin: 10px 0 20px 112px;}
.entry-content p.forgot a{
    color: #a9adad;
    font-size: 12px;
    font-style: italic;
    text-decoration: underline;
}

.page-id-3421 .left {
    display: inline-block;
    width: 68%;
    vertical-align: top;
}

.page-id-3421 .right {
    display: inline-block;
    margin: 15px 0 0;
    vertical-align: top;
    width: 31%;
}

.page-id-3421 .entry-content .right img {
    border: 0;
}

    /* Page mot de passe oublié */

#wpcf7-f3452-p3449-o1  .wpcf7-form {
     border: 1px solid #bebebe;
    border-radius: 10px;
    padding: 20px;
    width: 45%;
}

#wpcf7-f3452-p3449-o1 label {
    display: block;
    margin: 10px;
}

#wpcf7-f3452-p3449-o1 .wpcf7-submit {
    display: block;
    margin: 10px;
     background: #005aa1 none repeat scroll 0 0;
    border: medium none;
    border-radius: 2px;
    color: #fff;
    cursor: pointer;
    display: inline-block;
    font-size: 11px;
    padding: 7px 10px;
    float: none;
    font-size: 14px;
}

    /*Shortcode Produits (liste)*/
.page .bx-wrapper{width: 100%!important; margin: 0 auto 20px auto!important; padding: 0}
.entry-content .products-list{width: 100%; z-index: 100;}
.entry-content .products-list li{width: 210px; height: 200px; float: left; padding: 0; line-height: normal; position: relative}
.entry-content .products-list li figure{width: 190px; height: 180px; margin: 10px auto;}
.entry-content .products-list li figure img{}
.entry-content .products-list li .content{width: 215px; height: 199px; padding: 8% 0 0 0; opacity: 0; position: absolute; left:0; top:-180px; background: rgba(0, 90, 161, 0.95); border-radius: 3px;}
.entry-content .products-list li .content h4{font-weight: 600; margin: 0; padding: 10px 10px 0 10px; color: #fff; text-align: center}
.entry-content .products-list li .content span{display: block; margin: 0; padding: 0 10px 5px 10px; font-size: 11px; color: #fff; text-align: center}
.entry-content .products-list li .content p{display: block; padding: 0 10px 10px 10px; margin: 0; font-size: 13px; color: #fff; line-height: 16px; text-align: center}
.entry-content .products-list li:before{display: none;}
.entry-content .bx-wrapper .bx-controls{position: relative; top: -110px; z-index: 1;}
.entry-content .bx-wrapper .bx-controls-direction{}
.entry-content .bx-wrapper .bx-prev{position: absolute; left: -40px; text-decoration: none;}
.entry-content .bx-wrapper .bx-prev:before{content: '\f104'; font-family: FontAwesome; font-size: 30px;}
.entry-content .bx-wrapper .bx-next{position: absolute; right: -40px; text-decoration: none;}
.entry-content .bx-wrapper .bx-next:before{content: '\f105'; font-family: FontAwesome; font-size: 30px;}
    /*Shortcode Affichage dernières recettes*/
.entry-content .recipes-container{width: 47%; height: 220px; float: left; margin: 0 0 20px 0; padding: 10px 1% 10px 2%; background: #ededed;}
.entry-content > .classic{border-radius: 5px 0 0 5px; clear: both;}
.entry-content > .fancy{padding: 10px 2% 10px 1%; border-radius: 0 5px 5px 0;}
.entry-content .recipes-container h4{font-weight: 600; margin-bottom: 10px;  color: #005aa1;}
.entry-content .recipes-list{}
.entry-content .recipes-list li{width: 48%; float: left;  margin-right: 2%; text-align: center; letter-spacing: -0.4px;}
.entry-content .fancy li:nth-child(2){margin-right: 0;}
.entry-content .recipes-list li:before{display: none;}
.entry-content .recipes-list a{font-weight: 600; text-align: center; line-height: 18px; text-decoration: none;}
.entry-content .recipes-list img{width: 100%; height: auto; padding-bottom: 15px; border: none;}
    /*Page Recettes (liste)*/
.list{width: 77%; float: left;}
.list .recipes-list{width: 100%;}
.list .recipes-list li{width: 31.7%; float: left; margin: 0 2% 20px 0; border: 1px solid #dcdcdc; border-radius: 5px;}
.list .recipes-list li:hover{box-shadow: 1px 1px 8px #ccc;}
.list .recipes-list li h3{height: 35px; padding: 0 6px; font-size: 14px; font-weight: 600; font-family: 'Open Sans', sans-serif; letter-spacing: -0.2px;}
.list .recipes-list li a{text-decoration: none;}
    /*Pages Lait infantile - nos gammes de produit*/
.entry-content .milk-list{float: left; width: 34%; margin: 0 2% 0 0; border: 1px solid #dcdcdc; border-radius: 5px}
.entry-content .list2{margin-right: 0}
.entry-content .list3{width: 71%; float: left; margin-right: 0;}
.entry-content .milk-list p{ display: block; margin: 0 0 0 0; padding: 0 0 0 0; text-align: center;}
.entry-content .milk-list p strong{display: block; padding: 10px 0; font-family: 'Crete Round', serif; font-size: 16px; font-weight: 500; background-color: #f4f4f4;}
.entry-content .milk-list ul{height:130px; padding: 20px 0 10px 0; margin: 0; background: #ededed; border-top: 1px solid #dcdcdc;}
.entry-content .milk-list ul li{line-height: 13px; font-size: 13px; text-align: center; font-weight: 600; margin-bottom: 10px}
.entry-content .milk-list ul li:before{display: none;}
    /*Page lait infantile - qui sommes nous */
.page-id-548 .entry-content img.size-full,
.page-id-1467 .entry-content img.size-full{width: auto; height: auto;}
    /*Recette (fiche)*/
.single-recettes #content .content{width: 77%; float: left}
.single-recettes #content .back{display: none;}
.single-recettes #content .content .back{display: none;}
.single-recettes #content .content figure{width: 68%; float: left; margin-right: 2%;}
.single-recettes #content .content figure img{width: 100%; height: auto}
.single-recettes #content .content section{float: left;}
.single-recettes #content .content section i:before{font-size: 30px; margin: 0}
.single-recettes #content .content #ingredients{width: 30%; float: right}
.single-recettes #content .content #ingredients h3{font-family: 'Crete Round', serif; font-size: 18px; font-weight: 500; text-align: center}
.single-recettes #content .content #ingredients p,
.single-recettes #content .content #ingredients ul{font-size: 13px; margin: 0 0 5px 0}
.single-recettes #content .content #ingredients li{font-size: 13px; margin: 0 0 3px 0; line-height: 17px;}
.single-recettes #content .content #ingredients li a{font-size: 13px;}
.single-recettes #content .content #progression{width: 68%; margin: 20px 0 0 0}
.single-recettes #content .content #infos{width: 30%; float: right; margin-top: 20px;}
.single-recettes #content .content #infos p{width: 90%; padding: 20px 5%; background: #f4f4f4; border-radius: 5px;}
.single-recettes #content .content #infos p span,
.single-recettes #content .content #infos p strong{font-size: 13px}
.single-recettes #content .content #infos p > span,
.single-recettes #content .content #infos p > i{display: inline-block; vertical-align: top;}
.single-recettes #content .content #infos p > span:first-child,
.single-recettes #content .content #infos p > i{width: 42px; margin-right: 10px; position: relative}
.single-recettes #content .content #infos p > span:first-child > i{position: absolute; left: 0; top: 10px;}
.single-recettes #content .content #infos p > span:first-child > i.flaticon-knife30{left: 12px; top: 0}
.single-recettes #content .content #infos p > span:nth-child(2){width: 145px;}
.single-recettes #content .content #share{ clear: both;}
.single-recettes #content .content section .jssocials-share-link{padding: 0.3em 0.4em;}
.single-recettes #content .content section .jssocials-share-logo:before{font-size: 18px}
.single-recettes #content .content #share-box .jssocials-share-twitter{}
.single-recettes #content .content #share-box .jssocials-share-facebook{}
.single-recettes #content .content #share-box .jssocials-share-googleplus{}
.single-recettes #content .content #share-box .jssocials-share-linkedin{}
.single-recettes #content .content #share-box .jssocials-share-pinterest{}
.single-recettes #content .content #share-box .jssocials-share-whatsapp{}
    /*Actualités (liste)*/
.entry-content .news-item:first-child{margin-top: 30px;}
.news-item{width:100%; float: left; margin: 15px 0; }
.news-item figure{width: 30%; float: left; margin: 0 2% 20px 0;}
.news-item figure img{width: 100%; height: auto}

.embed-container {
        display: block !important;
        position: relative;
        padding-bottom: 56.25%;
        overflow: hidden;
        max-width: 100%;
        height: auto;
    }

.embed-container iframe,
.embed-container object,
.embed-container embed {
        position: absolute;
        top: 0;
        left: 0;
        width: 100%;
        height: 100%;
    }
    /*Portraits (liste)*/
.portraits-container{width: 49%; float: left; margin: 0 2% 0 0;}
.item-2{margin: 0}
.portraits-list{}
.portraits-list li{}
.portraits-list li h4{margin: 0 0 20px 0; font-weight: 600; font-size: 16px;}
.entry-content .portraits-list li:before{display: none;}
.portraits-list li figure{width: 100%;}
.portraits-list li figure img{width: 100%; height: auto}

/* Le saviez-vous (single) */
#lsv{}
#lsv h1{margin: 30px 0 20px 0;}

/*Page recrutement*/
.page-template-page-recrutement .entry-content ul li{padding: 8px 0 8px 10px; margin: 0}
.page-template-page-recrutement .entry-content ul li:nth-child(odd){background: #ededed;}
.page-template-page-recrutement .entry-content ul li:before{display: none}
.page-template-page-recrutement .entry-content ul li a{display: inline-block}
.entry-content ul.job-list{margin: 0}
.entry-content ul.job-list a{text-decoration: none}
.entry-content ul.job-list h3{margin: 0; font-family: 'Open Sans', sans-serif; font-size: 16px; font-weight: 600;}

#spontaneous{border-top:1px solid #dcdcdc; margin: 15px 0 0 0;}
#spontaneous > p{font-weight: 600;}
#wpcf7-f2334-p15-o1{position: relative;}
#wpcf7-f2334-p15-o1 textarea{height: 100px;}
#wpcf7-f2334-p15-o1 .form-b > div:first-child label,
#wpcf7-f2334-p15-o1 .form-b > div:nth-child(3) label{display: inline-block; vertical-align: top;}
#wpcf7-f2334-p15-o1 .form > div label{width: 40%;}
#wpcf7-f2334-p15-o1 .form > div input,
#wpcf7-f2334-p15-o1 .form > div select{padding: 2px; width: 57%}
#wpcf7-f2334-p15-o1 .form > div select{width: 58%}
#wpcf7-f2334-p15-o1 .form > div input,
#wpcf7-f2334-p15-o1 .form > div select,
#wpcf7-f2334-p15-o1 .form > div textarea{border: 1px solid #dcdcdc;}
#wpcf7-f2334-p15-o1 .form > div textarea{width:99%; }
#wpcf7-f2334-p15-o1 .form > div .degree,
#wpcf7-f2334-p15-o1 .form > div .expertise{width: 58%; display: inline-block;}
#wpcf7-f2334-p15-o1 .submit{width: 100%; text-align: center;}
#wpcf7-f2334-p15-o1 .wpcf7-submit{margin: 0 auto; float: none;}

/* politique de confidentialite - tableaux */
table.tablestyle_1, table.tablestyle_1 th, table.tablestyle_1 td {
  	border: 1px solid black;
	padding:1%;
	vertical-align:middle;	
}

table.tablestyle_1 p{
  	margin:0px;
}

/*Page Press*/
.page-id-14 .entry-content table,
.page-id-1485 .entry-content table{width: 100%; margin: 0 0 20px 0}
.page-id-14 .entry-content table tr th,
.page-id-1485 .entry-content table tr th{font-family: 'Crete Round', serif; font-size: 18px; font-weight: 500; text-align: center; padding: 10px 0; border-bottom: 1px solid #dcdcdc}
.page-id-14 .entry-content table tr td,
.page-id-1485 .entry-content table tr td{text-align: center; padding: 10px 0; border-bottom: 1px solid #dcdcdc}
.page-id-14 .entry-content table tr td:first-child,
.page-id-1485 .entry-content table tr td:first-child{font-weight: 600;}
.page-id-14 .entry-content table tr td img,
.page-id-1485 .entry-content table tr td img{width: auto}
/*Page distinctions*/
.page-template-page-distinctions .entry-content li:before{display: none;}
.page-template-page-distinctions .entry-content .award-block{display: flex; flex-wrap: wrap;}
.page-template-page-distinctions .entry-content .award-block h2{width: 100%;}
.page-template-page-distinctions .entry-content .award-block > section{width: 100%; display: flex; margin: 0 0 25px 0; background: #f4f4f4; border-radius: 5px;}
.page-template-page-distinctions .entry-content .award-type{ background: #fff; border-radius: 5px; display: flex; align-items: center; justify-content: center; margin: 2px 2% 2px 2px; text-align: center; width: 20%;}
.page-template-page-distinctions .entry-content .award-type figure{text-align: center}
.page-template-page-distinctions .entry-content .award-type img{border: none; width: auto}
.page-template-page-distinctions .entry-content .award-type figcaption{padding-top: 10px; font-family: 'Crete Round', serif; font-size: 18px; font-weight: 500;}
.page-template-page-distinctions .entry-content .award-items{width: 80%; overflow: hidden}
.page-template-page-distinctions .entry-content .award-items ul{display: flex; flex-wrap: wrap; margin: 0}
.page-template-page-distinctions .entry-content .award-items li{width: 20%; margin: 10px 2%; position: relative; border-radius: 5px;}
.page-template-page-distinctions .entry-content .award-items li img{width: 100%; height: auto;}
.page-template-page-distinctions .entry-content .award-items li .content{ width: 100%; height: 75%; padding: 10% 0 15%; opacity: 0; position: absolute; top: -60px; left: 0; background: #005aa1; color: #fff; border-radius: 5px; text-align: center; font-size: 13px;}
.page-template-page-distinctions .entry-content .award-items li .content h4{margin-bottom: 0}
.page-template-page-distinctions .entry-content .award-items li .content span{display: block; margin: 0; padding: 0 10px 5px 10px; font-size: 11px; color: #fff; text-align: center}
/*Page Ou nous trouver*/
.page-id-13 .entry-content,
.page-id-1483 .entry-content{padding-top: 30px; display: flex;flex-wrap: wrap;}
.page-id-13 .entry-content ul,
.page-id-1483 .entry-content ul{width: 100%;}
.page-id-13 .entry-content div.column,
.page-id-1483 .entry-content div.column{float: none; width: 19.2%; padding: 20px 2%; margin: 0 2% 20px 0; background: #f4f4f4; box-shadow: 0 0 8px #dcdcdc; border: 1px solid #dcdcdc;}
.page-id-13 .entry-content div.column h3,
.page-id-1483 .entry-content div.column h3{margin: 0 0 10px 0; font-size: 17px; text-align: center}
.page-id-13 .entry-content div.column:nth-of-type(4n+4),
.page-id-1483 .entry-content div.column:nth-of-type(4n+4){margin-right: 0}
.page-id-13 .entry-content div.column p:nth-child(2) img,
.page-id-1483 .entry-content div.column p:nth-child(2) img{width: 100%; height: auto}


/*Contactez-nous*/
.entry-content .wpcf7{padding: 30px 0 30px 0}
.entry-content span.wpcf7-not-valid-tip{font-size: 12px; text-align: right; padding: 5px 0}
.entry-content .wpcf7 p{margin: 0; padding: 0}
.wpcf7 .form{float: left;}
.wpcf7 .form-a{width: 48%; margin: 0 2% 15px 0;}
.wpcf7 .form-b{width: 48%; margin: 0 0 15px 0;}
.wpcf7 .form-d{width: 50%; margin: 0 0 15px 0;}
.wpcf7 .form-c{width: 100%;}
.wpcf7 .form > div{margin: 0 0 10px 0;}
.wpcf7 .form label{display: inline-block; width: 30%; font-weight: 600}
.wpcf7 .form input{display: inline-block; width: 68%;}
.wpcf7 .form-c label{display: block; margin: 0 0 10px 0;}
.wpcf7 .form-c textarea{width: 100%; height: 100px; display: block;}
.wpcf7 .label_first .wpcf7-checkbox .wpcf7-list-item{margin: 0}
.wpcf7 .label_first .wpcf7-checkbox input{width: auto; margin: 0 5px 0 0}
.wpcf7 .label_first .wpcf7-checkbox .wpcf7-list-item-label{}
.wpcf7 .required{color: #ff0000}
.wpcf7 .newsletter,
.wpcf7 .submit{clear: both; display: inline-block;}
.wpcf7 .newsletter{width: 70%;}
.wpcf7 .submit{ width: 29%;}
.wpcf7 .wpcf7-submit{float: right; margin: 0 0 0 0;}
.wpcf7 div.wpcf7-validation-errors {border: 1px solid #ff7e00; border-radius: 3px; color: #333; font-size: 12px; font-weight: 600; left: 50%; margin-left: -25%; padding: 5px 0; position: absolute; text-align: center; top: -21px; width: 50%;}
.wpcf7 div.wpcf7-mail-sent-ok{ background: #68ba48 none repeat scroll 0 0; border: medium none; border-radius: 3px; color: #fff; font-weight: 600; left: 50%; margin-left: -25%; padding: 5px 0; position: absolute; text-align: center; top: -25px; width: 50%;}
/*Page recherche*/
.search-results .entry-content > header > h1{margin: 30px 0 20px 0}
.search-results .entry-content .hentry header h1{ padding: 0; margin: 0 0 15px 0; font-size: 18px;}
.search-results .entry-content .hentry header h1 a{font-size: 16px; font-weight: 600; text-shadow: none; color: #333;}
/*Plan du site*/
#content .sitemap{padding: 30px 2%;}
#content .sitemap li:before{display: none;}
#content .sitemap a{display: block; text-decoration: none;}
#content .sitemap .menu{}
#content .sitemap .menu > li > a{display: none;}
#content .sitemap .menu > li{width: 19%; display: inline-block; vertical-align: top;}
#content .sitemap .menu > li > .sub-menu > li{margin: 0 0 10px 0;}
#content .sitemap .menu > li > .sub-menu > li > a{margin: 0 0 5px 0; font-family: 'Crete Round', serif; font-size: 14px; font-weight: 500; text-transform: uppercase}
#content .sitemap .menu > li > .sub-menu > li ul li{margin: 0}
#content .sitemap .menu > li > .sub-menu > li ul li a{margin: 0; font-size: 12px; font-weight: 500;}

/****** Le Livre de la Crème ******/


body.page-template-page-livre-creme  {
    background: url(../img/creme-livre-isigny-sainte-mere.jpg) no-repeat;
}

.page-template-page-livre-creme .entry-content {
    box-shadow: 0 0 0 !important;
}

.page-template-page-livre-creme h1 {
    color: #977E49;
    text-align: center;
    text-shadow: 0 0 0;
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase;
    font-size: 110px;
    padding:  80px 0 0 0;

}

.page-template-page-livre-creme h1 span {
    color: #977E49;
    text-align: center;
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase;
    font-size: 48px;
    font-weight: 600;
    line-height: 2em;
    vertical-align: top !important;
}

.page-template-page-livre-creme .logo-page {
    text-align: center;
}

.page-template-page-livre-creme .by { 
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 20px 0;
 }

.page-template-page-livre-creme span.mini-more {
    font-size: 13px;
    font-weight: 400;
    color: #977E49;
    text-align: center;
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase;
}

.page-template-page-livre-creme .logo-page { margin: 0 0 85px 0; }

.page-template-page-livre-creme .chiffres {
    text-align: center;
    padding: 75px 0px;
 }

 .page-template-page-livre-creme .chiffres p{
    color: #977E49;
    text-align: center;
    text-shadow: 0 0 0;
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase;
    font-size: 55px;
    line-height: 1em;
    font-weight: 500;
 }

 .page-template-page-livre-creme .chiffres .left {
    display: inline-block;
    width: 13%;
    vertical-align: top;
    padding: 0 20px;
 }

.page-template-page-livre-creme .chiffres .separate {
    display: inline-block;
    width: 2%;
    vertical-align: middle;
    padding: 20px 10px;
}

 .page-template-page-livre-creme .chiffres .right {
    display: inline-block;
    width: 13%;
    vertical-align: top;
    padding: 0 20px;
 }

.page-template-page-livre-creme  .entry-content img {
    border-radius: 0;
    border: 0;
}

.page-template-page-livre-creme .subtitle-h2 a{
    background-color: #977E49;
    color: #fff;
    text-align: center;
    text-shadow: 0 0 0;
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase;
    font-size: 45px;
    line-height: 1em;
    font-weight: 400;
    display: block;
    width: 35%;
    padding: 14px 0;
    border-radius: 25px;
    letter-spacing: 2px;
    margin: 80px auto 20px auto;
    text-decoration: none;
}

.page-template-page-livre-creme  h2 {
    color: #BEBEBE;
    text-align: center;
    text-shadow: 0 0 0;
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase;
    font-size: 70px;
    line-height: 1em;
    font-weight: 500;
    display: block;
    margin: 10px auto 30px auto;
}

.page-template-page-livre-creme .entry-content ul {
    margin: 0 130px 120px 135px;
    width: 75%;
    text-align: center;
}


.page-template-page-livre-creme .entry-content ul li::before {
    display: none;
}


.page-template-page-livre-creme  .entry-content ul li {
    list-style-type: none;
    display: inline-block;
    vertical-align: top;
    width: 160px;
    height: 160px;
    margin: 6px 6px 6px 6px;
    text-align: center;
    position: relative;
}


.page-template-page-livre-creme  .entry-content ul li img {
    position: absolute;
    left: -1000%;
    right: -1000%;
    top: -1000%;
    bottom: -1000%;
    margin: auto;
    min-height: 100%;
    min-width: 100%;
    max-height: 160px;
}

 .page-template-page-livre-creme  .caption-recette {
    position: absolute;
    top: 0;
    width: 100%;
    opacity: 0;
    height: 160px;
    background: rgba(151, 126, 73, .8);
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
    margin: 10px;
}

 .page-template-page-livre-creme  .caption-recette p{
    text-align: center;
    color: #fff;
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    padding: 0 20px;
    vertical-align: middle;
    position: absolute;
  top: 50%; /* poussé de la moitié de hauteur du référent */
  transform: translateY(-50%);
}

 .page-template-page-livre-creme .recipe-creme:hover .caption-recette {
    opacity: 1;
    -webkit-transition: all 500ms ease;
    -moz-transition: all 500ms ease;
    -ms-transition: all 500ms ease;
    -o-transition: all 500ms ease;
    transition: all 500ms ease;
}

 .page-template-page-livre-creme .illustration-recette {
    width: 160px;
    height: 160px;
    overflow: hidden;
    margin: 10px;
    position: relative;
}


.page-template-page-livre-creme .presentation-creme {
    display: inline-block;
    width: 39%;
    vertical-align: top;
    margin: 0 0 0 140px;
}

.page-template-page-livre-creme .presentation-creme p{
    font-size: 20px;
    color: #707070;
    text-align: left;
    line-height: 24px;
    font-family: 'Helvetica Neue', sans-serif;
}

.page-template-page-livre-creme .entry-content .lien a{
    background-color: #977E49;
    border: 3px solid #977E49 !important;
    color: #fff;
    text-align: center;
    text-shadow: 0 0 0;
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase !important;
    font-size: 30px;
    line-height: 1em;
    font-weight: 400;
    display: block;
    width: 90%;
    padding: 14px 0;
    border-radius: 25px;
    letter-spacing: 2px;
    margin: 30px auto 20px auto;
    text-decoration: none;
}

.page-template-page-livre-creme .entry-content .lien a:hover{
    background-color: #fff;
    color: #977E49;
    border: 3px solid #977E49 !important;
}

.page-template-page-livre-creme .bol-creme {
    display: inline-block;
    margin: 50px 0 0 30px;
}


.page-template-page-livre-creme .entry-content { margin: 0 0 20px 0; padding: 0 2% 0px 2%; } 

.page-template-page-livre-creme .bottom-page {
    background: rgba(255,255,255,1);
  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 57%, rgba(247,247,247,1) 57%, rgba(247,247,247,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(57%, rgba(255,255,255,1)), color-stop(57%, rgba(247,247,247,1)), color-stop(100%, rgba(247,247,247,1)));
  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 57%, rgba(247,247,247,1) 57%, rgba(247,247,247,1) 100%);
  background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 57%, rgba(247,247,247,1) 57%, rgba(247,247,247,1) 100%);
  background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 57%, rgba(247,247,247,1) 57%, rgba(247,247,247,1) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 57%, rgba(247,247,247,1) 57%, rgba(247,247,247,1) 100%);
    display: inline-block;
    width: 100%;
    text-align: center;
    padding: 0 0 70px 0;
}

.page-template-page-livre-creme .subfooter {
    margin: -40px 200px 0 200px;
}


.page-template-page-livre-creme .subfooter p {
    font-size: 10px;
    color: #707070;
    text-align: center;
    line-height: 12px;
    font-family: 'Helvetica Neue', sans-serif;
}


/* --------------------------------
            mobile
-------------------------------- */

@media only screen and (max-width : 640px) { 

    body.page-template-page-livre-creme {
    background: url(../img/creme-livre-isigny-sainte-mere.jpg) no-repeat !important;
}

    .page-template-page-livre-creme h1 {
    color: #977E49;
    text-align: center;
    text-shadow: 0 0 0 !important;
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase;
    font-size: 60px !important;
    padding:  80px 0 0 0;
    font-weight: bold;
    margin: 0 0 0 -20px;

}

.page-template-page-livre-creme h1 span {
    color: #977E49;
    text-align: center;
    font-family: 'Oswald', sans-serif !important;
    text-transform: uppercase;
    font-size: 28px;
    font-weight: 600;
    line-height: 2em;
    vertical-align: top !important;
}


.page-template-page-livre-creme .by { 
    display: inline-block;
    width: 100%;
    text-align: center;
    margin: 20px 0;
 }

 .page-template-page-livre-creme .subtitle-h2 {
    font-size: 35px;
    width: 95%;
    letter-spacing: 1px;
    margin: 0px auto 20px auto;
    display: none !important;
}

.page-template-page-livre-creme h2 {
    padding: 0 !important;
}


.page-template-page-livre-creme .chiffres {
    text-align: center;
    padding: 25px 0px;
    width: 100%;
    display: inline-block;
    text-align: center;
 }


  .page-template-page-livre-creme .chiffres .left,
  .page-template-page-livre-creme .chiffres .right {
    display: inline-block;
    width: 90%;
    margin: 0 !important;
 }

.page-template-page-livre-creme .chiffres .left {
    margin: 0 0 30px 0 !important;
 }


.page-template-page-livre-creme .chiffres .left p,
.page-template-page-livre-creme .chiffres .right p{
    display: inline-block;
    width: 90%;
    padding: 0 0;
    text-align: center;
    font-weight: bold;
 }

.page-template-page-livre-creme .chiffres .separate {
    display: none !important;
}


 .page-template-page-livre-creme .entry-content ul {
    margin: 0 0px 80px 0px;
    width: 95%;
    text-align: center;
}

 .page-template-page-livre-creme .recettes-creme {
    margin: -50px 0 0 0;
 }


.page-template-page-livre-creme .presentation-creme {
    width: 90%;
    margin: 0 0 0 20px;
}


.page-template-page-livre-creme .entry-content .lien a{
    font-size: 25px;
    width: 95%;
}


.page-template-page-livre-creme .bol-creme img{
   display: inline-block;
    width: 100%;
    text-align: center;
}

.page-template-page-livre-creme .bol-creme {
    display: inline-block;
    margin: 40px 0 0 0px;
}


.page-template-page-livre-creme .subfooter {
    margin: -40px 20px 0 20px;
}

.page-template-page-livre-creme .bottom-page {
    background: rgba(255,255,255,1);
  background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 57%, rgba(247,247,247,1) 57%, rgba(247,247,247,1) 100%);
  background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(255,255,255,1)), color-stop(57%, rgba(255,255,255,1)), color-stop(57%, rgba(247,247,247,1)), color-stop(100%, rgba(247,247,247,1)));
  background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 57%, rgba(247,247,247,1) 57%, rgba(247,247,247,1) 100%);
  background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 57%, rgba(247,247,247,1) 57%, rgba(247,247,247,1) 100%);
  background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 57%, rgba(247,247,247,1) 57%, rgba(247,247,247,1) 100%);
  background: linear-gradient(to bottom, rgba(255,255,255,1) 0%, rgba(255,255,255,1) 57%, rgba(247,247,247,1) 57%, rgba(247,247,247,1) 100%);
  display: inline-block;
    width: 100%;
    text-align: center;
    padding: 0 0 70px 0;
    
}

.page-template-page-livre-creme .bottom-page .pot img{
   display: inline-block;
    width: 100%;
    text-align: center;
    margin: 0 0 20px -35px;
}


}

@media only screen and (min-device-width: 320px) and (max-device-width: 640px) and (orientation: landscape) {

        body.page-template-page-livre-creme {
    background: url(../img/creme-livre-isigny-sainte-mere.jpg) no-repeat !important;
}

    .page-template-page-livre-creme h1 {
    font-size: 80px !important;
    padding:  80px 0 0 0;
    font-weight: bold;

}

.page-template-page-livre-creme h1 span {
    font-size: 38px;
    font-weight: 600;
}

.page-template-page-livre-creme  h2 {
    font-size: 50px !important;
}


 .page-template-page-livre-creme .entry-content ul {
    margin: 0 0px 80px auto;
    width: 100%;
    text-align: center;
}

.page-template-page-livre-creme .chiffres {
    margin: 0 0 0 -50px !important;
 }


 .page-template-page-livre-creme .chiffres .left {
    display: inline-block;
    width: 13%;
    vertical-align: top;
    padding: 0 20px;
 }

.page-template-page-livre-creme .chiffres .separate {
    display: inline-block;
    width: 2%;
    vertical-align: middle;
    padding: 20px 10px 20px 40px;
}

 .page-template-page-livre-creme .chiffres .right {
    display: inline-block;
    width: 13%;
    vertical-align: top;
    padding: 0 20px;
 }

 .page-template-page-livre-creme .presentation-creme {
    display: inline-block;
    width: 39%;
    vertical-align: top;
    margin: 0 0 0 40px;
}

.page-template-page-livre-creme .entry-content .lien a{
    font-size: 22px;
    width: 100%;
}



}




/*SINGLE*/
    /*Portrait*/
.single-portrait h1{margin: 0 0 20px 0}
.single-portrait .entry-content img{width: 100%; height: auto; display: block; margin: 0 0 20px 0}
    /*recrutement*/
.job-single a.back{display: block; margin: 20px 0 0 0; cursor: pointer}
.job-single h1{margin: 15px 0 20px 0}
.job-single .apply{ width: 96%; padding: 2%; background:#f4f4f4; border-radius: 5px; position: relative;}
.job-single .wpcf7{padding: 0}
.job-single .wpcf7 .form-d label{width: 30%}
.job-single .wpcf7 .form-d input{width: 70%;}
.apply .wpcf7 .submit{float: right;}
/*SIDEBAR*/
#sidebar{width: 21%; float: left; margin: 30px 2% 0 0;}
#sidebar ul li.categories > a{display: block; margin-bottom: 20px; padding-bottom: 10px; font-family: 'Crete Round', serif; font-size: 18px; color: #005aa1; border-bottom: 1px solid #005aa1; text-decoration: none;}
#sidebar ul li.categories:before,
#sidebar ul li ul li:before{display: none;}
#sidebar ul li ul li a:before{font-family: "Flaticon"; font-size: 32px; font-weight: 500; padding-right: 5px}
#sidebar ul li ul li:first-child a:before{content: '\e009';}
#sidebar ul li ul li:nth-child(2) a:before{content: '\e001';}
#sidebar ul li ul li:nth-child(3) a:before{content: '\e002';}
#sidebar ul li ul li:nth-child(4) a:before{content: '\e007';}
#sidebar ul li ul li:nth-child(5) a:before{content: '\e004';}
#sidebar ul#fancy li ul li:nth-child(4) a:before{content: '\e004';}
#sidebar ul li ul li a{font-weight: 600;text-decoration: none;}
#sidebar ul li ul li.current-cat a,
#sidebar ul li ul li a:hover{ color: #005aa1;}
#sidebar .recipe-menu button{display: none;}

/*FOOTER*/
#footer{background: #595959; border-radius: 3px; margin-bottom: 10px; position: relative;}
.home #footer{position: relative; height: 190px;}
.home #footer .container{width: 100%; height: 100%; position: absolute; left: 0; top: 0}
    /*Menus*/
#footer .container > div:first-child{float: left; height: 170px; padding: 10px 0 10px 2%; vertical-align: top; width: 72%;}
#footer .menu{position: relative; width: 100%; height: 100%;}
#footer .menu > li{}
#footer .menu a{color: #fff;}
#footer .menu > li > a{display: none;}
#footer .menu > li > ul{width: 20%; position:absolute; top: 20px}
#footer .menu > li:nth-child(2) > ul{left:18%;}
#footer .menu > li:nth-child(3) > ul{left:38%;}
#footer .menu > li:nth-child(4) > ul{left:58%;}
#footer .menu > li:nth-child(5) > ul{left:76%;}
#footer .menu > li > ul > li{margin-bottom: 13px;}
#footer .menu > li > ul > li > a{font-size: 11px; font-weight: 600; text-transform: uppercase;}
#footer .menu > li > ul > li > ul{padding-top: 13px}
#footer .menu > li > ul > li > ul >li{margin-bottom: 5px;}
#footer .menu > li > ul > li > ul >li a{font-size: 12px;}
#footer .contact{float: left; width: 20%; margin: 20px;}
#footer .contact a{display: block; margin:0 auto; padding: 7px 0; background: #8a8a8a; border-radius: 5px; position: relative; text-align: center}
#footer .contact a span{font-family: 'Crete Round', serif; font-size: 18px; color: #fff; font-weight: 500; text-align: center;}
#footer .contact a span:before{width: 22px; height: 10px; display: block; background: url(../css/img/sprite.png) no-repeat left center;}
#footer .contact p{width:100%; clear: both;}
#footer .contact p,
#footer .contact p span{color: #fff}
#footer .contact p.address{margin: 5px 0; font-size: 12px; line-height: 18px}
#footer .contact p.phone{border: 1px solid #8a8a8a; border-radius: 5px;}
#footer .contact p.phone span{display: block; position: relative; padding: 0 5px 0 55px; text-align: center; font-size: 12px;}
#footer .contact p.phone span:before{position: absolute; left:0; top:0; padding: 0 20px; font-family: FontAwesome; content: '\f095'; font-size: 16px; background: #8a8a8a; border-radius: 5px 0 0 5px;}
#copyright{float: left; width: 100%; padding: 0 0 15px 0; text-align: center; font-size: 12px; position: absolute; bottom: 0; color: #ccc}
#header >nav li {
    vertical-align: top;
}
#header >nav li.DisneyMenu a {
    font-family: 'zepalphabetregular';
    font-weight: normal;
    font-style: normal;
    text-transform: none;
    font-size: 22px;
    display: inline-block;
    max-width: 80px;
    margin-top: -18px;
    text-align: left;
}
.mobile #header .menu-mobile ul.menu > li.DisneyMenu a {
    font-family: 'zepalphabetregular';
    font-weight: normal;
    font-style: normal;
    text-transform: none;
    font-size: 25px;
}
body.page-id-3650 div#wrapper {
    background-image: url("/wp-content/themes/isigny-ste-mere/img/texture.png");
    background-repeat: repeat;
    background-position: center;
    background-size: 100% auto;
}
body.page-id-3650 section.parchemin {
    background-image: url("/wp-content/themes/isigny-ste-mere/img/parchemin.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
}
body.page-id-3650 section.marron {
    background: #B7A28D;
}
body.page-id-3650 section.backbottom {
    background-color: white;
    background-image: url("/wp-content/themes/isigny-ste-mere/img/backbottom.png");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: 100% auto;
}
body.page-id-3650 section#Titre {
    padding-top: 20px;
    position: relative;
    text-align: center;
}
body.page-id-3650 section#Titre::before {
    content: "";
    display: block;
    position: absolute;
    background-image: url("/wp-content/themes/isigny-ste-mere/img/titrebefore.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: auto 100%;
    height: 196px;
    width: 100%;
}
body.page-id-3650 section#Titre h2 {
    font-family: 'UniversLT';
    padding-top: 25px;
    font-size: 30px;
    line-height: 45px;
    color: #707070
}
body.page-id-3650 section#Titre h5 {
    font-family: 'UniversLT';
    font-size: 25px;
    line-height: 35px;
    color: #707070;
    opacity: .5
}
body.page-id-3650 section#Video iframe {
    position: relative;
    margin-top: 40px;
    margin-bottom: -60px;
}
body.page-id-3650 section#Video::before {
    content: "";
    vertical-align: top;
    margin-top: 60px;
    margin-left: 20px;
    margin-bottom: 60px;
    display: inline-block;
    background-image: url("/wp-content/themes/isigny-ste-mere/img/videobefore.png");
    background-repeat: no-repeat;
    background-position: center left;
    background-size: auto 100%;
    height: 290px;
    width: calc((100% - 808px) / 2);
}
body.page-id-3650 section#Video::after {
    content: "";
    vertical-align: top;
    margin-top: 60px;
    margin-right: 20px;
    margin-bottom: 60px;
    display: inline-block;
    background-image: url("/wp-content/themes/isigny-ste-mere/img/videoafter.png");
    background-repeat: no-repeat;
    background-position: center right;
    background-size: auto 100%;
    height: 290px;
    width: calc((100% - 808px) / 2);
}
body.page-id-3650 section#Titre h1 {
    font-family: 'zepalphabetregular';
    font-weight: normal;
    font-style: normal;
    font-size: 60px;
    line-height: 72px;
    color: #74675A;
    padding-bottom: 45px
}
body.page-id-3650 section#Texte {
    padding: 100px 0 40px;
    background: #fff
}
body.page-id-3650 section#Texte img {
    vertical-align: top;
    display: inline-block;
    width: 20%;
    margin: 0 40px;
}
body.page-id-3650 section#Texte div {
    display: inline-block;
    width: 65%;
    margin: 0;
    vertical-align: top;
    padding-top: 10px;
}
body.page-id-3650 section#Texte p {
    font-family: 'Open Sans', sans-serif;
    font-size: 20px;
    line-height: 28px;
    font-weight: 300;
    color: #707070;
    margin-bottom: 15px;
}
body.page-id-3650 section#Texte p strong {
    font-size: 20px;
    line-height: 24px;
    color: #707070
}
body.page-id-3650 section#Produit {
    background-size: 100% 100%;
    padding: 30px 0;
    text-align: center;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
body.page-id-3650 section#Produit .responsive,
body.page-id-3650 br.responsive {
    display: none!important
}
body.page-id-3650 section#Produit h3 {
    font-family: 'zepalphabetregular';
    font-weight: normal;
    font-style: normal;
    font-size: 50px;
    line-height: 63px;
    text-align: center;
    color: #74675A;
}
body.page-id-3650 section#Produit h3::after {
    content: "";
    display: block;
    background-image: url("/wp-content/themes/isigny-ste-mere/img/produitfirst.png");
    background-repeat: no-repeat;
    background-position: center bottom;
    background-size: auto 100%;
    height: 50px;
    width: 100%;
    margin-top: 20px;
}
body.page-id-3650 section#Produit ul {
    text-align: center;
    padding: 0;
    width: 42.1%;
    display: inline-block;
}
body.page-id-3650 section#Produit ul li {
    display: inline-block;
    margin: 0;
    vertical-align: top;
    border-radius: 200px;
    width: 190px;
    height: 140px;
    background: #fff;
    padding: 45px 20px;
    position: relative;
    margin: 0 7px;
}
body.page-id-3650 section#Produit ul li img:nth-child(1) {
    position: relative;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
body.page-id-3650 section#Produit ul li img:nth-child(2) {
    position: absolute;
    top: 20px;
    left: 45px;
    opacity: 0;
    max-height: 200px;
    -webkit-transition: all .4s ease-in-out;
    -moz-transition: all .4s ease-in-out;
    -ms-transition: all .4s ease-in-out;
    -o-transition: all .4s ease-in-out;
    transition: all .4s ease-in-out;
}
body.page-id-3650 section#Produit ul li.Produit3 img:nth-child(2) {
    left: 40px;
}
body.page-id-3650 section#Produit ul li.Produit5 img:nth-child(1),
body.page-id-3650 section#Produit ul li.Produit6 img:nth-child(1) {
    max-width: 94%
}
body.page-id-3650 section#Produit ul li.Produit5 img:nth-child(2) {
    left: 30px;
}
body.page-id-3650 section#Produit ul li.Produit6 img:nth-child(2) {
    left: 35px;
}
body.page-id-3650 section#Produit ul li.Produit7 img:nth-child(1) {
    max-width: 100%;
    padding-top: 20px;
}
body.page-id-3650 section#Produit ul li.Produit8 img:nth-child(1) {
    max-width: 100%;
    padding-top: 30px;
}
body.page-id-3650 section#Produit ul li.Produit7 img:nth-child(2),
body.page-id-3650 section#Produit ul li.Produit8 img:nth-child(2) {
    top: 65px;
    left: 15px;
}
body.page-id-3650 section#Produit ul li:hover img:nth-child(1) {
    opacity: 0;
}
body.page-id-3650 section#Produit ul li:hover img:nth-child(2) {
    opacity: 1;
}
body.page-id-3650 section#Produit ul li img {
    max-width: 90%;
}
body.page-id-3650 section#Produit div {
    padding-bottom: 20px;
}
body.page-id-3650 section#Produit div.on2line {
    position: relative;
    display: none;
    padding-bottom: 0;
    margin-bottom: 20px;
}
body.page-id-3650 section#Produit div div {
    text-align: center;
    position: relative;
    padding: 15px 0;
    overflow: visible !important;
    opacity: 0;
}
body.page-id-3650 section#Produit div.on2line::before{
    content: "";
    vertical-align: top;
    position: absolute;
    top: calc(50% - 145px);
    left: 20px;
    display: inline-block;
    background-image: url("/wp-content/themes/isigny-ste-mere/img/produitbefore.png");
    background-repeat: no-repeat;
    background-position: center left;
    background-size: auto 100%;
    height: 290px;
    width: 60px;
}
body.page-id-3650 section#Produit div.on2line::after {
    content: "";
    vertical-align: top;
    position: absolute;
    top: calc(50% - 145px);
    right: 20px;
    display: inline-block;
    background-image: url("/wp-content/themes/isigny-ste-mere/img/produitafter.png");
    background-repeat: no-repeat;
    background-position: center right;
    background-size: auto 100%;
    height: 290px;
    width: 60px;
}
body.page-id-3650 section#Produit div.second::before {
    content: "";
    vertical-align: top;
    position: absolute;
    top: calc(50% - 145px);
    left: 20px;
    display: inline-block;
    background-image: url("/wp-content/themes/isigny-ste-mere/img/arrowbefore.png");
    background-repeat: no-repeat;
    background-position: top left;
    background-size: auto 100%;
    height: 145px;
    width: 60px;
}
body.page-id-3650 section#Produit div.second::after {
    content: "";
    vertical-align: top;
    position: absolute;
    top: calc(50% - 145px);
    right: 20px;
    display: inline-block;
    background-image: url("/wp-content/themes/isigny-ste-mere/img/arrowafter.png");
    background-repeat: no-repeat;
    background-position: top right;
    background-size: auto 100%;
    height: 145px;
    width: 60px;
}
body.page-id-3650 section#Produit div p {
    background: #BEAB98;
    vertical-align: top;
    color: #fff;
    display: none;
    padding: 20px 5px;
    margin: 0 auto;
    width: 30%;
    font-family: 'Open Sans', sans-serif;
    font-weight: 300;
    font-size: 20px;
    line-height: 20px;
}
body.page-id-3650 section#Produit div p strong {
    font-family: 'Open Sans', sans-serif;
    font-size: 30px;
    line-height: 30px;
    padding-bottom: 5px;
    color: #fff;
    display: block;
    text-transform: uppercase;
}
body.page-id-3650 section#Jeu {
    background: #fff
}
body.page-id-3650 section#Jeu .w60 {
    width: 55%;
    vertical-align: top;
    display: inline-block;
    margin: 0;
    padding: 70px 0 70px 70px;
}
body.page-id-3650 section#Jeu h3 {
    font-family: 'zepalphabetregular';
    font-weight: normal;
    font-style: normal;
    font-size: 45px;
    line-height: 60px;
    color: #74675A
}
body.page-id-3650 section#Jeu h5 {
    font-family: 'Roboto Slab', serif;
    font-size: 30px;
    line-height: 50px;
    font-weight: 700;
    color: #74675A
}
body.page-id-3650 section#Jeu p {
    font-family: 'Roboto Slab', serif;
    font-size: 25px;
    line-height: 40px;
    font-weight: 400;
    color: #74675A
}
body.page-id-3650 section#Jeu a {
    font-family: 'Helvetica Neue', sans-serif;
    font-size: 20px;
    line-height: 60px;
    font-weight: 400;
    color: #B5B5B5;
}
body.page-id-3650 section#Jeu .w40 {
    width: 39%;
    vertical-align: top;
    display: inline-block;
    float: right;
    margin: 0
}
body.page-id-3650 section#Jeu .w40 img {
    max-width: 95%;
    padding: 70px 70px 50px 0;
}
body.page-id-3650 section#Maps {
    padding: 25px;
    text-align: center;
}
body.page-id-3650 section#Maps img.w20 {
    display: inline-block;
    width: 20%;
    vertical-align: top;
}
body.page-id-3650 section#Maps div.w50 {
    display: inline-block;
    width: 59%;
}
body.page-id-3650 section#Maps h2 {
    font-family: 'zepalphabetregular';
    font-weight: normal;
    font-style: normal;
    font-size: 32px;
    line-height: 40px;
    color: #fff
}
body.page-id-3650 section#Maps h3 {
    font-family: 'Roboto Slab', serif;
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
    color: #74675A;
    margin-bottom: 10px;
}
body.page-id-3650 section#Maps a {
    font-family: 'Helvetica Neue', sans-serif;
    font-size: 20px;
    line-height: 30px;
    font-weight: 400;
    color: #fff;
}
body.page-id-3650 section#Maps div.contenu {
    position: relative;
    margin-top: 15px;
    overflow: hidden;
}
body.page-id-3650 section#Maps img {
    max-width: 100%;
}
body.page-id-3650 section#Maps img.scale {
    position: relative;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
body.page-id-3650 section#Maps img.absoluteTop {
    position: absolute;
    top: 0;
    left: 0;
    transition: transform .2s; /* Animation */
}
body.page-id-3650 section#Maps img.absoluteTopNot {
    position: absolute;
    top: 0;
    left: 0;
}
body.page-id-3650 section#Maps div.ListeActu div.actuhidden {
    display: none;
}
body.page-id-3650 section#Social {
    padding-top: 20px;
    margin-bottom: 40px
}
body.page-id-3650 section#Social .w40 {
    width: 39%;
    text-align: right;
    display: inline-block;
    vertical-align: top;
}
body.page-id-3650 section#Social .w60 {
    width: 50%;
    text-align: center;
    display: inline-block;
    vertical-align: top;
    color: #B7A28D;
    font-size: 65px;
    font-weight: 100;
}
body.page-id-3650 section#Social .w60 h4 {
    font-family: 'zepalphabetregular';
    font-weight: normal;
    font-style: normal;
    font-size: 40px;
    line-height: 60px;
    color: #000000;
    padding-top: 30px;
}
body.page-id-3650 section#Social .w60 h3 {
    font-family: 'zepalphabetregular';
    font-weight: normal;
    font-style: normal;
    font-size: 50px;
    line-height: 50px;
    color: #000000;
    padding-bottom: 30px;
}
body.page-id-3650 section#Social .w60 a {
    height: 50px;
    vertical-align: bottom;
}
body.page-id-3650 section#Social .w60 img {
    max-height: 50px;
    vertical-align: bottom;
}
body.page-id-3650 section#Social .txtcenter {
    text-align: center;
    padding-top: 50px;
}
body.page-id-3650 section#Social .txtcenter img:nth-child(1) {
    max-height: 85px;
    margin: 0 20px;
}
body.page-id-3650 section#Social .txtcenter img:nth-child(2) {
    max-height: 55px;
    margin: 15px 20px;
}
body.page-id-3650 section#Social .txtcenter p {
    padding: 10px 0;
    font-family: 'Open Sans', sans-serif;
    font-size: 15px;
    line-height: 20px;
    color: #fff;
    font-weight: 300
}
body.page-id-3650 section#Maps div div div.placement {
    position: absolute;
    background: red;
}
body.page-id-3650 section#Maps div div div.place-1 {
    width: 58px;
    height: 26px;
    top: 459px;
    left: 803px;
}
body.page-id-3650 section#Maps div div div.place-2 {
    width: 64px;
    height: 26px;
    top: 433px;
    left: 900px;
}
body.page-id-3650 section#Maps div div div.place-3 {
    width: 64px;
    height: 27px;
    top: 393px;
    left: 900px;
}
body.page-id-3650 section#Maps g#TEXTES rect:hover,
body.page-id-3650 section#Maps g#TEXTES text:hover,
body.page-id-3650 section#Maps g.place-13:hover,
body.page-id-3650 section#Maps g#mickey.place-24:hover {
    cursor: pointer;
}
body.page-id-3650 section#Maps div div div.actuhidden.Open {
    display: block;
    position: absolute;
    z-index: 9999999;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: rgba(0,0,0,.4);
}
body.page-id-3650 section#Maps div div.actuhidden.Open div.show {
    position: absolute;
    top: calc(50% - 250px);
    left: calc(50% - 350px);
    height: 500px;
    width: 700px;
    -webkit-box-pack: center;
    -ms-flex-pack: center;
    justify-content: center;
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-align: center;
    -ms-flex-align: center;
    align-items: center;
    flex-direction: column;
}
body.page-id-3650 section#Maps div div.actuhidden.Open div.show ul.slick-slider {
    display: block;
    width: 700px;
    height: 500px;
    position: relative;
    margin: 0;
    padding: 0;
}
body.page-id-3650 section#Maps div div.actuhidden.Open div.show ul li.slick-slide {
    display: inline-block;
    opacity: 0;
    max-height: 500px;
    -webkit-transition: all .2s ease-in-out;
    -moz-transition: all .2s ease-in-out;
    -ms-transition: all .2s ease-in-out;
    -o-transition: all .2s ease-in-out;
    transition: all .2s ease-in-out;
}
body.page-id-3650 section#Maps div div.actuhidden.Open div.show ul li.slick-slide.slick-active {
    opacity: 1;
}
body.page-id-3650 section#Maps div div.actuhidden.Open div p {
    display: block;
    width: 700px;
    padding: 0;
}
body.page-id-3650 section#Maps div div.actuhidden.Open div span.closer {
    position: absolute;
    top: -25px;
    right: -25px;
    color: #fff;
}
body.page-id-3650 section#Maps div div.actuhidden.Open div span.closer i {
    font-size: 25px;
}
body.page-id-3650 section#Maps div div.actuhidden.Open div ul.slick-dots {
    text-align: center;
    margin-top: -15px;
}
body.page-id-3650 section#Maps div div.actuhidden.Open div ul.slick-dots li {
    display: inline-block;
    width: 115px;
    height: 115px;
    margin: 0 10px;
}
body.page-id-3650 section#Maps div div.actuhidden.Open div ul.slick-dots li button {
    height: 115px;
    padding-top: 15px;
    width: 115px;
    background-image: url("/wp-content/themes/isigny-ste-mere/img/mickey_head.png");
    background-repeat: no-repeat;
    background-position: center;
    background-size: 100% auto;
    color: #fff
}
body.page-id-3673 section#content article header.header {
    display: none;

}
body.page-id-3673 section#content article section.entry-content {
    padding-top: 40px;
}
body.page-id-3673 section#content article section.entry-content>p:nth-child(1),
body.page-id-3673 section#content article section.entry-content>p:nth-child(2) {
    text-align: center;
    width: 100%;
}
body.page-id-3673 section#content article section.entry-content>p:nth-child(2) {
    font-weight: 600;
}
body.page-id-3673 section#content article section.entry-content h2 {
    font-family: 'Open Sans', sans-serif;
    font-size: 24px;
    font-weight: 600;
}
body.page-id-3673 section#content article section.entry-content p {
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
}
body.page-id-3673 section#content article section.entry-content p b {
    font-weight: 600;
}
body.page-id-3673 section#content article section.entry-content ul li p {
    display: inline-block;
}
body.page-id-4273 section#content article header.header {
    display: none;
}
body.page-id-4273 section#content article section.entry-content {
    padding-top: 40px;
}
body.page-id-4273 section#content article section.entry-content>p:nth-child(1),
body.page-id-4273 section#content article section.entry-content>p:nth-child(2) {
    text-align: center;
    width: 100%;
}
body.page-id-4273 section#content article section.entry-content>p:nth-child(2) {
    font-weight: 600;
}
body.page-id-4273 section#content article section.entry-content h2 strong {
    font-family: 'Open Sans', sans-serif;
    font-size: 24px;
    font-weight: 600;
}
body.page-id-4273 section#content article section.entry-content p {
    font-size: 14px;
    font-family: 'Open Sans', sans-serif;
}
body.page-id-4273 section#content article section.entry-content p b {
    font-weight: 600;
}
body.page-id-4273 section#content article section.entry-content ul li p {
    display: inline-block;
}


/* DDAY */
#menu-menu-principal {
    float: right;
}

 @media (max-width: 330px) {
    #menu-menu-principal {
        float: left;
    }
 }

.menu-item.menudebarquement a {
    text-indent: -99999px;
    background: url("/wp-content/themes/isigny-ste-mere/img/logo_75_noir.png") 0 0 no-repeat;
    background-size: contain;
    display: block;
    height: 40px;
    width: 56px;
    margin-top: -15px;
}

.page-id-4347 .header-bg {
    background: url("/wp-content/themes/isigny-ste-mere/img/head-background-75eme.png") 0 0 no-repeat;
    background-size: cover;
    height: 590px;
    position: relative;
}
.page-id-4347 .header-bg h1 {
    background: url("/wp-content/themes/isigny-ste-mere/img/logo-75e-blur.png") 0 0 no-repeat;
    background-size: cover;
    text-indent: -9999px;
    height: 400px;
    width: 400px;
    display: block;
    position: absolute;
    margin: 20px;
}
.page-id-4347 .parchemin {
    background: url("/wp-content/themes/isigny-ste-mere/img/bg-paper.png") 0 0 no-repeat;
    background-size: cover;
    height: 390px;
    position: relative;
    text-align: center;
}

.page-id-4347 .parchemin .video {
    display: inline-block;
    margin-top: -55px;
    width: 40%;
    text-align: center;
}
.page-id-4347 .parchemin .presentation {
    display: inline-block;
    width: 50%;
    text-align: center;
    vertical-align: top;
}
.page-id-4347 .parchemin .presentation p {
    max-width: 410px;
    font-size: 16px;
    margin: 0 auto;
    line-height: 22px;
    position: relative;
}
.page-id-4347 .parchemin .presentation p strong {
    font-size: 16px;
}
.page-id-4347 .parchemin .presentation .fromage {
    max-width: 280px;
    display: inline-block;
    margin: -50px 0 2em;
}
.page-id-4347 .parchemin .presentation .fromage img {
    width: 100%;
}

.page-id-4347 span.min {
    font-size: 10px;
    position: absolute;
    top: -4px;
}

.page-id-4347 .produits {
    background: url("/wp-content/themes/isigny-ste-mere/img/bg-bois.png") 0 0 no-repeat;
    background-size: cover;
    padding: 4em 1em 5em;
}
.page-id-4347 .w50 {
    width: 48%;
    display: inline-block;
    text-align: center;
    vertical-align: middle;
}
.page-id-4347 .produits .camembert img {
    width: 530px;
}
.page-id-4347 .produits .eveque img {
    width: 520px;
}
.page-id-4347 .produits li span {
    font-family: 'UniversLTLight';
    font-size: 60px;
    color: #fff;
    text-transform: uppercase;
    text-align: center;
}
.page-id-4347 .produits li.eveque span {
    display: block;
    margin-top: 50px;
}
.page-id-4347 .histoire {
    height: 850px;
    position: relative;
}
.page-id-4347 .histoire h2 {
    font-family: 'UniversLTLight';
    text-align: center;
    margin: 1em 0 .5em;
    text-transform: uppercase;
    font-size: 70px;
}
.page-id-4347 .histoire .map {
    margin-left: 120px;
}
.page-id-4347 .histoire .map img {
    max-width: 670px;
}
.page-id-4347 .histoire .photos li img {
    max-width: 369px;
}
.page-id-4347 .histoire .photos li {
    position: absolute;
}
.page-id-4347 .histoire .photos .photo01 {
    left: 140px;
    bottom: 10px;
}
.page-id-4347 .histoire .photos .photo01 img, .page-id-4347 .histoire .photos .photo03 img {
    max-width: 418px;
}
.page-id-4347 .histoire .photos .photo02 {
    top: 210px;
    right: 0;
}
.page-id-4347 .histoire .photos .photo03 {
    top: 400px;
    right: 40px;
    z-index: 1;
}
.page-id-4347 .histoire .photos .photo04 {
    top: 505px;
    right: 330px;
    z-index: 2;
}
.page-id-4347 .histoire .photos span {
    position: absolute;
    display: none;
    background: rgba(0, 0,0, .5);
    z-index: 2;
    text-align: center;
}
.page-id-4347 .histoire .photos span p {
    padding: 20%;
    color: #fff;
    font-family: 'Roboto Slab', Helvetica, arial;
}
.page-id-4347 .histoire .photos span.active {
    display: block;
}
.page-id-4347 .histoire span.legende04 {
    top: 23px;
    left: 27px;
    z-index: 0;
    width: 320px;
    height: 229px;
}
.page-id-4347 .histoire .legende03 {
     top: 59px;
    left: 54px;
    z-index: 0;
    width: 311px;
    height: 232px;
    -moz-transform: rotate(14deg);
    -webkit-transform: rotate(14deg);
    -o-transform: rotate(14deg);
    -ms-transform: rotate(14deg);
    transform: rotate(14deg);
}
.page-id-4347 .histoire span.legende02 {
    top: 19px;
    left: 28px;
    width: 317px;
    height: 236px;
   z-index: 0;
}
.page-id-4347 .histoire .legende01 {
    top: 58px;
    left: 54px;
    width: 314px;
    height: 237px;
    -moz-transform: rotate(12deg);
    -webkit-transform: rotate(12deg);
    -o-transform: rotate(12deg);
    -ms-transform: rotate(12deg);
    transform: rotate(12deg);
}

.page-id-4347 .offres {
    background: #F5F5F5;
    text-align: center;
    padding: 4em 0;
}

.page-id-4347 .offres h2 {
    font-family: 'UniversLTLight';
    color: #D72E24;
    font-size: 60px;
    text-transform: uppercase;
    border: 5px solid #005F93;
    padding: 20px 50px 0;
    line-height: 60px;
    margin-bottom: 20px;
    display: inline-block;

}
.page-id-4347 .offres h3 {
    font-family: 'UniversLTLight';
    color: #005F93;
    font-size: 60px;
    margin: 20px 0;
}

.page-id-4347 .offres .logos {
    margin: 3em auto;
    max-width: 850px;
}
.page-id-4347 .offres .logos li {
    display: inline-block;
    width: 16%;
    vertical-align: middle;
    height: 100px;
    border-right: 2px solid #C6C6C6;
}
.page-id-4347 .offres .logos li:last-child {
    border-right: 0;
}
.page-id-4347 .offres .logos li .ico {
    display: inline-block;
}

.page-id-4347 .offres .logos .ddayexp .ico {
    background: url("/wp-content/themes/isigny-ste-mere/img/logos/logos-dday.png") center -93px no-repeat;
    background-size: 140%;
    height: 100px;
    width: 100%;
}
.page-id-4347 .offres .logos .ddayexp.active .ico {
    background: url("/wp-content/themes/isigny-ste-mere/img/logos/logos-dday.png") center 2px no-repeat;
    background-size: 140%;
    height: 100px;
    width: 100%;
}
.page-id-4347 .offres .logos .airborne .ico {
    background: url("/wp-content/themes/isigny-ste-mere/img/logos/logos-ariborne.png") left -75px no-repeat;
    background-size: 100%;
    height: 50px;
    width: 95%;
    margin-top: 27px;
}
.page-id-4347 .offres .logos .airborne.active .ico {
    background: url("/wp-content/themes/isigny-ste-mere/img/logos/logos-ariborne.png") left -10px no-repeat;
    background-size: 100%;
    height: 50px;
    width: 95%;
    margin-top: 27px;
}
.page-id-4347 .offres .logos .omaha .ico {
    background: url("/wp-content/themes/isigny-ste-mere/img/logos/logos-omaha.png") bottom center no-repeat;
    background-size: 140%;
    height: 100px;
    width: 100%;
}
.page-id-4347 .offres .logos .omaha.active .ico {
    background: url("/wp-content/themes/isigny-ste-mere/img/logos/logos-omaha.png") center 5px no-repeat;
    background-size: 140%;
    height: 100px;
    width: 100%;
}
.page-id-4347 .offres .logos .pegasus .ico {
    background: url("/wp-content/themes/isigny-ste-mere/img/logos/logos-pegasus.png") bottom center no-repeat;
    background-size: 120%;
    height: 85px;
    width: 100%;
}
.page-id-4347 .offres .logos .pegasus.active .ico {
    background: url("/wp-content/themes/isigny-ste-mere/img/logos/logos-pegasus.png") center 3.5px no-repeat;
    background-size: 120%;
    height: 85px;
    width: 100%;
}
.page-id-4347 .offres .logos .utah .ico {
    background: url("/wp-content/themes/isigny-ste-mere/img/logos/logos-utah.png") bottom center no-repeat;
    background-size: 140%;
    height: 100px;
    width: 100%;
}
.page-id-4347 .offres .logos .utah.active .ico {
    background: url("/wp-content/themes/isigny-ste-mere/img/logos/logos-utah.png") center 5px no-repeat;
    background-size: 140%;
    height: 100px;
    width: 100%;
}
.page-id-4347 .offres .logos .victory .ico {
    background: url("/wp-content/themes/isigny-ste-mere/img/logos/logos-normandy-victory.png") bottom center no-repeat;
    background-size: 140%;
    height: 100px;
    width: 100%;
}
.page-id-4347 .offres .logos .victory.active .ico {
    background: url("/wp-content/themes/isigny-ste-mere/img/logos/logos-normandy-victory.png") center 5px no-repeat;
    background-size: 140%;
    height: 100px;
    width: 100%;
}
.page-id-4347 .offres .musees li {
    display: none;
    width: 100%;
    max-width: 750px;
    margin: 0 auto;
    position: relative;
    margin-bottom: 20px;
}
.page-id-4347 .offres .musees li.active {
    display: block;
}
.page-id-4347 .offres .musees li img {
    width: 750px;
    height: 450px;
    object-fit: cover;
}
.page-id-4347 .offres .offre {
    background: rgba(255, 255, 255, .8);
    position: absolute;
    bottom: 2px;
    width: 100%;
    left: 0;
    padding: 15px 0 0;
}
.page-id-4347 .offres .offre h4 {
    font-family: 'UniversLTLight';
    color: #005F93;
    font-size: 60px;
    text-align: center;
    text-transform: uppercase;
    line-height: 60px;
}
.page-id-4347 .offres .reductiontexte {
    color: #A7A7A7;
    font-size: 12px;
    text-align: left;
    max-width: 750px;
    margin: 0 auto 50px;
    line-height: 17px;
}




    @media only screen and (max-width : 1200px) {
        .page-id-4347 .parchemin .video { vertical-align: top; }
        .page-id-4347 .parchemin .presentation .fromage { max-width: 150px; }
        .page-id-4347 .parchemin .presentation { width: 50%; }

        .page-id-4347 .produits .camembert img { width: 480px; }
        .page-id-4347 .produits .eveque img { width: 410px; }

        .page-id-4347 .histoire .map { margin-left: 0; }
        .page-id-4347 .histoire .map img { max-width: 610px; }
        .page-id-4347 .histoire .photos .photo01 { left: 0; }
        .page-id-4347 .histoire .photos .photo03 { right: 0; }
        .page-id-4347 .histoire .photos .photo04 { right: 290px; }
    }

    @media only screen and (max-width : 960px) {
        .page-id-4347 .responsive { max-width: 960px; width: 100%; }

        .page-id-4347 .header-bg { height: 440px; }

        .page-id-4347 .parchemin { height: 300px; }
        .page-id-4347 .parchemin .video video { height: 300px; width: 300px; }
        .page-id-4347 .parchemin .presentation .fromage { margin: 2em 0 1em; }

        .page-id-4347 .produits .camembert img { width: 410px; }
        .page-id-4347 .produits .eveque img { width: 360px; }

        .page-id-4347 .histoire { height: 680px; }
        .page-id-4347 .histoire .map img { max-width: 560px; }
        .page-id-4347 .histoire .photos li img { max-width: 300px; }
        .page-id-4347 .histoire .photos .photo01 img, .page-id-4347 .histoire .photos .photo03 img { max-width: 340px; }
        .page-id-4347 .histoire .photos .photo01 { bottom: 10px; }
        .page-id-4347 .histoire .photos .photo02 { top: 130px; }
        .page-id-4347 .histoire .photos .photo03 { top: 290px; }
        .page-id-4347 .histoire .photos .photo04 { right: 240px; top: 425px; }
        .page-id-4347 .histoire .legende01 { top: 47px; left: 44px; width: 256px; height: 191px; }
        .page-id-4347 .histoire span.legende02 { top: 15px; left: 23px; width: 257px; height: 194px; }
        .page-id-4347 .histoire .legende03 { top: 50px; left: 46px; width: 252px; height: 188px; }
        .page-id-4347 .histoire span.legende04 { top: 19px; left: 22px; width: 260px; height: 185px; }
        .page-id-4347 .histoire .photos span p { padding: 15%; }
    }

    @media only screen and (max-width : 840px) {
        .page-id-4347 .histoire .map img { max-width: 500px; }
        .page-id-4347 .offres h3 { font-size: 50px; }

        .page-id-4347 #Social { background-size: 100% 100%; }
    }

    @media only screen and (max-width : 780px) {
        .page-id-4347 .produits .camembert img { width: 360px; }
        .page-id-4347 .produits .eveque img { width: 330px; }

        .page-id-4347 .histoire .photos li img { max-width: 270px; }
        .page-id-4347 .histoire span.legende02 { width: 230px; height: 173px; }
        .page-id-4347 .histoire span.legende04 { width: 232px; height: 165px; }

        .page-id-4347 .offres .reductiontexte, .page-id-4347 .offres .musees li { max-width: 520px; }
        .page-id-4347 .offres .musees li img { width: 520px; }

        .page-id-4347 .offres .logos li { width: 15%; height: 80px; }

        .page-id-4347 .offres .logos .ddayexp.active .ico,
        .page-id-4347 .offres .logos .ddayexp .ico,
        .page-id-4347 .offres .logos .omaha .ico,
        .page-id-4347 .offres .logos .omaha.active .ico,
        .page-id-4347 .offres .logos .utah .ico,
        .page-id-4347 .offres .logos .utah.active .ico,
        .page-id-4347 .offres .logos .victory .ico,
        .page-id-4347 .offres .logos .victory.active .ico { height: 80px; }
        .page-id-4347 .offres .logos .ddayexp .ico { background-position: center -83px; }
        .page-id-4347 .offres .logos .pegasus .ico { height: 75px; }

        .page-id-4347 .offres .logos .airborne .ico { background-position: left -65px; margin-top: 27px; }
    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 740px) {
        .page-id-4347 .parchemin .presentation p, .page-id-4347 .parchemin .presentation p strong { font-size: 14px; }
        .page-id-4347 .parchemin .video iframe { width: 100%; }
        .page-id-4347 .produits .camembert img { width: 310px; }
        .page-id-4347 .produits .eveque img { width: 280px; }
        .page-id-4347 .produits li span,
        .page-id-4347 .histoire h2,
        .page-id-4347 .offres h2 { font-size: 50px; }

        .page-id-4347 .offres h2 { line-height: 50px; }
        .page-id-4347 .offres h3 { font-size: 40px; }

        .page-id-4347 .histoire { height: 850px; }
        .page-id-4347 .histoire .map { width: 100%; }
        .page-id-4347 .histoire .map img { max-width: 570px; }
        .page-id-4347 .histoire .photos li { position: relative; display: inline-block; }
        .page-id-4347 .histoire .photos .photo01 { bottom: auto; }
        .page-id-4347 .histoire .photos li img { max-width: 300px; }
        .page-id-4347 .histoire .photos .photo04 { right: 0; top: -290px; transform: rotate(-8deg); }
        .page-id-4347 .histoire .photos .photo03 { top: -110px; }
        .page-id-4347 .histoire .photos .photo02 { top: 160px; z-index: 3; transform: rotate(-8deg); }
        .page-id-4347 .histoire .photos span { z-index: 0; }
        .page-id-4347 .histoire span.legende04 { width: 262px; height: 185px; }
        .page-id-4347 .histoire span.legende02 { width: 258px; height: 193px; }

        .page-id-4347 .offres .logos li { height: 60px; }
        .page-id-4347 .offres .logos .ddayexp.active .ico,
        .page-id-4347 .offres .logos .ddayexp .ico,
        .page-id-4347 .offres .logos .omaha .ico,
        .page-id-4347 .offres .logos .omaha.active .ico,
        .page-id-4347 .offres .logos .utah .ico,
        .page-id-4347 .offres .logos .utah.active .ico,
        .page-id-4347 .offres .logos .victory .ico,
        .page-id-4347 .offres .logos .victory.active .ico { height: 60px; }

        .page-id-4347 .offres .logos .victory.active .ico,
        .page-id-4347 .offres .logos .utah.active .ico { background-position: center -5px; }

        .page-id-4347 .offres .logos .pegasus .ico { height: 55px; }
        .page-id-4347 .offres .logos .airborne .ico { background-position: left -55px; margin-top: 10px; height: 45px; }
        .page-id-4347 .offres .logos .airborne.active .ico { background-position: left -10px; margin-top: 13px; height: 45px; }

        .page-id-4347 .offres .logos .ddayexp .ico { background-position: center -73px; }
        .page-id-4347 .offres .logos .ddayexp.active .ico,
        .page-id-4347 .offres .logos .omaha.active .ico { background-position: center -5px; }

        .page-id-4347 .offres .logos .pegasus.active .ico { background-position: center -4.5px; height: 65px; }


    }

    @media only screen and (max-width : 660px) {
        .page-id-4347 .header-bg h1 { margin: 0; }

        .page-id-4347 .parchemin { height: 530px; }
        .page-id-4347 .parchemin .video { display: block; width: 80%; margin: 0 auto; }
        .page-id-4347 .parchemin .video iframe { margin-top: -60px; }
        .page-id-4347 .parchemin .presentation,
        .page-id-4347 .w50 { width: 100%; }

        .page-id-4347 .produits .camembert img,
        .page-id-4347 .produits .eveque img { display: block; margin: 0 auto; }

        .page-id-4347 .histoire { height: 1120px; overflow: hidden; }
        .page-id-4347 .histoire .photos { text-align: center; }
        .page-id-4347 .histoire .photos .photo02 { top: -90px; }
        .page-id-4347 .histoire .photos .photo04 { top: -610px; }
        .page-id-4347 .histoire .photos .photo03 { top: -240px; z-index: 3; }
        .page-id-4347 .histoire .photos .photo02 { top: 150px; z-index: 4; }
    }

    /* Extra Small Devices, Phones */
    @media only screen and (max-width : 580px) {
        .page-id-4347 .produits li span, .page-id-4347 .histoire h2, .page-id-4347 .offres h2 { font-size: 40px; }

       .page-id-4347 .offres .reductiontexte, .page-id-4347 .offres .musees li { max-width: 420px; }
       .page-id-4347 .offres .musees li img { width: 420px; height: 350px; }

       .page-id-4347 .histoire { height: 990px; }
       .page-id-4347 .histoire .map img { max-width: 450px; }

       .page-id-4347 .offres .logos li { height: 50px; }

       .page-id-4347 .histoire { height: 1150px; overflow: hidden; }

       .page-id-4347 .offres .logos .ddayexp .ico,
       .page-id-4347 .offres .logos .omaha .ico,
       .page-id-4347 .offres .logos .pegasus .ico,
       .page-id-4347 .offres .logos .utah .ico,
       .page-id-4347 .offres .logos .victory .ico { height: 50px; }

       .page-id-4347 .offres .logos .ddayexp.active .ico,
       .page-id-4347 .offres .logos .omaha.active .ico,
       .page-id-4347 .offres .logos .pegasus.active .ico,
       .page-id-4347 .offres .logos .utah.active .ico,
       .page-id-4347 .offres .logos .victory.active .ico { height: 50px; }

       .page-id-4347 .offres .logos .ddayexp .ico { background-position: center -53px; }
       .page-id-4347 .offres .logos .airborne.active .ico,
       .page-id-4347 .offres .logos .airborne .ico { height: 30px; }

       .page-id-4347 .offres .logos .airborne .ico { background-position: left -39px; }

       .page-id-4347 .histoire .photos li:hover { z-index: 10; }
    }


/* END DDAY */


/* RECRUTEMENT 2019 */
.page-template-page-recrutement-2019 .header-bg,
.page-template-page-recrutement-2019-2 .header-bg {
    background: url("http://www.isigny-ste-mere.com/wp-content/uploads/2019/11/bg-ism.jpg") center -80px no-repeat;
    background-size: contain;
    width: 100%;
    height: 620px;
    position: relative;
}
.page-template-page-recrutement-2019-2 .header-bg {
    background: url("/wp-content/themes/isigny-ste-mere/img/bg-creme.jpg") center no-repeat;
}
.page-template-page-recrutement-2019 .header-bg .content-head,
.page-template-page-recrutement-2019-2 .header-bg .content-head {
    background: #B38847;
    color: #fff;
    text-align: center;
    position: absolute;
    bottom: 0;
    width: 100%;
    padding: 40px 0;
}
.page-template-page-recrutement-2019-2 .header-bg .content-head {
    background: #005AA1;
}
.page-template-page-recrutement-2019 .header-bg .content-head h1,
.page-template-page-recrutement-2019-2 .header-bg .content-head h1 {
    font-family: 'DinotBold', Helvetica, arial, sans-serif;
    font-size: 50px;
    text-transform: uppercase;
    padding-bottom: 20px;
}
.page-template-page-recrutement-2019 .header-bg .content-head h2,
.page-template-page-recrutement-2019-2 .header-bg .content-head h2 {
    font-family: 'Roboto Slab', Helvetica, arial, sans-serif;
    font-size: 30px;
}

.page-template-page-recrutement-2019 .histoire {
    background: #F5F5F5;
    text-align: center;
    color: #005AA1;
    padding: 40px 0;
}
.page-template-page-recrutement-2019 .histoire h2 {
    color: #B38847;
    font-family: 'DinotBold', Helvetica, arial, sans-serif;
    font-size: 35px;
    text-transform: uppercase;
}
.page-template-page-recrutement-2019 .histoire p {
    font-family: 'Roboto Slab', Helvetica, arial, sans-serif;
    max-width: 45%;
    margin: 20px auto;
    color: #005AA1;
    line-height: 30px;
    font-weight: 200;
}
.page-template-page-recrutement-2019 .histoire p strong {
    color: #005AA1;
    font-weight: 700;
}

.page-template-page-recrutement-2019 .histoire a {
    text-transform: uppercase;
    color: #B38847;
    font-family: 'DinotBold', Helvetica, arial, sans-serif;
    font-size: 15px;
    letter-spacing: 2px;
    border: 3px solid #B38847;
    border-radius: 50px;
    padding: 25px 40px 20px;
    line-height: 0;
    font-weight: 300;
    margin: 30px auto 0;
    display: block;
    width: 10%;
}

body.page-template-page-recrutement-2019 .chiffres {
    padding-top: 0;
}

.page-template-page-recrutement-2019 .chiffres,
.page-template-page-recrutement-2019-2 .chiffres {
    padding: 40px 0;
    background: #F5F5F5;
}
.page-template-page-recrutement-2019 .chiffres .presentation {
    color: #005AA1;
    font-size: 14px;
    font-family: 'Roboto Slab', Helvetica, arial, sans-serif;
    line-height: 20px;
    text-align: left;
    font-weight: 800;
    max-width: 45%;
    margin: 0 auto;
}
.page-template-page-recrutement-2019 .chiffres .disp_chiffres{
	max-width:70%;	
}
.page-template-page-recrutement-2019 .chiffres ul {
    max-width: 45%;
    margin: 0 auto 30px auto;
    padding: 0;
}

	.page-template-page-recrutement-2019 .chiffres ul.indic_list{
		display:bloc;
		margin-top:20px !important;
		list-style-type:circle !important;
	}

	.page-template-page-recrutement-2019 .chiffres ul.indic_list li{
		display:bloc;
		margin-left:20px !important;
		margin-bottom:10px !important;
		color: #005AA1;
	}




.page-template-page-recrutement-2019 .chiffres .w50 {
    width: 49%;
    display: inline-block;
    text-align: center;
    margin-top: 40px;
    vertical-align: top;
    text-transform: uppercase;
}
.page-template-page-recrutement-2019 .chiffres .w30 {
    width: 31%;
    display: inline-block;
    text-align: center;
    margin-top: 40px;
    vertical-align: top;
    text-transform: uppercase;
}
.page-template-page-recrutement-2019 .chiffres .w50 img, .page-template-page-recrutement-2019 .chiffres .w30 img {
    width: 150px;
    display: block;
    margin: 0 auto;
}
.page-template-page-recrutement-2019 .chiffres .w50 .number, .page-template-page-recrutement-2019 .chiffres .w30 .number {
    font-family: 'Roboto Slab', Helvetica, arial, sans-serif;
    color: #005AA1;
    font-size: 30px;
    margin: 10px 0;
    display: block;
}
.page-template-page-recrutement-2019 .chiffres .w50 p,
.page-template-page-recrutement-2019-2 .chiffres .w50 p,
.page-template-page-recrutement-2019 .chiffres .w30 p,
.page-template-page-recrutement-2019-2 .chiffres .w30 p {
    font-family: 'Roboto Slab', Helvetica, arial, sans-serif;
    color: #005AA1;
    font-size: 15px;
}
.page-template-page-recrutement-2019 .chiffres .w50 p b,
.page-template-page-recrutement-2019-2 .chiffres .w50 p b,
.page-template-page-recrutement-2019 .chiffres .w30 p b,
.page-template-page-recrutement-2019-2 .chiffres .w30 p b{
    font-weight: 800;
}




.page-template-page-recrutement-2019 .offres,
.page-template-page-recrutement-2019-2 .offres {
    background: url("/wp-content/themes/isigny-ste-mere/img/bg-rejoingez-nous.jpg") center no-repeat;
    background-size: cover;
    width: 100%;
    height: 430px;
    text-align: center;
    padding: 90px 0 0;
}
.page-template-page-recrutement-2019-2 .offres {
    height: 290px;
}
.page-template-page-recrutement-2019 .offres h2,
.page-template-page-recrutement-2019-2 .offres h2 {
    color: #fff;
    text-transform: uppercase;
    font-family: 'Roboto Slab', Helvetica, arial, sans-serif;
    font-size: 40px;
}
.page-template-page-recrutement-2019 .offres a,
.page-template-page-recrutement-2019-2 .offres a {
    text-transform: uppercase;
    background: #fff;
    color: #B38847;
    font-family: 'DinotBold', Helvetica, arial, sans-serif;
    font-size: 25px;
    letter-spacing: 2px;
    border: 3px solid #B38847;
    border-radius: 50px;
    padding: 33px 40px 28px;
    line-height: 0;
    font-weight: 300;
    margin: 120px auto 0;
    display: block;
    width: 25%;
}

.page-template-page-recrutement-2019-2 .offres a {
    margin: 60px auto 0;
  /*  font-size: 20px;
    width: 20%;
    padding: 28px 40px 23px;*/
}

.page-template-page-recrutement-2019-2 .chiffres p {
    text-align: center;
    font-family: 'Roboto Slab', Helvetica, arial, sans-serif;
    color: #707070;
    font-size: 20px;
    max-width: 60%;
    line-height: 25px;
    margin: 0 auto;
}
.page-template-page-recrutement-2019-2 p b,
.page-template-page-recrutement-2019-2 p strong {
    font-weight: 700;
}

.page-template-page-recrutement-2019 .capital img {
    max-width: 300px;
    display: inline-block;
    vertical-align: middle;
    margin: 20px 90px;
}
.page-template-page-recrutement-2019 .capital p {
    display: inline-block;
    width: 50%;
    font-family: 'Roboto Slab', Helvetica, arial, sans-serif;
    font-size: 20px;
    color: #707070;
    vertical-align: middle;
    line-height: 25px;
}
.page-template-page-recrutement-2019 .capital p .red {
    color: #ED1A3A;
    font-size: 20px;
    font-family: 'Roboto Slab', Helvetica, arial, sans-serif;
}

.page-template-page-recrutement-2019-2 .histoire {
    padding: 0 0;
}

.page-template-page-recrutement-2019-2 .histoire .presentation {
    background: #005AA1;
    padding: 40px 0;
}

.page-template-page-recrutement-2019-2 .histoire .presentation h3 {
    color: #fff;
    text-transform: uppercase;
    font-family: 'Roboto Slab', Helvetica, arial, sans-serif;
    text-align: center;
    max-width: 60%;
    margin: 0 auto;
    line-height: 25px;
}

.page-template-page-recrutement-2019-2 .histoire p {
    text-align: center;
    font-family: 'Roboto Slab', Helvetica, arial, sans-serif;
    color: #000;
    padding: 30px 0 180px;
    max-width: 60%;
    margin: 0 auto;
    line-height: 25px;
}

.page-template-page-recrutement-2019-2 .mainvid {
    text-align: center;
    margin-bottom: 20px;
    margin-top: 40px;
}
.page-template-page-recrutement-2019-2 .mainvid iframe {
    max-width: 600px;
    margin: 0 auto;
}
.page-template-page-recrutement-2019-2 .mainvid .video65max,
.page-template-page-recrutement-2019-2 .mainvid .video66max,
.page-template-page-recrutement-2019-2 .mainvid .video70max {
    display: none;
}
.page-template-page-recrutement-2019-2 .minvid {
    text-align: center;
}
.page-template-page-recrutement-2019-2 .minvid img {
    max-width: 150px;
    height: 80px;
    margin: 0 10px;
    border: 2px solid #005AA1;
}
.page-template-page-recrutement-2019-2 .minvid img:hover {
    border: 2px solid #fff !important;
    cursor: pointer;
}
.page-template-page-recrutement-2019-2 .minvid .video64min {
    border: 2px solid #fff;
}

.page-template-page-recrutement-2019 #Social,
.page-template-page-recrutement-2019-2 #Social {
    text-align: center;
    background: #fff;
    padding: 4em 0 3em 0;
    color: #C4C4C4;
    margin-bottom: 20px;
}
.page-template-page-recrutement-2019 #Social a,
.page-template-page-recrutement-2019-2 #Social a {
    display: inline-block;
    vertical-align: middle;
    height: auto;
    margin: 0 5px;
}
.page-template-page-recrutement-2019 #Social i,
.page-template-page-recrutement-2019-2 #Social i {
    font-size: 40px;
    color: #C4C4C4;
}


    @media only screen and (max-width : 1200px) {
      .page-template-page-recrutement-2019-2 .mainvid iframe {
        width: 90%;
      }
      .page-template-page-recrutement-2019 .capital img { margin: 20px 60px; }

      .page-template-page-recrutement-2019 .offres a, .page-template-page-recrutement-2019-2 .offres a,
      .page-template-page-recrutement-2019 .histoire a { padding: 25px 10px 20px; width: 25%; }
    }

    @media only screen and (max-width : 1024px) {

       body.page-template-page-a-travers-le-monde .header-bg { background-size: 100% 100%; }
        body.page-template-page-a-travers-le-monde .signature { font-size: 20px; }
        body.page-template-page-a-travers-le-monde .signature span { font-size: 17px; margin-top: 5px; }
        body.page-template-page-a-travers-le-monde .presentation { font-size: 13px; }
        body.page-template-page-a-travers-le-monde #Social p { font-size: 11px; }
    }

    @media only screen and (max-width : 960px) {
        .page-template-page-recrutement-2019 .capital img { margin: 20px 30px; }
    }

    @media only screen and (max-width : 840px) {
       .page-template-page-recrutement-2019 .header-bg, .page-template-page-recrutement-2019-2 .header-bg { height: 560px; }
       .page-template-page-recrutement-2019 .histoire p { max-width: 65%; }


        body.page-template-page-a-travers-le-monde .header-bg { background-size: 100% 100%; }
        body.page-template-page-a-travers-le-monde .signature { font-size: 20px; }
        body.page-template-page-a-travers-le-monde .signature span { font-size: 17px; margin-top: 5px; }

    }

    @media only screen and (max-width : 780px) {
        .page-template-page-recrutement-2019 .capital img { max-width: 250px; margin: 20px 10px; }
        .page-template-page-recrutement-2019 .offres, .page-template-page-recrutement-2019-2 .offres { height: 280px; }
        .page-template-page-recrutement-2019 .header-bg .content-head h1, .page-template-page-recrutement-2019-2 .header-bg .content-head h1 { font-size: 40px; }

        .page-template-page-recrutement-2019 .chiffres ul { max-width: 75%; }
    }

    /* Small Devices, Tablets */
    @media only screen and (max-width : 740px) {
        .page-template-page-recrutement-2019 .header-bg, .page-template-page-recrutement-2019-2 .header-bg { height: 400px; }
        .page-template-page-recrutement-2019 .offres h2, .page-template-page-recrutement-2019-2 .offres h2 { font-size: 30px; }

        .page-template-page-recrutement-2019-2 .chiffres p { max-width: 80%; }
    }

    @media only screen and (max-width : 660px) {
       .page-template-page-recrutement-2019 .header-bg .content-head, .page-template-page-recrutement-2019-2 .header-bg .content-head { padding: 20px 0; }
       .page-template-page-recrutement-2019 .header-bg .content-head h2, .page-template-page-recrutement-2019-2 .header-bg .content-head h2 { font-size: 20px; }

       .page-template-page-recrutement-2019 .offres a, .page-template-page-recrutement-2019-2 .offres a, .page-template-page-recrutement-2019 .histoire a { width: 40%; }
       .page-template-page-recrutement-2019-2 .histoire p, .page-template-page-recrutement-2019-2 .histoire .presentation h3,
       .page-template-page-recrutement-2019 .chiffres .presentation, .page-template-page-recrutement-2019 .histoire p { max-width: 90%; }

       .page-template-page-recrutement-2019 .offres a, .page-template-page-recrutement-2019-2 .offres a { margin-top: 50px; }
       .page-template-page-recrutement-2019 .offres, .page-template-page-recrutement-2019-2 .offres { height: 230px; }

        body.page-template-page-a-travers-le-monde .video iframe,
        body.page-template-page-a-travers-le-monde .bloc iframe { width: 100%; height: auto; }
        body.page-template-page-a-travers-le-monde .console { display: none; }
        body.page-template-page-a-travers-le-monde .header-bg h1 { font-size: 13px; }
        body.page-template-page-a-travers-le-monde .header-bg h1 span { font-size: 20px; }
        body.page-template-page-a-travers-le-monde .header-bg h1 { margin: 0; }
        body.page-template-page-a-travers-le-monde .presentation { margin: 0; max-width: 100%; font-size: 12px; line-height: 15px; }
        body.page-template-page-a-travers-le-monde #Social { padding: 4em 0 3em 0; }
        body.page-template-page-a-travers-le-monde .signature { font-size: 18px; position: relative; text-align: center !important; }
        body.page-template-page-a-travers-le-monde .signature span { font-size: 17px; margin-top: 5px; margin-bottom: 10px; }
        body.page-template-page-a-travers-le-monde .bloc .signature {
            -moz-transform: rotate(0deg) !important;
            -webkit-transform: rotate(0deg) !important;
            -o-transform: rotate(0deg) !important;
            -ms-transform: rotate(0deg) !important;
            transform: rotate(0deg) !important;
        }


    }

    /* Extra Small Devices, Phones */
    @media only screen and (max-width : 580px) {
       .page-template-page-recrutement-2019 .capital img { display: block; margin: 20px auto; }
       .page-template-page-recrutement-2019 .capital p { display: block; width: 90%; text-align: center; margin: 0 auto 40px; }
       .page-template-page-recrutement-2019 .header-bg .content-head h1, .page-template-page-recrutement-2019-2 .header-bg .content-head h1 { font-size: 30px; }
       .page-template-page-recrutement-2019 .header-bg .content-head h2, .page-template-page-recrutement-2019-2 .header-bg .content-head h2 { font-size: 15px; }
       .page-template-page-recrutement-2019 .header-bg .content-head, .page-template-page-recrutement-2019-2 .header-bg .content-head { bottom: -60px; }
       .page-template-page-recrutement-2019 .header-bg, .page-template-page-recrutement-2019-2 .header-bg { height: 190px; background-size: cover; }
       .page-template-page-recrutement-2019 .offres h2, .page-template-page-recrutement-2019-2 .offres h2 { font-size: 25px; }
       .page-template-page-recrutement-2019 .offres a, .page-template-page-recrutement-2019-2 .offres a, .page-template-page-recrutement-2019 .histoire a { width: 90%; padding-right: 0; padding-left: 0; }
       .page-template-page-recrutement-2019 .offres, .page-template-page-recrutement-2019-2 .offres { height: 180px; }

       .page-template-page-recrutement-2019 .chiffres ul { max-width: 100%; }
       .page-template-page-recrutement-2019 .offres { padding: 50px 0 0; }
       .page-template-page-recrutement-2019 .histoire { padding: 90px 0 40px; }
       .page-template-page-recrutement-2019 .histoire h2 { font-size: 25px; }

    }
/* END RECRUTEMENT 2019 */


/* A TRAVERS LE MONDE */
.page-template-page-a-travers-le-monde #wrapper {
    background: url('http://www.isigny-ste-mere.com/wp-content/uploads/2019/11/FOND_isignymonde.jpg') center bottom no-repeat;
    background-size: cover;
    background-attachment: fixed;
}

.page-template-page-a-travers-le-monde .console {
    position: fixed;
    left: 0;
    top: 24%;
    background: #fff;
    border-radius: 0 40px 40px 0;
    padding: 40px 10px;
    z-index: 99;
    text-align: center;
}
.page-template-page-a-travers-le-monde .console li:first-child {
    font-family: 'Axis', sans-serif;
    font-size: 13px;
    text-transform: uppercase;
    font-weight: 700;
    text-align: center;
    line-height: 16px;
}
.page-template-page-a-travers-le-monde .console li:first-child span {
    background: url('/wp-content/themes/isigny-ste-mere/img/pinmap.png') 0 0 no-repeat;
    background-size: contain;
    height: 30px;
    width: 20px;
    display: block;
    margin: 0 auto 5px;
}
.page-template-page-a-travers-le-monde .console li {
    padding: 10px 0;
    border-bottom: 1px solid #CECECE;
}
.page-template-page-a-travers-le-monde .console li:last-child {
    border-bottom: none;
}
.page-template-page-a-travers-le-monde .console li a {
    margin: 5px 0;
    font-family: 'Vidaloka', cursive;
}
.page-template-page-a-travers-le-monde .header-bg {
    background: url('http://www.isigny-ste-mere.com/wp-content/uploads/2019/11/header.jpg') 0 0 no-repeat;
    background-size: 100%;
    text-align: center;
    color: #fff;
    padding: 10% 0 3% 0;
}
.page-template-page-a-travers-le-monde .header-bg h1 {
    color: #fff;
    font-family: 'Axis', sans-serif;
    font-size: 25px;
    text-transform: uppercase;
    padding: 10px 0;
    font-weight: 600;
    letter-spacing: 4px;
    margin: 2em 0 7em;
}
.page-template-page-a-travers-le-monde .header-bg h1 span {
    font-family: 'Vidaloka', serif;
    font-size: 50px;
    font-weight: 100;
    color: #FFF;
    display: block;
    margin-top: 5px;
}
.page-template-page-a-travers-le-monde .header-bg h1 span b {
    font-size: 25px;
}

.page-template-page-a-travers-le-monde .presentation {
    color: #A5A5A5;
    font-size: 15px;
    max-width: 40%;
    margin: 0 auto;
    font-family: 'arial', sans-serif;
}

.page-template-page-a-travers-le-monde .bloc {
    text-align: center;
    padding: 3% 0;
    color: #fff;
    position: relative;
}

.page-template-page-a-travers-le-monde .bloc h3:before,
.page-template-page-a-travers-le-monde .bloc h3:after {
    content: " ";
    background: #fff;
    display: block;
    margin: 5px auto;
    width: 1px;
    height: 20px;
}

.page-template-page-a-travers-le-monde .bloc h3 {
    font-family: 'Vidaloka', serif;
    font-size: 20px;
}
.page-template-page-a-travers-le-monde .bloc h3 span {
    font-family: 'Vidaloka', serif;
    text-transform: uppercase;
    color: #fff;
    font-style: normal;
    font-size: 25px;
}

.page-template-page-a-travers-le-monde .video {
    background: #17171D;
    text-align: center;
    padding: 3em 0;
}
.page-template-page-a-travers-le-monde .video iframe {
    margin: 0 auto;
}

.none { display: none !important; }

.page-template-page-a-travers-le-monde .bloc iframe {
    margin: 0 auto;
}

.page-template-page-a-travers-le-monde .backbottom {
    background: url('http://www.isigny-ste-mere.com/wp-content/uploads/2019/11/footer.jpg') 0 0 no-repeat;
    background-size: cover;
    text-align: center;
    color: #fff;
}

.page-template-page-a-travers-le-monde .ny.bloc {
    background: url('http://www.isigny-ste-mere.com/wp-content/uploads/2019/11/NewYork.jpg') 0 0 no-repeat;
    background-size: cover;
}
.page-template-page-a-travers-le-monde .paris.bloc {
    background: url('http://www.isigny-ste-mere.com/wp-content/uploads/2019/11/paris.jpg') 0 0 no-repeat;
    background-size: cover;
}
.page-template-page-a-travers-le-monde .taipei.bloc {
    background: url('http://www.isigny-ste-mere.com/wp-content/uploads/2019/11/taipei.jpg') 0 0 no-repeat;
    background-size: cover;
}
.page-template-page-a-travers-le-monde .normandie.bloc {
    background: url('http://www.isigny-ste-mere.com/wp-content/uploads/2019/11/normandie.jpg') 0 0 no-repeat;
    background-size: cover;
}

.page-template-page-a-travers-le-monde .signature {
    color: #fff;
    font-size: 30px;
    text-align: center;
    position: absolute;
    font-family: 'Parisienne', cursive;
}
.page-template-page-a-travers-le-monde .signature span {
    color: #fff;
    text-align: center;
    font-size: 23px;
    font-family: 'Parisienne', cursive;
    margin-top: 20px;
    display: block;
}

.page-template-page-a-travers-le-monde .vid {
    display: block;
    width: 100%;
    text-align: center;
    margin: 3% auto;
}


.page-template-page-a-travers-le-monde .normandie.bloc .signature,
.page-template-page-a-travers-le-monde .taipei.bloc .signature {
    -moz-transform: rotate(-10deg);
    -webkit-transform: rotate(-10deg);
    -o-transform: rotate(-10deg);
    -ms-transform: rotate(-10deg);
    transform: rotate(-10deg);
    text-align: center;
    top: 35%;
    left: 3%;
}

.page-template-page-a-travers-le-monde .paris.bloc .signature,
.page-template-page-a-travers-le-monde .ny.bloc .signature {
    -moz-transform: rotate(10deg);
    -webkit-transform: rotate(10deg);
    -o-transform: rotate(10deg);
    -ms-transform: rotate(10deg);
    transform: rotate(10deg);
    text-align: center;
    top: 35%;
    right: 3%;
}
.page-template-page-a-travers-le-monde #Social {
    text-align: center;
    padding: 30em 0 3em 0;
    color: #fff;
    margin-bottom: 0px;
}
.page-template-page-a-travers-le-monde #Social a {
    display: inline-block;
    vertical-align: middle;
    height: auto;
    margin: 0 5px;
}
.page-template-page-a-travers-le-monde #Social i {
    font-size: 40px;
    color: #fff;
}
.page-template-page-a-travers-le-monde #Social p {
    color: #fff;
    margin-top: 20px;
}

/* END A TRAVERS LE MONDE */

@media screen and (max-width: 1199px) {
    body.page-id-3650 section#Produit ul li {
        width: 135px;
        height: 85px;
        padding: 35px 20px 55px;
    }
    body.page-id-3650 section.parchemin {
        background-position: center top;
        background-size: auto 100%;
    }
    body.page-id-3650 section#Titre::before {
        height: 160px
    }
    body.page-id-3650 section#Video::before, body.page-id-3650 section#Video::after {
        margin-top: 20px;
    }
    body.page-id-3650 section#Video iframe {
        margin-top: 0;
    }
    body.page-id-3650 section#Produit ul li img:nth-child(2) {
        max-height: 160px;
        top: 7px;
        left: 32px;
    }
    body.page-id-3650 section#Produit ul li.Produit3 img:nth-child(2) {
        left: 30px;
    }
    body.page-id-3650 section#Produit ul li.Produit5 img:nth-child(2){
        left: 22px;
    }
    body.page-id-3650 section#Produit ul li.Produit6 img:nth-child(2) {
        left: 25px;
    }
    body.page-id-3650 section#Produit ul li.Produit7 img:nth-child(2), body.page-id-3650 section#Produit ul li.Produit8 img:nth-child(2) {
        top: 45px;
        left: 10px;
    }
    body.page-id-3650 section#Produit div p strong {
        font-size: 22px;
    }
    body.page-id-3650 section#Produit div p {
        font-size: 16px;
    }
    body.page-id-3650 section#Jeu .w40 {
        width: 37%;
    }
    body.page-id-3650 section#Jeu .w40 img {
        padding: 70px 0 0;
    }
    body.page-id-3650 section#Jeu h5 {
        font-size: 22px;
        line-height: 30px;
    }
    body.page-id-3650 section#Jeu p, body.page-id-3650 section#Jeu a {
        font-size: 16px;
        line-height: 22px;
    }
    body.page-id-3650 section#Social .w60 h4 {
        font-size: 30px;
        line-height: 40px;
    }
    body.page-id-3650 section#Social .w60 h3 {
        font-size: 40px;
        line-height: 50px
    }
    body.page-id-3650 section#Social .txtcenter {
        padding-top: 0;
    }
    body.page-id-3650 section.backbottom {
        background-size: 120% auto;
    }
}
@media screen and (max-width: 960px) {
    body.page-id-3650 .responsive {
        width: 100%;
    }
    body.page-id-3650 section#Produit div::before,
    body.page-id-3650 section#Produit div::after {
        display: none!important
    }
}
@media screen and (max-width: 940px) {
    body.page-id-3650 section#Titre::before {
        height: 150px;
    }
    body.page-id-3650 section#Video::before, body.page-id-3650 section#Video::after {
        display: none;
    }
    body.page-id-3650 section#Produit ul li {
        width: 110px;
        height: 60px;
    }
    body.page-id-3650 section#Produit ul li img:nth-child(2) {
        max-height: 135px;
        left: 28px;
    }
    body.page-id-3650 section#Produit ul li.Produit3 img:nth-child(2) {
        left: 20px;
    }
    body.page-id-3650 section#Produit ul li.Produit7 img:nth-child(1), body.page-id-3650 section#Produit ul li.Produit8 img:nth-child(1) {
        padding-top: 10px;
    }
    body.page-id-3650 section#Produit ul li.Produit7 img:nth-child(2) {
        top: 35px;
    }
    body.page-id-3650 section#Produit ul li.Produit8 img:nth-child(2) {
        top: 40px;
    }
    body.page-id-3650 section#Jeu h3 {
        font-size: 35px;
        line-height: 40px;
    }
}
@media screen and (max-width: 920px) {
    body.page-id-3650 section#Texte p {
        font-size: 18px;
    }
    body.page-id-3650 section#Maps div div.actuhidden.Open div span.closer {
        top: 15px;
        right: 0;
    }
}
@media screen and (max-width: 870px) {
    body.page-id-3650 section#Titre::before {
        height: 130px;
    }
    body.page-id-3650 section#Jeu .w40 {
        width: 35%;
    }
    body.page-id-3650 section#Jeu h3 {
        font-size: 30px;
        line-height: 40px;
    }
    body.page-id-3650 section#Jeu h5 {
        font-size: 20px;
        line-height: 30px;
    }
}
@media screen and (max-width: 850px) {
    body.page-id-3650 section#Maps div div.actuhidden.Open div.show {
        height: 100%;
        top: 0;
    }
    body.page-id-3650 section#Maps div div.actuhidden.Open div ul.slick-dots {
        display: none;
    }
}
@media screen and (max-width: 835px) {
    body.page-id-3650 section#Jeu .w40 {
        width: 34%;
    }
    body.page-id-3650 section#Produit ul li {
        width: 100px;
        height: 50px;
    }
    body.page-id-3650 section#Produit ul li img:nth-child(2) {
        max-height: 125px;
    }
    body.page-id-3650 section#Social .w60 h4 {
        font-size: 20px;
    }
    body.page-id-3650 section#Social .w60 h3 {
        font-size: 25px;
    }
    body.page-id-3650 section#Social .w60 img {
        max-height: 30px;
    }
    body.page-id-3650 section#Social .w60 {
        font-size: 45px;
    }
    body.page-id-3650 section#Maps img {
        max-height: 450px;
    }
}
@media screen and (max-width: 760px) {
    body.page-id-3650 section#Titre::before {
        display: none;
    }
    body.page-id-3650 section#Video iframe {
        width: 100%!important;
    }
    body.page-id-3650 section#Produit ul {
        display: block;
        width: 100%;
    }
    body.page-id-3650 section#Produit div.on2line {
        display: none!important
    }
    body.page-id-3650 section#Produit div.responsive {
        display: block!important
    }
    body.page-id-3650 section#Produit ul li {
        width: 150px;
        height: 100px;
        margin: 0 20px;
    }
    body.page-id-3650 section#Produit ul li img:nth-child(2) {
        max-height: 175px;
        left: 35px;
    }
    body.page-id-3650 section#Produit ul li.Produit3 img:nth-child(2) {
        left: 35px;
    }
    body.page-id-3650 section#Produit ul li.Produit7 img:nth-child(2), body.page-id-3650 section#Produit ul li.Produit8 img:nth-child(2) {
        top: 50px;
    }
    body.page-id-3650 section#Produit div p {
        width: 100%;
        left: 0;
        padding: 20px 0;
        font-size: 14px!important
    }
    body.page-id-3650 section#Produit div p strong {
        font-size: 20px!important
    }
    body.page-id-3650 section#Produit h3,
    body.page-id-3650 section#Jeu h3,
    body.page-id-3650 section#Maps {
        padding: 25px 0;
    }
    body.page-id-3650 section#Maps h2 {
        font-size: 30px;
    }
    body.page-id-3650 section#Maps h3 {
        font-size: 20px;
    }
    body.page-id-3650 section#Maps a {
        font-size: 15px;
    }
    body.page-id-3650 section.backbottom {
        background-size: 150% auto;
    }
    body.page-id-3650 section#Texte img {
        width: 30%;
        margin: 20px 10px;
    }
    body.page-id-3650 section#Jeu h5 {
        font-size: 20px;
    }
    body.page-id-3650 section#Maps div div.actuhidden.Open div.show {
        width: 100%;
        height: 100%;
        left: 0;
    }
    body.page-id-3650 section#Maps div div.actuhidden.Open div p {
        width: 100%;
        height: 100%;
    }
    body.page-id-3650 section#Maps img {
        height: 100% !important;
        width: auto !important;
        max-width: 100%!important
    }
        body.page-id-3650 section#Maps img.lots {
        height: auto !important;
        width: auto !important;
        max-width: 100%!important
    }
}
@media screen and (max-width: 665px) {
    body.page-id-3650 section#Titre h1 {
        font-size: 40px;
        line-height: 45px;
    }
    body.page-id-3650 section#Jeu .w40 {
        width: 33%;
    }
    body.page-id-3650 section#Texte p {
        font-size: 14px;
    }
    body.page-id-3650 section#Texte img {
        width: 30%;
        margin: 20px 10px;
    }
    body.page-id-3650 section#Jeu h5 {
        font-size: 18px
    }
}
@media screen and (max-width: 590px) {
    body.page-id-3650 section#Jeu .w60 {
        display: block;
        float: none;
        width: calc(100% - 50px);
        padding: 20px 25px 20px;
        text-align: center;
    }
    body.page-id-3650 section#Jeu .w40 {
        display: block;
        float: none;
        width: 100%;
        text-align: center;
        padding-bottom: 20px
    }
    body.page-id-3650 section#Jeu .w40 img {
        width: 50%;
        padding: 0
    }
    body.page-id-3650 section.backbottom {
        background-size: 175% auto;
    }
    body.page-id-3650 section#Texte {
        padding-top: 40px;
    }
    body.page-id-3650 section#Texte img {
        display: block;
        margin: 15px auto
    }
    body.page-id-3650 section#Texte div {
        margin: 0 auto;
        width: 80%;
        display: block;
    }
    body.page-id-3650 section#Social .w40 img {
        max-width: 100%
    }
    body.page-id-3650 section#Social .w60 h4 {
        font-size: 14px;
        line-height: 20px;
    }
    body.page-id-3650 section#Social .w60 h3 {
        font-size: 16px;
        line-height: 20px;
    }
    body.page-id-3650 section.backbottom {
        background-size: 200% auto
    }
}
@media screen and (max-width: 540px) {
    body.page-id-3650 section#Texte {
        padding-top: 40px;
    }
    body.page-id-3650 section#Texte img {
        display: block;
        margin: 40px auto 15px
    }
    body.page-id-3650 section#Texte p {
        margin: 0 auto;
        width: 80%;
        display: block;
        text-align: center;
    }
    body.page-id-3650 section#Produit ul li {
        width: 140px;
        height: 90px;
    }
    body.page-id-3650 section#Produit ul li img:nth-child(2) {
        max-height: 165px;
    }
    body.page-id-3650 section#Produit div p {
        font-size: 12px!important;
    }
    body.page-id-3650 section#Produit div p strong {
        font-size: 14px!important;
    }
}
@media screen and (max-width: 515px) {
    body.page-id-3650 section#Maps h3 {
        font-size: 15px;
    }
    body.page-id-3650 section#Produit ul li {
        margin: 0 10px;
    }
}
@media screen and (max-width: 400px) {
    body.page-id-3650 section#Titre h2 br.responsive {
        display: block!important
    }
    body.page-id-3650 section#Produit ul li {
        margin: 0 5px;
        width: 100px;
        height: 55px;
    }
    body.page-id-3650 section#Produit ul li.Produit7 img:nth-child(1), body.page-id-3650 section#Produit ul li.Produit8 img:nth-child(1) {
        padding-top: 10px;
    }
    body.page-id-3650 section#Produit ul li img:nth-child(2) {
        max-height: 125px;
        left: 30px
    }
    body.page-id-3650 section#Produit ul li.Produit7 img:nth-child(2) {
        top: 37px;
    }
    body.page-id-3650 section#Produit ul li.Produit8 img:nth-child(2) {
        top: 45px;
        left: 5px;
    }
    body.page-id-3650 section.backbottom {
        background-size: 275% auto;
    }
    body.page-id-3650 section#Produit h3,
    body.page-id-3650 section#Jeu h3 {
        font-size: 22px;
        line-height: 30px;
    }
    body.page-id-3650 section#Maps h2 {
        font-size: 22px;
        max-width: 65%;
        margin: 0 auto;
        line-height: 30px;
    }
    body.page-id-3650 section#Jeu h5 {
        font-size: 16px;
        line-height: 20px;
    }
    body.page-id-3650 section#Jeu a {
        font-size: 12px;
        line-height: 16px;
    }
    body.page-id-3650 section#Maps h3 {
        font-size: 12px;
    }
    body.page-id-3650 section#Maps a {
        font-size: 10px;
    }
    body.page-id-3650 section#Social .w60 h3 {
        padding-bottom: 10px;
    }
    body.page-id-3650 section#Social .txtcenter {
        padding-top: 45px;
    }
}
/*Responsive screen 1600+ */
@media screen and (min-width: 1599px) {
#slider .bx-viewport li{border-radius: 5px}
#slider .bx-viewport li:nth-child(1){background-size: 100% 100%!important;}
#slider .bx-viewport li:nth-child(1) a {margin-top: 20px;}
}

@media screen and (min-width: 1024px) {

.list .recipes-list li:nth-child(3n+3){margin-right: 0}
}


/*Responsive screen >= 1199x (1024)*/
@media screen and (max-width: 1199px) {
/*GLOBAL*/
.responsive{width: 960px;}
.separator{width: 935px; background-position: left -8px;}
/*HEADER*/

/*INDEX*/
.home #header,
.home #footer{width: 960px; margin-left: auto; margin-right: auto}
.home #container #content{width: 920px; margin: 0 auto;}
    /*Recettes*/
.home #content #recipes .content li{width: 32.8%;}
.home #content #recipes .content li p.caption span{font-size: 13px; line-height: 16px;}
	/*Facebook*/
#facebook{height: auto;}
#instagram{height: 596px;}
/*PAGE*/
.hentry h1{font-size: 39px;}
    /*Page Recettes (liste)*/
.list .recipes-list li h3{height: 50px;}
    /*Lait infantile - nos gammes*/
.entry-content .milk-list{width: 31%;}
.entry-content .list3{width: 65%}
/*FOOTER*/
    /*Menus*/
#footer .menu > li > ul{width: 18%;}
}

/*MOBILE DEVICES*/
/*GLOBAL*/
.mobile .responsive{width: 96%; margin-left: auto; margin-right:auto;}
.mobile .deco{display: none;}
/*HEADER*/
.home .mobile #header, .home .mobile #footer{width: 96%; margin-left: 2%; margin-right: 2%;}
.mobile #header{display: flex; position: relative}
.mobile #header figure{}
.mobile #header figure img { width: 60%; height: auto}

.mobile #header > button{padding: 0 2%;}

.mobile #header button.menu,
.mobile #header button.search{padding: 0 16px;}
.mobile #header button i{font-size: 24px; color: #005aa1}

.mobile #header #search{
	width: 90%;
	margin: 0 0 0 -50%;
	transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
	-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
	position: absolute;
	top: 103%;
	left: 50%;
	background: #fff;
	padding: 16px 5%;
	border-radius: 3px;
	box-shadow: 0 0 8px #ccc;
}
.mobile #header .close-s{
	display: none;
	opacity: 0;
	transform: scale(0);
	-webkit-transform: scale(0);
}

.mobile #header .search-bar{display: block; transform: scale(1.0); opacity: 1;}
.mobile #header #search input[type="text"]{font-size: 16px; font-weight: 500; height: 24px; padding: 3px 2%; width: 73%;}
.mobile #header #search input#searchsubmit{font-size: 16px; padding: 7px 5%; width: 20%;}
    /*WPML*/
.mobile #lang-container{align-self: center; height: 24px; margin: -12px 0 0; position: absolute; right: 11%; top: 50%; width: 70px;}
.mobile #lang-container ul li,
.mobile #lang-container ul li a{text-transform: uppercase; font-size: 11px;}
.mobile #lang-container ul li{display: inline-block; margin: 0 0 0 8px; border:1px solid #333; padding: 5px; border-radius: 3px}
.mobile #lang-container ul li:first-child{margin: 0}
.mobile #lang-container ul li.active{font-weight: 600; color: #005aa1; border-color: #005aa1;}
    /*Logo*/
.mobile #header figure{width: 29%; float: none; position: relative; margin: 0 auto 0 0; padding: 5px 0}
    /*Menu*/
.mobile .menu-container{width: 54px;position: relative;display: flex}
.mobile #header .menu-container button{position: relative; z-index: 130; padding: 16px;}
.mobile #header .menu-container button i.fa-times{
	opacity: 0;
	display: none;
	transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
	-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
}
.mobile #header .menu-mobile{
	display: block;
	/* width: 300px; */
	width: 95vw;
	padding: 37px 0px 20px 0;
	margin: 0;
	position: absolute;
	top: 0;
	left: -100px;
	z-index: 120;
	background: #333;
	transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
	transform: translate3d(-350px, 0, 0);
	transform: translate(-350px, 0, 0);
	-webkit-transition: all 1s cubic-bezier(0.19, 1, 0.22, 1);
	-webkit-transform: translate(-350px, 0, 0);
	-webkit-transform: translate3d(-350px, 0, 0);
}
.mobile #header .menu-mobile a{color: #fff}
.mobile #header .open-m .menu-mobile{
	transform: translate3d(0, 0, 0);
	-webkit-transform: translate3d(0, 0, 0);
    left: 0;
}
.mobile #header .open-m  button i.fa-times{display: block; color: #fff; opacity: 1;}
.mobile #header .open-m  button i.fa-bars{display: none;}
.mobile #header .menu-mobile p.title{color: #fff; font-size: 18px; padding-left: 40px; margin-bottom: 20px;}
.mobile #header .menu-mobile .menu a{display: block; color: #fff; padding: 10px}
.mobile #header .menu-mobile .menu a:hover{border:none;}
.mobile #header .menu-mobile ul li{display: block; position: relative}
.mobile #header .menu-mobile ul > li{margin: 0; padding: 0;}
.mobile #header .menu-mobile ul > li:before{display: none;}
.mobile #header .menu-mobile ul.menu > li > a{ text-transform: uppercase}
.mobile #header .menu-mobile ul.menu > li.disable:after{font-family: FontAwesome; content: '+'; color: #fff; position: absolute; right: 10px; top: 10px}
.mobile #header .menu-mobile ul.menu > li.plus:after{content: '-';}
.mobile #header .menu-mobile ul > li > a{font-family: 'Crete Round', serif; font-size: 14px;}
.mobile #header .menu-mobile ul.menu > li.current-page-ancestor:after,
.mobile #header .menu-mobile ul.menu > li.current-menu-item:after{content: '-'; z-index: 120;}
.mobile #header .menu-mobile ul.menu > li.current-page-ancestor > a,
.mobile #header .menu-mobile ul.menu > li.current-menu-item a{border: none; background: #005aa1; color: #fff; padding-left: 10px}
.mobile #header .menu-mobile ul.social{margin:10px 0 0 10px; float:left;}
.mobile #header .menu-mobile ul.social li{display: inline-block; padding: 0 10px 0 0;}
.mobile #header .menu-mobile ul.social i{font-size: 24px;}

.mobile #header nav ul.menu > li.current-page-ancestor .sub-menu, .mobile #header > nav ul.menu > li.current-menu-item .sub-menu{display: block}
.mobile #header .menu-mobile .sub-menu li.current-menu-item a{background: #005aa1; color: #fff}
.mobile #header .menu-mobile .sub-menu{display: none; background: #444; position: relative; width: 100%!important; padding: 0; margin: 0 0 10px 0; top: 0}
.mobile #header .menu-mobile .sub-menu:before{display: none;}
.mobile #header .menu-mobile .sub-menu li{ background: none;}
.mobile #header .menu-mobile .sub-menu li a{padding: 10px; color: #fff; border: none; border-radius: 0; background: none; font-size: 14px; font-family: 'Open Sans', sans-serif;}

.mobile #header .menu-mobile .second-nav{float: left;}
.mobile #header .menu-mobile .second-nav a{display: block; padding: 10px; color: #fff; font-size: 12px; font-family: 'Open Sans', sans-serif; text-transform: uppercase}

.mobile #header nav button i{color: #fff;}

    /*Nos recettes - liste*/
.mobile .list{width: 100%;}
.mobile .list .recipes-list{display: flex; flex-wrap: wrap}
.mobile .list .recipes-list li{width: 23%; margin: 10px 1%; box-sizing: border-box}

/*SIDEBAR*/
.mobile #sidebar{width: 100%; display: flex;}
.mobile #sidebar .recipe-menu{width: 49%;}
.mobile #sidebar .classic{margin-right: 2%}
.mobile #sidebar ul li.categories > a{text-align: center}
.mobile #sidebar ul li{text-align: center}
.mobile #sidebar ul li ul{display: inline-block}
.mobile #sidebar ul li ul li{display: inline-block; height: 54px; width: 54px; margin-bottom: 0; border: 1px solid #333; border-radius: 50%; position: relative}
.mobile #sidebar ul li ul li a{color: transparent}
.mobile #sidebar ul li ul li a:before{width: 32px; height: 32px; margin: -10px 0 0 -16px; position: absolute; top: 50%; left: 50%; padding-right: 0; color: #333}
.mobile #sidebar ul li ul li.current-cat{border-color: #005aa1}
.mobile #sidebar ul li ul li.current-cat a:before{color: #005aa1}
    /*mobile sub menu*/
.mobile #sidebar button{display: block; width:100%; margin: 0; padding: 10px 0; background: #005aa1; border-radius: 3px; color: #fff; font-size: 18px;}
.mobile #sidebar li:before{display: none;}
.mobile #sidebar a{text-decoration: none}
.mobile #sidebar .recipe-menu{}
.mobile #sidebar ul{
	width: 300px;
	height: 190px;
	background: #fff;
	padding: 20px 0;
	margin: 0 0 0 -150px;
	position: absolute;
	top: 20%;
	left: 50%;
	opacity: 0;
	transform:scale3D(0,0,0);
	-webkit-transform:scale3D(0,0,0);
	z-index: 200;
	border-radius: 5px;
	box-shadow: 0 0 8px #333;
}
.mobile #sidebar .recipe-menu:hover ul{
	transition:all 1s cubic-bezier(0.19, 1, 0.22, 1);
	-webkit-transition:all 1s cubic-bezier(0.19, 1, 0.22, 1);
	transform:scale3D(1,1,1);
	-webkit-transform:scale3D(1,1,1);
	opacity: 1;
}
.mobile #sidebar .recipe-menu ul.fancy li:nth-child(4){display: none;}
.mobile #sidebar .recipe-menu ul li{}
.mobile #sidebar .recipe-menu ul li a{font-family: 'Crete Round', serif; font-size: 18px;}


.home #news,
.home #portrait{
    min-height: 430px;
    position: relative;
}
.home #news button,
.home #portrait button{
    position: absolute;
    bottom: 10px;
    left: 0;
    right: 0;
}

.mobile-sub-footer{
	display:none;
}

/*Responsive screen tablet <= 1024*/
@media screen and (max-width: 1024px){
/*GLOBAL*/
body{background: none!important}
.mobile .separator{width: 100%; background-position: 38% -8px;}

/*INDEX*/
.home .mobile #container #content{width: 88%; padding: 4%; margin-left: 2%; margin-right: 2%;}
.home .mobile #content > section h2{font-size: 20px;}
.home .mobile section p{font-size: 13px;}
.home .mobile #quick-access p{font-size: 16px;}
.home .mobile #recipes .content p:first-child{font-size: 14px;}
.home .mobile #recipes .content p:nth-child(2){margin: -63px 0 0 -75px}
    /*Slider*/
.mobile #slider h2{font-size: 48px;}
/*PAGE*/
.mobile .entry-content h2{font-size: 24px}
.mobile .entry-content div.column h3{height: 50px}
.page .mobile .bx-wrapper{width: 90% !important;}
.page .mobile .entry-content .bx-wrapper .bx-prev{left: -5%;}
.page .mobile .entry-content .bx-wrapper .bx-next{right: -5%;}
    /*Shortcode Affichage dernières recettes*/
.mobile .entry-content .recipes-container{width: 96%; height: auto; padding: 10px 2%; border-radius: 3px;}
    /*Ou nous trouver*/
.page-id-13 .mobile .entry-content div.columnn,
.page-id-1483 .mobile .entry-content div.column{width: 27%;}
.page-id-13 .mobile .entry-content div.column:nth-of-type(3n+3),
.page-id-1483 .mobile .entry-content div.column:nth-of-type(3n+3){margin-right: 0;}
.page-id-13 .mobile .entry-content div.column:nth-of-type(4n+4),
.page-id-1483 .mobile .entry-content div.column:nth-of-type(4n+4){margin-right: 2%;}
/*SINGLE*/
    /*Fiche recette*/
.single-recettes .mobile #content .content{width: 100%}
.single-recettes #content .content figure{width: 63%}
.single-recettes #content .content #ingredients{width: 35%}
/*FOOTER*/

}
/*Responsive screen tablet portrait*/
@media screen and (max-width: 800px){
/*HEADER*/
    /*Menu*/
.mobile #header .menu-mobile{padding: 29px 0 20px}
    /*Infantile - Nos gammes*/
.mobile .entry-content .milk-list{width: 26%;}
.mobile .entry-content .list3{width: 54%;}
    /*Nos distinctions*/
.page-template-page-distinctions .mobile .entry-content .award-items li{width: 29%;}
    /*Nos recettes - liste*/
.mobile .list .recipes-list li{width: 31%;}
/*INDEX*/
	/*Recettes*/
	.home #content #recipes .content > p{font-size: 14px;}
	/*Réseaux sociaux*/
#facebook {height: 374px; overflow: hidden; }
/*PAGES*/
.page-id-7 .mobile .entry-content div.column,
.page-id-1450 .mobile .entry-content div.column{width: 100%; margin: 0;}
/*SINGLE*/
    /*Fiche recette*/
.single-recettes .mobile #content .entry-content h2{text-align: center}
.single-recettes .mobile #content .content #ingredients h3{text-align: left}
.single-recettes .mobile #content .content figure,
.single-recettes .mobile #content .content #ingredients,
.single-recettes .mobile #content .content #progression,
.single-recettes .mobile #content .content #infos{width: 100%;}
.single-recettes .mobile #content .content figure{float: none; width: 600px; margin: 0 auto 20px auto }
.single-recettes .mobile #content .content figure img{}
.single-recettes .mobile #content .content #ingredients h3{text-align: center}
.single-recettes .mobile #content .content #ingredients li{text-align: center}
.single-recettes .mobile #content .content #infos p > span:nth-child(2){width: 200px;}
/*SIDEBAR*/
.mobile #sidebar{position: relative}
/*FOOTER*/
#footer .menu > li:nth-child(2) > ul{left:22%;}
#footer .menu > li:nth-child(3) > ul{left:42%;}
#footer .menu > li:nth-child(4) > ul{left:62%;}
#footer .menu > li:nth-child(5) > ul{left:82%;}
}

/*Ipad*/
@media screen and (max-width: 768px){
	#facebook{height: 400px; }
	#instagram{height: auto}
}

/*Responsive screen smartphone <= 767*/
@media screen and (max-width: 767px){
/*GLOBAL*/
.mobile .responsive{}
/*HEADER*/
.mobile #header figure img { width: 100%; }
/*INDEX*/
    /*Portrait*/
.home .mobile #content > #portrait,
.home .mobile #content > #news{width: 100%;}




    /*quick access*/
.mobile #quick-access .content{width: 100%; margin: 0 0 20px 0}
    /*Recettes*/
.mobile #recipes .content{width: 100%; margin: 0 0 20px 0}
	/*Réseaux sociaux*/
#facebook{height: 384px; }

/*PAGE*/
.mobile .entry-content div.img-left,
.mobile .entry-content div.img-right{width:300px; float: none; margin: 0 auto 20px auto;}
.mobile .entry-content div.column{width: 100%; margin:0 0 20px 0}
.mobile .entry-content div.column h3{height: auto}
    /*Shortcode Affichage dernières recettes*/
.mobile .entry-content .recipes-list li{width: 100%;}
    /*Infantile - Nos gammes*/
.mobile .entry-content .milk-list,
.mobile .entry-content .list3{width: 100%; margin-bottom: 10px}
    /*Acualités*/
.mobile .news-item figure{width: 415px; float: none; margin: 0 auto 20px auto;}
    /*Ou nous trouver*/
.page-id-13 .mobile .entry-content div.column,
.page-id-1483 .mobile .entry-content div.column{width: 44%; margin: 0 2% 20px 0}
.page-id-13 .mobile .entry-content div.column:nth-of-type(2n+2),
.page-id-1483 .mobile .entry-content div.column:nth-of-type(2n+2){margin-right: 0;}
.page-id-13 .mobile .entry-content div.column:nth-of-type(3n+3),
.page-id-1483 .mobile .entry-content div.column:nth-of-type(3n+3){margin-right: 2%;}
    /*Nos distinctions*/
.page-template-page-distinctions .mobile .entry-content .award-items li{width: 29%;}
	/*Lait infantile - qui sommes nous*/
	.page-id-548 .entry-content img.size-full, .page-id-1467 .entry-content img.size-full{width: 100%;}
/*SINGLE*/
    /*Fiche recette*/
.single-recettes .mobile #content .content{width: 100%}
/*FOOTER*/
.mobile #footer .container > div:first-child{display: none;}
.mobile #footer .contact{display:block; width: 100%; float: none; margin: 0 auto; padding: 20px 0 40px 0; color:#FFF}
.mobile-sub-footer{
	display:block;
	width:100%;
	text-align:center;
}
.mobile-sub-footer ul{
	list-style-type:none;
	display:inline-block;
}
.mobile-sub-footer ul li{
	display:inline-block;
	padding:5px;
}
.mobile-sub-footer ul li a{
	font-size:12px;
}
}

/*Responsive screen smartphone <= 640*/
@media screen and (max-width: 640px){
/*HEADER*/
    /*Menu*/
.mobile #header .menu-mobile{padding: 40px 0 20px}
/*INDEX*/
	/*Réseaux sociaux*/
.home .mobile .rs-block{width: 100%; margin-right: 0;}
#facebook {height: 361px; }
/*PAGE*/
.mobile #content > article > header{background-size:1170px auto;}
.mobile .hentry h1{font-size: 30px; padding: 20px 0 20px 20px; text-shadow: 1px 2px 0 #333;}
.mobile .entry-content div.column img{display: block; width: 300px; margin: 0 auto 20px auto}
    /*Portraits*/
.mobile .portraits-container{width: 100%; margin-right: 0}
    /*Nos recettes - liste*/
.mobile .list .recipes-list li{width: 48%;}
    /*Nos distinctions*/
.page-template-page-distinctions .mobile .entry-content .award-block > section{flex-flow: row wrap;}
.page-template-page-distinctions .mobile .entry-content .award-type{width: 100%; padding: 10px 0;}
.page-template-page-distinctions .mobile .entry-content .award-items{width: 100%}
.page-template-page-distinctions .mobile .entry-content .award-items li{width: 46%;}
    /*Recrutement*/
.mobile .wpcf7 .form{width: 100%; margin-right: 0}
.mobile .wpcf7 .form-a{}
/*SINGLE*/
    /*Fiche recette*/
.single-recettes .mobile #sidebar{display: none}
.single-recettes .mobile #content .back{width: 36px; height: 36px; margin: 20px 0 0 0; display: block; border-radius: 50%; border:1px solid #333; padding: 10; cursor: pointer; position: relative}
.single-recettes .mobile #content .back i{height: 14px; left: 50%; margin: -7px 0 0 -6px; position: absolute; top: 50%; width: 12px;}
.single-recettes .mobile #content .entry-content h2{padding-top: 20px}
.single-recettes .mobile #content .content figure{width: 100%;}

/*Responsive screen smartphone <= 360*/
@media screen and (max-width: 480px){
/*HEADER*/
    /*Menu*/
.mobile #header .menu-mobile{padding: 21px 0 20px}
/*INDEX*/
    /*Recettes*/
.mobile #content #recipes .content ul li,
.home #content #recipes .content li:first-child,
.home #content #recipes .content li:nth-child(3){width: 100%; margin: 0 0 10px 0; border-radius: 5px;}
.mobile #content #recipes .content ul li p.caption span{font-size: 14px; line-height: normal;}
/*PAGE*/
.mobile .entry-content div.img-left,
.mobile .entry-content div.img-right{}
.mobile .entry-content div.column img{width: 100%;}
    /*Acualités*/
.mobile .news-item figure{width: 100%; margin: 0 auto 20px auto;}
    /*Ou nous trouver*/
.page-id-13 .mobile .entry-content div.column,
.page-id-1483 .mobile .entry-content div.column{width: 100%; margin: 0 0 20px 0}
.page-id-13 .mobile .entry-content div.column:nth-of-type(3n+3),
.page-id-1483 .mobile .entry-content div.column:nth-of-type(3n+3){margin-right: 0;}
    /*Nos recettes - liste*/
.mobile .list .recipes-list li{width: 98%;}
    /*recrutement*/
.single-recrutement .mobile .apply h3{text-align: center}
.mobile .wpcf7 .form label,
.mobile .wpcf7 .form input{width: 100%; text-align: center; padding-bottom: 5px}
    /*Presse*/
.page-id-14 .mobile .entry-content table tr td,
.page-id-14 .mobile .entry-content table tr td a,
.page-id-14 .mobile .entry-content table tr th{font-size: 12px;}
.page-id-1485 .mobile .entry-content table tr td,
.page-id-1485 .mobile .entry-content table tr td a,
.page-id-1485 .mobile .entry-content table tr th{font-size: 12px;}

    /*Formulaires*/
.mobile .wpcf7 .form .wpcf7-checkbox .wpcf7-list-item{display: flex}
.mobile .wpcf7 .form input[type="checkbox"]{width: auto}
.mobile .wpcf7 .submit{width: 150px; margin: 20px auto 0 auto; clear: both}
.mobile .entry-content span.wpcf7-not-valid-tip{text-align: center}

/*SIDEBAR*/
.mobile #sidebar{flex-wrap: wrap}
.mobile #sidebar .recipe-menu { width: 100%; }
.mobile #sidebar .classic { margin-right: 0; }
.mobile #sidebar button {margin-bottom: 10px}
}