body {
font-family : Arial, sans-serif;
font-weight : bold;
background-color:white;
}
#Container {
background : #b9cfe7  url(../Img/GENERAL/DEGRADE_BLEU.jpg) repeat-x;
width : 957px;
height : 570px;
min-height:190px;
border : 4px solid black;
margin : 10px auto 0 auto;
position : relative;
}
#GRILLE_HAUT {
background : url(../Img/GENERAL/GRILLE_HAUT.gif) no-repeat;
width : 438px;
height : 441px;
position : absolute;
top : 0;
right : 0;
opacity:0.40;
filter:alpha(opacity=40);
}

#GRILLE_BAS {
background : url(../Img/GENERAL/GRILLE_BAS.gif) no-repeat;
width : 418px;
height : 339px;
position : absolute;
bottom : -20px;
left : 0;
opacity:0.40;
filter:alpha(opacity=40);
}

#BOULE_BAS {
background : url(../Img/GENERAL/BOULENEIGE_TYPE03BAS.gif) no-repeat;
width : 118px;
height : 356px;
position : absolute;
bottom : -295px;
right : 10px;
}

#Menu {
border-bottom : 2px solid rgb(204, 0, 0);
width : 565px;
list-style-type : none;
top : 35px;
right : 5px;
padding-bottom : 2px;
z-index : 2;
position : absolute;
font-size : 9pt;
}

*html #Menu
{
	width : 545px;
}

*+html #Menu
{
	width : 600px;
}

#Menu li {
background : rgb(204, 0, 0);
display : inline;
color : white;
padding : 3px 4px 1px 4px;
text-align : center;
margin-right:2px;
}

* html #Menu li {
background : rgb(204, 0, 0);
display : inline;
color : white;
margin-right : 3px;
padding : 0 4px 0 4px;
text-align : center;
}

*+html  #Menu li {
background : rgb(204, 0, 0);
display : inline;
color : white;
margin-right : 3px;
padding : 5px 5px 1px 5px;
line-height:10px;
text-align : center;
}

#Menu li a {
color : white;
text-decoration : none;
}

#Menu li img {
border : none;
margin:0;
padding:0;
text-align : center;
}

#LOGO_ACCUEIL {
background-image : url(../Img/ACCUEIL/BLEU/LOGO_BLEU_2.gif);
position : absolute;
z-index : 1;
width : 470px;
height : 478px;
top :60px;
left : 2px;
}
#LOGO_ACCUEIL span {
display : none;
}

#LOGO_VOILE{
background-image : url(../Img/VOILE/VOILIER.gif);
position : absolute;
z-index : 1;
width : 473px;
height : 473px;
top : 30px;
left : 10px;
}

#LOGO_VOILE span{
display : none;
}

#LOGO_MINI {
background-image : url(../Img/GENERAL/PETIT_LOGO_BLEU_NS.gif);
position : absolute;
z-index : 1;
width : 182px;
height : 165px;
top : 15px;
left : 20px;
}
#SKIEUR_NOIR {
background-image : url(../Img/ACCUEIL/SKIEUR-ORANGE.gif);
position : absolute;
z-index : 1;
width : 261px;
height : 242px;
right : 15px;
top : 195px;
}

#SKIEUR_NOIR span{
	display:none;
}

#ADRESSE_ACCUEIL {
text-align : center;
color : #215183;
position : absolute;
z-index : 1;
top : 460px;
left : 500px;
}
#ADRESSE {
text-align : center;
color : #215183;
position : absolute;
z-index : 1;
font-size : 10pt;
bottom : 15px;
left : 430px;
}
#ADRESSE a
{
	color : #215183;
}

#ADRESSE_ACCUEIL a
{
	color : #215183;	
}

#MARQUE_ACCUEIL {
color : white;
text-align : center;
position : absolute;
z-index : 1;
top : 220px;
font-style : italic;
font-size : 10pt;
left : 480px;
}

#MARQUE_ACCUEIL h2 {
color : white;
font-style : normal;
font-size : 13pt;
}

#CARTE_FRANCE {
position : absolute;
background-image : url(../Img/LOCALISATION/CARTE_FRANCE.gif);
width : 83px;
height : 84px;
z-index : 1;
left : 50px;
top : 280px;
}
#CARTE_74 {
position : absolute;
background-image : url(../Img/LOCALISATION/CARTE_74.gif);
width : 428px;
height : 244px;
top : 270px;
left : 120px;
z-index : 1;
}
#CARTE_STGERVAIS {
position : absolute;
background-image : url(../Img/LOCALISATION/CARTE_STGERVAIS.gif);
width : 340px;
height : 340px;
z-index : 1;
right : 110px;
top : 150px;
}

.TITRE_ACCUEIL {
color : white;
position : absolute;
right : 80px;
top : 100px;
font-size : 18pt;
text-align : center;
}

.TITRE_ACCUEIL span{
display:none;
}

.TITRE_VOILE {
color : white;
position : absolute;
right : 90px;
top : 100px;
font-size : 23pt;
text-align : center;
}

.DATE_VOILE
{
color : white;
position : absolute;
right : 50px;
top :180px;
font-size : 19pt;
text-align : center;
}

.TITRE_PAGE {
color : white;
position : absolute;
right : 120px;
top : 90px;
font-size : 30pt;
}
.DATE_TARIFS {
color : white;
position : absolute;
right : 50px;
top : 135px;
font-size : 18pt;
text-align : center;
}

.BOULE_1_ACCUEIL{
position:absolute;
left:440px;
top:110px;
}

.BOULE_2_ACCUEIL {
position:absolute;
left:880px;
top:140px;
}

.BOULE_1_VOILE{
position:absolute;
left:530px;
top:120px;
}

.BOULE_2_VOILE {
position:absolute;
left:860px;
top:140px;
}

.BOULE_1_SERV {
position : absolute;
left : 560px;
top : 100px;
}

.BOULE_1_LIENS{
position : absolute;
left : 650px;
top : 100px;
}

.BOULE_2_LIENS{
position : absolute;
left : 850px;
top : 100px;
}

.BOULE_1_PHOTO{
position : absolute;
left : 600px;
top : 100px;
}

.BOULE_2_PHOTO{
position : absolute;
left : 850px;
top : 100px;
}

.BOULE_1_TARIF {
position : absolute;
left : 540px;
top : 100px;
}

.BOULE_1_LOCA {
position : absolute;
left : 450px;
top : 100px;
}

.BOULE_2_LOCA {
position : absolute;
left : 850px;
top : 100px;
}

.BOULE_1_RESA {
position : absolute;
left : 470px;
top : 100px;
}

.BOULE_2_RESA {
position : absolute;
left : 850px;
top : 100px;
}




.ACCES_LOCA {
color : white;
text-align : center;
right : 10px;
top : 160px;
position : absolute;
}
.SITUATION_LOCA {
color : white;
text-align : center;
left : 230px;
top : 180px;
position : absolute;
padding:5px;
}
.SERVICE_LIBERTE {
position : absolute;
top : 220px;
left : 50px;
z-index : 1;
width : 240px;
text-align : justify;
font-size : 11pt;
color : white;
}
.SERVICE_SECURITE {
position : absolute;
top : 220px;
left : 350px;
z-index : 1;
width : 240px;
text-align : justify;
font-size : 11pt;
color : white;
}
.SERVICE_REPARATION {
position : absolute;
top : 220px;
left : 650px;
z-index : 1;
width : 240px;
text-align : justify;
font-size : 11pt;
color : white;
}
.SERVICE_QUALITE {
position : absolute;
top : 350px;
left : 50px;
z-index : 1;
width : 240px;
text-align : justify;
font-size : 11pt;
color : white;
}
.SERVICE_HYGIENE {
position : absolute;
top : 350px;
left : 350px;
width : 240px;
text-align : justify;
font-size : 11pt;
color : white;
}
.SERVICE_TITRE {
background : url(../Img/SERVICES/SOUS_TITRE.gif) no-repeat;
width : 232px;
height : 35px;
font-size : 12pt;
color : white;
padding : 7px 10px 0 0;
text-align : right;
}
.LOGO_TARIF_PARTICULIER {
position : absolute;
z-index : 1;
left : 230px;
top : 70px;
}
.LOGO_TARIF_GROUPE {
position : absolute;
z-index : 1;
left : 370px;
top : 70px;
}
.TEXT_TARIF_PARTICULIER {
position : absolute;
z-index : 1;
left : 230px;
top : 180px;
color : white;
font-style : italic;
}
.TEXT_TARIF_GROUPE {
position : absolute;
z-index : 1;
left : 390px;
top : 180px;
color : white;
font-style : italic;
}
.TEXT_TARIF_GROUPE a {
color : white;
text-decoration : none;
font-style : normal;
}
.TEXT_TARIF_PARTICULIER a {
color : white;
text-decoration : none;
font-style : normal;
}
.TABLE_TARIF {
font-size : 9pt;
color : white;
position : absolute;
top : 218px;
left : 30px;
width : 900px;
border-collapse : collapse;
text-align : center;
}
.TABLE_TARIF_TITRE {
background : rgb(204, 0, 0);
font-size : 12pt;
border-bottom : 2px solid white;
}
.TABLE_TARIF_RED {
background : rgb(204, 0, 0);
}
.TABLE_TARIF_PINK {
background : rgb(205, 102, 103);
}

#FORM_RESA {
position : absolute;
left : 50px;
top : 200px;
}

#FORM_VOILE
{
position : absolute;
right : 40px;
top : 250px;
}

.TABLE_VOILE {
font-size : 9pt;
color : white;
border-collapse : collapse;
border : 1px solid white;
}

.TABLE_VOILE_PINK {
background : rgb(205, 102, 103);

}
.TABLE_VOILE_RED {
background : rgb(204, 0, 0);
padding:4px;
}

#FRISE_TARIF {
background : url(../Img/TARIFS/FRISE_COTE_ORANGE.gif) no-repeat;
width : 108px;
height : 462px;
position : absolute;
top : 195px;
left : 20px;
z-index : 1;
}

.TABLE_INFO_RESA {
font-size : 8pt;
color : white;
width : 880px;
border-collapse : collapse;
border : 1px solid white;
}
.TABLE_INFO_RESA td,th {
padding-left:2px;
}
.TABLE_INFO_RESA input, select {
border : 1px solid black;
font-size : 8pt;
}
.TABLE_RESA_PINK {
background : rgb(205, 102, 103);
}
.TABLE_RESA_RED {
background : rgb(204, 0, 0);
}
.BLOC_RESA_PERS_RED, .BLOC_RESA_PERS_PINK {
font-size : 8pt;
color : white;
width : 868px;
border : 1px solid white;
margin-top : 5px;
padding : 5px;
text-align : center;
}
.BLOC_RESA_PERS_RED {
background : rgb(204, 0, 0);
}
.BLOC_RESA_PERS_PINK {
background : rgb(186, 40, 40);
}

.BLOC_RESA_TITRE
{
font-size:13pt;
}

input, select, textarea {
border : 1px solid black;
margin : 3px;
font-size : 8pt;
}
option {
text-align : center;
}
textarea {
width : 300px;
height : 60px;
text-align : left;
}

.MESSAGE_RESA {
position : absolute;
top : 200px;
left : 350px;
color : white;
padding : 8px;
border : 3px solid white;
}

.TABLE_LIENS{
font-size : 12pt;
color : white;
position : absolute;
top : 218px;
left : 30px;
width : 900px;
border-collapse : collapse;
text-align : center;
}

.TABLE_LIENS td
{
	font-size : 10pt;
	padding:3px;
}

.TABLE_LIENS th
{
background : rgb(204, 0, 0);
font-size : 12pt;
border-bottom : 2px solid white;
}



.TABLE_LIENS  a
{
	color:white;
}

#Service
{
	position:absolute;
	top:200px;
	left:50px;
}

.BLOC_SERV
{
	position:static;
	float:left;
	width : 240px;
	margin-right:60px;
	margin-bottom:50px;
}

.BLOC_SERV h1
{
	background : url(../Img/SERVICES/SOUS_TITRE.gif) no-repeat;
	width : 232px;
	height : 35px;
	font-size : 12pt;
	color : white;
	padding : 7px 10px 0 0;
	text-align : right;
}

.BLOC_SERV p
{
width : 240px;
text-align : justify;
font-size : 11pt;
color : white;
}

#LIST_PHOTOS
{
	list-style-type: none;
	margin-top:190px;
}


#LIST_PHOTOS li
{
	position: relative;
	float: left;
	margin: 10px;
	height:215px;
	padding:5px;
	text-align: center;
	background-color:white;
	border:1px solid grey;
}

#LIST_PHOTOS img
{
	border:none;
}