/* CSS Document */

body{
    padding : 0;
    margin : 0;
}
a span { 
/* définition de la balise <span> inclue dans <a> */
display: none;
}
 a:hover span {
 /* définition de la balise <span> au survol */
 display: block;
 /* positions et dimensions du calque, que vous pouvez changer à loisir */
position: absolute;
 top: 100px;
 width: 125px;
 padding: 0; 

 left: 200px; 
 z-index: 100;
color: #FF6600;
background: none;
border: none;
 text-align: left;
 }

#chargeimg {
display: none;
}

#bloc_index {
margin: auto;
margin-top: 50px;
width: 620px;
height: 505px;
position: static;

}
#zone1_index {
width: 600px;
height: 350px;
margin-left: 10px;
margin-top: 10px;
position: absolute;

}
#zone2_index {
width: 620px;
height: 70px;
margin-left: 0px;
margin-top: 380px;
position: absolute;
border-top: 1px solid gray;

}
#zone3_index {
width: 620px;
height: 30px;
margin-left: 0px;
margin-top: 450px;
position: absolute;

border-bottom: 1px solid gray;
text-align: right;
margin-right: 10px;

}
#zone2_index h2{
margin: 10px;
      font-family: "Trebuchet MS", Georgia, Times, serif;
font-size: 80%;
text-align: right;
      font-weight: normal;
      color: gray;
      background-color : transparent;
}
#zone2_index a img{

	border: 1px solid gray;
	cursor: pointer;
}

#zone3_index a img{

	border: 1px solid gray;
	cursor: pointer;
}

#haut{
width: 100%;
height: 15px;
background-color: white;
}
#haut p{
      font-family : "Trebuchet MS", Georgia, Times,serif;
      font-size : 70%;
      font-weight : normal;
	text-align: right;
      color : gray;
      background-color : transparent;
   		padding-right: 20px;
}

#header{
width: 100%;
height: 100px;
background-image: url(images/banniere.jpg);
background-repeat: no-repeat;
background-color: #051B13;
border-top: 2px solid #d6d7d9;
border-bottom: 3px solid #d6d7d9;

margin:0;
padding: 0;
}

#h{
position: static;
top: 0;
height: 20px;
	width:820px;
padding: 0;
margin-left: 20%;
background: white url(images/haut.gif) bottom no-repeat;
}
#b{
position: static;
top: 0;
bottom: 0;
height: 20px;
	width: 820px;
padding: 0;
margin-left: 20%;
background: white url(images/bas.gif) top no-repeat;
}
div.spacer {
 	clear: both;
 }

#content{
position: static;
	width: 900px;
height: 100%;


margin: 0 auto;
padding-top : 0px;
padding-bottom : 0px;
padding-left: 0px;

margin-bottom: 0px;




}
#centre{
margin-left: 210px;

}

#gauche{
float: left;
margin-top: 20px;

width: 200px;
height: 350px;
border-left: 2px solid gray;
border-bottom: 2px solid gray;
border-top: 2px solid gray;
background-color: #dfe5e3;
background-image: url(images/pieces_auto.jpg);
background-repeat: no-repeat;


}
#gauche a{
	color: #FFFFFF;
font-weight: normal;
text-align: center;
	/*text-decoration: underline;*/
	background: none; /* correction d'un bug IE */
}
#gauche a:hover{
	color: #FE6C00;
font-weight: bold;
text-align: center;

	/*text-decoration: underline;*/
	background: none; /* correction d'un bug IE */
}


#droite{
float: right;



margin-top: 10px;
padding: 0;

width: 155px;
height: auto;


}

#droite a{
text-align:right;
	color: blue;
text-decoration: underline;
margin-right: 5px;
}
#droite a h5{
text-align:right;
	color:#66cc00;
text-decoration: underline;

margin-right: 5px;
}
#droite a:hover h5{
text-align:right;
	color: #4e9242;
text-decoration: underline;

margin-right: 5px;
}
#droite a:hover{
	color: #4e9242;
	text-align: right;

	background: none; /* correction d'un bug IE */

}
#droite img {
     	margin-left: 3px;
		
      	background-color : #FFFFFF;
		border: 1px solid #66cc00;

}

#droite a img {
     	padding: 5px;
		margin: 10px;
      	background-color : #FFFFFF;
		border: 1px solid #66cc00;

}






#centre h1{
      font-family: "Trebuchet MS", Georgia, Times, serif;
      font-size : 130%;
      font-weight : normal;
      color : #051b13;
background-image: url(images/fond_titre.gif);
background-repeat: no-repeat;
background-position: left;
      background-color : #dfe5e3;
margin-top: 20px;
text-align: right;
padding-right: 20px;
border-bottom: 1px solid gray;
}                     
#centre h2{

      font-family: "Trebuchet MS", Georgia, Times, serif;
font-size: 90%;
      font-weight: bold;
      color: #4e9242;
background-image: url(images/fond_soustitre1.gif);
background-repeat: no-repeat;
background-position: right;
      background-color : #f1faf2;
border-left: 7px solid #b0b2b1;
border-right: 2px solid #b0b2b1;
padding: 5px;

}
                    

#centre h3{
      font-family: "Trebuchet MS", Georgia, Times, serif;
		font-size: 90%;
      font-weight: bold;


      color: #87B495;

}
#centre a:hover h3{
cursor: hand;
}
#centre p{
      font-family : "Trebuchet MS", Georgia, Times,serif;
      font-size : 80%;
      font-weight : normal;
      color : #000;

      background-color : transparent;
      line-height : 140%;
		padding-right: 20px;
}
#centre img{
     	padding: 5px;
		margin: 10px;
      	background-color : #FFFFFF;
		border: 2px solid #4e9242;

}
#centre a{
	color:#66cc00;
text-decoration: underline;
}
#centre a:hover{
	color: #4e9242;
	background: none; /* correction d'un bug IE */

}

#centre a img {
     	padding: 5px;
		margin: 10px;
      	background-color : #FFFFFF;
		border: 2px solid #66cc00;
cursor: pointer;

}
 

.ImportantText {
      font-family: "Trebuchet MS", Georgia, Times, serif;
	font-size: 14px;
	color: #60954c;
	font-weight: bold;
	font-style: normal;
}
.DiscretText {
    font-family: "Trebuchet MS", Georgia, Times, serif;
	font-size: 12px;
	color: #999999;
font-style: italic;
	font-weight: normal;

}

#boite_content{
position: relative;
border: 1px solid red;
float: right;
width: 100px;
background-color: #00A3FF;
top: 150px;
margin: 5px;
padding: 5px;
}


ul{

 list-style-type: square;
 }

ul ul{
 list-style-image: url(images/icone_ul.gif);
}

ul ul ul{
 list-style-type: decimal;
}



#logo{
    position : absolute;
    top : 5px;
    left : 30px;
    z-index : 50;
}
#logo1{
    float: right;
    
	}


#script{
    position : absolute;
    top : 12px;
    right : 0;
    text-align : right; /*correction pour Netscape 4*/
}
#navigation{
       position : absolute;
       top : 145px;
       left : 5px;
       width : 185px;
height: auto;
}                     
                     
#navigation a{
       font-family: "Trebuchet MS", Georgia, Times, serif;
       color : #00f;
       background-color: transparent;
}

#navigation a:link{
	color: white;
	text-decoration: none;
	
}

#navigation a:visited{
	color: white;
	text-decoration: none;
}

#navigation a:hover{
	color: #FE6C00;
font-weight: normal;
text-align: center;
	/*text-decoration: underline;*/
	background: none; /* correction d'un bug IE */
}
#cartouche1 {
	width: 190px;
	height: auto;
	margin-top: 5px;
	margin-bottom: 5px;
	
	background-color: #2797DE;
}
#cartouche1 h4 {
	margin: 5px;
	font-family: "Trebuchet MS", Georgia, Times, serif;
	color: #FFFFFF;
	font-size: 80%;
    font-weight: bold;
text-align: center;
}
#cartouche1 h5 {
	margin: 5px;
	font-family: "Trebuchet MS", Georgia, Times, serif;
	color: #FE6C00;
	font-size: 100%;
    font-weight: normal;
}
#cartouche2 {
	width: 140px;
	height: auto;
	margin-top: 5px;
	margin-bottom: 5px;
	background-color: #091f15;
}
#cartouche2 h4 {
	margin: 5px;
	font-family: "Trebuchet MS", Georgia, Times, serif;
	color: #FFFFFF;
	font-size: 80%;
    font-weight: bold;
}
#cartouche2 h5 {
	margin: 5px;
	font-family: "Trebuchet MS", Georgia, Times, serif;
	color: white;
	font-size: 80%;
    font-weight: normal;
}
#cartouche3 {
	width: 140px;
	height: auto;
	margin-top: 12px;
	margin-bottom: 5px;
margin-right: 15px;
	background-color: #dfe5e3;
border-right: 2px solid gray;
border-bottom: 2px solid gray;
border-top: 2px solid gray;


}
#cartouche3 h4 {
	margin: 5px;
	font-family: "Trebuchet MS", Georgia, Times, serif;
	color: #FFFFFF;
	font-size: 80%;
    font-weight: bold;
}
#cartouche3 h5 {
	margin: 3px;
	font-family: "Trebuchet MS", Georgia, Times, serif;
	color: gray;
	font-size: 70%;
    font-weight: normal;
}
#cartouche3 img {
margin: 10px;
border: 1px solid gray;
}


a{
	color: #999999;
	text-decoration: none;
}
a img{
	border: 1px solid gray;
	cursor: crosshair;
}

a:link{
	color: #999999;
	text-decoration: none;
}

a:visited{
	color: #999999;
	text-decoration: none;
}
a:hover{
	color: #4e9242;
	/*text-decoration: underline;*/
	background: none; /* correction d'un bug IE */
}

p {
font-family:"trebuchet ms",sans-serif;
font-size:80%;
}
form {
background-image: url(images_pack/fond_form_packc.gif);
background-repeat: no-repeat;
padding:20px;
width:630px;
border-left: 5px solid #00A3FF;
border-right:1px solid #00A3FF;
border-top:1px solid #00A3FF;
border-bottom: 1px solid #00A3FF;
margin: 0px auto;
}
label {
margin-left: 20px;
font-family:"trebuchet ms",sans-serif;
font-weight:bold;

}
input {
border:1px solid #00A3FF;
background-color: #FFFFFF;
font-family:"trebuchet ms",sans-serif;
color: gray;
margin-left: 20px;
}
select, option {
background-color: #FFDAC8;
color: gray;
}
textarea {
margin-left: 20px;
border:1px solid #00A3FF;
background-color:#FFFFFF;
font-family:"trebuchet ms",sans-serif;
color: gray;
}
input.bouton {
border:1px solid #00A3FF;
font-weight:bold;
cursor:pointer;
}
input.bouton:hover {
background-color:white;
color:#fe6c00;
}
ul#menu {
margin-left: 50px;
padding: 8px;
font: bold 0.9em Georgia, Times, serif;
list-style-type: none;

}

#menu a {
border-bottom: 1px dotted white;
display: block;
margin: 5px 0;
color: #60954c;
text-decoration: none;

width: 135px;
height: 20px;

text-align: left;

background-color: #dfe5e3;
}
#menu a:hover {
text-align: left;
color:  #66cc00;
background-color: #edf2f0;
background-image: url(images/puce.gif);
background-repeat: no-repeat;
background-position: right;
font-style: normal;


}

             
#siteInfo{
margin: 0;
padding: 0;
width:100%;
height: 50px;
	clear: both;
	font-size: 75%;
	color: #cccccc;
background-color: #051B13;
border-top: 2px solid #d6d7d9;
}
#siteInfo_g{
float: left;
width: 150px;
height: 50px;
text-align: left;
margin-left: 10px;


}
#siteInfo_c{
margin-left: auto;
margin-right: auto;
width: 500px;
height: 50px;

text-align: center;

}
#siteInfo_d{
float: right;
width: 150px;
height: 50px;
text-align: right;
margin-right: 10px;

}

#siteInfo h1{
      font-family : "Trebuchet MS", Georgia, Times, serif;
      font-size : 120%;
      font-weight : normal;
      color: #fde685;
      background-color : transparent;
}                     
#siteInfo h2{
      font-family: "Trebuchet MS", Georgia, Times, serif;
      font-weight: bold;
      color: #fde685;
      background-color : transparent;

}
#siteInfo p{
margin-top: 3px;
      font-family : "Trebuchet MS", Georgia, Times,serif;
      font-size : 80%;
      font-weight : normal;
      color: gray;
      background-color : transparent;
      line-height : 140%;
}