/********************************************************************* Balise ****************************************************************/


form {
	padding: 0px;
	margin: 0px;
}

.fd strong, legend {
	color: #ac0505;
}

h1 {
	font-size:14px;
}

.grand {
	font-size: 15px;
}
td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #666666;
	text-decoration: none;
}

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-image: url(gifs/images/artois-moto_02.jpg);
	background-repeat: repeat;
}

/******************************************************************** Lien ******************************************************************/
a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ac0505;
	text-decoration: underline;
}
a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ac0505;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
	color: #ac0505;
}
a:active {
	text-decoration: underline;
	color: #ac0505;
}


h2 a {
	color: #ac0505;
	text-decoration: none;
}
h2 a:link {
	color: #ac0505;
	text-decoration: none;
}
h2 a:hover {
	text-decoration: none;
	color: #ac0505;
}
h2 a:active {
	text-decoration: none;
	color: #ac0505;
}



a.numpage, a.bt_suivant , a.bt_precedent {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
	font-weight:bold;
}
a.numpage:link, a.bt_suivant:link, a.bt_precedent:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #666666;
	text-decoration: none;
}
a.numpage:hover, a.bt_suivant:hover, a.bt_precedent:hover {
	text-decoration: none;
	color: #ac0505;
}
a.numpage:active, a.bt_suivant:active, a.bt_precedent:active {
	text-decoration: none;
	color: #666666;
}

/********************************************************************** Class **************************************************************/
.scrollbarre {
	overflow:auto;
}

/********************************************************************** Newsletter **************************************************************/
.email_news {
	font-family:Geneva,Arial,Helvetica;
	font-size:11px;
	color:#666666;
	background-color:#ffffff;
	border:#bbbbbb 1px solid;
}

.bouton_news {
	font-family:Geneva,Arial,Helvetica;
	font-size:12px;
	color:#ffffff;
	background-color:#585858;
	border: 0px;
}

/**********************************************************BDD AUTO **************************************/

.numpage_selec {
	color:#ac0505;
}

.liste_cat{
}
.fichierbin{
}
.photo{
}
/**********************************************************************************************************/



/*********************************************************LIGHTBOX*****************************************/

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(gifs/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="gifs/overlay.png", sizingMethod="scale");
	}
	
/**********************************************************************************************************/
	

.fdliens {
	display:none;
}


.fdliens div {
	padding-top: 8px;
	padding-left:27px;
}


.fdmoteur {
	background-image: url(gifs/images/artois-moto_10.jpg);
	background-repeat: no-repeat;
	height: 203px;
	width: 263px;
	padding-left: 30px;
	padding-top: 39px;
}

.fdmoteur div{
	font-weight: bold;
	padding-top: 7px;
	width: 253px;
	float:left;
}

.fdmoteur div.top{
	padding-top: 20px;
}

.fdmoteur div.bottom{
	padding-bottom: 13px;
}

.aligner {
	padding-right: 6px;
}

.fdmoteur select{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #666666;
	text-decoration: none;
	width: 160px;
	float: right;
}



.fdmoteur div p {
margin:0px;
padding: 0px;
padding-top: 3px;
float: left;
}







.fdliens div a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-decoration: underline;
	padding-right: 30px;
}
.fdliens div a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	text-decoration: underline;
}
.fdliens div a:hover {
	text-decoration: none;
	color: #ffffff;
}
.fdliens div a:active {
	text-decoration: underline;
	color: #ffffff;
}
.fdnewsletter {
	background-image: url(gifs/images/artois-moto_13.jpg);
	background-repeat: no-repeat;
	height: 87px;
	width: 263px;
	padding-left: 30px;
	
}
.fdpartenaire {
	background-image: url(gifs/images/artois-moto_15.jpg);
	height: 129px;
	width: 268px;
	text-align:center;
	padding-left: 25px;
}
.footer {
	
	height: 44px;
	background-color : #CD0505;
	color:#FFFFFF;
	text-align:center;
	
}


.fdpartenaire p {
	margin: 0px;
	padding: 0px;
	padding-top: 88px;
}

.petage {
	background-image: url(gifs/images/petage_21.jpg);
	background-repeat:repeat-y;
}

.fd {
	
	
}

.no_print_header{display : none;}

.fdnewsletter p{
	padding: 0px;
	margin: 0px;
	padding-top: 39px;
	padding-bottom: 8px;
}


#lienbas a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
}

#lienbas a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
}
#lienbas a:hover {
	text-decoration: none;
	color: #ac0505;
}
#lienbas a:active {
	text-decoration: none;
	color: #666666;
}


h2 {
	margin: 0px;
	padding:0px;
	background-image:url(gifs/images/puce_19.jpg);
	background-repeat:no-repeat;
	background-position:left;
	padding-left: 6px;
	color:#ac0505;
	text-transform:uppercase;
	font-size: 11px;
	font-weight:bold;
}

#gauche strong{
	color: #444444;	
} 



#gauche p {
	padding:0px;
	margin: 0px;
	padding-bottom: 15px;
	padding-top: 5px;
}

.paddingbottom {
	padding-bottom: 10px;
}

#gauche p.lien {
	padding: 0px;
	margin:0px;
	background-image:url(gifs/images/puce2_26.jpg);
	background-repeat:no-repeat;
	background-position:left;
	padding-left: 15px;
	float:right;
}


#contactencart{

	background-image:url(gifs/images/index_27.jpg);
	height:114px;
	width:331px;
}


#contactencart a{
	display: block;
	height: 100%;
	width: 100%;
}



#droite {
	float: left;
	width:285px;
	height: 345px;
}


.float {
	float: left;
}


.textebdd strong, .textebdd2 strong {
	color: #666666;
}

.textebdd {
	padding-top: 13px;
	float: left;
}


.textebdd2 {
	padding-top: 20px;
	float: left;
}


.photo {
	float: left;
	width: 100px;
}

.textebdd p, .textebdd2 p {
	margin:0px;
	padding: 0px;
	padding-top: 4px;
}



.lien2 {
	background-image:url(gifs/images/puce2_26.jpg);
	background-repeat:no-repeat;
	background-position:left;
	padding-left: 15px;
	float:right;
}

.encart1 {
	background-image:url(gifs/images/index_30.jpg);
	height:88px;
	width:287px;

	float:left;
	margin-bottom: 30px;
}

.encart2 {
	background-image: url(gifs/images/index_22.jpg);
	height:88px;
	width:287px;
	float:left;
	margin-bottom: 30px;
	
}


.bordure2 {
	padding-left: 5px;
	padding-top: 9px;
}

.bordure {
	padding-left: 5px;
	padding-top: 8px;
}


h2.encart {
	margin: 0px;
	padding:0px;
	background-image:url(gifs/images/puce2_22.jpg);
	background-repeat:no-repeat;
	background-position:left;
	padding-left: 6px;
	color:#ac0505;
	text-transform:uppercase;
	font-size: 11px;
	font-weight:bold;
}



h3 {
	margin: 0px;
	padding:0px;
	color:#ac0505;
	font-size: 12px;
	text-align:center;
	font-weight:bold;
}

.bdd1 {
	background-image:url(gifs/images/bdd_19.jpg);
	background-repeat:no-repeat;
	height: 26px;
	width: 174px;
	text-align:left;
	padding-left: 5px;
}


.bdd2 {
	background-image:url(gifs/images/bdd_21.jpg);
	background-repeat:repeat;
	height: 103px;
	width: 179px;
}


.bdd3 {
	background-image:url(gifs/images/bdd_26.jpg);
	background-repeat:repeat;
	height: 82px;
	text-align:left;
	padding-left: 5px;
	width: 174px;
}

.bdd3 p {
	margin: 0px;
	padding: 0px;
	padding-top: 9px;
}

.bdd3 strong {
	color: #666666;
}

.bdd4 {
	text-align:right;
	background-image:url(gifs/images/bdd_30.jpg);
	background-repeat:repeat;
	padding-right: 8px;
	height: 24px;
	width: 171px;
}.contour {
	border: 1px solid #666666;
}




.bdd  {
	border: solid 1px #d0d0d0;
}


.sousmenu1 {
	background-image:url(gifs/images/sousmnu_19.jpg);
	height: 35px;
	padding-top: 100px;
	width: 158px;
	text-align:center;
}

.sousmenu2 {
	background-image:url(gifs/images/sousmnu_20.jpg);
	height: 35px;
	padding-top: 100px;
	width: 160px;
	text-align:center;
}

.sousmenu3 {
	background-image:url(gifs/images/sousmnu_21.jpg);
	height: 35px;
	padding-top: 100px;
	width: 158px;
	text-align:center;
}

.sousmenu4 {
	background-image:url(gifs/images/sousmnu_22.jpg);
	height: 35px;
	padding-top: 100px;
	width: 149px;
	text-align:center;
}

#bdd strong {
	color: #666666;
}.gris {
	display:none;
}


.gris a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: underline;
}
.gris a:link {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: underline;
}
.gris a:hover {
	text-decoration: none;
	color: #666666;
}
.gris a:active {
	text-decoration: underline;
	color: #666666;
}

.paddingtop {
	padding-top: 12px;
}



#gauche {
	float: left;
	width:320px;
	background-image:url(gifs/images/index_19.jpg);
	background-position:right;
	background-repeat:no-repeat;
	padding-right: 22px !important;
	padding-right: 14px;
	height: 345px;
}






#accueil {    /* "lien" sera notre conteneur, ici la balise div */ 
    width: 293px;  /* changer la largeur ici */ 
    height: 40px; /* changer la hauteur ici */ 
    background: url(gifs/images/new/over_07.jpg) no-repeat left top;    /* placement de l'image over */ 
} 

#accueil a {    /* définition du lien qui occupera toute la place du conteneur */ 
    display: block; 
    width: 100%; 
    height: 100%; 
    background: url(gifs/images/new/menu_07.jpg) no-repeat left top;    /* placement de l'image du menu */ 
    color: #000; 
} 

#accueil a:hover {    /* masquage de l'image1 au survol */ 
    background: transparent none; 
} 


#gamme {    /* "lien" sera notre conteneur, ici la balise div */ 
    width: 293px;  /* changer la largeur ici */ 
    height: 32px; /* changer la hauteur ici */ 
    background: url(gifs/images/new/over_08.jpg) no-repeat left top;    /* placement de l'image over */ 
} 

#gamme a {    /* définition du lien qui occupera toute la place du conteneur */ 
    display: block; 
    width: 100%; 
    height: 100%; 
    background: url(gifs/images/new/menu_08.jpg) no-repeat left top;    /* placement de l'image du menu */ 
    color: #000; 
} 

#gamme a:hover {    /* masquage de l'image1 au survol */ 
    background: transparent none; 
} 


#occasion {    /* "lien" sera notre conteneur, ici la balise div */ 
    width: 293px;  /* changer la largeur ici */ 
    height: 33px; /* changer la hauteur ici */ 
    background: url(gifs/images/new/over_10.jpg) no-repeat left top;    /* placement de l'image over */ 
} 

#occasion a {    /* définition du lien qui occupera toute la place du conteneur */ 
    display: block; 
    width: 100%; 
    height: 100%; 
    background: url(gifs/images/new/menu_10.jpg) no-repeat left top;    /* placement de l'image du menu */ 
    color: #000; 
} 

#occasion a:hover {    /* masquage de l'image1 au survol */ 
    background: transparent none; 
} 


#accessoires {    /* "lien" sera notre conteneur, ici la balise div */ 
    width: 293px;  /* changer la largeur ici */ 
    height: 33px; /* changer la hauteur ici */ 
    background: url(gifs/images/new/over_12.jpg) no-repeat left top;    /* placement de l'image over */ 
} 

#accessoires a {    /* définition du lien qui occupera toute la place du conteneur */ 
    display: block; 
    width: 100%; 
    height: 100%; 
    background: url(gifs/images/new/menu_12.jpg) no-repeat left top;    /* placement de l'image du menu */ 
    color: #000; 
} 

#accessoires a:hover {    /* masquage de l'image1 au survol */ 
    background: transparent none; 
} 


#atelier {    /* "lien" sera notre conteneur, ici la balise div */ 
    width: 293px;  /* changer la largeur ici */ 
    height: 32px; /* changer la hauteur ici */ 
    background: url(gifs/images/new/over_13.jpg) no-repeat left top;    /* placement de l'image over */ 
} 

#atelier a {    /* définition du lien qui occupera toute la place du conteneur */ 
    display: block; 
    width: 100%; 
    height: 100%; 
    background: url(gifs/images/new/menu_13.jpg) no-repeat left top;    /* placement de l'image du menu */ 
    color: #000; 
} 

#atelier a:hover {    /* masquage de l'image1 au survol */ 
    background: transparent none; 
} 


#partenaires {    /* "lien" sera notre conteneur, ici la balise div */ 
    width: 293px;  /* changer la largeur ici */ 
    height: 33px; /* changer la hauteur ici */ 
    background: url(gifs/images/new/over_14.jpg) no-repeat left top;    /* placement de l'image over */ 
} 

#partenaires a {    /* définition du lien qui occupera toute la place du conteneur */ 
    display: block; 
    width: 100%; 
    height: 100%; 
    background: url(gifs/images/new/menu_14.jpg) no-repeat left top;    /* placement de l'image du menu */ 
    color: #000; 
} 
td.bloc_print{
	display:none;
}

#partenaires a:hover {    /* masquage de l'image1 au survol */ 
    background: transparent none; 
} 


#actualite {    /* "lien" sera notre conteneur, ici la balise div */ 
    width: 293px;  /* changer la largeur ici */ 
    height: 39px; /* changer la hauteur ici */ 
    background: url(gifs/images/new/over_15.jpg) no-repeat left top;    /* placement de l'image over */ 
} 

#actualite a {    /* définition du lien qui occupera toute la place du conteneur */ 
    display: block; 
    width: 100%; 
    height: 100%; 
    background: url(gifs/images/new/menu_15.jpg) no-repeat left top;    /* placement de l'image du menu */ 
    color: #000; 
} 

#actualite a:hover {    /* masquage de l'image1 au survol */ 
    background: transparent none; 
} 
