a{outline: none;}
:focus{-moz-outline-style: none;}
body {
	margin:0;
	padding:0;	
	background-image:url('images/image_fond.jpg');
	background-repeat:no-repeat;
	background-color:#dedede;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color:#4b575f;
}
img{
	border:0;
}

a{
	text-decoration:none;
	color:#4b575f;
}

h1,h2{
	font-size:13px;
	margin:0;
	padding:0;
}

.grandh1{
	font-size:15px;
	color: #f47d31;
}

.grandh1_gris{
  color:#4b575f;
  font-size:14px;
}

.grand_titre{
	font-size:13px;
  padding-top:5px;
}


#conteneur{
	margin-left:auto;
	margin-right:auto;
	width:850px;
}
#bandeau_haut{
	background-image:url('images/image_menu.gif');
	background-repeat:no-repeat;
	height:35px;
	margin-left:auto;
	margin-right:auto;
	margin-top:2px;
	width:850px;
	padding:0;
}
#bandeau_haut ul{
	padding-top:10px;
	padding-bottom:0;
	margin-bottom:0;
}
#bandeau_haut li{
	list-style-type:none;
	text-align:center;
	display:inline;
}

#bandeau_haut a{
	text-align:center;
	color:white;
	padding:50px;
	font-weight:bold;
}

#bandeau_haut a:hover{
	color:black;
}

#bandeau_haut a.survol{
	color:black;
}

#bandeau_haut a.premier{
	padding-left:15px;
}

#bandeau_haut a.diaporama{
	padding-left:30px;
}

#bandeau_haut a.reference{
	padding-left:15px;
}

#bandeau_haut a.contact{
	padding-left:15px;
}

#bandeau_gris{
	background-image:url('images/bandeau_gris_header.jpg');
	background-repeat:repeat-x;	
	width:848px;
	height:18px;
	margin:0;
	padding:0;
}

#contenu{
	background:white;
	width:808px;
  padding-left:20px;
  padding-right:20px;
	height:100%;
}

#contenu_sans_padding{
 	background:white;
	width:848px;
	height:100%; 
}



#espace_contenu{
	background-image:url('images/espace_contenu.jpg');
	background-repeat:repeat-x;	
	width:848px;
	height:3px;
	margin-top:15px;
}
b.titre{
	color:#4b575f;
	font-size:17px;
}

.gros_titre{
  font-size:14px;
}
.petit_titre{
  font-size:13px;
}

#photo_accueil{
	background-image:url('images/remorque-xxl-1.jpg');

}

#footer{
	text-align:center;
}


/* SLIDE   .......................................  */ 

#slide_bg {
	position: relative;
	width:500px;
	height:319px;
	float:left;
}
#slide_b2 {
	position: relative;
	width:280px;
  margin-left:auto;
  margin-right:auto;
  height:420px;
}
#siteWrap {
	position: absolute;
}
#pageWrap {
	position: absolute;
	width: 16px;
	top: 10px;
	left: 0px;
	padding-right: 7px;
}

#bubbleWrap {
	position: absolute;
	top: 0px;
	left: 0px;
}
.bubble {
	position: absolute;
}

#zahl {
margin-right: 9px;
float: left;
color: #9E0E0B;
text-decoration: none;
}

a.zahl:link, a.zahl:visited  {
font-weight: bold ;
color: #9E0E0B;
text-decoration: none;
}

a.zahl:hover, a.zahl:active, a.zahl:focus  {
font-weight: bold ;
color: #FFF;
}



/*classes génériques*/
.aligner-gauche{
	float:left;	
}
.aligner-droite{
	float:right;
}

.aligner-centre{
	text-align:center;
}

.clear-both{
	clear:both;
}

img{
	margin:0;
	padding:0;
}

span.rouge{
	color: #f47d31;
}

.espace_image{
	padding:10px;
}
.image_diaporama{
	padding-left:10px;
  padding-bottom:10px;
}

.page_contact_form_label {
	width: 100px;
	height: 10px;
	padding-top: 4px;
	float: left;
	text-align: right;
	margin-bottom: 6px;
}

.page_contact_form_label2{
	width: 80px;
	height: 10px;
	padding-top: 4px;
	float: left;
	text-align: right;
	margin-bottom: 6px;
}
.page_contact_form_label_droite {
	width: 219px;
	height: 20px;
	padding-top: 4px;
    padding-left: 219px;
    padding-right: 5px;
	text-align: right;
	margin-bottom: 6px;
}
.page_contact_form_input { 
	width: 132px;
	height: 18px;
	padding: 0px;
	margin-left: 4px;
	margin-right: 4px;
	border: 1px solid #d1d1d1;
	background-color: #f3f3f3;
	float:left;
	margin-bottom: 6px;	
}
.page_contact_form_textarea {
	width: 354px;
	height: 151px;
	padding: 0px;	
	margin-left: 4px;
	margin-right: 4px;	
	float:left;	
	border: 1px solid #d1d1d1;
	background-color: #f3f3f3;
	margin-bottom: 10px;		
}
.page_contact_form_bouton {
	padding-left: 200px;
}

.decalage-gauche{
	margin-left:20px;
}

.padding10{
	padding:20px;
}
.padding5{
	padding:10px;
}

.marge-gauche{
  padding-left: 20px;
}
.marge-droite{
  padding-right: 20px;
}

.marge-gauche60{
  padding-left: 60px;
}

/* debut des styles du diaporama */
.div_diaporama {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
  width: 750px;
  height: 480px;
}

.diaporama_non_entoure {
  text-align: center;
  border: 3px solid #888888;
}
.diaporama_entoure {
  text-align: center;
  border: 3px solid black;
}

#DHTMLgoodies_panel_one{
	text-align:center;
}
#DHTMLgoodies_thumbs{
	overflow:hidden;	/* Don't change this */
	height:130px;	/* Height of thumbnail div */
	width:650px;	/* Width of strip */
	position:relative;	/* Never change this */
	margin-left: auto;
	margin-right: auto;
}
.strip_of_thumbnails{	/* A vertical strip of thumbnails */
	/* Width of strip */
	padding:7px;	/* "Air" inside filmstrip div */
	float:left;		
}
.strip_of_thumbnails div{
	padding:0px;
	text-align:center;
}
.strip_of_thumbnails img{
	border:0px;
	padding:0px;
}
.leftArrow{
	float:left;
    padding-top: 15px;
    padding-left:50px;
}
.rightArrow{
	float:right;
    padding-top: 15px;
    padding-right:50px;
}
#DHTMLgoodies_thumbs_inner{
	position:relative;	/* Never change this */
	width:6000px;
}

a.gras{
	font-weight:bold;
}
a.gras:hover{
	text-decoration:underline;
}
#references ul{
	margin:0;
	padding:0;
}
#references li{
	margin-left:35px;
}

#trait_rouge{
  background-color: #f47d31;
  height:2px;
  font-size:0;
  margin:0;
  padding:0;
  width:700px;
}

#actualite{
    background-image:url('images/bls-actu.png');
    background-repeat:no-repeat;
    width:385px;
    height:169px;
    color:white;
    text-align:center;
    font-weight:bold;
    font-size:14px;
    padding:0;
    padding-top:42px;
    padding-left:3px;
    padding-right:8px;
    margin:0;
}

/* fin des styles du diaporama */