/* Artfully masterminded by ZURB  */

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
 * CH01 - Animations
 * CH02 - Gestion row

 */

/* CH01 - ANIMATIONS
/* ---------------------------------------------------------------------------------- */
#anchor,
.animation {
	-webkit-transition: all 0.15s ease-in-out;
    -moz-transition: all 0.15s ease-in-out;
	-ms-transition: all 0.15s ease-in-out;
    -o-transition: all 0.15s ease-in-out;
    transition: all 0.15s ease-in-out;
	}

	
/* CH02 - GESTION ROW
/* ---------------------------------------------------------------------------------- */
body {
	height:100%;
	font-size:16px;
	color:#574f42;
	font-family: "Lato", Georgia, "Times New Roman", Times, serif;
}
	
/*ROW 1920
/* -------------------------- */
#row-1920 .row {max-width:120rem;}

.lt-ie8 #row-1920 .row {
	max-width:1920px;
	width:auto;
	}

/* ROW 1560
/* -------------------------- */
#row-1560 .row {max-width:97.5rem;}

.lt-ie8 #row-1560 .row {
	max-width:1560px;
	width:auto;
	}
	
/* ROW 1440
/* -------------------------- */
#row-1440 .row {max-width:90rem;}

.lt-ie8 #row-1440 .row {
	max-width:1440px;
	width:auto;
	}
	
/* ROW 1200
/* -------------------------- */
#row-1200 .row {max-width:75rem;}

.lt-ie8 #row-1200 .row {
	max-width:1200px;
	width:auto;
	}

/* ROW 1120
/* -------------------------- */
#row-1120 .row {max-width:70rem;}

.lt-ie8 #row-1120 .row {
	max-width:1120px;
	width:auto;
	}

/* NO PADDING
/* -------------------------- */
#row .columns {
	padding-left:0;
	padding-right:0;
	}

/* FLEXBOX
/* -------------------------- */
.flexbox .flex-box {
	display: -webkit-box;
	display: -moz-box;
	display: -ms-flexbox;
	display: -webkit-flex;
	display: flex;
  	flex-direction:row; 
	}

/* CENTRER VERTICALEMENT
/* -------------------------- */	
.csstransforms .vertical-center {
	position:absolute;
	top:50%;
	left:0;
	right:0;
	margin:0 auto;
	-webkit-transform: translateY(-50%);
	-moz-transform:translateY(-50%);
	transform:translateY(-50%);
	}

.lt-ie8 .vertical-center {
	position: absolute;
	height:50%;
	width:100%;
	margin: auto;
	top: 0;
	bottom: 0;
	}	

/* CH?? - ARTICLE
/* ---------------------------------------------------------------------------------- */
#icone_travaux { display:none!important; }
body .spip-admin-bloc, body .spip-admin-float { top: 41px!important;  right: 0px!important;}

h1,
h2,
h3,
h4,
h5,
h6 {font-size:16px;}

a { color: #000; }
a.lire { background: #b59c26; color: #FFF; border: 0; text-align: center; font-size: 0.75em; padding: 10px 20px; text-transform:uppercase; margin-top:25px; display:inline-block; }
a.lire:hover { background: #93843c; }

#header { height: 148px;}
#preheader { position: fixed; background: #afa8a3; width:100%; height:40px; z-index:100; }
#preheader .titre { float:left; color: #FFF; text-transform: uppercase; font: 600 0.9em/1.25em "Lato", Georgia, "Times New Roman", Times, serif; padding: 10px; }
#subheader { top: 40px; height:108px; z-index:50; background: rgba(255,255,255,0.9); width:100%; position: fixed;}
.logo-head { display: block; padding: 15px 50px 10px 80px; }


/* HOME SEO */
#home_seo { padding:0 0 50px 0; }
#home_seo h1 { padding:50px 0 0 0; font: 700 1.85em/1.25em "Lato", Georgia, "Times New Roman", Times, serif; text-transform:uppercase; color:#afa8a3; text-align: center; }
#home_seo h2 { padding:5px 0 0; font: 400 1.45em/1.25em "Lato", Georgia, "Times New Roman", Times, serif; font-style:italic; color:#afa8a3; text-align: center; }
#home_seo .texte{ color: #574f42; text-align: center; }
#home_seo .ligne { width: 270px; height: 4px; background-color:#afa8a3; margin:10px auto 35px; }


/* FORMULAIRE RECHERCHE */
#formulaire_recherche { float: right; margin: 5px 15px;}
#formulaire_recherche input { background: url(/IMG/loupe.png) right 5px no-repeat #cdc8c5; border: 1px solid #FFF; font: 400 0.75em/1.25em "Lato", Georgia, "Times New Roman", Times, serif; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; padding: 3px 20px 3px 5px; color: #524d4a; width: 170px;}


/* BLOCS ACTUS */
#actus { margin-bottom: 60px; }

#actus h3.titre a { color: #000; text-transform: uppercase; font-size: 0.85em; margin-bottom: 8px; display:block; }
#actus p { color: #000; font-size: 0.85em; margin: 10px 0; }
#actus a.suite { color: #000; font-size: 0.75em; text-transform: uppercase; }
#actus a.suite:hover { color: #b59c26; }
#actus .bloc_texte { min-height: 175px; }


/* BLOC NEWSLETTER */
.newsletter { background: #d8cf96; padding: 30px; margin: 12px auto 0; }
.newsletter .titre { color :#FFF; text-transform: uppercase; font-size: 1.85em; font-weight: 300; float: left; width: 40%; text-align: right; padding-right: 20px; }
.newsletter form { float: left; margin-top: 5px; }
.newsletter input.text { background: #f5f5f3; color: #5f5f5f; border: 0; font-size: 0.85em; padding: 10px; margin-right:10px; width: 240px; }
.newsletter input.bouton,
.submit_main { background: #b59c26; color: #FFF; border: 0; text-align: center; font-size: 0.75em; padding: 10px 20px; text-transform:uppercase;}
.newsletter input.bouton:hover { background: #93843c; }


/* 2 WIDGETS */
#widgets2 { border-top: 1px solid #e2e1e0; padding-top: 12px; padding-bottom: 12px; }
.page_sommaire #widgets2 { border: 0; padding-top:0;}
#widgets2 .infos { background: #f0efe9 url(/IMG/picto1.png) no-repeat 25px 20px; padding:15px 20px 20px 80px; }
#widgets2 .amis { background: #f0efe9 url(/IMG/picto2.png) no-repeat 25px 20px; padding:15px 20px 20px 80px; }
#widgets2 a .infos, #widgets2 a .amis, #widgets a.bloc { color: #303030; font-style: italic; font-size: 0.90em; }
#widgets2 a .infos strong, #widgets2 a .amis  strong, #widgets a.bloc h3 { padding:5px 0 2px 0; color: #303030; font-style: normal; font-weight: bold; display:block; font-size: 1.15em; text-transform:uppercase; }
#widgets2 .infos:hover, #widgets2 .amis:hover { background-color: #ddd; }


/* 4 WIDGETS */
#widgets { background: #ededed; padding:50px 0 25px; border-top:1px solid #e1e1e1; border-bottom:1px solid #e1e1e1;}
#widgets a.bloc { background: #FFF; padding:0; display:block; min-height:280px; text-align:center; margin-bottom:30px; 
-moz-box-shadow: 2px 2px 4px 0px #d0d0d0;
-webkit-box-shadow: 2px 2px 4px 0px #d0d0d0;
-o-box-shadow: 2px 2px 4px 0px #d0d0d0;
box-shadow: 2px 2px 4px 0px #d0d0d0;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#d0d0d0, Direction=134, Strength=4);}
#widgets a.bloc:hover { background: #d8cf96; } 
#widgets a.bloc img { margin: 15px 0 5px; }
#widgets a.bloc .bloc_texte { padding: 0px 25px 20px 25px; }

#widgets a.bloc.programme img { margin: 0; }


#extra { margin :30px 0; }
#extra #widgets { padding:5px 0 15px; }
#extra #widgets a.bloc { margin:15px 15px 0; }
#extra .newsletter { background: #d8cf96; padding: 15px; margin: 12px auto 0; width:90%; left:5%;}
#extra .newsletter input.text { width:100%; }
#extra .newsletter input.bouton { width:100%; margin-right:0;}
#extra #actus  { margin-bottom:10px; }
#extra #actus h3 { margin:15px 0 5px 0; }




/* CONTACT */
#contact { border-top: 1px solid #e2e1e0; padding:25px 0; }
#contact .titre { text-tranform:uppercase; font: 600 2em/1.5em "Lato",Georgia,"Times New Roman",Times,serif; text-align:center; color: #afa8a3; border-bottom: 3px solid #afa8a3; margin: 0 auto 2em; width: 150px; padding-bottom:6px; }
#contact h3 { font: 300 1.15em/1.85em "Lato",Georgia,"Times New Roman",Times,serif; margin-bottom:10px; }
/* ARTICLE */
.article h1 {
    font: 600 2em/1.5em "Lato", Georgia, "Times New Roman", Times, serif;
    text-transform:uppercase;
	color: #d3bc61;	
	}

.article h2 {
    font: 600 1.525em/1.5em "Lato", Georgia, "Times New Roman", Times, serif;
    color: #000;
	margin-bottom:10px;	
	margin-top:15px;	
	clear: both;
	}

.article h3 {
    font: normal 1.375em/1.5em "Lato", Georgia, "Times New Roman", Times, serif;
    color: #000;
	clear:both;
	}

.article h4 {
    font: 400 1.20em/1.35em "Lato",Georgia,"Times New Roman",Times,serif;
    color: #000;	
	}

.article .chapo {
	font:300 1.20em/1.25em "Lato", Georgia, "Times New Roman", Times, serif;
	color:#555;
	}
.article .chapo p { line-height: 1.5em; margin-top:10px; }

.article .ligne { width:100%; background:#dbc880; height:12px; margin: 30px 0;}
.article .texte { margin-bottom: 80px;}

.article p,
.article ul {
	font:300 1.150em/1.45em "Lato", Georgia, "Times New Roman", Times, serif;
	color:#555;
	}

.article ul {
	list-style:none;
	margin:1em 0;
	}

.page_article .article ul li {
	background:transparent url("/IMG/puce.png") no-repeat left 13px;
	background-size:7px 7px;
	margin-bottom:15px;
	padding-left:15px;
	}
.page_article.liens .article ul li { float: left; width: 33%; }
.page_article .article ul.block-grid li  { background: none; float: left;}
.page_article .article ul.block-grid li  a { border:0; }
.album.vignettes li { border: 1px solid #ddd; padding: 0!important; margin: 0;}


.page_article .article p a,
.page_article .article ul a,
.page_article .article .texteencadre-spip a {
    border-bottom: 1px solid #dbc880;
    color: #000;
	}

.article strong {
	font-weight:400;
	color:#444;
	}

.article .texteencadre-spip {
	position:relative;
	border:none;
	border-left:5px solid #dbc880 ;
	background:#eee;
	margin:2em 0;
	padding:20px 3% 20px 2%;
	font:300 1.250em/1.5em "Lato", Georgia, "Times New Roman", Times, serif;
	color:#000;
	}

.article .texteencadre-spip h2,
.article .texteencadre-spip h3 {
	font:700 1em/1.5em "Lato", Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	}
	
.article .texteencadre-spip p,
.article .texteencadre-spip ul {font-size:18px;}

.article img.spip_documents_center {margin-bottom:0; }


hr.spip { clear:both; margin: 35px 0 45px; border:0; border-bottom:1px solid #DDD; height: 1px; }
/* NIVEAU DE LECTURE
/* -------------------------- */
.article p + h2,
.article ul + h2,
.article .texteencadre-spip + h2,
.article .bouton + h2,
.vcard + h2,
.flex-video + h2 {margin-top:3em;}

.article h2 + h3,
.article p + h3,
.article ul + h3,
.article .texteencadre-spip + h3,
.article .bouton + h3,
.flex-video + h3,
.article p + h4,
.article ul + h4,
.article .texteencadre-spip + h4,
.article .bouton + h4,
.flex-video + h4 {margin-top:2.125em;}

.article h2 + .flex-video,
.article p + .flex-video,
.article ul + .flex-video {margin-top:1.75em;}

.article h2 + p,
.article h2 + ul,
.article h2 + .bouton,
.article p + p,
.article p + ul,
.article p + .bouton,
.article ul + p,
.article ul + .bouton,
.article p + .cs_blocs {margin-top:1.250em;}

.article h3 + h4,
.article .texteencadre-spip h2 + p,
.article .texteencadre-spip h3 + p {margin-top:1em;}

.article h3 + p,
.article h3 + ul,
.article h3 + .bouton,
.article h3 + .flex-video,
.article h4 + p,
.article h4 + ul,
.article h4 + .bouton,
.article h4 + .flex-video {margin-top:0.5em;}

/* RUBRIQUE */
.page_rubrique .article ul li { padding: 25px 0; border-bottom: 1px solid #d3bc61;}
.page_rubrique .article h2 { padding: 0 0 15pxs; }

/* Suivant-Précedent */
#row-suite {
	position:relative;
	border-top:1px solid #cccccc;
	}

#row-suite:after {
	position:absolute;
	top:0;
	bottom:0;
	left:50%;
	height:100%;
	width:1px;
	content:"";
	background:#ccc;
	}

a.precedent {
	float:left;
	width:50%;
	}

a.suivant {
	float:right;
	width:50%;
	}
	
a.precedent, a.suivant {
	padding-left:0%;
	padding-right:0%;
	display:block;
	padding-top:40px;
	padding-bottom:40px;
	font:400 1.250em/1.5em "Lato",Helvetica,Arial,sans-serif;
	color:#b59c26;
	}

.suivant {text-align:right;}

.precedent strong,
.suivant strong {font-weight:300;}

.precedent br,
.suivant br {display:none;}
	
.precedent img {margin-right:20px;}
.suivant img {margin-left:20px;}

.precedent a:hover,
.precedent a:focus,
.suivant a:hover,
.suivant a:focus {background:#f0f0f0;}

.precedent a:active,
.suivant a:active {background:#ddd;}

/* CH?? - DIVERS COMMUN
/* ---------------------------------------------------------------------------------- */
.album.vignettes li { border:0; }
.album.vignettes li a { margin-right:15px; }

/* LANGUES
/* -------------------------- */
.langues {
	float:left;
	height:30px;
	font:700 0.750em/30px "Lato", Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	color:#666;
	margin-right:15px;
	}

.langues a,
.langues strong {
	float:left;
	padding:6px 12px;
	border-right:1px solid rgba(255,255,255,0.2);
	}

.langues a:hover {background-color:rgba(255,255,255,0.15);}

.langues a {color:#dcc892;}
.langues strong {color:#FFF;}

	
/* ARBO
/* -------------------------- */
#arbo {
    padding: 15px 0;
	margin-bottom:50px;
    width: 100%;
	}

#arbo p {
	font:400 0.750em/1.5em "Lato", Georgia, "Times New Roman", Times, serif;
    color: @dark-blue-grey-color;
	}

#arbo .on {
    color: #000;
    font-weight: 400;
	}

#arbo a {
	font-style:normal;
    border-bottom: 1px solid #ccc;
    color: #777;
	}

#arbo a:hover {color: #000;}


/* PAGINATION
/* -------------------------- */
.pagination {
	font-size:16px !important;
	text-align:center;
	}
	
.pagination strong,
.pagination span a {
	border:none !important;
	font-weight:400;
	margin:0;
	padding:8px;
	border:none;
	color:@blue-grey-color;
	}

.pagination span {
	display:inline-block;
	margin:0;
	padding:0;
	}

.pagination span.sep,
.pagination span.pages {padding:0;}

.pagination .on {color:#000;}

.pagination .prev,
.pagination .next {
	font-size:0.750em;
	text-transform:uppercase;
	color:#666;
	}

.pagination span.sep,
.pagination .prev a,
.pagination .next a {
	border:none;
	color:#444;
	}


/* BLOCS OUVERTS FERMÉS
/* -------------------------- */
.cs_blocs {
    display: block;
	border-bottom: 1px solid #ddd;
	}
	
.cs_blocs h3 {
	padding:0;
	margin:0;
	}
	
.cs_blocs h3 a {
	display:block;
    padding: 15px 0 15px 30px;
    font: 700 1.125em/1.333em "Open Sans", Helvetica, Arial, sans-serif;
    text-decoration: none;
    color:@dark-blue-color;
	}

.cs_blocs h4 {
	display:block;
    font: 700 1em/1.5em "Open Sans", Helvetica, Arial, sans-serif;
    color:@hebergement-color;
	}

.cs_blocs ul {
	font:400 1em/1.5em "Lato", Georgia, "Times New Roman", Times, serif;
	color:@dark-blue-color;
	}

.cs_blocs li {
	background:transparent url("/IMG/puce.png") no-repeat left 9px;
	background-size:7px 7px;
	margin-bottom:0.25em;
	padding-left:20px;
	}

.cs_blocs h4,	
.cs_blocs p,
.cs_blocs ul {padding:20px 30px;}

.cs_blocs h4 + p,
.cs_blocs h4 + ul,
.cs_blocs p + p,
.cs_blocs ul + p,
.cs_blocs p + ul {margin-top:-25px;}
				
.cs_blocs .blocs_replie {
	background: transparent url("/IMG/croix.gif") no-repeat scroll 10px center !important;
	background-size:11px 11px;
	}
	
.cs_blocs .blocs_titre {
	background: #f5f5f5 url("/IMG/croix-open.gif") no-repeat scroll 10px center;
	background-size:11px 11px;
	}
	
	
/* SUIVANT PRÉCÉDENT
/* -------------------------- */
#row-suite {
	position:relative;
	border-top:1px solid #cccccc;
	}

#row-suite:after {
	position:absolute;
	top:0;
	bottom:0;
	left:50%;
	height:100%;
	width:1px;
	content:"";
	background:#ccc;
	}

.precedent,
.suivant {
	float:left;
	width:50%;
	}
	
.precedent a,
.suivant a {
	padding-left:5%;
	padding-right:5%;
	display:block;
	padding-top:40px;
	padding-bottom:40px;
	font:300 1.250em/1.5em "Lato", Georgia, "Times New Roman", Times, serif;
	color:#222;
	}

.suivant {text-align:right;}

.precedent strong,
.suivant strong {font-weight:300;}

.precedent br,
.suivant br {display:none;}
	
.precedent img {margin-right:20px;}
.suivant img {margin-left:20px;}

.precedent a:hover,
.precedent a:focus,
.suivant a:hover,
.suivant a:focus {background:#f0f0f0;}

.precedent a:active,
.suivant a:active {background:#ddd;}


/* CH?? - FORMULAIRE
/* ---------------------------------------------------------------------------------- */
.formulaire_formidable  {margin-top:10px;}
.formulaire_formidable li {list-style:none;}
	
.formulaire_formidable fieldset {
	padding:0.5em;
	margin-bottom:20px;
	border:1px solid #cdcdcd;
	}
	
.formulaire_formidable fieldset li {
	float:left;
	width:49%;
	margin-right:1%;
	margin-bottom:1.5em;
	}

.formulaire_formidable fieldset li:nth-child(2n+0) {
	float:left;
	width:49%;
	margin-left:1%;
	margin-right:0;
	}


.article .formulaire_formidable li,
.article .formulaire_formidable li p {
	position:relative;
	padding:0;
	background:none !important;
	font-size:18px;
	}

.article .formulaire_formidable li p {padding:1em 0;}
	
.formulaire_formidable fieldset h2.legend {	
	display:block;
	padding-left:1em;
	padding-top:1em;
	padding-bottom:1em;
	margin-top:0;
	margin-bottom:1em;
	background:#ff2c14;
	font:300 1.250em/34px "Lato", Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	letter-spacing:1px;
    text-align: left;
	color:#FFF;
	}
	
.formulaire_formidable .formulaire_spip li p {
    font: 400 0.875em/1.5em "Lato", Georgia, "Times New Roman", Times, serif;
	color:#555;
	}
	
.formulaire_formidable label,
.formulaire_formidable select {
	display:block;
    font: 300 1em/1.5em "Lato", Georgia, "Times New Roman", Times, serif;
    color: #000;
	margin-top:20px;
	float: left;
	}

.formulaire_formidable select {
	margin-top:0.35em;
	margin-bottom:0.25em;
	height:55px;
	padding:10px;
	}

.formulaire_formidable textarea,
.formulaire_formidable input[type="text"] {
	float:none;
	width:100%;
	padding:1em;
	margin-top:0.35em;
	background:#f0efe9;
    font: 400 0.875em/1.5em "Lato", Georgia, "Times New Roman", Times, serif;
	color:#555;
    border: none;
	}

.formulaire_formidable li.saisie_textarea {
	padding-left:0;
	margin-bottom:0;
	width:100%;
	}
	
.formulaire_formidable textarea {	min-height:260px;}

.formulaire_formidable input[type="submit"] {
	display:block;
	margin:0 auto;
	padding: 0.6em 1.5em 0.6em 2.5em;
	width:auto;
	background:#6b9fb8 url('/IMG/picto_submit.png') no-repeat 5px 11px;
	border:0;
	font:400 1em/1.75em "Lato", Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
	letter-spacing:1px;
	text-align:center;
	color:#FFF;
	}

.reponse_formulaire_erreur  {
	display:none;
	}

.erreur_message {
	font:400 0.688em/1.5em "Lato", Georgia, "Times New Roman", Times, serif;
	color:#ff2c14;
	margin:25px 0 0 10px;
	float: left;
	}

p.reponse_formulaire_ok {
	padding: 20px 0 20px 30px !important;
    background: url("/IMG/circle-arrow.png") no-repeat scroll left center transparent;
	background-size: 20px 20px;
    font: 900 1em/1.5em "Lato", Georgia, "Times New Roman", Times, serif;
    text-transform: uppercase;
    color: #000;
	}
	
p.boutons { float: right; position: relative; }

/* FOOTER
/* ---------------------------------------------------------------------------------- */
#footer { background: #4f4f4f; color:#949494; padding: 30px; }
#footer .nom { float:left; }
#footer .nom strong { color: #bebebe; display:inline-block; }
#footer .copy { float:left; }
#footer a { color: #bebebe; text-decoration:underline; }


/* ANCHOR
/* -------------------------- */
.cd-top {
	display: inline-block;
	height: 60px;
	width: 60px;
	position: fixed;
	bottom: 10px;
	right: 10px;
	/* image replacement properties */
	overflow: hidden;
	text-indent: 100%;
	white-space: nowrap;
	background: #000 url("/IMG/arrow-up.png") no-repeat center center;
	background-size:16px 9px;
	visibility: hidden;
	opacity: 0;
	-webkit-transition: all 0.3s;
	-moz-transition: all 0.3s;
	transition: all 0.3s;
	}
	
.cd-top.cd-is-visible {
	visibility: visible;
	opacity: 1;
	}
	
.cd-top.cd-fade-out {opacity: .5;}
	
.no-touch .cd-top:hover {
	background-color: #000;
	opacity: 1;
	}
	
					
/* CH?? - RESET SPIP
/* ---------------------------------------------------------------------------------- */
	figure {margin:0 0 25px 0;}
	
	.adapt-img-wrapper,
	.adapt-img-wrapper::after {
		display:block;
		margin-bottom:-1px;
		}
	
	#main p > span {line-height:0; display:block; }
		
	.markItUpContainer textarea {background:#FFF !important; color:#000 !important;}
	
	#colorbox, #cboxOverlay, #cboxWrapper {
		-moz-box-sizing:content-box !important;
		-webkit-box-sizing:content-box !important;
		box-sizing: content-box !important;
		}
		
	.spip-admin-float {
		z-index:2000 !important;
		right:50% !important;
		}	
	.spip_documents_left {float:left!important; margin: 0 15px 15px 0;}

	.spip_documents_right {float:right!important; margin: 0 0 15px 15px;}

/* CH?? - VISIBILITY
/* ---------------------------------------------------------------------------------- */
	.show-for-tablet,
	.show-for-small {display:none;}


/* CH?? - CLASS NETTOYEUR
/* ---------------------------------------------------------------------------------- */
	.nettoyeur {
		height:1px;
		line-height:0;
		clear:both;
		}	

	
/* CH?? - MEDIA QUERIE
/* ---------------------------------------------------------------------------------- */
	@media only screen and (min-width: 1920px) and (orientation: landscape) {
		body,
		#header {
			max-width:1920px;
			margin:0 auto;
			}
		}
		
	/* XXX-large landscape > BREAKPOINT 1680PX */
	@media only screen and (max-width: 1919px) and (min-width: 1680px) and (orientation: landscape) {

		}
	
	
	/* X-large landscape > BREAKPOINT 1440PX */
	@media only screen and (max-width: 1679px) and (min-width: 1440px) and (orientation: landscape) {
			
		}
	
		
	/* Widescreen landscape > BREAKPOINT 1280PX */
	@media only screen and (max-width: 1439px) and (min-width: 1280px) and (orientation: landscape) {

		}

	/* Widescreen landscape > BREAKPOINT 1152PX */
	@media only screen and (max-width: 1279px) and (min-width: 1152px) and (orientation: landscape) {

		}


	/* ========== PASSAGE FORMAT MEDIUM ========== */	
	
	/* Widescreen landscape > BREAKPOINT 1025PX */
	@media only screen and (max-width: 1151px) and (min-width: 768px) and (orientation: landscape) {
		body .spip-admin-bloc, body .spip-admin-float { display:none; }		
		#nav2 > ul > li > a { padding: 5px 8px; }
		#preheader .titre { font: 600 0.8em/1.25em "Lato",Georgia,"Times New Roman",Times,serif; }
		#formulaire_recherche input { width: 140px; }
		.logo-head { padding: 15px 50px 10px 0px; }
		#nav { left: 100px; }
		#nav > ul > li { width: 105px; }
		.page_article.liens .article ul li { float: left; width: 50%; }
		}
	
	/* Ipad Portrait / Small tablet Landscape 800x600 > BREAKPOINT 768PX + 800PX */
	@media only screen and (max-width: 960px) and (min-width: 768px) {
		body .spip-admin-bloc, body .spip-admin-float { display:none; }		
		.flexbox .flex-box {
			display: inherit;
			position:inherit;
			-webkit-transform: none;
			-moz-transform:none;
			transform:none;
			}
		
		.show-for-tablet {display:block !important;}
		.hide-for-tablet {display:none !important;}
		#actus .bloc_texte { min-height: 230px; }

		#header { height: 46px;}
		.caption .titre { font-size: 1em; }
		.caption .accroche { font: 300 1em/1.30em "Lato",Georgia,"Times New Roman",Times,serif; }
		.caption .suite { padding:5px 10px; font-size: 0.7em; border-width: 2px; }

		.page_article.liens .article ul li { float: left; width: 50%; }
		}
		
	
	/* ========== PASSAGE FORMAT SMALL ========== */	

	/* All Mobile Sizes (devices and browser) > BREAKPOINT 568PX 480PX 320PX */
	@media only screen and (max-width: 767px) {
			body .spip-admin-bloc, body .spip-admin-float { display:none; }		
			#row h1 {
				-webkit-hyphens: auto;
				-moz-hyphens: auto;
				-ms-hyphens: auto;
				-o-hyphens: auto;
				hyphens: auto;
				word-wrap:break-word;
				}
				
			.flexbox .flex-box {
				display: inherit;
				position:inherit;
				-webkit-transform: none;
				-moz-transform:none;
				transform:none;
				}
				
			.csstransforms .vertical-center {
				position:inherit;
				top:inherit;
				left:inherit;
				right:inherit;
				-webkit-transform:none;
				-moz-transform:none;
				transform:none;
				}
	
			.article .formulaire_formidable li,
			.article .formulaire_formidable li p {font-size:16px;}
			.formulaire_formidable fieldset li,
			.formulaire_formidable fieldset li:nth-child(2n+0) {
				width:100%;
				margin-left:0;
				margin-right:0
				}
			.reponse_formulaire_erreur p {font-size:1em !important;}
			.formulaire_formidable input[type="submit"] {width:100%;}

			.show-for-small {display:block !important;}
			.hide-for-small {display:none !important;}
			
			#actus .bloc_texte { min-height: 0; }
			#actus a.suite { margin-bottom: 35px;display:block; }

			#widgets a.bloc  { min-height:0;}
			#widgets a.bloc .bloc_texte { padding: 0px 80px 20px 80px; }

			#header { height: 46px;}
			
			#cboxTitle { min-height: 100px; line-height:1.4em; padding: 3px 5px;}
			#cboxLoadedContent { margin-bottom: 100px;}
			.page_article.liens .article ul li { float: left; width: 50%; }
			#cboxTitle { font-size:0.75em!important;}
		}

	/* Small Tablet 800x600 Portrait (devices and browsers) / Mobile Landscape Iphone5 > BREAKPOINT 568PX */
	@media only screen and (max-width: 767px) and (min-width: 568px)  {
			.caption { padding:10px; width:48%;}
			.caption .titre { font-size: 1em; }
			.caption .accroche { font: 300 1em/1.30em "Lato",Georgia,"Times New Roman",Times,serif; }
			.caption .suite { padding:3px 6px; font-size: 0.7em; border-width: 2px; margin-top:8px; }
			.caption .accroche strong { font-size: 1.35em; }
			.page_article.liens .article ul li { float: left; width: 50%; }
		}

	/* Mobile Landscape Iphone4 > BREAKPOINT 480PX */
	@media only screen and (max-width: 567px) and (min-width: 480px) {
	
			.caption { padding:10px; width:48%;}
			.caption .titre { font-size: 1em; }
			.caption .accroche { font: 300 0.9em/1.30em "Lato",Georgia,"Times New Roman",Times,serif; }
			.caption .suite { padding:3px 6px; font-size: 0.7em; border-width: 2px; margin-top:8px; }
			.caption .accroche strong { font-size: 1.35em; }
			.page_article.liens .article ul li { float: left; width: 50%; }
		}
		
	/* Mobile Portrait Iphone5-4 > BREAKPOINT 320PX */
	@media only screen and (max-width: 479px) {
			.newsletter input.text { width: 100%; }
			.newsletter input.bouton { width: 100%;}

			#widgets a.bloc .bloc_texte { padding: 0px 20px 20px 20px; }

			.caption { position: relative; padding:10px; width:100%; left:0; }
			.caption .titre { font-size: 1em; }
			.caption .accroche { font: 300 1.1em/1.30em "Lato",Georgia,"Times New Roman",Times,serif; }
			.caption .suite { padding:3px 6px; font-size: 0.6em; border-width: 2px; margin-top:8px; }
			.caption .accroche strong { font-size: 1.25em; }
			.page_article.liens .article ul li { float: left; width: 100%; }
		}


/* -----------------------------------------
   RETINA Display
----------------------------------------- */

/* ---------------------------------------------------------- */
/* */
/* A media query that captures: */
/* */
/* - Retina iOS devices */
/* - Retina Macs running Safari */
/* - High DPI Windows PCs running IE 8 and above */
/* - Low DPI Windows PCs running IE, zoomed in */
/* - Low DPI Windows PCs and Macs running Firefox, zoomed in */
/* - Android hdpi devices and above */
/* - Android tvdpi devices, including Google Nexus 7 */
/* - Chrome running on high DPI Macs and PCs */
/* - Opera running on high DPI Macs, PCs and mobile devices */
/* */
/* Please note that that this code assumes you'll swap a */
/* 2× version of your images. If you'd like to supply */
/* finer increments, other thresholds might be appropriate. */
/* */
/* A test for CSS pixel densites can be found here: */
/* http://bjango.com/articles/min-device-pixel-ratio/ */
/* */
/* @marcedwards from @bjango */
/* */
/* ---------------------------------------------------------- */
 
@media	only screen and (-webkit-min-device-pixel-ratio: 1.3),
		only screen and (-o-min-device-pixel-ratio: 13/10),
		only screen and (min-resolution: 120dpi)
			{
					
			.cd-top {background-image:url("/IMG/arrow-up@2x.png");}
			
			}

@media	only screen and (-webkit-min-device-pixel-ratio: 1.3) and (max-width: 1152px),
		only screen and (-o-min-device-pixel-ratio: 13/10) and (max-width: 1151px),
		only screen and (min-resolution: 120dpi) and (max-width: 1151px)
			{

			}