@import url(calendrier.css);

html, body {
 height:100%;
 margin:0;
 padding:0;
}

td {
 font-family:Verdana;
 font-size:11px;
 color:#632a0b;
}

a {
 color:#D63B02;
 text-decoration:none;
}

a:hover {
 color:#003399;
 text-decoration:none;
}

.un {
 color:#632A0B;
 text-decoration:none;
 font-size:1.1em;
}

a.un:hover {
 color:#003399;
 text-decoration:none;
}

.dx {
 color:#fff;
 text-decoration:none;
}

a.dx:hover {
 color:#ffcc00;
 text-decoration:none;
}

.txtblanc {
 color:#fff;
}

.chps {
 font-family:Arial, Helvetica, sans-serif;
 font-size: 0.8em;
}

.gras {
 font-weight:bold;
}

.titxt {
 font-size:0.9em;
}

.italic {
 font-style:italic;
}

.txtalign {
 text-align:justify;
}

.grasblanc {
 font-weight:bold;
 color:#fff;
}

.grasnoir {
 font-weight:bold;
 color:#000000;
}

.grasor {
 font-weight:bold;
 color:#ff6600;
}

.tr1 {
 font-size:1.7em;
 font-weight:bold;
 color:#000000;
}

.strouge {
 font-size:1.1em;
 color:#d63b02;
}

.logo {
 width:650px;
 background:url('images/hotel.gif') right bottom no-repeat;
}



/* MOTEUR DE RECHERCHE ------------------------------------------------------ */

#moteur {
 padding:0;
 margin:0;
 height:none;
}

#moteur {
 width:100%;
 color:#fff;
 background:#632a0b;
}

#AVP {
 padding-bottom:2px;
 border-bottom:1px solid #632a0b;
}

#moteur table td {
 padding:3px 0;
}

#moteur label {
 float:left;
 color:#fff;
 padding:3px 5px 2px 0;
}

#moteur .champ select {
 float:left;
 padding:0;
 margin:0 2px 0 0;
 font-size:11px;
}

#moteur .champ {
 float:left;
 padding:0 5px;
}

#moteur .conteneur {
 float:right;
}

#moteur button {
 float:left;
 border:none;
 cursor:pointer;
 margin-left:3px;
 background:#f99302;
}

#moteur button:hover {
 background:#d63b02;
}



/* FORMULAIRE --------------------------------------------------------------- */

.transition {
 clear:both;
 height:10px;
 width:400px;
 margin:10px auto 0 auto;
 border-bottom:1px solid #632a0b;
}

.transition.max {
 margin:10px auto;
}

#formulaire {
 clear:both;
 float:left;
 width:650px;
 padding:0 10px;
 voice-family: "\"}\"";
 voice-family:inherit;
 width:630px;
}

#formulaire p {
 margin:0; /* correctif */
}

#formulaire .colonne {
 float:left;
 width:50%;
 padding-bottom:20px;
}

#formulaire h3 {
 font-size:11px;
 margin-top:10px;
 text-transform:uppercase;
}

#formulaire h3 span {
 text-transform:none;
}

#formulaire span {
 color:#d63b02;
 font-weight:bold;
}

#formulaire .champ,
#formulaire .champRadio {
 clear:both;
 float:left;
 width:100%;
 padding:5px 0;
}

#formulaire .champ label,
#formulaire .champRadio label {
 float:left;
 width:145px;
 text-align:left;
 padding-right:5px;
 voice-family: "\"}\"";
 voice-family:inherit;
 width:140px;
}

#formulaire .champRadio .label {
 float:left;
 color:#632a0b;
 padding:2px 5px 0 0;
 font-weight:normal;
}

#formulaire .champRadio input {
 float:left;
}

#formulaire .champ input,
#formulaire .champ select,
#formulaire .champ textarea,
#formulaire .champRadio select {
 float:left;
 font-size:11px;
 background:#fff;
 border:1px solid #632a0b;
 font-family:Arial, Helvetica, sans-serif;
}

#formulaire .champ input,
#formulaire .champ select,
#formulaire .champ textarea {
 padding:1px;
}

#formulaire .champRadio select {
 margin-right:3px;
}

#formulaire .champ input,
#formulaire .champ select {
 width:137px;
 voice-family: "\"}\"";
 voice-family:inherit;
 width:135px;
}

#formulaire .champ textarea,
#formulaire .champ.max input {
 width:452px;
 voice-family: "\"}\"";
 voice-family:inherit;
 width:450px;
}

#formulaire .champ.num input {
 width:52px;
 voice-family: "\"}\""; 
 voice-family:inherit;
 width:50px;
}

#formulaire .champ button {
 float:left;
 border:none;
 padding:0;
}

#formulaire .actions {
 clear:both;
 float:left;
 width:100%;
 padding:15px 0;
}

.message {
 clear:both;
 float:left;
 width:100%;
 padding:5px 0 15px 0;
}