html 		{   margin:0;   padding:0;   background: url("images/Nichoir.jpg") no-repeat center fixed; 
  -webkit-background-size: cover; /* pour anciens Chrome et Safari */   background-size: cover; /* version standardisée */ 	}
p		{	text-indent	:	20px;	margin-top		:	4px;	margin-bottom	:	4px;		}
p:first-letter	{   color: green;   font-size: 130%;   }
h1   		{	color 		:	green ;	font :	18pt/1.1em 'Times New Roman',times,serif ;	text-align	:	center;	margin-top	:	0px;	}
h2 		{	font: normal normal normal 36pt/1.1em 'Times New Roman',times,serif;	color: white ;	display : inline ;	position : relative ; left : 10px ;	}
h3		{   font: normal normal normal 18pt/1.1em 'Times New Roman',times,serif;	color: white;	display : inline;	position : relative ; left : 5px ;	}
h4		{   color	:	green	;	font-weight	:	bold	;	size		:	4pt	;	text-indent		:	35px;		}
h5		{   font-size		: 14px;	color			: rgba(10, 68, 149, 1);	margin-bottom	: 0px;	text-indent		:	30px;		}	
a 		{ text-decoration:none  ; }
nav		{ font-weight: bold;}
ul 				{
 padding:0;
 margin:0;
 list-style-type:none;
 }
li 		{  margin-left:2px; float:left; /*pour IE*/ }
ul li a 			{
 font-family: Lucida Caligraphy, Monotype Corsiva, cursive ;
 display:block;
 float:left;   
 width:120px;
 color:black;
 text-decoration:none;
 text-align:center;
 padding:10px;
 /*border:2px solid;
 pour avoir un effet "outset" avec IE :
 border-color:#DCDCDC #696969 #696969 #DCDCDC;*/
 }
ul li a:hover 		{
 font-size: 130% ;
  border-color: #696969 #DCDCDC #DCDCDC #696969;
  }
ul li a:active 		{
 font-size: 160% ;
  border-color: #696969 #DCDCDC #DCDCDC #696969;
  }
li ul 				{
display:none;
}
li:hover ul 		{
display:block;
position:relative;
top:0;
left:25px;
}
table.guests 		{
	border:none; margin:0px 20px 0px 20px; 
	}
td, th, tr 		{
	padding: 0px 2px;
	border:none
	}
thead th, tbody th 	{
	text-align: left;
	font-weight: normal;
    font-size:12px;
	color:#999;
	background-color:#fff
	}
table 			{
	border: none;
	}
table td select 		{
font-size: 12px; 
width:174px; 
height:20px; 
border:1px solid #ccc;
}
blockquote 		{
  font-style: italic;
  font-size: 14px;
  text-align: justify;
  margin-top		:	4px;
	margin-bottom	:	4px;
  font-family: Georgia, "Times New Roman", serif;
}
input.dp-applied {width:40px}
.visio{
	width	:600px ;
	height	:600px ;
}
.bouton 			{
   border-top: 1px solid #999999;
   background: #FFFFFF;
   background: -webkit-gradient(linear, left top, left bottom, from(#C0C0C0), to(#FFFFFF));
   background: -webkit-linear-gradient(top, #C0C0C0, #FFFFFF);
   background: -moz-linear-gradient(top, #C0C0C0, #FFFFFF);
   background: -ms-linear-gradient(top, #C0C0C0, #FFFFFF);
   background: -o-linear-gradient(top, #C0C0C0, #FFFFFF);
   padding: 4px 10px;
   -webkit-border-radius: 8px;
   -moz-border-radius: 8px;
   border-radius: 8px;
   -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,1) 0 1px 0;
   box-shadow: rgba(0,0,0,1) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: black;
   font-size: 14px;
   font-family: Georgia, serif;
   text-decoration: none;
   vertical-align: middle;
   cursor:pointer;
   }
.bouton:hover 	{
   border-top-color: #C0C0C0;
   background: #FFFFFF;
   background: -webkit-gradient(linear, left top, left bottom, from(#FFFFFF), to(#C0C0C0));
   background: -webkit-linear-gradient(top, #FFFFFF, #C0C0C0);
   background: -moz-linear-gradient(top, #FFFFFF, #C0C0C0);
   background: -ms-linear-gradient(top, #FFFFFF, #C0C0C0);
   background: -o-linear-gradient(top, #FFFFFF, #C0C0C0);
   color: #xxx;
   cursor:pointer;
   }
.bouton:active 	{
   border-top-color: #D1D1D1;
   background: #D1D1D1;
   cursor:pointer;
   }   
.encours a		{
  color: red;
}

@media screen and (max-width:600px) {
	.bloc 			{
		width: 400px; /* On a indiqué une largeur (obligatoire) */
		margin: auto; /*  bloc soit centré avec auto soit gauche avec left */
		border: 2px solid green; /* bordure à supprimer */
		border-radius: 20px 20px 20px 20px;
		font-size: 18px; /* Paragraphes de 18 pixels */
		text-align: justify;
		padding: 0px 10px 0px 10px ;
		margin-bottom: 20px;
		overflow	:	auto;
		}
	.bloc img{
		width	:	80px; 
		height	:	112px;
	}
	#bloc {
	width: 200px; 
    margin: auto; 
   	font-size: 18px; 
    text-align: justify;
    padding: 0px 10px 0px 10px ;
    margin-bottom: 20px;
	height		:	300px;
	overflow	:	auto;
	}
}

.bloc 			{
	width: 550px; /* On a indiqué une largeur (obligatoire) */
    margin: auto; /*  bloc soit centré avec auto soit gauche avec left */
    border: 2px solid green; /* bordure à supprimer */
	border-radius: 20px 20px 20px 20px;
	font-size: 18px; /* Paragraphes de 18 pixels */
    text-align: justify;
    padding: 0px 10px 0px 10px ;
    margin-bottom: 20px;
}
.bloc img{
	width	:	80px; 
    height	:	112px;
}
.pied			{
	width		:	994px	;
	font-size	: 	16px;
	color		: rgba(10, 68, 149, 1);
	font-weight	:	bold ;
	padding: 10px;
    margin-bottom: 20px;
	margin-left		:20px ;
	}
.texte 							{
	height		:	330px;
	overflow	:	auto; 
	font-size	:	14px;
	width		:	580px; 
    margin		:	auto;
	border		:	1px solid green; 
	}
@media screen and (max-width:500px) {
#navig	{ position:absolute;	width:280px; 	height:60px; 	opacity:1 ;	z-index:2;	font-size:150%;}
#C1	{ background-color: rgba(255, 255, 255, 0); margin: auto; border-radius: 20px 20px 0px 0px ; padding: 0px 0px 0px 0px; width: 320px;  height: 142px;}
#C2	{ background-color: rgba(255, 255, 255,0); margin: auto; border-radius: 20px 20px 0px 0px ; padding: 10px 10px 10px 10px ; width: 300px; height: 90px;}
}
#navig	{ position:absolute;	width:1000px; 	height:60px; 	opacity:1 ;	z-index:2;	font-size:150%;}
#C1	{ background-color: rgba(255, 255, 255, 0); margin: auto; border-radius: 20px 20px 0px 0px ; padding: 0px 0px 0px 0px; width: 1024px;  height: 142px;}
#C2	{ background-color: rgba(255, 255, 255,0); margin: auto; border-radius: 20px 20px 0px 0px ; padding: 10px 10px 10px 10px ; width: 1004px; height: 90px;}
#centre 							{
    /*background: khaki;*/
	margin-left: 310px;
    margin-right: 170px;
}
#colonne1 						{
    float: left;
    width: 300px;
		    }
#colonne2 						{
    float: right;
    width: 300px;
	/* background: burlywood;*/
    }
#colonneA 						{
    float: left;
    width: 200px;
	 }
#colonneB 						{
    float: left;
    width: 1000px;
	 }
#fond 							{
clear:both ;
background:url("images/ligne_ecolier.png") no-repeat top left;
position:relative;
width:1020px;
height:60px;
z-index:1;
opacity : 0.7;
border-radius :20px ;
}
#fond:hover 						{
opacity : 1;
}
#Menu1 a:link 					{
opacity : 1;
 }
#Menu1 a :not(:hover)			{
opacity : 0.5 ;
 }
#Menu2 a :not(:hover)			{
opacity : 0.5 ;
 }
#foot 							{
	background: #FFFFFF;
	background: -webkit-gradient(linear, left top, left bottom, from(#C0C0C0), to(#FFFFFF));
	background: -webkit-linear-gradient(top, #C0C0C0, #FFFFFF);
	background: -moz-linear-gradient(top, #C0C0C0, #FFFFFF);
	background: -ms-linear-gradient(top, #C0C0C0, #FFFFFF);
	background: -o-linear-gradient(top, #C0C0C0, #FFFFFF);
}
#logo							{
float : left;
}
#content ,#content2 				{
	min-height: 300px;
	padding-top:0px;
	padding-bottom: 0px;
	}
#comment-form, #comment-form2	{
	font-size: 14px;
	clear: both;
	padding: 0;
	margin: 0;
	}
#comment-form input[type=number], #comment-form2 input[type=number]	{
	width:80px;
	height:14px;
		}
#comment-form input[class="bouton"]								{
	max-width:60px;
	height:auto;
	text-align:center
		}
#comment-form input[type=date], #comment-form2 input[type=date]		{
	width:170px;
	height:17px;
		}
#comment-form2 input[type=submit]	{
	max-width:90px;
	height:auto;
		}
#content , #content2 			{
	text-align : left;
	margin : 0 auto;
	max-width:960px;
	}
#comment-form .input2,#comment-form2 .input2						{
	width : auto;
}
#comment-form .inputP 			{
	width : 80px;
}
#comment-form2 .inputP 			{
	width : 80px;
}
#comment-form .inputT			{
	width : 150px;
}
#comment-form2 .inputT			{
	width : 150px;
}
#comment-form .inputDsg			{
	width : 80px;
}
#comment-form2 .inputDsg			{
	width : 80px;
}
#comment-form .inputTit			{
	width : 80px;
}
#bloc {
	width: 550px; 
    margin: auto; 
   	font-size: 18px; 
    text-align: justify;
    padding: 0px 10px 0px 10px ;
    margin-bottom: 20px;
}
#blocL{
	width: 550px; 
    margin: auto; 
   	font-size: 18px; 
    text-align: justify;
    padding: 0px 10px 0px 10px ;
    margin-bottom: 20px;
	height		: 340px ;
	overflow	: auto;
	}
#blocL img{
	width	:	100px; 
    height	:	140px;
		}
#ClosForm {
	vertical-align: middle;
	display: inline-block; 
	margin-left	:	30px;
	height		:	30px;
	width		:	30px;
	}
#cgv	{
	 color		:	blue;
}