/* AFFICHAGE GENERAL */
* {
margin:0;
padding:0;
}

a img { border:0; }

body {
font: normal 11px/1.4 Arial, Verdana, sans-serif;
color:#646363;
margin-top:18px;
background-color:#E6EDEF;
}

div.spacer {
width:auto;
font-size:1px;
line-height:1px;
clear:both;
}

div.separateur {
width:auto;
padding:0 10px 10px 10px;
margin-top:10px;
line-height:1px;
clear:both;
background:url(./img/pointillesH.gif) top left repeat-x;
}


/* AFFICHAGE HEADER */
#header {
background:url(./img/bg_header.gif) top left no-repeat;
height:95px;
width:962px;
margin-left:auto;
margin-right:auto;
}

#logo {
padding-top:13px;
padding-left:28px;
}

#menu {
background:url(./img/bg_menu.gif) top right no-repeat;
width:962px;
height:20px;
margin-left:auto;
margin-right:auto;
}

#visus {
background: url(./img/bg_visus.gif) top left repeat-y;
width:962px;
height:306px;
margin-left:auto;
margin-right:auto;
}

#tit_visus_home {
float:left;
background: url(./img/tit_visus_home.gif) bottom left no-repeat;
width:213px;
height:306px;
padding-bottom:0;
}

#visus_home {
float:left;
background:#388698 url(./img/visus_home.jpg) top right no-repeat;
width:749px;
height:306px;
padding-bottom:0;
}

#tit_visus_dormir {
float:left;
background: url(./img/tit_visus_dormir.gif) center left no-repeat;
width:213px;
height:306px;
padding-bottom:0;
}

#visus_dormir {
float:left;
background:#388698 url(./img/visus_dormir.jpg) top right no-repeat;
width:749px;
height:306px;
padding-bottom:0;
}

#tit_visus_detendre {
float:left;
background: url(./img/tit_visus_detendre.gif) center left no-repeat;
width:213px;
height:306px;
padding-bottom:0;
}

#visus_detendre {
float:left;
background:#388698 url(./img/visus_detendre.jpg) top right no-repeat;
width:749px;
height:306px;
padding-bottom:0;
}

#tit_visus_travailler {
float:left;
background: url(./img/tit_visus_travailler.gif) center left no-repeat;
width:213px;
height:306px;
padding-bottom:0;
}

#visus_travailler {
float:left;
background:#388698 url(./img/visus_travailler.jpg) top right no-repeat;
width:749px;
height:306px;
padding-bottom:0;
}

#tit_visus_visiter {
float:left;
background: url(./img/tit_visus_visiter.gif) center left no-repeat;
width:213px;
height:306px;
padding-bottom:0;
}

#visus_visiter {
float:left;
background:#388698 url(./img/visus_visiter.jpg) top right no-repeat;
width:749px;
height:306px;
padding-bottom:0;
}

#tit_visus_reserver {
float:left;
background: url(./img/tit_visus_reserver.gif) center left no-repeat;
width:213px;
height:306px;
padding-bottom:0;
}

#visus_reserver {
float:left;
background:#388698 url(./img/visus_reserver.jpg) top right no-repeat;
width:749px;
height:306px;
padding-bottom:0;
}

#sub_visus {
background: url(./img/bg_sub_visus.gif) top left repeat-y;
width:937px;
height:20px;
margin-left:auto;
margin-right:auto;
padding-left:25px;
}

/* AFFICHAGE CONTAINER */
#container {
width:962px;
padding-top:15px;
padding-bottom:20px;
background: url(./img/bg_container.gif) repeat-y;
margin-left:auto;
margin-right:auto;
}


/* AFFICHAGES CONTENT */
#content_home {
width:955px;
background: url(./img/bg_content.gif) repeat-y;
}

#content_resa {
width:955px;
}
.content_resa h1 {
font-size:1.6em;
color:#388698;
padding:0 0 5px 0;
text-align:center;
}

/* BOITE */
div.boite {
margin-bottom:0px;
padding-bottom:3px;
margin-top:0px;
}

/* TITRE_BOITE */
.titreBoite {
width:500px;
padding-top:20px;
}

.titreBoite_cuisine {
width:480px;
}

.titreBoite h2 {
color:#D52B1F;
font-size:1.6em;
margin-top:0px;
font-weight:bold;
}

.titreBoite_cuisine h2 {
color:#D52B1F;
font-size:1.6em;
margin-top:0px;
font-weight:bold;
}

/* SOUS_BOITE */

div.sousBoite {
margin-bottom:5px;
margin-top:0px;
padding:5px 0 5px 22px;
}

div.1colonne {
width:650px;
margin-bottom:5px;
margin-top:0px;
padding:5px 0 5px 0;
}

span.sousBoite {
color:#D81204;
}

.sousBoite h2 {
font-size:1.6em;
color:#388698;
padding:0 0 5px 0;
}

.sousBoite h3 {
font-size:1.8em;
color:#777;
}

.sousBoite h4 {
font-size:1.1em;
font-weight:bold;
color:#565A63;
}

.sousBoite img.floatleft {
float:left;
border:1px solid #A1A1A2;
margin:0 10px 0 0;
padding:1px;
position:relative;
top:2px;
}

.sousBoite object.floatleft {
float:left;
border:1px solid #A1A1A2;
margin:0;
padding:1px;
position:relative;
top:2px;
}

.sousBoite span a {
color:#D81204;
text-decoration:none;
}

.sousBoite span a:hover {
color:#FF0000!important;
text-decoration:underline;
}


/* AFFICHAGES COLONNE */
div.colonne {
width:267px;
float:left;
margin:0;
padding:0 25px 0 25px;
text-align:left;
}

.colonne h1 {
font-size:1.6em;
color:#388698;
padding:0 0 5px 0;
}

.colonne h2 {
color:#D52B1F;
font-size:1.0em;
margin-top:0px;
}

.colonne span {
color:#D52B1F;
margin-top:0px;
}

div.colonne_form1 {
width:350px;
float:left;
margin:0;
padding:0 30px 0 0;

}

.colonne_form1 span {
color:#FF0000;
text-align:left;
}


div.colonne_form2 {
width:510px;
float:left;
margin:0;
padding:0;

}

.colonne_form2 span {
color:#D52B1F;
font-weight:bold;
text-align:left;
}

.colonne img.floatleft {
float:left;
border:1px solid #A1A1A2;
margin:0 5px 0 0;
padding:1px;
position:relative;
top:2px;
}

.colonne object.floatleft {
float:left;
border:1px solid #A1A1A2;
margin:0;
padding:1px;
position:relative;
top:2px;
}

.colonne span a {
color:#D81204;
text-decoration:none;
}

.colonne span a:hover {
color:#FF0000!important;
text-decoration:underline;
}

div.colonne_txt {
width:155px;
float:left;
margin:0 10px 0 0;
padding:5px 5px 5px 0;
text-align:left;
}

.colonne_txt span a {
color:#D81204;
text-decoration:none;
}

.colonne_txt span a:hover {
color:#FF0000!important;
text-decoration:underline;
}


/* AFFICHAGE FOOTER */
#footer {
width:962px;
height:40px;
line-height:13px;
background: url(./img/bg_footer.gif) top no-repeat;
text-align:center;
margin-left:auto;
margin-right:auto;
color:#8cb4c0;
}

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

#footer a:hover {
color:#FF0000;
}


/* FORMULAIRE */
.form {
width:908px;
margin:10px 0 0 0;
padding-left:10px;
background:#F9F9F9;
border:1px solid #D0D5D5;
}

legend { display:none; }

.form fieldset {
border:0;
padding:5px;
margin:10px 0 10px 0;
}

.form label {
float:left;
display:block;
width:140px;
text-align:left;
margin:0 10px 0 0;
position:relative;
top:1px;
color:#666;
font-size:1em;
}

.form input, select, file, textarea {
font-size:11px;
color:#393D4D;
padding:2px 2px 2px 4px;
border:1px solid #A1A1A1;
}

.form select{
padding:0;
border:1px solid #A1A1A1;
}

.form textarea {
font-family:arial, verdana, helvetica, sans-serif;
}

.form input.button {

padding-top:1px;
padding-bottom:1px;
padding-left:4px;
padding-right:4px;
border-style:solid;
border-width:1px;
border-top-color:#D0D5D5;
border-left-color:#D0D5D5;
border-bottom-color:#465959;
border-right-color:#465959;
background-color:#FFF;
font-family:Arial, Helvetica, Geneva, sans-serif;
font-size:11px;
font-weight:bold;
color:#D81204;
}

.form input.checkbox, input.radio { 
border:0; 
margin-right:2px; 
width:12px;
}

.form p {
margin:0 0 10px 0!important;
}