/*----------------------------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------
--- CHATEAU DE SAURS ---------------------------------------------------------------------------------------
------------------------------------------------------------------------------------------------------------
--- Conception et réalisation Les petits lézards - © 2008 // www.lespetitslezards.com // François Darnez ---
------------------------------------------------------------------------------------------------------------
----------------------------------------------------------------------------------------------------------*/

body {
background: #00111c url(images/saurs_bg.png) repeat-x;
font-family: Arial, Helvetica, sans-serif;
font-size: 90%;
margin: 20px 0 0 0;
padding: 0;
color: #666666;
}

img {
margin: 0;
padding: 0;
border: none;
}

a img {
margin: 0;
padding: 0;
}

ul {
margin: 0;
padding: 10px;
}

li {
margin: 0 0 0 20px;
padding: 0;
}

ul li {
margin-left: 40px;
list-style: none;
list-style-image: url(images/saurs_puce.png);
color: #c79f6b;
font-family: "Times New Roman", Times, serif;

font-size: 100%;
font-style: italic;
}

h1, h2, h3 {
font-family: "Times New Roman", Times, serif;
font-weight: bold;
margin: 0;
}

/*----------------------------------------------------------------------------------------------------------*/
/*-------- CONTAINER ---------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------*/

#container {
width: 700px;
margin: 0 auto;
padding: 0 auto;
}

/*----------------------------------------------------------------------------------------------------------*/
/*-------- HEADER ------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------*/

#header {
background: url(images/saurs_header_commande.png) no-repeat;
height: 98px;
width: 700px;
}

/*----------------------------------------------------------------------------------------------------------*/
/*-------- BANDEAU -----------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------*/

#bandeau {
background: #fffff5 url(images/saurs_bandeau_commande.jpg) no-repeat;
height: 160px;
width: 700px;
}

/*----------------------------------------------------------------------------------------------------------*/
/*-------- PAGE --------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------*/

#page {
clear: both;
width: 700px;
background-color: #fffff5;
margin: 0 auto;
padding: 0 auto;
text-align: left;	
}

#consignes .titre {
background: #fffff5 url(images/saurs_titre_cmd.jpg) no-repeat;
width: 600px;
height:75px;
margin: 0 auto;
padding: 0 auto;
}

#consignes .titre_en {
background: #fffff5 url(images/saurs_titre_cmd_en.jpg) no-repeat;
width: 600px;
height:75px;
margin: 0 auto;
padding: 0 auto;
}

#page p {
margin: 0 auto;
padding: 0 auto;
}

#page h1 {
text-align: center;
color: #c79f6b;
padding: 5px 0;
font-style: italic;
font-size: 130%;
}

#page h2 {
text-align: center;
color: #4C8191;
padding: 5px 0;
font-style: italic;
font-size: 110%;
}

#bon_cmd {
margin: 15px 15px 0 15px;
}

#tab_cmd {
border:1px solid #bc9665;
}

#tab_cmd tr.titre_tab {
background-color: #edead5;
border-bottom:1px solid #bc9665;
}

input, textarea, select {
margin:0 0 8px 0;
padding:3px;
background: #d1cebd; 
border:none;
border: 1px solid #bcb9a9; 
vertical-align:top;
font:normal 12px arial;
letter-spacing:1px;
}

input#nbre {
text-align: right;
}

input:hover, textarea:hover, select:hover	{
background:#dddac8;
}

input:focus, textarea:focus, select:focus	{ 
background:#e6e3d1; 
}

input#Button { 
width:150px;  
padding:5px; 
margin: 15px 3px 20px 0pt;
font-size:13px;
height: 30px;
background:url(images/chateau-saurs-btn.gif) repeat-x; 
border:1px solid #bc9665!important;
border-left-color:#ececec!important; 
border-top-color:#ececec!important;
}

input#reset { 
width:100px;
height: 30px; 
padding: 5px; 
margin: 15px 10px 20px 0pt;
font-size:13px;
background:url(images/chateau-saurs-btn.gif) repeat-x; 
border:1px solid #bc9665!important;
border-left-color:#ececec!important; 
border-top-color:#ececec!important;
}

input#print { 
width:150px;  
padding:5px; 
margin: 40px 3px 10px 0pt;
font-size:13px;
height: 30px;
background:url(images/chateau-saurs-btn.gif) repeat-x; 
border:1px solid #bc9665!important;
border-left-color:#ececec!important; 
border-top-color:#ececec!important;
}

#retour {
clear: both;
padding:5px; 
margin: 10px 3px 30px 0pt;
font-size:15px;
}

#retour a {
color:#C8A799;
text-decoration: none;
}

#retour a:hover {
text-decoration: underline;
}

input.formulaire,textarea.formulaire  { 
width:350px;
}

span.obligatoire { 
display:block; /*for mozilla*/
font-size:9px;
color:#888888;
text-align:left;
margin:0 0 0 20px;
font-size: 80%; 
}


/*----------------------------------------------------------------------------------------------------------*/
/*-------- FOOTER ------------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------*/

#footer {
background:  url(images/saurs_footer_commande.png) repeat-x;
clear: both;
width: 700px;
height: 120px;
margin: 0 auto;
padding: 0 auto;
font-size: 90%;
color: #555555;
}

#footer a {
color: #677;
}

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

#footer .lpz {
font-size: 80%;
font-style: italic;
padding: 35px 0 0 5px;
}

#footer .mentions {
font-size: 80%;
font-style: italic;
padding: 0px 0 0 5px;
float:left;
}

#footer .mentions li {
list-style: none;
}

#footer .relais {
float:right;
padding: 40px 5px 0 0;
text-align: right;
}

/*----------------------------------------------------------------------------------------------------------*/
/*-------- COPYRIGHT ---------------------------------------------------------------------------------------*/
/*----------------------------------------------------------------------------------------------------------*/

#copyright {
clear: both;
font-size: 10px;
padding: 0;
margin: 0px;
color: #507b82;
text-align: center;
background-color: #94C7D0;
}

#copyright a {
text-decoration: none;
color: #FFFFFF;
}

#copyright a:hover {
color: #bd4e04;
}