/***************** STYLE GLOBAUX *****************/
a img{
border:none;
}
a:active, a:focus{
outline:none;
}
/***************** STYLE CONTENU *****************/
#contenu h1{
font:bold 22px Arial, Helvetica, sans-serif;
color:#FFF;
letter-spacing:-1px;
margin:0 10px 20px;
}


#contenu h2{
font:bold 14px Arial, Helvetica, sans-serif;
color:#FFF;
text-transform:uppercase;
letter-spacing:-1px;
margin:0 10px 7px;
}
#contenu p{
font:12px/1.2em Arial, Helvetica, sans-serif;
text-align:justify;
color:#000;
margin:0 10px 1.2em;
}

#contenu table p, #contenu table td{
font:12px/17px Arial, Helvetica, sans-serif;
color:#000;
margin:0px;;
padding:0px;
}
#contenu p em{
font-weight:bold;
font-size:12px;
line-height:1.3em;
}
#contenu span.rouge{
color:red;
font-weight: bold;
}
#contenu span.couleur{
color:#2f4c92;
font-weight: bold;
}
#contenu a:link, #contenu a:visited{
font-weight:bold;
text-decoration:underline;
text-transform:uppercase;
color:#000;
}
#contenu a:hover, #contenu a:active{
color:#F00;
}

#contenu .pic-container img , #contenu .imageGrand img{
cursor:pointer;
}


#contenu .presentation{
background: url(../images/charte/bg-presentation.gif) left top no-repeat;
width:460px;
height:206px;
padding:15px 4px 5px;
float:left;
}
#contenu .diaporama{
float:right;
width:298px;
height:223px;
}
#contenu .encarteHoraire{
width:336px;
height:87px;
padding:68px 66px 0;
float:left;
background: url(../images/charte/bg-encarteHoraire.jpg) -2px bottom no-repeat;
}

#contenu .encarteHoraire p{
color:white;
text-align:center;
font-size:15px;
line-height:20px;
padding-top:6px;
}

#contenu .contactezNous{
width:298px;
float:right;
}
#contenu .contactezNous p{
font:normal 18px/1.2em Verdana,Helvetica,Arial, sans-serif;
color:#FFF;
letter-spacing:-1px;
text-align:center;
margin:35px 0px 0px;
padding:20px 0px 15px;
border-bottom:solid 1px white;
border-top: solid 1px white;
}
#contenu .contactezNous a:link, #contenu .contactezNous a:visited{
font: bold 29px/1.1em Arial,Verdana,Helvetica;
text-decoration:none;
text-transform:uppercase;
color:#69c6f0;
}
#contenu .contactezNous a:hover, #contenu .contactezNous a:active{
font: bold 29px/1.1em Arial,Verdana,Helvetica;
text-transform:uppercase;
color:#FF0000;
text-decoration: underline;
}

/* Pages produits */
#contenu #menuGammes{
width:93%;
float:left;
margin-bottom:10px;
}

#contenu .product{
width:248px;
float:left;
margin:0px 10px 7px 0;
display:inline;
}

#contenu .product .productTopNew{
height:28px;
width:248px;
float:left;
background: url(../images/charte/product-top-new.gif) left bottom no-repeat;
}

#contenu .product .new{
width:85px;
float:right;
margin-right:18px;
display:inline;
}

#contenu .product .new p{
margin:0px;
padding:5px 0px 0px;
text-align:center;
font-weight: bold;
}

#contenu .product .productTop{
height:28px;
width:248px;
float:left;
background: url(../images/charte/product-top.gif) left bottom no-repeat;
}

#contenu .product .productBody{
width:248px;
float:left;
background:url(../images/charte/product-body.gif) left top repeat-x white;
text-align:center;
}
#contenu .productBody .designation{
padding:0 0 0 10px;
text-align:left;
font-weight:bold;
}
#contenu .productBottom{
height:11px;
width:248px;
float:left;
background:url(../images/charte/product-bottom.gif) left top no-repeat;
}

#contenu #pagination{
width:100%;
float:left;
height:30px;
}

#pagination p{
text-align:center;
padding-right:20px;
}
/*Fin style page produits*/

/*Page Produits Détails */

#contenu #detailsTop{
width:620px;
height:48px;
float:left;
background:url(../images/charte/product-top-details.gif) left bottom no-repeat;
}
#contenu #detailsTop h1{
margin:25px 20px 0;
font-size:15px;
color:#5D7AA2;
}

#contenu #detailsBody{
width:620px;
padding-bottom:15px;
float:left;
background:url(../images/charte/product-bottom-details.gif) left bottom no-repeat ;
}

#contenu #detailsAligner{
width:575px;
height:377px;
margin:10px 0px 0 20px;
float:left;
display:inline;
}

#contenu #detailsBody .pic-container{
width:112px;
float:left;
margin:0px 5px 10px;
text-align:center;
}

#contenu #detailsBody #imageGrand{
width:300px;
height:300px;
float:left;
margin:0px 20px 5px 0;
display:inline;
border-bottom:solid 1px #80807f;
text-align: center;
}

#contenu #legende{
width:300px;
float:left;
padding:15px 20px 0 0px;
}
#contenu #legende p{
padding:0px 0px 20px;
margin:0px;
border-bottom:solid 1px #8B8B8B;
}

#contenu #flexcrollSafety{
width:255px;
height:377px;
float:right;
overflow:hidden; /* il cache le contenu Flexcroll avant que le script remplace le contenu qu'il contien */
}

#contenu #flexcrollSafety .flexcroll{
  width:255px;
  height:377px;
  float:right;
}

#menuDetails{
width:150px;float:left;
}
#menuDetails a:link.button1, #menuDetails a:visited.button1{
background: url(../images/charte/actif.gif) left top no-repeat;
width:150px;
padding:14px 0px 14px 5px;
height:12px;
float:left;
text-align:center;
font-size:11px;
font-family:Arial;

text-decoration:none;
}
#menuDetails a:hover.button1, #menuDetails a:active.button1{
background: url(../images/charte/inactif.gif) left top no-repeat;
width:155px;
padding:14px 0;
height:12px;
float:left;
text-align:center;
font-size:11px;
font-family:Arial;


color:#F23B00;
text-decoration:none;
}
#contenu a.button2{
background: url(../images/charte/interest-actif.gif) right -1px no-repeat;
float:left;
text-align:center;
font-size:11px;
font-family:Arial;
height:26px;
padding:10px 82px 10px 34px;
margin:0 0 0 290px;
text-decoration:none;
}

#contenu a.button2:hover{
background: url(../images/charte/interest.gif) right -1px no-repeat;
float:left;
text-align:center;
font-size:11px;
font-family:Arial;
height:26px;
padding:10px 82px 10px 34px;
margin:0 0 0 290px;
color:#F23B00;
text-decoration:none;
}

#menuDetails a#button1-hover{
background: url(../images/charte/inactif.gif) left top no-repeat;
width:150px;
height:12px;
float:left;
text-align:center;
font-size:11px;
font-family:Arial;
padding:14px 0px 14px 5px;
color:#F23B00;
text-decoration:none;
}
/*fin page details*/

/*start page accessoires*/
#contenu .accessoiresLeft{
background: url(../images/charte/bg-actus2.gif) left top no-repeat;
float:left;
width:748px;
padding-bottom:10px;
}
#contenu .accessoiresRight{
background: url(../images/charte/bg-actus1.gif) left top no-repeat;
float:left;
width:748px;
padding-bottom:10px;
}
#contenu .accessoiresLeft .pic-container{
width:100px;
height:100px;
float:left;
text-align: center;
}
#contenu .accessoiresRight .pic-container{
width:100px;
height:100px;
float:right;
text-align: center;
}

#contenu .accessoiresLeft h2{
color:#5D7AA2;
margin:11px 0px 0px 13px;
padding:0px;
}
#contenu .accessoiresRight h2{
color:#5D7AA2;
margin:11px 13px 0px 0px;
padding:0px;
text-align:right;
}
#contenu .accessoiresLeft p{
padding:4px 17px 0 10px;
margin:0px;
}
#contenu .accessoiresRight p{
  padding:4px 10px 0 10px;
  margin:0px;
}
/* fion page accessoires */
/* start page atelier-racing*/

#contenu .atelierLeft{
background: url(../images/charte/bg-presentation1.gif) left top no-repeat;
width:49.5%;
float:left;
padding-bottom:10px;
}
#contenu .atelierLeft h2{
color:black;
margin:6px 0px 0px 13px;
padding:0px;
text-align:center;
color:#5D7AA2;
}
#contenu .atelierLeft .pic-container{
width:100px;
height:100px;
float:left;
margin:7px 13px 0 13px;
}

#contenu .atelierLeft p{
background: url(../images/charte/repeat-y-actus.jpg) #F3F3F3;
padding:4px 10px 0 10px;
margin:0px;
}

#contenu .atelierRight{
background: url(../images/charte/bg-presentation1.gif) right top no-repeat;
width:49.5%;
float:right;
padding-bottom:10px;
}
#contenu .atelierRight h2{
color:black;
margin:6px 13px 0px 0px;
padding:0px;
text-align:center;
color:#5D7AA2;
}
#contenu .atelierRight .pic-container{
width:100px;
height:100px;
float:right;
margin:7px 13px 0 13px;
}
#contenu .atelierRight p{
background: url(../images/charte/repeat-y-actus.jpg) #F3F3F3;
padding:4px 10px 0 10px;
margin:0px;
}
/*fin page atelier-racing*/

/*start page actualites*/
#contenu .actusLeft{
background: url(../images/charte/bg-presentation.gif) left top no-repeat;
width:460px;
padding:15px 4px 5px;
float:left;
width:97%;
padding-left: 0px;
}
#contenu .actusRight{
background: url(../images/charte/bg-presentation.gif) right top no-repeat;
width:460px;
padding:15px 4px 5px;
float:left;
width:97%;
padding-left: 0px;
padding-right:0px;
}
#contenu .actusLeft{
  background: url(../images/charte/bg-actus2.gif) center top no-repeat;
}
#contenu .actusRight{
  background: url(../images/charte/bg-actus1.gif) center top no-repeat;
}
#contenu .actusLeft .images {
float:left;
display:block;
padding-right:14px;
padding-left:2px;
}
#contenu .actusRight .images {
float:right;
display:block;
padding-right:13px;
padding-left:3px;
}

#contenu .actusLeft .images p,
#contenu .actusRight .images p{
text-align:center;
margin-bottom: 5px;
}

#contenu .actusLeft .pic-container{
width:100px;
height:100px;
float:left;
display:inline;
margin: 0px 3px 5px 10px;
}
#contenu .actusRight .pic-container{
width:100px;
height:100px;
float:left;
display:inline;
margin: 0px 0px 5px 10px;
}
#contenu .actusLeft, #contenu .actusRight{
padding:10px 10px 0 10px;
margin:0px;
}
#contenu .actusLeft .details, #contenu .actusRight .details{
padding:20px 10px 0 10px;
margin:0px;
}