/* CSS Document 
For Saint martin 
Author : Drcerveau
Site : www.drcerveau.com
*/


/*positionnement---------------------------------------------------*/
body{
margin: 0;
padding: 0;
background: url(img/fond.jpg) top center repeat-x ;
background-color:#e2e8da;
color: #000;
font-family: verdana,"Lucida Sans Unicode", Tahoma, Geneva, sans-serif;
font-size:0.8em;
}

#conteneur {
position: absolute;
margin-top:0px;
width: 810px;
left: 50%;
margin-left: -402px;
background:  url(img/cont_g.jpg) top left repeat-y;
}

/*header*/
#header{
width: 810px;
height: 257px;

background:  url(img/header.jpg) no-repeat ;
}





/*http://css.alsacreations.com/modeles/modele3.htm*>
/*contenu*/
#left{
position: absolute;
left:0;
width:200px;
background:  url(img/cont_g.jpg) top left repeat-y;
}

#leftlierre {
position: absolute;
left:0;
width:200px;
margin:0;
background: url(img/lierre_g.jpg) top left no-repeat  ;
}

#right {
	width:auto;
	margin-left:200px;	
	/*height:auto;*/
	background:  url(img/cont_d.jpg) top right repeat-y;
}
#rightlierre {
	width:auto;
	margin-left:200px;
	margin:0;
	/*height:auto;*/
	background:  url(img/lierre_d.jpg) top right no-repeat;
}
#rightcontenu{
margin-left:15px;
width:520px;
}
#rightcontenu petit{
font-size:0.8em;
}

/*footer*/
#footer{
clear:left;
width:auto;
height: 13px;
background:  url(img/footer.jpg) no-repeat ;
}

/*mise en page---------------------------------------------------*/
.separation{
width:100%;
height: 34px;
background:  url(img/lierre_central.jpg) center no-repeat ;
}

#footer{
text-align: center;
font-size:0.8em;
line-height:0.9em;
color: #000;
}


#leftlien{
margin-top:20px;
margin-left:70px;
}

#leftlien ul{
margin:0px;
padding:0px;
}
#leftlien li{
margin-left:0px;
background:url(img/link.gif) left no-repeat;
padding-left:30px;
list-style:none;
line-height:2.5em;
}
#leftlien a{
font-weight:bold;
color: #000;
text-decoration:none;
}
#leftlien a:hover, a:active,a:visited{
font-weight:bold;
color: #76983E;
text-decoration:none;
} 
#leftlangue{
width:146px;
margin-right:6px;
margin-left:49px;
text-align:center;
border-top:1px solid black;
}
#leftlangue a{
color:#6A3A38;
font-size:11px;
}

/*General------------------------------------------*/
#right a,a:hover, a:active,a:visited {
color: #000;
text-decoration:underline;
}
input, textarea, select {
	background-color: #F4F5EF; 
	margin: 0;
	padding:0;
	color: #000;
	font-size: 1em;
	font-family: "Lucida Sans Unicode", Tahoma, Geneva, sans-serif;
	border: 1px solid #336633;
}


#contenu .titre{
color:#AF6901;
font-size: 1.8em;
margin:0;
}

#contenu .blabla{
margin:0 0 0 15px;
padding-left:15px;
border-left:1px solid black;
font-size: 1em;
color:#000;
}
#rightcontenu .blockquote{
width: 520px;
padding:5px;
/*font-size: 0.8em;
color:#000;*/
border:dotted 1px #000000;
background-color:#faffe7;
/*background:url(img/block.jpg) left repeat-y;*/
}
#rightcontenu .blockquote .titre{
font-size: 1.3em;
font-weight:400;
}




/*Style pour le calendrier----------------------------------*/
.petitrouge{
color: #FF0000;
font-size:x-small;
font-family:Arial, Helvetica, sans-serif;
}
.rouge{
color: #FF0000;
font-family:Arial, Helvetica, sans-serif;
}
.marron {
color: #960;
font-family:Arial, Helvetica, sans-serif;
}
.dotted100{
width:100%;
border:dotted 1px #000000;
font-family:Arial, Helvetica, sans-serif;
padding-left:5px;
padding-right:5px;
background-color:#F1F5E9;
}
.dotted{
width:500px;
border:dotted 1px #000000;
font-family:Arial, Helvetica, sans-serif;
}
.statut1 {
	background-color: #33FF00;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
.statut2 {
	background-color: #3366FF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
.statut3 {
	background-color: #FF0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
}
.jour {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight:bold;
	background-color: #F5F5F5;	
}
.nom {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	background-color: #F2FCCF;
}
a.date:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
	font-weight:100;
}
a.date:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}
a.date:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	/*font-weight:bold;*/
	color:#0000FF;
	text-decoration: none;
}
a.date:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-decoration: none;
}
.head {
	color: #000000;
	font-family: Tahoma;
	font-weight: bold;
	font-size: 13px;
	text-transform: uppercase;
	border: 3px solid #666666;
	background-color:#CCCCCC
}
a.box {
	padding: 3px;
	background-color: #FFFFFF;
	text-decoration: none;
	border: 3px outset #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
a.box:active {
	padding: 3px;
	text-decoration: none;
	background-color: #FFFFFF;
	border: 3px inset #CCCCCC;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}
.texte_petit {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
}

#divtripadvisor{
	position:absolute;
	top:500px;
	margin-left:-43px;
}