/*commentaire index*/

html { 

  margin:0;
  padding:0; }

body{
    margin:0;
  padding:0;	
	background-color : #B8B8B8 ;
	font-family:  Helvetica,Arial,sans-serif;
 	background: url(fondind.jpg) no-repeat center fixed;
  -webkit-background-size: cover; /* pour Chrome et Safari */
  -moz-background-size: cover; /* pour Firefox */
  -o-background-size: cover; /* pour Opera */
  background-size: cover; /* version standardisée */  
	margin-left :auto;
	margin-right :auto; }

div.corps{
	 top : 100px;	
  	 width: 100%;
  	 background-top :50px;
	margin-left :auto;
	margin-right :auto;
	Height : 870px ;
	text-align: center;
   	 color : withe ; }
	

	

div.menu a { 	
color:#993300;
	text-align: center ;
	margin-left : auto ;
	margin-right :auto;
	text-decoration:none;
	   font-size: 1.2vw;  
	text-align: center;}

div.menu a:hover{	
color:green;
text-decoration:underline;}


div.espace {	
line-height :200%; }

div.bouton {
	width:40%;
	height : auto;
	margin : 10px;
	color:#343434;
  	 font-size: 1.0vw;  
	font-family: verdana, Arial,"Trebuchet MS", sans-serif;
	-moz-box-shadow: 0px 0px 20px #343434;
	-webkit-box-shadow: 0px 0px 20px #343434;
	-o-box-shadow: 0px 0px 20px #343434;
	box-shadow: 0px 0px 20px #343434;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	border-radius: 20px;
	border: 1px solid #656565;
	background:#cfcfcf;
 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#DEB887", endColorstr="#FFFCD4"); /* Pour IE seulement et mode gradient à linear */
 background: -webkit-gradient(linear, left top, left bottom, from(#DEB887), to(#FFFCD4));
background: -webkit-linear-gradient(#DEB887f, #FFFCD4);
background: -moz-linear-gradient(#DEB887, #FFFCD4);
background: -o-linear-gradient(#cfcfcf, #FFFCD4);
background: -ms-linear-gradient(#DEB887, #FFFCD4F); 
background: linear-gradient(#DEB887, #FFFCD4); 
	text-align: center ;
	margin-left : 30% ;
	margin-right :auto;
    text-shadow:black,25px; }

h1{
	font-size: xx-large; 
    color: #FFE4CC;
    text-shadow:black,30px;	
	font-family: Helvetica,Arial,sans-serif;
	text-align: center;
		margin-left : 0%;
	margin-right :auto;
	letter-spacing: 6px;
	text-shadow:1px 1px 2px gray; /*ombrage du titre*/}

h2{
	font-size: x-large; 
                color:grey;	
	font-family: Helvetica,Arial,sans-serif;
	text-align: center;
    	-moz-border-radius: 20px;
    	-webkit-border-radius: 20px;
    	border-radius: 20px;
         	background-color :#E0CE9C ;
	padding : 10px;}
div.textseul{
	
	border-width :20px ;
	border-style:solid  ;
	border-color : #3A3A3B  ;
	padding :10px;
	position : relative ; left : 15% ;
	width:1000px
	text-align: center;
	text-align: justify;
	background :#FFFFFF ;
       	line-height : 120%;
}
div.banniere{
	float : none;}

div.legende {	
	color:black;
	line-height : 150%;
       	font-size:small;
    	width : 38 %;
               text.alig : center ;
	padding : 8px;}

div.legendecentre
{	color:black;
	line-height : 150%;
       	font-size:small;
    	text.alig : center ;}



div.petit{
	font-size:small; }


div.blocgauche {	
	border-width :15px ;
	border-style:solid  ;
	border-color :  #3A3A3B ;
	padding :10px;
	float: left ;
	width : 40% ;
	text-align: justify;
	background :#FFFFFF ;}

div.imagauche {	
	float: left ;
	width :45% ;
	min-width :40% ;
	border : none ;
	padding : 10px ;
	background-color : #F7EBCA;
	-moz-box-shadow: 10px 10px 5px #656565;
	-webkit-box-shadow: 10px 10px 5px #656565;
	-o-box-shadow: 10px 10px 5px #656565;
	box-shadow: 10px 10px 5px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#6565', Direction=135, Strength=5); 
    	-moz-border-radius: 20px;
    	-webkit-border-radius: 20px;
    	border-radius: 20px;
	text-align: center;}


div.blocdroit {	
	border-width :15px ;
	border-style:solid  ;
	border-color : #3A3A3B ; 
	padding :10px;
	float: right;
	width :30% ;
	text-align: justify;
	line-height : 130%;
	background :#FFFFFF ;}

div.imadroite {	
	float: right ;
	width :45% ;
	min-width :40% ;
	padding : 10px ;
	border : none ;
	background-color : #F7EBCA;
	-moz-box-shadow: 10px 10px 5px #656565;
	-webkit-box-shadow: 10px 10px 5px #656565;
	-o-box-shadow: 10px 10px 5px #656565;
	box-shadow: 10px 10px 5px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#6565', Direction=135, Strength=5); 
	text-align: center;
    	-moz-border-radius: 20px;
    	-webkit-border-radius: 20px;
   	 border-radius: 20px;}

div.plandroite{	
	float: right ;
	width :50% ;
	min-width :40% ;
	padding : 10px ;
	border : none ;
	background-color : #F7EBCA;
	-moz-box-shadow: 10px 10px 5px #656565;
	-webkit-box-shadow: 10px 10px 5px #656565;
	-o-box-shadow: 10px 10px 5px #656565;
	box-shadow: 10px 10px 5px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#6565', Direction=135, Strength=5); 
	text-align: center;
    	-moz-border-radius: 20px;
  	 -webkit-border-radius: 20px;
    	border-radius: 20px;}

div.plangauche{	
	float: left ;
	width :60% ;
	min-width :40% ;
	padding : 10px ;
	border : none ;
	background-color : #F7EBCA;
	-moz-box-shadow: 10px 10px 5px #656565;
	-webkit-box-shadow: 10px 10px 5px #656565;
	-o-box-shadow: 10px 10px 5px #656565;
	box-shadow: 10px 10px 5px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#6565', Direction=135, Strength=5); 
	text-align: center;
    	-moz-border-radius: 20px;
    	-webkit-border-radius: 20px;
   	 border-radius: 20px;}

div.bloccentre {	
	width : 70% ;
	border-width :15px ;
	border-style:solid  ;
	border-color : #3A3A3B ; 
	padding :10px;
	text-align: justify;
       	display: table-cell;
    	vertical-align: middle }

div.imacentre{	
	left : 0px;
    	margin-left: 0%;
    	margin-right: 0%;
	border : none ;
	-moz-box-shadow: 10px 10px 5px #656565;
	-webkit-box-shadow: 10px 10px 5px #656565;
	-o-box-shadow: 10px 10px 5px #656565;
	box-shadow: 10px 10px 5px #656565;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#6565', Direction=135, Strength=5); 
	background-color : #F7EBCA;
	text-align: center;
    	-moz-border-radius: 20px;
    	-webkit-border-radius: 20px;
    	border-radius: 20px;}