/* This file will hold styles for the mobile version of your website (mobile first). */
/* This also can include ANY global CSS that applies site-wide. Unless overwritten by a more specific style rule, CSS declarations in global.css will apply site-wide. */

html {
	font-size: 100%;
	background-color:#52535a;
	}

/* ----- ZONE HEADER ----- */
#header {
	background-color:#2e3337;
	background:#2e3337;
	background-image:none;
	padding-top:20px;
	}
	
.region-header .block ul {
  padding-bottom: 6px;
	}
/* ----- FIN ZONE HEADER ----- */


/* ----- ZONE CONTENU ----- */
#section-content{
	background-color:#48494e;
	}
/* ----- FIN ZONE CONTENU ----- */

/* ----- REFERENCES ----- */
.view-vue-reference.view-id-vue_reference.view-display-id-page_1 .views-row {
	padding-bottom: 2em;	
}
/* ----- FIN REFERENCES ----- */

@media all and (min-width: 851px) {
  .layout-container {
		max-width: 960px;
	}
  
  #block-aac-main-menu  ul.menu {
		padding: 0 115px;
	}
}


body {
	color:#ffffff;
	margin:0px;
	font-family: 'verdana';
	font-size: 1em; 
	background-color: #48494e;	
}

#page, #main-wrapper {
	background: #48494e;
}

.region-header .site-branding {
	margin-top: 0.429em;
	margin-bottom: 2em;
	text-align: center;
	}

.node-page img{
	width:100%;
	}

a, a.link {
  border-bottom: 0px ;
	}


a { color: #fff; font-weight:400; } 
a:hover { color:#b6ca00;   text-decoration:none; }
a:focus { outline: thin dotted; }
a:hover, a:active { outline: 0; }

h1, h2, h3, h4, h5, h6 {
	margin:0px;
	padding:0px;
	}

p{
	font-size: 0.85em;
	margin-bottom: 20px;
	}


b, strong{
	font-size: 1.05em;
	color: #b6ca00;
	font-weight: inherit;
	}

h1.title.page-title {
	font-family: 'titilliumweb_semibold';
	font-weight: 600;
	font-size:1.9em;
	color:#fff;
	letter-spacing:0.01em;
	padding:10px 0px 25px;
	line-height: 31px
}


h1.title.page-title:before {
    content: url("puce_page_titre.png"); 
}

h2{
	font-size:1.3em;
	color:#b6ca00;
	letter-spacing:0.01em;background: url("filet_soustitre.png") no-repeat scroll;
	background-position: 0px bottom, left;
	min-height: 60px;
	line-height: 1em;
}

h3{
	font-size: 1.1em;
	color:#b6ca00;
}

li {
	list-style-image: url('tiret.png') ;
}

.node ul {
	font-size: 0.85em;
    padding-left: 3em;
}

/* ----- FORMULAIRE DE SOUMISSION ----- */

.form-actions input {
	font-family: 'titilliumweb-regular';
	font-weight: 400;
	font-size: 1.3em;
	line-height: 60px;
	color: #b6ca00;
	border: 1px solid #b6ca00;
	white-space: nowrap;
	border-radius: 0px;
	background: none;
	padding: 0px 10px 0px 10px;
	margin: 10px;
	text-shadow: 0px;
	cursor: pointer;
	text-decoration: none;	
	}


.form-actions input:hover {
   background: none repeat scroll 0% 0% #000;
   border: 1px solid #fff;
   color: #FFF;
   background-color:none;
	}

.form-actions input.form-submit:hover {
	background: none repeat scroll 0% 0% #000;
	background-color:transparent;
	}

.form-textarea-wrapper textarea {
	font-size:0.8em;
	display: block;
    box-sizing: border-box;
	width: 100%;
	border: 1px solid;
	border-color: #ededed;
	margin: 0px;
	padding: 5px;
	}

input:focus#edit-subject.form-text.required, input:focus#edit-mail.form-text.required,input:focus#edit-name.form-text.required, .form-textarea-wrapper textarea:focus,input:focus#edit-pass.required {
	border: 2px solid #e0dfdf;
	}
	
#webform-submission-curriculum-node-14-add-form input.form-file {
	color:white;
	}

.form-required::after {
	display: inline-block;
	width: 6px;
	height: 6px;
	margin: 0 0.3em;
	content: "";
	vertical-align: super;
	background-image: url(required.svg);
	background-repeat: no-repeat;
	background-size: 6px 6px;
	}

 ----- FIN MESSAGE ----- */





/* ----- ZONE POSTSCRIPT ----- */
#zone-postscript-wrapper{
	background-color:#48494e;
	}
/* ----- FIN ZONE POSTSCRIPT ----- */


/* ----- ZONE PREFACE ----- */
#zone-preface-wrapper{
	background-color:#48494e;
	min-height:50px;
	}
/* ----- FIN ZONE PREFACE ----- */


/* ----- RESEAUX SOCIAUX ----- */ 
#block-reseauxsociaux{
	background: url("reseaux/filet_sous_reseaux_sociaux.png") no-repeat scroll ;
	background-position: 50% 100%;
}

.reseaux ul li {
    list-style-type: none;
    display: inline;
    color: #222222;
}

.reseaux {
   float: none;
    width: auto;
	text-align: center;
	padding-bottom:1em;
	}

.reseaux li:first-child a {
	background: url("reseaux/facebook_off.png") no-repeat scroll center;
	border: medium none;
	color: #fff !important;
	text-decoration: none;
	padding: 15px 20px 12px 20px;
	}
	
.reseaux li:first-child a:hover {
	background: url("reseaux/facebook_on.png") no-repeat scroll center;
	border: medium none;
	color: #fff !important;
	text-decoration: none;
	padding: 15px 20px 12px 20px;
	}

.reseaux a {
	background: url("reseaux/linkedin_off.png") no-repeat scroll center;
	border: medium none;
	color: #fff !important;
	text-decoration: none;
	padding: 15px 20px 12px 20px;
	}
	
.reseaux a:hover {
	background: url("reseaux/linkedin_on.png") no-repeat scroll center;
	border: medium none;
	color: #fff !important;
	text-decoration: none;
	padding: 15px 20px 12px 20px;
	}

.reseaux li:last-child a {
	background: url("reseaux/viadeo_off.png") no-repeat scroll center;
	border: medium none;
	color: #fff !important;
	text-decoration: none;
	padding: 15px 20px 12px 20px;
	}
	
.reseaux li:last-child a:hover {
	background: url("reseaux/viadeo_on.png") no-repeat scroll center;
	border: medium none;
	color: #fff !important;
	text-decoration: none;
	padding: 15px 20px 12px 20px;
	}
/* ----- FIN RESEAUX SOCIAUX ----- */ 

/* ----- BASELINE ----- */ 
#block-baseline {
	margin: 1.167em 0 1em;
	width: 100%;
}
.baseline_a {
	font-family: 'titilliumweb-regular';
	font-size: 1.5em;
}

.baseline_b {
	font-family: 'titilliumweb-regular';
	font-size: 1.1em;
}
/* ----- FIN BASELINE ----- */ 

/* ----- 3 BLOCS GENERIQUE ----- */

#region-postscript-first, #region-postscript-second, #region-postscript-third {
	margin-bottom:20px;
	}

.featured-bottom {
	background: none;
	border-top: 0px;
	}
.featured-bottom .block {
	margin-bottom: 0em;
	padding-bottom: 1em;
	border-bottom: 0px solid #dfdfdf;
	line-height: 1.3em;
	}
.debut {
	font-family: 'titilliumweb-regular';
	font-size: 1.6em;
	line-height: 2.1em;
	color:#48494e;
	}
	
.fin {
	font-family: 'titilliumweb_semibold';
	font-weight: 600;
	font-size: 1.9em; 
	line-height: 0.5em;
	color:#48494e;
}
	
.script {
	font-family: 'caveat_regular';
	color:#b6ca00;
	font-size: 2.4em; 
	}	
a.croix{
	background: url("3_blocs/croix.png") no-repeat scroll center;
	padding: 20px;
	color:#b6ca00;
	}	

a:hover.croix{
	background: url("3_blocs/croix_on.png") no-repeat scroll center;
	padding: 20px;
	color:#b6ca00;
	}	
/* ----- FIN 3 BLOCS GENERIQUES ----- */

/* ----- QUI SOMMES-NOUS ----- */
#block-blocquisommesnous{
	background: url("3_blocs/fond_a.png") no-repeat scroll;
	background-position:50% 0%;
	text-align:center;
	padding-bottom:0px;
	margin-top: -20px;
	}
	
#block-blocquisommesnousbis p { 
	text-align:center;
	margin: 0 0 1.2em
	}

/* ----- FIN QUI SOMMES-NOUS ----- */

/* ----- PROFESSIONNELS ----- */
#block-blocprofessionnels {
	background: url("3_blocs/fond_b.png") no-repeat scroll;
	background-position:50% 0%;
	text-align:center;
	padding-bottom:10px;
	margin-top: -20px;
	}
	
#block-blocprofessionnelsbis p { 
	text-align:center;
	margin: 0 0 1.2em;
	}
/* ----- FIN PROFESSIONNELS ----- */


/* ----- PARTICULIERS ----- */

#block-blocparticuliers{
	background: url("3_blocs/fond_c.png") no-repeat scroll;
	background-position:50% 0%;
	text-align:center;
	padding-bottom:10px;
	margin-top: -20px;
	}
	
#block-blocparticuliersbis p { 
	text-align:center;
	margin: 0 0 1.2em;
}
/* ----- FIN PARTICULIERS ----- */

/* ----- FOOTER ----- */


#region-footer-first {
	font-family: 'verdana';
	font-style: normal;
	color:#989898;
	font-size:0.8em;
	padding: 15px 0px 8px;
}

#region-footer-first a {
	font-family: 'verdana';
	font-style: normal;
	color:#989898;
	text-decoration:none;
}
#region-footer-first a:hover {
	font-family: 'verdana';
	font-style: normal;
	color:#989898;
	text-decoration:underline;
}
/* ----- FIN FOOTER ----- */

/* ----- LIEN RECTANGLE ----- */

a.rectangle:hover {
    color: #ffffff;
    border: 1px solid #ffffff;
	}
	
a.rectangle {
    font-family: 'titilliumweb-regular';
	font-weight: 400;
	font-size:1.2em;
    line-height: 50px;
    color: #b6ca00;
    border: 1px solid #b6ca00;
   /*  white-space: nowrap; */
    border-radius: 0px;
    background: none;
    padding: 5px 15px 5px 15px;
	margin:10px;
    text-shadow: 0px;
    cursor: pointer;
    text-decoration: none;
	}
/* ----- FIN LIEN RECTANGLE ----- */

/* ----- COORDONNEES BAS DE PAGE ----- */
.site-footer {
	background: #48494e;
	font-family: Verdana, Geneva, sans-serif;
	}

.site-footer__bottom {
	margin-top: 0px;
	border-top: 0px;
	}

.site-footer{
	letter-spacing: 0px;
	margin-top: 0px;
	border-top: 0px; 
	padding: 0px 0 30px; 
	}

#block-coordonneesenbasdepage  {
	background: url("fond_footer_2.png") no-repeat scroll;
	background-position:50% top;
	}

#block-coordonneesenbasdepage h2{
	font-family: 'titilliumweb_semibold';
	font-size: 1.9em;
	color: #b6ca00;
	text-align: center;
	letter-spacing: 0.01em;
	background: none;
	min-height: 80px;
	line-height: 3em;
	margin-top: 0px;
	font-style: normal !important;
	}
.site-footer .content a {
	color: #b6ca00;
	}


.site-footer .content a:hover{
	color: #ffffff;
	border-bottom: 0px;
	}

.big{
	font-size: 1.17em;
	color: #ffffff;
	font-weight: 400;
	text-align:center;
	}

.vert{
	color: #b6ca00;
	font-weight:700;
	}

.adresse {
	font-size: 0.85em;
	}

/* a.vert{
	color: #b6ca00 !important;
	text-decoration:none;
	font-weight:700;
} 
a.vert:hover{
	color: #ffffff !important;
	text-decoration:none !important;
	font-weight:700;
}*/


/* ----- FIN COORDONNEES BAS DE PAGE ----- */

/* ----- ANNONCES ----- */
.node--type-annonce a {
	color: #b6ca00;
}

.node--type-annonce a:hover{
	color: #ffffff;
	border-bottom: 0px;
	}


#block-views-block-vue-annonce-accueil-block-1,
#block-views-block-vue-annonce-accueil-2-block-1{
	width: 100%;
	float: none;
	clear: none;
	text-align: center;
	}

#block-views-block-vue-annonce-accueil-block-1 .item-list ul li{
	margin:0px;
	}

#block-views-block-vue-annonce-accueil-block-1 ul,
#block-views-block-vue-annonce-accueil-2-block-1  ul {
	list-style-image : none;
	padding: 0px;
	}

#block-views-block-vue-annonce-accueil-block-1 ul li,
#block-views-block-vue-annonce-accueil-2-block-1  ul li {
	list-style-image : none;
	}
 
#block-views-block-vue-annonce-accueil-block-1 .annonce a, 
#block-views-block-vue-annonce-accueil-2-block-1 .annonce a {
	font-family: 'titilliumweb-regular';
	font-weight: 400;
/* 	font-size: 1.3em; */
	font-size: 1.13em;
	line-height: 50px;
	color: #b6ca00;
	border: 1px solid #b6ca00;
	/* white-space: nowrap; */
	border-radius: 0px;
	background: none;
	padding: 5px 15px 5px 15px;
	margin: 10px;
	text-shadow: 0px;
	cursor: pointer;
	text-decoration: none;
	}

#block-views-block-vue-annonce-accueil-block-1 .annonce a:hover, 
#block-views-block-vue-annonce-accueil-2-block-1 .annonce a:hover{
    color: #ffffff;
	border: 1px solid #fff;
	}

/* ----- FIN ANNONCE ----- */



/* ----- MENU ----- */


#block-aac-main-menu  ul.menu {
	position: relative;
	display: -webkit-box;
	display: -ms-flexbox;
	display: flex;
	-webkit-box-pack: justify;
	-ms-flex-pack: justify;
	justify-content: space-between;
	z-index: 20;
	background-color: #b6ca00;
	text-align: center;
	font-family: 'titilliumweb-semibold';
	}

#block-aac-main-menu .menu a {
	margin:0px;
	}

#block-aac-main-menu ul.menu ul {
    position: absolute;
	}

#block-aac-main-menu li {
    float: left;
    margin-right: 0px;
	padding: 0em;
	}

#block-aac-main-menu ul li.expanded, #block-aac-main-menu ul li.leaf{
	list-style: none;
	}

#block-aac-main-menu ul.menu li:first-child a {
  font-family: 'titilliumweb-regular';
  font-weight: 400;
	}


#block-aac-main-menu li a {
    display:block;
    text-align: center;
	color: #48494e;
	text-decoration: none;
	line-height: 20px;
	padding: 0.7em 0.8em;	
	font-family: 'titilliumweb_semibold';
	font-style: normal;
	font-weight: bold;
	border-radius: 0px;
	background: none;
	text-shadow: 0 0px;
	}

#block-aac-main-menu {
	font-size : 1.7em; 
	}

#block-aac-main-menu li a:hover {
	text-decoration: none;
	color: #fff;
	}

#block-aac-main-menu li:hover ul.menu a:hover {
	 width:auto;
	}

/*Cache le dropdown*/
#block-aac-main-menu li ul.menu {
    display:none; 
	}

/*Créer un dropdown avec des liens verticaux*/
#block-aac-main-menu li ul.menu li {
	display: block;
	float: none;
	background-color:red;
	}

/*Text wrapping*/
#block-aac-main-menu li ul.menu li a {
    width: 95%;
	width: -moz-max-content;
	}

/*Affiche le dropdown avec le hover*/

#block-aac-main-menu ul.menu li:hover ul { 
	display: block; 
	}


@media all and (min-width: 461px) and (max-width: 990px) {
	.menu-toggle  {
	display: none!important;
	} 
		
	.featured-bottom .region {
	float: none;
	position: relative;
	box-sizing: border-box;
	padding: 20px 15px 30px;
	width: 100%;
	}

	#block-blocquisommesnous{
	margin-top: -40px;
	}

	#block-blocprofessionnels{
	margin-top: -60px;
	}

	#block-blocparticuliers{
	margin-top: -60px;
	}
 }

@media screen and (max-width : 995px){
		
	#region-primary-menu{
		float:none;
	}
	
	#block-aac-main-menu{
		width: 100%;
		z-index: 10;
		display:inline;
	}
	
	#block-aac-main-menu ul.menu {
		position: static;
		display: block;
	}
	
	 #block-aac-main-menu li ul {
		display: none; 
	} 
	
	#block-aac-main-menu ul.menu ul {
		position: static;
	}
	#block-aac-main-menu ul.menu li a {
		padding:10px; 
	}
	#block-aac-main-menu li {
		float: none;
		width:100%;
	}
	
	#block-aac-main-menu li:hover ul a {
		width:100%;
	}
	
	#block-aac-main-menu li ul.menu li{
		background-image:none;
	}
	
	#block-aac-main-menu li:hover ul.menu a:hover {
		width: auto;
	}
	
} 

@media all and (min-width: 995px) {	
	#block-aac-main-menu{
	display: block !important;
	background-color:red;
	} 
	
	.menu-toggle  {
	display: none!important;
	} 
	
	#block-aac-main-menu  ul.menu {
	padding: 0 115px;
	}
	
		
/* ----- BASELINE ----- */ 
	#block-baseline {
	margin: 1.167em 0 1em;
	width: 540px;
	}

	.baseline_a {
	font-family: 'titilliumweb-regular';
	font-size: 1.5em;
	letter-spacing: 0.105em;
	}

	.baseline_b {
	font-family: 'titilliumweb-regular';
	font-size: 1.37em;
	letter-spacing: 0.02em;
	}
/* ----- FIN BASELINE ----- */ 
/* ----- RESEAUX SOCIAUX ----- */ 		
	.reseaux {
	float: right   ;
    width: auto;
	text-align: center;
	}	
/* ----- FIN RESEAUX SOCIAUX ----- */ 	
/* ----- LOGO ----- */ 	
	.region-header .site-branding {
	margin-top: 0.429em;
	margin-bottom :2em;
	margin-left: 3em;
	text-align: center;
	}
/* ----- FIN LOGO ----- */ 		
	
	#block-views-block-vue-annonce-accueil-block-1,
	#block-views-block-vue-annonce-accueil-2-block-1{
	width: 50%;
	float: left;
	clear: none;
	text-align: center;
	}
	
}	


 /*----- FIN MENU ----- */

/* ---------- Primary Menu Toggle ----------- */
/* Hide the toggle by default. */
.menu-toggle,
.menu-toggle-target {
	display: none;
	}
/* Unhide it for the primary menu. */
.region-primary-menu .menu-toggle-target {
	display: inherit;
	position: fixed;
	top: 0;
	}
 .region-primary-menu .menu-toggle {
	display: none;
	} 
body:not(:target) .region-primary-menu .menu-toggle {
	color: #f1f1f1;
	background: #ccc;
	background: none;
	float: none;
	font-size: 0.7em;
	display: block;
	text-decoration: none;
	text-shadow: 0 0px;
	padding: 0em 0px 1em 0px;
	text-align: center;
	font-family: verdana;
	font-family: 'titilliumweb-regular';
	}
body:not(:target) .region-primary-menu .menu-toggle:after {
	content:"";
	width: 22px;
	height: 22px;
	display: inline-block;
	position: absolute;
	right: 10px; /* LTR */
	}

body:not(:target) .region-primary-menu .menu-toggle-target-show:target ~ .menu-toggle,
body:not(:target) .region-primary-menu .menu-toggle--hide {
	display: none;
	}
body:not(:target) .region-primary-menu .menu-toggle-target-show:target ~ .menu-toggle--hide {
	display: block;
	}

 /* Permet le décalage sur la page d'accueil des 3 blocs vers le haut */
 
.layout-main-wrapper {
	min-height: 0px;
	}
.layout-main {
	margin-top: 0px;
	margin-bottom: 0px;
	}