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_intro {width:760px; height: 540px; 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:#ff5f00; text-decoration: none; padding-left: 15px;}
#header .blanc a{font-family: Arial, Verdana; color:#78706b; text-decoration: none; padding-left: 15px;}

#header a:hover{color:#ffffff;
background-image:url(../img/puce.jpg);
background-repeat:no-repeat;
background-position: 0% 0%;
padding-left: 15px;}

#header span {color:#ffffff;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:20px;}

/*//////////////////////////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;}

#formulaire3 {width: 469px; margin-left: 301px; margin-top: 20px; font-family:Arial;font-size:12px;}

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

#texte_contact {width: 456px; 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: #ff5f00; 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:#ff5f00;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: #ff5f00;
line-height: 85%;
margin-top:20px;
font-size: 13px; 
font-weight: bold;
}
.prixMenu{
color: #ff5f00;
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: #ff5f00; 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: -435px;}

#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*/