/* Bannière */

header {
	//margin: 10px !important;
	//background-color:rgba(255,255,255,0);
	height:300px;
	//line-height:300px;
	text-align:center;
	background-attachment: local;
	background-image:url("../../site/file/source/Elements-site/banniere1200.png"),url("../../site/file/source/Elements-site/feuilles.gif"),url("../../site/file/source/Elements-site/feuilles.gif");
	//background-color:rgba(255,255,255,0);
	background-position:center center,43% 175px,49% 190px;
	//background-position-x: center, left,right 10%;
	//background-position-y: center,bottom,bottom 5%;
	background-repeat:no-repeat,no-repeat,no-repeat;
	background-color:transparent !important;
	background-size: contain,80px,60px;
}
body {
background-color:rgba(255,255,255,1);
//background: linear-gradient(to bottom, blue, white 80%, orange);
background-image:/*url("../../site/file/source/Elements-site/blesdflou.png"),*/url("../../site/file/source/Elements-site/fondarabesque.png");
background-position:/*center center ,*/center center;
background-size: /*contain, */100% auto;
background-position:/*bottom,*/auto;
background-attachment:fixed;
background-repeat:/*no-repeat,*/ repeat;
font-family:"Roboto",sans-serif;
}

h1,h2,h3,h4,h5,h6{
color:rgba(28,22,147,1);
font-family:"Roboto",sans-serif;
font-weight:normal;
text-transform:none;
}

img {
	
	box-shadow: 4px 4px 4px black;
}

h1 {
margin-left:5%;
color:black;
//padding:0.5% 2%;
//width:150px;
//height:40px;
//font-size: 1.5em;
//font: italic  bolder 1.5em cursive;
font: italic  bolder 1.2em roboto;
//text-decoration: underline;
/*	background-image:/*url("../../site/file/source/Elements-site/panneau.png"),*/url("../../site/file/source/Elements-site/14493410.gif");
	background-position:/*left, */left left;
	background-repeat:/*no-repeat,*/no-repeat;
	background-size: /*100%*/,100%;*/
}

h2 {
//margin-top:6%;
color:red;
//font-size: 1.5em;
font: italic  bolder 1.1em roboto;
//text-decoration: underline;
}

h3 {
//margin-top:6%;
color:blue;
//font-size: 1.2em;
font: italic  bolder 1.2em roboto;
//text-decoration: underline;
}

h4 {
//margin-top:6%;
color:black;
//font-size: 1.5em;
font: italic  bolder 0.8em roboto;
//text-decoration: underline;
}

h5 {
//margin-top:6%;
color:purple;
//font-size: 1.5em;
font: bold 1em roboto;
//text-decoration: underline;
}

h6 {
//margin-top:6%;
color:green;
//font-size: 1.5em;
font: italic  bolder 1.5em roboto;
//text-decoration: underline;
}

p {
//margin-top:6%;
color:black;
//font-size: 1.5em;
font: bolder 1em roboto;
//text-decoration: underline;
}




#site {

width:90%;
//background-color : white;
background-color:rgba(255,255,255,0);
background-image:url("../../site/file/source/Elements-site/blesdflou.png");
background-position: center;
background-size: 100% 100%;
background-attachment:fixed;
background-repeat:no-repeat;
}
#menu {
font: italic  bolder 1.2em roboto;
margin-top:0px;
}


nav, nav li > a{
background-color:rgba(95,163,27,0);


}
nav li {
	background-color:rgba(59,127,0,0.9);

box-shadow: 2px 2px 2px rgba(32,74,33,1);
}
nav a{
//background-color:rgba(67,130,5,0.9);
//background-color:transparent !important;
//background-color:black;

}

nav a:hover{

background-color:rgba(83,109,5,0.9);

color:black;
box-shadow: 0 -10px 15px -10px white, 0 10px 15px -10px black;

}
nav a.active{

//background-color:rgba(94,150,27,0.9);
/*
background: rgba(186,199,163,1);
background: -moz-linear-gradient(top, rgba(186,199,163,1) 0%, rgba(70,98,14,0.94) 58%, rgba(3,94,17,0.9) 100%);
background: -webkit-gradient(left top, left bottom, color-stop(0%, rgba(186,199,163,1)), color-stop(58%, rgba(70,98,14,0.94)), color-stop(100%, rgba(3,94,17,0.9)));
background: -webkit-linear-gradient(top, rgba(186,199,163,1) 0%, rgba(70,98,14,0.94) 58%, rgba(3,94,17,0.9) 100%);
background: -o-linear-gradient(top, rgba(186,199,163,1) 0%, rgba(70,98,14,0.94) 58%, rgba(3,94,17,0.9) 100%);
background: -ms-linear-gradient(top, rgba(186,199,163,1) 0%, rgba(70,98,14,0.94) 58%, rgba(3,94,17,0.9) 100%);
background: linear-gradient(to bottom, rgba(186,199,163,1) 0%, rgba(70,98,14,0.94) 58%, rgba(3,94,17,0.9) 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#bac7a3', endColorstr='#035e11', GradientType=0 );
*/
box-shadow: 0 -5px 15px -5px white;

}

.container{
max-width:100%;
font: italic  bolder 1em roboto;
//background-color:rgba(255,255,255,0);
}




.speechBubble,.button,button[type='submit'],.pagination a,input[type='checkbox']:checked + label:before,input[type='radio']:checked + label:before,.helpContent{
background-color:rgba(71,91,113,0.5);
color:inherit!important;
}
.tabTitle.current,.helpButton span{
color:rgba(71,91,113,0.5)}input[type='text']:hover,input[type='password']:hover,.inputFile:hover,select:hover,textarea:hover{
border-color:rgba(71,91,113,0.5);
}.speechBubble:before{
border-color:rgba(71,91,113,0.5) transparent transparent transparent;
}
.button:hover,button[type='submit']:hover,.pagination a:hover,input[type='checkbox']:not(:active):checked:hover + label:before,input[type='checkbox']:active + label:before,input[type='radio']:checked:hover + label:before,input[type='radio']:not(:checked):active + label:before{
background-color:rgba(56,76,98,0.5);
}
.helpButton span:hover{
color:rgba(56,76,98,0.5);
}
.button:active,button[type='submit']:active,.pagination a:active{
background-color:rgba(51,71,93,0.5);
}

a{
color:rgba(20,56,101,1);
}
a:hover{
color:rgba(5,41,86,1);
}
a:active{
color:rgba(0,36,81,1);
}

footer {
//background-color:transparent !important;
background-color:rgba(255,255,255,0);
//background-image:url("../file/source/herbe.png");
}


.video-responsive { overflow:hidden; padding-bottom:56.25%; position:relative; height:0;}

.video-responsive iframe { left:0; top:0; height:100%; width:100%; position:absolute;}

@media screen and (max-width: 768px) {
  table,
  tbody,
  tr,
  td {
    display: block;
    width: auto!important;
   
  }}
  
  @media screen and (max-width: 768px) {
    body {
background-color:rgba(255,255,255,1);
background-image: none;
font-family:"Roboto",sans-serif;
}}
  
  
 @media screen and (max-width: 768px) {
  #site{
  width:99%;
  background-color:rgba(255,255,255,0);
  }
  

  img {
	//height:90%;
	//width:90%;
	margin-left:auto;
	box-shadow: 4px 4px 4px black;
}
header {
	//margin: 10px !important;
	background-color:rgba(255,255,255,0);
	height:300px;
	line-height:300px;
	text-align:center;
	background-image:url("../../site/file/source/Elements-site/banniere768.png");
	//background-color:rgba(255,255,255,0);
	background-position:center center;
	background-repeat:no-repeat;
	//background-color:transparent !important;
	background-size: contain;
}
  }
  
  
   @media screen and (max-width: 768px) {
    h1 {
margin-left:0px;
color:black;
font-size: 1em;
font-family:"Roboto",sans-serif;
//font: italic bolder 1.5em cursive;
text-decoration: underline;
} 
#menu {
//top:0px;
//background-image:url("../../site/file/source/Elements-site/herbe.png");
//background-position:50% -5px;
//margin-top:-20px;
//background-color:rgba(175,175,175,0);
//background-color:transparent !important;
//background-color:rgba(255,255,255,0) !important;
//color:black;
}
  }
  
  @media (max-width: 768px) {
	nav #toggle {
		display: block;
		background-color:rgba(67,130,5,0.66);
	}
	nav #menu {
		display: none;
		
		text-align: left !important;
	}
	nav li {
		display: block;
	}
	nav li ul {
		display: block;
		position: static;
		min-width: inherit;
		width: auto;
	}
	nav a {
		padding: 15px !important;
	}
	nav li ul a {
	
		padding-left: 40px !important;
	}

}
  





nav, nav li > a{
/*background-color:rgba(67,130,5,0.66);*/

}
nav a,#toggle span{

/*background-image:url("../file/source/herbe.png")*/;
color:inherit!important;
}
nav a:hover{
/*background-color:rgba(52,115,0,0.66)*/
}
nav a.target,nav a.active{
/*background-color:rgba(47,110,0,0.66)*/
}
#menu{
text-align:center;
}
#toggle span,#menu a{
//margin-top:300px;
padding:7px 15px;
font-weight:bold;
text-transform:none;
}
footer{

font-size: 1em;
text-shadow: 1px 1px 1px white;

	background-image:url("../../site/file/source/Elements-site/herbe.png"),url("../../site/file/source/Elements-site/14493410.gif");
	background-position:center center, center center;
	background-repeat:no-repeat,no-repeat;
	background-size: 100%,50px;
//background-image:url("../../site/file/source/Elements-site/herbe.png");
//background-position:center center;
	//background-repeat:no-repeat;
	//margin-bottom:-20px;
//	background-repeat:repeat-y;
	background-color:transparent !important;
//	background-size: cover;
background-color:rgba(255,255,255,0.9);

color:inherit;
}
footer a{
color:inherit!important;
}
footer .container > div{
margin:0px 0;
}
#footerSocials{
text-align:center;
}
#footerText{
text-align:justify center;
}
#footerCopyright{
text-align:center;
}