/*
Theme Name: Apicyclette
Author: L'équipe Maad
Version: 1
*/

@font-face{
    font-family:'adorn';
    src:url('font/adorn_condensed_sans.woff2') format('woff2'),
        url('font/adorn_condensed_sans.woff') format('woff');
    font-weight:400;font-style:normal;
}
@font-face{
    font-family:'barlow_bold';
    /*src:url('font/barlow_semicondensed_bold.woff2') format('woff2'),
        url('font/barlow_semicondensed_bold.woff') format('woff');
    font-weight:700;font-style:normal;*/
	src:url('font/BarlowSemiCondensed-Medium.ttf') format('truetype');
    font-weight:500;font-style:normal;
}
@font-face{
    font-family:'barlow_light';
    src:url('font/barlow_semicondensed_light.woff2') format('woff2'),
        url('font/barlow_semicondensed_light.woff') format('woff');
    font-weight:400;font-style:normal;
}
@font-face{
    font-family:'smitta';
    src:url('font/smitta_bali.woff2') format('woff2'),
        url('font/smitta_bali.woff') format('woff');
    font-weight:400;font-style:normal;
}

*, *:before, *:after{margin:0;padding:0;line-height:130%;vertical-align:baseline;background:transparent;box-sizing:border-box;}
html, body{width:100%;height:100%;}
body{color:#60717c;background:#fff;font-family:'barlow_light', sans-serif;font-weight:400;font-size:16px;}
a{color:#60717c;text-decoration:underline;}
a:hover, a:focus{color:#f7b921;text-decoration:underline;}
a img, th img, td img{vertical-align:top;border:none;}
h1, h2, h3, h4, h5{cursor:default;font-weight:400;}
a h1, a h2, a h3, a h4, a h5{cursor:pointer;}
h1{font-size:220%;} h2{font-size:200%;} h3{font-size:180%;} h4{font-size:160%;} h5{font-size:140%;}
ul{list-style:none;}
hr{border:none;border-top:2px solid #dcdcdc;margin:30px 0;}
b, strong{font-family:'barlow_bold'; font-weight: 500;}
table{border-collapse:collapse;border-spacing:0;}
caption, th, td{text-align:left;vertical-align:top;}
thead th, thead td{font-weight:bold;vertical-align:bottom;}
img, video, audio, embed, object{max-width:100%;}
img, video, embed, object{height:auto;}
embed, object{height:100%;}
img{vertical-align:middle;}
.alignright{float:right;margin:0 0 20px 20px;}
.alignleft{float:left;margin:0 20px 20px 0;}
.aligncenter{ margin:0 auto 20px auto; }
.centerdiv{width:90%;max-width:1400px;margin:0 auto;position:relative;}
.centerdiv2{width:90%;max-width:1200px;margin:0 auto;position:relative;}
.centerdiv3{width:90%;max-width:1000px;margin:0 auto;position:relative;}
.centerdiv4{width:90%;max-width:800px;margin:0 auto;position:relative;}
.clear{position:relative;overflow:auto;clear:both;}
#blocmap img{height:auto!important;max-width:none !important;}
.svg{}
.no-svg{}

.bt{ position:relative; background:url('img/bg-yellow.png') center center no-repeat;background-size:228px;width:228px;height:131px;font-family: 'adorn';text-decoration: none;transform: scale(1);transition: all .2s;display: inline-flex;justify-content: center;align-items: center;line-height: 110%;padding: 15px 50px 5px 50px;font-size: 130%;color: #515c63;letter-spacing: 1px;text-align: center;font-weight: bold;}
.bt:hover, .bt:focus{ transform:scale(1.05); text-decoration:none; color:#60717c; color: #515c63; }

.bt2{display:inline-block;text-decoration:none;transform:scale(1);border:1px solid #60717c;color:#60717c;font-family:'barlow_bold';letter-spacing:1px;padding:5px 10px;font-size:95%;transition:all .2s;}
.bt2.bt2white{color:#fff;border-color:#fff;}
.bt2:hover, .bt2:focus{color:#60717c !important;text-decoration:none;transform:scale(1.05);}
.bt2.bt2white:hover, .bt2.btwhite:focus{color:#fff !important;}


/********************************************************************** ACCESS */
#navAccess{position:absolute;z-index:10000;}
#navAccess a{font-size:100%;color:#fff;position:fixed;top:-100px;left:-3000px;background:#111;line-height:26px;padding:2px 10px;color:#fff;white-space:nowrap;text-decoration:none;}
#navAccess a:focus{left:10px;top:10px;}

#accessmenu, #accesscontenu, #accesspied{position:fixed;z-index:10000;font-size:100%;left:-3000px;background:#111;line-height:26px;padding:2px 10px;color:#fff !important;white-space:nowrap;text-decoration:none;}
#accessmenu:focus, #accesscontenu:focus, #accesspied:focus{left:10px;}

#accessretourtop{display:block;cursor:pointer;color:#111;position:fixed;right:25px;font-size:150%;bottom:20px;width:30px;height:30px;z-index:9998;text-align:center;overflow:hidden;transition:background .2s;-moz-transition:background .2s;-webkit-transition:background .2s;-o-transition:background .2s;}
#accessretourtop span{text-indent:-1000px;display:block;}
#accessretourtop:hover{color:#111;}
#accessretourtop:focus{font-size:100%;color:#fff;background:#111;line-height:26px;padding:2px 10px;white-space:nowrap;text-decoration:none;width:auto;height:auto;}
#accessretourtop:focus i{display:none;}
#accessretourtop:focus span{text-indent:inherit;display:inline-block;*display:inline;zoom:1;}

#accessfont{display:block;position:absolute;top:10px;right:30px;}
#accessfont a{background-color:#f1f1f1;color:#9E9E9E;font-weight:700;text-decoration:none;font-size:100%;padding:2px 4px;display:inline-block;}
#accessfont a:hover, #accessfont a:focus{color:#344258;}


/********************************************************************** NAV */
a#showmenu{display:none;}

#nav{margin:50px 0 0 110px;font-family:'adorn';float:left;}
#nav ul{display:block;}
#nav ul li{display:inline-block;*display:inline;zoom:1;vertical-align:middle;}
#nav ul li a{text-transform:uppercase;text-decoration:none;display:block;font-size:140%;color:#60717c;padding:10px 15px;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s;}
#nav ul li a:hover, #nav ul li a:focus{color:#f7b921;text-decoration:none;}
#nav ul li.current-menu-item > a, #nav ul li.current-menu-parent > a{color:#9bbb9d;text-decoration:none;}


/********************************************************************** HEADER */
#header{padding:30px 0; box-shadow: 0 0 0 2px rgba(121, 63, 10, 0.1);}
#logo{float:left;}


/********************************************************************** HOME */
#part1{
	background-image:url('img/bg-fleurs.png'), url('img/bg-paper.jpg');
	background-position:center top, center bottom;
	background-repeat:repeat-x;
	background-size:1600px, 1602px;
	padding:150px 0 130px 0;
	min-height:816px;
}
#part1txta{font-family:'adorn';color:#f7b921;text-decoration:none;font-size:220%;margin-left:20%;display:block;margin-bottom:30px;}
#part1txtb{font-family:'adorn';color:#f7b921;text-decoration:none;font-size:450%;text-align:center;display:block;width:100%;margin-top:90px;}
.part1bloc{position:relative;float:left;width:33.333%;text-align:center;}
.part1bloc span{font-family:'smitta';font-size:230%;line-height:100%;}
.part1icon{width:80%;max-width:300px;display:inline-block;}
.part1plus path, .part1flec path{stroke:#9bbb9d;}
.part1plus, .part1flec, .part1bloc span{position:absolute;}
#part1bloc1 .part1plus{width:18%;top:35%;right:-8%;}
#part1bloc1 .part1flec{width:16%;bottom:-20%;right:-20%;}
#part1bloc1 span{bottom:-16%;left:60%;}
#part1bloc2 .part1plus{width:23%;top:40%;right:-12%;}
#part1bloc2 .part1flec{width:15%;bottom:-28%;right:5%;}
#part1bloc2 span{top:-20%;right:-1%;}
#part1bloc3 span{bottom:-12%;left:15%;}

/* #part2{padding:110px 0 110px 0;}
#part2a{width:57%;float:left;padding-left:150px;}
#part2a img{float:right;width:100%;border-radius:2px;}
#part2a #part2atitle1{position:absolute;display:block;z-index:2;top:50px;left:0;font-family:'adorn';font-size:85px;line-height:100%;color:#fff;font-weight:400;}
#part2a #part2atitle2{position:absolute;width:150px;overflow:hidden;display:block;z-index:3;top:50px;left:0;font-size:85px;line-height:100%;font-weight:400;}
#part2a #part2atitle2 span{width:800px;display:block;font-family:'adorn';font-size:85px;line-height:100%;color:#60717c;font-weight:400;}
#part2a a{position:absolute;background-color:#60717c;color:#fff;width:120px;left:30px;top:250px;font-family:'barlow_bold';padding:10px 0 10px 15Px;letter-spacing:1px;text-decoration:none;transition:all .2s;}
#part2a a:hover{width:110px;left:40px;}
#part2b{width:38%;float:right;padding-top:50px;}
#part2b p{margin-bottom:15px;display:block;font-size:110%;text-align:justify;} */

#part2{background:url('img/icon-bee3.svg') no-repeat 54% 0;background-size:229px;padding:110px 0 110px 0; position:relative; }
#part2a{width:46%;float:left; position: relative;}
#part2a img{float:right;width:100%;border-radius:2px;}
#part2b{width:46%;float:right;padding-top:85px;}
#part2b h2{ font-family:'adorn'; font-size: 440%;line-height: 110%;margin-bottom: 40px;padding-right: 15%;}
#part2b p{margin-bottom:15px;display:block;font-size:140%;text-align:justify;}
#part2a a{position:absolute;bottom:-35px;right:35px;}

#part7{background:url('img/icon-bee3.svg') no-repeat 54% 0;background-size:229px;padding:55px 0 110px 0; position:relative; }
#part7a{width:46%;float:left; position: relative;}
#part7a img{float:right;width:100%;border-radius:2px;}
#part7b{width:46%;float:right;padding-top:85px;}
#part7b h2{ font-family:'adorn'; color: #f7b921; font-size: 280%;line-height: 110%;margin-bottom: 40px;padding-right: 15%;}
#part7b p{margin-bottom:15px;display:block;font-size:140%;text-align:justify;}
#part7a a{position:absolute;bottom:-35px;right:35px;}

#part8{ background-color: #f7f2ed; padding:110px 0 0 0; position:relative; text-align:center; }
#part8 h2{ position:relative; z-index:2; font-size:440%; font-family:'adorn'; text-align:center; margin-bottom:40px; }
#part8 ul{ position:relative; z-index:2; display:flex; justify-content:center; }
#part8 ul li{ width:25%; padding: 0 2%; }
#part8 ul li strong{ font-size:260%; font-family:'adorn'; color:#9bbb9d; display:block; margin-bottom:0px; }
#part8 ul li p{ font-size:130%; }
#part8bts{ position:relative; z-index:2; text-align:center; margin-top:65px; }
#part8bts .bt{ position:relative; margin-bottom:-65px; }
.graine1{position:absolute;top:30%;left:0%; z-index:1;}
.graine2{position:absolute;top:0%;left:23%; z-index:1;}
.graine3{position:absolute;top:25%;left:67%; z-index:1;}
.graine4{position:absolute;top:35%;left:90%; z-index:1;}

/*
#part3a{height:700px;float:left;width:67%;background-color:#f7f2ed;padding:115px 0;position:relative;}
#part3a strong{display:block;font-size:440%;font-family:'adorn';float:right;margin-right:25%;}
.part3atxt1{position:absolute;top:48%;left:23%;font-size:200%;font-family:'smitta';text-align:center;line-height:100%;}
.part3atxt2{position:absolute;top:73%;left:31%;font-size:200%;font-family:'smitta';text-align:center;line-height:100%;}
.part3atxt3{position:absolute;top:50%;left:65%;font-size:200%;font-family:'smitta';text-align:center;line-height:100%;}
.graine1{position:absolute;top:28%;left:24%;}
.graine2{position:absolute;top:50%;left:43%;}
.graine3{position:absolute;top:32%;left:59%;}
.part3alink1, .part3alink2, .part3alink3{position:absolute;background:url('img/bg-yellow.png') center center no-repeat;background-size:228px;width:228px;height:131px;font-family:'barlow_bold';text-decoration:none;transform:scale(1);transition:all .2s;display:flex;justify-content:center;align-items:center;line-height:100%;padding:5px 50px;font-size:125%;letter-spacing:1px;text-align:center;}
.part3alink1:hover, .part3alink2:hover, .part3alink3:hover{transform:scale(1.05);text-decoration:none;color:#60717c;}
.part3alink1{top:27%;right:-100px;}
.part3alink2{top:52%;right:-100px;}
.part3alink3{top:70%;right:16%;}
#part3b{height:700px;float:right;width:33%;background-color:#60717c;padding:115px 0 0 0;text-align:center;color:#fff;}
#part3b strong{display:block;color:#9bbb9d;font-size:300%;font-family:'adorn';}
#part3b img{margin:25px 0;}
#part3b span{display:block;font-size:200%;margin-bottom:5px;font-family:'smitta';}
*/

#part4{padding:165px 0 0 0;}
#part4a{float:left;width:68%;text-align:right;}
#part4a img{max-width:900px;width:95%;}
#part4b{float:right;width:32%;}
#part4illum{display:none;}
#part4b strong{display:block;font-size:440%;font-family:'adorn';margin-bottom:80px;position:relative;margin-top:50px;}
#part4b strong sup{position: absolute;left: -50px;font-size: 60%;top: 7px;}
#part4b span{display:block;margin-left:55px;font-size:220%;font-family:'adorn';color:#e17e22;position:relative;}
#part4b span:before{content:"";display:block;width:40px;height:38px;background:url('img/icon-bee1.svg') center center no-repeat;background-size:40px;position:absolute;left:-55px;top:-10px;}
#part4b p{display:block;margin-left:55px;max-width:250px;font-size:110%;line-height:140%;margin-bottom:25px;}

#part5{padding:110px 0;background:#60717c url('img/icon-bee2.svg') no-repeat 62% 0;background-size:229px;color:#fff;}
#part5titre{font-size:440%;font-family:'adorn';margin-left:10%;color:#f7b921;margin-bottom:30px;display:block;}
#part5titre span{font-size:60%;position:relative;top:-21px;}
#part5 hr{max-width:800px;display:block;margin:20px auto 30px auto;border:0;border-top:2px solid #75848e;}
#part5citation{max-width:750px;display:block;margin:0 auto 0 auto;color:#f7b921;font-family:'adorn';font-size:180%;text-align:center;}
#part5citation span{color:#fff;font-size:80%;font-family:'smitta';margin-top:10px;display:block;text-align:center;}

.actu{float:left;width:31%;margin:0 1% 30px 1%;}
.actu a{text-decoration:none;}
.actu a:hover, .actu a:focus{text-decoration:none;}
.actu strong{font-family:'adorn';font-weight:400;font-size:170%;width:80%;display:block;line-height:110%;}
.home .actu strong{color:#fff;}
.actu div{display:block;height:280px;width:100%;background-position:center center;background-size:cover;margin-bottom:15px; transition:all .2s; transform:scale(1.0);}
.actu a:hover div, .actu a:focus div{ transform:scale(0.97);}

#part6{
    padding:110px 0 180px 0;position:relative;min-height:600px;
    background-image:url('img/illu-jaune1.png'), url('img/illu-jaune2.png'), url('img/illu-bicyclette.svg');
    background-position:right 7% bottom -35px, left -10% bottom -100px, left -180px top 25%;background-repeat:no-repeat;background-size:200px, 575px, 1025px;
}
#part6citation{transform:rotate(-90deg);transform-origin:right;font-family:'smitta';display: block;position: absolute;right:35px;top:0;font-size: 140%;}
#part6 strong{font-size:220%;font-family:'adorn';float:right;text-align:right;}

.partmembr{display:flex; justify-content:center; flex-wrap: wrap; margin:30px 0 0 0;}
.partmembr li{height:90px; max-width:190px; display:flex;vertical-align:middle;align-items:center;text-align:center;background:#fff;padding:15px;}
.partmembr img{width: auto;height: auto;max-width: 100%;max-height: 100%; }


/********************************************************************** PAGE */
#breadcrumbs{font-size:70%;color:#C0C0C0;margin-bottom:30px;}
#breadcrumbs a{font-size:100%;color:#C0C0C0;}
#breadcrumbs a:hover, #breadcrumbs a:focus{text-decoration:underline;}

.contenu h1, .contenu h2, .contenu h3, .contenu h4, .contenu h5{margin-bottom:20px;}
.contenu h2{ font-size: 220%; line-height:110%; font-family: 'adorn'; color: #9bbb9d; }
.contenu h3{ font-size: 180%; line-height:110%; font-family: 'adorn'; color: #e17e22; }
.contenu h3 a{ text-decoration: none; color: #e17e22; }
.contenu p{ margin-bottom:20px; line-height:150%; font-size:110%; }
.contenu img{ margin-bottom:40px;max-width:100%;height:auto;display:block;}
.contenu blockquote{font-size:120%;font-style:italic;margin-bottom:20px;padding-left:55px;line-height:150%;}
.contenu ul{margin-bottom:20px;list-style-type:square;margin-left:18px;}
.contenu ul ul{margin-top:15px;margin-bottom:0;}
.contenu ul li{margin-bottom:5px;line-height:130%; font-size:110%;}
.contenu > *:last-child{ margin-bottom:0; }

.titlewrap{
    background-image: url('img/bg-fleurs.png'), url('img/bg-paper.jpg');
    background-position: center top, center bottom;
    background-repeat: repeat-x;
    background-size: 1600px, 1602px;
    padding: 110px 0 80px 0;
}
.titlewrap h1{ text-align:center;font-family: 'adorn';font-size: 4.5vw;line-height: 110%;color: #60717c;font-weight: 400; }


/********************************************************************** PAGE ELEMENTS */
.pageel{ position:relative; padding:0 0 0 0; margin:0 0 60px 0; }

.pageel_title{ margin:0 0 50px 0; text-align:center; font-family: 'adorn'; line-height: 110%; font-size: 220%; color: #9bbb9d; font-weight: 400; }

.pageel_xcolwrap{ display:flex; justify-content:space-between; margin: 0 -1.75%; }
.pageel_xcolwrap .col{ width:100%; margin: 0 1.75%; }

.pageel_xcol_1 .centerdiv2 { max-width: 900px; }

.pageel_2cols .centerdiv4{ display:flex; align-items:center; justify-content:space-between; }
.pageel_2colsG{ width:46%; float:left; display:flex; align-items:center; }
.pageel_2colsD{ width:46%; float:right; display:flex; align-items:center; }


/********************************************************************** FOOTER */
#footer{box-shadow: 0 0 0 2px rgba(11, 31, 33, 0.1); background:url('img/bg-papergreen.jpg') repeat-x center bottom;background-size:1600px;color:#fff;padding:100px 0 140px 0; margin-top:150px;}
.home #footer{margin-top:0px;}
#footer a{color:#fff;transition:all .2s;}
#footer a:hover, #footer a:focus{color:#f7b921;}
#footer .bt{margin-top:10px;}
.footpart .menu{margin-bottom:20px;}
.footpart .bt2{ margin-top:10px; }
.footpart{width:25%;float:left;padding-right:30px;}
.footpart h3{font-family:'adorn';margin-bottom:10px;font-size:120%;}
#footer .linkrs{font-size:160%;margin-right:8px;position:relative;top:-4px;transition:all .2s;}
#menu-pied-de-page{width:100%;text-align:center;margin-top:80px;}
#menu-pied-de-page ul, #menu-pied-de-page li{display:inline-block;}
#menu-pied-de-page a{color:#9bbb9d;font-size:80%;padding:2px 6px;text-decoration:none;}


/********************************************************************** FORM */
button, input, select, textarea{margin:0;}
textarea{overflow:auto;vertical-align:top;resize:vertical;}
button{width:auto;overflow:visible;}
input[type="reset"], input[type="submit"], input[type="file"], input[type="radio"], input[type="checkbox"], select, button{cursor:pointer;}
input[type="radio"], input[type="checkbox"]{font-size:110%;position:relative;top:1px;}
input[type="search"]{-webkit-appearance:textfield;}
input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button{-webkit-appearance:none;}
:invalid{box-shadow:none;} :-moz-submit-invalid{box-shadow:none;} :-moz-ui-invalid{box-shadow:none;}
::-webkit-input-placeholder{color:#C0C0C0;}
:-moz-placeholder{color:#C0C0C0;}
:-ms-input-placeholder{color:#C0C0C0;}
audio:not([controls]){display:none;height: 0;}

label, .label{display:block;margin-left:0;font-size:90%;cursor:pointer;margin-bottom:10px;font-weight:700;color:#666;}

input[type=text], input[type=email], input[type=tel], textarea
{
	font-size:90%;border:none;margin-bottom:10px;border:1px solid #666;
	color:#111;border-radius:0;padding:10px !important;width:100%;background-color:#fff;
	transition:all .2s;
}

input[type=submit], button
{
	font-size:90%;width:auto !important;cursor:pointer;color:#fff;display:inline-block;margin:0;
	text-align:center;padding:10px 30px;border:none;background-color:#666;
	transition:all .2s;
}

textarea{height:80px;}

input[type=text]:hover, input[type=text]:focus, input[type=email]:hover, input[type=email]:focus, input[type=tel]:hover, input[type=tel]:focus, textarea:hover, textarea:focus
{outline:none;border-color:#585858;}
input[type=submit]:hover, input[type=submit]:focus, button:hover, button:focus
{outline:none;}

#email_subs_form .acf-fields{position:relative;border:#EEEEEE solid 1px;margin-bottom:15px;}
#email_subs_form .acf-field .acf-label{margin:0 0 5px;}
#email_subs_form .acf-error-message { border-radius:0 !important; }
#email_subs_form .acf-error-message p { line-height:1 !important; margin: 8px 0 !important; }
#email_subs_form .acf-field .acf-error-message{ margin: 0 0 6px !important; }


/********************************************************************** PAGINATION */
ul#pagination{clear:both;overflow:auto;font-size:87.5%;color:#111;margin:0;padding-top:30px;list-style:none;margin-bottom:-4px;font-weight:bold;}
ul#pagination li{margin:0;}
ul#pagination li a, ul#pagination .pagnolink, ul#pagination .activePage{float:left;margin:0 4px 4px 0;color:#111;display:block;position:relative;background-color:#F5F5F5;padding:6px 10px;overflow:hidden;text-decoration:none;transition:all .2s;-moz-transition:all .2s;-webkit-transition:all .2s;-o-transition:all .2s;}
ul#pagination li a:hover, ul#pagination li a:focus{text-decoration:none;background-color:#D2D2D2;color:#111;}
ul#pagination .activePage{font-weight:bold;background-color:#989898;color:#fff;}
ul#pagination .pagnolink, ul#pagination .activePage{cursor:default;}
ul#pagination li.pagprev a, ul#pagination li.pagnext a{padding:6px 10px;}


/********************************************************************** GALERIE */
.gallery img{border:0 !important;margin-bottom:0 !important;display:block !important;padding:0 1px !important;width:100% !important;}
.gallery .gallery-item {margin-top:2px !important;}
.fancybox-skin{border-radius:0 !important;box-shadow:none !important;}
.fancybox-prev span{background:#000 !important;background:rgba(0, 0, 0, 0.7) !important;left:0 !important;}
.fancybox-next span{background:#000 !important;background:rgba(0, 0, 0, 0.7) !important;right:0 !important;}
.fancybox-close{top:0 !important;right:0 !important;background:#000 !important;background:rgba(0, 0, 0, 0.7) !important;text-decoration:none !important;}
.fancybox-close:hover, .fancybox-close:focus{text-decoration:none !important;background:#000 !important;}
.fancybox-close:after{content:"×";display:block;color:#fff;font-size:150%;width:inherit;font-family:georgia;margin-top:-1px;height:inherit;text-align:center;line-height:36px;}
.fancybox-prev:after{content:"‹";visibility:hidden;position:absolute;display:block;color:#fff;font-size:34px;font-family:georgia;width:inherit;height:inherit;text-align:center;line-height:36px;top:50%;left:0;width:36px;height:34px;margin-top:-22px;z-index:9999;}
.fancybox-prev:hover:after{visibility:visible;}
.fancybox-next:after{content:"›";visibility:hidden;position:absolute;display:block;color:#fff;font-size:34px;font-family:georgia;width:inherit;height:inherit;text-align:center;line-height:36px;top:50%;right:0;width:36px;height:34px;margin-top:-22px;z-index:9999;}
.fancybox-next:hover:after{visibility:visible;}
.fancybox-title{font-weight:bold !important;background-color:rgba(0, 0, 0, 0.7) !important;}


/********************************************************************** RWD */
@media (min-width:1180px){

    body{padding-top:188px;}
    #header, #logo img, #nav{transition:all .4s;}
    #header{padding:30px 0;position:fixed;top:0;left:0;right:0;z-index:999;background-color:#fff;}
    .admin-bar #header{ top:32px; }
    .headerfixe #header{padding:15px 0;}
    .headerfixe #logo img{width:100px;}
    .headerfixe #nav{margin:15px 0 0 80px;}

	#nav ul{display:block !important;}

	#nav .menu .sub-menu{padding-top:0px;visibility:hidden;opacity:0;position:absolute;top:30px;left:50%;margin-left: -120px;z-index:99;min-width:240px;transition: top .3s, opacity .3s; }
	#nav .menu .sub-menu:before{content: "";position:relative;top:-9px;left:50%;margin-left:-4px;width:0;height:0;border-style:solid;border-width:0 8px 8px 8px;border-color:transparent transparent #9bbb9d transparent; }
	#nav .menu .sub-menu li{display:block;}
	#nav .menu .sub-menu li:after{display:none;}
	#nav .menu .sub-menu a{background:#9bbb9d; color:#fff; text-align:center; width:100%;padding:11px 7px 10px 7px;border-bottom:1px solid #8dab8f;text-transform:none;}
	#nav .menu .sub-menu a:after{display:none;}
	#nav .menu .sub-menu a:hover, #nav .menu .sub-menu a:focus{ color:#fff; background-color: #8dab8f; }

	#nav .menu-item-has-children{position:relative;}
	#nav .menu-item-has-children > a{padding-right:30px !important;}
	#nav .menu-item-has-children > a:before{content: "";top:21px;right:15px;position:absolute;display:block;width:0;height:0;border-style:solid;border-width:6px 4px 0 4px;border-color:#60717c transparent transparent transparent;}

	#nav .menu-open > .sub-menu{opacity:1;top:35px;visibility:visible;}
	
}


@media (max-width:1180px){

	a#showmenu{margin:0;position:absolute;top:30px;right:0;display:block;padding:9px 13px;background:#f7b921;text-transform:uppercase;color:#fff;text-align:center;font-size:110%;border-radius:1px;}
	a#showmenu:hover, a#showmenu:focus{outline:none;text-decoration:none;background-color:#f7b921;}
    #nav{display:block;width:100%;margin:0;}
    #nav ul{display:none;padding-top:30px;}
    #nav ul li{display:block;width:100%;}
	#nav ul li a{display:block;width:100%;background-color:#60717c;color:#fff;margin-bottom:10px;border-radius:1px;text-align:center;}

    #part1txta{margin-bottom:80px;}
    #part1txtb{margin-top: 120px;font-size:350%;}

    .part1bloc span{font-size:200%;}
    #part1bloc1 .part1flec{width: 22%;bottom: -100px;}
    #part1bloc2 .part1flec{width: 22%;bottom: -110px;}
    #part1bloc2 span{top:-65px;right:-7%;}

    #part2a, #part2b{float:none;width:100%;}

    .part3alink1{bottom: -65px;right: -0px;top:inherit;left:inherit;}
    .part3alink2{bottom: -65px;right: -230px;top:inherit;left:inherit;}
    .part3alink3{bottom: -65px;right: 230px;top:inherit;left:inherit;}

    #part4a{width:100%;float:none;text-align:center;}
    #part4a img{width:90%;}
    #part4b{width:75%;float:none;margin:0 auto 30px auto;}
    .part4btxt{float:left;width:50%;}

    #part5citation{font-size:150%;}
    .actu strong{font-size:150%;width:100%;}

    #part6{background-position:right 10% bottom -65px, left -120px bottom -170px, left -500px top 25%;}
    #part6 .centerdiv3{width:80%;}

}


@media (max-width:720px){

    #logo img{width:150px;}

    #part1{padding:110px 0 80px 0;min-height:600px;}
    #part1 .centerdiv2{width:100%;}
    #part1txta{margin-top:60px;font-size:240%;margin:0 auto 70px auto;width:90%;text-align:center;}
    #part1txtb{font-size:240%;width:90%;margin:90px auto 0 auto;}
    .part1bloc span{font-size:160%;}
    #part1bloc1 span{bottom:-22%;}
    #part1bloc2 span{top:-55px;}
    #part1bloc3 span{bottom:-22%;}
    #part1bloc1 .part1flec{bottom:-80px;}
    #part1bloc2 .part1flec{bottom:-90px;}

    #part2{background:none;padding:20px 0 35px 0;}
    #part2a{padding-left:0px;}
    #part2a #part2atitle1{position:relative;color: #60717c;font-size:240%;left:inherit;top:inherit;margin-bottom:30px;}
    #part2a #part2atitle1 br{display:none;}
    #part2a #part2atitle2{display:none;}
    #part2a a{bottom: -15px;}
    #part2b{padding-top:55px;}
    #part2b h2{ font-size: 240%; margin-bottom: 30px; }
    #part2b p{ font-size: 120%; }

    #part3a{width:100%;float:none;padding:50px 0;height:auto;}
    #part3a > div{width:90%;margin:0 auto;}
    #part3a strong{font-size:240%;float:none;margin:0 0 30px 0;display:block;}

    .part3atxt1, .part3atxt2, .part3atxt3{position:relative;top:inherit;left:inherit;font-size:160%;margin-bottom: 20px;display: block;text-align: left;}
    .part3atxt3{margin-bottom:50px;}
    .part3atxt1 br, .part3atxt2 br, .part3atxt3 br{display:none;}
    .graine1{top: 5%;right: 10%;left:inherit;}
    .graine2, .graine3{display:none;}
    .part3alink1, .part3alink2, .part3alink3{position:relative;top:inherit;bottom:inherit;right:inherit;left:inherit;width: 100%;height: auto;padding:15px 10px;background: #f7b921;color:#fff;margin-top:10px;font-size:100%;border-radius:1px;}

    #part3b{width:100%;float:none;height:auto;padding:50px 0;}
    #part3b strong{font-size:240%;}
    #part3b span{font-size:180%;}

    #part4{padding:50px 0;}
    #part4b{width:90%;}
    #part4b strong{font-size:240%;margin-bottom:30px;margin-top:0;}
    #part4b strong sup{position:relative;left: 0;font-size: 65%;top: 0px;}
    #part4b span{font-size:160%;}
    #part4b span:before{top:0;}
    .part4btxt{width:100%;float:none;}
    #part4illu{display:none;}
    #part4illum{display:block;margin:0 auto;}

    #part5{background:#60717c;padding:50px 0;}
    #part5titre{font-size:240%;margin-left:0;}
    #part5titre span{font-size:80%;top:-11px;}

    .actu{float:none;width:100%;margin-right:0;}
    .actu div{height:140px;}

    #part6{
        padding: 50px 0 80px 0;min-height:0;
        background-image:url('img/illu-jaune2.png');
        background-position:left -50px bottom -100px;
        background-repeat:no-repeat;
        background-size:300px;
    }
    #part6 .centerdiv3{width:90%;}
    #part6citation{display:none;}
    #part6 strong{font-size:180%;}

    #part7{ padding: 0 0 55px 0; }
    #part7a{ width: 100%;float: none; }
    #part7b{ width: 100%;float: none;padding-top: 40px; }
    #part7b h2{ font-size: 240%; padding-right: 0;}
    #part7b p{ font-size:120%; }

    #part8{padding: 55px 0 55px 0;}
    #part8 h2{ font-size: 240%;margin-bottom: 30px; }
    #part8 ul{ display:block; }
    #part8 ul li{width:100%; padding:0;}
    #part8 ul li strong{ font-size: 200%; }
    #part8 ul li p{ margin-bottom:20px; }
    #part8bts{ margin-top: 40px; }
    #part8bts .bt{ margin-bottom:0; }
    .graine4{ display:none; }

    .titlewrap{padding: 100px 0 60px 0;}
    .titlewrap h1{ font-size: 9vw; }

    .pageel{ margin-bottom:40px; }

    .pageel_xcolwrap{display:block; margin:0;}
    .pageel_xcolwrap .col{ margin:0; }

    .pageel_2cols .centerdiv4{ display:block; }
    .pageel_2colsG, .pageel_2colsD{ width: 100%;float: none; display:block; }

    #footer{padding:50px 0 50px 0;background:#60717c;}
    .footpart{width:100%;float:none;margin-bottom:30px;padding-right:0;}

    #menu-pied-de-page{text-align:left;margin-top:50px;}
    #menu-pied-de-page a{font-size:100%;padding:5px 7px 5px 0;}


}














