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


/* @import url("css/bootstrap.min.css"); */
@import url("https://netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css");
@import url("css/jquery.fancybox.css");

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 1em 0.3em 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: #333;
	display: block;
}

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

.menu_mobile li a:hover, .menu_mobile li a:focus, .menu_mobile li a:active{
	background:#EEE;
	color:#000;
	-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: #696969;
  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;
}



/* 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;
	}

	

}


@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;
	}

}