#blocpage {	max-width: 1000px;	min-width: 300px;	margin-left: auto;	margin-right: auto;	padding: 0px;	height: auto;	background-color: #F9F9F9;	border: 5px solid #FFFFFF;	border-radius: 7px;	-moz-border-radius: 7px; -webkit-border-radius: 7px; } 
#blocpage3 { max-width: 1200px;	min-width: 300px;	margin-left: auto;	margin-right: auto;	padding: 5px;	height: auto;		border: 5px solid #FFF;	border-radius: 7px;	-moz-border-radius: 7px;	-webkit-border-radius: 7px;	font-family: Verdana, Geneva, sans-serif;	font-size: 13px; line-height:1.4em; background: rgb(255, 255, 255);	background: rgba(255, 255, 255, 0.7);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF, endColorstr=#FFFFFFFF);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF, endColorstr=#FFFFFFFF)";}
.headerpage{width: 100%; background-image: url(/images/index/paysage4.jpg);	background-repeat: no-repeat;	height: 140px;	border: 0px;}
.contenuaccueil{	display: table;	width: 100%;	height: auto;	overflow: auto;	position: relative}
.blocentetephoto { width:100%; min-width:300px; margin: 10px auto; text-align:center; vertical-align:center;}
.blocphotoindex {position:relative; margin:20px 3% 0px 3%; text-align:center;  display:inline-block; width: 25%; min-width:200px;}
.blocimageindex { width: 100%; height: 160px; margin: auto; -moz-border-radius: 5px;	-webkit-border-radius: 5px;	border-radius: 5px; box-shadow: 2px 2px 8px #9b9b9b; -webkit-box-shadow: 2px 2px 8px #9b9b9b; -moz-box-shadow: 2px 2px 8px #9b9b9b;}  
.titrephotoindex { display: block; background-color: rgba(0,0,0,0.5); height: 20px; width: 97%; margin:auto; padding:5px; position: absolute; left: 0px; bottom: 5px; z-index:10;	font-weight:bold;	color:#FFF;	}
a.titrephotoindex {	font-weight: bold;	color: #FFF;	font-size: 16px;}
.blocphotoindex span {	opacity: 0;	text-align: center;	font-family: Georgia, Times, serif;	transition: all .7s;	font-size: 16px;
	font-weight: bold;}
.blocphotoindex:hover span{width: 90%; height:95px; margin:auto; padding:15px; position: absolute; left: 0px; top: 0px; z-index:20;
	opacity:1;	background: #000;	background: rgba(255,255,255,0.7);	color: #666;}
.boutonrubrique5 {	display: inline-block; padding: 5px 5px 5px 20px; width: 80%;	text-align: left;
border-radius: 3px;	-moz-border-radius: 3px;	-webkit-border-radius: 3px; font-family: Arial, Helvetica, sans-serif;	font-size: 16px; color:white; }
.boutonrubrique5 a {	text-decoration: none;	color: white;}
.blockrs { display:inline-block; width:100%; text-align:right; float:right;}
.opacite07 { width: 98%; padding:10px; text-align:center; margin:auto;	background: rgb(255, 255, 255);	background: rgba(255, 255, 255, 0.7);	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF, endColorstr=#FFFFFFFF);
	-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#FFFFFFFF, endColorstr=#FFFFFFFF)";}
.padright { padding-right:3%; }
.boutoncontactrose2 {	display: inline-block; padding: 5px 5px 5px 20px; width: 80%;	background-image: -webkit-linear-gradient(top, #fad6c5,#f66);	background-image: -moz-linear-gradient(top, #fad6c5,#f66);	background-image: -ms-linear-gradient(top, #fad6c5,#f66);	background-image: -o-linear-gradient(top, #fad6c5,#f66);	background-image: linear-gradient(to bottom, #fad6c5,#f66);	-webkit-border-radius: 3;	-moz-border-radius: 3;	border-radius: 3px;-webkit-box-shadow: 0px 2px 5px #666666; -moz-box-shadow: 0px 2px 5px #666666; box-shadow: 0px 2px 5px #999;	font-family: Arial;	color: #ffffff;	font-size: 16px;	padding: 10px;	text-decoration: none;	font-weight: bold;	width: 80%;	background-color: #F66;
}  
.boutoncontactrose2:hover {	background-color: #F66; }  
a.lientype { font-family: "Times New Roman", Times, serif;	color: #666; font-size: 22px; font-weight: bold;}
a.lientype:hover {	font-family: "Times New Roman", Times, serif;	color: #333;	font-size: 22px;	font-weight: bold;}
.tabletexte10 {	background-image: url(../images/fond-photo.jpg);	background-repeat: repeat-x;	background-position: bottom;
	background-color: #FFF;	border-bottom: 1px solid #ccc; padding: 5px;	margin-bottom: 10px;
	border-radius: 7px;	-moz-border-radius: 7px;	-webkit-border-radius: 7px;}
.paddingleft30 { padding-left:5%; }
img { border:0px;}
.togglebox {	overflow: hidden;	margin: 5px;	display: none;}
@media only screen and (min-width: 1000px) {	 
body {margin:0;  padding:0;
  background: url(/images/wallpaper112.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;   -moz-background-size: cover;   -o-background-size: cover;   background-size: cover; }
}
@media only screen and (min-width: 800px) {	 
#accueilgauche { display:block;	width:25%;	min-width:180px;	height: auto; overflow:auto; position:absolute; top:0px; left:0px;}
#accueilcentre { display:block;	width:50%;	min-width:250px;	float:left;  margin-left:25%; overflow:hidden;}
#accueildroite { display:block;	width:25%;	min-width:180px;	float:left;}
}
@media only screen and (min-width: 480px) and (max-width: 799px) {  
#accueilgauche{	display:block;	width:40%;	min-width:150px;	float:right;}
#accueilcentre { display:block;	width:60%;	min-width:250px;	float:left;}
#accueildroite { display:block;	width:100%;	float:left;}
.mobilenone{  display: none; }
}
@media only screen and (min-width: 631px) {
.blocoffre { display:inline-block; width:30%; min-width:200px; margin: 10px 1% 0px 1%; text-align:center; vertical-align:top}
}
@media only screen and (max-width: 630px) {	 
.blocoffre { display:inline-block; width:90%; min-width:200px; margin: 10px 1% 0px 1%; text-align:center; vertical-align:top}
.mobilenone3 { display: none; }	
}
@media only screen and (min-width: 200px) and (max-width: 479px) {
#accueilgauche{	display:block;	width:100%;	float:left;}
#accueilcentre { display:block;	width:100%;	float:left;}
#accueildroite { display:block;	width:100%;	float:left;}
.paddingleft30 { padding-left:2%; }
.mobilenone, .mobilenone2 { display:none; }
}