/*
Theme Name: C2Web Framework
Author: C2Web
Author URI: http://www.c2w.fr
Version: 1.0
*/

@font-face {
    font-family: 'Lato';
    src: url('fonts/lato-light-webfont.woff2') format('woff2'),
         url('fonts/lato-light-webfont.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('fonts/lato-regular-webfont.woff2') format('woff2'),
         url('fonts/lato-regular-webfont.woff') format('woff');
    font-weight: 400;
    font-style: normal;
}

@font-face {
    font-family: 'Lato';
    src: url('fonts/lato-bold-webfont.woff2') format('woff2'),
         url('fonts/lato-bold-webfont.woff') format('woff');
    font-weight: 700;
    font-style: normal;
}

html, body {height: 100%}

a:focus, a:active{
	outline:0;
	text-decoration: none;
}

a{
	transition:color 0.25s;
}

body{
	padding:0;
	background:#FFF;
}

#wrap {min-height: 100%}

header{
	position: relative;
}

/* Footer toujours en bas */
footer{
    position: relative;
    clear:both;
}

.no-mobile{
	display: block;
}

.mobile{
	display: none;
}

.alignleft{
	float:left;
	margin:0 2em 0.5em 0;
}

.alignright{
	float:right;
	margin:0 0 0.5em 2em;
}

.aligncenter{
	display: block;
	margin:1em auto;
}

.no-margin{
	margin:0;
}

.no-margin-left{
	margin-left:0;
}

.no-margin-right{
	margin-right:0;
}

.no-padding{
	padding:0;
}

.no-padding-left{
	padding-left:0;
}

.no-padding-right{
	padding-right:0;
}

.mt1{ margin-top: 1em; }
.mt2{ margin-top: 2em; }
.mt3{ margin-top: 3em; }

.mr1{ margin-right: 1em; }
.mr2{ margin-right: 2em; }
.mr3{ margin-right: 3em; }

.mb1{ margin-bottom: 1em; }
.mb2{ margin-bottom: 2em; }
.mb3{ margin-bottom: 3em; }

.ml1{ margin-left: 1em; }
.ml2{ margin-left: 2em; }
.ml3{ margin-left: 3em; }

.pt1{ padding-top: 1em; }
.pt2{ padding-top: 2em; }
.pt3{ padding-top: 3em; }

.pr1{ padding-right: 1em; }
.pr2{ padding-right: 2em; }
.pr3{ padding-right: 3em; }

.pb1{ padding-bottom: 1em; }
.pb2{ padding-bottom: 2em; }
.pb3{ padding-bottom: 3em; }

.pl1{ padding-left: 1em; }
.pl2{ padding-left: 2em; }
.pl3{ padding-left: 3em; }

.wp-caption-text{
	text-align: center;
	font-style: italic;
}

#content{
	margin: 2em 0;
}

.entry-content h3{
	padding-top: 0.5em;
}

.entry-content ul,
.entry-content ol{
	display: inline-block;
	padding-left: 1.5em;
}

.entry-content ul li{
	list-style-type:square;
	margin-bottom: 0.75em;
	line-height: 1.2em;
}

.entry-content ol li{
	margin-bottom: 0.75em;
	line-height: 1.2em;
}

hr{
	clear: both;
	visibility: hidden;
}

code{
	background-color: inherit;
    border-radius: inherit;
    color: inherit;
    font-size: inherit;
    padding: inherit;
    white-space: inherit;
    font-family:inherit;
}


/* Pagination par défaut */

.page-numbers{
	text-align: center;
}

.page-numbers li{
	display: inline-block;
	border:1px solid #CCC;
	list-style-type: none;
	font-size: 1em;
}

.page-numbers li span, .page-numbers li a{
	display: block;
	padding:0.25em;
}

.page-numbers li .current{
	background: #FFF;
	color: #000;
}

.post-edit-link{
	background:#000;
	color:#FFF;
	padding:1em;
}


/* Commentaires */

.form-allowed-tags{display: none;}

#commentform{
	margin-bottom: 3em;
	position: relative;
}

#commentform #submit{
	position:absolute;
	right:1em;
	background:#e51e20;
	color:#FFF;
	font-weight: bold;
	border:2px solid #FFF;
	text-transform: uppercase;
	-webkit-border-radius: 24px;
	-moz-border-radius: 24px;
	border-radius: 24px;
	padding:0.25em 1em;
	font-family: 'AgencyFBRegular', sans-serif;
	font-size: 1.1em;
	transition:background 0.5s;
}

#commentform #submit:hover{
	color:#CCC;
	background:#000;
}

h3#reply-title{
	border-bottom: 1px dashed #e51e20;
	color:#AAA;
}

.comment-form-comment label{
	display: none;
}
.comment-form-comment textarea{
	width: 100%;
	height:7em;
}

.la_date{
	color:#AAA;
	font-weight: normal;
}

h2#comments-title{
	font-size: 1.5em;
	text-transform: none;
}

/* Fil d'ariane */
#breadcrumbs{
	position: absolute;
	bottom:1em;
	right:0;
}

#breadcrumbs li{
	list-style-type: none;
	display: inline-block;
	padding:0 3px;
}


/* Pagination */

.page-numbers li{
	display: inline-block;
	border:1px solid #CCC;
	list-style-type: none;
	font-size: 1.5em;
}

.page-numbers li span, .page-numbers li a{
	display: block;
	padding:0.25em 0.5em;
}

.page-numbers li .current{
	background: #e51e20;
	color: #FFF;
}


/* Contact Form 7 */

.red{
	color:red;
}

.wpcf7-form{
	padding:1em;
	position: relative;
	padding-bottom:2em;
}

.wpcf7-text, .wpcf7-textarea, .wpcf7-number, .wpcf7-date, .wpcf7-select{
	color:#000;
	font-family: arial, verdana, sans-serif;
	padding:0.5em;
	border:1px solid #CCC;
	width: 100%;
}

.wpcf7-textarea{
	width:100%;
}

.wpcf7-form .label{
	font-weight: normal;
	color:#428bca;
	padding:0;
}

.wpcf7-form .champ{
	margin-bottom: 0.5em;
}

.wpcf7-form input.wpcf7-submit{
	display: block;
	color:#696969;
	border:1px solid #CCC;
	padding:0.25em 1em;
	-webkit-transition: 0.25s all;
	-o-transition: 0.25s all;
	transition: 0.25s all;
	background:#FFF;
}

span.wpcf7-form-control-wrap{
	display: block;
}

span.wpcf7-not-valid-tip{
	position: absolute;
	left:0;
	bottom:0;
	top:0;
	right: 0;
	background:red;
	line-height: 1em;
	font-size: 0.8em;
	cursor: default;
	color: #FFF;
	overflow: hidden;
	padding:5px;
	opacity: 0.7;
	height:23px;
}

.wpcf7-form br{
	display: none;
}

div.wpcf7-response-output{
	margin:0;
}

/* Menu desktop header */

header .menu{
	text-align: center;
	padding:0;
}

header .menu li{
	display: inline-block;
	position: relative;
	padding:0 2em;
	text-align: left;
}


header .menu .container-sub-menu{
	position: absolute;
	left:0;
	top: 99%;
	padding:0;
	display:none;
	background:#FFF;
	width: 100%;
	z-index: 100;
}

header .menu li:hover .container-sub-menu{
	display: block;
}

header .menu .sub-menu{
	background: rgba(255,255,255,0);
}

header .menu .sub-menu li{
	padding:0.5em;
	line-height: 1em;
	display: block;
	border: none;
	background: #FFF;
	-moz-box-shadow: 2px 2px 2px 0px #000000;
	-webkit-box-shadow: 2px 2px 2px 0px #000000;
	-o-box-shadow: 2px 2px 2px 0px #000000;
	box-shadow: 2px 2px 2px 0px #000000;
	filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=134, Strength=2);
}

header .menu .sub-menu li:first-child{
	margin-top: 6px;
}

header .menu .sub-menu li a{
	display: block;
}

header .menu li .sub-menu .sub-menu{
	position: absolute;
	left:100%;
	top:0;
	transform: scaleX(0);
	transform-origin: left;
}

header .menu .sub-menu li:hover .sub-menu{
	transform: scaleX(1);
}

/* Menu desktop footer */

footer .menu{
	text-align: center;
	padding:0;
}

footer .menu li{
	list-style-type: none;
	display: inline-block;
	padding: 0 1em;
	border-left: 1px solid #696969;
}


/* Menu mobile */

.menu_mobile{
	position:fixed;
	left:0;
	top:0;
	right:0;
	bottom:auto;
	height:auto;
	max-height: 50px;
	width:100%;
	z-index: 1000;
	background:#000;
	-webkit-transition: 0.25s all;
	-o-transition: 0.25s all;
	transition: 0.25s all;
}

.menu_mobile.active{
	bottom: 0;
	height:auto;
	max-height: 1000px;
}

.menu_mobile .conteneur_menu_mobile{
	position: absolute;
	left:0;
	overflow: hidden;
	top:50px;
	bottom:0;
	height: auto;
	width: 100%;
	z-index: 1000000;
}

.menu_mobile .conteneur_menu_mobile .menu-menu-principal-container{
	padding: 2em;
}

/*
.menu_mobile .menu-menu-principal-container{
	position:absolute;
	width: 100%;
	height: 100%;
	overflow: auto;
	border-right: 1px solid #FFF;
	border-bottom: 1px solid #FFF;
	font-size: 1em;
}
*/

.menu_mobile ul{
	margin:0;
	padding:0;
	width: 100%;
}

.menu_mobile ul li{
	display: block;
	text-align: left;
	text-transform: uppercase;
	padding:0em;
	border-bottom: 1px solid #CCC;
	font-size: 1.3em;
}

.menu_mobile .menu_centre ul li{
	text-align: center;
}

.menu_mobile ul li:last-child{
		border:none;
}

.menu_mobile li:first-child{
	border-bottom: 1px solid #ccc !important;
}

.menu_mobile .sub-menu li{
	font-size: 0.9em;
	text-transform: none;
	background: #fff;
	border:none;
}

.menu_mobile li a{
	padding:0.7em 0 0.7em 0;
	color: #00867d;
	display: block;
}

.menu_mobile .sub-menu li a{
	padding:0.7em 0 0.7em 2em;
	color: #00867d;
}

.menu_mobile li a:hover, .menu_mobile li a:focus, .menu_mobile li a:active{
	background;
	color:#00867d;
	-webkit-transform: scale(1.4);
	-ms-transform: scale(1.4);
	-o-transform: scale(1.4);
	transform: scale(1.4);
}

.menu_mobile{
	background: #FFF;
	z-index: 10000;
}

.menu_mobile .btn_menu_mobile{
	cursor:pointer;
	position: relative;
	left:0;
	width:100%;
	top:0;
	height:50px;
	background: #fff;
	text-align: left;
	-webkit-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.3);
	-moz-box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.3);
	box-shadow: 0px 1px 2px 0px rgba(0,0,0,0.3);
}


.menu_mobile .btn_menu_mobile span{
	display: block;
	text-align: center;
	text-transform: uppercase;
	color:#000;
	font-size: 1em;
}

.menu_mobile .btn_menu_mobile img{
	width:auto;
	display: inline-block;
	height:44px;
	margin-top: 3px;
}


#nav-icon1, #nav-icon2, #nav-icon3, #nav-icon4 {
  width: 39px;
  height: 26px;
  position: relative;
  margin:10px 0 0 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;
  cursor: pointer;
}

#nav-icon1 span, #nav-icon3 span, #nav-icon4 span {
  display: block;
  position: absolute;
  height: 4px;
  width: 100%;
  background: #00867d;
  border-radius: 9px;
  opacity: 1;
  left: 0;
  -webkit-transform: rotate(0deg);
  -moz-transform: rotate(0deg);
  -o-transform: rotate(0deg);
  transform: rotate(0deg);
  -webkit-transition: .25s ease-in-out;
  -moz-transition: .25s ease-in-out;
  -o-transition: .25s ease-in-out;
  transition: .25s ease-in-out;
}

#nav-icon3 span:nth-child(1) {
  top: 0px;
}

#nav-icon3 span:nth-child(2),#nav-icon3 span:nth-child(3) {
  top: 13px;
}

#nav-icon3 span:nth-child(4) {
  top: 26px;
}

#nav-icon3.open span:nth-child(1) {
  top: 18px;
  width: 0%;
  left: 50%;
}

#nav-icon3.open span:nth-child(2) {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}

#nav-icon3.open span:nth-child(3) {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

#nav-icon3.open span:nth-child(4) {
  top: 18px;
  width: 0%;
  left: 50%;
}



/* Google maps */
.acf-map {
	width: 100%;
	height: 400px;
	border: #ccc solid 1px;
	margin: 20px 0;
}

.infobulle{
	margin:0 20px;
	width:270px;
	height:auto;
}

.infobulle span{
	display: inline-block;
	width:70px;
	font-weight: bold;
}

.infobulle span.title{
	width:auto;
	display: block;
	margin-top: 0;
	border-bottom-size: 1px;
	border-bottom-style:solid;
	color:#696969;
	text-transform: uppercase;
	margin-bottom: 0.5em;
}

.infobulle .discover{
	display: block;
	margin-top: 0.25em;
}


/* Chargement page */
.fond_chargement{
	position: fixed;
	left:0;
	top:0;
	width:100%;
	height: 100%;
	background:#FFF;
	z-index: 10000;
}

.fond_chargement img{
	display: block;
	margin:0 auto;
}

.fond_chargement img.logo_site{
	width: auto;
	height: auto;
}

.fond_chargement img.chargement_site{
	margin-top: 0;
}


/* Cookie-notice (tarte au citron) */
#tarteaucitronAlertBig{
  position: fixed;
  bottom: 1rem;
  left: 1rem;
  width: 30vw;
  background:#FFF;
  border-radius: 10px;
  overflow: hidden;
  font-size: 1.5rem;
  line-height: 1.7rem;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
  user-select: none;
  box-shadow: 0px 0px 9px rgba(0,0,0,0.4);
  z-index: 100;
}

#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert{
  padding:2rem;
  padding-bottom: 3rem;
  display: block;
  background-image: url(../c2web_framework/images/cookie_1.png);
  background-repeat: no-repeat;
  background-position: 109% -26px;
  background-size:auto 100%;
  padding-right: 30%;
}

#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert small{
  display: block;
  font-size: 1.1em;
  margin-bottom: 0.25rem;
  font-weight: 100;
}

#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert strong{
  display: block;
  font-size: 1.6em;
  margin-bottom: 2rem;
}

#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert p{
  margin-bottom: 0;
}

#tarteaucitronAlertBig #tarteaucitronDisclaimerAlert p + p{
  margin-top: 1rem;
}

#tarteaucitronAlertBig .tarteaucitronAlertBigBtnWrapper{
  display: flex;
}

#tarteaucitronAlertBig .tarteaucitronAlertBigBtnWrapper > button{
  flex:1;
  background:none;
  border:none;
  cursor: pointer;
  transition: 0.25s all;
  border-top:1px solid rgba(0,0,0,0.3);
  line-height: 0.9rem;
  padding:0.8rem;
  font-weight: 100;
}

#tarteaucitronAlertBig .tarteaucitronAlertBigBtnWrapper > button.tarteaucitronAllow{
  color:rgba(190,214,0,0.8);
  font-weight: 500;
}

#tarteaucitronAlertBig .tarteaucitronAlertBigBtnWrapper > button + button{
  border-left:1px solid rgba(0,0,0,0.3);
}

#tarteaucitronAlertBig .tarteaucitronAlertBigBtnWrapper button:hover{
  background:rgba(190,214,0,0.8);
  color:#FFF;
}

#tarteaucitronRoot button{
  transition: 0.25s all;
  cursor: pointer;
  line-height: 1.5rem;
  border:1px solid rgba(255,255,255,0.5);
  outline: none;
}

#tarteaucitronClosePanel{
  position: absolute;
  background: rgba(190,214,0,0.8);
  color:#FFF;
  border:none;
  padding:0.25rem 0.5rem;
  text-transform: uppercase;
  font-size: 0.8rem;
  margin-bottom: 0.5rem;
  border-radius: 5px;
  bottom: 100%;
  right: 0.5rem;
  cursor: pointer;
  transition: 0.25s all;
  outline: none;
}

#tarteaucitronClosePanel:hover{
  background: #000;
}

#tarteaucitron{
  position: fixed;
  z-index: 100;
  bottom: 1rem;
  right: 1rem;
  top:auto !important;
  width: 30vw;
  background:#FFF;
  border-radius: 10px;
  font-size: 1.7rem;
  line-height: 2.1rem;
	-webkit-touch-callout: none;
	-webkit-user-select: none;
	-khtml-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
  user-select: none;
  box-shadow: 0px 0px 9px rgba(0,0,0,0.4);
  display: none;
}

#tarteaucitronMainLineOffset{
  background:rgba(190,214,0,0.8);
  color:#FFF;
  padding: 1rem;
  text-align: center;
}

#tarteaucitron #dialogTitle{
  display: block;
  font-size: 1.6em;
  margin-bottom: 1rem;
  border-bottom: 1px solid rgba(0, 0, 0, 0.5);
  padding-top: 1rem;
  padding-bottom: 1rem;
}

#tarteaucitronMainLineOffset .tarteaucitronAsk > *{
  width: 49%;
  display: inline-block;
  vertical-align: middle;
  height: 50px;
}

#tarteaucitron ul{
  list-style-type: none;
  padding: 0;
}

#tarteaucitron #tarteaucitronPrivacyUrlDialog{
  color:#FFF;
  margin:1rem auto 1.7rem auto;
  display: block;
  background:none;
  border:none;
  cursor: pointer;
  font-weight: 500;
  border:1px solid #FFF;
  padding:0.4rem 1.5rem 0.5rem 1.5rem;
  border-radius: 5px;
}

#tarteaucitron #tarteaucitronPrivacyUrlDialog:hover{
  background:#FFF;
  color:rgba(190,214,0,0.8);
}

.tarteaucitronHidden{
  display: none;
  position: relative;
}

#tarteaucitron .tarteaucitronBorder > ul{
  padding:0 1.5rem 0 1.5rem ;
  margin-top: 1.7rem;
  margin-bottom: 1.5rem;
}

#tarteaucitron .tarteaucitronBorder > ul > li + li{
  margin-top: 2rem;
}

.tarteaucitronTitle{
  background:rgba(190,214,0,0.8);
  margin-bottom: 0rem;
  border-top-left-radius: 5px;
  border-top-right-radius: 5px;
}

.tarteaucitronTitle button{
  background:none;
  border:none;
  padding: 0.5rem 0 0.6rem 0;
  margin: 0;
  display: block;
  text-align: center;
  width: 100%;
  color:#FFF;
  font-weight: 100;
  text-transform: uppercase;
  font-size: 1rem;
}

.tarteaucitronLine{
  display: flex;
}

.tarteaucitronLine:not(.tarteaucitronMainLine){
  padding-top: 0.5rem;
  padding-bottom: 0.5rem;
}

.tarteaucitronLine:not(.tarteaucitronMainLine).tarteaucitronIsAllowed{
  border-left:4px solid #3b733b;
  padding-left: 0.5rem;
}

.tarteaucitronLine:not(.tarteaucitronMainLine).tarteaucitronIsDenied{
  border-left:4px solid #b90a0a;
  padding-left: 0.5rem;
}

#tarteaucitronMainLineOffset{
  flex-direction: column;
  align-items: center;
  border-top-left-radius:10px;
  border-top-right-radius:10px;
}

.tarteaucitronLine .tarteaucitronName,
.tarteaucitronLine .tarteaucitronAsk{
  width: 49%;
  display: inline-block;
  vertical-align: middle;
}

.tarteaucitronLine .tarteaucitronName{
  text-align: left;
  padding-right: 1rem;
  line-height: 1.5rem;
  font-size: 1.5rem;
}

#tarteaucitronMainLineOffset .tarteaucitronName{
  text-align: center;
  margin-bottom: 0.3rem;
}

.tarteaucitronLine .tarteaucitronName a{
  color:rgba(190,214,0,0.8);
}

.tarteaucitronLine .tarteaucitronAsk{
  display: flex;
}

.tarteaucitronLine .tarteaucitronAsk > button{
  flex:1;
  background: rgba(0,0,0,0.6);
  color:#FFF;
  border:none;
  border-radius: 5px;
  height: 35px;
  opacity:0.8;
}

.tarteaucitronLine .tarteaucitronAsk > button:hover{
  opacity:1;
}


.tarteaucitronLine.tarteaucitronIsAllowed .tarteaucitronAsk > button.tarteaucitronAllow{
  background:#3b733b;
}

.tarteaucitronLine.tarteaucitronIsDenied .tarteaucitronAsk > button.tarteaucitronDeny{
  background:#b90a0a;
}

.tarteaucitronLine .tarteaucitronAsk > button + button{
  margin-left: 1rem;
}

.tarteaucitronLine .tarteaucitronAsk > button.tarteaucitronAllow.tarteaucitronIsSelected{
  background:#3b733b;
  opacity:1;
}

#tarteaucitronServices_mandatory .tarteaucitronLine .tarteaucitronAsk > button.tarteaucitronAllow{
  background:#3b733b;
  opacity:1;
  cursor: default;
}

.tarteaucitronLine .tarteaucitronAsk > button.tarteaucitronDeny.tarteaucitronIsSelected{
  background:#b90a0a;
  opacity:1;
}

#tarteaucitronRoot .tarteaucitronCross::before {
  content: '\2717';
  display: inline-block;
}

#tarteaucitronRoot .tarteaucitronCheck::before {
  content: '\2713';
  display: inline-block;
}

#tarteaucitronIcon{
  position: fixed;
  z-index: 99;
  bottom: 0;
  right: 0;
  border-top:1px solid rgba(0,0,0,0.3);
  border-left:1px solid rgba(0,0,0,0.3);
  border-top-left-radius:5px;
  transition: 0.25s all;
  background:#FFF;
}

#tarteaucitronIcon:hover{
  background:rgba(0,0,0,0.3);
}

#tarteaucitronIcon button{
  border:none;
  background:none;
  padding: 0.3rem 0.7rem;
  display: block;
}

#tarteaucitronIcon button::after{
  content:"Cookies";
  text-transform: uppercase;
  font-size: 0.8rem;
}

#tarteaucitronIcon button img{
  display: none;
}

#tarteaucitronRoot .tarteaucitronPlus::before {
  content: '\271b';
  display: inline-block;
}

.tarteaucitronH3{
  font-size: 1.3rem;
  font-weight: 500;
  line-height: 1.2rem;
  display: block;
  margin-bottom: 0.5rem;
}

.tarteaucitronInfoBox{
  background:rgba(0,0,0,0.8);
  color:#FFF;
  padding: 0.5rem;
  line-height: 1rem;
  margin-bottom: 0.5rem;
  display: none;
}

#tarteaucitronServices{
  height:auto !important;
}

/* Tarteaucitron vimeo */

div.vimeo_player{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
}

.tac_activate{
  position: relative;
}

.tac_activate button{
  background:none;
  border:1px solid rgba(190,214,0,0.8);
  border-radius: 6px;
  position: absolute;
  top: 100%;
  left: 50%;
  transform: translateX(-50%);
  cursor: pointer;
  margin-top: 0.5rem;
}


/* Section écrans moyen desktop */
@media (min-width: 1401px) and (max-width: 1600px) {
  #tarteaucitronAlertBig{
    width: 35vw;
  }

  #tarteaucitron{
    width: 45vw;
  }
}


/* Section petits écrans desktop */
@media (min-width: 992px) and (max-width: 1400px) {
  #tarteaucitronAlertBig{
    width: 45vw;
  }

  #tarteaucitron{
    width: 45vw;
  }

  .tarteaucitronMainLine .tarteaucitronAsk{
    width: 75%;
  }

}

@media (min-width: 992px) and (max-width: 1200px) {
  #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert{
    padding-right: 40%;
    background-size: auto 90%;
  }

  #tarteaucitron{
    width: 50vw;
  }
  
}


/* Section spéciale mobile */

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

	.mobile{
		display: block;
	}

	.no-mobile{
		display: none;
	}

	header{
		display: none;
	}

	footer{
		height:auto;
	}

	footer .menu li{
		display: block;
		border:none;
		padding:1em 0;
	}

	#breadcrumbs{
		display: none;
	}


  #tarteaucitronAlertBig{
    left: 0;
    right: 0;
    bottom: 0;
    width: auto;
    box-shadow: none;
    border-top:1px solid rgba(0,0,0,0.3);
    border-radius: 0;
  }

  #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert{
    background-position: 106% -8px;
  }

  #tarteaucitron{
    width: 100vw;
    right: 0;
    bottom: 0;
    top:auto;
    height: 85vh;
    border-radius:0;
    overflow:auto;
  }

  #tarteaucitronMainLineOffset{
    border-radius:0;
  }

  #tarteaucitronClosePanel{
    margin: 0.5rem 0 0 0;
    bottom: auto;
    background:#FFF;
    color:rgba(190,214,0,0.8);
  }


}


@media screen and (max-width: 600px){
	.entry-content a.fancybox img{
		width:100%;
		height:auto;
	}

	.alignleft, .alignright{
		margin:0 0 1em 0;
	}

	.navi{
		float:none;
		text-align: center;
	}

  #tarteaucitronAlertBig #tarteaucitronDisclaimerAlert{
    background-size:auto 80%;
  }

  .tarteaucitronMainLine .tarteaucitronAsk{
    width: 75%;
  }

}