/* CSS Document */

body { 
margin: 10px 0px 0px 10px;
background-color: #f2f5ea;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:0.7em;
color: black;
}

a img { border:none;}

h2 {
background:url(../img/carre_bleu.gif) 0.3em 0.5em no-repeat;
padding: 2px 5px 4px 35px;
color:#092869;
font-size:0.9em;
margin:0;
}

h3 {
font-weight: bold;
font-size: 1.2em; 
color: #FF4913;
padding-top: 7px;
padding-left:55px;
padding-right:55px;
text-align: center;
}


.titre {
	font-weight: bold;
	font-size: 1.3em;
	COLOR: #6c6a6a;
	font-family: Times New Roman, Times, serif;
}


a:link {
	COLOR: #859da1;
	TEXT-DECORATION: none
}

a:hover {
	COLOR: #FF4913;
	TEXT-DECORATION: underline
}

/* entête */
#entete {
background:url(../img/frise_2.gif) no-repeat center;
padding-top:200px;
}

#entete h1{
position: absolute;
margin: -2000px -2000px}

#entete p {
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.2em;
font-weight:bold;
margin-left:3px;
display:inline;

}
#entete #texteDroit {
margin-left:255px;
}
/*----------------------------------------------*/


/* */
#principal{
width: 760px;
margin:0.5em;
text-align: left;
border:#e7e8e4 solid 1px;
}
/*----------------------------------------------*/


/* barre de navigation principale*/
#navigation {
position: relative; 
height: 16px;
font-size:0.8em;
line-height:15px;
background:url(../img/fond_menu.gif)  no-repeat left top;
}

#navigation ul{
margin: 0;
padding-left:180px;
list-style-type:none;
}

#navigation li {
float: left;
}

#navigation li  a {
display: block;  
width: 112px; 
color: #fff; 
font-weight:bold;
height: 16px; 
text-align: center; 
text-decoration: none;
}
html>body #navigation li a {

width:inherit;
}


#navigation #bouton1 {
margin-left: 5px;
}

#navigation #bouton2 {
margin-left: -3px;
}

#navigation #bouton3 {
margin-left: -22px;
}

#navigation #bouton4 {
margin-left: -32px;
}


html>body #navigation #bouton1 {
margin-left: 5px;
}

html>body #navigation #bouton2 {
margin-left: 12px;
}

html>body #navigation #bouton3 {
margin-left: 19px;
}

html>body #navigation #bouton4 {
margin-left: 25px;
}

#conteneur {
display: table;
width: 100%;
margin-top:15px;
}
#colonneGauche, #colonneDroite {
display: table-cell;
height: 100%;
}


#colonneGauche {
background-color: #e5e4d9;
border-right:#e7e8e4 solid 1px;
border-top:#e7e8e4 solid 1px;

}



#colonneDroite {
background-color: #fff;
border-left:#e7e8e4 solid 1px;
border-top:#e7e8e4 solid 1px; 
width:566px;
}

#colonneGauche .bord{
background:#FFF;
height:16px;
border-bottom:#e7e8e4 solid 1px;
}



#colonneDroite .bord{
background:#fff;
height:16px;
border-bottom:#e7e8e4 solid 1px;
}


#colonneDroite #contenud{
padding:15px 25px 200px 25px;
}

#colonneDroite #contenud li{
list-style-type:square;
padding-bottom:5px;
}

#colonneDroite #contenug{
padding:5px;
}


#formcommande {
background-color: #fff;
border-right:#e7e8e4 solid 1px;
border-top:#e7e8e4 solid 1px; 
width:760px;
}

#commande label{
display:none;

}

#formcommande .bord{
background:#fff;
height:16px;
border-bottom:#e7e8e4 solid 1px;
}


#formcommande #contenud{
padding:15px 25px 200px 25px;
}

fieldset {
border:0;}

#formulaire input.champ, #formulaire textarea {
	background: #F5F5F5 ;
	border: 1px solid #B7B7B7;
	margin-bottom: 1em;
	margin-left:1em;
	display: block;
	font-family:"Courier New", Courier, mono;
	font-size:1.1em;
}

#formulaire textarea {
	width: 50%;
	height: 150px;
}



#formulaire input.champcmde {
text-align:right;
background: #F5F5F5 ;
border: 1px solid #B7B7B7;
	font-size:1.1em;
	font-family:"Courier New", Courier, mono;
}

#formulaire label {
	font-weight: bold;
}


#formulaire input[type=reset], input[type=button]{
	background: #fff;
	color: #ff6600;
	font-weight:bold;
	border:1px solid #CCC;
	cursor:pointer;
	width:85px;
}

infotarifs {
padding-top:50px;
border:1px #CCC dotted;

}

.commander {
text-align:right;
padding-right:25px;}

.illustration {
float: left;
padding:2px 3px;
}
.illustration a{
text-decoration:none;
}
.paragraphe {
padding-bottom:90px;
}


.auteur {
font-weight:bold;}

p.hautpage { 

font-size:0.9em;
clear: both;
padding: 2px 5px 4px 15px;
float:right;
}


dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

#colonneGauche #menu {
position: absolute; 
top: 290px;
left:16px;

}
#colonneGauche #menu {
width: 170px;

}
#colonneGauche #menu dt {
font-size:1em;
cursor: pointer;
margin: 2px 0;
height: 45px;
line-height: 15px;
font-weight: bold;
background:url(../img/fleche_haut.gif)0.3em 0.5em no-repeat; 
padding: 2px 5px 4px 18px;

}

#colonneGauche #menu li {
text-align: left;
line-height: 20px;
margin-left:5px;

}
#colonneGauche #menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
border: 0 none;
height: 100%;
}

#colonneGauche #menu dt a:hover{
text-decoration: underline;
}


#colonneGauche #menu li a:hover {
text-decoration: underline;
}



#colonneGauche #menu li a:visited { 
color:#092869;}


#credits {
text-align:center;

}

#credits span{
font-style:italic;
}

/* Pied de page */

#pieddepage {
clear:both;
background:#fff;
font-size:0.8em;
height:20px;
color:#6b6b6b;
text-align:center;
border-top:#e7e8e4 solid 1px;
}

#pieddepage p {
margin-top:2px;
margin-left:5px;
float:left;
}

#pieddepage a {
text-decoration:none;
color:#6b6b6b;
}
  
#pieddepage a:hover {
COLOR: #FF4913;
TEXT-DECORATION: underline;
}
  
#pieddepage #lienDroit { margin-left:440px;}
  
#pieddepage hr {
display:none;
}