/******************************************************
	
	Glassero Par Patrick Roux : http://www.kicoe.net
	One Page Responsive HTML Template
	
	Sections of stylesheet:
		$INDEX0 - FONTS AND RESET
		$INDEX1 - GENERAL
		$INDEX2 - HEADER COMMON
		$INDEX3 - MENU COMMON
		$INDEX4 - HEADER STANDARD
		$INDEX5 - HEADER STANDARD REDUIT
		$INDEX6 - HEADER MOBILE
		$INDEX7 - MAIN CONTENT
		$INDEX8 - PORTFOLIO
		$INDEX9 - THE TEAM
		$INDEX10 - CONTACT
		$INDEX11 - MEDIA QUERIES : TABLETS
		$INDEX12 - MEDIA QUERIES : SMARTPHONES
		
******************************************************/	







/******************************************************

	$INDEX0 - FONTS AND RESET
	
******************************************************/	



@import url('https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,300i,400,400i,500,500i,700,700i&subset=latin-ext');

body, html { font-size: 100%; 	padding: 0; margin: 0;}

/* Reset */
*,
*:after,
*:before {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}

.clearfix:before,
.clearfix:after {
	content: " ";
	display: table;
}

.clearfix:after {
	clear: both;
}

strong, b {
font-weight:600;
}

/******************************************************

	$INDEX1 - GENERAL
	
******************************************************/	



body {
    font-family: 'Source Sans Pro', sans-serif;
	font-weight: 500;

    -moz-transition: background-color 1s ease-in;
    -webkit-transition: background-color 1s ease-in;
    -o-transition: background-color 1s ease-in;
    -ms-transition: background-color 1s ease-in;
    transition: background-color 1s ease-in;
}


::-webkit-input-placeholder {
    color:#888;
}
:-moz-placeholder {
    color:#888;
}
::-moz-placeholder {
    color:#888;
}
:-ms-input-placeholder {
    color:#888;
}

a {
	text-decoration: none;
}

a:hover {}

#container {
	position: relative;
	
	
}
#container{width:100%;margin:0 auto;}

h1{
	
    font-size: 3em;
	text-align: center;
	margin: 0px 0px;
}

h2{
	
    font-size: 1.8em;
	text-align: center;
	margin: 0px 0px;
}

h2 .entete{
	
    font-size: 1.2em;
	text-align: left;
	margin: 5px 0px;
	border-bottom:2px solid;
}
h3{
	
    font-size: 1.3em;
	text-align: left;
	margin: 5px 0px;
	border-bottom:2px solid;
}

hr{ clear:both;
	border-top: 1px solid;
	border-bottom: 0px;
	margin: 20px auto 30px auto;
	width: 98%;
	
}

.display{
	display: block;
}

.hide{
	display: none;
}

.no-border{
	border: 0px;
}

p{
	
	font-size: 1.2em;
	/*display: inline-block;*/
}

/******************************************************

	$INDEX2 - HEADER COMMON
	
******************************************************/	



header{
    position: fixed;
    top: 0;
    left: 0;
 width:100%;
 border-bottom:6px solid #80a11b;background:#FFF url(../../../images/fondheader.jpg) top left  repeat-x;
    z-index: 1000;
    overflow: hidden;
    -webkit-transition: height 0.3s;
    -moz-transition: height 0.3s;
    transition: height 0.3s;
	-moz-box-shadow: 0px 5px 10px 0px #656565;
-webkit-box-shadow: 0px 5px 10px 0px #656565;
-o-box-shadow: 0px 5px 10px 0px #656565;
box-shadow: 0px 5px 10px 0px #656565;
filter:progid:DXImageTransform.Microsoft.Shadow(color=#656565, Direction=180, Strength=10);
}

header h1{
	
    margin: 0;
}

header h1, header nav a {
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	transition: all 0.2s;	
}


.header1 {float:left; left:0;top:0; width:100%; margin: 0 auto; padding: 0; text-align: left;  }
.header1 .left{width:35%;padding:0;margin:0;float:left;position:relative;background:#FFF url(../../../images/coin.jpg) no-repeat top right;}
.header1 .right{width:65%;padding:0;margin:0;float:left;position:relative;background:#FFF;}
.header1 .haut{width:100%;height:26px;background: #80a11b;}
.haut .txt {text-align:right;height:26px; }
.haut .txt a, .haut .txt a.on {text-align:right;color:#FFF;height:26px;font-size:0.8em; vertical-align:top; line-height:2em;padding-right:10px;}
.header1 #logo { display: block;position: relative;float:left; margin: 0; width:90%;height:90%; font-weight: bold;font-weight: 700; padding:0; }
.header1 #logo img {
	
	max-width:90%;
	height:auto;
	padding:0px;margin:0;
	-webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
}
.header1 #logo,
.header1 #logo a,
.header1 #logo a:hover { background: transparent; text-decoration: none; color: #222; }




/******************************************************

	$INDEX3 - MENU COMMON
	
******************************************************/	




nav a{}

nav a.current, nav a:hover{}





	

/******************************************************

	$INDEX4 - HEADER STANDARD
	
******************************************************/	




.headerstandard {
    height: 125px; 
}


		.headerstandard .headerstandard-inner {
			  width:100%;max-width:1200px;
	
			
			margin: 0 auto;
			padding: 0 ;
		}


		 /* We just have one-lined elements, so we'll center the elements with the line-height set to the height of the header */
		.headerstandard h1,
		.headerstandard nav.menustandard a {
			
		}

		 .headerstandard h1 {
			letter-spacing: 4px;
			font-size: 2em;
			float: left;
		}

		 .headerstandard nav.menustandard{
			display: inline-block;
			position: relative;
			float: right;
			width:100%;padding: 65px 0px;
		}

		.headerstandard nav.menustandard a {
			margin: 0 0 0 8px;
			font-size: 0.8em;
			
			
			
			
		}


nav a{
	color: #000;
}

nav a.current, nav a:hover{
	
	color: #80a11b;
}
nav.menustandard {padding:0; padding-top:0;width:100%;position:absolute;height:280px;}
nav.menustandard ul {padding:0;margin:0;float:right;height:280px; }
nav.menustandard ul li {padding:0px;margin:0;text-align:center;display:inline-block ;height:28px;}
nav.menustandard ul li a { float: left; margin:0 8px 0 8px;padding:0 12px 0 12px;backgroung:#fff;  border-bottom: none; text-decoration: none;font-size:0.8em;color: #000; height:28px;}
nav.menustandard ul li.on a {  color: #000;  border-bottom: 4px solid #e6511e;}
nav.menustandard ul li.actived a {  color: #000;    border-bottom: 4px solid #e6511e;}
nav.menustandard ul li a:focus,
nav.menustandard ul li a:hover,
nav.menustandard ul li a:active,
nav.menustandard ul li a.on{ color: #000;  border-bottom: 4px solid #e6511e; }
.menu2  ul {padding:0;margin:0;float:right;position:absolute;top:28px;left:0;z-index:1000 }
.menu2  ul li{padding:0px;margin:0;text-align:center;display:inline-block ;height:28px;}
.menu2  ul li  a { float: left; margin:0 8px 0 8px;padding:0 12px 0 12px;backgroung:#fff;  border-bottom: none; text-decoration: none;font-size:0.8em;color: #000; height:28px;}
.menu2 ul li.on a {  color: #000;   border-bottom: 4px solid #e6511e;}
.menu2 ul li.actived a {  color: #000;    border-bottom: 4px solid #e6511e;}
.menu2 ul li a:focus,
.menu2 ul li a:hover,
.menu2 ul li a:active,
.menu2 ul li a.on{ color: #000;  border-bottom: 4px solid #e6511e; }
		
		


	
	



	
/******************************************************

	$INDEX7 - MAIN CONTENT
	
******************************************************/	



#main{
	-webkit-transition: background 2s ease;
	-moz-transition: background 2s ease;
	transition: background 2s ease;
}

html, body,
#container,
#main {
	-webkit-box-sizing: border-box;
	-moz-box-sizing:    border-box;
	box-sizing:         border-box;}
.bandeau{background:#d9e3ba   ;height:370px;background-size:cover}
.bandeau h3{width:50%;color:#000;border:none;padding-top:60px;font-size:1.4em;z-index:100}


#main section> .clear{clear: both;
  height: 0; overflow: hidden; /* Précaution pour IE 7 */}

#main section{
    padding: 0px 0 30px 0;
	margin:  0px;
	
}
#main section:first-child{
	margin-top: 0px;
    padding: 125px 0px 0px 0px;
}
#main section{
	margin-bottom: 0;
}

.mobile{
	display: none;
}
.taille{width:80%;margin:0 auto;text-align:center;padding-bottom:40px;max-width:1400px;}
.taille h3{text-align:center;}
#main .home h1, h2{
	
	text-align: center;
}

#main  h1{
	font-size: 2em;
	font-family: 'Source Sans Pro', sans-serif;
	display: block;
	width: 100%;
	text-align:center;
	color:#FFF;
	text-transform:uppercase;
	padding:5px;font-weight:bold;font-weight:700;
}
#main .presta h1{
	background:#80a11b;margin:20px 0 20px 0;padding:10px;
}
#main .vid,#main .vid0,#main .vidcontact{z-index:10;background:#FFF;}
#main .vid0 h1{
	color:#80a11b;border-bottom:5px solid #80a11b;margin-bottom:20px;margin-top:20px
}
.vid0 .col30 b{font-size:1.1em;}
.vid0 .col30 p{margin:0;}
#main .vid h1{
	color:#80a11b;border-bottom:5px solid #80a11b;margin-bottom:20px;margin-top:20px;padding-top:20px;
}
#main .vidcontact h1{
	color:#80a11b;border-bottom:5px solid #80a11b;margin-bottom:20px;margin-top:20px;padding-top:20px;text-transform:none;font-weight:500;font-weight:normal;
}
#main .vidcontact h3{text-align:center;}
#main .vidcontact .art h3{text-align:left;}
#main .vidcontact .art .menu h3{text-align:left;}
.art .texte .carte{width:100%;height:400px;position:relative;}
.texte img{width:100%;height:auto;}
.carte_gis{z-index:10;}
.dessous{position:absolute;top:25%;width:100%;text-align:center;z-index:1;}
#main .actu h1{color:#FFF;border-bottom:5px solid #FFF;background:#b2c676;margin-bottom:20px;padding-top:20px;margin-top:20px}
#main .part h1{color:#80a11b;border-bottom:5px solid #80a11b;margin-bottom:20px;margin-top:0px;padding-top:20px;}
.video-container{
	position: relative;
	padding-bottom: 56.25%;
	
	height: 0;
	overflow: hidden;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

#main .specif h1{
	color:#80a11b;border-bottom:5px solid #80a11b;margin-bottom:20px;margin-top:0px;padding-top:20px;
}

#main .temoignage h1{
	color:#80a11b;border-bottom:5px solid #80a11b;margin-bottom:20px;margin-top:0px;padding-top:20px;text-align:center;
}
#main .cont h1{
	color:#80a11b;border-bottom:5px solid #80a11b;margin-bottom:20px;margin-top:0px;padding-top:20px;
}

.part{background:url(../../../images/fond-part.jpg) no-repeat top center;background-size:cover;}
.part ul{display:inline-block;list-style:none;margin:0;padding:0;position:relative;overflow:hidden;}
.part li{margin:5px 5px 5px 0px;display:inline-block;}
.part .col30 img{border-bottom:none;}
.part p{font-size:0.9em;}


.specif ul{display:inline-block;list-style:none;margin:0;padding:0;position:relative;overflow:hidden;}
.specif li{margin:5px 20px 5px 0px;display:inline-block;}
.specif .col30 img{border-bottom:none;}
.specif .col30  p{text-align:left;}
.specif .col30 h3{color:#80a11b;border-bottom:2px solid #80a11b;margin-bottom:5px;min-height:30px;}
.specif p{font-size:0.95em;}
.actu{background:#b2c676;text-align:center;margin:0}
.temoignage{background:#E8E9EA;text-align:center;margin:0}
.part{text-align:center;margin:0}
.presta{margin:0}
.cont{margin:0}
.vid0{margin:0}


#main .home h2{
	margin-top: 0px;
    font-family: 'Source Sans Pro', sans-serif;
	font-size: 1.8em;
	
}
.contenu{position:relative;text-align:center;width:100%;height:auto!important;overflow:hidden;padding-top:20px;}
.contenu1{position:relative;text-align:center;width:100%;height:auto!important;overflow:hidden;}
.vid0 .contenu1{position:relative;text-align:left;width:100%;height:auto!important;overflow:hidden;}
.cont .contenu1{position:relative;text-align:left;width:100%;height:auto!important;overflow:hidden;}
.cont h2{font-size:1.1em;text-align:left;}
.spip_documents_left { float: left; margin-right: 1.5em; }

.boite {
  position: relative;
  z-index: 1;
  padding: 0;
  margin: 0;
  -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
}
.fusion-flip-box .flip-box-inner-wrapper {
  position: relative;
  margin-bottom: 15px;
  -webkit-transform: translateZ(0);
}
.boite .front,
.boite .back {
  -webkit-perspective: 600px;
  -moz-perspective: 600px;
  -ms-perspective: 600px;
  perspective: 600px;
    -webkit-backface-visibility: hidden;
  -moz-backface-visibility: hidden;
  -o-backface-visibility: hidden;
  backface-visibility: hidden;
  -moz-background-clip: padding;
  -webkit-background-clip: padding-box;
  background-clip: padding-box;
  -webkit-transform-style: preserve-3d;
  -moz-transform-style: preserve-3d;
  -ms-transform-style: preserve-3d;
  transform-style: preserve-3d;
  webkit-transition: all 0.4s cubic-bezier(0.2, 0.85, 0.4, 1.275) !important;
  -moz-transition: all 0.4s cubic-bezier(0.2, 0.85, 0.4, 1.275) !important;
  -o-transition: all 0.4s cubic-bezier(0.2, 0.85, 0.4, 1.275) !important;
  transition: all 0.4s cubic-bezier(0.2, 0.85, 0.4, 1.275) !important;
}
.boite .front {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  transform: rotateY(0deg);
  z-index: 10;
}
.boite .back {
  position: absolute;
  left: 0;
  top: 0;
  height: auto;
  width: 100%;
  -webkit-transform: rotateY(-180deg);
  -moz-transform: rotateY(-180deg);
  -ms-transform: rotateY(-180deg);
  -o-transform: rotateY(-180deg);
  transform: rotateY(-180deg);
  z-index: -1;
}

.boite.hover .back, .boite:hover .back, .boite:focus .back, .boite:active .back {
  -webkit-transform: rotateY(0deg);
  -moz-transform: rotateY(0deg);
  -ms-transform: rotateY(0deg);
  -o-transform: rotateY(0deg);
  transform: rotateY(0deg);
  z-index: 10;
}
.boite.hover .front,.boite:hover .front, .boite:focus .front, .boite:active .front {
  z-index: -1;
  -webkit-transform: rotateY(180deg);
  -moz-transform: rotateY(180deg);
  -ms-transform: rotateY(180deg);
  -o-transform: rotateY(180deg);
  transform: rotateY(180deg);
}
/*.boite.hover .front .flip-box-grafix i:before {
  display: none;
}*/


.boite{width:28%;margin:0 8% 20px 0;float:left;position:relative;background:#F4F4F5;padding:10px;


height:350px;


	position: relative;}
	
/* hide back of pane during swap */
.front, .back {


	position: absolute;
	top: 0;
	left: 0;
}

/* front pane, placed above back */
.front {
	background:#F4F4F5;z-index:2;min-height:350px;

}

/* back, initially hidden pane */
.back {background:#80a11b;z-index:1;min-height:350px;
	
}



/* flip the pane when hovered 
	 .boite:hover, .boite:focus, .boite:active{
		
	-moz-transform: rotateY(180deg);
	-o-transform: rotateY(180deg);
	-ms-transform: rotateY(180deg);
	transform: rotateY(180deg);
	
	}*/
	
.boite:nth-child(2) .back{background:#5fc1da}
.boite:nth-child(2) .back p:last-child{font-size:0.95em;color:#fff;border:1px solid #FFF;padding:5px;background:#5fc1da;}
	
.boite:last-child{width:28%;margin:0;float:left;position:relative;padding:10px;}
.boite .front h2{font-size:1.8em;text-transform:uppercase;color:#80a11b;text-align:center;border-bottom:5px solid #DD3C1B;font-weight:bold;font-weight:700;padding:0px 0 10px 0;margin:0 20px 40px 20px}
.boite .back h2{font-size:1.8em;text-transform:uppercase;color:#FFF;text-align:center;border-bottom:5px solid #DD3C1B;font-weight:bold;font-weight:700;padding:0px 0 10px 0;margin:0 20px 20px 20px}
.boite .back p{font-size:0.95em;color:#fff;}
.boite .back p:hover{font-size:0.95em;color:#fff;}
.boite .back p:last-child{font-size:0.95em;color:#fff;border:1px solid #FFF;padding:5px;background:#80a11b;}
.boite .back p:last-child:hover{font-size:0.95em;color:#FFF;border:1px solid #FFF;padding:5px;}
.boite .back a:hover{color:#FFF;}

 .front, .back {
	width:100%;height:100%;padding:20px;text-align:center;
}


.presdevh h4 a{position:fixed;top:360px;border:none;margin:0;padding:0px;right:-130px; text-align:right;z-index:80;
-webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
}

.presdevh h4 a:hover {-ms-transform: translate(-130px, 0); /* IE 9 */
    -webkit-transform: translate(-130px, 0); /* Safari */
    transform: translate(-130px, 0);
}


 


.presde h4 a{position:fixed;top:430px;border:none;margin:0;padding:0px;right:-130px; text-align:right;z-index:100;
-webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;
		 }

.presde h4 a:hover {-ms-transform: translate(-130px, 0); /* IE 9 */
    -webkit-transform: translate(-130px, 0); /* Safari */
    transform: translate(-130px, 0);
}






.quote{
	background: rgba(7, 43, 50, 0.6) url('../images/quote.png') 15px 15px no-repeat;
	padding: 20px 20px 20px 80px;
}	



.scroll {
	position: fixed;
	bottom: 10px;
	right: 10%;
    height: 80px;
    width: 80px;
    cursor: pointer;
    background: url("../images/scroll.png") no-repeat scroll center top transparent;

		-webkit-transition: all .3s ease-out;
		-moz-transition: all .3s ease-out;
		-ms-transition: all .3s ease-out; 
		-o-transition:  all .3s ease-out;  
		transition: all .3s ease-out;
}

.scroll:hover{
	background: url("../images/scroll.png") bottom center no-repeat;
}


.col50{
	display: inline-block;
	width: 48%;
	margin-top: 1%;
	margin-bottom: 1%;
}
.left{ float: left; }
.right{ float: right; }
.imag{position:relative;width:100%;height:auto;overflow:hidden;
}
.imag img{max-width: 100%;
	height: auto;
	-webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;}
	
.imag img:hover {
	-webkit-transform: scale(1.1, 1.1);
	-moz-transform: scale(1.1, 1.1);
	-o-transform: scale(1.1, 1.1);
	-ms-transform: scale(1.1, 1.1);
	transform: scale(1.1, 1.1);
	}

.temoignage .contenu1{
	-webkit-transition: all 1s ease;
     -moz-transition: all 1s ease;
       -o-transition: all 1s ease;
      -ms-transition: all 1s ease;
          transition: all 1s ease;}

.temoignage .contenu1{opacity:0;top:500px; 
}
		  
		  

.col30{
	width: 28%;margin-right:8%;background:#FFF;min-height:300px;position:relative;
}
.temoignage .col30{
	width: 28%;margin-right:8%;background:#FFF;min-height:400px;position:relative;
}
.actu .col30{
	width: 28%;margin-right:8%;background:#FFF;min-height:600px;position:relative;
}
.actu .col30 h3{
	font-size:1.2em;min-height:80px;text-align:center;margin:10px;border-bottom:none;font-weight:bold;font-weight:700;
}
.col30:last-child{margin-right:0;}
.col30:nth-child(3){margin-right:0;}
.col30 h3{font-size:1.2em;min-height:60px;text-align:center;margin:10px;border-bottom:none;font-weight:bold;font-weight:700}
.col30 img{border-bottom:3px solid #DD3C1B;}
.col30 p{font-size:0.90em;margin:20px;margin-top:10px;}
.vid0 .col30 p{font-size:0.95em;margin:20px;margin-top:10px;}

.vid0  .col30 p:last-child{position:relative;float:right;bottom:0px;right:20px;text-align:right;font-size:0.90em;margin:20px;}
.col30 p:last-child{position:absolute;float:right;bottom:0px;right:20px;text-align:right;font-size:0.90em;margin:20px;}
.col60{width:63.2%;}
.col100{width:100%;}
.col25{
	width: 21%;margin-right:5%;background:#FFF;min-height:300px;position:relative;
}
.col25:last-child{margin-right:0;}
.col25 h3{font-size:1em;min-height:30px;color:#80a11b;text-align:center;margin:0px;margin-bottom:20px;margin-top:10px;font-weight:bold;font-weight:700;border-bottom:3px solid #80a11b}

.col25 p{font-size:0.90em;margin:0px;margin-top:0px;}

.voir{float:right;bottom:10px;right:20px;text-align:right;font-size:0.95em;padding:20px;height:20px;}



.col55{
	width:55%;margin-right:5%;font-size:0.90em;
}
.col35{width:40%;margin-right:0;}

.progress {
    height: 50px;

	border-radius: 3px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;

    margin-bottom: 10px;
}

.progress .bar {
    height: 50px;
	line-height: 50px;
	text-transform: uppercase;
	font-size: 1.5em;
	text-indent: 20px;
	text-align: left;
	border-radius: 3px 0px 0px 3px;
	-moz-border-radius: 3px 0px 0px 3p;
	-webkit-border-radius: 3px 0px 0px 3p;
}

/*rubriquesbackground:#E8E9EA*/
.rub{text-align:left;}
#main .rub  h1{
	color:#80a11b;border-bottom:5px solid #80a11b;margin-bottom:20px;margin-top:20px
}
.art{position:relative;text-align:left;width:100%;height:auto!important;overflow:hidden;background:#E8E9EA;background-size:cover;padding:30px;margin:30px 0 30px 0;}
.art h2{text-align:left;color:#80a11b;font-size:1.3em;text-transform:uppercase;font-weight:bold;background:url('../../images/Pictocubevert.png')no-repeat left center;padding-left:70px;min-height:60px;padding-top:10px;margin-bottom:10px;}
.art h3{text-align:left;color:#80a11b;font-size:1.1em;text-transform:uppercase;text-decoration:none;border:none;background:url('../../images/Picto+.png')no-repeat left center;padding-left:50px;min-height:35px}
.art .menu h3{text-align:left;color:#80a11b;font-size:1.1em;text-transform:uppercase;text-decoration:none;border:none;background:url('../../images/Picto-DocJoint.png')no-repeat left center;padding-left:50px;min-height:35px}

.art .soustitre{font-size:1.2em;min-height:55px}
.art .descriptif{background:#FFF;padding:20px;position:relative;float:left;width:100%;margin-bottom:20px;}
.art .descriptif .spip_logos{margin: 10px 20px 10px 0;position:relative;float:left;z-index:100;}
.art .descriptif p:first-child{background:url('../../images/fleche.png')no-repeat left center;padding-left:35px;position:relative;margin-top:0;margin-bottom:0}
.art .chapo{font-weight:700;font-weight:bold;}
.art .texte{font-size:0.9em;}
.art hr{
	border-top:#80a11b 2px solid;
	border-bottom: 0px;
	margin: 20px auto 20px auto;
	width: 100%;
	
}

.art .ps{width:100%;}
.art .ps p{font-size:1.1em}
.art .spip_logos { float: left; margin: 0 20px 10px 0; padding: 0; border: none; z-index:100;}



.spip_documents { margin-bottom: 1.5em; padding: 0; background: none; }
.spip_document_290 { margin-bottom: 0.5em; padding: 0; background: none; }
.spip_documents,
.spip_documents_center,
.spip_doc_titre,
.spip_doc_descriptif { margin-right: auto; margin-left: auto; text-align: center; }
.spip_documents_center { clear: both; display: block; width: 100%; }
.spip_documents_left { float: left; margin-right: 2em; }
.spip_documents_right { float: right; margin-left: 1.5em; }
.spip_doc_titre {}
.spip_doc_descriptif { clear: both; }
form{width:50%;margin:20px auto;}
.editer{padding-top:5px;}
.fieldset, fieldset{border:none;
-webkit-margin-start: 0;
    -webkit-margin-end: 0;
    -webkit-padding-before: 0;
    -webkit-padding-start: 0;
    -webkit-padding-end: 0;
    -webkit-padding-after: 0.625em;}
legend{font-weight:bold;margin:20px 0 20px 0;
text-transform:uppercase;text-align:center;width:100%}

.formulaire_spip { margin-bottom: 0em; }
.formulaire_spip .bloc1{width:100%;}
.formulaire_spip .bloc1 li{width:40%;margin-right:7%;display:inline-table;}
.formulaire_spip .bloc1 li.saisie_input label{margin-bottom:0;padding-bottom:0;}
.formulaire_spip .bloc1 li.saisie_input input{margin-top:0;padding-top:0;}

.formulaire_construire_formulaire li.fieldset h3.legend{
	margin-bottom:0;
}
input,textarea,select,button { font-family: inherit; font-size: 80%; font-weight: inherit; line-height: inherit; }

.formulaire_construire_formulaire li.fieldset h3.legend{
	margin-bottom:0;
}
.art1{position:relative;text-align:left;width:100%;height:auto!important;overflow:hidden;background:#E8E9EA;padding:30px;margin:30px 0 30px 0;}
.art1 h2{text-align:left;color:#80a11b;font-size:1.3em;text-transform:uppercase;font-weight:700;font-weight:bold;background:url('../../images/Pictocubevert.png')no-repeat left center;padding-left:55px;min-height:50px;padding-top:10px;margin-bottom:10px;}
.art1 .spip_logos { float: left; margin: 0 20px 10px 0; padding: 0; border: none; z-index:100;}
.art1 h3{text-align:left;color:#80a11b;font-size:1.1em;text-transform:uppercase;text-decoration:none;border:none;background:url('../../images/Picto+.png')no-repeat left center;padding-left:50px;height:min-35px}
.art1 .menu h3{text-align:left;color:#80a11b;font-size:1.1em;text-transform:uppercase;text-decoration:none;border:none;background:url('../../images/Picto-DocJoint.png')no-repeat left center;padding-left:50px;height:min-35px}
.art1 hr{
	border-top:#80a11b 2px solid;
	border-bottom: 0px;
	margin: 20px auto 20px auto;
	width: 100%;
	
}
.art1 .descriptif{background:#FFF;padding:20px;}

.artim{
	float:left;
	display:inline;
	margin:0 20px 10px 0;
	
}

.folio{
	position:relative;
	float:left;
	padding:8px;	
	}
.folioref{
	position:relative;
	float:left;
	padding:8px;
	width: 95%;float:left;
	left:0;
	}
.legende{
	color:#555;
	font-size:10px;
	line-height:10px;
	width:120px;
	min-height:50px;
	text-transform:uppercase;
	
}



svg{vertical-align:top;
}
#map{vertical-align:top;}

footer{font-size:0.8em;background:#786854;color:#fff;padding:10px 10%;}
footer .colophon { float: left; width: 100%; margin: 0; }
footer .generator { float: right; }
footer .generator a { padding: 0; background: none;color:#fff; }
footer .colophon a { padding: 0; background: none;color:#fff;text-decoration:underline; }
footer  a { padding: 0; background: none;color:#fff;text-decoration:none; }
footer  a:hover { padding: 0; background: none;color:#fff;text-decoration:underline; }

/*
** common
*/

.none {
	display: none;
}

#back{
	position:fixed;
	bottom:0;
	right:0;
	visibility:hidden;
}
/*
** loader
*/

.loader {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 999;
	background: #f7f7f7;
}


.cycle-slideshow { width: 1200px;float:right;height:370px;display: block;z-index:0

}
.cycle-slideshow img { max-width:100%;max-height:100%;
	width:100%;
	height:100%;
	 }


/* overlay */

 .cycle-overlay { 
  
    position: absolute;  z-index: 600;width:80%;color:#000;border:none;padding-top:60px;padding-left:10%;z-index:100
}




.disabled { opacity: .5; filter:alpha(opacity=50); }


.gallery-info {
	float:left;
	padding: 5em 0;
	overflow: hidden;
	width:98%;
}
 .gallery-info .bas {
	text-transform: uppercase;
	float:right;
	right:0;
	font-size:0.85em;
}

/* pager */
.cycle-pager { 
    text-align: right; width: 100%; z-index: 999; position: absolute;top: 90%;padding-right:5%; overflow: hidden;
}
.cycle-pager span { 
    font-family: arial; font-size: 50px; width: 20px; height: 20px; 
    display: inline-block; color: #fff; cursor: pointer; 
}
.cycle-pager span.cycle-pager-active { color: #e6511e;}
.cycle-pager > * { cursor: pointer;}
#btsnav{float:left;position:relative;width:700px;}
#prev{margin-bottom:5px;margin-top:10px;cursor: pointer;width:50%;float:left;position: relative;}
#next{margin-bottom:5px;margin-top:10px;cursor: pointer;width:45%;float:left;position: relative; text-align:right;}


/******************************************************

	$INDEX11 - MEDIA QUERIES : TABLETS
	
******************************************************/	
@media screen and (max-width: 1200px ) {

.header1 .right{width:100%;padding:0;margin:0;float:left;position:absolute;background:#FFF;}
.header1 .left{width:35%;padding:0;margin:0;float:left;position:absolute;background:#FFF url(../../../images/coin.jpg) no-repeat top right;z-index:10}
.haut .txt {text-align:right;padding-right:20px;height:26px; }

.bandeau{background:#d9e3ba   ;height:314px;background-size:cover}
.bandeau h3{width:50%;color:#000;border:none;padding-top:30px;font-size:1.2em;z-index:100}

.cycle-slideshow { width: 1020px;float:right;height:314px;display: block;

}
.cycle-slideshow img { max-width:100%;max-height:100%;
	width:100%;
	height:100%;
	 }


/* overlay */

 .cycle-overlay { 
  
    position: absolute;  z-index: 600;width:80%;color:#000;border:none;padding-top:30px;padding-left:10%;z-index:100
}
.boite .front h2{font-size:1.5em;text-transform:uppercase;color:#80a11b;text-align:center;border-bottom:5px solid #DD3C1B;font-weight:bold;font-weight:700;padding:0px 0 10px 0;margin:0 10px 40px 10px}
.boite .back h2{font-size:1.5em;text-transform:uppercase;color:#FFF;text-align:center;border-bottom:5px solid #DD3C1B;font-weight:bold;font-weight:700;padding:0px 0 10px 0;margin:0 10px 20px 10px}
.boite{width:30%;margin:0 5% 20px 0;float:left;position:relative;background:#F4F4F5;padding:5px;transition: 0.6s;height:380px;
	transform-style: preserve-3d;position: relative;}
.spip_documents_left { float: none; margin:0 4em 2em 4em; }
.col30{
	width: 30%;margin-right:5%;background:#FFF;min-height:300px;position:relative;
}
.temoignage .col30{
	width: 30%;margin-right:5%;background:#FFF;min-height:400px;position:relative;
}
.actu .col30{
	width: 30%;margin-right:5%;background:#FFF;min-height:530px;position:relative;
}
}

/* TABLETS */
@media screen and (max-width: 1050px ) {
     
   


.header1 .right{width:100%;padding:0;margin:0;float:left;position:absolute;background:#FFF;}
.header1 .left{width:30%;padding:0;margin:0;float:left;position:absolute;background:#FFF url(../../../images/coin.jpg) no-repeat top right;z-index:10}
.bandeau{background:#d9e3ba   ;height:314px;background-size:cover}
.bandeau h3{width:50%;color:#000;border:none;padding-top:30px;font-size:1.2em;z-index:100}

.cycle-slideshow { width: 1020px;float:right;height:314px;display: block;

}
.cycle-slideshow img { max-width:100%;max-height:100%;
	width:100%;
	height:100%;
	 }


/* overlay */

 .cycle-overlay { 
  
    position: absolute;  z-index: 600;width:80%;color:#000;border:none;padding-top:30px;padding-left:10%;z-index:100
}



	#main section{padding:0 0 10px 0;}
	
	#main section:first-child{
		padding: 120px 0px 0px 0px;
	}
		
		
	
	#main h1{
		font-size: 2em;
		padding-top: 20px;
		margin-top: 20px;
	}
	#main h2{
		font-size: 1.4em;
	}
	#main hr{
		margin-top: 10px;
		margin-bottom: 10px;
	}
			
		
	#main .home h1{
		font-size: 1em;
	
		line-height: 0.8em;
		
		margin: 20px auto;
		
	}
	
	footer{font-size:0.8em;background:#786854;color:#fff;padding:10px 5%;}

	.taille{width:90%;margin:0 auto;}
	
	.scroll {
		position: fixed;
		bottom: 10px;
		right: 0px;
	}
	 
	.col50{
		display: inline-block;
		width: 100%;
		margin-top: 1%;
		margin-bottom: 1%;
	}
	.col25{width:45%;min-height:350px;margin-bottom:5px;padding:5px}
	
	
.col30{
	width: 31%;margin-right:3%;background:#FFF;min-height:300px;position:relative;
}
.vid0 .col30{
	width: 31%;margin-right:3%;background:#FFF;min-height:200px;position:relative;padding:5px;
}
.temoignage .col30{
	width: 31%;margin-right:3%;background:#FFF;min-height:400px;position:relative;
}
.actu .col30{
	width: 31%;margin-right:3%;background:#FFF;min-height:530px;position:relative;
}
	.col30  h3{font-size:0.98em}
	.col30:last-child{margin-right:0}
	.col55{width: 100%;}
	.col35{width: 50%;margin:0 auto;}
	.right{text-align:left;}
form{width:90%;margin:20px auto;}
	
}



/******************************************************

	$INDEX6 - HEADER MOBILE
	
******************************************************/	




header .headermobile {
	position: fixed;
	top: 0px;
	display: block;
	width: auto;
	
	margin: 10px auto 10px auto;
	padding: 10px;
	z-index: 10000;
	display: none;
}

header.headermobile h1 {
			
			text-align: left;
			font-size: 1em;
			padding:5px;
			
		}

header.headermobile button {
			position: absolute;
			float: right;
			right:20px;
			display: block;
			width: 40px;
			height: 40px;
			border: none;
			cursor: pointer;
			margin: 10px 10px 10px 10px;
		
		}
.menumobile ul {list-style-type: none; }
.menumobile ul li{padding:2px;text-align:right;}
.menumobile a {
					display: block;
					
					font-size: 1em;
					
					width: 100%;
					text-align: right;
					color:#000;
					
				}

				/* Orientation-dependent styles for the content of the menu */

				.menumobile {
					width: 300px;
					height: 100%;
					background:#FFF;
					top: 0;
					padding-right:20px;
				}

				





	
	



/******************************************************

	$INDEX12 - MEDIA QUERIES : SMARTPHONES
	
******************************************************/	






/* SMARTPHONES */
@media screen and (max-width: 800px ) {
    .headerstandard {
        display: none;
    }
	header{ border-bottom:2px solid #80a11b;}
	
    header.headermobile  {
        display: block;background:#FFF;margin:0; padding:0;
    }
	
	.menumobile{
		display: none;width:100%;
		
	}
	.artim{margin-right:5px;}
	 
.bandeau{background:#d9e3ba   ;height:236px;margin-top:50px;z-index:0;}
.bandeau h3{width:50%;color:#000;border:none;padding-top:5px;font-size:1em;z-index:100;line-height:1em;
text-shadow:1px 1px #d9e3ba}

.cycle-slideshow { width: 767px;float:right;height:236px;display: block;

}
.cycle-slideshow img { max-width:100%;max-height:100%;
	width:100%;
	height:100%;
	 }


/* overlay */

 .cycle-overlay { 
  
    position: absolute;  z-index: 600;width:80%;color:#000;border:none;padding-top:5px;padding-left:5%;z-index:100
}
.haut{background:none;}
	#main section{
		margin: 0px;padding:0px 0px 10px 0px;
			display: block;
	}
	#main section:first-child{
		margin-top: 0px;
		padding: 20px 0px 0px 0px;
	}
			
	
	#main h1{
		font-size: 1.3em;
		padding-top: 0px;
		margin-top: 0px;
	}
	#main h2{
		font-size: 1.1em;
	}
	
	
	#main .home h1{
		width: 100%;
		font-size: 1.1em;
		padding-top: 140px;
		line-height: 0.8em;
		-
		margin: 20px auto;
	}
	
	section h1{font-size:2em;width:100%;margin-left:0;padding-left:0;text-align:center;}
	
	
 .boite{width:100%;height:380px}
 .boite .front{height:380px}
 .boite:last-child{width:100%}
 .boite .back p{width:100%;font-size:0.85em;}
 .boite .back p:last-child{margin-top:50px;}

 
	.scroll {
		position: fixed;
		bottom: 20px;
		right: 10px;
		float: right;
		height: 20px;
		width: 20px;
		background-image: url('../images/scroll-small.png');
		background-position: 0px 0px;
		z-index: 99999;
	} 
	.scroll:hover {
		background-image: url('../images/scroll-small.png');
		background-position: 0px -20px;
	}
	.col50{
		display: inline-block;
		width: 100%;
		margin-top: 1%;
		margin-bottom: 1%;
	}
	.col25{width:100%;min-height:35px;margin-bottom:20px;}
	.left{float:none;}
	.right{float:none;}
.col30{
	width:100%;margin-bottom:10px;
}
.col60{
	width:100%;margin-bottom:10px;
}

.vid0 .col30{
	width: 100%;margin-right:0%;background:#FFF;min-height:200px;position:relative;padding:5px;
}
.temoignage .col30{
	width:100%;margin-bottom:10px;
}
.actu .col30{
	width:100%;margin-bottom:10px;
}
	.col30  h3{font-size:1em;padding-top:20px;}
	.col55{width: 100%;margin-bottom:10px;}
	.col35{width: 90%;margin:0 auto;}
	
form{width:90%;margin:5% auto;}
.spip_documents_left { float: none; text-align:center; }
.spip_documents_right { float: none; text-align:center; }
.presdevh h4 a{position:fixed;top:200px;border:none;margin:0;padding:0px;right:-130px; text-align:right;
}
.presdevh h4 a:hover {-ms-transform: translate(-130px, 0); /* IE 9 */
    -webkit-transform: translate(-103px, 0); /* Safari */
    transform: translate(-103px, 0);
}

.presde h4 a{position:fixed;top:270px;border:none;margin:0;padding:0px;right:-130px; text-align:right;
}
.presde h4 a:hover {-ms-transform: translate(-130px, 0); /* IE 9 */
    -webkit-transform: translate(-130px, 0); /* Safari */
    transform: translate(-130px, 0);
}

}
@media screen and (max-width: 650px ) {
    .headerstandard {
        display: none;
    }
	header{ border-bottom:2px solid #80a11b;}
	
    header.headermobile  {
        display: block;background:#FFF;margin:0; padding:0;
    }
	
	.menumobile{
		display: none;width:100%;
		
	}
	.artim{margin-right:5px;}
	 
.bandeau{background:#d9e3ba   ;height:200px;margin-top:50px;}
.bandeau h3{width:80%;color:#000;border:none;padding-top:10px;font-size:0.9em;z-index:100}

.cycle-slideshow { width: 650px;float:right;height:200px;display: block;

}
.cycle-slideshow img { max-width:100%;max-height:100%;
	width:100%;
	height:100%;
	 }


/* overlay */

 .cycle-overlay { 
  
    position: absolute;  z-index: 600;width:80%;color:#000;border:none;padding-top:10px;padding-left:5%;z-index:100
}
.haut{background:none;}
	#main section{
		margin: 0px;padding:0px 0px 10px 0px;
			display: block;
	}
	#main section:first-child{
		margin-top: 0px;
		padding: 20px 0px 0px 0px;
	}
			
	
	#main h1{
		font-size: 1.3em;
		padding-top: 0px;
		margin-top: 0px;
	}
	#main h2{
		font-size: 1.1em;
	}
	
	
	#main .home h1{
		width: 100%;
		font-size: 1.1em;
		padding-top: 140px;
		line-height: 0.8em;
		-
		margin: 20px auto;
	}
	
	section h1{font-size:2em;width:100%;margin-left:0;padding-left:0;text-align:center;}
	
	
 .boite{width:100%}
 .boite:last-child{width:100%}
 .boite .back p{width:100%;}
 .boite .back p:last-child{margin-top:50px;}

 
	.scroll {
		position: fixed;
		bottom: 20px;
		right: 10px;
		float: right;
		height: 20px;
		width: 20px;
		background-image: url('../images/scroll-small.png');
		background-position: 0px 0px;
		z-index: 99999;
	} 
	.scroll:hover {
		background-image: url('../images/scroll-small.png');
		background-position: 0px -20px;
	}
	.col50{
		display: inline-block;
		width: 100%;
		margin-top: 1%;
		margin-bottom: 1%;
	}
	.col25{width:100%;min-height:35px;margin-bottom:20px;}
	.left{float:none;}
	.right{float:none;}
.col30{
	width:100%;margin-bottom:10px;
}
.col60{
	width:100%;margin-bottom:10px;
}

.temoignage .col30{
	width:100%;margin-bottom:10px;
}
.actu .col30{
	width:100%;margin-bottom:10px;
}
	.col30  h3{font-size:1em;padding-top:20px;}
	.col55{width: 100%;margin-bottom:10px;}
	.col35{width: 90%;margin:0 auto;}
	
form{width:90%;margin:5% auto;}
.spip_documents_left { float: none; text-align:center;width:100%;margin:0 auto!important; }
.spip_documents_right { float: none; text-align:center;margin:0 auto!important; }

.presdevh h4 a{position:fixed;top:80px;border:none;margin:0;padding:0px;right:-130px; text-align:right;
}
.presdevh h4 a:hover {-ms-transform: translate(-130px, 0); /* IE 9 */
    -webkit-transform: translate(-130px, 0); /* Safari */
    transform: translate(-130px, 0);
}.presde h4 a{position:fixed;top:150px;border:none;margin:0;padding:0px;right:-130px; text-align:right;
}
.presde h4 a:hover {-ms-transform: translate(-130px, 0); /* IE 9 */
    -webkit-transform: translate(-130px, 0); /* Safari */
    transform: translate(-130px, 0);
}

}

@media screen and (max-width: 480px ) {
	p{font-size:0.9em}
    .headerstandard {
        display: none;
    }
	header{ border-bottom:2px solid #80a11b;}
	
    header.headermobile  {
        display: block;background:#FFF;margin:0; padding:0;
    }
	
	.menumobile{
		display: none;width:100%;
		
	}
	.artim{margin-right:5px;}
	 
.bandeau{background:#d9e3ba   ;height:141px;margin-top:50px;}
.bandeau h3{width:80%;color:#000;border:none;padding-top:10px;font-size:0.9em;z-index:100}

.cycle-slideshow { width: 460px;float:right;height:141px;display: block;

}
.cycle-slideshow img { max-width:100%;max-height:100%;
	width:100%;
	height:100%;
	 }


/* overlay */

 .cycle-overlay { 
  
    position: absolute;  z-index: 600;width:80%;color:#000;border:none;padding-top:30px;padding-left:2%;z-index:100
}
.haut{background:none;}
	#main section{
		margin: 0px;padding:0px 0px 10px 0px;
			display: block;
	}
	#main section:first-child{
		margin-top: 0px;
		padding: 20px 0px 0px 0px;
	}
			
	
	#main h1{
		font-size: 1.3em;
		padding-top: 0px;
		margin-top: 0px;
	}
	#main h2{
		font-size: 1.1em;
	}
	
	
	#main .home h1{
		width: 100%;
		font-size: 1.1em;
		padding-top: 140px;
		line-height: 0.8em;
		-
		margin: 20px auto;
	}
	
	section h1{font-size:2em;width:100%;margin-left:0;padding-left:0;text-align:center;}
	
	
 .boite{width:100%}
 .boite:last-child{width:100%}
 .boite .back p{width:100%;}
 .boite .back p:last-child{margin-top:50px;}

 
	.scroll {
		position: fixed;
		bottom: 20px;
		right: 10px;
		float: right;
		height: 20px;
		width: 20px;
		background-image: url('../images/scroll-small.png');
		background-position: 0px 0px;
		z-index: 99999;
	} 
	.scroll:hover {
		background-image: url('../images/scroll-small.png');
		background-position: 0px -20px;
	}
	.col50{
		display: inline-block;
		width: 100%;
		margin-top: 1%;
		margin-bottom: 1%;
	}
	.col25{width:100%;min-height:35px;margin-bottom:30px;}
	.left{float:none;}
	.right{float:none;}
.col30{
	width:100%;margin-bottom:10px;
}
.col60{
	width:100%;margin-bottom:10px;
}

.temoignage .col30{
	width:100%;margin-bottom:10px;
}
.actu .col30{
	width:100%;margin-bottom:10px;
}
	.col30  h3{font-size:1em;padding-top:20px;}
	.col55{width: 100%;margin-bottom:10px;}
	.col35{width: 90%;margin:0 auto;}
	
form{width:90%;margin:5% auto;}
.art .descriptif .spip_logos {
margin: 0 50px 30px 0;
position: relative;
float: none;z-index:100;
}
.art .descriptif {
background: white;
padding: 5px;
position: relative;
float: left;
width: 100%;
margin-bottom: 20px;
}
.art .descriptif p:first-child{background:url('../../images/fleche.png')no-repeat left center;padding-left:20px;position:relative;margin-top:0;margin-bottom:0}
.art .descriptif .spip_logo img{padding:0px;;margin:0;max-width:200px;height:auto;}

.spip_documents_left { float: none; text-align:center; }
.spip_documents_right { float: none; text-align:center; }
.spip_documents_right img{max-width:280px;height:auto;padding:5px}
.spip_documents_left img{max-width:280px;height:auto;padding:5px}

.presdevh h4 a{position:fixed;top:120px;border:none;margin:0;padding:0px;right:-130px; text-align:right;
}

.presdevh h4 a:hover {-ms-transform: translate(-130px, 0); /* IE 9 */
    -webkit-transform: translate(-130px, 0); /* Safari */
    transform: translate(-130px, 0);
}

.presde h4 a{position:fixed;top:180px;border:none;margin:0;padding:0px;right:-130px; text-align:right;
}
.presde h4 a:hover {-ms-transform: translate(-130px, 0); /* IE 9 */
    -webkit-transform: translate(-130px, 0); /* Safari */
    transform: translate(-130px, 0);
}

}