body {
background:   #C3C0BB url(images/backgrounds/gradientgris.jpg) repeat-y left;
font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
}
img {
  border: none;
}
#header_h{
	position:absolute;
	top:0;
	/*background-color: rgba(126, 126, 127, 0.4);*/
	width:100%;
	}
#menu {
/*position: relative;*/
 float:left; 
left: 15px;
width: 210px;
color: #81725F;
top: 13px; 
margin: 0px; 
padding: 0px;
/*height: 100%;*/
}
.txt_normal, .tableau1,.tableau1M,.tableau2 {
	
	font-size: 0.9em;
	color: #333333;
	padding:5px;
}
.titre_normal {
	font-size: 1.4em;
	color: #0099CC;
	font-weight: bold;
	clear: both;
	text-align: center;
}
.tableau3,.tableau3G{
	font-size: 10px;
	color: #333333;
}
.txt3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	
}
.txt3rouge {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF0000;
	text-decoration: none;
}
.txt3orange {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FF6600;
	text-decoration: none;
}

.tableau1,.tableau1M ,.tableau1G,.tableau2,.tableau2G,.tableau3G,.tableau2M {
	font-family: Arial, Helvetica, sans-serif;
}
	
h3 {
	
	font-size: 14px;
	color: #666666;
	font-weight: bold;
}

.linkmenu {

	color: #333333;
	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
}
.visitedmenu {

	text-decoration: none;
	font-family: Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 12px;
}
a:visited {
	text-decoration: none;
	
	color: #003399;
	font-size: 12px;
}
a:link {
	text-decoration: none;
/*	font-size: 12px;*/
	color: #003399;
	
}
a:hover {
	text-decoration: none;
	
	color: #FFFFFF
	font-size:12px;
	font-weight: bold;
	color: #0066CC;
}
a:active {
	text-decoration: none;
	
	color: #000000;
	font-size: 14px;
}

.formbutton {
	color: Navy;
	font-family: Tahoma, Verdana, HandelGothic, sans-serif;
	font-size: 10pt;
	font-weight: bold;
	padding: 0;
	background: url(images/backgrounds/mdc-form_b-norm.gif) repeat-x;
	border: 1px solid #5799DF;
}

/*menu*/
ul {
    margin: 0 0 1.5em;
    list-style: none;
    padding: 0 0 0 4px;
}
li {
 color: #ffffff;
  list-style: none;
  height:2.8em;
}
/* video responsive  https://css-tricks.com/NetMag/FluidWidthVideo/Article-FluidWidthVideo.php*/
.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*menu_mini */
#menu_mini {
	clear:both;
	z-index: 100;
}
#menu_mini ul {
    list-style: none;
    background: #1c1c1c;
    padding: 5px 0;
}
 
#menu_mini li ,#menu_mini li a  {
    display: block;
    padding: 0 20px;
	color:#cf1111;/*rouge sombre*/	
    text-decoration: none;
    font-weight: bold;
    text-transform: uppercase;
	font-size:.9em;
    letter-spacing: 0.1em;
   /* line-height: 2em;*/
    border-top: 1px solid #383838;
}

#menu_mini li{
	color: #999999;
}
 
#menu_mini li:last-child a {
    border-bottom: none;
}
 
#menu_mini li a:hover,
#menu_mini li a:focus {
	color:#cf1111;/*rouge sombre*/	
    background: #ccc;
}
/*Bouton menu*/
a.to_nav {
    float: right;
	vertical-align: middle;
    background-color: rgba(126, 126, 127, 0.4);
    text-decoration: none;
    padding: 0 .2em;
    font-size: 1.8em;
    font-weight: bold;
    text-transform: uppercase;
    letter-spacing: 0.1em;
	border: .05em solid white;
    border-radius: 4px;
}
a.to_nav:hover,
a.to_nav:focus {
	color:#cf1111;/*rouge sombre*/	
    background: #ccc;
}

/* menu horizontal voir ici http://css.mammouthland.net/menu-horizontal-deroulant-en-css.php */
#menuh,#menub {	  
backgound-color:black;
text-transform:uppercase;
z-index:10000;
}
#menuh {	  
float:right;

}

#menuh ul,#menub ul {
float:left;
 margin:0;
padding: 5px;
 list-style-type:none;
 text-align:left;
 }
 
#menuh ul{
	float:left;
	clear: left; 
 /*background-color: rgba(126, 126, 127, 0.3);*/
 } 
 
#menuh li,#menub li {
float:left;
padding: 0 0 0 0px;
height: 3.7em;
font-size: .8em;
margin: 0 1.8vw;
background-color:transparent;
 /*width:120px;*/
 }
 
 
 
#menuh li a,#menub li a {
 display:block;
 font-size:.7em;
 /*color:#4d4848;*/
 text-decoration:none;
 text-transform: uppercase;
 /*width: 120px;*/
 
 }
#menuh a li,#menub a li, a:hover li{
	text-transform: uppercase;
	color:white
	  font-size: 130%;/*par defaut 16px pôur les navigateurs*/
}
#menuh li a:hover,#menub li a:hover {
	text-transform: uppercase;
	color:white
	  font-size: 130%;/*par defaut 16px pôur les navigateurs*/
/* color:#FF6600;*/
 color:red;
 text-align:left;
 }	  
#menuh li ul,#menub li ul {
 position:absolute;
 z-index: 1000;
 
 }
#menuh ul li ul,#menub ul li ul {
 display:none;
   backgound-color:black;
     -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
   
 }

#menuh ul li:hover ul,#menub ul li:hover ul {
 display:block;
 margin:0;
background-color: rgba(170, 170, 176, 0.9);
font-size: .8em;
 }
#menub ul li:hover ul {
margin: -80px 0px 0px 0px;}
 
#menuh li:hover ul li,#menub li:hover ul li  {
 float:none;
 margin:0;

 }
 #menuh li:hover ul li a,#menub li:hover ul li a {/*sous-menu*/
 float:none;
 margin:.2vw;
font-size: 1.4em;
 
 }

@media only screen and (min-width: 640px) {
#principal{
	width: 100%;
	max-width: 1000px;
	margin: auto;
	margin-top: 140px;
	padding: 10px;
	left: 244px;
	text-align: center;
}
	#menuh {	  
	display:block;
	}
	#menub {	  
	display:block;
	}
	#entete_mini{
	display:none;
	}
	#menu_mini{
	display:none;
	}


}
@media only screen and (max-width: 640px) {
	
	#principal{
	width: 100%;
	margin:auto;
	margin-top: 50px;

}
	h1{
	 font-size: 25px;	
	}
	#contenu {
		padding:0px;
		width:100%;
		overflow:scroll;
	}	
	#menuh {	  
	display:none;
	}
	#menub {	  
	display:none;
	}
	#menu_mini{
	display:block;
	}
	
	#entete_mini{
	display:block;
	z-index:10000;
	}


}