.publicite1 { 
max-width:220px;
text-align:center; 
padding:0 2px; 
margin:0 auto;
}
.publicite2 { 
width:100%; 
padding:0 2px; 
margin:0 auto;
text-align:center; 
}
.bg_video_une { 
max-width:650px;
min-height:435px; 
background: url("img/tv_42px-l650.png") no-repeat top left; 
margin:15px auto;
padding:8px 6px 70px 6px; 
text-align:center; 
/*
max-width:740px;
min-height:500px; 
background: url(img/tv_42px.jpg) no-repeat top left; 
margin:0 auto;
padding:10px 8px 75px 8px; 
text-align:center; 
max-device-width:;*/
}

.bg_video_article { 
max-width:740px;
min-height:500px; 
background: url(img/tv_42px.jpg) no-repeat top left; 
margin:0 auto;
padding:10px 8px 75px 8px; 
text-align:center; 
max-device-width:;
}
ul li.video2 { 
float:left; width:31%; margin:0; margin-right:1.2%; margin-bottom: 15px; padding:0;
}
a.social { 
text-decoration:none;background:none;
}

a.social:hover { 
text-decoration:none;background:none;
}

/************************** DIAPORAMA ********************/
#s3slider { 
   min-width:250px;
   max-width: 1022px; /* important to be same as image width */
	margin:0 auto;
  /* min-height:250px;
	max-*/
	height:330px; /* important to be same as image height */
   position: relative; /* important */
   z-index: 8;
   overflow: hidden; /* important */
   background:;#000; url(img/arr-slider2.png) top left no-repeat; scroll #79A145;
    box-shadow: 0 0 6px 1px #cfcfcf;
    display:block;
    opacity: 0.8;
}

#s3slider ul{margin:0px; padding:0px; list-style-type:none;}
#s3slider ul li{margin:0px; padding:0px;}

#s3sliderContent {
   min-width:250px;
   max-width: 1022px;725px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
   margin:0 auto;
   padding:0;
}

.s3sliderImage span {
   position: absolute; /* important */
   font: 20px; Arial, sans-serif;
   font-style:italic;
   text-align:justify;
   padding:10px;
   max-width: 80%;200px;
   height:auto;
   background-color: #000;
   border-radius:;0 0 0 5px;
   filter: alpha(opacity=80); /* here you can set the opacity of box with text */
   -moz-opacity: 0.8; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.8; /* here you can set the opacity of box with text */
   opacity: 0.8; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   right:0;
   bottom:10;
   top:5;0;
   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image 
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}
/************************** FIN DIAPORAMA ********************/


ul#captions{
	list-style-type:none;
	padding:0px;
	margin:0px auto;
}
ul#captions li{
	display:block;
	float:left;
	margin:1px 10px 10px 15px;
	padding:2px;
	border:1px solid #ddd;336633;
 background:#ffffff;ddd;;
 border-radius:4px;
	width:125px;
	height:75px;
   -webkit-box-shadow:4px 4px 0 0 rgba(0, 0, 0, 0.15);
   -ms-box-shadow:4px 4px 0 0 rgba(0, 0, 0, 0.15);
   -moz-box-shadow:4px 4px 0 0 rgba(153, 204,100, 0.15);
   box-shadow:4px 4px 0 0 rgba(153, 204,100, 0.15);
}

ul#captions li h3{
 margin:3px 0 0 0;
 text-decoration:none;
 font-size:95%;
 display:block;
}

ul#captions li img{
 text-align:center;
 padding:0;
 margin:0;
 max-width:125px;
 max-height:75px;
}
ul#captions li a{
	text-decoration:none;

}

ul#captions li a:hover{
	text-decoration:none;
 color:#33cc33;
 display:block;
}

/* */
#captions1{
	padding:0px;
	margin:10px 0 0 0;
	display:;block;
  width:100%;
  min-width:230px;
}

#captions1 div{
	display:block;
	float:left;
	margin:0 6px 10px 7px;
	width:30%;
  min-width:226px;
	height:auto;
	padding:0;
	/*5px;border:1px solid #336633;
   -webkit-box-shadow:4px 4px 0 0 rgba(0, 0, 0, 0.15);
   -ms-box-shadow:4px 4px 0 0 rgba(0, 0, 0, 0.15);
   -moz-box-shadow:4px 4px 0 0 rgba(153, 204,100, 0.15);
   box-shadow:4px 4px 0 0 rgba(153, 204,100, 0.15); */
}

#captions1 div h3{
 margin:3px 0 0 0;
 text-decoration:none;
 font-size:105%;
 display:block;
 color:#fff;
 background:#434046;
 border-radius: 5px 5px 0 0;
 padding:4px 4px 8px 6px;
}

#captions1 div a{
	text-decoration:none;
}

#captions1 div a:hover{
	text-decoration:none;
 color:#33cc33;
 display:block;
}

ul#captions2{
	list-style-type:none;
	padding:0;
	margin:10px 0 2px 0;
	display:block;
}
ul#captions2 li{
	display:block;
	float:left;
	margin:0 5px 5px 5px;
	padding:2px 1px 1px 4px ;
	width:;2%;
  min-width:215px;
	height:auto;
 background:#333;
 border-radius: 5px 5px 0 0;
}

ul#captions2 li h3{
 margin:0
 text-decoration:none;
 font-size:105%;
 display:block;
 color:#fff;
  min-width:;210px;
 background:;#434046;
 padding:2px;;4px 4px 8px 6px;
}

ul#captions2 li a{
	text-decoration:none;
}

ul#captions2 li a:hover{
	text-decoration:none;
 color:#33cc33;
 display:block;
}

.clear{ clear:both; }

#misc{
	float:left;
	width:220px;
	height:480px;
	border:1px solid #336633;
 background-color:#339933;
	color:white;
}

.cadreBlanc{
	border:1px solid white;
	margin:2px;
	padding:2px;
}

#partenaires{
	text-align:center;
	font-weight:bold;
	text-transform:uppercase;
}

#partenaires a:hover{
	text-align:center;
	font-weight:bold;
 	text-transform:uppercase;
  color:#336633;
  background:#ffff0a;
}

.partenaire{
	width: 71px;90px;
	height: 75px;100px;
	float:left;
	margin: 2px 4px 5px 1px;20px;
	padding: auto;1px;
	text-align: center;
	background: none repeat scroll 0% 0% rgb(254, 254, 254); 
	border: 1px solid rgb(255, 203, 0); 
}
.partenaire a{
	color:#336633;
}

.partenaire img{
	width: 69px;; 70px;
	height: 73px;90px;}

ul#voir-aussi{
	padding:5px 2px 0 3px;;
	margin:0px;
}
ul#voir-aussi li{
	display:block;
 padding:0;
        margin-bottom:5px;
}

ul#voir-aussi li a{
	text-decoration:none;
 color:#fffffe;
}


ul#voir-aussi li a:hover{
	text-decoration:none;
 color:#33cc33;
}

#googleSearch table{
	width:100%;
	
}

#tripAdvisor{
	background: none repeat scroll 0% 0% rgb(248, 242, 193); 
	border: 1px solid rgb(0, 0, 0); 
	text-align: center; 
	width:; 218px;
}
#tripAdvisor b{ color:black; }
#tripAdvisor a{
	text-decoration: none; 
	font-weight: bold;
}

/* accueil */
.accueil {
    background:; none repeat scroll 0 0 #cafda0;#FFFFFF;
    border:; 1px solid #8dc54c;#ADCFE6;
    height: auto;570px;
    margin:0 auto 0;
    overflow: hidden;
    padding: 0;10px;
    width: 100%;740px;
}
.accueil .fond {
    background:; none repeat scroll 0 0 #cafda0;#AFD6EE;
    height: auto;570px;
    width:100%; 740px;
    margin:0px;
    padding:0;
}
.accueil .fond .image {
    display: block;
    padding: 0;
    margin:0;
    background:#cafda0;
}
.accueil .fond .image a {
    display: block;
    margin: 0;
    padding: 0;
}
.accueil .fond .image a img {
    border: 0 none;
    margin: 0;
    padding: 0;
}
.accueil .fond .meta {
    padding: 10px 15px;
    margin:0;
}
.accueil  h3 {
    display: block;
    font: 20px/28px; Verdana, Arial, sans-serif;;'Expletus Sans',serif;
    margin: 0 0 5px 0;
    padding: 0; 0 0 0.3em;
    text-align:left;
    }
.accueil  h3 a:link, .accueil h3 a:visited {
    color: #000000;#4E9D79;
	font-weight:bold;
    text-decoration: none;
    text-shadow:; 0 1px #666;#d3dbd7;#FFFFFF;
}
.accueil  h3 a:hover, .accueil h3 a:active {
    text-decoration: underline;
}
.accueil  p {
    color: #000000;#4E9D79;
    display: block;
    font: 14px/28px; Verdana, Arial, sans-serif;Georgia,serif;
    margin: 2px 0;
    padding: 0;
    text-shadow:; 0 1px #666;#d3dbd7;#FFFFFF;
 	text-align: justify;
    line-height:1.5;
}
.accueil  p.read-more {
    margin: 1.5em 0 0;
    padding: 0;
    text-align:left;
}
.accueil  p.read-more a {
    background: url('../img/button-read-more.png') no-repeat scroll left top transparent;
    color: #FFFFFF;
    display: block;
    font: 11px/38px; Verdana,serif;
    height: 38px;
    text-align: center;
    text-shadow: 0 1px #9B4E02;
    text-transform: uppercase;
    width: 132px;
}


/* info */
.info {
    background: none ;repeat scroll 0 0 #E0EDD6;#cafda0;#FFFFFF;
    border:0; 1px solid #666; #8dc54c;#ADCFE6;
    height: auto;570px;
    margin:0 auto; 10px 0;;  auto 0 auto
    overflow: hidden;
    padding: 10px;
    width:auto; 98%;100%;740px;
    min-width:250px;
}

.info  h3 {
    display: block;
    font: 24px/28px; Arial, sans-serif;
    margin: 0 0 5px 0;
    padding: 0;
    text-align:left;
    font-weight:bold;
    }
.info  h3 a:link, .info  h3 a:visited {
    color: #79A145;
    text-decoration: none;
    text-shadow: 0 1px #FFFFFF;
}
.info  h3 a:hover, .info  h3 a:active {
    text-decoration: underline;
}
.info  p {
    color: #2c2c2c;#666A6C;
    display: block;
    font: 14px/28px; Verdana, Arial, sans-serif;Georgia,serif;
    margin: 2px 0;
    padding: 0;
    text-shadow: 0 1px #FFFFFF;
 	  text-align: justify;
    line-height:1.5;
}


.bloc_contenu {
   background: #fcfcfa url(img/coin_gauche.png) left top scroll repeat-y;
   border-radius: 5px;
   padding:10px 8px 8px 15px;
	border:0.6px solid #333333;
   }

.bloc_contenu a {
	color:#090;
	text-decoration:none;underline;
}

.bloc_contenu a:hover{
	color:#336633;
	text-decoration:underline;
}

.bg_header {
	background:#ffffff url(img/bg-header-v2.png) right top repeat-y;
}

# Menu responsive #

/**/
@media screen and (max-width:800px) {
      [(#PLUGIN{SIDR}|oui)#nav { display: none; }]
    }


@media screen and (max-width:800px)
        {
        #nav { display: none; }
        #mobile-header { display: block; width:100%; text-align:left;background:#7f7fff;#e0deec; color: #fefefe; }
		a.menu-responsive { 
			background:#7f7fff;
			text-decoration:none;
			display:block;
			padding:0.25em;
			color:#fefefe;
			font-size:140%;
		}
		a.menu-responsive:hover { 
			background:#666666;#7f7fff;
			text-decoration:none;
			display:block;
			padding:0.25em;
			color:#fefefe;
		}
        }
       
@media screen and (min-width:801px)
        {
        #nav { display: block; }
        #mobile-header { display: none; }
        }
.sidr ul li {
   text-align: left;}
