html, body{
margin: 0px;
padding: 0px;
background-image:url(../img/bg_html.gif);
background-position:top;
background-repeat:repeat-x;
background-color: #383838;
}

#container{
width: 683px;
position:absolute;
top:0px;
left: 50%;
margin-left: -341px;
}

#header{
margin: 0px;
padding: 0px;
background-image:url(../img/header.jpg);
background-repeat:no-repeat;
height: 303px;
width: 683px;
}

#contenu{
width: 683px;
overflow:auto;
padding-left: 15px;
}

#col_gauche{
float:left;
width: 220px;
padding-top:5px;
}

#col_droite{
float:right;
width: 400px;
margin-right:20px;
}

#realisations{
margin:5px;
}

#liens{
margin:5px;
}

#photos{
margin:5px;
}

#materiel{
width:350px;
margin:5px;
height: 150px;
background-color:#303030;
padding: 5px 15px 15px 15px;
}

#contact{
width: 245px;
margin:5px;
background-image: url(../img/fond_contact.gif);
background-repeat:repeat-y;
padding-left: 15px;
}

#footer{
height: 15px;
width: 663px;
background-color:#303030;
clear:both;
margin-top: 15px;
margin-left: 15px;
margin-right: 5px;
margin-bottom: 20px;
text-align:center;
color : white;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}

#menu_haut_gauche{
position:absolute;
top: 7px;
width: 150px;
left:50%;
margin-left: -300px;
color:white;
}
.puce_titre{
float: left;
margin-top: 2px;
}

.puce_titre2{
float: left;
margin-top: 17px;
}

h3{
color: white;
margin-left: 30px;
font-family: Tahoma, Verdanda, Helvetica, sans-serif;
letter-spacing: 2px;
font-size:14px;
font-weight:bold;
}

/* Styles du menu vertical */

.menu_vertical ul{
	margin: 0 ;
	padding: 0 ;
	list-style-image:url(../img/puce_menu.gif);
	margin-left: 25px;
}

.menu_vertical li{
margin: 0 0 3px 0 ;
	padding: 1px ;
background-color:#383838;
background-image:url(../img/separateur_menu.gif);
background-position:bottom;
background-repeat:no-repeat;
height: 23px;
}

.menu_vertical li a{
display:block;
width : 180px;
color : white;
text-decoration:none;
padding-left : 2px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;

}
.menu_vertical li a:hover{
color: #00bff3;
text-decoration:none;
background-color:#383838;
padding-left : 2px;
}

/* Fin de la stylisaiton du menu */

.fond_photo{
background-color:#303030;
padding: 3px;
width: 102px;
margin-left: 27px;
margin-bottom: 5px;
}

.lien01{
text-decoration:none;
color: #00bff3;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
}

.lien01:hover{
text-decoration:none;
color: #00bff3;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
border-bottom:1px dotted #00bff3;
padding-bottom: 2px;
}


.lien02{
text-decoration:none;
color: white;
font-family:Verdana, Arial, Helvetica, sans-serif;
letter-spacing:1px;
font-size:10px;
margin-left:3px;
margin-right:3px;
}

.lien02:hover{
text-decoration: none;
color: #00bff3;
font-family:Verdana, Arial, Helvetica, sans-serif;
letter-spacing:1px;
font-size:10px;
margin-left:3px;
margin-right:3px;
}

/* Styles du menu vertical DU MATERIEL DISPONIBLE */

.menu_vertical2 ul{
	margin: 0 ;
	padding: 0 ;
	list-style-image:url(../img/puce_menu.gif);
	margin-left: 25px;
}

.menu_vertical2 li{
margin: 0 0 3px 0 ;
	padding: 1px ;
background-color:#303030;
background-image:url(../img/separateur_menu.gif);
background-position:bottom;
background-repeat:no-repeat;
height: 23px;
}

.menu_vertical2 li a{
display:block;
width : 180px;
color : white;
text-decoration:none;
padding-left : 2px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;

}
.menu_vertical2 li a:hover{
color: #00bff3;
text-decoration:none;
background-color:#303030;
padding-left : 2px;
}

/* Fin de la stylisaiton du menu DU MATERIEL DISPONIBLE */

.infos{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
color:#FFFFFF;
}

.image_galerie{
border:4px solid #303030;
margin:4px;
}

.champs01{
border:1px solid #303030;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
background-color:#00ade1;
padding : 3px;
color : #303030;
}

.envoyer_btn {
   width: 63px;
   height: 18px;
   margin: 0;
   padding: 0;
   border: 0;
   background: transparent url(../img/btn_envoyer.jpg) no-repeat top left ;/* on place l'image en arrière plan */
   cursor: pointer;  /* pour transformer de pointeur en main */
}
.envoyer_btn:hover {
    background: transparent url(../img/btn_envoyer_hover.jpg) no-repeat top left ;
}

.form_contact{
color:white;
font-family: Arial, Helvetica, sans-serif;
font-size:12px;
}

.noms{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:white;
font-size:11px;
text-align:justify;
}

.noms2{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:white;
font-size:12px;
line-height:20px;
}

.lettrine{
font-size:16px;
color:#0099FF;
font-weight:bold;
margin-left: 5px;
margin-right:5px;
font-family:Georgia, "Times New Roman", Times, serif;
}

.tournee{
margin-left: 30px;
}

#presentation{
margin: 5px 34px 5px 0px;
padding: 5px;
background-color:#424242;
}

#presentation p{
color:white;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
text-align:justify;
}

li{
color: white;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
margin-top:5px;
}

.li2{
margin-left: 30px;
list-style-type: circle;
}