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, ol, ul, li,
	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;
}


@font-face {
font-family: "cata";
src: url(../../fonts/catamaran/static/Catamaran-ExtraBold.ttf) format("truetype");
font-weight: 900;
font-style:normal;
}


html, body {padding:0; margin:0; background:#FFF; width:100%;font-family: 'Open Sans', sans-serif;font-weight:400}
.radioMenu {position:absolute; left:-9999px; display:none;}
#wrapper2 {background:#fff; padding-bottom:10px;}
.container2 {max-width:2500px; margin:0 auto; min-width:320px; background:#EFEFEF; position:relative; z-index:100;
	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	-o-transition:0.5s;
	transition:0.5s;
}


.content {padding:12px 15px;background:#FFF url("../../pics/maquette/bg_content_2.png") no-repeat right bottom;overflow:hidden}
.content_rouge {background:#EEE1DE url("../../pics/maquette/bg_rouge_content_2.png") no-repeat right bottom}
.content_complete {background-image:url("../../pics/maquette/bg_content_complete.png")}
.content .entete {padding:5px 10px;text-align:left;background:#E0001A url("../../pics/maquette/bg_entete_2.png") repeat-y left top;color:white;font-weight:bold;font-size:13px;-webkit-transition:1.5s;
	-moz-transition:1.5s;
	-o-transition:1.5s;
	transition:1.5s;}
.content_rouge .entete {background:#EEE1DE url("../../pics/maquette/bg_rouge_entete_2.png") repeat-y left top;}
.content .entete_complete {padding:5px 10px;text-align:left;background:#00E0B2;color:white;font-weight:bold;font-size:13px}
.content .entete2 {padding:3px 10px;background:#BD0016;color:white;font-weight:normal;font-size:13px}
.content .entete h2 {font-weight:400;color:white}
.content .entete h3 {padding-left:20px;font-size:22px}
.content {
width: 70%;
margin: 5px auto;
min-width: 200px;
}
.content .article,.index {font-size:0.95em;line-height:1.4em}
.content .article ul {margin:0px}
.content  .article b,.index b {color:#E0001A;font-weight:700}
.content .article img {width:100%;max-width:300px}

b,strong {font-weight:700}
.liencol {background:#F0F0F0;
-webkit-transition:0.7s;
-moz-transition:0.7s;
-o-transition:0.7s;
transition:0.7s;
}

.liencol strong {font-weight:700;}

.liencol:hover {background:#D2C6C6}
.liencol:hover strong {color:#BF757A;color:#FFF}
.liencol:hover b {color:#9C2930}
.liencol a {font-weight:bold;text-decoration:none;color:#E0001A}

.NavControl {display:none; position:absolute; left:10px; top:0px; width:50px; height:50px;}
.NavControl label {display:block; width:40px; height:15px; border-top:5px solid #000; border-bottom:5px solid #000; position:absolute; left:10px; top:7px; cursor:pointer;}
.NavControl label:after {display:block; content:""; width:40px; height:5px; position:absolute; left:0; top:5px; background:#000;}
.NavControl span {display:none;}

header {display:block; width:100%; height:0px; padding-top:0px; background:#EFEFEF;}
h1#logo {padding:0 0 0 100px; margin:0; background:url(logo.png) no-repeat 10px center;}
h1#logo a {font:400 40px/80px 'Source Code Pro', arial, sans-serif; color:#333; text-decoration:none;}
#navigation {width:100%; height:40px; background:#EFEFEF;padding-left:15%}

#navigation ul {padding:0 10px; margin:0; list-style:none;}
#navigation ul li {float:left;}
#navigation ul li a {display:block; padding:0 20px 0 10px; font:400 17px/40px 'Source Code Pro', arial, sans-serif; color:#000; text-decoration:none;}
#navigation ul li a:hover {color:#BC8CCD;}
.banner {width:100%; height:10%; max-height:570px; min-height:200px; overflow:hidden; position:relative;}
.banner img {width:100%;}
.banner h1 {font:300 1.5em 'Source Code Pro', arial, sans-serif; color:#E0001A; border:3px solid #E0001A; padding:7px 12px;position:absolute; left:40%;bottom:5%; white-space:nowrap;text-align:center}
.banner h1.blanc {color:#FFF; border:3px solid #FFF;background-color:rgba(0,0,0,0.5);}
.links {width:100%; text-align:center;}
.links .col {width:25%; margin:10px 4%; display:inline-block; min-width:310px; text-align:left; vertical-align:top;}
.links .col img {display:block; width:100%;}
.intro {width:100%; text-align:center;}
.intro .col {width:20%; margin:10px 1%; font-size:12px;display:inline-block; min-width:150px; text-align:left; vertical-align:top;}
.intro .newtexts .col {margin:0px; }
.deuxcol .col {width:44%;margin-right:15px}



h1 {padding:0; margin:0; font:600 20px/40px; color:#000;}
h2 {padding:0; margin:0; font:400 20px/40px; color:#B0666E;}
h3 {padding:0; margin:0; font:400 15px/20px; color:#B0666E;}
p {padding:0; margin:0; font:400 14px/20px; color:#333;}
.links .col a {padding:0; margin:0; font:400 14px/20px; color:#690; float:right; white-space:nowrap;}

.info {clear:left; padding:30px 10px; text-align:center;}
.info .video {display:inline-block; text-align:center; width:49%; min-width:300px; vertical-align:top;}
.info .video img {width:100%; max-width:435px; margin:0 auto;}

.info .videoinfo {display:inline-block; width:45%; min-width:300px; text-align:left; vertical-align:top;}
.info .videoinfo a {padding:0; margin:0; font:400 14px/20px, arial, sans-serif; color:#690; float:right; white-space:nowrap;}

.information {clear:left; padding:10px;}
.gris {background:#ddd; padding:20px 10px; text-align:center;}
.application {background:#EEE; padding:20px 10px; text-align:center;}
.social {background:#7B000E; padding:20px 10px; text-align:center;}
.socialLinks {width:100%;}
.socialLinks h3 {font-weight:700;font-size:18px;padding:0 20px 0 0; margin:0; display:inline-block; white-space:nowrap;}
.socialLinks ul {padding:0; margin:0; list-style:none; display:inline-block; vertical-align:middle}
.socialLinks ul li {float:left;}
.socialLinks ul li a {display:block; float:left; font:600 18px/20px; color:#FFF; padding:0 25px; text-decoration:none;}
.socialLinks ul li a:hover {color:#F9CCD1}

.adsense {width:320px; margin:20px auto;}

#footer {clear:left; width:100%;margin-top:0px;}
.footerLinks {text-align:center; background:#4E0009; padding:20px;padding-left:15%}
.footerLinks h2 {color:#fff;}
.footerLinks .col {width:18%; margin:10px 1%; display:inline-block; min-width:200px; text-align:left;}
.footerLinks .col ul {padding:0; margin:0; list-style:none;}
.footerLinks .col ul li {display:block;}
.footerLinks .col ul li a {display:block; color:#ccc; text-decoration:none; font:400 14px/20px}
.footerLinks .col ul li a:hover {color:#fff; text-decoration:underline;}
.footerBottom {clear:left; background:#2D0005; padding:20px;padding-left:15%}
.footerBottom a {color:#CCC; text-decoration:none; font:400 14px/20px}
.footernavigation {float:right;}
.footernavigation ul {padding:0; margin:0; list-style:none;}
.footernavigation ul li {float:left;}
.footernavigation ul li a {display:block; padding:0 10px; color:#888; text-decoration:none; font:400 14px/20px}
.footernavigation ul li a:hover {color:#fff; text-decoration:underline;}
p.copy {padding:0; margin:0; float:left;}
.clear {clear:both;}


.warning  {padding:5px 10px;text-align:left;background:#509090;color:white;margin-bottom:15px}
.reprise  {line-height:17px;font-size:14px;text-align:left}
.reprise .type {text-align:left;border:1px solid #F5F5F5;width:600px;padding:10px 15px;margin-bottom:20px}
.reprise .type .file {border:1px dashed #888;padding:10px 15px;margin:10px 15px}
.reprise .type .file input[type=submit] {padding:4px 8px;border:0px;background:#444;color:white}
.reprise .type .file input[type=submit]:hover {padding:4px 16px;background-color:#753d43;cursor:pointer;}
.reprise .type .file input[type=submit] {-webkit-transition:0.5s;-moz-transition:0.5s;-o-transition:0.5s;transition:0.5s;}


.suite {text-align:right;margin:15px 0px 0px 0px}
.suite A {font-weight:bold;font-size:15px;text-decoration:none;color:#BD0016}


@media only screen and (max-width : 780px) {

.banner h1 {font-size:1.4em;border-width:2px; padding:4px 8px;position:absolute; left:23%;bottom:5%; white-space:nowrap;text-align:center}
.banner h1.blanc {border-width:2px}

.container {position:absolute; margin:0; left:0; right:0;}
html,body {overflow-x:hidden; }
.NavControl {display:block;}

header {height:40px;}
#navigation {position:absolute; left:0; padding-left:0;top:0; z-index:-1; width:250px;
	-webkit-transition: left 0.5s;
	-moz-transition: left 0.5s;
	-o-transition: left 0.5s;
	transition: left 0.5s;
}
#navigation ul {width:250px; background:none; padding:0;}
#navigation ul li {width:250px;}
#navigation ul li a {width:230px; background:#333; color:#00A993;border-top:1px solid #666; border-bottom:1px solid #000;}
#navigation ul li a:hover {background:#99238C; color:#FFEF00}

#footer {margin-top:0px;}
.footerLinks{padding-left:10px}
.footerBottom{padding-left:10px}

#leftNav:checked ~ #wrapper2 {background:#333;}
#leftNav:checked ~ #wrapper2 .container2 {left:250px; right:-250px;}
#leftNav:checked ~ #wrapper2 .container2 #navigation {left:-250px;}
#leftNav:checked ~ #wrapper2 .container2 .NavControl .openNav {display:none;}

#closeNav:checked ~ #wrapper2 {background:#333;}
#closeNav:checked ~ #wrapper2 .container2 {right:0px; left:0px;}
#closeNav:checked ~ #wrapper2 .container2 #navigation {left:0px;}
#closeNav:checked ~ #wrapper2 .container2 #subnavigation {right:0px;}

}


@media only screen and (max-width : 540px) {
.banner h1 {font-size:1.1em;border-width:1px; padding:2px 6px;left:15%;bottom:25%;}
}


.titre h1 {font-size:22px;}
.links .col h2 {font-weight:700}
.soustitre {margin:0 auto;height:21px;width:303px;background:url(../../pics/maquette/title_border.png) top left no-repeat;margin-bottom:20px}

.main .intro {}
.main .intro li {font-size:14px}

.up {}

.block_04 input, .block_04 textarea {
font-size: 14px;
padding: 5px 7px;
background: #212121;
color: #fff;
border: 0;
border-radius: 2px!important;
-moz-border-radius: 2px!important;
-webkit-border-radius: 2px!important;
-o-border-radius: 2px!important;
-ms-border-radius: 2px!important;
transition: .4s;
-moz-transition: .4s;
-webkit-transition: .4s;
-o-transition: .4s;
-ms-transition: .4s;
}

.grid4 textarea {width:97%}
.grid3 textarea {width:97%}
.grid2 textarea {width:97%}

.bloc_upload{font-size:14px;text-align:left;line-height:17px;font-weight:normal;
	padding: 20px 30px;
	margin-bottom: 30px;
	border: 1px solid #E0001A;border-top:0px;

}
.upload_submit {background-color:#00E0B2;padding:10px;color:white;font-size:1.5em}
.upload_submit A {background:white;color:#00E0B2;padding:3px 8px;}
.upload_back {margin-top:20px;padding:7px 15px;}
.upload_back A {font-weight:700;padding:2px 5px;background:#58A0B8;color:white;-webkit-transition: background-color .3s linear;
	-moz-transition: background-color .3s linear;
	transition: background-color .3s linear}
.upload_back A:hover {color:#58A0B8;background:white;text-decoration:none}
.dropzone {height:80px;width:100%;border:1px dashed #E0001A;margin-bottom:8px}
.dropzone_complete {border:1px dashed #00E0B2;margin-bottom:8px}
.bloc_upload span2 {color:#000;font-weight:bold}
.bloc_upload .bloc_info {float:left;margin-right:2%;width:46%;font-size:15px;line-height:20px;}
.bloc_upload_complete{border-color:#00E0B2;}

@media only screen and (max-width : 750px) {

.bloc_upload .bloc_info {float:none;margin-right:0px;width:95%;}
}

.img50 {width:50%}
.mgr50 {margin-right:50px}

/************************************************************************************
COLUMN
*************************************************************************************/
.col {
	float: left;
	margin-left: 3.2%;
	margin-bottom: 5px;
text-align:left;
}
.newtexts .col {	float: none;	margin-left: 0%;	margin-bottom: 5px; }
.fullwidth .col {
	float: none;
	margin-left: 0;
}
/* grid4 col */
.grid4 .col {
	width: 22.6%;
}
/* grid3 col */
.grid3 .col {
	width: 31.2%;
}
.grid3col1small .col:nth-of-type(3n+1) {
	width: 20.2%;
}

.grid3col1small .col {
	width: 36.2%;
}
/* grid2 col */
.grid2noresponsive .col,.grid2 .col {
	width: 48.4%;
}
.newtexts .grid2noresponsive .col,.newtexts .grid2 .col {	width: 100%; }

.biglarger .grid2 .col {width:44%}
/* clear col */
.grid4 .col:nth-of-type(4n+1),
.grid3 .col:nth-of-type(3n+1),
.grid2 .col:nth-of-type(2n+1) {
	margin-left: 0;
	clear: left;
}
.newtexts .grid4 .col:nth-of-type(4n+1),.newtexts .grid3 .col:nth-of-type(3n+1),.newtexts .grid2 .col:nth-of-type(2n+1) {	margin-left: 0;	clear: none;}

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* reset cols to 3-column */
@media screen and (max-width: 1290px) {
	/* grid4 */
	.grid4 .col {
		width: 31.2%;
	}
	.grid4 .col:nth-of-type(4n+1) {
		margin-left: 3.2%;
		clear: none;
	}
	.grid4 .col:nth-of-type(3n+1) {
		margin-left: 0;
		clear: left;
	}
.grid2 .col {
	width: 48.4%;
}
}

/* reset cols to 2-column */
@media screen and (max-width: 920px) {
	/* grid4 */
	.grid4 .col {
		width: 48.4%;
	}
	.grid4 .col:nth-of-type(3n+1) {
		margin-left: 3.2%;
		clear: none;
	}
	.grid4 .col:nth-of-type(2n+1) {
		margin-left: 0;
		clear: left;
	}

	/* grid3 */
	.grid3 .col {
		width: 48.4%;
	}

	.grid3col1small .col {
		width: 65.4%;
	}

	.grid3 .col:nth-of-type(3n+1) {
		margin-left: 3.2%;
		clear: none;
	}

	.grid3col1small .col .img50 {width:60%}


	.grid3col1small .col:nth-of-type(3n+1) {
		width:15%;
	}

	.grid3 .col:nth-of-type(2n+1) {
		margin-left: 0;
		clear: left;
	}
	.grid3col1small .col:nth-of-type(3n) {
			width:100%;
	}


}

/* reset cols to fullwidth */
@media screen and (max-width: 660px) {
	/* grid4 */
	.col {
		width: 100% !important;
		margin-left: 0 !important;
		clear: none !important;
	}
	.grid3col1small .mgr50 {margin-right:20px}
	.grid3col1small .col:nth-of-type(1) {
		width:10% !important;
		width:10%;
	}
	.grid3col1small .col:nth-of-type(2) {
		width:85% !important;
		width:85%;
	}
	.grid3col1small .col:nth-of-type(3) {
		width:100% !important;
		width:100%;
	}
}

.gridclear,.gridbreak,.grid_clear,.grid_break {clear:left}
.newtexts .gridclear,.newtexts .gridbreak,.newtexts .grid_clear,.newtexts .grid_break {clear:none}

div .closed {font-size:20px;background:#EEE1DE;padding:10px 5px;margin-bottom:25px}
div .closed h3 {font-size:30px;color:#6E615E;margin-bottom:15px}
div .closed A {text-decoration:none;font-weight:bold}
div .closed p {margin-bottom:12px}

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

section.texts.newtexts {width:80%;max-width:1000px;}




section.texts h2 {
padding:35px 0px 0px 0px;
background:url(../../pics/maquette/sep_grey.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: #000;
letter-spacing: 4px;
margin-bottom:50px;
}

.v2026 section.texts h2 {padding-top:0px;background:none;}

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

section.texts h6 {
text-align: center;
font-size: 19px;
line-height: 28px;
font-weight: 400;
font-family:'Open Sans';
padding: 20px 5% 70px 5%;
color: #444;
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;
}

.v2026 .intro .bigone_top h2 {background:none;font-size:1.05em;line-height:1.4em}


.intro .bigone div { margin:0 auto;max-width:800px;padding:60px 15px }
.v2026 .intro .bigone.plusetroit div { padding:25px 15px }
.v2026 .intro .bigone.next div { padding:35px 15px }
.intro .biglarger div { margin:0 auto;max-width:1200px;padding:30px 15px }
.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,.bigone .col {
text-align: left;
display: block;
font-size: 18px;
line-height: 26px;
color: #888;
font-weight: 400;
margin-bottom:20px;
}

.skin_bottle section.texts .col,.skin_bottle .bigone .col {
color: #555;
}

.bigone .inverted .col {
color:white;
}


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: #D87788;
text-transform: uppercase;
font-family:'Open Sans';
letter-spacing: 4px;
text-align:left;
}

.skin_grey section.texts .col h3 {color: #A7A7A7;}

section.texts .pikinoti h3{font-size:16px;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}
.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% }
section.texts .color.edition2019 .col .in h3 { color:#00a762 }
section.texts .color.edition2019 .col .in { color:white }

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

.page_condensed .bigone div { padding:20px 10px }
}
section.texts .color .col a { font-weight:400;text-decoration:none;padding:3px 7px;color:#EEE;background-color:#D87788; }
.skin_2025 section.texts .color .col:hover a,.skin_2024 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 }
.skin_2025 section.texts .color .col:hover,.skin_2024 section.texts .color .col:hover { background-color:rgb(111,132,175); }
.skin_2025 section.texts .color .col:hover h3,.skin_2024 section.texts .color .col:hover h3 { color:white }
.skin_2025 section.texts .color .col:hover .in,.skin_2024 section.texts .color .col:hover .in { color:white }
section.texts .colfull { margin-top:20px;width:97% }




.skin_grey section.texts .color .col a { font-weight:400;text-decoration:none;padding:3px 7px;color:#EEE;background-color:#10554e; }
.v2026 .skin_grey section.texts .color .col a { font-weight:400;text-decoration:none;padding:3px 7px;color:#FFF;background-color:#64798C; }
.skin_2025 .skin_grey section.texts .color .col:hover a,.skin_2024 .skin_grey section.texts .color .col:hover a { color:white;background:#ff0099;}
.skin_grey section.texts .color .col a:hover { color:rgb(143,143,143);background:white }
.skin_2025 .skin_grey section.texts .color .col:hover,.skin_2024 .skin_grey section.texts .color .col:hover { background-color:rgb(143,143,143); }
.v2026 section.texts .color .col a:hover { color:white;background:#BF414C }
.skin_2025 .skin_grey section.texts .color .col:hover a,.skin_2024 .skin_grey section.texts .color .col:hover a { color:white;background:#ff0099;}

.skin_grey.skin_2024  section.texts .color .col a { color:#FFF;background-color:#05AED5;-webkit-transition: background-color .15s linear;
-moz-transition: background-color .15s linear;
transition: background-color .15s linear; }
.skin_grey.skin_2024  section.texts .color .col:hover a { color:#EEE;background:#E98B41;background:#0DD203;}
.skin_grey.skin_2024  section.texts .color .col a:hover { color:#FFF;background:#E98B41 }

.v2026 .skin_grey section.texts .color .col a { -webkit-transition: background-color .15s linear;-moz-transition: background-color .15s linear;transition: background-color .15s linear; }


section.texts .col .filet_droite {padding-left:25px;border-left:1px dashed #D87788}
section.texts.newtexts .col .filet_droite {padding-left:0px;border-left:0px}
.skin_blue section.texts .col .filet_droite {border-left-color:#77BDD8}
.skin_grey section.texts .col .filet_droite {border-left-color:#A7A7A7}
.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}
.skin_bottle section.texts .col .filet_droite {border-left-color:#10554e}

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_grey section.texts .col .filet_gauche {border-right-color:#A7A7A7}
.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}
.skin_bottle section.texts .col .filet_gauche {border-right-color:#10554e}

section.texts .color.edition2019  .col { background:#26348c;}
section.texts .color.edition2019  .col a { font-weight:400;text-decoration:none;padding:3px 7px;color:#EEE;background-color:#00a762; }
section.texts .color.edition2019  .col:hover a { color:white;background:#26348c;}
section.texts .color.edition2019  .col a:hover { color:#26348c;background:white }
section.texts .color.edition2019  .col:hover { background-color:rgb(0,167,98); }
section.texts .color.edition2019   .col:hover h3 { color:#26348c }
section.texts .color.edition2019  .col:hover .in { color:white }

section.texts .color.edition2020  .col { background:#1c4c69;color:#dde4e9}
section.texts .color.edition2020  .col h3 { color:#d7a938}
section.texts .color.edition2020  .col a { font-weight:400;text-decoration:none;padding:3px 7px;color:#dde4e9;background-color:#d7a938; }
section.texts .color.edition2020  .col:hover a { color:white;background:#1c4c69;}
section.texts .color.edition2020  .col a:hover { color:#1c4c69;background:white }
section.texts .color.edition2020  .col:hover { background-color:#d7a938; }
section.texts .color.edition2020   .col:hover h3 { color:#1c4c69 }
section.texts .color.edition2020  .col:hover .in { color:white }

.box_pointilles {padding:15px 20px;border:1px dashed #D87788;margin:10px 0px}
.skin_blue .box_pointilles {border:3px dashed #77BDD8}
.skin_grey .box_pointilles {border:3px dashed #A7A7A7}
.skin_yellow .box_pointilles {border:3px dashed #D8BD77}
.skin_green .box_pointilles {border:3px dashed #BDD877}
.skin_purple .box_pointilles {border:3px dashed #7352AE}
.skin_bottle .box_pointilles {border:3px dashed #10554e}
.box_white {color:white}

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

.with_dots ul {
  list-style: none;
  margin-left: 0;
  padding-left: 0;
}

.with_dots li {
  padding-left: 1em;
  text-indent: -1.2em;
}

.with_dots li:before {
  content: "»";
  padding-right: 5px;
  font-weight:700;
}

.with_dots li.nodots:before {
  content: " ";
  padding-right: 35px;
  font-weight:700;
}

/* update 2016 */
.intro .bigone_more {padding:12px;font-size:18px;line-height:25px;color:white;}
.intro .bigone_more a {color:white;text-decoration:none;font-weight:800}
.intro .bigone_more a:hover {border-bottom:3px solid white;}


.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 .before_bigone {background:#4890A8;}
.skin_blue .intro .bigone {background:#58A0B8;}
.skin_blue .intro .bigone_flat {background:#388098; padding:0px;}
/* Update 2016 */
.skin_blue .intro .bigone_more {background:#388098;}
.skin_blue .intro .texts .col a { color: #77C1D8; }


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

.skin_gray .intro .bigone A {border-bottom:2px dotted #585858;}
.skin_gray .intro .bigone A:hover {color:#585858;}
.skin_gray .intro section.texts .col h3 {color: #A7A7A7;}
.skin_gray .intro .next {background:#787878;}
.skin_gray .intro .bigone {background:#888888;}
.skin_gray .intro .bigone_flat {background:#686868; padding:0px;}
/* Update 2016 */
.skin_gray .intro .bigone_more {background:#686868;}

.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 .texts .col a { color: #D8BD77; }
.skin_yellow  .with_dots li:before {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 .before_bigone {background:#BE9F50;}
.skin_yellow .intro .bigone {background:#BE9F50;}
.skin_yellow .intro .bigone_flat {background:#A58A46; padding:0px;}
/* Update 2016 */
.skin_yellow .intro .bigone_more {background:#A58A46;}

.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 .texts .col a { 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 .before_bigone {background:#9DB857;}
.skin_green .intro .bigone_flat {background:#7D9837; padding:0px;}
/* Update 2016 */
.skin_green .intro .bigone_more {background:#7D9837;}

.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 .before_bigone {background:#734FAC;}
.skin_purple .intro .bigone_flat {background:#532F8C; padding:0px;}
/* Update 2016 */
.skin_purple .intro .bigone_more {background:#532F8C;}
.skin_red .intro .bigone_more {background:#983848;}


.skin_bottle section.texts .col h3 { color: #10554e; }
.skin_bottle section.texts .color .col a { background-color:#10554e; }
.skin_bottle section.texts .color .col:hover a { color:#10554e; background:#EEE;}
.skin_bottle section.texts .color .col a:hover { color:#10554e ;background:white }
.skin_bottle section.texts .color .col:hover { background-color:#10554e;  }

.skin_bottle .intro .bigone A {border-bottom:2px dotted #4A2684;}
.skin_bottle .intro .bigone A:hover {color:#4A2684;}
.skin_bottle .intro section.texts .col h3 {color: #7E6FCC;}
.skin_bottle .intro .next {background:#633F9C;}
.skin_bottle .intro .bigone {background:#458b84;}
.skin_bottle .intro .bigone_flat {background:#458b84; padding:0px;}
/* Update 2016 */
.skin_bottle .intro .bigone_more {background:#532F8C;}


.intro .next A {	-webkit-transition: all .3s linear; 	-moz-transition: all .3s linear;	transition: all .3s linear}
.skin_blue .intro .next A {padding:6px 12px;border:3px solid white}
.skin_blue .intro .next A:hover {color:#287088;border:3px solid #9F212C}
.skin_gray .intro .next A {padding:6px 12px;border:3px solid white}
.skin_gray .intro .next A:hover {color:#686868;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}

.skin_red .intro .texts .col a { color: #D87788; }


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


.bigcol2 {padding:20px 50px}
.bigcol2 .grid2 .col {width:calc( 100% - 15px ) / 2;margin:0px;padding:0px}
.bigcol2 .grid2 .col:nth-of-type(1) {margin-right:15px}
.bigcol2 .col {text-align:center;}
.bigcol2 .col p {margin-top:10px;font-size:1rem;color:white;}
.intro .bigcol2 div {padding:15px}


@media screen and (max-width: 780px) {
.bigcol2.c780 .col {float:none;width:100%;margin:0}
.bigcol2.c780 .grid2 .col:nth-of-type(1) {margin-bottom:80px;}
}

/* ==============================================
 	SKIN ONE COLOR - FROM 2026 KAROLINE
=============================================== */
.v2026  section.texts .col .filet_gauche {border-right-color:#BF414C}
.v2026  section.texts .col .filet_droite {border-left-color:#BF414C}
.v2026  .box_pointilles {border:3px dashed #BF414C }

.v2026  section.texts .col h3 { color: #BF414C; }
.v2026  section.texts .color .col a { background-color:#64798C; }
.v2026  section.texts .color .cool:hover a { color:#BF414C; background:#EEE;}
.v2026  section.texts .color .col a:hover { color:#FFF ;background-color:#BF414C }
.v2026  section.texts .color .cool:hover { background-color:#BF414C;  }

.v2026  .intro .bigone A {border-bottom:2px solid #FFF;}
.v2026  .intro .bigone A:hover {color:#9F212C;}
.v2026  .intro section.texts .col h3 {color: #BF414C ;}
.v2026  .intro .next {background:#AF313C;}
.v2026 .intro .next A:hover {border:3px solid #AF313C}

.v2026  .before_bigone {background:#AF313C;}
.v2026  .intro .bigone {background:#BF414C;}
.v2026  .intro .bigone_flat {background:#9F212C; padding:0px;}
/* Update 2016 */
.v2026  .intro .bigone_more {background:#9F212C;}
.v2026  .intro .texts .col a { color: #BF414C ; }

.v2026 .with_dots li:before {color: #BF414C;}



/* ==============================================
 	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;
}
.v2026 .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.2);
	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:#EFDADD;	color:#B85868;}
.skin_blue .clair {background:#DFEDF1;color:#8F783C}
.skin_grey .clair {background:#E8E8E8;color:#656565}
.skin_green .clair {background:#E6ECD6;color:#9DB857}
.skin_yellow .clair {background:#F1ECDF;color:#BE9F50}
.skin_purple .clair {background:#ECE6F6;color:#E4DDEF}

/* ==============================================
	Uploads
=============================================== */
.apply_upload {font-family: 'Open Sans';}
.uploads {padding:0px;width: 90%;max-width:1200px;font-family: 'Open Sans';margin: 5px auto;min-width: 200px;text-align:left;}

.new_upload {color:#B85868;background:white;margin-bottom:20px;}
.skin_blue .new_upload {color:#58A0B8;}
.skin_grey .new_upload {color:#656565;}
.skin_yellow .new_upload {color:#BE9F50;}
.skin_green .new_upload {color:#9DB857;}
.skin_purple .new_upload {color:#532F8C;}

.btn_upload {background:#B85868;}
.skin_blue .btn_upload {background:#58A0B8;}
.skin_grey .btn_upload {background:#656565;}
.skin_yellow .btn_upload {background:#BE9F50;}
.skin_green .btn_upload {background:#9DB857;}
.skin_purple .btn_upload {background:#532F8C;}

.new_upload h3 {margin:5px 0px;padding:0px;font-weight:800;font-size:25px;text-transform: uppercase;font-family: 'Open Sans';}
.new_upload form {padding:0px 50px;}

.new_upload .inner {padding:5px 10px}
.new_upload .resultats_compteur {font-weight:600}

.apply_upload .bigone_flat {padding:0 15px}
.page_condensed .bigone .col .upload_submit {background-color:#432672;font-size:1.5em;padding:10px 12px}
.page_condensed .upload_finish {margin-top:15px;background-color:#532F8C;color:white;font-size:1.2em;padding:7px 10px}
.page_condensed .upload_finish A {background-color:#FFF;color:#532F8C;padding:3px 7px}
.bigone .upload_submit {font-size:20px;line-height:40px}
.bigone .upload_submit A {background:white;color:#432672;padding:3px 8px;}

.resultats_files {margin-top:10px}
.resultats_files div {padding:5px 7px;}
.resultats_files div.pair {background:#F3F5F8;}
.resultats_files div.impair {background:#FAFBFE;}

#tofinish {cursor:pointer;}

.fileUpload {
	position: relative;
	overflow: hidden;
}
.fileUpload input.upload {
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
}

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

#nslideshow-caption .slideshow-caption-container {
	z-index:1000;
}

#slideshow-caption h3 {
	text-shadow: 2px 2px 4px #000000;
	margin:0;
	color:#FFF;
	font-size: 40px;
	line-height: 45px;
	font-weight: 400;
}

.ov2026 #slideshow-caption h3 {	color:#BF414C; }



#slideshow-caption p {
	text-shadow: 2px 2px 3px #000000;
	margin:15px 0 0 0;
	color:white;
	font-size: 21px;
	font-weight: 400;
	line-height: 1.4;
	width:75%;
	max-width:700px;

}

#nslideshow-caption p {
font-weight:400;
letter-spacing:0px;
}

#nslideshow-caption img.logo_slide {	width:210px}
@media screen and (max-width: 660px) { .logo_slide {	width:160px;} }
@media screen and (max-width: 800px) {
	#slideshow-caption p {	font-size: 18px;line-height: 1.3;}
	#slideshow-caption h3 {	font-size: 32px;line-height: 35px;}
}


/* ==============================================
 	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_grey .foot {background:rgb(167,167,167);}
.skin_grey.skin_2023 .foot {background:#ff0099}
.skin_grey .foot .cols hr {border:1px solid #979797;}
.skin_grey.skin_2023 .foot .cols hr {border:1px solid #c09354;}
.skin_grey .foot .cols a {color:#F7F7F7;}
.skin_grey .foot .cols a:active,.skin_grey .foot .cols a:hover,.skin_grey .foot .cols a.current {color: #FFF;}
.skin_grey .foot .cols a:hover {border-bottom:3px solid #767676;}
.skin_blue .foot {background-color:#8F111C}
.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;}
.skin_bottle .foot {background:#10554e;}
.skin_bottle .foot .cols hr {border:1px solid rgb(208,163,100,0.30);}
.skin_bottle .foot .cols a {color:#E8DEF7;}
.skin_bottle .foot .cols a:active,.skin_bottle .foot .cols a:hover,.skin_bottle .foot .cols a.current {color: #FFF;}
.skin_bottle .foot .cols a:hover {border-bottom:3px solid  rgb(208,163,100,0.30);}

.v2026 .foot {background-color:#8F111C}
.v2026 .foot .cols hr {border:1px solid #7b0711;margin-top:4px;}
.v2026 .foot .cols a:hover {border-bottom:3px solid #7b0711;}

@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}
section.texts h2.nobottom {margin-bottom:8px;padding-bottom:0px;}
.home .link_womex {font-size:1.2em;text-align:center;}
.home .link_womex a {font-weight:800;text-decoration:none;color:#D87788}
.skin_grey .link_womex a {font-weight:800;text-decoration:none;color:#A7A7A7}
.home .link_womex a:hover {color:#B85768}

@media only screen and (max-width: 820px) {
.home .link_womex {padding-left:0px}
}

.small_in_bigone {font-size:0.8em}
blockquote {
font-family: Georgia, serif;
font-size: 1.1em;
line-height: 1.3em;
font-style: italic;
width: 80%;
margin: 0 0;
padding: 0 40px;
position: relative;
color: #383838;
}

blockquote:before {
display: block;
content: "\201C";
font-size: 80px;
position: absolute;
left: -20px;
top: 20px;
color: #7a7a7a;
}

.skin_yellow blockquote:before {
color:#D8BD77;
}

blockquote cite {
color: #999999;
font-size: 1em;
display: block;
margin-top: 5px;
}

blockquote cite:before {
content: "\2014 \2009";
}

a.externe {text-decoration:none}
.encadre {padding:20px 0px;}
a.scroll {text-decoration:none;color:#26348c;font-weight:700}

@media only screen and (max-width: 700px) {
.only_mobile {display:table}
.only_desktop {display:none}
}
@media only screen and (min-width: 701px) {
.only_mobile {display:none}
.only_desktop {display:table}
}

section.texts.no_bottom {margin-bottom:0px;padding-bottom:0px}
section.texts.no_top {margin-top:0px;padding-top:0px}
section.texts .col.no_bottom {margin-bottom:0px;padding-bottom:0px}
section.texts .col img.in_full {width:100%}

pre {font-family:inherit;font-size:inherit;white-space: pre-line;overflow:visible}
.slide_fond {background-color:rgba(0,0,0,0.4);padding:7px 10px;border-radius: 25px;}

.page_invoice a {text-decoration:none}
.page_invoice a {color:#D87788}

.slideshow-caption-container { width:100%;text-align:left;margin-left:auto;margin-right:auto; }
.slideshow-caption-container h3 { width:100%; font-size:42px;text-transform:uppercase;font-family:"cata";font-weight:800;letter-spacing:-2px; color:#10554e;border-left: 30px solid white; padding : 23px 0px 22px;line-height:36px;margin-bottom:15px; }
.v2026 .slideshow-caption-container h3 { border-left: 0px; }
@-moz-document url-prefix() {
.slideshow-caption-container h3 { padding : 9px 0px 10px; }
}
.slideshow-caption-container h3 .slide_container { background-color : white; padding : 6px 0px; }
.slideshow-caption-container h3 .text-wrapper { position : relative; left : -15px;}
.v2026 .slideshow-caption-container h3 .slide_container { background-color : transparent; padding : 0px 0px; }


.slideshow-caption-container p { width:48%; font:bold 22px sans-serif; letter-spacing:-1px; color:#000;border-left : 40px solid #ff0099; padding : 10px 0px 9px; }
.v2026 .slideshow-caption-container p { border-left : 0px }
@-moz-document url-prefix() {
.slideshow-caption-container p { padding : 9px 0px 10px; }
}
.slideshow-caption-container p .slide_container { background-color : #ff0099; color:white;padding : 10px 0px; }
.v2026 .slideshow-caption-container p .slide_container { background-color : transparent; color:white;padding : 10px 0px; }
.slideshow-caption-container p .slide_container b { font-weight:400;color:#10554e }
.slideshow-caption-container p .text-wrapper { position : relative; left : -20px;}

.skin_2023 .slideshow-caption-container h3 {color:#10554e;border-left: 30px solid white; }
.skin_2023 .slideshow-caption-container h3 .slide_container { background-color : white; }

.skin_2023 .slideshow-caption-container p { color:#000;border-left : 40px solid #ff0099;  }
.skin_2023 .slideshow-caption-container p .slide_container { background-color : #ff0099; color:white;}
.skin_2023 .slideshow-caption-container p .slide_container b { color:#10554e }

.skin_2024 .slideshow-caption-container h3 {color:#05aed5;border-left: 30px solid white; }
.skin_2024 .slideshow-caption-container h3 .slide_container { background-color : white; }

.skin_2024 .slideshow-caption-container p { color:#000;border-left : 40px solid #E98B41;  }
.skin_2024 .slideshow-caption-container p .slide_container { background-color : #E98B41; color:white;}
.skin_2024 .slideshow-caption-container p .slide_container b { color:#05aed5 }



@media only screen and (max-width: 900px) {
.slideshow-caption-container p { width:75%; }
.slideshow-caption-container h3 { width:75%; }
}

@media only screen and (max-width: 700px) {
.parallax_mobile_decalage_1 {background-position-x: 30%;}
}

.socials img {height:30px}

.page_remember .remember_blocs {margin-top:40px}
.page_remember .remember_blocs div {display:none}
.page_remember .remember_blocs .rb_form {display:block}
.page_remember .button  {color: white;padding:3px 12px;background-color: #10554e;	-webkit-transition:0.5s;	-moz-transition:0.5s;	-o-transition:0.5s;	transition:0.5s; cursor:pointer}
.page_remember .button:hover  {background-color: #ff0099;}
.page_remember   {    font-size: 18px;    line-height: 26px;    color: #555;}
.page_remember p  {margin:10px 0px}
.v2026 .page_remember .button  {background-color: #BF414C;}
.v2026 .page_remember .button:hover  {background-color: #64798C;}

.link_remember {background-color:#B08344;color:white;text-align:center;color:white;padding:10px 20px}
.skin_2024 .link_remember {background-color:#E98B41;}
.skin_2025 .link_remember {background-color:#ff0099;}
.skin_2025 .link_remember:hover {background-color:#10554e;}
.skin_2025 .link_remember a:hover {background-color:#007858;}
.link_remember A {color:white;text-decoration:none;font-weight:bold;padding:1px 5px;-webkit-transition: background-color .3s linear;
	-moz-transition: background-color .3s linear;
	transition: background-color .3s linear}
.link_remember A:hover {background-color:#704304;}
.remember_blocs #email {padding:5px 8px;font-size:1rem;margin-left:10px;font-family: 'Open Sans', sans-serif;font-weight:400;}
.v2026 .link_remember {background-color:#BF414C;}
.v2026 .link_remember a:hover {background-color:#9F212C;}

.bigone p.white {color:white;}
.bigone .tiny {padding:0px 20%;font-size:0.9rem;line-height:1.3rem;}
.minus {display:inline-block;color:#999;font-size:0.9rem;padding:0 0.2rem 0 0.3rem;vertical-align: middle;}

.marleft0 {margin-left:0}
.foot .footer_social img {opacity:1;	-webkit-transition:0.5s;
	-moz-transition:0.5s;
	-o-transition:0.5s;
	transition:0.5s;}
.foot .footer_social img:hover {opacity:0.7}

.edition_2025 section.texts h2 {
background:transparent;
margin-bottom:10px;
}
figure {margin:0;padding:0}
figure figcaption.inside {margin:0px;padding:0px;position:relative;text-align:right;margin-right:20px;color:rgba(255,255,255,0.4);font-size:0.7rem;bottom:25px;z-index:5000;}
figure figcaption.inside span {background:rgba(0,0,0,0.5);padding:1px 8px;}
.caption {text-align:right;color:rgba(0,0,0,0.4);font-size:0.65rem;margin-top:8px;padding-right:15px}
.before_bigone .caption {color:rgba(255,255,255,0.6);padding-top:8px;padding-right:15px;margin-top:0;}
.caption.white {color:rgba(0,0,0,0.4);}

.header_caption .bigone_top {padding:0px;position:relative;left:0;margin-top:-25px;}

h5 {color:black;font-size:24px;line-height:35px}

.tomar0 {margin-top:0px}
.tomar30 {margin-top:30px}
.tomar20 {margin-top:20px}
.tomarmensh25 {margin-top:-80px}
.aftercaption {margin-top:-25px}
.pad5top {padding-top:3px}
.topad0 {padding-top:0px}
.topad30 {padding-top:30px}
.topad20 {padding-top:20px}

.bigone.h3_nl_15 h3 {margin-top:25px; margin-bottom:10px}


div.accordion {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
	list-style: none;
}
div.accordion .acco_item {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	background-color: #fff;
	padding: 20px;
	margin: 0 auto 0px auto;
	border: 1px solid #eee;
	border-radius: 5px;
	cursor: pointer;
}
div.accordion .acco_item.active h6:after {
	transform: rotate(45deg);
}
div.accordion .acco_item h6 {
	font-weight: 700;
	position: relative;
	display: block;
	text-align:left;
	color:#BF414C;
	width: 100%;
	height: auto;
	padding: 0 0 0 0;
	margin: 0;
	font-size: 1.1em;
	letter-spacing: 0.01em;
	cursor: pointer;
}
div.accordion .acco_item h6:after {
	content: "+";
	position: absolute;
	right: 0;
	top: 0;
	color: #BF414C;
	transition: all 0.3s ease-in-out;
	font-size: 18px;
}
div.accordion .acco_item div.acco_text {
	position: relative;
	display: block;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 0;
	cursor: pointer;
	margin-top:5px;
}
div.accordion .acco_item div.acco_text p {
	position: relative;
	display: block;
	font-weight: 300;
	padding: 10px 0 0 0;
	cursor: pointer;
	line-height: 150%;
	margin: 0 0 15px 0;
	font-size: 14px;
}


.v2026 #slideshow-caption .slideshow-caption-container {padding:0px;}

.v2026 #slideshow-caption {left:10%}

.v2026 section.texts.newtexts.home_intro {width:80%;margin-left:10%;margin-right:10%;padding:0px;max-width:2000px;padding-bottom:50px}

.home .igual {position: relative}
.home .igual .button_bloc {position: absolute; bottom:22px; left:30px;}