/************************************************************************************
2021
TRES CLAIR: #66CFF3 >#66cff3
CLAIR (BASE1): #E0001A >#c24f3a
FONCE (BASE2): #4e1409 > #4e1409
PLUS FONCE #3a0f07 > #3a0f07
ENCORE PLUS FONCE: #2D0005 > 0b0d2b
*************************************************************************************/
html, body {padding:0; margin:0; background:#EFEFEF; width:100%;font-family: 'PT 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_2024.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:#c24f3a url("../../pics/maquette/bg_entete_2.png") repeat-y left top;
		background: #c24f3a url("../../pics/maquette/bg_entete_2_2024.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:8px 10px;border-bottom:2px solid #c24f3a;color:#c24f3a;margin-bottom:15px;font-weight:normal;font-size:14px}
.content .entete h2 {font-family:'Oswald';font-weight:400;color:white}
.content .entete h3 {padding-left:20px;font-size:22px}
.content {
width: 70%;
margin: 5px auto;
min-width: 200px;
}
@media only screen and (max-width : 940px) {
.content {
		width: 85%;
}
}
@media only screen and (max-width : 700px) {
.content {
	width: 92%;
}
}

.content .article,.index {font-size:0.95em;line-height:1.4em}
.content .article ul {margin:0px}
.content  .article b,.index b {color:#c24f3a;font-weight:700}
.content  .promote .pubcol b {color:#0b0d2b;font-weight:700}
.content .article img {width:100%;max-width:300px}

.tobottom {position:absolute;bottom:0;right:0}

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

.liencol a {text-decoration:none;color:black;}
.liencol strong {font-family:'Oswald';color:black;font-weight:700;}
.liencol:hover strong {color:white;}

.liencol:hover {background:#c24f3a;color:white}
.liencol:hover strong {color:#BF757A;color:#FFF}
.liencol:hover b {color:#9C2930}
.liencollien {font-weight:bold;text-decoration:none;color:#c24f3a}
.liencol .liencollien {padding:5px 12px;border:2px solid #c24f3a;}
.liencol:hover .liencollien {padding:5px 12px;border:2px solid #4e1409;background:#4e1409;color:white;transition:.2s;-moz-transition:.2s;-webkit-transition:.2s;-o-transition:.2s;-ms-transition:.2s}
.liencol:hover .liencollien:hover {border:2px solid #3a0f07;background:#3a0f07;transition:.2s;-moz-transition:.2s;-webkit-transition:.2s;-o-transition:.2s;-ms-transition:.2s}

.pubcol {background:#c24f3a;color:white;font-size:1.3rem;line-height:1.8rem}
.pubcol a {color:#5f272e;text-decoration:none}
.pubcol:hover {background:#4e1409;color:white;transition:.2s;-moz-transition:.2s;-webkit-transition:.2s;-o-transition:.2s;-ms-transition:.2s}
.pubcol:hover a {color:white;}

.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:85%; 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:#c24f3a; border:3px solid #c24f3a; 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;}
.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 'Oswald'; color:#B0666E;}
h3 {padding:0; margin:0; font:400 15px/20px 'Oswald'; color:#B0666E;}
h4 {padding:0; margin:0; font-size:18px; color:#B0666E;font-weight:800}
p {padding:0; margin:0; font:400 14px/20px; color:#666;}
.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:#4e1409; 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:#3a0f07; padding:20px;padding-left:15%}
.footerLinks h2 {color:#fff;}
.footerLinks .col {width:22%; 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 {padding:2px 8px;display:inline-block; color:#ccc; text-decoration:none; font-size:1.1em;transition:all 0.2s;}
.footerLinks .col ul li a:hover {color:#fff;background-color:#c24f3a; text-decoration:none;}
.footerBottom {clear:left; background:#260802; 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}

.suite {text-align:right;margin:15px 0px 0px 0px}
.suite A {padding:2px 8px;font-weight:bold;font-size:1.5em;text-decoration:none;color:#c24f3a;transition:all 0.2s}
.suite A:hover {background-color:#c24f3a;color:white}
.suite A.bigger {font-size:22px;}

.credits {display:inline;color:#FFF;margin-left:170px}
.credits a {color:white;opacity:0.8;}
.credits a:hover {opacity:1;}

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




.h2small h2 {margin-bottom:5px;}
#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 : 770px) {
.credits {display:block;margin-left:0px;margin-top:25px}
}

@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 #c24f3a;border-top:0px;

}
.dropzone {height:80px;width:100%;border:1px dashed #c24f3a;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;}
.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 {padding:3px 10px;background:#F0F0F0}


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

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



/************************************************************************************
COLUMN

*************************************************************************************/
.col {
	float: left;
	margin-left: 3.2%;
	margin-bottom: 5px;
text-align:left;
}
.fullwidth .col {
	float: none;
	margin-left: 0;
}
/* grid4 col */
.grid4 .col {
	width: 22.6%;
}
/* grid3 col */
.grid3 .col {
	width: 31.2%;
}
/* grid2 col */
.grid2 .col {
	width: 48.4%;
}

.grid2space .grid2 .col {padding:15px 0 0;}
/* 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;
}

/************************************************************************************
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%;
}
.grid2space .grid2 .col {padding:15px 0 0;}
}

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

	.grid4.grid4textarea .col {
		width: 48.4%;
	}
	.grid4.grid4textarea .col:nth-of-type(3n+1) {
		margin-left: 3.2%;
		clear: none;
	}
	.grid4.grid4textarea .col:nth-of-type(2n+1) {
		margin-left: 0;
		clear: left;
	}

.grid2 .col {
	width: 48.4%;
}
.grid2space .grid2 .col {padding:15px 0 0;}
}




/* 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%;
	}
	.grid3 .col:nth-of-type(3n+1) {
		margin-left: 3.2%;
		clear: none;
	}
	.grid3 .col:nth-of-type(2n+1) {
		margin-left: 0;
		clear: left;
	}
}

/* reset cols to fullwidth */
@media screen and (max-width: 770px) {
	/* grid4 */
	.col {
		width: 100% !important;
		margin-left: 0 !important;
		clear: none !important;
	}

	.tobottom {position:relative;margin-top:25px}
}

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}

.liencol {margin-bottom:12px}
/**** 2016****/
h2 {
	padding: 0;
	margin: 0;
	font: 400 25px/40px 'Oswald';
	color: #4e1409;
	line-height:1.9rem;
}
.promote h2 {color:#c24f3a}

.content .entete {
	padding: 5px 10px;
	text-align: left;
	background: #c24f3a url("../../pics/maquette/bg_entete_2.png") repeat-y left top;
	background: #c24f3a url("../../pics/maquette/bg_entete_2_2024.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;
}

.page_condensed section.texts {
    padding: 10px 10px;
}
.intro section.texts .col h3 {margin:0px 0px 10px 0px;padding:0px;}

.block_04_wpr{clear:both;background:#eee}
.block_04{position:relative;margin:0 auto;padding:0px 0 0px;text-align:left}
.block_04 label{font-weight:400;font-size:14px;margin:0 0px 0px 0}
.block_04 label.error{font-size:0.6em;}
.block_04 .more{font-size:0.6em;margin-bottom:14px;}
.block_04s input.txt{width:290px}
.block_04 input,.block_04 textarea {font-size:14px;padding:5px 7px;background:#F0F0F0;color:#333;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}
.block_04 select,.block_04 option{background:#F0F0F0;color:#333;padding:5px 7px;transition:.4s;-moz-transition:.4s;-webkit-transition:.4s;-o-transition:.4s;-ms-transition:.4s;border:0px;}
.block_04 input:focus,.block_04 textarea:focus,.block_04 select:focus,.block_04 option:focus{background:#E0E0E0;}
.block_04 .send input{position:absolute;bottom:0;right:3px;font-size:18px;font-weight:700;text-transform:uppercase;padding:10px 15px;cursor:pointer}
.block_04 .send input:hover{background:#555353}


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

.new_upload {color:#555;background:white;margin-bottom:20px;}
.skin_blue .new_upload {color:#58A0B8;}
.skin_yellow .new_upload {color:#BE9F50;}
.skin_green .new_upload {color:#9DB857;}

.btn_upload {background:#48A46D;}

.new_upload h3 {margin:10px 0px;padding:0px;font-weight:400;font-size:25px;letter-spacing:1px;font-family: 'Oswald';}
.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 .col .upload_submit {background-color:#245538;font-size:1.5em;padding:10px 12px}
.page_condensed .upload_finish {margin-top:15px;background-color:#245538;color:white;font-size:1.2em;padding:7px 10px}
.page_condensed .upload_finish A {background-color:#FFF;color:#245538;padding:3px 7px}
.page_condensed .col .upload_submit {font-size:16px;line-height:30px}
.page_condensed .col .upload_submit A {background:white;color:#245538;padding:3px 8px;}


.skin_purple .btn-primary{color:#fff;background-color:#48A46D;border-color:#306F49}
.skin_purple .btn-primary:hover{background-color:#28844D;border-color:#306F49}


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

.inner .entete {margin:10px 0px; padding:5px 10px;text-align:left;background:#c24f3a url("../../pics/maquette/bg_entete_2_2024.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;}

.skin_purple .inner .entete {background:#48A46D url("../../pics/maquette/bg_entete_green.png") repeat-y left top;}
.inner_rouge .entete {background:#EEE1DE url("../../pics/maquette/bg_rouge_entete_2.png") repeat-y left top;}
.inner .entete_complete {padding:5px 10px;text-align:left;background:#00E0B2;color:white;font-weight:bold;font-size:13px}
.inner .entete2 {padding:3px 10px;background:#BD0016;color:white;font-weight:normal;font-size:13px}
.inner .entete h2 {font-weight:400;color:white}
.inner .entete h3 {padding-left:10px;font-size:20px}

.skin_purple section.texts .col .filet_droite {border-left-color:#7352AE}
.skin_purple section.texts .col .filet_gauche {border-right-color:#7352AE}
.skin_purple section.texts .col h3 { color: #48A46D; }
.skin_purple section.texts .color .col a { background-color:#006227; }
.skin_purple section.texts .color .col:hover a { color:#006227; background:#EEE;}
.skin_purple section.texts .color .col a:hover { color:#006227 ;background:white }
.skin_purple section.texts .color .col:hover { background-color:#006227;  }

.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: #48A46D;}
.skin_purple .intro .next {background:#633F9C;}
.skin_purple .intro .bigone {background:#734FAC;}
.skin_purple .intro .bigone_flat {background:#48A46D; padding:0px;}
.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_purple .clair {background:#ECE6F6;color:#E4DDEF}
.skin_purple .new_upload  {color:#48A46D;}
.skin_purple .btn_upload {background:#245538;}

.skin_purple .foot {background:#006227;}
.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;}

.lispace li {padding-bottom:10px}
.lispace ul {padding-top:10px}

.video-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px; height: 0; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}

@media only screen and (min-width : 1100px) {
.toextend .grid2 .col {font-size:1.1rem;line-height:1.5rem}
}

@media only screen and (min-width : 1300px) {
.toextend .grid2 .col {font-size:1.3rem;line-height:1.8rem}
}

@media only screen and (min-width : 1600px) {
.toextend .grid2 .col {font-size:1.5rem;line-height:2.1rem}
}


.oneslide {
  width: 300px;
  margin: 0;

}

/*** SLIDER ***/
.slide-container {
	margin:0 auto;
  width: 100%;
  height:320px;
  min-width:450px;
  overflow: hidden;
  position:relative;
}
.slide-container {font-size:0.7rem;color:#BBB;line-height:0.9rem;}

@media only screen and (max-width : 1340px) { .slide-container {  min-width:380px; } }
@media only screen and (max-width : 1160px) { .slide-container {  min-width:320px;height:240px } }
@media only screen and (max-width : 770px) { .slide-container {  margin-top:15px;min-width:500px;height:360px } }

.slider-image {
  animation: myfade 5s infinite;
  opacity: 0;
  top: 0;
  left: 0;
  width:100%;
  position:absolute;
}

.slider-image img {width:100%}


@keyframes myfade {
  50% {
    opacity: 1;
  }
  80% {
    opacity: 0;
  }
}
div.slider-image:nth-child(1) {
  animation-delay: 1s;
}

div.slider-image:nth-child(2) {
  animation-delay: 4s;
}

.homepage .bloc_warning {
	padding:10px 15px;
	display:inline-block;
	width:70%;
	margin-bottom:20px;
    background: #c24f3a;
    color: white;
    font-size: 1.3rem;
    line-height: 1.8rem;
}