/* LES CONTENEURS PRINCIPAUX*/
body      { 
color: navy; 
font-size: 1em; 
font-family: Arial, Helvetica, sans-serif; 
font-weight: normal; 
background: transparent url("images/4d.jpg") repeat-x left top;
scrollbar-arrow-color: #0088f8; 
scrollbar-base-color: #fffc9f; 
scrollbar-track-color: navy ; 
}
* html body {
font-size: 16px; 
}
div#entete {
background-color: transparent;
position: relative;
margin: 0 ;
width: 984px;
left: 2px;
top:0;
}
* html div#entete {
text-align: left;
z-index: 5;
left: 0;
}
div#entete_gauche {

background-color: transparent;
float: left;
margin: 0 ;
width: 682px;
left: 0;
top:0 ;
}

div#un {
float: left;
background: transparent url("images/1.jpg") no-repeat center top;
z-index: 5;
width: 682px;
height: 87px;
}


div#bulle {
float: left;
z-index: 10;
background: transparent url("images/bulle.jpg") no-repeat center top;
width: 302px;
height: 142px;
clear: right;
vertical-align: bottom;
text-align: center;
padding: 0;
}
* html div#bulle {
test-align: left;
padding: 20px;
}
div .hr {
clear: both;
}
div#conteneurmenu {
float: left;
background: transparent url("images/2.jpg") no-repeat center top;
z-index: 5;
width: 682px;
height: 27px;
position: relative;
}

p.confort, p ol.confort, p li.confort {
font-size: 150%;
}
div#trois {
float: left;
background: transparent url("images/3.jpg") no-repeat center top;
z-index: 5;
width: 682px;
height: 28px;
}
#icones {
float: left;
clear: both;
border: 1px solid transparent;
font-size: 0.7em; 
}
* html div#icones{
border: none;
height:33px;
z-index: 20;
}
div#contenu {
background: transparent url("images/nuages.jpg") repeat-y left top;
position: absolute;
/*border: 1px solid #000000;*/
top: 150px;
left: 0;
width: 984px;
height: auto;
min-height: 700px;
margin: 30px 10px 0 10px;
text-align: left;
padding: 0;
z-index: 0;
}
* html div#contenu {
text-align: center;
height: 60%;
padding-top: 10px;
overflow: visible;
z-index: -1;
}
#haut {
margin: 0 0 20px 250px;
vertical-align: bottom;
}

div#titres {
position: relative;
text-align: center; 
display: block;
margin: auto;
font-weight: bold; 
border: 1px solid transparent;
}

#regard {
/*font-size: 70%;
font-weight: normal; 
*/
}
#regard_droite {
/*font-size: 70%;
font-weight: normal;*/
font-style: italic;

}

* html div#titres{
border: none;
}
div#theme{
font-size: 180%;
font-family: Times New Roman, Trebuchet MS, Helvetica, sans-serif; 
position: relative;
text-align: center; 
margin: 20px auto;
text-transform: uppercase;
color: #8080AA;
border: 1px solid transparent;
}
* html div#theme{
height:20px;
line-height: 2em;
border: none;
}
div#titre {
font-family: Trebuchet MS, Helvetica, sans-serif;
font-size: 150%;
border: 1px solid transparent;

position: relative;
margin: 0 auto;
text-align: center; 
width: 350px;
}
* html div#titre{
line-height: 2em;
border: none;
}
/*
div#livre {
background: transparent url("images/livre_petit.jpg") no-repeat center top;
width: 75px;
height: 83px;
display: block;
float: left;
position: relative;
margin: 30px 20px 0 0;
} 
* html div#livre{
margin: 20px 10px 20px 0;
}
*/
div#livre_grand {
background: transparent url("images/livre_grand.jpg") no-repeat center top;
width: 150px;
height: 165px;
display: block;
float: left;
margin: 20px auto 20px auto;
}
sup {
vertical-align: super;
font-size: 75%;
}
div#corps_accueil {

background-color:transparent;
text-align: center;
position: relative;

height: auto;
min-height: 580px;
z-index: 9;
	font-size: 75%;
	margin: 20px 250px 20px 0px;
	padding:  0 20px 20px 20px; 
	voice-family: "\"}\"";
      voice-family: inherit; /* On annule l'information précédente */
	width: auto;

}
div#corps {
text-align: justify;
background-color:transparent;
position: relative;

height: auto;
min-height: 580px;
z-index: 7;
	/*font-size: 75%;*/
	margin: 20px 250px 20px 0px;
	padding: 0px 20px 20px 20px; 
	voice-family: "\"}\"";
      voice-family: inherit; /* On annule l'information précédente */
	width: auto;

}
/*

* html div#corps {
text-align: left;
padding: 0 60px 20px 60px;
margin: 0 100px 20px 100px;
}
*/
* html div#corps_accueil {
text-align: left;
padding: 0 100px 20px 60px;
margin: 0 100px 20px 100px;
height: 580px;
width:75%;
}

div.liens {
 background-color: #FFFFE1;
 padding: 10px;
 color: #312E67;
 text-align: center;
 clear: both;
 font-size: 0.75em;
}
div.liens a{
color: navy;
}
div.liens a:hover{
text-decoration: none;
background-color: navy;
color: yellow;
}
div#navigauche {
top: 50px;
left: 0;
color: #334EB5;
	margin: 0 10px;
	padding-left: 20px;
	position: absolute;
	font-size: 60%;
height: 90%;
width: 200px;
text-align: justify;
}

.liens a:after {
content: "[" attr(accesskey) "]";
   }

* html div#navigauche {	
text-align: left;
z-index: 2;
margin: 0 20px 20px 20px;
padding: 0 40px 20px 40px;
}


div#navidroite {
	margin: 0 10px;
	top: 70px;
	right: 20px;
	padding: 0px;
	position: absolute;
	font-size: 75%;
	height: 90%;
	width: 200px;
	background: transparent;
}
* html div#navidroite {
top: 100px;
text-align: center;
z-index: 20;
margin: 0 20px 0 -40px;
padding: 0 40px 0 40px;
}
div .illustration {
margin: 5px 0;
text-align: center;
background-color: transparent;
}
.labels {
margin: auto;
text-align: center;
height: 50px;
position: relative;
background-color: #ffffe1;
}
div .partenariat {
float: left;
margin: 5px 15px;
background-color: #ffffe1;
}
* html div.illustration {
margin: 0 -20px 20px -20px;
padding: 0 40px 20px 40px;
}
div.pied {
position: relative;
margin: 30px 0 0 0;
text-align:center;
 padding: 10px;
 color: #312E67;
 text-align: center;
 clear: both;
 font-size: 0.5em;
}
div.pied a{
color: navy;
}
div.pied a:hover{
text-decoration: none;
background-color: navy;
color: yellow;
}
/************LES PARTIES***************/

h1{
font-family: Times, "Times New Roman", serif;
font-weight: bold;
text-align: center;
font-size: 1.60em;
color: #8245AD;
background-color: transparent;
}
h2 {
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.10em;
text-align: center;
background-color: transparent;
}
.titre_gauche{
font-family: Georgia, "Times New Roman", Times, serif;
font-size: 1.10em;
text-align: center;
}
h2 .précision {
font-style: italic;
	font-family: sans-serif;
	font-size: 0.90em;
}
p#résumé {
font-size: 1.10em;
	font-style: italic;
	font-weight: bold;
}
img {
	position: static;
}

div#corps a {
color: #00E;
}
div#corps a:hover {
color: #8C00D1;
text-decoration: none;
}
* html div#corps {
width: 600px;
}

.liens_bas {
position: relative;
bottom: 20px;
margin-bottom: 10px;
text-align: center;
font-size: 0.60em;
color: navy;
clear: both;
}

.liens_bas a:hover {

text-decoration: none;
background-color: navy;
color: yellow;
}

div.lien_ami {
background-color: #FFFFB3; 
padding: 10px;
 color: #312E67;
 float: left;
 font-size: 0.75em;
 margin: 15px;
}
* html div.lien_ami {
 margin: 0px;
}
div.lien_ami a{
color: navy;
}
div.lien_ami a:hover{
text-decoration: none;
color: #833E85;
}
div.vitrine {
margin: 15px;
display: block;
float: left;
}
.serrurerie {
font: sans-serif;
font-weight: bold;
text-decoration: none;
text-align: center;
background-color: transparent;
display: none;
/*background-image: url("images/haut_droite.gif");*/
}
.haut_gauche {
display: block;
backgound-color: transparent; */
background-image: url("images/haut_gauche.gif");
	background-repeat:no-repeat;
	background-position:bottom left;
padding: 0;
height: 12px;
}
.bas_serrurerie {
display: block;
/*backgound-color: transparent; */
background-image: url("images/bas_serrurerie.gif");
	background-repeat:no-repeat;
	background-position:top center;
padding: 0;
height: 12px;
}
.interieur_serrurerie {
font-size: 150%; 
background-color: #DBE7F5;
padding: 0 10px 0 10px;
height: auto;
display: none;
}
.interieur_serrurerie a{
text-decoration:  none;;
}
#misenligne {
 font-style: italic ;
font-weight: normal; 
}
div #formule{
color: #B00000;
 font-style: italic ;
font-weight: normal; 
margin: 20px 0 20px 20px;
}
div #formule a{
color: #6B006B;
text-decoration: none;
}
div #formule a:hover{
color: #951160;
text-decoration: underline;
}

#derniers {
position: relative;
font-size:1.2em;
font-weight: bold;
left:0;
margin: 20px 0;
text-align: left;
color: #080066;
}
#derniers a:hover {
color: #00E;
text-decoration: none;
}
#derniers a:visited {
color: #C9326E;
}
.liens_bas {
width: 984px;
bottom:0;
margin: 20px auto;
left:0;
text-align: center;
font-size: 0.75em;
color: #080AA;
clear: both;
}

.liens_bas a:hover {
text-decoration: none;
background-color: navy;
color: yellow;
}

.formulaire_champ {
background-color: #BBC9E4;
font-size : 12px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
color:#FFF; 
}

.admin_bouton { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: bold;
background-color: #BAC4E7;
color: #334CB3;
}
#recherche {
font-size: 10px;
text-align: left;
color: white;
}
#none {
text-align: center;
font-size: 150%;
}