html, body, div, span, applet, object, iframe,
	h1, h2, h3, h4, h5, h6, p, blockquote, pre,
	a, abbr, acronym, address, big, cite, code,
	del, dfn, em, font, ins, kbd, q, s, samp,
	small, strike, strong, sub, sup, tt, var,
	dl, dt, dd, ,
	fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	border: 0;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
	-webkit-text-size-adjust:none;
}











/* ==============================================
 	Section text
=============================================== */
section.texts {
padding:50px 0;
width:92%;
background-color:white;
max-width:1200px;
margin:0 auto;
}


section.texts h2 {
padding:15px 0px 0px 0px;
text-align: center;
text-transform: uppercase;
font-size: 22px;
font-weight: 400;
font-family:'Open Sans';
line-height: 1.1;
color: #000;
letter-spacing: 4px;
margin-bottom:50px;
}

section.texts h3 {
text-align: center;
font-size: 30px;
line-height: 42px;
font-weight: 400;
font-family:'Open Sans';
padding: 20px 5% 70px 5%;
color: #666;
margin-bottom:20px;
}

.intro section.texts .col h3 {
font-weight:700;
}



.intro .bigone {
padding:35px 20px;
background:#B85868;
color:white;
font-size:25px;
line-height:35px;
}
.intro .bigone_flat {padding:0px;}
.intro .bigone_top {padding:0px}

.intro .bigone_top h2 {
padding:35px 0px 0px 0px;
background:url(../../pics/maquette/sep_white.png) 50% 0 no-repeat;
text-align: center;
text-transform: uppercase;
font-size: 22px;
font-weight: 400;
font-family:'Open Sans';
line-height: 1.1;
color: #FFF;
letter-spacing: 4px;
margin-bottom:50px;
}


.intro .bigone div { margin:0 auto;max-width:800px;padding:60px 0px }
.intro .next {background:#A84858;font-size:32px;line-height:42px}
.intro .next div {font-size:37px;line-height:55px}

.intro .bigone A {font-weight:800;text-decoration:none;color:white;padding-bottom:3px;border-bottom:2px dotted #882838;}
.intro .bigone A:hover {color:#882838;border-bottom:2px dotted white}

.intro .bigone b {font-weight:600}

.intro .bigone h3 {
font-weight:800;
color:white;
font-size:50px;
letter-spacing:-3px;
margin:30px 0px;
}

.intro .bigone i {
font-style:normal;
color:white;font-weight:bold;}

.intro .bigone .bigtexte {text-align:left;width:90%;max-width:800px}
.intro .bigone .pikinoti {font-size:16px;line-height:21px;}
.intro .bigone .pikinoti h3 {font-size:20px;line-height:27px;letter-spacing:-1px;}


section.texts .col {
text-align: left;
display: block;
font-size: 18px;
line-height: 26px;
color: #888;
font-weight: 400;
margin-bottom:20px;
}


section.texts .pikinoti .col{font-size:14px;line-height:20px}

section.texts .col h3 {
margin-bottom:15px;
padding:0;
font-size: 22px;
font-weight: 400;
line-height: 1.1;
color: #c24f3a;
font-family:'Oswald';
letter-spacing: 8px;
text-align:left;
}

section.texts .pikinoti h3{font-size:18px;line-height:1}

.intro section.texts .col h3 {letter-spacing: 0px;}

section.texts h4 {
font-size:24px;
line-height:38px;
}

section.texts .illu img {width:100%}

.page_condensed section.texts {padding:10px 0px}
.page_condensed section.texts h3 {padding-top:10px;padding-bottom:10px}
.page_condensed .bigone {padding:10px 0px}
.page_condensed .bigone div { padding:20px 0px }
.page_condensed .bigone h3 {margin:15px 0px;font-family:'Oswald'}
.page_condensed section.texts .col {margin-bottom:7px}
.page_condensed .bigone .pikinoti li {padding-top:0px;padding-bottom:0px;margin-top:0px;margin-bottom:0px;line-height:22px;}

section.texts .color .col { background:#EEE;-webkit-transition: background-color .3s linear;
	-moz-transition: background-color .3s linear;
	transition: background-color .3s linear}
section.texts .color .col div.in { padding:40px 30px; }
section.texts .color .col .in2 { width:37%;float:left;color:black; }
section.texts .color .col .in3 { width:44%;font-size:0.9em;color:#666}
section.texts .color .col .in h3 { font-weight:700;letter-spacing: 0px; font-size:160% }

@media screen and (max-width: 780px) {
section.texts .color .col .in2 {
	float:none;
	width:90%;
	padding-bottom:15px;
	border-bottom:1px solid #AAA;
	margin-bottom:25px;
}
}
section.texts .color .col a { font-weight:400;text-decoration:none;padding:3px 7px;color:#EEE;background-color:#D87788; }
section.texts .color .col:hover a { color:rgb(111,132,175);background:#EEE;}
section.texts .color .col a:hover { color:rgb(111,132,175);background:white }
section.texts .color .col:hover { background-color:rgb(111,132,175); }
section.texts .color .col:hover h3 { color:white }
section.texts .color .col:hover .in { color:white }
section.texts .colfull { margin-top:20px;width:97% }

section.texts .col .filet_droite {padding-left:25px;border-left:1px dashed #D87788}
.skin_blue section.texts .col .filet_droite {border-left-color:#77BDD8}
.skin_yellow section.texts .col .filet_droite {border-left-color:#D8BD77}
.skin_green section.texts .col .filet_droite {border-left-color:#BDD877}
.skin_purple section.texts .col .filet_droite {border-left-color:#7352AE}

section.texts .col .filet_gauche {padding-right:25px;border-right:1px dashed #D87788}
.skin_blue section.texts .col .filet_gauche {border-right-color:#77BDD8}
.skin_yellow section.texts .col .filet_gauche {border-right-color:#D8BD77}
.skin_green section.texts .col .filet_gauche {border-right-color:#BDD877}
.skin_purple section.texts .col .filet_gauche {border-right-color:#7352AE}


@media only screen and (max-width: 660px) {
section.texts .col .filet_gauche {padding-right:0px;border:0px}
section.texts .col .filet_droite {padding-left:0px;border:0px}
}

/* reset cols to 2-column */
@media screen and (max-width: 920px) {

	.grid3 .col:nth-of-type(2n+1) .filet_droite {padding-left:0px;border:0px}
}

.intro .une {padding:85px 0px 60px 0px;}
.intro .une div {width:90%;margin:0 auto;}
.intro .une h2 {color:white;font-family:'Open Sans';letter-spacing:-5px;font-size:200%;line-height:120%;font-weight:800}
@media only screen and (max-width: 660px) {
.intro .une h2 {font-size:125%;letter-spacing:-2px;font-weight:800}
}
@media only screen and (min-width: 1280px) {
.intro .une h2 {font-size:250%;line-height:120%;font-weight:800}
}

.skin_blue section.texts .col h3 { color: #77BDD8; }
.skin_blue section.texts .color .col a { background-color:#77BDD8; }
.skin_blue section.texts .color .col:hover a { color:#77BDD8; background:#EEE;}
.skin_blue section.texts .color .col a:hover { color:#77BDD8 ;background:white }
.skin_blue section.texts .color .col:hover { background-color:#77BDD8;  }

.skin_blue .intro .bigone A {border-bottom:2px dotted #287088;}
.skin_blue .intro .bigone A:hover {color:#287088;}
.skin_blue .intro section.texts .col h3 {color: #77C1D8;}
.skin_blue .intro .next {background:#4890A8;}
.skin_blue .intro .bigone {background:#58A0B8;}
.skin_blue .intro .bigone_flat {background:#388098; padding:0px;}

.skin_yellow section.texts .col h3 { color: #D8BD77; }
.skin_yellow section.texts .color .col a { background-color:#D8BD77; }
.skin_yellow section.texts .color .col:hover a { color:#D8BD77; background:#EEE;}
.skin_yellow section.texts .color .col a:hover { color:#D8BD77 ;background:white }
.skin_yellow section.texts .color .col:hover { background-color:#D8BD77;  }

.skin_yellow .intro .bigone A {border-bottom:2px dotted #7E4F00;}
.skin_yellow .intro .bigone A:hover {color:#7E4F00;border-bottom:2px dotted #FFF;}
.skin_yellow .intro section.texts .col h3 {color: #D8BD77;}
.skin_yellow .intro .next {background:#BE9F50;}
.skin_yellow .intro .bigone {background:#BE9F50;}
.skin_yellow .intro .bigone_flat {background:#A58A46; padding:0px;}

.skin_green section.texts .col h3 { color: #BDD877; }
.skin_green section.texts .color .col a { background-color:#BDD877; }
.skin_green section.texts .color .col:hover a { color:#BDD877; background:#EEE;}
.skin_green section.texts .color .col a:hover { color:#BDD877 ;background:white }
.skin_green section.texts .color .col:hover { background-color:#BDD877;  }

.skin_green .intro .bigone A {border-bottom:2px dotted #7D9837;}
.skin_green .intro .bigone A:hover {color:#BDD877;border-bottom:2px dotted #FFF;}
.skin_green .intro section.texts .col h3 {color: #BDD877;}
.skin_green .intro .next {background:#9DB857;}
.skin_green .intro .bigone {background:#9DB857;}
.skin_green .intro .bigone_flat {background:#7D9837; padding:0px;}

.skin_purple section.texts .col h3 { color: #936FCC; }
.skin_purple section.texts .color .col a { background-color:#936FCC; }
.skin_purple section.texts .color .col:hover a { color:#936FCC; background:#EEE;}
.skin_purple section.texts .color .col a:hover { color:#936FCC ;background:white }
.skin_purple section.texts .color .col:hover { background-color:#936FCC;  }

.skin_purple .intro .bigone A {border-bottom:2px dotted #4A2684;}
.skin_purple .intro .bigone A:hover {color:#4A2684;}
.skin_purple .intro section.texts .col h3 {color: #7E6FCC;}
.skin_purple .intro .next {background:#633F9C;}
.skin_purple .intro .bigone {background:#734FAC;}
.skin_purple .intro .bigone_flat {background:#532F8C; padding:0px;}

.skin_blue .intro .next A {padding:6px 12px;border:3px solid white}
.skin_blue .intro .next A:hover {color:#287088;border:3px solid #287088}
.skin_green .intro .next A {padding:6px 12px;border:3px solid white}
.skin_green .intro .next A:hover {color:#5D7817;border:3px solid #5D7817}
.skin_yellow .intro .next A {padding:6px 12px;border:3px solid white}
.skin_yellow .intro .next A:hover {color:#7E4F00;border:3px solid #7E4F00}
.skin_purple .intro .next A {padding:6px 12px;border:3px solid white}
.skin_purple .intro .next A:hover {color:#4A2684;border:3px solid #4A2684}
.skin_red .intro .next A {padding:6px 12px;border:3px solid white}
.skin_red .intro .next A:hover {color:#680818;border:3px solid #680818}

.bigone_flat div.grid2  {padding:0px}
.bigone_flat .pikinoti li {font-size:15px;line-height:22px}

.intro section.texts .col li {margin:0 15px 0px 20px;}

/* ==============================================
 	Fake Parallax + Overlay
=============================================== */
.dark-overlay {
	position: absolute;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-image: url('../images/pattern.png');
	background-repeat: repeat;
	background-color: rgba(0,0,0,0.4);
	z-index: 0;
}

.parallax_fake {
	background-color: transparent;
	display: table;
	width: 100%;
	height: auto;
	overflow-x: hidden;
	overflow-y: hidden;
	vertical-align: middle;
	z-index: 1;
	position: relative;

	padding: 40px 0 40px 0;
	background-position: center 0%;
	background-size: cover;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
.screen {
	width: 90%;
	margin: 0 auto;
}

.banner-promo {
	z-index: 3;
	position: relative;
	left: 0px;
	right: 0px;
	bottom: 0;
}
.banner-title {
	position: relative;
	color: #FFFFFF;
	z-index: 99999;
	text-align:center;
}

.banner-title h1 { color:white;font-size:1.5em }
.banner-title h4 { color:white;font-size:1.1em }

.intro .banner-title h2 {
padding:120px 0px 0px 0px;
text-align: center;
text-transform: uppercase;
font-size: 36px;
font-weight: 400;
font-family:'Open Sans';
line-height: 1.1;
color: #FFF;
letter-spacing: 4px;
margin-bottom:50px;
}

.intro .banner-title h3 {
text-align: center;
font-size: 25px;
line-height: 42px;
padding: 20px 15% 70px 15%;
color: rgb(216,119,136);
}


.intro .banner-title {
max-width:950px;
margin:0 auto;
}

.intro .banner-title .noir {
background:rgba(0,0,0,0.42);
}

.intro .banner-title .noir h3 {
text-align:left;
}


.intro .banner-yellow h3 {
color: #FFD800;
padding: 10px 15px;
}
.intro .banner-yellow i {
font-style:normal;
color:white}

.clair {background: linear-gradient(
45deg, #c24f3a 1%, #fff 1%, #fff 49%, #c24f3a 49%, #c24f3a 51%, #fff 51%, #fff 99%, #c24f3a 99%);
    background-size: 6px 6px;
    background-position: 50px 50px;color:#B85868;}
.skin_blue .clair {background:#DFEDF1;color:#8F783C}
.skin_green .clair {background:#E6ECD6;color:#9DB857}
.skin_yellow .clair {background:#F1ECDF;color:#BE9F50}
.skin_purple .clair {background:#ECE6F6;color:#E4DDEF}



/* ==============================================
	Slideshow
=============================================== */

ul.slideshow {
	list-style:none;
	width:100%;
	height:700px;
	left:0;
	overflow:hidden;
	position:relative;
	margin:0;
	padding:0;
   text-align: center; /* ensures the image is always in the h-middle */

}

ul.slideshow li {
	position:absolute;
	left:0;
	right:0;
}

ul.slideshow li.show {
	z-index:20;
}

ul.slideshow img.slide {
	border:none;
	position: relative; /* allows repositioning */
    left: 300%; /* move the whole width of the image to the right */
    margin-left: -600%; /* magic! */

}

#slideshow-caption {
	margin-top:10px;
	position:absolute;
	top:10px;
	left:120px;
	color:#fff;
	z-index:20;
	text-align:left;
}

#slideshow-caption .slideshow-caption-container {
	padding:5px 10px;
	z-index:1000;
}

#slideshow-caption h3 {
	margin:0;
	color:#FFF;
	font-size: 40px;
	line-height: 45px;
	font-weight: 300;
}

#slideshow-caption p {
	margin:15px 0 0 0;
	color:white;
	font-size: 21px;
	font-weight: 200;
	line-height: 1.4;
	width:75%;
	max-width:700px;
}

#slideshow-caption img.logo_slide {	width:210px}
@media screen and (max-width: 660px) { .logo_slide {	width:160px;} }


/* ==============================================
 	Footer
=============================================== */

.foot {width:100%;display:block;margin:0 auto;background:rgb(216,119,136);text-align:center;padding:20px 0px;}
.foot .cols {max-width:1200px;width:100%;font-size:14px;text-align:left;line-height:30px;margin-left:15px}
.foot .cols img {margin-bottom:-6px;border:0px}
.foot .col3 {width:30%;float:left;margin-right:2%;}
.foot .col4 {width:20%;float:left;margin-right:2%;}
.foot .col2 {width:40%;float:left;}
.foot .cols h3 {font-size:18px;margin:0px;padding:0px;color:#FFF;margin-left:5px}
.foot .cols a {color:#F8E5E8;text-decoration:none;padding:2px 5px;-webkit-transition: background-color .15s linear;
-moz-transition: background-color .15s linear;
transition: background-color .15s linear;}
.foot .img {margin-top:20px;text-align:center}
.foot .cols a:active,.foot .cols a:hover,.foot .cols a.current {color: #F8E5E8;}
.foot .cols a:hover {border-bottom:3px solid #AB4053;color:white}
.foot .cols a.no:hover {background-color:transparent;border:0px}
.foot .cols hr {border:1px solid #BA6775;margin-left:5px}
.foot .copyright {font-size:11px;color:#666;text-align:right;margin-right:15px}
.foot .copyright A,.foot .copyright A:visited {color:#888}
.foot .copyright A:hover {color:#333;background:#535649}
.skin_blue .foot {background:rgb(119,189,216);}
.skin_blue .foot .cols hr {border:1px solid #67ADC8;}
.skin_blue .foot .cols a {color:#F3F9FB;}
.skin_blue .foot .cols a:active,.skin_blue .foot .cols a:hover,.skin_blue .foot .cols a.current {color: #FFF;}
.skin_blue .foot .cols a:hover {border-bottom:3px solid #4D889F;}
.skin_yellow .foot {background:rgb(216,189,119);}
.skin_yellow .foot .cols hr {border:1px solid #B89D57;}
.skin_yellow .foot .cols a {color:#FBF9F3;}
.skin_yellow .foot .cols a:active,.skin_yellow .foot .cols a:hover,.skin_yellow .foot .cols a.current {color: #FFF;}
.skin_yellow .foot .cols a:hover {border-bottom:3px solid #BC9A43;}
.skin_green .foot {background:#BDD877}
.skin_green .foot .cols hr {border:1px solid #9BBA4A;}
.skin_green .foot .cols a {color:#F7FAEE;}
.skin_green .foot .cols a:active,.skin_green .foot .cols a:hover,.skin_green .foot .cols a.current {color: #FFF;}
.skin_green .foot .cols a:hover {border-bottom:3px solid #9BBA4A;}
.skin_purple .foot {background:#936FCC;}
.skin_purple .foot .cols hr {border:1px solid #7D59B5;}
.skin_purple .foot .cols a {color:#E8DEF7;}
.skin_purple .foot .cols a:active,.skin_purple .foot .cols a:hover,.skin_purple .foot .cols a.current {color: #FFF;}
.skin_purple .foot .cols a:hover {border-bottom:3px solid #6E46AD;}





@media only screen and (max-width: 820px) {
.foot .cols {width:100%;}
.foot .col3 {float:none;width:85%}
.foot .img {float:none;display:none}
}

/* ==============================================
 	General
=============================================== */
body {background:#EEE}
#page {
height: 100% !important;
margin: 0 !important;
position: absolute;
width: 100%;
}

.bloc_inactif {color:#B5B5B5}
.color .col .bloc_inactif h3 {color:#e7cacf}