/*

1 - HEADER
2 - NAV
3 - CARROUSEL
4 - PUSHS
5 - POP-IN
6 - BREADCRUMB
7 - FORMULAIRES
8 - IFRAME

*/

/**********************/
/***** 1 - HEADER *****/
/**********************/
header.main{
	max-width:1180px;
	margin:0 auto;
	position:relative;
	z-index:10;
	text-align: center;
	}
header.main .logo {
  	display: inline-block;
  	margin: 0 auto 25px;
	}
header.main .logo a {
	display: block;
	width: 197px;
	height: 65px;
	padding-top: 15px;
	background: none;
	text-indent: inherit;
	}
header.main .link_home{
	display:block;
	margin:0 0 0 30px;
	padding:25px;
	position:absolute;
	top:40%; left:0;
	font:0.875em/1em 'LocatorWeb-Regular', sans-serif;
	color:#adadad;
	}
header.main .link_home:hover{
	margin:0 0 0 20px;
	}
header.main .link_home em{
	color:#008fcd;
	}
header.main .link_home:before,
header.main .link_home:after{
	display:block; content:"";
	position:absolute;
	top:50%; left:0;
	}
header.main .link_home:before{
	width:16px; height:2px;
	margin:-1px 0 0 0; 
	background:#dadada;
	}
header.main .link_home:after{
	width:7px; height:7px;
	margin:-4px 0 0 0; 
	border-bottom:1px solid #c8c8c8;
	border-left:1px solid #c8c8c8;
	-webkit-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
			transform:rotate(45deg);
	}
	
@media screen and (max-width:767px){
	header.main .logo {
		display: block;
		margin: 0 auto 10px
		}
 	header.main .logo a {
		display: block;
		position: relative;
		z-index: 11;
		margin: 0 auto;
		width: 148px;
		height: 48px;
		padding: 10px 0 0;
		}
	header.main .link_home{
		display:none;
		}
}


/*************************/
/***** 3 - CARROUSEL *****/
/*************************/
.obj_carrousel{
	position:relative;
	z-index:1;
	}
.obj_carrousel .masque{
	position:relative;
	z-index:1;
	overflow:hidden;
	}
.obj_carrousel .items{
	position:absolute;
	z-index:1;
	width:100000px;
	height:auto;
	}
.obj_carrousel .item{
	float:left;
	height:100%;
	}
	
.obj_carrousel .nav .prev,
.obj_carrousel .nav .next{
	position:absolute;
	top:50%;
	z-index:2;
	width:46px; height:46px;
	margin-top:-23px;
	text-indent:-10000px;
	background-color:#008fcd;
	border:none;
	cursor:pointer;
	-webkit-transition:all 0.2s;
	   -moz-transition:all 0.2s;
		 -o-transition:all 0.2s;
			transition:all 0.2s;
	}
.obj_carrousel .nav .next{
	right:0;
	}
.obj_carrousel .nav .prev{
	left:0;
	}
.obj_carrousel .nav .prev:before,
.obj_carrousel .nav .next:before{
	display:block; content:"";
	position:absolute;
	top:50%; left:50%;
	margin:-10px 0 0 -10px;
	width:20px; height:20px;
	-webkit-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
			transform:rotate(45deg);
	}
.obj_carrousel .nav .prev:before{
	border-left:1px solid #fff;
	border-bottom:1px solid #fff;
	}
.obj_carrousel .nav .next:before{
	border-right:1px solid #fff;
	border-top:1px solid #fff;
	}
.obj_carrousel .nav .prev:hover,
.obj_carrousel .nav .next:hover{
	background-color:#66bce1;
	}

.obj_carrousel .nav ul{
	display:block;
	text-align:center;
	}
.obj_carrousel .nav ul li{
	display:inline-block;
	margin:5px;
	}
.obj_carrousel .nav ul li a{
	display:block;
	width:20px; height:20px;
	background:#dbdbdb;
	border-radius:50%;
	font-size:0;
	}
.obj_carrousel .nav ul li.active a{
	background:#008fcd;
	}
@media screen and (max-width:767px){
	.obj_carrousel .nav ul li a{
		width:12px; height:12px;
		}
}

/*********************/
/***** 4 - PUSHS *****/
/*********************/

/* Homepage */
section.obj_bloc-pushs.simple,
section.obj_bloc-pushs.double,
section.bottom_pushs{
	max-width:1180px;
	width:100%;
	overflow:hidden;
	margin:0 auto;
	}
section.obj_bloc-pushs.simple .ctn_text, 
section.obj_bloc-pushs.double .ctn_pushs .ctn_text{
	position:absolute;
	}
section.obj_bloc-pushs.simple .ctn_pushs, 
section.obj_bloc-pushs.double .ctn_pushs{
	position:relative;
	}
section.obj_bloc-pushs.simple .ctn_pushs .ctn_share_menu ul, 
section.obj_bloc-pushs.double .ctn_pushs .ctn_share_menu ul{
	top:205px;
	}
/**********************/
/***** 5 - POP-IN *****/
/**********************/
.str_popin.default{
	display:none;
	position:relative;
	overflow:hidden;
	}
.str_popin.default .btn_close{
	position:absolute;
	z-index:2;
	right:0; top:0px;
	width:46px; height:46px;
	background:#008fcd;
	cursor:pointer;
	}
.str_popin.default .btn_close:hover{
	background:#000;
	}
.str_popin.default .btn_close:before,
.str_popin.default .btn_close:after{
	display:block; content:"";
	position:absolute;
	top:50%; left:50%;
	width:20px; height:2px;
	margin:-1px 0 0 -10px;
	background:#fff;
	-webkit-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
			transform:rotate(45deg);
	}
.str_popin.default .btn_close:after{
	-webkit-transform:rotate(-45deg);
		-ms-transform:rotate(-45deg);
			transform:rotate(-45deg);
	}
.str_popin.default .ctn_decor-popin{
	min-width:660px;
	max-width:100%;
	margin:0 auto;
	}
.str_popin.default .ctn_popin{
	padding:40px;
	background:#fff;
	}
.str_popin.default.video .ctn_popin{
	padding:0;
	}
.str_popin.default .ctn_popin .ctn_iframe{
	position:relative;
	padding-bottom:51.75%;
	padding-top:25px;
	height:0;
	}
.str_popin.default .ctn_popin .ctn_iframe iframe{
	position:absolute;
	z-index:0;
	margin:0;
	top:0;
	left:0;
	width:100%;
	height:100%;
	}
.str_popin.default .ctn_popin .obj_popin-player{
	width:960px;
	height:540px;
	}
.ctn_popin-zone{
	display:none;
	}
.str_popin.default .ctn_popin h2,
.str_popin.default .ctn_popin .title{
	font-family:'LocatorWeb-Light'; font-size:2em; line-height:1em; color:#000;
	padding-right:40px;
	}
	.str_popin.default .ctn_popin h2 strong,
	.str_popin.default .ctn_popin .title strong{
		font-family:'LocatorWeb-Bold';
		}
.str_popin.default .ctn_popin h3,
.str_popin.default .ctn_popin .subtitle{
	font-family:'LocatorWeb-Regular'; font-size:18px; line-height:22px; color:#0099e7;
	margin-top:10px;
	}
.str_popin.default .ctn_popin h4,
.str_popin.default .ctn_popin .category{
	font-family:'LocatorWeb-Light'; font-size:16px; line-height:18px; color:#000;
	margin-bottom:5px;
	}
.str_popin.default .ctn_popin p.t_mentions{margin-top:5px; font-size:0.625em;}
.str_popin.default .ctn_popin .ctn_content{
	margin-top:20px;
	line-height:0;
	}
.str_popin.default .ctn_popin .ctn_content p{
	font-family:'LocatorWeb-Regular'; font-size:14px; line-height:18px; color:#000;
	}
.str_popin.default .ctn_popin .ctn_content p strong{
	font-family:'LocatorWeb-Bold';
	}
@media screen and (max-width:960px){
	.str_popin.default .ctn_popin .obj_popin-player{
		width:640px;
		height:360px;
		}
}

@media screen and (max-width:767px){
	
	.str_popin.default .ctn_popin{
		padding:40px 10px 10px 10px;
		}
	.str_popin.default .ctn_popin .obj_popin-player{
		width:280px;
		height:158px;
		}
	.str_popin.default.video .ctn_popin{
		padding:0;
		}
	.str_popin.default .btn_close{
		-webkit-transform:scale(0.75);
			-ms-transform:scale(0.75);
				transform:scale(0.75);
		-webkit-transform-origin:right top;
			-ms-transform-origin:right top;
				transform-origin:right top;
		}
	.str_popin.default .ctn_decor-popin{
		max-width:90%;
		min-width:260px;
		margin:0 auto;
		}
	.str_popin.default .ctn_popin iframe{
		width:100%;
		height:auto;
		}
}


/** Formulaire de contact **/
.str_popin.default .ctn_popin .ctn_contact{
	margin:0;
	text-align:center;
	}
	.str_popin.default .ctn_popin .ctn_contact.msg_error{
		margin-top:10px;
		text-align:left;
		}
	.str_popin.default .ctn_popin .ctn_contact.objet{
		text-align:left;
		}
	.str_popin.default .ctn_popin .ctn_contact.objet .pave_contact .ctn_line.duo_col{
	float:none;
	}
.str_popin.default .ctn_popin .ctn_contact .pave_contact .ctn_line textarea.message{
	width:470px;
	}
.str_popin.default .ctn_popin .ctn_contact .mentions{
	font-size:12px; color:#afafaf;
	}
/* popin alert */
.str_popin.default .ctn_popin.popinAlert{
	padding:0 57px 0 0;
	}
.str_popin.default .ctn_popin.popinAlert p.msg{
	font-size:1em;
	margin:0 0 20px 0;
	}
.str_popin.default .ctn_popin.popinAlert p.error{
	color:#cc0000;
	}
.str_popin.default .ctn_popin.popinAlert p a{
	display:inline-block;
	border:none;
	padding:14px 20px;
	font:1em/1em "LocatorWeb-Regular", sans-serif;
	color:#fff;
	-webkit-appearance:none;
	   -moz-appearance:none;
			appearance:none;
	background:#008fcd;
	-webkit-transition:all 0.2s;
	   -moz-transition:all 0.2s;
		 -o-transition:all 0.2s;
			transition:all 0.2s;
	text-align:center;
	cursor:pointer;
	}
	}
/* popin message */
.ctn_popin-confirm{
	width:665px;
	}
.ctn_popin-confirm h4,
.ctn_popin-confirm .t_confirm{
	color:#000000; font-family:gillsans-light; font-size:36px; line-height:32px; text-transform:uppercase;
	padding-right:40px; margin-bottom:20px;
	}
.ctn_popin-confirm p{
	font-family:dinpro-regular, trebuchet ms; font-size:14px; line-height:18px; color:#000;
	}
.ctn_popin-confirm .ctn_submit{
	clear:both;
	margin-top:20px;
	}
.ctn_popin-confirm .ctn_submit li{
	float:left;
	margin:0 5px 0 0;
	}
.ctn_popin-confirm .ctn_submit li a{
	background:#0099e7;
	color:#fff; line-height:12px; text-transform:uppercase;
	padding:5px 30px 3px;
	}
.ctn_popin-confirm .ctn_submit li a.retour{
	background:#e5e5e5;
	color:#7b7b7b;
	}

/** Popin Newsletter **/
.str_popin.default .obj_form.newsletter {
	max-width: 780px;
	background:url("../images/f_popin_newsletter.jpg") no-repeat right bottom;
	}
.str_popin.default .obj_form.newsletter .text {
	padding: 30px 0 20px;
	}
.str_popin.default .obj_form.newsletter .text input {
	width: 100%;
	}
.str_popin.default .obj_form.newsletter .obj_checkbox .obj_input {
	margin-bottom: 5px;
	}
.str_popin.default .obj_form.newsletter fieldset {
	border-bottom: 0;
	margin: 0 0 20px;
	padding: 0;
}
.str_popin.default .obj_form.newsletter .mentions {
	font: 0.688em/1.273em "LocatorWeb-Regular", serif;
	color: #a9a9a9;
	margin-top: 30px;
	}
.str_popin.default .obj_form.newsletter .mentions a {
	text-decoration: underline;
	color: #a9a9a9;
	}
.str_popin.default .obj_form.newsletter .msg_error {
	text-align: left;
	font-size: 0.875em;
	margin: 20px 0 0 0;
	}
.str_popin.default .obj_form.newsletter a:hover .ctn_btn .obj_btn,
.str_popin.default .obj_form.newsletter .ctn_btn .obj_btn:hover {
	background: #007cb2;
	color: #fff;
	}

/** Popin Vidéo Youtubeuse **/
.str_popin.default.video .ctn_decor-popin {
	min-width: 860px;
}

@media screen and (max-width:960px){
	.str_popin.default.video .ctn_decor-popin { min-width: 600px; }	
}
@media screen and (max-width:767px){
	.str_popin.default.video .ctn_decor-popin {
		min-width: auto;
		max-width:100%;
	}	
}

/** Popin Data **/
.str_popin.default.data .ctn_popin {
	padding:0;
}

/**********************/
/***** 5 - BREADCRUMB */
/**********************/
.obj_breadcrumb{max-width:1220px; margin:0 auto;}
.obj_breadcrumb .ctn_breadcrumb{
	margin:0 auto;
	padding:60px 9.3125% 20px;
	max-width:1180px;
	}
.obj_breadcrumb li{
	display:inline;
	font:0.875em/1em "LocatorWeb-Light", serif;
	}
.obj_breadcrumb li .arrow {
	position:relative;
	display:inline-block;
	margin:-2px 10px 0 10px;
	width:10px; height:15px;
	text-indent:-9999em;
	}
.obj_breadcrumb li .arrow:after{
	display:block; content:"";
	position:absolute; top:50%; left:0;
	width:8px; height:8px;
	margin:-4px 0 0 0;
	border-top:1px solid #dadde1;
	border-right:1px solid #dadde1;
	-webkit-transform:rotate(45deg);
		-ms-transform:rotate(45deg);
			transform:rotate(45deg);
	}
.obj_breadcrumb li a{
	color:#008fcd;
	}
.obj_breadcrumb li a:hover{
	text-decoration:underline;
	}
	
@media screen and (max-width:960px){
	.obj_breadcrumb .ctn_breadcrumb{
		padding:20px;
		}
}
@media screen and (max-width:767px){
	.obj_breadcrumb li{
		font-size:0.75em;
		}
}