/* 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;
	background: none repeat scroll 0 0;
	border-top: 3px solid #928f89;
}
.trame { background: #eeedea url(/IMG/lignesfond-pronaos.png) repeat; padding-bottom:15px; }
a.facebook { position: absolute; top:-25px; left:50%; }	
a.btn-client { position:absolute; top:0; right: 15px; padding: 5px 10px; background: url(/IMG/onglet-client.png) no-repeat; width: 138px; height: 34px; text-align: center; text-transform: uppercase; color: #FFF; font-size:12px; z-index:100000; }
#spip-admin { left:0!important; }
/*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;max-width:1120px;}
#row-1020 .row {max-width:1020px;}

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

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 .row { background: #efeeec; }
.logo-head { display: block; padding: 30px 25px 30px 0; }
#slogan { position: absolute; top: 114px; left: 135px; width: 80%;}
#slogan .titre , #slogan h1 { color: #565656; font: 300 1em/1.25em "Lora", Georgia, "Times New Roman", Times, serif; float: left; margin-right: 5px; }
#slogan strong, #slogan h2 { color: #692323; font-weight: 400; font-size: 0.9em; float: left; }

#cboxTitle, #cboxCurrent {font: 400 0.85em/1.35em "Lato", Georgia, "Times New Roman", Times, serif!important;}

/* HOME SEO */
#home_seo { padding: 30px; background: url('/IMG/bg_seo.png') no-repeat center center; background-size: cover; height:165px; font: 400 0.85em/1.35em "Lato", Georgia, "Times New Roman", Times, serif; color:#FFF; text-align: left; }
#home_seo strong { display: inline-block; color: #e8d3b4; text-align: left; font: 400 1.3em/1em "Lora", Georgia, "Times New Roman", Times, serif; }
#home_seo .texte { color:#FFF; }

.client .date { font-size: 0.85em; padding-bottom: 5px; }
.client .article h2 { margin: 0; padding-bottom: 0; }


.spip_logos { margin-right:10px; }
a small { color: #FFF; display:block;}
/* HOME PRIMEES */
#home_primees { text-align:left; margin-top: 0; height:165px; }
#home_primees.columns { }

#home_primees .trame { background:rgba(0,0,0,0.4);height:165px;padding: 58px 30px 0; }
#home_primees a .titre,
#home_clients .surtitre { font: 400 0.70em/1.25em "Lato", Georgia, "Times New Roman", Times, serif; margin-bottom:4px; color: #FFF; text-transform: uppercase; }
#home_primees a .accroche { font: 400 1.0em/1.15em "Lora", Georgia, "Times New Roman", Times, serif; text-transform: uppercase; color: #FFF; }

/* HOME CLIENTS */
#home_clients { background: url("/IMG/bg_client.gif") no-repeat scroll 15px 0; background-size: cover; height:165px; padding: 10px 10px 10px 25px !important; }
#home_clients.columns { padding-left:0; }
#home_clients #formulaire_login #pass_securise,
#home_clients #formulaire_login legend,
#home_clients #formulaire_login .editer_session { display:none!important; }
#home_clients #formulaire_login fieldset { border:0; padding:0; }

#home_clients input { width: 100%; background: #bfb099; border:0!important; padding:5px; margin-bottom: 5px; font-size: 12px;  }
#home_clients #spip_pass { font-size: 11px; color: #574f42; }
#home_clients p.boutons { bottom: 24px; right: 2px; }
#home_clients .btn { width: 100%; background: #bfb099; border:0!important; padding:6px 10px; margin: 5px 0 5px; font-size: 12px; display:block; text-transform: uppercase; text-align:center; font-weight: normal; color: #FFF; }


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



/* 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 { 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; }


#nav .references ul ul { display: none; } 
#nav .references li.menu-entree.item.on  ul{ display: block; } 


/* BG RUB + ART */
#main .row.bg { background: #c0b4a2 url(/IMG/bg_extra.png) no-repeat bottom left; }
.page_article #main .lecontenu { background: #dcd8d3; }
.page_sommaire .titre,
.page_article .titre,
.page_rubrique .titre  { color: #FFF; text-transform:uppercase; font: 300 1em/1.15em "Lato",Georgia,"Times New Roman",Times,serif; margin-bottom: 12px; }

.page_article .titre, .page_ref .titre { color: #555; }

.page_rubrique #main .lecontenu { background: #242637; padding-bottom: 80px; }
.page_sommaire #main .row { background: #efeeec; padding-bottom: 15px; }

/* menuUP */
#menuUp { position: absolute; top: 114px; right: 1em; }
#menuUp li { float: left; padding: 0 0 0 30px; }
#menuUp li a { font: 400 0.875em/1.5em "Lato",Georgia,"Times New Roman",Times,serif; color: #565656; padding-bottom: 11px; border-bottom: 1px solid #999999;}
#menuUp li.on a,#menuUp li a:hover { border-bottom: 4px solid #e8d4b4;}

ul.spip li { padding-left: 15px; }

#menu { margin-top: 55px; margin-bottom: 55px; margin-left: 5px; }

/* 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: 400 2.25em/1.1em "Lora", Georgia, "Times New Roman", Times, serif;
	color: #993333;
	paddin-top:0.15em;	
	}

.article h2 {
    font: 400 0.9em/1.25em "Lora", Georgia, "Times New Roman", Times, serif;
    color: #000;
	margin-bottom:10px;	
	margin-top:15px;	
	clear: both;
	}

.page_rubrique .article h2 { margin-bottom:0px;	}

/* LISTE */
.liste .article h2 { clear: none; }
.liste .spip_documents_left { margin: 0 6px 5px 0; } 
.liste .article h2 { color: #FFF; padding-bottom:0!important; font-size:1em!important; }
.liste .article p { color: #c9c9e3; margin-top:8px!important; font-size: 0.9em; }
.liste .article strong { color: #c9c9e3; font-weight: bold; }
.liste article  { margin-bottom:30px!important; }

.article h3 {
    font: normal 1.275em/1.3em "Lora", Georgia, "Times New Roman", Times, serif;
    color: #000;
	clear:both;
	}

.article h4 {
    font: 400 1.10em/1.25em "Lora",Georgia,"Times New Roman",Times,serif;
    color: #000;	
	}

.article .chapo {
	font:300 1.20em/1.35em "Lora", Georgia, "Times New Roman", Times, serif;
	color:#555;
	}
.article .chapo2 { margin-bottom: 30px; font-size: 0.9em; line-height:1.25em; }
	
.article .chapo p { margin-top:10px; }

.article .ligne { width:100%; background:#999999; height:1px; margin: 35px 0 15px;}
.article .texte { margin-bottom: 20px; }
.article .texte .scroll-content { padding-right: 20px; }
.page_article.page_ref .article .texte { margin-bottom: 20px; height:315px; overflow: auto;}

.scroll-wrapper { padding-right: 0!important; }

.texte {
	font:300 14px/1.45em "Lora", Georgia, "Times New Roman", Times, serif;
	text-align:justify;
	color:#555;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
}

.article ul {
	list-style:none;
	margin:1em 0;
	}
	
.article ul.slider {
	list-style:none;
	margin: 0;
	}
.page_article .article ul li {
	background:transparent url("/IMG/puce.png") no-repeat left 5px;
	background-size:10px 10px;
	margin-bottom:0em;
	padding-right:15px;
	}
.page_article .article #documents_portfolio  ul li {
	background:none;
	margin-bottom:15px;
	padding-right:0; 
}
	
.page_article.liens .article ul li { float: left; width: 33%; }
.page_article .article ul.block-grid li  { background: none; }
.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:25px; }


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:2.5em;}

.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 + .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 15px; }
.page_rubrique h1,
.page_rubrique .article a h2,
.page_rubrique .article h2 a,
.page_rubrique .titre { color:#FFF; margin-bottom:15px; }
.page_rubrique .article .chapo p { font:400 0.7em/1.35em "Lora",Helvetica,Arial,sans-serif; color: #c9c9e3; margin-top:5px; text-align:left;
}
.page_rubrique .ligne { height: 1px; background-color: #3a3d53; margin-bottom: 35px; }
.page_rubrique .first { background: #2a2d44; padding-top:10px;  border:1px solid #1b1d2f; box-shadow: 1px 1px 3px #1b1d2f; margin-bottom:15px; }
.page_rubrique .agauche { background: #2a2d44; border-right:10px solid #242637; margin-bottom:0; border:1px solid #1b1d2f;  box-shadow: 1px 1px 3px #1b1d2f;}
.page_rubrique .adroite { background: #2a2d44; border-left:10px solid #242637;  margin-bottom:0; border:1px solid #1b1d2f;  box-shadow: 1px 1px 3px #1b1d2f;}

.blocs  { position: relative; overflow: hidden; margin-bottom: 15px; }
.page_ref .blocs  { margin-bottom: 5px; }

.blocs  img { margin: 0!important; }
.blocs h2 { opacity:0; text-align:center; background: rgba(0,0,0,0.5); position: absolute; top: 0; left: 0; padding:30% 5% 0 5%!important; line-height: 1.2em; font-size: 0.8em; font-weight: 400; margin:0; width: 100%; height: 100%; }
.blocs a h2 { color: #FFF!important; }


li.rub10 ul { display: none!important; }


a.spip_out { background: #b4aba3; border-left: 6px solid #8f8577; padding: 5px 8px; text-decoration: none; border-bottom: 0!important; color: #FFF!important; font-family: "Lora",Helvetica,Arial,sans-serif; } 

.soustitre { color: #FFF; text-transform:uppercase; padding-bottom: 5px; font-size: 0.85em; font-family: "Lato",Helvetica,Arial,sans-serif; }
.soustitre2 { color: #FFF; text-transform:uppercase; padding: 10px 0 5px 0; font-size: 0.85em; font-family: "Lato",Helvetica,Arial,sans-serif; }

[class*="column"] + [class*="column"]:last-child { float: left!important; }
/* Suivant-Précedent */
#row-suite {
	clear:both;
	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:25px;
	padding-bottom:25px;
	font:400 0.9em/1.3em "Lora",Helvetica,Arial,sans-serif;
	color:#7b7a79;
	}
a.precedent {background: url(/IMG/arrow-prev.png) no-repeat left 20px; padding-left:35px;}
a.suivant {background: url(/IMG/arrow-next.png) no-repeat right 20px; padding-right:35px; }
.suivant {text-align:right;}

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

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

a.precedent:hover,
.precedent a:focus,
a.suivant:hover,
.suivant a:focus { color:#993333;}

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

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




	
/* ARBO
/* -------------------------- */
#arbo {
    padding: 10px 0 20px 0;
	margin-bottom:15px;
    width: 100%;
	text-align:right;
	}

#arbo p {
	font:400 0.65em/1.5em "Lato", Georgia, "Times New Roman", Times, serif;
    color: #cdcde6;
	}

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

#arbo a {
	font-style:normal;
    color: #cdcde6;
	border-bottom: 0;
	}

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

.page_rubrique #arbo,
.page_rubrique #arbo p,
.page_rubrique #arbo .on,
.page_rubrique #arbo a  { color:#cdcde6; }

.page_article #arbo,
.page_article #arbo p,
.page_article #arbo .on,
.page_article #arbo a { color:#6f6f70; }
/* 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;
	}





/* 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:100%;
	margin-right:1%;
	margin-bottom:1.5em;
	}

.formulaire_formidable fieldset li:nth-child(2n+0) {
	}


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

.article .formulaire_formidable li p {padding:1em 0;}
	
.formulaire_formidable fieldset h2.legend {	
	display:block;
	padding-left:1em;
	padding-top:0.2em;
	padding-bottom:0.2em;
	margin-top:0;
	margin-bottom:0.5em;
	background:#2f3565;
	font:300 0.9em/34px "Lato", Georgia, "Times New Roman", Times, serif;
	text-transform:uppercase;
    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:10px;
	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:0.5em;
	margin-top:0.15em;
	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;
	width:auto;
	background:#692323;
	border:0;
	font:300 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:0;
	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; bottom: 28px; right:16px;}



/* NAV */
#nav li ul { font: 400 0.9em/1.35em "Lato", Georgia, "Times New Roman", Times, serif; padding-left:10px; padding-right:10px;}
#nav li ul li ul { padding-left:0; }
#nav li ul li ul li { padding-left:0; font-size: 0.95em; line-height:1.4em; margin-bottom:1px; }
#nav li li.on a { font-weight: bold; color: #2f3565; }

#nav .menu-client li li.on ul li a { font-weight: normal; color: #FFF; }
#nav .menu-client li li.on ul li.on a { font-weight: bold; color: #2f3565; }
#nav .menu-client li li.on ul li.on li a { font-weight: normal; color: #FFF; }
#nav .menu-client li li.on ul li.on li.on a { font-weight: normal; color: #2f3565; padding-right:10px!important;}
#nav .menu-client li ul li ul a:hover { background-color:#cfc5b8; padding-left:10px!important; padding-right:10px!important;}

#nav li.on li.on li a { font-weight: normal; padding: 3px 0 6px;}
#nav .menu-client li.on li.on li a { font-weight: normal; padding: 3px 0;}

#nav li.on li.on li.on a { font-weight: normal;  background-color:#cfc5b8; padding-left:10px!important;}
#nav li ul li ul a:hover { background-color:#cfc5b8; padding-left:10px!important; }

/* FOOTER
/* ---------------------------------------------------------------------------------- */
#footer { background: #928f89; color:#FFF; padding: 15px 30px; font: 400 0.85em/1.45em "Lato", Georgia, "Times New Roman", Times, serif; position: relative; }
#footer .nom { text-align:center; padding-top:10px; }
#footer .nom strong { color: #FFF; display:inline-block; font: 400 1.15em/1em "Lora", Georgia, "Times New Roman", Times, serif;}
#footer .copy { font-size: 0.8em; text-align:center;width:100%;}
#footer a { color: #FFF; text-decoration:underline; }

.caption .titre { margin-bottom:3px; }

.page_article .article .bx-wrapper ul li {padding-right:0; }
.bx-wrapper { float: left; padding: 0 0 0 15px!important;  }
.legende { float:left; margin-bottom: 15px; margin-top: 2px; clear:both; font: 400 0.75em/1.45em "Lato", Georgia, "Times New Roman", Times, serif; font-style: italic; } 
					
/* CH?? - RESET SPIP
/* ---------------------------------------------------------------------------------- */
	figure {margin: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_documents_left {float:left!important; margin: 5px 15px 5px 0;}

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

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


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

	iframe { margin:15px 0; }
		.droite { padding-left: 0.46875rem!important; }
		.droite1 { padding-right: 0rem!important; padding-left: 0.9375rem!important;}
		.gauche { padding-right: 0.46875rem!important; }
		.gauche1 { padding-right: 0rem!important; }



	
/* CH?? - MEDIA QUERIE
/* ---------------------------------------------------------------------------------- */
	@media only screen and (min-width: 1920px) and (orientation: landscape) {
		body,
		#header {
			max-width:1920px;
			margin:0 auto;
			}
		#extra .large-12  { padding-left:0; }
		.blocs  { height:135px; }
		}
		
	/* XXX-large landscape > BREAKPOINT 1680PX */
	@media only screen and (max-width: 1919px) and (min-width: 1680px) and (orientation: landscape) {
		#extra .large-12  { padding-left:0; }
		.blocs  { height:135px; }
		.aucun_avant .blocs  { height:185px; }

		}
	
	
	/* X-large landscape > BREAKPOINT 1440PX */
	@media only screen and (max-width: 1679px) and (min-width: 1440px) and (orientation: landscape) {
		#extra .large-12  { padding-left:0; }
		.blocs  { height:135px; }
		.aucun_avant .blocs  { height:185px; }
			
		}
	
		
	/* Widescreen landscape > BREAKPOINT 1280PX */
	@media only screen and (max-width: 1439px) and (min-width: 1280px) and (orientation: landscape) {
		#extra .large-12  { padding-left:0; }
		.blocs  { height:135px; }
		.aucun_avant .blocs  { height:185px; }

		}

	/* Widescreen landscape > BREAKPOINT 1152PX */
	@media only screen and (max-width: 1279px) and (min-width: 1152px) and (orientation: landscape) {
		#extra .large-12  { padding-left:0; }
		.blocs  { height:135px; }
		.aucun_avant .blocs  { height:185px; }
		}


	/* ========== 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 0; }
		#preheader .titre { font: 600 0.8em/1.25em "Lato",Georgia,"Times New Roman",Times,serif; }
		#formulaire_recherche input { width: 140px; }
		.logo-head { }
		.page_article.liens .article ul li { float: left; width: 50%; }
		#extra .large-12  { padding-left:0; }
		#home_primees { margin-top:0; }
		#footer .nom { width: 100%; }
		#footer .copy { position: static; }
		#home_seo { margin-top:0; font-size:0.9em; }
		.columns.home_primees { padding-left: 0.46875rem!important; }
		.columns.home_seo { padding-right: 0.46875rem!important; }
		/*.medium-9 { width: 100%; }
		.medium-3 #menu  { display: none; }*/
		.gauche1 { padding-right:0.46875rem!important;}
		.droite1 { padding-right:0.9375rem!important; padding-left:0.46875rem!important;}
		.page_rubrique .first { margin-bottom:15px; }
		.page_article.page_ref .article .texte { margin-bottom: 20px; height:auto!important; overflow: auto;}
			.grosbloc { margin-right:0!important; margin-left:0!important;}
		.texte { margin-left:8px!important; }
		}
	
	/* 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%; }
		#extra .large-12  { padding-left:0; }
		.columns.home_primees { padding-left: 0.46875rem!important; }
		.columns.home_seo { padding-right: 0.46875rem!important; }
		#slogan { left: 5%!important; z-index: 999999999; top: 13px;}
		#footer .copy { position: static; }
		.medium-9 { width: 100%; }
		#home_primees { margin-top:0; }
		#home_seo { margin-top:0; }
		#home_seo .texte{ font-size:0.9em; line-height: 1.35em;}
		#menu { margin-top: 0; margin-left: 30px; }
		#home_clients .btn { font-size: 11px; padding: 10px 5px;}
		.article .texte { margin-bottom: 20px; height:auto; overflow: auto;}
		.blocs  { position: relative; overflow: hidden; margin-bottom: 15px; height:255px; }
		.gauche1 { padding-right:0.46875rem!important;}
		.droite1 { padding-right:0.9375rem!important; padding-left:0.46875rem!important;}
		.page_rubrique .first { margin-bottom:15px; }
		.page_article.page_ref .article .texte { margin-bottom: 20px; height:auto!important; overflow: auto;}
		#menu { margin-bottom: 15px;}
		.texte { margin-left:8px!important; }
		.grosbloc { margin-right:0!important; margin-left:0!important;}
		}
		
	
	/* ========== 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;}
			.hide-for-tablet {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;}
			#slogan { left: 0!important; padding-left: 0.9375rem!important; z-index: 999999999; top: 10px;}
			#footer { padding: 10px; }
			#footer .copy { position: static; }
			#main .lecontenu {padding: 0;}
			#menu { margin-top: 0; margin-left: 30px; }
			#home_primees { padding:0; }
			#home_seo { margin:1em 0; font-size:1em; line-height: 1.2em; }
			#home_seo .texte{ font-size:0.9em;}
			#home_clients.columns { background-position: 0 0; }
			#home_clients li.editer_login { width: 49%; float: left }
			#home_clients li.editer_password { width: 49%; float: right }
			.caption .titre h3, .titre h3 { padding: 5px 20px 0; font-size: 1.2em; line-height: 1.1em;}
			.caption .accroche { font-size: 0.85em;}
			.caption .suite { margin-top: 15px;}

			.page_rubrique .agauche { border-right:0 solid #242637; margin-bottom:15px; }
			.page_rubrique .adroite { border-left:0 solid #242637;  margin-bottom:15px; }
			.page_article.page_ref .article .texte { margin-bottom: 20px; height:auto!important; overflow: auto; padding-left:15px; font-size:0.90em!important;}

			.hide-for-small { display: none; }
			#menu.rub2 { display: block; }
			.article .texte { margin-bottom: 20px; height:auto; overflow: auto;}
			.gauche1 { padding-right:0.9375rem!important;}
			.droite1, .droite { padding-right:0.9375rem!important; padding-left:0.9375rem!important;}
			.page_rubrique .first { margin-bottom:15px; }
			.gauche { padding-right: 0.9375rem!important;} 
			#menu { margin-bottom: 15px;}
			.grosbloc { margin-right:0!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 0 0; 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%; }
			#slogan .titre , #slogan h1 { color: #565656; font: 300 0.9em/0.9em "Lora", Georgia, "Times New Roman", Times, serif; float: left; width: 100%; margin-bottom:0; }
			#slogan strong, #slogan h2 { color: #692323; font-weight: 400; font-size: 0.8em; float: left; }
			#menu { margin-bottom: 15px;}
			.blocs a h2 { display: block!important; position: relative; height:auto;opacity:1!important;}
			.blocs h2 { padding:10px!important;}
			.gauche1, .droite1, .gauche { padding: 0!important; }
		}

	/* Mobile Landscape Iphone4 > BREAKPOINT 480PX */
	@media only screen and (max-width: 567px) and (min-width: 480px) {
	
			.caption { padding:10px 0 0; width:48%;}
			.caption .titre { font-size: 1em; }
			.caption .accroche { font: 300 0.9em/1.30em "Lato",Georgia,"Times New Roman",Times,serif; }
			.caption .accroche strong { font-size: 1.35em; }
			.page_article.liens .article ul li { float: left; width: 50%; }
			#slogan .titre , #slogan h1 { color: #565656; font: 300 0.9em/0.9em "Lora", Georgia, "Times New Roman", Times, serif; float: left; width: 100%; margin-bottom:0;  }
			#slogan strong, #slogan h2 { color: #692323; font-weight: 400; font-size: 0.8em; float: left; }
			#menu { margin-bottom: 15px;}
			.blocs a h2 { display: block!important; position: relative; height:auto;opacity:1!important;}
			.blocs h2 { padding:10px!important;}
			.gauche1, .droite1, .gauche { padding: 0!important; }
		}
		
	/* 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 0 0; width:100%; left:0; background: #9d4e4d; }
			.caption .titre { font-size: 1em; }
			.caption .accroche strong { font-size: 1.25em; }
			.page_article.liens .article ul li { float: left; width: 100%; }
			#slogan .titre , #slogan h1 { color: #565656; font: 300 0.9em/0.9em "Lora", Georgia, "Times New Roman", Times, serif; float: left; width: 100%; margin-bottom:0;  }
			#slogan strong, #slogan h2 { color: #692323; font-weight: 400; font-size: 0.65em; float: left; width:95%;}
			#home_clients li.editer_login { width: 100%; float: none; }
			#home_clients li.editer_password { width: 100%; float: none; }
			#home_seo strong{ font-size:0.95em!important;  }
			#home_seo .texte{ font-size:0.85em!important; line-height: 1.25em; text-align: left; }
			#slogan .titre, #slogan h1 { font: 300 0.75em/1em "Lora",Georgia,"Times New Roman",Times,serif; }
			#home_seo { height: auto!important;padding-top:15px; }
			.texte { margin-left:0px!important; margin-right:0px!important;}
			.blocs a h2 { display: block!important; position: relative; height:auto;opacity:1!important;}
			.blocs h2 { padding:10px!important;}
			.blocs  { margin-bottom: 0; }
			.grosbloc { margin-right:0!important; margin-left:0!important;}
			.gauche1, .droite1, .gauche, .droite { padding: 0!important; }
		}


/* -----------------------------------------
   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)
			{

			}