html
{ 	width: 100%;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: auto;
}
body
{
	margin: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background : url(images/fondbg.jpg) no-repeat fixed 50% 50%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 80%;
    width: 100%;
	min-height: 1%;
}
a
{
	color: #ffffff ;
	text-decoration: none;
	font-weight: bold;
	cursor : pointer;
}
a.site
{
	color: #ffffff !important;
	text-decoration: none;
	font-weight: bold;
	cursor : pointer;
}
a.alterne
{
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	cursor : pointer;
}
a.alterne1
{
	color: #49094b;
	text-decoration: none;
	font-weight: bold;
	cursor : pointer;
}
a:hover
{	
	background-color:#c2d65d;
}
a.ater
{	
	color: #49094b !important;
	text-decoration: underline !important;
}
a.abis 
{
	color: #49094b !important;
	text-decoration: underline !important;
}
a.abis:hover
{
	color:#ffffff !important
}
a.ater:hover
{
	color:#ffffff !important
}
.active 
{
	color:#49094b !important
}
a img
{
	border: none;
}
#menuhaut ul 
{
	margin : auto;
	position: fixed;
	z-index: 800;
	margin-left: 0px; /* quirks */
	padding-left : 0px;
	padding-top: 4px;
	padding-bottom: 6px;
	background: url(images/fondmenu.png) repeat-x;
	width: 900px;
	text-align: center;
}
.li10 {display : none;}
#container
 {
	margin: auto;
	width: 900px;
	background: #c2d65d;
}
#en_tete1
{	
	padding-top: 40px;
	background-color: #c2d65d;
}
#en_tete2 
{
	background: url(images/titre.png) no-repeat center;
	position: relative;
	width: 900px;
	height: 136px;
	z-index: 700;

}
#activite .p3
{
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: bold;
}
.egalCol {
        float:left;
        position:relative;
        overflow:hidden;
    }
    #container1 {
		margin-top: 20px;
        width: 860px;
        background: #f2f5c7;
	    margin-left: 20px;
    }
    #container2 {
        width: 100%;
        right: 220px; /* = la largeur de la colonne verte */
        background: #c2d65d;
        overflow: visible;
    }
    #container3 {
        width: 100%;
        right:20px; /* = la largeur de la colonne jaune */
        background: #f2f5c7;
        overflow: visible;
		
    }
    #col1, #col2, #col3 {
        left: 240px; /* = #container2{right} + #container3{right} */
    }
    #col1 {
        width: 620px; /* = #container1{width} - #col1{left} */
    }
    #col2 {
        width: 20px; /* = #container3{right} */
    }
    #col3 {
        width: 220px; /* = #container2{right} */
    }

#contenu
{
	width: 860px;
}
#corps
 {
	margin-top : 20px;
	width: 620px;
	background-color: #f2f5c7;	
	float: left;
	height: 900px;
}
#corps2
{	width: 500px;
	height: 350px;
	border: 1px solid #49094b;
	background : #f2f5c7;
	overflow: hidden
}

#corps3
{	width: 610px;
	height: 600px;
	border: 1px solid #49094b;
	background : #f2f5c7;
	overflow: hidden;
}
#colonnedroite 
{
	margin-top : 20px;
	float: right;
	width: 220px;
	background: #f2f5c7;
	height: 900px;
}
#onglet1
{	
	background: url(images/onglet1.png) no-repeat;
}
#onglet2
{	
	background: url(images/onglet2.png) no-repeat;
}
#onglet3
{	
	background: url(images/onglet3.png) no-repeat;
}
#onglet4
{
	background: url(images/onglet4.png) no-repeat;
}
#onglet5
{
	background: url(images/onglet5.png) no-repeat;
}
.onglet
{
	padding-left: 10px;
	padding-right: 10px;
}
#OSRecherche
{ 
	margin-top: px;
	margin-left: px;
	width: 200px;	
	padding-left: 3px;
	padding-bottom: 5px;
}
#carte
{
	margin-left: 45px;
	border: 3px solid #c2d65d;
	width: 530px;
	height: 530px;
}
#piedcolonne
{
	clear: both;
	background: url(images/piedcolonnes.png) no-repeat bottom;
	height: 54px;
}
#imgpdp
{
	margin-top: 30px;
	background: url(images/imgpdp.gif) no-repeat;
    width: 900px;
	height: 155px;
}
#pied_de_page
{	
	padding-bottom: 7px;
	/*height: 35px;*/
	background-color : #b651ba;
}
#valid
{
	position: relative;
	z-index: 100;
	float: right;
	margin-right: 35px;
	margin-top: -5px;
}
#valid2
{
	position: relative;
	z-index: 150;
	float: right;
	margin-right: 10px;
	margin-top: -5px;
}
p
{
	color : #49094b;
	padding-top: 15px;
	text-align: center;
}
h1
{
	padding-top: 15px;
	text-align: center;
}
.p1 
{
	color: #ffffff;
	margin-top: 0px;
	font-weight: bold;
}
.p1bis
{
	background: url(images/bienvenue.png) no-repeat;
	height : 54px;
	color: #ffffff;
	margin-top: 0px;
	font-size: 140%;
	font-weight: bold;
}
.p2 
{
	padding-left: 40px;
	padding-right: 40px;
	text-align: justify;
	line-height: 19px;
}
.p2bis
{
	padding-left: 40px;
	padding-right: 40px;
	font-weight: Bold;
	line-height: 19px;
}
.p5
{
	font-size: 120%;
}
.p3
{
	font-style: italic;
	font-size: 85%;
}
.p3bis
{
	padding-left: 40px;
	padding-right: 40px;
	text-align: justify;
	font-size: 85%;
}
.p3biscgv
{
	padding-top: 0px;
	padding-left: 40px;
	padding-right: 40px;
	text-align: justify;
	font-size: 85%;
	font-weight: bold;
}
.p3ter
{
	padding-top: 0px;
	padding-left: 5px;
	padding-right: 5px;
	text-align: justify;
	font-size: 95%;
	font-style: italic;
}
.p4
{
	padding-right: 10px;
	font-style: italic;
	font-size: 80%;
}
a.p4
{	
	font-weight: normal
}
.li1
{
	display: inline;
	padding-right: 64px;
	list-style: none;
}
.li2
{
	display: inline;
	padding-left: 64px;
	list-style: none;
}
.li3
{
	display: inline;
	padding-left: 0px;
	padding-right: 0px;
	list-style: none;
}
.li4
{
	color : #49094b;
	font-size: 85%;
	text-align: justify;
	list-style: circle;
}
.img1
{	
	float: left;
	display: block;	
	margin-left: 30px;
	margin-right: 30px;
}
.img2
{	float: right;
	display: block;
	margin-left: 30px;
	margin-right: 30px;
}
.imgvideo
{	float: right;
	display: block;
	margin-left: 30px;
	margin-right: 40px;
}
.img3
{
	display: block;
	margin-left: 25px;
	margin-right: 25px;
	margin-top: -5px;
	max-width: 250px;
	max-height: 187px;
}
.img4
{
	display: block;
	margin: auto;
}
.img5
{	float: right;
	display: block;
	margin-left: 40px;
	margin-right: 30px;
}

#meteo table
{
  margin: 0px;
  width: 150px;
}
#meteo td
{
	padding-top: 0px;
	padding-bottom: 0px;
	padding-right: 0px;
	padding-left: 0px;
}
.rech
{
   margin: auto;
   border-collapse: collapse;
   width: auto;
}
table
{
   margin: auto;
   border-collapse: collapse;
   width: 540px;
}
caption
{
   margin: auto;
   font-weight: bold;
   color: #49094b;
   padding-bottom: 20px;
}
th 
{ 
   color: #49094b;
   font-size: 90%;
   padding: 3px;
   border-top: 1px solid #49094b;
}
.th2
{ 
   color: #49094b;
   font-size: 90%;
   padding: 3px;
   border-top: 1px solid #49094b;
   border-bottom: 1px solid #49094b;
}
td
{
	color: #49094b;
	font-size: 90%;
	padding: 9px;
}
td.groupe
{	
	font-size: 100%;
	padding-top: 0px;
	width: 50%;
}
td.td2
{
	font-weight: bold;
	font-size: 85%;
	border-top: 1px solid #49094b;
	text-align: center;
}
td.td2bis
{
	font-size: 85%;
	text-align: center;
}
.tr1 
{
   text-align: center;
   background : #c7d67d;
}
.tr2
{
   text-align: center;
}
.tr3
{
	font-size: 90%;
}
#diapo
{
    float: left;
    width: 900px;
    height: 136px;
}
#diaporama {
    position:relative;
    height:136px;
    overflow: hidden;
}
    #diaporama a {
        position:absolute;
    }
    
    #diaporama a img {
        border:none;
		float: left;
    }
    
    #diaporama a.show {
        z-index:500
    }
 
    #diaporama .titre {
        z-index:600; 
        background-color: #B651BA; 
        height:22px; 
        width:100%; 
        position:absolute;
        bottom:0;
    }
    #diaporama .titre .contenu  {
        margin:5px;
		color:#ffffff;
		font-weight: bold;
    }
.items
{
	color: #49094b;
	text-align: left;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	background-color:#C7D67D;
	font-style: italic;
	font-size: 85%;
}
.commentaires
{
	padding-left: 5px;
	padding-right: 5px;
	text-align: justify;
	background-color:#f2f5c7;
}
#Div_XML
{	
	margin-left: 40px;
	width: 540px;
	padding-bottom: 30px;
}

/* info bulle */

a.info {
   font-weight : normal;
   position: relative;
   color: #49094b;
   text-decoration: none;
   border-bottom: 1px #49094b dotted; /* On souligne le texte. */
}
a.info span {
   display: none;/* On masque l'infobulle. */
}
a.info:hover {
   background: none; /* Correction d'un bug d'Internet Explorer. */
   z-index: 800; /* On d�finit une valeur pour l'ordre d'affichage. */

   cursor: help; /* On change le curseur par d�faut par un curseur d'aide. */
}
a.info:hover span {
   display: inline; /* On affiche l'infobulle. */
   position: absolute;

   white-space: nowrap; /* On change la valeur de la propri�t� white-space pour qu'il n'y ait pas de retour � la ligne non d�sir�. */

   bottom: 30px; /* On positionne notre infobulle. */
   left: -50px;

   background: #f2f5c7;

   color: #49094b;
   padding: 3px;

   border: 1px solid #49094b;
   
}
.load
{
    background:url('images/chambres.gif') no-repeat center;
}
.sw-sitraWidgetListeObjetsTouristiques
{
	background-color:#c2d65d !important ;
}
	
.header .titre.vignette-portrait 
{
        color:#49094b !important;
}
.container.vignette-portrait
 {
	    border: solid 4px #c2d65d !important; 
        background:#c2d65d !important;
}
#ui-datepicker-div
{
	z-index : 1000 !important;
}
.imgfb
{
	width: 30px;
	height: 30px;
	margin-bottom: -10px;
	float: right;
	margin-top: px;
	margin-right: px;
}
.imgtw
{
	width: 30px;
	height: 30px;
	margin-bottom: -10px;
	float: right;
	margin-top: px;
	margin-right: px;
}
.imggram
{
	width: 30px;
	height: 30px;
	margin-bottom: -10px;
	float: right;
	margin-top: px;
	margin-right: px;
}
.imgfb2 {display:none;}
.imgtw2 {display:none;}
.imggram2 {display:none;}

#ancre1small {display: none;}

.wrapper {
	margin-right: auto;
	margin-left: auto;
	max-width:560px;
}

#notreformulaire{ 
	
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	background:;
	padding:25px;
	
}


#contact label { 
	cursor:pointer;
	color:#49094b;
font-size: 85%;
	font-style : italic;
	
	
}

.inline {display: inline;}
.formul { 
	display:block;
	width:95%;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	background-color:#f2f5c7;
	color:#49094b;
	border:1px solid #49094b;
	padding:10px;
	margin-bottom:;
}

textarea { 
	display:block;
	width: 95%;
	border-radius:4px;
	-webkit-border-radius:4px;
	-moz-border-radius:4px;
	background-color:#f2f5c7;
	color:#49094b;
	border:1px solid #49094b;
	padding:10px;
	margin-bottom:;
}
select
{
min-width: 155px;}

#scrollToTop a{
    background-image: url(images/flechehaut.png);
    background-repeat: no-repeat;
	color: transparent;
	bottom: 10px;
    height: 30px;
    position: fixed;
    right: 10px;
    text-indent: px;
    width: 30px;
}
*{margin:10;padding:0/*;-webkit-box-sizing:border-box;box-sizing:border-box*/}
/*marquee*/
.marquee{min-width:214px;height:30px;margin:10px auto;overflow:hidden;position:relative;background:#f2f5c7}
.marquee li a{color:#49094b;text-decoration:underline}
.marquee li{
list-style : none;
position:absolute;
width:100%;
height:;
margin:-8px;
line-height:30px;
text-align:center;
color:#49094b;
text-shadow: ;
-webkit-transform:translateX(100%);
transform:translateX(100%);/*important 100%*/}

/*l'animation dure 40s avec delai de 10s entre chaque texte*/
.marquee li:nth-child(n){animation:defilement 40s ease infinite;-webkit-animation:defilement 40s ease infinite}

/*delai de 10s entre chaque texte*/
.marquee li:nth-child(1){}/*texte 1*/
.marquee li:nth-child(2){animation-delay:10s;-webkit-animation-delay:10s}/*texte 2*/
.marquee li:nth-child(3){animation-delay:20s;-webkit-animation-delay:20s}/*texte 3*/
.marquee li:nth-child(4){animation-delay:30s;-webkit-animation-delay:30s}/*texte 4*/

/*animation*/
@keyframes defilement{0%{transform:translatex(100%)}10%{transform:translatex(0)}20%{transform:translatex(0);opacity:.8}50%{transform:translatex(-100%);opacity:0}100%{transform:translatex(-100%)}}
	
/*animation webkit*/
@-webkit-keyframes defilement{0%{-webkit-transform:translatex(100%)}10%{-webkit-transform:translatex(0)}20%{-webkit-transform:translatex(0);opacity:.8}50%{-webkit-transform:translatex(-100%);opacity:0}100%{-webkit-transform:translatex(-100%)}}	

.leaflet-top,
.leaflet-bottom
{
	z-index : 700 !important;
}