/*
Theme Name: Ecofip
Theme URI: http://www.youand.eu
Version: 1.0.0
Author: Youand
Author URI: http://www.youand.eu
*/

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

/*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;
}
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;
	display:block;
	margin:0 auto;
}
html{
	font-size:62.5%;
}
body{
	font-family:'Source Sans Pro', Arial, Helvetica, sans-serif;
	font-weight:400;
	color:#53301b;
	background-color:#f8f7f5;
	font-size:16px;
	font-size:1.6rem;
}
/*FIN styles génériques*/

/*styles iframe simulateur*/

.container-store {
	text-align: center;
	margin: 0 auto;
	margin-bottom: 10px;
}
.stores{
	display:inline-block;
	width: 340px;

}

.stores .link-appstore img{
	width:165px; 
	height:40px;
}

.stores .link-playstore img{
	width:140px; 
	height:40px;
}

.iframe-simulateur {
	width:100%;
	min-height: 620px;
	border: none;
}


/*FIN styles génériques*/
.couleur{
}
ul.menu{
	margin:0;
}
	ul.menu li{
		list-style:none;
		display:inline-block;
	}
	.liens_externes ul.menu li{
		position:relative;
		z-index:5;
	}
	.liens_externes ul.menu .sub-menu{
		display:none;
		position:absolute;
		top:43px;
		left:0;
		z-index:5;
		min-width:100%;
	}
	.liens_externes ul.menu li.menu-item-has-children:hover .sub-menu{
		display:block;
	}
		.liens_externes ul.menu .sub-menu li{
			display:block;
			background-color:#fff;
			min-width:100%;
			white-space:nowrap;
		}

.linkrs{
	margin:0 2px;
}
	.linkrs a{
		display:block;
		width:22px;
		height:22px;
		background-position:center center;
		background-repeat:no-repeat;
		text-indent:-999px;
		overflow:hidden;
		background-color:#dc762b;
		border-radius:50%;
		text-align:left !important;
	}
	.picto_fb a{
		background-image:url(img/picto_fb.png);
	}
	.picto_tt a{
		background-image:url(img/picto_tt.png);
	}
	.picto_v a{
		background-image:url(img/picto_v.png);
	}
	.picto_gp a{
		background-image:url(img/picto_gp.png);
	}
	.picto_lk a{
		background-image:url(img/picto_lk.png);
	}

/**/
header{
}
body.home header{
	position:absolute;
	z-index:2;
	top:0;
	width:100%;
}
	header aside{
		width:100%;
		background-color:#fff;
		max-width:1280px;
		min-height:43px;
		margin:0 auto;
		position:relative;
		z-index:5;
	}
		header aside .menu{
			margin-top:9px;
		}
	.liens_externes{
		text-align:right;
		font-size:1.4rem;
		font-weight:600;
		text-transform:uppercase;
	}
		.liens_externes ul{
			margin:0 !important;
		}
		.liens_externes li{
			background:url(img/separ_nav_site.gif) right center no-repeat;
		}
		.liens_externes li:last-child{
			background:none;
		}
			.liens_externes li a{
				line-height:43px;
				height:43px;
				display:inline-block;
				padding-left:10px;
				padding-right:26px;
				background:url(img/puce_nav_site.png) right center no-repeat;
			}
				.liens_externes li a span{
					font-weight:400;
				}
			.liens_externes .site_cgp a{
				color:#b69129;
			}
			.liens_externes .site_presse a{
				color:#979b9b;
			}
			.liens_externes .site_region a{
				color:#09b7cf;
				font-weight:400;
			}
				.liens_externes li.site_region a span{
					font-weight:600;
				}
			.liens_externes .actif a{
				padding-left:26px;
				padding-right:10px;
				color:#fff;
				background:url(img/puce_nav_site_open.png) 0 center no-repeat #dc762b;
			}
	.site-logo a{
		position:relative;
		z-index:2;
	}
	.site-logo:before{
		display:block;
		content:" ";
		background:#fff;
		width:800px;
		height:200px;
		position:absolute;
		bottom:24px;
		left:-10px;
		z-index:1;
		-webkit-transform: rotate(-10deg);
		   -moz-transform: rotate(-10deg);
			-ms-transform: rotate(-10deg);
			 -o-transform: rotate(-10deg);
				transform: rotate(-10deg);
	}
	header nav{
		position:relative;
		z-index:2;
		text-align:right;
		padding-top:18px;
	}
		header nav ul.menu>li{
			margin:0 2px;
			height:40px;
			position:relative;
			z-index:1;
		}
			header nav ul.menu>li>a{
				display:inline-block;
				border-radius:4px;
				padding-left:10px;
				padding-right:10px;
				height:40px;
				line-height:40px;
				font-size:1.6rem;
				font-weight:600;
				text-transform:uppercase;
				text-decoration:none;
				background-color:#53301b;
				color:#fff;
			}
			header nav ul.menu>li.menu-item-has-children>a{
				background:url(img/puce_nav.png) right center no-repeat #53301b;
				padding-right:28px;
			}
			header nav ul.menu>li.current-menu>a, header nav ul.menu>li.current-menu-ancestor>a{
				background-color:#dc762b;
				color:#fff;
			}
			header nav ul.menu>li:hover>a{
				background-color:#dc762b;
				color:#fff;
			}
			header nav ul.menu>li.menu-item-has-children.current-menu>a, header nav ul.menu>li.menu-item-has-children.current-menu-ancestor>a{
				background:url(img/puce_nav_actif.png) right center no-repeat #dc762b;
			}
			header nav ul.menu>li.menu-item-has-children:hover>a{
				background:url(img/puce_nav_open.png) right center no-repeat #dc762b;
				border-radius:4px 4px 0 0;
			}
			header nav ul.menu>li ul{
				display:none;
				min-width:100%;
				position:absolute;
				top:100%;
				left:0;
				z-index:1;
				background-color:#dc762b;
				color:#fff;
				border-radius:0 0 4px 4px;
				text-align:left;
			}
			header nav ul.menu>li:hover ul{
				display:block;
			}
				header nav ul.menu>li ul li{
				display:block;
				}
				header nav ul.menu>li ul a{
					display:block;
					color:#fff;
					font-size:1.4rem;
					height:29px;
					line-height:29px;
					text-align:left;
					text-transform:uppercase;
					padding:0 10px;
					border-top:1px solid #c56823;
					white-space:nowrap;
				}
				header nav ul.menu>li ul li:first-child a{
					border-top:none;
				}
	@media (max-width: 1024px) {
	.liens_externes{
		font-size:1.2rem;
	}
		header nav{
		}
			header nav ul.menu>li>a{
				font-size:1.2rem;
			}
	}
		header .nav{
			display:none;
		}
	@media (max-width: 992px) {
	header{
		background-color:#fff;
	}
		header .nav{
			display:block;
			position:absolute;
			top:5px;
			right:5px;
			z-index:2;
			background:url(img/burger.png) right center no-repeat #fff;
			width:50px;
			height:50px;
		}
		header nav{
			display:none;
			padding-top:0;
			position:absolute;
			top:0;
			left:0;
			z-index:1;
			width:100%;
		}
		header nav ul.menu > li{
			width:100%;
			height:auto;
			min-height:40px;
		}
		header nav ul.menu > li > a{
			width:100%;
			text-align:center;
			border-radius:0;
		}
		header nav ul.menu > li ul{
			position:relative;
			top:0;
		}
		header nav ul.menu > li ul a{
			text-align:center;
		}
	}
		
/**/
footer{
	width:100%;
	background-color:#fff;
	max-width:1280px;
	padding-top:65px;
	margin:0 auto;
}
	footer .wid{
		height:270px;
		font-size:2rem;
	}
		footer .wid .wid_title{
			margin-bottom:6px;
			font-weight:700;
		}
		footer .wid:first-child .wid_title{
			text-transform:uppercase;
		}
		footer .wid .menu li{
			list-style:disc inside none;
			display:list-item;
			font-size:1.5rem;
		}
			footer .wid .menu li a{
				color:#53301b;
				font-size:2rem;
			}
	footer aside{
		width:100%;
		background-color:#dc762b;
		max-width:1280px;
		min-height:40px;
		margin:0 auto;
		color:#fff;
		position:relative;
		z-index:1;
	}
		footer aside a, footer aside a:hover{
			color:#fff;
		}
		.go_top{
			position:absolute;
			z-index:1;
			margin:auto;
			top:0;
			bottom:0;
			left:0;
			right:0;
			display:block;
			width:40px;
			height:40px;
			background:url(img/go_top.png) center center no-repeat;
		}
		footer aside .element_left{
			text-align:left;
			font-size:1.2rem;
			font-weight:300;
		}
			footer aside .element_left div{
				display:inline-block;
				margin-right:2px;
				line-height:40px;
			}
		footer aside .element_right{
			text-align:right;
		}
			footer aside .element_right .menu{
				margin:9px 0;
			}
/**/

.pave{
	padding-top:12px;
	padding-left:60px;
	min-height:60px;
}
.pave.picto{
	padding-left:100px;
	padding-top:0;
}
	.pave.picto>*:first-child{
		margin-top:0;
	}
.pave.picto-big{
	padding-top:43px;
	padding-left:128px;
	min-height:120px;
}
.picto-cgp{
	background:url(img/picto_cgp_big.png) 0 0 no-repeat;
}
.pave.picto-map{
	padding-top:12px;
	padding-left:60px;
	background:url(img/picto_map.png) 0 0 no-repeat;
}
.pave.picto-mail{
	padding-top:12px;
	padding-left:60px;
	background:url(img/picto_mail.png) 0 0 no-repeat;
}
	.picto-mail a{
		text-decoration:underline;
	}
.picto-exp {
	background: url(img/picto_inv_exp.png) 0 0 no-repeat;
}
.picto-souplesse {
	background: url(img/picto_inv_souplesse.png) 0 0 no-repeat;
}
.picto-secu {
	background: url(img/picto_inv_secu.png) 0 0 no-repeat;
}
.picto-caledonie{
	background: url(img/picto_caledonie.png) 0 0 no-repeat;
}
.picto-guadeloupe{
	background: url(img/picto_guadeloupe.png) 0 0 no-repeat;
}
.picto-guyane{
	background: url(img/picto_guyane.png) 0 0 no-repeat;
}
.picto-martinique{
	background: url(img/picto_martinique.png) 0 0 no-repeat;
}
.picto-polynesie{
	background: url(img/picto_polynesie.png) 0 0 no-repeat;
}
.picto-reunion{
	background: url(img/picto_reunion.png) 0 0 no-repeat;
}
.picto-siege{
	background: url(img/picto_siege_social.png) 0 0 no-repeat;
}

.btn{
	display:inline-block;
	color:#fff !important;
	background-color:#dc762b !important;
	text-transform:uppercase;
	padding:0 10px;
	text-decoration:none !important;
	border-radius:0;
	font-size:1.4rem;
	height:33px;
	line-height:32px;
	font-weight:700;
	position:relative;
}
div.btn{
	padding:0;
}
div.btn.Fright, .pull-right .btn{
	margin-right:37px;
}
	.btn>input{
		background:none;
		border:none;
		padding:0 10px;
		font-size:1.4rem;
		text-transform:uppercase;
	}
	.btn .ajax-loader{
		display:none;
	}
.btn:after{
	content:" ";
	display:block;
	position:absolute;
	top:-1px;
	right:-37px;
	width:33px;
	height:33px;
	background:url(img/puce_bt.png) center center no-repeat #dc762b;
}
.btn-faq:after{
	background-image:url(img/puce_bt_faq.png);
}
.btn-simulateur:after {
	background-image: url(img/puce_btn-simulateur.png);
}
.btn-quiz:after {
	background-image: url(img/puce_btn-quiz.png);
}
.btn-contact:after {
	background-image: url(img/puce_btn-contact.png);
}

/**/
body>section, body>#page{
	width:100%;
	max-width:1280px;
	margin:0 auto;
}

	/**/
	#slide{
		position:relative;
		z-index:0;
	}
	.side_tools{
		position:absolute;
		top:40%;
		right:0;
		z-index:5;
		width:110px;
	}
		.side_tools>div{
			margin:2px 0;
		}
	.container-carousel .carousel-control{
		margin:auto;
		text-shadow:none;
		height:75px;
		width:75px;
		z-index: 3;
	}
	.container-carousel .carousel-control.left{
		background:url(img/slide_left.png) center center no-repeat;
		bottom:50px;
		left:30px;
		top: auto;
	}
	.container-carousel .carousel-control.right{
		background:url(img/slide_right.png) center center no-repeat;
		bottom:50px;
		right:30px;
		top: auto;
	}
		#slide figure{
			position:relative;
			z-index:1;
		}
		#slide .ct{
			position:absolute;
			z-index:2;
			top:40%;
			left:0;
			right:0;
			bottom:0;
			margin:auto;
		}
		#slide span.theme{
			background-color:#00b8ae;
			color:#fff;
			font-size:1.4rem;
			font-weight:700;
			padding:12px 15px;
			text-transform:uppercase;
			display:inline-block;
			margin-bottom:4px;
			float:left;
		}
		#slide .Fleft{
			clear:both;
		}
		#slide p{
			display:block;
			background-color:rgba(248, 247, 245, 0.9);
			font-size:3.6rem;
			padding:10px 20px;
		}
		#slide .btn{
			float:right;
			margin-right:60px;
			height:55px;
			font-size:1.6rem;
			line-height:54px;
			padding:0 20px;
		}
		#slide .btn:after{
			width:55px;
			height:55px;
			right:-60px;
		}
		@media (max-width: 1024px) {
		#slide p{
			font-size:3rem;
		}
		}
		@media (max-width: 992px) {
		#slide p{
			font-size:2rem;
		}
		}
		@media (max-width: 768px) {
		#slide figure{
			height:400px;
		}
			#slide figure img{
				width:auto;
				height:100%;
				max-width:none;
			}
		#slide .ct{
			top:30%;
		}
		#slide span.theme{
			float:left;
		}
		#slide .Fleft{
			clear:both;
		}
		#slide p{
			font-size:2rem;
		}
		}
		@media (max-width: 480px) {
			.site-logo{
				padding-top:10px;
			}
		#slide p{
			font-size:1.6rem;
		}
		}
	/**/
	.pave1to3{
		background-color:#fff;
	}
		.pave1to3 div.colonne{
			height:385px;
			background:url(img/separ_pave1to3.png) left center no-repeat;
		}
		.pave1to3 div.colonne:first-child{
			background:none;
		}
			.pave1to3 div.colonne .btn{
				position:absolute;
				right:52px;
				bottom:26px;
			}
			.pave1to3 h3{
				margin-top:33px;
				margin-bottom:16px;
				text-transform:uppercase;
				color:#dc762b;
				font-size:1.6rem;
				font-weight:400;
			}
			.pave1to3 h2{
				margin-top:0;
				margin-bottom:15px;
				text-transform:uppercase;
				font-size:2.6rem;
				font-weight:400;
				width:70%;
			}
			.pave1to3 p{
				line-height:30px;
			}
	.pave4{
		background:url(img/bg_pave4to5.png) 0 0 repeat;
	}
		.pave4 h1{
			height:60px;
			line-height:60px;
			font-weight:300;
			font-size:2.6rem;
			text-transform:uppercase;
			margin:0;
			text-align:center;
		}
		.pave4>div{
			position:relative; z-index:1; text-align:center;
		}
		.pave4 figure{
			position:relative; z-index:1;
		}
		.pave4 .ct{
			position:absolute; z-index:2; top:50%; left:0; right:0; bottom:0; margin:auto;
		}
		@media (max-width: 992px) {
		.pave4 figure{
			display:none;
		}
		.pave4 .ct{
			position:relative; z-index:2; top:0; left:0; right:0; bottom:0; margin:auto;
		}
		}
		.pave4 p{
			display:inline-block;
			background-color:rgba(248, 247, 245, 0.9);
			font-size:2.6rem;
			padding:10px 20px;
		}
	.pave5{
		background:url(img/bg_pave4to5.png) 0 0 repeat;
	}
		.pave5 .pave{
			margin-top:35px;
			margin-bottom:20px;
		}
		@media (max-width: 768px) {
		.pave5 .pave{
			margin-top:35px;
			margin-bottom:20px;
			padding:0 !important;
			background:none;
		}
		}
		.pave5 h1{
			margin:0;
			font-size:2.5rem;
			text-transform:uppercase;
			font-weight:600;
			letter-spacing:4px;
		}
		.pave5 p{
			line-height:25px;
		}
		.pave5 .btn{
			float:right;
			margin-bottom:20px;
			margin-right:37px;
		}
	/**/

#page hgroup{
	text-align:center;
}
	#page hgroup h1{
		font-size:3rem;
		text-transform:uppercase;
		margin:30px 0;
		text-align:center;
	}
#page .article{
	color:#36301d;
	padding-top:40px;
}
	#page .article>*{
		margin-bottom:20px;
	}
	#page .article h6{
		font-size:1.4em;
		color: #000000;
	}
	#page .article>.pave{
		margin:20px 0;
	}
	#page .article.actualite{
	border-bottom: 2px solid;
	}
#page .sub_title{
	background-color:#dc762b;
	color:#fff;
	padding:15px 0;
}
	.sub_title .h_stitle{
		text-align:center;
		font-weight:600;
		font-size:2.6rem;
		padding:0;
		margin:0;
	}
.couleur_orange, #page article h1, #page article h2, #page article h3, #page article h4, #page article h5, #page article h6{
	color:#dc762b;
}
.bordure_orange{
	border:solid 4px #dc762b;
	border-radius:4px;
}
#page article h1, #page article h2, #page article h3, #page article h4, #page article h5, #page article h6{
	font-weight:700;
}
img.alignright{
	float:right;
	margin-left:15px;
}
img.alignleft{
	float:left;
	margin-right:15px;
}
img.aligncenter{
	display:block;
	margin-left:auto;
	margin-right:auto;
}
#page article ul li {
	margin-left:40px;
	list-style-type:square;
}
.encart_presse{
	background-color: #ffffff; padding: 20px; border: 1px solid #dc762b;
	height:150px;
	position:relative;
	z-index:1;
}
.encart_presse .btn{
	position:absolute;
	right:50px;
	bottom:15px;
	z-index:1;
}

/*06/2015*/
header .search-form{
	position:relative;
	z-index:1;
	top:10px;
	right:15px;
}
	.search-form .poz{
		width:245px;
		position:relative;
		z-index:1;
	}
	.search-form .search-field{
		border-radius:15px;
		width:245px;
		height:25px;
		border:solid 1px #b4b4b4;
		background-color:#fff;
		/*background-color:rgba(255,255,255,0.8);*/
		padding-left:10px;
		padding-right:30px;
	}
	.search-form .search-submit{
		border:none;
		display:block;
		position:absolute;
		z-index:2;
		bottom:0;
		right:5px;
		background:url(img/bt_search.png) center center no-repeat;
		width:25px;
		height:25px;
		cursor:pointer;
	}
div.affine{
	padding-top:120px;
	color:#53301b;
}
	div.affine span{
		font-size:2rem;
	}
	div.affine .research{
		background-color:#f8f7f5;
		padding:35px 0;
	}
	div.affine .research p{
		display:inline-block;
		vertical-align:middle;
		margin-bottom:0;
		margin-right:10px;
	}
	div.affine .search-form{
		display:inline-block;
		vertical-align:middle;
	}
div#search{
	padding-top:50px;
	padding-bottom:25px;
}
.result_search{
	margin-top:45px;
}
	.result_search h2{
		font-size:3rem;
		font-weight:600;
	}
	.result_search h2 a{
		color:inherit;
	}
.paginate{
	padding:25px 0;
}
	.paginate span, .paginate a{
		text-decoration:none;
		font-weight:700;
		font-size:1.4rem;
		width:41px;
		height:41px;
		line-height:41px;
		display:inline-block;
		border:solid 1px #dc762b;
		background-color:#fff;
	}
	.paginate span.dots{
		border:none;
		background:none;
	}
	.paginate a:hover, .paginate span.current{
		background-color:#dc762b;
		color:#fff;
	}
	.paginate a.prev{
		width:125px;
		text-align:left;
		padding-left:13px;
	}
	.paginate a.next{
		width:125px;
		text-align:right;
		padding-right:13px;
	}
	
.explication{
	background:url(img/bg_pave4to5.png) 0 0 repeat;
	padding:40px 0;
	margin-bottom:25px;
}

#page.actualites{
}
	.letrait{
		background:url(img/trait.png) 43px 0 repeat-y;
		padding-bottom:25px;
	}
	#page.actualites .meta, .meta.trait{
		display:inline-block;
		width:auto;
		background:url(img/bg_date.png) right center no-repeat;
		height:32px;
		line-height:32px;
		font-size:1.3rem;
		font-weight:200;
		color:#fff;
		padding:0 12px;
	}
	#page.actualites article{
		font-size:1.5rem;
	}
	#page.actualites article .actu_titre{
		font-weight:700;
		font-size:3rem;
		line-height:125%;
	}
	#page.actualites article .actu_cartouche{
		font-weight:200;
		font-size:3rem;
		line-height:125%;
	}
		#page.actualites article .actu_cartouche strong{
		font-weight:700;
		}
	#page.actualites article figure{
		margin-bottom:15px;
	}
		#page.actualites article figure img{
			width:100%;
		}

#page.realisations{
}
	#page.realisations article{
		margin-top:40px;
		padding:15px;
		border:solid 1px #f3d1b8;
		position:relative;
	}
	#page.realisations .cartouche{
		position:absolute;
		top:0;
		right:0;
		color:#fff;
		background-color:#dc762b;
		padding:5px 15px;
		font-size:1.8rem;
		font-weight:700;
	}
	#page.realisations .visuel{
		float:right;
		margin-left:15px;
		margin-bottom:15px;
		font-size:1.2rem;
		font-weight:200;
		text-align:right;
	}
	#page.realisations article:nth-child(even) .cartouche{
		right:auto;
		left:0;
	}
	#page.realisations article:nth-child(even) .visuel{
		float:left;
		margin-left:0;
		margin-right:15px;
		text-align:left;
	}

/**/
.spider_calendar{
}
.spider_calendar>div>div{
	margin:0 auto;
}
.spider_calendar .calbg{
	background-color:#dc762b !important;
}
.spider_calendar .cell_body>td{
	color:#dc762b !important;
}
.spider_calendar .cell_body>td.cala_day{
	background-color:#dc762b !important;
}
.screen-reader-text{
	display:none;
}
#pop_table{
	background-color:#f8f7f5 !important;
}
.tb-close-icon:hover{
	color:#53301b;
}
td .h2{
	font-size:2rem;
	color:#53301b !important;
	margin:1rem 0 2rem 0;
}