body{width:100%; background-image:url(../img/Fond.jpg);}



#content {width:760px; height: 524px; background-color:white; border: 10px solid white; margin:auto; margin-top:20px; }

#content a img{border: none;}

#slide{width: 760px; margin-top:-2px;}

/*////////////////////////////////Header///////////////////////////////////*/

#header {width: 760px; height:103px; background-image:url(../img/header.gif); background-repeat:no-repeat; margin: auto;}

#header ul { width: 240px; margin: 0 auto; list-style: none; float: right;line-height:90%; margin-right: 5px; }

#header ul li { font-size: 10px; text-align: left; vertical-align:middle;}



#header .gris a{font-family: Arial, Verdana; color:#CCCCCC; text-decoration: none; padding-left: 15px;}

#header .blanc a{font-family: Arial, Verdana; color:#FFFFFF; text-decoration: none; padding-left: 15px;}



#header a:hover{color:#bb2727;

background-image:url(../img/puce.jpg);

background-repeat:no-repeat;

background-position: 0% 0%;

padding-left: 15px;}



#header span {color:#bb2727;font-family: Arial, Verdana;text-decoration: none;

background-image:url(../img/puce.jpg);

background-repeat:no-repeat;

background-position: 0% 0%;

padding-left: 15px;}





/*/////////////////////////////////////footer//////////////////////////////////////////////////*/

#footer{width: 780px; margin: auto; margin-top: -20px; position:relative;}

#footer p{font-size:10px; font-family:Arial, Verdana; color:#CCCCCC; text-align:left;}

#footer a{color:#CCCCCC;text-decoration: none;}



/*////////////////////////////////Accueil//////////////////////////////////*/

#img_accueil {width: 513px;  margin-top: -3px;}

#accueil {width: 237px; margin-left: 513px; margin-top:-420px; }

#accueil p{font-size:12px; font-family: Arial, Verdana; color:#333333; text-align:justify; padding-left:20px; }

#accueil h1{font-size: 13px; padding-left:20px; font-family: Arial, Verdana; color:#333333; text-align:left; margin-top:10px;}





/*//////////////////////////Formulaire Vos Impressions/////////////////////*/

#img_impression{width: 425px; float: left;}

#formulaire{width: 325px; margin-left:425px; padding-left:10px;}

#formulaire p{font-size:0.8em; font-family: Arial, Verdana;}



.email{width: 325px; float: right; }

.message {width: 325px; float: right;}

.boutons {width: 220px; padding-right: 80px; }



/*//////////////////////////////////retour//////////////////////////////////*/

#retour {width:390px; margin-left: 360px;margin-top: -300px;}

#retour p{font-size: 12px; font-family: Arial, Verdana; color: #000000; font-weight: bold;}





/*/////////////////////////reservation en ligne//////////////////////////*/



INPUT {background-color:#e3e3e3;}

textarea {background-color:#e3e3e3; overflow:hidden;}

#img_resa {width: 281px; float: left;}

#formulaire2 {width: 469px; margin-left: 281px;}

#formulaire2 table{width:469px;font-family:Arial; text-align:right;font-size:12px;}

.ligne{margin: 0px; padding: 0px; height: 15px;}

.ligne2{margin: 0px; padding: 0px; height: 15px; margin-top:-10px; }

.vi4{ font-size:12px; text-align: center; vertical-align:middle;font-family:Arial; font-weight:bold; margin-top: 150px;}

.lignedate{margin: 0px; padding: 0px; float: left;}

.lignedate2{margin: 0px; padding: 0px; float: right;}

.red{font-size:10px; text-align: right; color:#CC0000; font-family:Arial; font-weight:bold; margin-bottom:-20 ; padding: 0;}





/*/////////////////////////////Contact//////////////////////////////////////////////*/

#texte_contact {width: 450px; margin-left:314px;margin-top: -421px;}

#texte_contact p{font-size:12px; font-family: Arial, Verdana; color:#333333; text-align:left;}

#texte_contact table {margin-top: -5px;}



/*////////////////////////////Dossier de presse///////////////////////////////*/

#dossiers {width: 400px;margin-left:299px; margin-top:-420px;}
#dossiers h1{width: 481px; padding-top: 22px; font-size: 13px; font-family: Arial, Verdana; color:#000000;}

#dossiers a{ font-size: 10px; font-family: Arial, Verdana; color:red; }



/*//////////////////////////////Menu////////////////////////////////////////////////*/

#type {width:456px; overflow:auto; margin-left:304px; margin-top: -421px; text-align: right; float: right;}

#type a {text-decoration: none;color:#666666; padding-right:15px; }

/*#type p{width: 280px; font-family: Arial, Verdana; font-weight: bold;font-size: 10px; text-align: left; margin-top:20px;}*/

ul .text {width: 300px;float: left; margin-left: -20px;}

#type ul{line-height: 85%;margin-top:20px;}

#type ul li { font-family: Arial, Verdana; font-weight: bold;font-size: 11px; text-align: right; list-style: none;}

#type a.click{color: #bb2727; text-decoration: none; background-image:url(../img/puce.jpg); background-repeat:no-repeat;background-position: 100% 65%;padding-right: 15px;}

#type a.wait{color: #666666; text-decoration: none;}

#type a.wait2{color: #000000; text-decoration: none;}

#type a:hover{color:#bb2727;background-image:url(../img/puce.jpg); background-repeat:no-repeat;background-position: 100% 65%; padding-right: 15px;}


.mention {width: 350px; margin-left:324px; margin-top: -20px;}

.mention p{text-align: left;font-family: Arial, Verdana; font-style:italic ;font-size:10px; color:#666666; }

.titreMenu{
color: #bb2727;
line-height: 85%;
margin-top:20px;
font-size: 13px; 
font-weight: bold;
}
.prixMenu{
color: #bb2727;
font-size: 13px; 
font-weight: bold;
text-align:right;
}
table p{
text-align:left;
margin:0;
padding:0;
width:95%;
}
#xml {

width:450px; 

height: 210px;

overflow: hidden;

position: relative;

margin-left: 304px; 

margin-top: -230px; 

padding-left:10px; 

float: left; 

text-align:left ;

font-family: Arial, Verdana; 

font-size: 12px; 





scrollbar-DarkShadow-Color:white;

scrollbar-3dLight-Color:white;

scrollbar-Arrow-Color:white;

scrollbar-Base-Color:white;

scrollbar-Face-Color:white;

scrollbar-Highlight-Color:white;

scrollbar-Shadow-Color:white;

scrollbar-Track-Color:white;

}



.title{ width: 370px;padding-bottom:15px;}

.title p{ text-align:left; }

.price {width: 50px; float: right; color: #CC0000; padding-left:15px;vertical-align:top;text-align: right;}

.price p{text-align: right; padding-left: 10px; }



/*/////////////////////////////////////postulez////////////////////////////////////////////////

Champs idem que pour reservation en ligne sauf ci dessous              */



.ligne21{margin: 0px; padding: 0px;}





/*///////////////////////////////////////Plan//////////////////////////////////////////////////*/

#texte_plan {width: 211px; margin-left:529px;margin-top: -425px;}

#texte_plan img{border: none; margin-top: 10px;}

#texte_plan p{font-size:12px; font-family:Arial, Verdana; color:#333333; text-align:left;}

#plan img{border: none;}

#plan h5{font-family:Arial;font-weight:bold;}

#plan a {color:#000000;}

.vignettes{ width: 50px; margin-left:529px;}

#retour1{width: 98px; margin-left: 659px; margin-top:-25px;}

/*////////////////////////////////mentions légales//////////////////////////////////////////////*/

#mentions{width: 481px; margin-left:279px; margin-top:-400px; height:400px; overflow:auto;}

#mentions p{padding-left:20px; padding-right:20px; font-size:12px; font-family:Arial, Verdana; color:#333333; text-align:justify;}

#mentions h1{width: 481px; padding-left:20px; padding-top: 20px; font-size: 13px; font-family: Arial, Verdana; color:#000000; }



/*///////////////////////////////////Crédits////////////////////////////////////////////////////*/

#credits{width: 481px; margin-left:279px; margin-top:-400px;}

#credits p{padding-left:20px; padding-right:20px; font-size:12px; font-family:Arial, Verdana; color:#333333; text-align:justify;}

#credits h1{width: 481px; padding-left:20px; padding-top: 20px; font-size: 13px; font-family: Arial, Verdana; color:#000000; }







/*intêgration : Julien Legars

www.aix-webdesign.com*/