body { background: #f3f3f1; font-family: 'Roboto', sans-serif; font-size: 12px; color: #36312b; }

/* Rendre les images responsive par defaut */
#spip-admin { top: 98px!important; right: 0!important; z-index: 10; }
img {
  max-width: 100%;
  height: auto;
}
.spip_doc_titre strong { font-style: italic; font-family: 'Lora'; font-weight: normal; font-size: 13px; }
.zoom {
	overflow:hidden;   
}
.zoom img {
    -webkit-transition: all 0.3s ease; /* Safari and Chrome */
    -moz-transition: all 0.3s ease; /* Firefox */
    -ms-transition: all 0.3s ease; /* IE 9 */
    -o-transition: all 0.3s ease; /* Opera */
    transition: all 0.3s ease;
}
.zoom:hover img { 
    -webkit-transform:scale(1.05); /* Safari and Chrome */
    -moz-transform:scale(1.05); /* Firefox */
    -ms-transform:scale(1.05); /* IE 9 */
    -o-transform:scale(1.05); /* Opera */
     transform:scale(1.05);
}
.spip_documents_left, .spip_logo { float: left; margin: 0 15px 30px 0; }
.spip_documents_right { float: right; margin: 0 0 10px 10px; }

/* Heading */
h1, h2, h3, h4, h5, h6 { font-family: 'Signika', sans-serif; }
h1 { font-size: 33px; }
h2  { font-size: 30px; font-weight: 300; margin-top: 60px; margin-bottom:20px; }
h3  { font-weight: 300; margin-top: 40px; margin-bottom:20px; }
h2:first-of-type  { margin-top: 0; }

.page_sommaire h2 { font-size: 28px; color: #312c26; margin-top: 20px; line-height:26px; }
.page_sommaire h3 { font-size: 28px; font-weight:300;}
.nettoyeur, .clearfix { clear: both; }

/* -----------------------------------------
   HOME
----------------------------------------- */

/* Home SEO */
#home_seo { background: #8d1715; color: #FFF; position:relative; padding-bottom: 40px; }
#home_seo .texte { font-size: 14px; line-height: 22px; padding-bottom: 40px;}
.page_sommaire #nav { background:#000!important; }

/* Home DIAGONALE */
.diagonale .bloc_titre { position:absolute;bottom:0;margin:0;width:50%; padding: 100px 0 0 0; }
.diagonale .bloc_titre h3 { position: absolute; bottom:0;padding: 5px 10px 0;color: #FFF; font-size:17px;}
.diagonale .bloc_titre sup { font-size:11px;}

.diagonale .bloc_titre.coul_rub79 h3 b { color: rgba(248,176,51,1); font-weight: 600; }
.diagonale .bloc_titre.coul_rub77 h3 b { color: rgba(249,30,121,1); font-weight: 600; }
.diagonale .bloc_titre.coul_rub78 h3 b { color: rgba(131,208,245,1); font-weight: 600; }
.diagonale .bloc_titre.coul_rub123 h3 b { color: rgba(222,208,84,1); font-weight: 600; }

.diagonale .bloc_titre.coul_rub79 { background: rgba(235,91,12,0.6); }
.diagonale .bloc_titre.coul_rub77 { background: rgba(179,43,117,0.6); }
.diagonale .bloc_titre.coul_rub78 { background: rgba(3,50,108,0.6); }
.diagonale .bloc_titre.coul_rub123 { background: rgba(114,106,3,0.6); }

.diagonale .bloc_texte h4 { line-height: 16px; font-size: 13px; text-transform:uppercase; margin-bottom:5px;}
.diagonale .bloc_texte { position:absolute;right:0;margin:0;width:50%; height:100%; padding: 5px 10px; color: #FFF; line-height: 15px; font-size: 11px;}
.diagonale .bloc_texte b { text-transform: uppercase;}
.diagonale .bloc_texte .savoir_plus { position:absolute; bottom: 10px; right: 15px; }
.diagonale .bloc_texte.coul_rub79 { background: rgba(235,91,12,0.9); }
.diagonale .bloc_texte.coul_rub77 { background: rgba(179,43,117,0.9); }
.diagonale .bloc_texte.coul_rub78 { background: rgba(3,50,108,0.9); }
.diagonale .bloc_texte.coul_rub123 { background: rgba(114,106,3,0.9); }

/* Home ACTUS */
.home_actus .bloc_titre strong { display: block; text-transform: uppercase; color: #FFF; font-size: 14px; font-weight: 600; line-height:16px; margin-bottom:5px;font-family: 'Signika', sans-serif; }
.home_actus a, .home_actus p, .home_actus li,   .home_actus a:hover { text-decoration: none; color: #FFF;}
.home_actus div.savoir_plus { position:absolute; bottom: 10px; right: 20px; text-transform: uppercase; font-size: 11px; }
.home_actus .date { text-transform: uppercase; font-size: 11px;}
.home_actus ul { padding-left: 10px; }




/* Waypoint */
#header-container #menu,
#header-container #menu { 
	-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;
}


/* ADX MENU */
#menu ul { list-style: none; padding: 0; font-weight: 300; }
#menu a { color: #d3c4af; font-size: 14px; text-transform: uppercase; }

#header-container #menu { text-align: center; background:#8d1715;}

#header-container .adxmenu { background: none; border:0; position:absolute; right:110px;}
#header-container .navbar { background: #8d1715; min-height: 46px!important; }
#header-container .ssmenu_container{ width:100%; position:absolute; top: 46px; right:0; }
#header-container .ssmenu_container .adxmenu { border:0; width:auto; }
#header-container .adxmenu .ssmenu { right:0; width: auto; }
#header-container .adxmenu.ssmenu li a { padding-top: 7px; padding-bottom: 7px;}
#header-container .adxmenu.ssmenu li a li a,
#header-container .adxmenu.ssmenu .texte_libre li a { padding-top: 7px; padding-bottom: 7px;}

#header-container .adxmenu a {border:0; }
#header-container .adxmenu.mainmenu a { padding: 0.9em 1em; }

#header-container .adxmenu ul li {background: #8d1715; border:0; text-align: left;}

#header-container .adxmenu ul.ssmenu li a,
#header-container .adxmenu.ssmenu li a,
#header-container .adxmenu.ssmenu li { text-transform: none; font-size: 13px; color: #FFF; line-height:16px; }
#header-container .adxmenu .active > a,
#header-container .adxmenu a:hover, 
#header-container .adxmenu .texte_libre:hover,
#header-container .adxmenu li:hover > .texte_libre,
#header-container .adxmenu li:hover > a { background: none!important; color: #fcc57b!important; }

#header-container .adxmenu.ssmenu.clownanalyse li { padding-top: 7px; }


#header-container .adxmenu.formations ul.ssmenu  { width: 220px; }
#header-container .ssmenu_container_formations { background-color: #ea5b0c; height: 46px;}
#header-container .adxmenu.formations ul.ssmenu li { background-color:rgba(234,91,12,0.8); border-bottom:1px solid #ea5b0c; }
#header-container .adxmenu.formations ul.ssmenu li a:hover { color: #fcc57b;}
#header-container .adxmenu.formations li:hover > a { background-color: #c24b09;}

#header-container .adxmenu.clownanalyse ul.ssmenu { width: 220px; }
#header-container .ssmenu_container_clownanalyste { background-color:#6a0f5a; height: 46px;  }
#header-container .adxmenu.clownanalyse ul.ssmenu li { background-color:rgba(106,15,90,0.8); border-bottom:1px solid #6a0f5a; }
#header-container .adxmenu.clownanalyse ul.ssmenu li a:hover { color: #d080ab;}
#header-container .adxmenu.clownanalyse li:hover > a { background-color: #cc006e;}

#header-container .adxmenu.spectacles ul.ssmenu { width: 150px; }
#header-container .ssmenu_container_spectacles { background-color:#03326c; height: 46px;}
#header-container .adxmenu.spectacles ul.ssmenu li { background-color:rgba(3,50,108,0.8); }
#header-container .adxmenu.spectacles ul.ssmenu li a:hover { color: #8199b6;}
#header-container .adxmenu.spectacles li:hover > a { background-color: #055bc6;}

#header-container .adxmenu.publications ul.ssmenu { width: 180px; }
#header-container .ssmenu_container_publications { background-color:#726a03;height: 46px; }
#header-container .adxmenu.publications ul.ssmenu li { background-color:rgba(114,106,3,0.8); }
#header-container .adxmenu.publications ul.ssmenu li a:hover { color: #c6b805;}
#header-container .adxmenu.publications li:hover > a { background-color: #c6b805;}







#header-container .adxmenu .texte_libre {
	border-right: 1px solid #222;
    display: block;
    padding: 7px 1em;
    position: relative;
    text-decoration: none;
	border:0;
	color: #FFF; 
	font-size: 13px; 
}

#header-container.down #menu {
	z-index:100;
	position:fixed;
	top:0;
	bottom:inherit;
	width:100%;
	background:#8d1715;
	height:46px;
	text-align: left;
}
#header-container #menu img.logomenu {
	display: block; 
	float:left;
	border-left:60px solid #FFF; 
}




.navbar-default { background: none; border:0; }
#navbarCollapse  { background:#8d1715!important;}
#header-container .navbar-collapse.collapse.in .adxmenu { position: inherit; }
#header-container .navbar-collapse.collapse.in .ssmenu_container { position: inherit; }
.navbar-collapse.collapse.in li.menu-entree { width: 100%; background:#8d1715!important;}

/* Slider */
#slider.container-fluid { padding: 0; }


/* ARBO*/
#arbo { background: #FFF; z-index: 200000000000000000;}
p.arbo { padding: 15px 0 10px; color: #545454; font-size: 11px; line-height:1.2em;}
p.arbo a { color: #545454; }
/* FIN ARBO*/

/* FORMULAIRE RECHERCHE */
#formulaire_recherche { padding-top: 10px; }
#formulaire_recherche input#recherche { width: 100%; background: url('/IMG/loupe.gif') no-repeat center right; padding: 5px; border: 1px solid #7b6b5e; }
/* FIN FORMULAIRE RECHERCHE */

/* FORMULAIRE */
.formulaire_spip .fieldset { border: 1px solid #ccc; background: #FFF; margin: 25px 0; padding:20px; }
.formulaire_spip fieldset h2 { margin-top: 0; }
.formulaire_spip fieldset div.editer { clear: both; }
label, .explication { font-family: 'Signika', sans-serif; font-size: 14px; padding-top:0; line-height:17px; font-weight: 300; padding-right:15px;}
.big  .explication{ margin-bottom:15px; font-size:16px; font-weight:400;}
.obligatoire { font-weight:400; }

.formulaire_spip label { clear: both; float:left; width:100%; font-weight: normal; }
.formulaire_spip input { float:left; width:100%; margin-bottom: 15px; border:1px solid #ccc; padding:5px; background: #FFF;}
.formulaire_spip input.submit { float:right; width:100%; text-transform: uppercase; color: #FFF; padding: 10px;}

/* COMMUNS ARTICLE + RUBRIQUE */
.coul_texte_rub77 { color: #6a0f4d!important; }
.coul_texte_rub79 { color: #e2611a!important; }
.coul_texte_rub123 { color: #726a03!important; }

hr { color: #CCC; clear: both;  }
.chapo { font-size: 16px; padding: 15px 0 30px; display:block; text-align:left;}
.chapo strong { font-weight: 600; }

/* ARTICLE */
.content { margin-top: 30px; margin-bottom: 20px; font-size: 14px;  }
.content a.spip_in,
.content a.spip_out,
.content a.spip_mail {color: #36312b; font-style: italic; font-family: 'Lora'; text-decoration: none; border-bottom: 1px solid #CCC;}

.content a.spip_in:hover,
.content a.spip_out:hover { border-bottom:1px solid #000; }
.surtitre { font: 600 1.45em/1em 'Signika', sans-serif; }

.content .texte {font-size: 15px; line-height: 24px; margin-top: 25px; }
.content .bloc_texte {min-height:95px; margin-top:10px; }

.content h2 { clear: both; } 

/* LIENS */
a.livredor { background: url(/IMG/livredor.png) no-repeat center left; padding: 5px 5px 5px 35px; color: #36312b; font: 400 0.8em/1em "Roboto",sans-serif; text-transform:uppercase; margin-top: 25px; display: block; border-bottom: 0;}
a.biglien,
.download .cs_blocs h2 { border: 1px solid #cebfa5!important; background: none; font-weight:600!important; text-align:left;  padding:}
a.biglien:hover,
.download .cs_blocs h2:hover { background: #e3dace; }


/* RUBRIQUE */
.page_rubrique .chapo.first { font-size: 15px; }
strong.date { color: #c24b09; margin-bottom:5px;}





ul.liste { list-style:none; padding-left: 0; margin-bottom: 15px; }
ul.liste li.item { margin: 15px 0 25px; }
ul.liste h2 { margin:15px 0 5px; font-size:22px;  }
ul.liste h2 a { color: #36312b; border:0; }
ul.liste h4 { font-size:15px;  }

.page_rubrique .bloc_bas { position: absolute; bottom: 0; }
.agenda { clear: both; list-style: none; margin-top:25px; margin-bottom:10px;font-size: 13px; padding: 10px; background:#efefef; line-height: 20px; }
.agenda h4  { margin-top:0;font-size: 14px; text-transform: uppercase;}
.agenda p, .lesdates p { margin-bottom:5px; }

.agenda.rub79 { background: #f8b033; }
.agenda.rub77 { background: #bb23a0; }
.agenda.rub78 { background: #1e6fa9; }
.agenda.rub123 { background: #c9bb0d; }

.enavant { background: #FFF; padding: 15px; }
.content .enavant a.btn-default { width: auto; background-color: #dedede; }  
.enavant .chapo { padding-bottom: 5px; }  
.enavant h2 { clear:none; }  



.formation { list-style: inside disc; margin-top:25px; margin-bottom:25px;font-size: 12px; padding: 0; background:#efefef;}
.formation h4  { margin-top:10px;font-size: 14px; text-transform: uppercase;}



/* PAGINATION */
.pagination li a { 
    padding: 4px 8px; margin: 1px; color: #FFF;
}
.pagination li a.active { 
    background-color: #DCDCDC;
}

.pagination.secteurs li a { 
    width: 33%;
	color: #FFF;
	text-align:left;
	padding: 10px;
	background: #7f0045;
	font-weight: 400;
}

.pagination li strong { 
    background-color: #DCDCDC;
    border: 1px solid #ddd;
    float: left;
    line-height: 1.42857;
    margin-left: -1px;
    padding: 4px 9px;
    position: relative;
    text-decoration: none;
}
.pagination li.disabled strong { background-color: #FFF; color: #ccc; font-weight: normal; }
.pagination > li:first-child > a, .pagination > li:first-child > span { border-bottom-left-radius: 0; border-bottom-right-radius: 0; border-top-left-radius:0; }

#row-suite { clear: both; margin-bottom: 20px; }
a.suivant, a.precedent { border-top:1px solid #ccc; width:49%; padding: 20px 0 ; color: #36312b; margin-top: 10px; font:400 0.80em/1.35em "Roboto",sans-serif; text-transform:uppercase; font-size: 11px; display: block; }
a.suivant:hover, a.precedent:hover { background: #FFF; text-decoration:none; }
a.suivant { float: right;text-align:right; padding-right: 10px; }
a.precedent { float: left;text-align:left; padding-left: 10px; }

/* FIN PAGINATION */

.content a.btn-default,
.content a.biglien,
.content div.btn-default,
.download .cs_blocs h2 { color: #36312b; display: block; text-decoration: none; margin-top:10px; text-transform: uppercase; font:400 12px/1.1em "Roboto",sans-serif; border: 0; width: 100%; padding: 15px 10px; border-radius:0; background-image:none; }
.download .cs_blocs h2 a { color: #36312b!important; font:600 12px/1.1em "Roboto",sans-serif!important; text-decoration:none;}

.blocs_destination a strong { background: #DEDEDE; margin-top:10px; text-transform: uppercase; font:400 0.80em/1em "Roboto",sans-serif; border: 0;  padding: 10px; border-radius:0; color: #000; margin-top:10px;}

.blocs_destination a { font:400 0.90em/1em "Roboto",sans-serif; color: #000; text-decoration: none;}


.formulaire_inscription ul, 
.formulaire_login2 ul  { margin:20px 0 0 0; padding:0; }
.formulaire_inscription ul { margin-top: 40px; }

.formulaire_inscription ul li,
.formulaire_login2 ul li { list-style: none; }
.content .texte .formulaire_login2,
.content .texte .formulaire_inscription { }
.formulaire_inscription label, .formulaire_login2 label  { width:35%; }
.formulaire_inscription input, .formulaire_login2 input  { width:65%; }
#pass_securise { display:none!important; }
/* BLOCS DEPLIABLE */
.cs_blocs h2 { background: #DEDEDE; padding: 8px 10px; }
.cs_blocs h2:hover {background: #FFF; }

.cs_blocs h2 a { color: #a00057!important; font-size: 16px; line-height: 18px;}

.cs_blocs h2 a:hover {border-bottom:0; }

.blocs_destination { padding: 20px; border-bottom:1px solid #DEDEDE; background: #FFF; font-size: 15px; }
.cs_blocs .blocs_replie a::after {
	background-image: url("/IMG/croix@2x.png")!important;
	}
.cs_blocs .blocs_titre a::after {
	position:absolute;
	right:25px;
	top:14px;
	width:15px;
	height:15px;
	content:"";
	background: transparent url("/IMG/croix-open@2x.png") no-repeat scroll center center;
	background-size:22px 22px;
}


.content ul.spip { list-style: none!important; padding-left:14px!important;}
.content ul.spip li { background: url(/IMG/pucebeige.png) no-repeat left 8px; padding-left: 12px; margin-bottom: 8px; }

/* Texte encadré */
.content .texteencadre-spip { clear: both; border:1px solid #ccc; background: #FFF; margin-top:30px;padding: 10px 15px; font-family: 'Lora'; font-style:italic; font-size:15px; }
.content .texteencadre-spip h3 { margin-top:5px; margin-bottom:10px; font: 400 1.25em/0.85em "Signika",Arial,Helvetica,sans-serif; font-style: normal; }

.content i { font-family: 'Lora'; font-style:italic; }


/* ASIDE*/
sup { text-transform: lowercase; }

.coul2_rub79 { background: #f4915b; }
.coul3_rub79 { background: #ee7330; }

.coul2_rub77 { background: #d7528d; }
.coul3_rub77 { background: #8d3265; }

.coul2_rub78 { background: #49709f; }
.coul3_rub78 { background: #255188; }

.coul2_rub123 { background: #b1a93a; }
.coul3_rub123 { background: #918812; }


.content aside ul.spip  { padding-left:0px!important; }
.content aside ul.spip li { background: url(/IMG/pucebeige.png) no-repeat left 6px; padding-left: 12px; margin-bottom: 4px; }
aside .bloc { margin-bottom: 25px; color: #FFF; }
aside .savoir_plus a { color: #FFF;border-bottom:0; font-style: normal; }

a.download { border:0!important; font-size: 1.30em; line-height: 1.1em; }
a.download:hover { border:0!important; }
.tdover:hover { background: #ae9e85!important; }

/* ASIDE ACTUS*/
a.download.titre, aside .titre { font: 300 1.3em/1.1em "Signika",Arial,Helvetica,sans-serif; color: #FFF; padding: 0 10px; display:block; }
aside .logo { display: inline-block; } 

aside .actus, aside .actus a { color:#FFF; border-bottom: 0; font-style: normal; font-family: "Roboto",sans-serif; } 
aside .actus a:hover { text-decoration: underline; } 

.devis .titre { padding: 15px 15px 0; }
aside a.email { height: 52px; border:1px solid #ae9e85!important; width: 100%; padding: 13px; display: block; text-align:center; font-size: 1.15em; }
aside a.email:hover { background: #ae9e85; border:0; }

aside .bloc_titre, aside .bloc_titre a { font-family: "Signika",Arial,Helvetica,sans-serif; text-transform:uppercase; font-style: normal; color: #FFF; border:0; line-height: 17px; } 
.content  aside .bloc_texte { font-size:13px; font-weight: 300; min-height: 0;} 
aside .savoir_plus, aside .savoir_plus a { margin-top:10px; font-size: 10px; text-transform:uppercase;font-family: "Roboto",sans-serif; } 
/* FIN ASIDE*/




/* Footer */
#footer { 
	background: #d8d0c5; 
	border-bottom: 18px solid #8d1715;
}
#footer .titre { padding: 40px 0 0; text-transform: uppercase;color: #7e6b5d;  }
#footer .texte { margin: 0 0 20px; padding-right:20px; color: #312c26; font-size:11px;}
#footer a { color:#111; }








/* Media Queries */

@media (min-width: 480px) {
	.diagonale .bloc_titre h3 { position: absolute; bottom:0;padding: 5px 10px 0;color: #FFF; font-size:22px;}
	.diagonale .bloc_texte h4 { line-height: 18px; font-size: 16px; margin-top:0; }
	.diagonale .bloc_texte { padding: 20px; line-height: 20px; font-size: 13px;}
}

@media (min-width: 768px) {
	h1 { font-size: 40px; }
	.chapo { font-size: 18px; text-align:justify;}

	.diagonale .bloc_titre h3 { position: absolute; bottom:0;padding: 5px 10px 0;color: #FFF; font-size:26px; font-weight: 600;}
	.diagonale .bloc_texte h4 { line-height: 18px; font-size: 16px; margin-top:0; }
	.diagonale .bloc_texte { padding: 20px; line-height: 20px; font-size: 14px;}

	ul.liste h2 { margin:15px 0 5px; font-size:24px;  }
	ul.liste h4 { font-size:18px;  }
	.content { margin-top: 60px; margin-bottom: 40px; font-size: 14px;  }

	#footer .texte { border-right:1px solid #7e6b5d; }

	.cs_blocs .blocs_titre a::after { top:18px;}
	.content .texteencadre-spip { padding: 20px 25px; }

}

@media (min-width: 992px) {
	.page_sommaire h2 { font-size: 32px; color: #312c26; margin-top: 20px; line-height:36px; }
	.diagonale .bloc_titre h3 { position: absolute; bottom:0;padding: 5px 10px 0;color: #FFF; font-size:25px; font: 600 2.15em/1em "Signika",sans-serif;}
	.diagonale .bloc_texte h4 { line-height: 18px; font-size: 15px; margin-top:0; }
	.diagonale .bloc_texte { padding: 15px; line-height: 17px; font-size: 13px;}

	.cs_blocs .blocs_titre a::after {
		top:32px;
	}
	#home_seo { height:698px; padding-bottom:0!important;}
	#home_seo .texte { padding: 20px 0 180px 0; }
	.formulaire_inscription ul { height:210px; } 
	.formulaire_login2 ul { height:227px; margin-top:40px;}
	.formulaire_spip label { clear: both; float:left; width:20%; font-weight: normal; }
	.formulaire_spip input { float:left; width:80%; margin-bottom: 8px; border:1px solid #ccc; padding:5px; background: #FFF;}
}

@media (min-width: 1200px) {
	.diagonale .bloc_titre h3 { position: absolute; bottom:0;padding: 5px 10px 0;color: #FFF; font-size:30px; font: 600 2.35em/1em "Signika",sans-serif;}
	.diagonale .bloc_texte h4 { line-height: 18px; font-size: 16px; margin-top:0; }
	.diagonale .bloc_texte { padding: 20px; line-height: 20px; font-size: 14px;}
	#home_seo { height:768px; padding-bottom:0;}
	#home_seo h1 { padding: 30px 0 0; }
	#home_seo .texte { padding: 20px 0 70px 0; }
	.navbar { margin-bottom:0; }
	.formulaire_inscription ul, 
	.formulaire_login2 ul  { height:210px; margin-top:20px; }
	.formulaire_spip label { clear: both; float:left; width:20%; font-weight: normal; }
	.formulaire_spip input { float:left; width:80%; margin-bottom: 8px; border:1px solid #ccc; padding:5px; background: #FFF;}

}