/*
details {
  margin: 5px;
  font-size: 18px;
}
details > * {
  padding: .75rem;
}
details > div {
  background: #ddd;
  border-radius: 0 0 5px 5px;
}
.accordeon_exposition summary {
  border-radius: 5px;
  font-size: 16px;
  font-family: sans-serif;
  font-weight: bold;
  color: #fff;
  background: #0B486B;
  cursor: pointer;
}
details[open] summary {
  border-radius: 5px 5px 0 0;
}



accordeon_exposition {
	text-align: left;
	font-weight: normal;
	font-size:16px; 
	text-decoration: none;
	color:#0062BA;
	letter-spacing : 0px;
	width: 33%;
	line-height: 20px;
	padding: 8px 0px 10px 6px;
	letter-spacing : 0px;
}
*/















/* utilisés */

/* FONTS */

/* ubuntu-condensed-regular - latin */
@font-face {
  font-family: 'Ubuntu-Condensed';
  font-display: swap;
  font-style: normal;
  font-weight: 400;  /* normal */
	/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  src: url('/fonts/ubuntu-condensed-v16-latin-regular.woff2') format('woff2'),
	/* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('/fonts/ubuntu-condensed-v16-latin-regular.ttf') format('truetype'); 
}

/* ubuntu-300 - latin */
@font-face {
  font-family: 'Ubuntu-Light';
  font-display: swap; 
  font-style: normal;
  font-weight: 300;
	/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  src: url('/fonts/ubuntu-v20-latin-300.woff2') format('woff2'), 
	/* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
       url('/fonts/ubuntu-v20-latin-300.ttf') format('truetype'); 
}

/* ubuntu-700 - latin */
@font-face {
	font-family: 'Ubuntu-Bold';
  font-display: swap;
  font-style: normal;
  font-weight: 700;
	/* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  src: url('/fonts/ubuntu-v20-latin-700.woff2') format('woff2'),
			 /* Chrome 4+, Firefox 3.5+, IE 9+, Safari 3.1+, iOS 4.2+, Android Browser 2.2+ */
			 url('/fonts/ubuntu-v20-latin-700.ttf') format('truetype');
}

/*
@font-face {
  font-family: 'Ubuntu_Condensed';
  src: url('/polices/Ubuntu-C.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: 'Ubuntu_light';
  src: url('/polices/Ubuntu-L.ttf') format('truetype');
  font-weight: normal;
  font-style: normal;
}
@font-face {
	font-family: 'Ubuntu_Medium';
	src: url('polices/Ubuntu-M.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Ubuntu_bold';
	src: url('polices/Ubuntu-Bold.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Ubuntu_normal';
	src: url('polices/Ubuntu-Regular.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
@font-face {
	font-family: 'Ubuntu_light_italic';
	src: url('polices/Ubuntu-LI.ttf') format('truetype');
	font-weight: normal;
	font-style: normal;
}
*/

/* pour positionnement bas de page en bas de fenetre */
body {
	display: flex;
	/* pivote l'axe principal à la verticale*/
  flex-direction: column; 
	/* Comme cette propriété est liée à l'axe principal elle agit maintenant de haut en bas */
  justify-content: space-between; 
	/* Pour voir agir justify-content sur la verticale, il faut donner une hauteur au body. vh (pour viewport height) permet de s'assurer que le body fera bien toute la hauteur de la surface d'affichage du navigateur */
  height: 100vh; 
  font-family: Arial, Helvetica, sans-serif;
  margin: 0; /* à mettre si pas de normalize.css */
}

#titre {
	color: #0062BA;
	font-size: 20px;
	font-weight: bold;
	letter-spacing : 1px;
	text-align: center;
	padding: 8px 0px 8px 0px;	
	border-bottom: 0px solid #0062BA;
	line-height:30px;
	font-family: 'Ubuntu-Condensed', sans-serif;
	background-color: #DBEBD1;

}

 #desc li {
 list-style-position : outside;
  padding-inline-start: 10px;
  list-style-type: '•'; 
	
}



.positionCollante {
	position: sticky;
	top:110px;
	padding: 0px 0px 0px 0px;	
}

.atlas_milieu a {
	text-align: center;
	font-weight: bold;
	font-size:13px; 
	text-decoration: none;
	color:#0062BA;
	letter-spacing : 0px;
	/* width: 33%; */
	line-height: 26px;
padding: 10px 0px 10px 0px;
font-family: 'Ubuntu_Light', Arial, sans-serif; 
		

}

.ABC_avis_recherche a {
	text-decoration: none;
	padding: 0px 0px 0px 20px;	
		font-size:15px; 
			color:#0062BA;
			line-height: 28px;
			
		text-align: left;
	font-weight: normal;
font-family: 'Ubuntu-Condensed', Arial, sans-serif;


	letter-spacing : 0px;
	/* width: 33%; */


}
/*
.ABC_avis_recherche a {
	background-color: transparent; 
	border: none; 
	
	color: #444444; 
	padding: 0px 0px; 
	text-align: left; 
	text-decoration: none; 
	display: table; 
	font-size: 14px;
	line-height: 22px;	
	margin: 0px 0px; 
	cursor: pointer; 
	letter-spacing : 1px;
	outline: 0;  
}
*/


.plus_infos a {
	vertical-align: top;
	text-decoration: none;
	font-weight: bold; 
	color:#0062BA; 
	font-size: 14px;  
	font-family: 'Ubuntu_Condensed', Arial, sans-serif; 
	text-align:left; 
	padding: 0px 0px 0px 0px;
	display:inline;
}


.itemsGrp1, .itemsGrp2 { 
	background-color: transparent; 
	border: none; 
	/*color: #0062BA; */
	color: #444444; 
	padding: 0px 0px; 
	text-align: left; 
	text-decoration: none; 
	display: table; 
	font-size: 14px;
	line-height: 22px;	
	margin: 0px 0px; 
	cursor: pointer; 
	letter-spacing : 1px;
	outline: 0;  /* supprime cadre focus */

}

.itemsGrp2 {

	color: #0062BA; 
}

.listeItems button {
/*	background-color: #dddddd; */
}



/*
.listeItems {
	text-decoration: none;
	background-color: transparent;
	text-align: left;
	font-weight: normal;
	font-size:10px; 
	line-height: 20px;
	color:#0062BA;
	letter-spacing : 1px;
	padding: 0px 0px 0px 0px;
	
}
*/

.en-savoir-plus a {
	text-align: right;
	font-weight: bold;
	font-size:12px; 
	text-decoration: none;
	color:#0062BA;
	background-color: #FBFFFF;
	letter-spacing : 1px;
}

.compte-rendu-ag a {
	text-align: left;
	font-weight: bold;
	font-size:12px; 
	text-decoration: none;
	color:#0062BA;
	letter-spacing : 1px;
	width: 33%;
	line-height: 26px;
	padding: 8px 0px 10px 6px;
}

.retour_experience a {
	text-align: left;
	font-weight: normal;
	font-size:14px; 
	text-decoration: none;
	color:#0062BA;
	letter-spacing : 0px;
	/* width: 33%; */
	line-height: 26px;
	padding: 0px 0px 0px 0px;
}

.eco-nous-contacter a {
	text-decoration: none;
	color:#0062BA;
}

.offres-emploi a {
	text-align: left;
	font-weight: normal;
	font-size:20px; 
	text-decoration: none;
	color:#0062BA;
	letter-spacing : 0px;
	width: 33%;
	line-height: 26px;
	padding: 8px 0px 10px 6px;
	letter-spacing : 0px;
}

.livre_blanc a {
	text-align: right;
	font-weight: bold;
	font-size:16px; 
	text-decoration: none;
	color:#0062BA;
	background-color: #FBFFFF;
	letter-spacing : 1px;
}


.ABC_avis_recherche a:hover,
.plus_infos a:hover,
.itemsGrp1:focus,
.itemsGrp1:hover,
.itemsGrp2:focus,
.itemsGrp2:hover,
.en-savoir-plus a:hover, 
.compte-rendu-ag a:hover,
.eco-nous-contacter a:hover,
.retour_experience a:hover,
.offres-emploi a:hover,
.livre_blanc a:hover { 
	text-decoration: none;
	color:#C02E00;
/*	border:1px solid #000;*/
}




/*
.alisteItem a:focus   {
	text-decoration: none;
 
	outline: 0;
   
		border:none;
/*	outline: 0px solid transparent;*/
}
*/

/* a voir si utilises */

#popup-overlay{
	position: fixed;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background:rgba(0,0,0,0.5);
	z-index: 10000;
	display: flex;
	align-items: center;
	justify-content: center;
}



.popup-content{
	max-width: 694px;
	width: 100%;	
	max-height: 445px;
	padding: 0;
	box-sizing: border-box;
	background: #fff;
	position: absolute;
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);		
}








.popup-exit{
	position: absolute;
	top: -10px;
	right: -10px;
	text-decoration: none;
	background: #fff;
	padding: 5px 10px;
	border-radius: 5px;	
}

	
}
#menu-accordeon-1 {
 border-bottom:1px solid #e4e4e4;
   padding:0;
  margin:0;
  list-style:none;
  text-align: center;
  width: 100%;
}
#menu-accordeon-1 ul {
  padding:0;
  margin:0;
  list-style:none;
  text-align: center;
}

#menu-accordeon-1 li li {
   max-height:0;
   overflow: hidden;
   transition: all .5s;
   background: #f9f2e9;
   margin:0;
   color: #be6e10;
}
#menu-accordeon-1 a {
    font-family: 'Ubuntu_bold', Arial, sans-serif;
    letter-spacing : 0.02em ;
font-size:17px;
  display:block;
  text-decoration: none;
  padding: 8px 0;
color: #be6e10;

}

#menu-accordeon-1 li:hover li a{
color: #be6e10;
text-transform:inherit;

}
#menu-accordeon-1 li:hover a, #menu-accordeon-1 li li:hover a{
    color: #fff;
}
#menu-accordeon-1 li:hover ul{
color:#fff;
max-height:22em;
}


#menu-accordeon-1 ul li a:hover{
font-size:17px;
color: #fff;
}


#menu-accordeon-1 li:hover {
   background: #be6e10;
   color: #fff;
}
#menu-accordeon-1 li li:hover {
   background: #be6e10;
color: #fff;
}

#menu-accordeon-1 li:hover li {
    color: #fff;
  max-height: 15em;
}

/* MENU ACCORDEON 2*/


#menu-accordeon-2 {
  border-bottom:1px solid #e4e4e4;
  padding:0;
  margin:0;
  list-style:none;
  text-align: center;
  width: 100%;
}
#menu-accordeon-2 ul {
  padding:0;
  margin:0;
  list-style:none;
  text-align: center;
}

#menu-accordeon-2 li li {
   max-height:0;
   overflow: hidden;
   transition: all .5s;
   background: #f5f9e9;
   margin:0;
   color: #95be10;
}
#menu-accordeon-2 a {
    font-family: 'Ubuntu_bold', Arial, sans-serif;
    letter-spacing : 0.02em ;
font-size:17px;
  display:block;
  text-decoration: none;
  padding: 8px 0;
color: #95be10;

}

#menu-accordeon-2 li:hover li a{
color: #95be10;
text-transform:inherit;

}
#menu-accordeon-2 li:hover a, #menu-accordeon-2 li li:hover a{
    color: #fff;
}
#menu-accordeon-2 li:hover ul{
color:#fff;
max-height:22em;
}


#menu-accordeon-2 ul li a:hover{
font-size:17px;
color: #fff;
}


#menu-accordeon-2 li:hover {
   background: #95be10;
   color: #fff;
}
#menu-accordeon-2 li li:hover {
   background: #95be10;
color: #fff;
}

#menu-accordeon-2 li:hover li {
    color: #fff;
  max-height: 15em;
}


/* MENU ACCORDEON 3*/


#menu-accordeon-3 {
  border-bottom:1px solid #e4e4e4;
  padding:0;
  margin:0;
  list-style:none;
  text-align: center;
  width: 100%;
}
#menu-accordeon-3 ul {
  padding:0;
  margin:0;
  list-style:none;
  text-align: center;
}

#menu-accordeon-3 li li {
   max-height:0;
   overflow: hidden;
   transition: all .5s;
   background: #eaf0f7;
   margin:0;
   color: #175ba4;
}
#menu-accordeon-3 a {
    font-family: 'Ubuntu_bold', Arial, sans-serif;
    letter-spacing : 0.02em ;
font-size:17px;
  display:block;
  text-decoration: none;
  padding: 8px 0;
color: #175ba4;

}

#menu-accordeon-3 li:hover li a{
color: #175ba4;
text-transform:inherit;

}
#menu-accordeon-3 li:hover a, #menu-accordeon-3 li li:hover a{
    color: #fff;
}
#menu-accordeon-3 li:hover ul{
color:#fff;
max-height:22em;
}


#menu-accordeon-3 ul li a:hover{
font-size:17px;
color: #fff;
}


#menu-accordeon-3 li:hover {
   background: #175ba4;
   color: #fff;
}
#menu-accordeon-3 li li:hover {
   background: #175ba4;
color: #fff;
}

#menu-accordeon-3 li:hover li {
    color: #fff;
  max-height: 15em;
}


/* MENU ACCORDEON 4*/


#menu-accordeon-4 {

  padding:0;
  margin:0;
  list-style:none;
  text-align: center;
  width: 100%;
}
#menu-accordeon-4 ul {
  padding:0;
  margin:0;
  list-style:none;
  text-align: center;
}

#menu-accordeon-4 li li {
   max-height:0;
   overflow: hidden;
   transition: all .5s;
   background: #f6f6f6;
   margin:0;
   color: #979797;
}
#menu-accordeon-4 a {
    font-family: 'Ubuntu_bold', Arial, sans-serif;
    letter-spacing : 0.02em ;
font-size:17px;
  display:block;
  text-decoration: none;
  padding: 8px 0;
color: #979797;

}

#menu-accordeon-4 li:hover li a{
color: #979797;
text-transform:inherit;

}
#menu-accordeon-4 li:hover a, #menu-accordeon-4 li li:hover a{
    color: #fff;
}
#menu-accordeon-4 li:hover ul{
color:#fff;
max-height:22em;
}


#menu-accordeon-4 ul li a:hover{
font-size:17px;
color: #fff;
}


#menu-accordeon-4 li:hover {
   background: #979797;
   color: #fff;
}
#menu-accordeon-4 li li:hover {
   background: #979797;
color: #fff;
}

#menu-accordeon-4 li:hover li {
    color: #fff;
  max-height: 15em;
}


/* MENU TRANSITION ENERGETIQUE TABLETTE */

#menu1bis, #menu1bis ul{
padding:0;
margin:0;
list-style:none;
text-align:left;
}

#menu1bis li{
  font-family: 'Ubuntu_Condensed';
display:inline-block;
position:relative;
}

#menu1bis ul li{
display:inherit;
}

#menu1bis ul{
  font-family: 'Ubuntu_Condensed';
position:absolute;
z-index: 1;
max-height:0;
left: 0;
right: 0;
overflow:hidden;
-moz-transition: .8s all .3s;
-webkit-transition: .8s all .3s;
transition: .8s all .3s;
}
#menu1bis a{

max-height:20em;
}

#menu1bis li:hover ul{

max-height:20em;
}

/* background des liens menus */
#menu1bis li:first-child{
background-color: #f9fbf1;

}
#menu1bis li:nth-child(2){
background-color: #f9fbf1;

}
#menu1bis li:nth-child(3){
background-color: #f9fbf1;

}
#menu1bis li:last-child{
background-color: #f9fbf1;
}
/* background des liens sous menus */
#menu1bis li:{
background:#fff;

}

/* background des liens menus et sous menus au survol */
#menu1bis li:first-child:hover, #menu1bis li:first-child li:hover{
background:#be6e10;

}
#menu1bis li:nth-child(2):hover, #menu1bis li:nth-child(2) li:hover{
background:#be6e10;

}
#menu1bis li:nth-child(3):hover, #menu1bis li:nth-child(3) li:hover{
background:#be6e10;
}
#menu1bis li:last-child:hover, #menu1bis li:last-child li:hover{
background:#be6e10;
}
/* les a href */
#menu1bis a:first-child{
text-decoration:none;
display:block;
padding:10px 15px;
margin: 0px;
font-size:16px;
color:#be6e10;
}


#menu1bis li:hover li a{
color: #be6e10;
text-transform:inherit;

}
#menu1bis li:hover a, #menu1bis li li:hover a{
    color: #fff;
    text-align: left;

}



/* MENU TRANSITION ECOLOGIQUE TABLETTE*/

#menu2bis, #menu2bis ul{
padding:0;
margin:0;
list-style:none;
text-align:left;

}

#menu2bis li{
  font-family: 'Ubuntu_Condensed';
display:inline-block;
position:relative;
}

#menu2bis ul li{

display:inherit;
}

#menu2bis ul{
  font-family: 'Ubuntu_Condensed';
position:absolute;
z-index: 1;
max-height:0;
left: 0;
right: 0;
overflow:hidden;
-moz-transition: .8s all .3s;
-webkit-transition: .8s all .3s;
transition: .8s all .3s;
}
#menu2bis a{
color:#fff;
max-height:20em;
}

#menu2bis li:hover ul{
color:#fff;
max-height:20em;
}

/* background des liens menus */
#menu2bis li:first-child{
background-color: #f9fbf1;
}
#menu2bis li:nth-child(2){
background-color: #f9fbf1;
}
#menu2bis li:nth-child(3){
background-color: #f9fbf1;
}
#menu2bis li:nth-child(4){
background-color: #f9fbf1;
}
#menu2bis li:last-child{
background-color: #f9fbf1;
}
/* background des liens sous menus */
#menu2bis li:{
background:#fff;

}

/* background des liens menus et sous menus au survol */
#menu2bis li:first-child:hover, #menu2bis li:first-child li:hover{
background:#769a04;

}
#menu2bis li:nth-child(2):hover, #menu2bis li:nth-child(2) li:hover{
background:#769a04;

}
#menu2bis li:nth-child(3):hover, #menu2bis li:nth-child(3) li:hover{
background:#769a04;
}
#menu2bis li:nth-child(4):hover, #menu2bis li:nth-child(4) li:hover{
background:#769a04;
}
#menu2bis li:last-child:hover, #menu2bis li:last-child li:hover{
background:#769a04;
}
/* les a href */
#menu2bis a:first-child{
text-decoration:none;
display:block;
padding:10px 15px;
margin: 0px;
font-size:16px;
color:#769a04;
}


#menu2bis li:hover li a{
color: #769a04;
text-transform:inherit;

}
#menu2bis li:hover a, #menu2bis li li:hover a{
    color: #fff;
}

/* MENU RESSOURCES TABLETTE */

#menu3bis, #menu3bis ul{
padding:0;
margin:0;
list-style:none;
text-align:left;
}

#menu3bis li{
  font-family: 'Ubuntu_Condensed';
display:inline-block;
position:relative;
}

#menu3bis ul li{
display:inherit;
}

#menu3bis ul{
  font-family: 'Ubuntu_Condensed';
position:absolute;
z-index: 1;
max-height:0;
left: 0;
right: 0;
overflow:hidden;
-moz-transition: .8s all .3s;
-webkit-transition: .8s all .3s;
transition: .8s all .3s;
}

#menu3bis li:hover ul{
color:#fff;
max-height:20em;
}

/* background des liens menus */
#menu3bis li:first-child{
background-color: #f9fbf1;
}
#menu3bis li:nth-child(2){
background-color: #f9fbf1;
}
#menu3bis li:nth-child(3){
background-color: #f9fbf1;
}
#menu3bis li:nth-child(4){
background-color: #f9fbf1;
}
#menu3bis li:last-child{
background-color: #f9fbf1;
}
/* background des liens sous menus */
#menu3bis li:{
background:#fff;

}

/* background des liens menus et sous menus au survol */
#menu3bis li:first-child:hover, #menu3bis li:first-child li:hover{
background:#175ba4;

}
#menu3bis li:nth-child(2):hover, #menu3bis li:nth-child(2) li:hover{
background:#175ba4;

}
#menu3bis li:nth-child(3):hover, #menu3bis li:nth-child(3) li:hover{
background:#175ba4;
}
#menu3bis li:nth-child(4):hover, #menu3bis li:nth-child(4) li:hover{
background:#175ba4;
}
#menu3bis li:last-child:hover, #menu3bis li:last-child li:hover{
background:#175ba4;
}
/* les a href */
#menu3bis a:first-child{
text-decoration:none;
display:block;
padding:10px 22px;
margin: 0px;
font-size:16px;
color:#175ba4;
}


#menu3bis li:hover li a{
color: #175ba4;
text-transform:inherit;

}
#menu3bis li:hover a, #menu3bis li li:hover a{
    color: #fff;
    text-align: left;

}

/* MENU ASSOCIATION TABLETTE*/

#menu4bis, #menu4bis ul{
padding:0;
margin:0;
list-style:none;
text-align:left;
}

#menu4bis li{
font-family: 'Ubuntu_Condensed';
display:inline-block;
position:relative;
}

#menu4bis ul li{
display:inherit;
}

#menu4bis ul{
font-family: 'Ubuntu_Condensed';
position:absolute;
z-index: 1;
max-height:0;
left: 0;
right: 0;
overflow:hidden;
-moz-transition: .8s all .3s;
-webkit-transition: .8s all .3s;
transition: .8s all .3s;
}

#menu4bis li:hover ul{
color:#fff;
max-height:20em;
}

/* background des liens menus */
#menu4bis li:first-child{
background-color: #f9fbf1;
}
#menu4bis li:nth-child(2){

background-color: #f9fbf1;
}
#menu4bis li:nth-child(3){
background-color: #f9fbf1;
}
#menu4bis li:nth-child(4){
background-color: #f9fbf1;
}
#menu4bis li:nth-child(5){
background-color: #f9fbf1;
}
#menu4bis li:last-child{
background-color: #f9fbf1;
}

/* background des liens sous menus */
#menu4bis li:{
background:#fff;


}

/* background des liens menus et sous menus au survol */
#menu4bis li:first-child:hover, #menu4bis li:first-child li:hover{
background:#979797;

}
#menu4bis li:nth-child(2):hover, #menu4bis li:nth-child(2) li:hover{
background:#979797;

}
#menu4bis li:nth-child(3):hover, #menu4bis li:nth-child(3) li:hover{
background:#979797;
}
#menu4bis li:nth-child(4):hover, #menu4bis li:nth-child(4) li:hover{
background:#979797;
}
#menu4bis li:nth-child(5):hover, #menu4bis li:nth-child(5) li:hover{
background:#979797;
}
#menu4bis li:last-child:hover, #menu4bis li:last-child li:hover{
background:#979797;
}
/* les a href */
#menu4bis a:first-child{
text-decoration:none;
display:block;
padding:10px 12px;
margin: 0px;
font-size:16px;
color:#979797;
}


#menu4bis li:hover li a{
color: #979797;
text-transform:inherit;

}
#menu4bis li:hover a, #menu4bis li li:hover a{
    color: #fff;
    text-align: left;

}




body {
  
  color:#FFF;
  margin: 0;
  padding: 0;
	font-family: 'Ubuntu_light';
	font-size: 1em;
	text-align: left;
}


#TABLETTE img {
    max-width: 100%;
    height: auto;
}


table,body,td,tr {
  border-width: 0px;
  border-collapse: collapse;
  border-spacing: 0px;
  border: none;

}

/* SLIDER */

@keyframes slidy {
  0% { left: 0%; }
  20% { left: 0%; }
  25% { left: -100%; }
  45% { left: -100%; }
  50% { left: -200%; }
  75% { left: -200%; }
  80% { left: -300%; }
  95% { left: -300%; }
 100% { left: -400%; }

}

div#slider { width: 100%; max-width: 753px; } 
div#slider figure {
  position: relative; 
  width: 500%;
  margin: 0;
  padding: 0;
  font-size: 0;
  text-align: left;
}
div#slider figure img { width: 16,6666%; height: auto; float: left; }
div#slider { width: 100%; max-width: 753px; overflow: hidden }



div#slider figure {
  position: relative;
  width: 500%;
  margin: 0;
  padding: 0;
  font-size: 0;
  left: 0;
  text-align: left;
  animation: 26s slidy infinite;
}

/* SLIDER TABLETTE*/



div#slider_tablette { width: 100%; max-width: 100%; } 
div#slider_tablette figure {
  position: relative; 
  width: 600%;
  margin: 0;
  padding: 0;
  font-size: 0;
  text-align: left;
}
div#slider_tablette figure img { width: 16.666%; height: auto; float: left; }
div#slider_tablette { width: 100%; max-width: 100%; overflow: hidden }



div#slider_tablette figure {
  position: relative;
  width: 600%;
  margin: 0;
  padding: 0;
  font-size: 0;
  left: 0;
  text-align: left;
  animation: 26s slidy infinite;
}

/* SLIDER SMART */


div#slider_smart { width: 100%; max-width: 467px; } 
div#slider_smart figure {
  position: relative; 
  width: 600%;
  margin: 0;
  padding: 0;
  font-size: 0;
  text-align: left;
}
div#slider_smart figure img { width: 16.666%; height: auto; float: left; }
div#slider_smart { width: 100%; max-width: 467px; overflow: hidden }



div#slider_smart figure {
  position: relative;
  width: 600%;
  margin: 0;
  padding: 0;
  font-size: 0;
  left: 0;
  text-align: left;
  animation: 26s slidy infinite;
}

#menu_smart a{
    font-family: 'Ubuntu_bold', Arial, sans-serif;
 letter-spacing : 0.05em ;
text-decoration:none;
font-size:12px;
}


#SERVICES_TABLETTE {

    font-family: 'Ubuntu_normal', Arial, sans-serif;
    letter-spacing : 0.15em ;
    color:#FFF;
    font-size:23px;
    padding-left: 9px;

}

 #centrer {
  text-align: center;

}
  
 #borderimg { 
  border: 10px solid;
  color: #E9E9E9;
}  


.grise {
 border:1px solid #ebedf0; 
padding: 9px;
}

.verte {
 border:1px solid #95be10;; 
padding: 9px;


 }

 .description {

  padding: 9px;
 }

#CA {

line-height:25px;
  

}

.st0:hover {
  fill: #44721b;
}



#AGENDA2 {
vertical-align: top;
    padding: 13px;
  text-align: left;
line-height:8px;
    background: #fff;

}
#AGENDA {
vertical-align: top;
    padding: 9px;
  text-align: left;
line-height:8px;
    background: #f5f6f7;

}

#AGENDA2 a{

vertical-align: top;
font-family: 'Ubuntu_light', Arial, sans-serif;
    font-size:16px;
    line-height: 18px;
    color:#175ba4;


}
#AGENDA a{
color:#175ba4;
vertical-align: top;
    font-family: 'Ubuntu_light', Arial, sans-serif;
    font-size:13px;
    line-height: 15px;
 

}

#SERVICES_SMART {

text-align: center;

    font-family: 'Ubuntu_normal', Arial, sans-serif;
    letter-spacing : 0.1em ;
    color:#FFF;
font-size:6vw;

}

#SERVICES {

    font-family: 'Ubuntu_light', Arial, sans-serif;
    letter-spacing : 0.2em ;
    color:#FFF;
    font-size:30px;

}

#ORANGE {

    font-family: 'Ubuntu_light', Arial, sans-serif;
    line-height: 20px;
    color:#be6e10;
    font-size:14px;

}
#ML_SMART {

    font-family: 'Ubuntu_light', Arial, sans-serif;
 line-height: 22px;
    color:#FFF;
    font-size:15px;

}

#ML {

    font-family: 'Ubuntu_light', Arial, sans-serif;
    color:#FFF;
    font-size:16px;

}
#equipe{
line-height: 11px;
}

#equipe img {
    max-width: 100%;
    height: auto;
}

#SMART img {
    max-width: 100%;
    height: auto;
}

#mail_equipe a{
	font-family: 'Ubuntu_light', Arial, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color: #ffffff;
}



#ML_SMART a { 
    text-decoration: none;
    color:#FFF;
}
#ML_SMART a:hover { 
    text-decoration: none;
    color:#175ba4;
}

#ML a { 
    text-decoration: none;
    color:#FFF;
}
#ML a:hover { 
    text-decoration: none;
    color:#175ba4;
}



/* CARROUSSEL 
#container {
    top: 0px;
    position: relative;
    width: 753px;
    height: 319px;
    overflow: hidden;
    }

#demoWrap {
        width: 3012px; 

}

#demoWrap a.ancre{
display:none;
}

#demoWrap #imgs{

-webkit-transition:all 1s ease;
   -moz-transition:all 1s ease;
    -ms-transition:all 1s ease;
     -o-transition:all 1s ease;
        transition:all 1s ease;
}
#demoWrap #imgs ul li{

display:inline-block;
list-style:none;
}

#demoWrap img{ 
width:753px;
height:286px;
}

#demoWrap #liens ul{
position:absolute;
  overflow: show;

width:364px;
top:282px;
left:275px;
}
#demoWrap #liens ul li{
position:relative;
float:left;
list-style:none;
        height:19px; width: 19px;  
        margin: 0 5px;  
}
#demoWrap #liens ul li a,
#demoWrap #wrap2:target ~ #liens ul li:nth-child(1) a,
#demoWrap #wrap3:target ~ #liens ul li:nth-child(1) a,
#demoWrap #wrap4:target ~ #liens ul li:nth-child(1) a{

        position: relative;  
        display: inline-block;  
        height:19px; width: 19px;  
        margin: 0 5px;  
        text-indent: -9999px;  
        background: #dfecb8;  
        border-radius: 50%; 

}



#demoWrap #liens ul li a:focus{

        position: relative;  
        display: inline-block;  
        height:19px; width: 19px;  
        margin: 0 5px;  
        text-indent: -9999px;  
        background: #95be10;  
        border-radius: 50%; 
}

#demoWrap #liens ul li:nth-child(1) a,
#demoWrap #wrap1:target ~ #liens ul li a[href="#wrap1"],
#demoWrap #wrap2:target ~ #liens ul li a[href="#wrap2"],
#demoWrap #wrap3:target ~ #liens ul li a[href="#wrap3"],
#demoWrap #wrap4:target ~ #liens ul li a[href="#wrap4"]{
        position: relative;  
        display: inline-block;  
        height:19px; width: 19px;  
        margin: 0 5px;  
        text-indent: -9999px;  
        background: #95be10;  
        border-radius: 50%; 
}

 




#wrap1:target ~ #imgs{
margin-left:0px; 
}
#wrap2:target ~ #imgs{
margin-left:-753px;
}
#wrap3:target ~ #imgs{
margin-left:-1506px;
}
#wrap4:target ~ #imgs{
margin-left: -2259px;
}




  /*FORMULAIRE*/


.autocomplete {
  /*the container must be positioned relative:*/
  position: relative;
  display: inline-block;
}
input {
  border: 1px solid transparent;
  background-color: #fbddc5;
  padding: 7px;
  font-size: 15px;
  
}
input[type=text] {
  background-color: #fbddc5;
  width: 96%;
  color: #44721b;
  font-family: 'Ubuntu_light', Arial, sans-serif;
}
input[type=submit] {
  background-color: #44721b;
  color: #fff;
font-family: 'Ubuntu_bold', Arial, sans-serif;
}
.autocomplete-items {
  position: absolute;
color: #44721b;
  font-family: 'Ubuntu_light', Arial, sans-serif;
  z-index: 1;
  /*position the autocomplete items to be the same width as the container:*/
  top: 100%;
  left: 0;
  right: 0;
  max-height: 230px;
    overflow-y: auto;
    /* prevent horizontal scrollbar */
    overflow-x: hidden;
}

.autocomplete-items div {
  padding: 7px;
  cursor: pointer;
  background-color: #fceee3;
color: #44721b;
  font-family: 'Ubuntu_light', Arial, sans-serif;

}
.autocomplete-items div:hover {
  /*when hovering an item:*/
    color: #FFF;
  font-family: 'Ubuntu_light', Arial, sans-serif;
  background-color: #de8f03;

}
.autocomplete-active {
  /*when navigating through the items using the arrow keys:*/
  background-color: #44721b;
  color: #44721b;


}

#btnValider{
  background-color: #44721b; 
  color: #fff;
  font-family: 'Ubuntu_bold', Arial, sans-serif;
}