/*
Theme Name: Mickaël Robert
Theme URI: http://www.hopscotchdesign.fr
Version: 1.0.0
Author: hopscotchdesign
Author URI: http://www.hopscotchdesign.fr
*/

@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300italic,400,400italic,700,700italic);

/*
Source Sans Pro
300 : light
400 : regular
700 : bold
*/

/*styles génériques*/
*{
	margin:0;
	padding:0;
	outline:none;
}
html, body{
	width:100%;
	height:100%;
}
object, embed, iframe{
	position:relative;
	z-index:1;
}
img{
	border:none;
	outline:none;
	max-width:100%;
	height:auto;
}
a{
	color:inherit;
	color:#dc762b;
	outline:none !important;
}
a:hover{
	color:#dc762b;
}
.clear{
	float:none !important;
	clear:both !important;
	margin:0 !important;
	padding:0 !important;
	width:0 !important;
	height:0 !important;
	overflow:hidden !important;
}
.relative{
	position:relative;
}
.hide{
	visibility:hidden;
}
.none{
	display:none;
}
.Fleft{
	float:left;
}
.Fright{
	float:right;
}
iframe{
	position:relative;
	z-index:1;
}
html{
	font-size:62.5%;
}
body{
	font-family:'Source Sans Pro', Arial, Helvetica, sans-serif;
	font-weight:400;
	color:#59595b;
	background-color:#fff;
	font-size:18px;
	font-size:1.8rem;
}
/*FIN styles génériques*/

li{
	list-style:inside;
}

/**/
header{
	position:fixed;
	top:0;
	left:0;
	width:100%;
	height:90px;
	background-color:#272727;
	z-index:5;
}
	header .container{
		position:relative;
		z-index:1;
	}
	header aside{
		position:absolute;
		top:0;
		right:0;
		bottom:0;
		z-index:1;
		margin:auto;
		height:12px;
	}
		header aside li{
			display:inline-block;
			height:12px;
			line-height:0.9rem;
			border-left:solid 1px #fff;
			vertical-align:top;
			font-weight:700;
		}
		header aside li:first-child{
			border-left:none;
		}
			header aside a{
				color:#0d7296;
				text-decoration:none;
				font-size:1.2rem;
				text-transform:uppercase;
				display:inline-block;
				padding:0 7px;
			}
			header aside a.lang_sel_sel, header aside a:hover{
				color:#fff;
				text-decoration:none;
			}
	header .site-logo{
		padding:16px 0;
	}
@media (max-width: 640px) {
	.site-logo{
		max-width:75%;
	}
}
@media (max-width: 400px) {
	.site-logo{
		max-width:75%;
	}
}
/**/
footer{
	background-color:#2e2e2e;
	color:#dedede;
}
	footer a,footer a:hover{
		color:#dedede;
	}
	.gotop{
		display:block;
		width:60px;
		height:60px;
		background:url(img/top.png) center center no-repeat;
		margin:25px auto;
		text-decoration:none;
		position:relative;
		z-index:1;
	}
	.mail1{
		padding-bottom:40px;
		font-size:3rem;
	}
	.mail2{
		padding-bottom:40px;
		font-size:1.8rem;
	}
@media (max-width: 640px) {
	.mail1{
		padding-bottom:40px;
		font-size:2rem;
	}
	.mail2{
		padding-bottom:40px;
		font-size:1.4rem;
	}
}
	footer aside{
		border-top:solid 1px #252526;
		padding:30px 0;
		color:#fff;
		font-size:1.2rem;
	}
		footer aside li{
			color:#757575;
			display:inline-block;
			vertical-align:top;
		}
		footer aside li:before{
			display:inline-block;
			vertical-align:top;
			color:#757575;
			content:'-';
			margin:0 3px;
		}
		footer aside li:first-child:before{
			content:'';
			margin:0;
		}
			footer aside li a, footer aside li a:hover, footer aside li a:focus{
				color:#757575;
				text-decoration:none;
			}
/**/
.stick{
	position:absolute;
	left:0;
	bottom:0;
	z-index:5;
	width:100%;
	min-height:80px;
	background-color:#272727;
}
@media (min-width: 768px) {
.stick.fix{
	position:fixed;
	top:90px;
	bottom:auto;
}
}
@media (max-width: 768px) {
.stick{
	position:relative;
}
}
	nav ul{
		font-size:0;
		margin-top:20px;
	}
	nav li{
		width:14.285%;
		padding:0 6px !important;
	}
	.btn-default{
		text-align:center;
		min-height:40px;
		color:#fff !important;
		background-color:#0d7296 !important;
		border:none !important;
		
		/*text-transform:uppercase;
		font-weight:700;*/
		
		font-weight:400;
		white-space:normal;
		
		font-size:17px;
		font-size:1.7rem;
		line-height:1.7;
		width:100%;
		border-radius:4px !important;
		cursor:pointer !important;
	}
	.btn-default:hover{
		background-color:#165870 !important;
		color:#fff !important;
	}
	@media (max-width: 1200px) {
	.btn-default{
		font-weight:400;
		font-size:14px;
		font-size:1.4rem;
		line-height:2.1;
	}
	}
	@media (max-width: 992px) {
	nav li{
		width:28.5%;
		padding:0 6px !important;
		margin-top:5px;
		margin-bottom:5px;
	}
	.btn-default{
		font-weight:700;
		font-size:17px;
		font-size:1.7rem;
		line-height:1.7;
	}
	}
	@media (max-width: 640px) {
		.list-inline{
			margin-left:0;
		}
	nav li{
		width:100%;
		padding:0 6px;
	}
	}
/**/
section{
	position:relative;
	z-index:-1;
}
section.intro{
	max-height:100%;
	overflow:hidden;
	z-index:2 !important;
}
/**/
.intersticiel{
	position:relative;
	z-index:1;
}
	.intersticiel img{
		width:100%;
		margin:0 auto;
		position:relative;
		z-index:1;
	}
	section.intro img{
		min-height:250px;
	}
	.intersticiel figcaption{
		position:absolute;
		top:0;
		width:100%;
		height:100%;
		z-index:2;
		font-size:3.8rem;
		color:#fff;
		font-style:italic;
		font-weight:300;
	}
	.intersticiel figcaption .container, .intersticiel figcaption .container .row, .intersticiel figcaption .container .row>div{
		height:100%;
	}
		.intersticiel figcaption span.poz, .intersticiel figcaption div.text{
			display:inline-block;
			vertical-align:middle;
		}
		.intersticiel figcaption span.poz{
			height:100%;
		}
		.intersticiel figcaption div.text>div{
			line-height:4.5rem;
			text-shadow:2px 2px 4px #000;
		}
		/*.intersticiel figcaption div.text p:before, .intersticiel figcaption div.text p:after{
			content:'"';
			font-style:italic;
			position:relative;
			z-index:1;
		}
		.intersticiel figcaption div.text p:before{
			font-size:12rem;
			position:relative;
			z-index:1;
			top:4.2rem;
			line-height:1rem;
			display:inline-block;
			width:4.5rem;
			margin-left:-4.5rem;
		}
		.intersticiel figcaption div.text p:after{
			font-size:8.3rem;
			position:relative;
			z-index:1;
			top:4.2rem;
			line-height:1rem;
		}*/
/**/
.titre_section{
	color:#0d7296;
	font-size:4.8rem;
	font-weight:300;
}
.cartouche{
	display:inline-block;
	padding:0 5px;
	font-weight:700;
	text-transform:uppercase;
	color:#fff;
	font-size:1.2rem;
	background-color:#d47107;
}
/**/
section.contenu{
	padding:30px 0;
}
	section.contenu .titre_section{
		margin-top:20px;
		margin-bottom:30px;
	}
	section.contenu .titre_section:after{
		content:" ";
		display:block;
		width:100px;
		height:1px;
		margin:0 auto;
		margin-top:50px;
		background-color:#b4b4b4;
	}
/**/
section.expertises{
	background-color:#272727;
}
	section.expertises .titre_section{
		color:#fff;
	}
	section.expertises .titre_section:after{
		background-color:#808080;
	}
	section.expertises .nav-tabs{
		border-bottom:none;
		margin-top:25px;
	}
	section.expertises .nav > li > a{
		height:225px;
		text-align:center;
		border-radius:8px 8px 0 0;
		background:url(img/depli.png) center 170px no-repeat;
	}
		section.expertises .nav > li > a span{
			display:block;
			font-size:1.6rem;
			font-weight:700;
			color:#fff;
			margin-top:10px;
			line-height:1.8rem;
		}
	section.expertises .nav > li > a:hover, section.expertises .nav > li > a:focus{
		background:none;
		border:1px solid #272727;
		border-bottom:none;
		background:url(img/repli.png) center 170px no-repeat;
	}
	section.expertises .nav-tabs > li.active > a, section.expertises .nav-tabs > li.active > a:hover, section.expertises .nav-tabs > li.active > a:focus{
		background:url(img/repli.png) center 170px no-repeat;
		background-color:#272727;
		border-color:#39393a;
		outline:none;
		border-bottom:none;
	}
	@media (max-width: 992px) {
	section.expertises .nav > li > a{
		background:none;
		height:185px;
		border:none;
		cursor: default;
	}
	section.expertises .nav > li > a:hover, section.expertises .nav > li > a:focus{
		background:none;
		border:none;
	}
	section.expertises .nav-tabs > li.active > a, section.expertises .nav-tabs > li.active > a:hover, section.expertises .nav-tabs > li.active > a:focus{
		background:none;
		border:none;
	}
	section.expertises .tab-content{
		display:none !important;
	}
	}
	.tab-content{
	}
		section.expertises .tab-content > .tab-pane{
			border:1px solid #39393a;
			border-radius:8px;
			padding:60px 0;
			font-size:1.6rem;
			color:#a3a3a3;
		}
/**/
.panel-heading{
	padding:0;
}
.panel-default > .panel-heading{
	background:none;
	background:url(img/depli.png) right center no-repeat;
	border:none;
}
.panel-default > .panel-heading:hover, .panel-default > .panel-heading.active{
	background:url(img/repli.png) right center no-repeat;
}
.panel-collapse{
	padding:0;
}
.panel-default > .panel-heading + .panel-collapse > .panel-body{
	border:none;
	padding:0;
}
/**/
section.equipe{
}
	section.equipe .sous_titre{
		margin:20px 0;
		color:#0d7296;
		font-size:2.4rem;
		letter-spacing:7px;
	}
	.panel-group .panel{
		border-radius: 8px;
		border:solid 1px #b4b4b4;
		margin-bottom:20px;
		font-size:1.6rem;
		padding:0 10px;
	}
		.bloc_draw .titre_bloc{
			color:#272727;
			
			/*text-transform:uppercase;
			font-weight:700;*/
			
			font-weight:400;
			
			font-size:2.4rem;
			padding-top:0;
			padding-bottom:0;
			margin:0;
			line-height:100%;
			height:54px;
		}
			.bloc_draw .titre_bloc a{
				display:block;
				padding:15px 0;
				color:#272727;
				outline:none;
			}
			.bloc_draw .titre_bloc a:hover, .bloc_draw .titre_bloc a:focus{
				text-decoration:none;
				color:#272727;
			}
		.bloc_draw .details{
			padding-bottom:15px;
		}
			.bloc_equipe .details .publi .titre{
				color:#272727;
				font-weight:700;
				font-size:2.4rem;
			}
			.bloc_draw .details .publi .elem{
				border-bottom:solid 1px #d9d9d9;
			}
			.bloc_draw .details .publi .elem:last-child{
				border-bottom:none !important;
			}
			.bloc_draw .details .publi .elem{
				padding:10px 0;
			}
				.bloc_draw .details .publi .elem .meta{
					font-size:1.2rem;
					color:#2e2e2e;
					font-weight:700;
					letter-spacing:2px;
				}
				.bloc_draw .details .publi .elem .titre_publi{
					font-size:1.8rem;
					color:#0d7296;
					font-weight:700;
				}
				.bloc_draw .details .publi .elem .texte{
					font-size:1.4rem;
				}
				.bloc_draw .details .publi .elem .editeur{
					font-size:1.2rem;
					color:#2e2e2e;
					font-weight:700;
				}
				.bloc_draw .details .publi .elem .link{
					font-size:1.4rem;
					color:#2e2e2e;
					font-weight:400;
				}
					.bloc_draw .details .publi .elem .link a, .bloc_draw .details .publi .elem .link a:hover{
						text-decoration:underline;
						color:#0d7296;
						font-weight:700;
					}
/**/
section.publications{
}
			.bloc_publi .details .publi .titre{
				font-size:2.4rem;
				color:#0d7296;
				font-weight:400;
			}
			.all_publi{
				display:inline-block;
			}
/**/
section.contacts{
	padding-bottom:0;
}
	section.contacts .nav-tabs{
		border-bottom:none;
		font-size:0;
		margin-bottom:25px;
	}
	section.contacts .nav-tabs > li{
		margin-bottom:0;
		display:inline-block;
		float:none;
	}
	section.contacts .nav-tabs > li{
		width:14.285%;
		padding:0 6px !important;
	}
	@media (max-width: 992px) {
	section.contacts .nav-tabs > li{
		width:28.5%;
		padding:0 6px !important;
		margin-top:5px;
		margin-bottom:5px;
	}
	}
	.content_map{
		position:relative;
		z-index:1;
		width: 100%;
		height: 470px;
	}
	.acf-map {
		width: 100%;
		height: 470px;
		border: #ccc solid 1px;
		margin-top: 20px;
	}
		.map-controls{
			position:absolute;
			top:30px;
			left:50px;
			z-index:2;
		}
		.map-controls .zoom a {
			background:url(img/zoom_plus.png) center center no-repeat;
			color: #fff;
			display: block;
			font-size: 30px;
			height:55px;
			width: 55px;
		}
		.map-controls .zoom a.zoomout {
			background:url(img/zoom_moins.png) center center no-repeat;
		}
		.map-controls .zoom a:hover{
			text-decoration:none;
		}
		.bloc_adress{
			position:absolute;
			top:85px;
			right:50px;
			z-index:2;
			background-color:#2e2e2e;
			color:#b0b0b0;
			padding:55px 45px 25px 45px;
			width:305px;
			font-size:1.6rem;
		}
	@media (max-width: 768px) {
section.contacts{
	background-color:#f0f0f0;
}
	.content_map{
		height:auto;
	}
		.bloc_adress{
			position:relative;
			z-index:1;
			top:0;
			left:0;
			right:0;
			width:100%;
			background:none;
		}
	}
			.bloc_adress span.logo{
				/*background:url(img/logo_small.png) 0 0 no-repeat;*/
				display:inline-block;
				width:212px;
				height:46px;
				margin-bottom:30px;
			}
			.bloc_adress .adresse{
				font-weight:700;
				margin-bottom:15px;
			}
			.bloc_adress p.num span{
				display:inline-block;
				text-align:left;
				/*width:50px;
				margin-right:12px;
				background:url(img/fc.png) right center no-repeat;*/
			}
			.bloc_adress p.num a{
				color:#0d7296;
			}
			
			.bloc_adress .localise a{
				display:inline-block;
				background:url(img/markup_small.png) 0 center no-repeat;
				padding-left:30px;
				height:35px;
				font-size:1.8rem;
				color:#0d7296;
				text-decoration:none;
			}
			.bloc_adress .localise a:hover, .bloc_adress .localise a:focus{
				color:#0d7296;
				text-decoration:none;
			}
/**/
.page-template-modele-popin{
	background-color:#2e2e2e;
	color:#dedede;
}
section.popin{
	padding:100px;
}
/**/
section.actualites{
	background-color:#f0f0f0;
	color:#7c7c7c;
	font-size:14px;
	font-size:1.4rem;
}
.lactu{
	width:210px;
	padding:0 15px;
}
	.date_actu{
		font-weight:700;
		color:#2e2e2e;
		font-size:12px;
		font-size:1.2rem;
	}
	.titre_actu{
		font-weight:700;
		color:#0d7296;
		font-size:18px;
		font-size:1.8rem;
	}
	.link_actu{
		color:#0d7296;
		text-transform:uppercase;
		display:inline-block;
		margin-top:4px;
	}
	.slick-prev, .slick-next{
		width:25px !important;
		height:40px !important;
		background:url(img/left.png) center center no-repeat !important;
	}
	.slick-next{
		background:url(img/right.png) center center no-repeat !important;
	}
	.slick-prev:before, .slick-next:before{
		display:none !important;
	}
.lpart{
	margin-bottom:40px;
	color:#7c7c7c;
	font-size:14px;
	font-size:1.4rem;
}
	.lpart .titre_actu{
		margin-bottom:10px;
	}
	.lpart a{
		color:#0d7296;
		display:inline-block;
		margin-top:10px;
	}