/****************************************************************************************************************************

  KREACTIV STUDIOS

 ****************************************************************************************************************************

 @fichier  : styleLEZARDIERE.css
 @auteur   : Yann Rougeron
 @creation : 27/05/2009
 
 
 /* ------------------------------------------------------------------------------------------------------ corps des pages */

html, body{ 
 margin:0 auto; 
 padding:0; 
 width: 100%;
 height: 100%;
 background-position: top;
 background-color:#420101;
 }
 
 /* ------------------------------------------------------------------------------------------------------ header */

#background{
 padding:0;
 margin:0 auto;
 width:800px;
 background-color:#f1ede2;
}

#flag{
 padding:0;
 margin:0 auto;
 width:800px;
 height:28px;
}

#header{
 width:800px;
}

#nav{
 width:800px;
 height:69px;
}
 
 /* ------------------------------------------------------------------------------------------------------ contenu */
 
.clear {
 clear: both;
}
 
#conteneur {
 margin:0;
 padding:0;
 width:800px;
}

#conteneur1 {
 float:left;
 padding:19px;
 width:370px;
 font: 9pt "Arial, Verdana, Helvetica", Sans-Serif;
 color: #000000;
 font-weight:normal;
 text-align: left;
 text-decoration: none;
}

#conteneur2 {
 float:left;
 width:392px;
 font: 9pt "Arial, Verdana, Helvetica", Sans-Serif;
 color: #000000;
 font-weight:normal;
 text-align: left;
 text-decoration: none;
}

#img2_hp p {
 width:372px;
}

#bloc372 {
 float:left;
 padding:0;
 width:372px;
}

.filet {
float:left;
margin-top:10px;
padding:0;
}

#bloc1 {
 float:left;
 padding:62px 19px 19px 19px;
 width:352px;
 background-color:#f9f8f3;
 border-right: 1px solid #adacab;
 border-left: 1px solid #adacab;
 border-bottom: 1px solid #adacab;
}

.ph_hp {
 float:left;
 width:126px;
}

.ph_hp1 {
 float:left;
 width:94px;
}

.ph_hp2 {
 float:left;
 width:110px;
}

.text_hp {
 float:left;
 margin-left:10px;
 width:230px;
}

.text2_hp {
 float:left;
 margin-top:10px;
 width:347px;
}

.margin10px {
 float:left;
 margin-left:10px;
 width:347px;
}

#bloc2 {
 float:left;
 padding:19px;
 width:352px;
 background-color:#e7e0ce;
 border-right: 1px solid #adacab;
 border-left: 1px solid #adacab;
 border-bottom: 1px solid #adacab;
}

.ph2_hp {
 float:left;
 width:112px;
}

#sous_bloc {
 width:354px;
 height:160px;
}

#ph01 {
 float:left;
 width:237px;
}

#ph02 {
 float:left;
 margin-left:5px;
 width:112px;
}

#bloc3 {
 float:left;
 padding:19px;
 width:352px;
 background-color:#f9f8f3;
 border-right: 1px solid #adacab;
 border-left: 1px solid #adacab;
 border-bottom: 1px solid #adacab;
}

.text3_hp {
 float:left;
 width:230px;
}

#bloc4 {
 float:left;
 padding:19px;
 width:352px;
 background-color:#e7e0ce;
 border-right: 1px solid #adacab;
 border-left: 1px solid #adacab;
}

/* ------------------------------------------------------------------------------------------------------ Styles textes */
 
.coord_titre{
 font: 10pt "Arial, Verdana, Helvetica", Sans-Serif;
 color:#a70001;
 font-weight:normal;
 text-align:left;
 text-decoration:underline;
 }
 
/* ------------------------------------------------------------------------------------------------------ Page Activités */
 
.bloc_activites1{
 float:left;
 padding:15px;
 width:350px;
 background-color:#f9f8f3;
 }
 
.bloc350 {
 float:left;
 padding:0;
 width:350px;
}

.ph_activites {
 float:left;
 width:136px;
}

.text_activites {
 float:left;
 margin-left:18px;
 width:186px;
}

.bloc_activites2{
 float:left;
 padding:15px;
 width:350px;
 background-color:#f1ede2;
 }
 
.titre_text_activites{
 color: #74a129;
 font-weight:bold;
 }
 
#conteneur1bis{
 float:left;
 padding:20px;
 width:360px;
 font: 9pt "Arial, Verdana, Helvetica", Sans-Serif;
 color: #000000;
 font-weight:normal;
 text-align: left;
 text-decoration: none;
}

#conteneur2bis{
 float:left;
 padding:20px 20px 20px 0px;
 width:360px;
 font: 9pt "Arial, Verdana, Helvetica", Sans-Serif;
 color: #000000;
 font-weight:normal;
 text-align: left;
 text-decoration: none;
}

/* ------------------------------------------------------------------------------------------------------ Page Tarifs */

#conteneur1tris{
 float:left;
 padding:18px;
 width:535px;
 font: 9pt "Arial, Verdana, Helvetica", Sans-Serif;
 color: #000000;
 font-weight:normal;
 text-align: left;
 text-decoration: none;
}

#conteneur2tris{
 float:left;
 margin-left:20px;
 margin-right:20px;
 margin-bottom:20px;
 width:187px;
 font: 9pt "Arial, Verdana, Helvetica", Sans-Serif;
 color: #000000;
 font-weight:normal;
 text-align: left;
 text-decoration: none;
 }

.text_tarifs {
 float:left;
 width:294px;
}

.text_tarifs2 {
 float:left;
 width:224px;
}

.titre_text_tarifs{
 color: #a9201e;
 font-weight:bold;
 text-decoration: underline;
 }

.italic_text_tarifs{
font-style:italic;
 }

/* ------------------------------------------------------------------------------------------------------ reservation */
 
#colonne_resa01 {
 float:left;
 padding:20px 0px 20px 20px;
 width:420px;
 font: 9pt "Arial, Verdana, Helvetica", Sans-Serif;
 color: #000000;
 font-weight:normal;
 text-align: left;
 text-decoration: none;
}

 #colonne_resa02 {
 float:left;
 width:360px;
}

/* ------------------------------ Formulaire */

#bloc_form {
 margin:0;
 width:400px;
}

#Form {
 margin-top:10px;
 width: auto;
}

#Form p {
 margin: 12px 0;
}

/* fieldset , legend */

#Form fieldset {
 margin-bottom:10px;
 border:none;
}

#Form fieldset legend {
 padding: 0 10px;
 font-size: 1.2em;
 color: #000000;
}

/* Label */

#Form label {
 display: block;
 width: 100px;
 float: left;
 text-align: left;
}

#Form .form_label_nostyle {
 background: none;
 width: 150px;
}

#bt_validate {
 float:right;
 margin-right:60px;
 width: 340px;
}

.nbre {
 float:left;
 width: 150px;
}

.margin_nbre {
 margin-left:20px;
}

/* Input */

#Form input, #Form select, #Form textarea {
 margin-left:5px;
 padding-left:3px;
 width:225px;
 background-color:#ffffff;
 border:1px solid #000000;
 font-family: "Arial, Helvetica", sans-serif;
 font-size: 9pt;
 font-weight: normal;
 font-style: normal;
 text-decoration: none;
 text-align: justify;
 color: #000000;
}

#Form input:hover, #Form select:hover, #Form textarea:hover, #Form input:focus, #Form select:focus {
 background-color: #f5f5f5;
}

/* button submit */

#Form input[type="submit"], #Form input[type="reset"] {
 margin-top:20px;
 height:30px;
 width:100px;
 border:groove 1px #c7c7c7;
 background-color:#e0e0e0;
 font-family: "Arial, Helvetica", sans-serif;
 font-size: 10pt;
 font-weight:bold;
 text-align:center;
 color:#898989;
}

#Form input[type="submit"]:hover, #Form input[type="reset"]:hover {
 background-color:#7e7e7e;
 color:#ffffff;
 cursor: pointer;
}

.inputEncarts {
 width:100%;
}

/* ------------------------------------------------------------------------------------------------------ footer */
 
#footer {
float:left;
 padding:10px;
 margin:0;
 width:780px;
 height:30px;
 background-color:#5f514e;
}

#footer_gauche {
 float:left;
 width:200px;
 font:8pt "Arial, Verdana, Helvetica", Sans-Serif;
 color: #ffffff;
 font-weight:normal;
 text-align: left;
 text-decoration:none;
}

#footer_droite {
 float:left;
 width:580px;
 font:8pt "Arial, Verdana, Helvetica", Sans-Serif;
 color: #ffffff;
 font-weight:normal;
 text-align:right;
 text-decoration:none;
}

.footer_text {
 font: 8pt "Arial, Verdana, Helvetica", Sans-Serif;
 color: #ffffff;
 font-weight:normal;
 text-align: left;
 text-decoration: none;
 }
 
.footer_text a, a:hover {
 color: #00d8ff;
 text-decoration:underline;
 }