@charset "utf-8";
/*** gnriques *****************************************************************************************************************************************/
body{
	background-image: url(/images/bodyFond.gif);
	background-repeat: repeat;
}

h1{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #130A0A;
	line-height: 22px;
	display: inline;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 0px;
	margin: 0px;
	float: left;
}
h2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	line-height: 20px;
	margin-left:20px;
}
h3{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #7F80A4;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	line-height: 0px;
}
h4{
}
h5{
}
h6{
}

p{
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

img {
	border:none;
}

a{
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #7F80A4;
}
a:hover{
	text-decoration:none;
	color: #ffffff;
}
a:visited{
	text-decoration:none;
}



table{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
table img{
	padding: 0px;
	margin-top: 2px;
	margin-right: 2px;
	margin-bottom: 2px;
	margin-left: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
tr{
	border-right-style: none;
	border-left-style: none;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-width: 0px;
	border-top-style: none;
	border-bottom-width: 0px;
	border-bottom-style: none;
}
th{
	font-size:12px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-weight: bold;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;

}


td{
	font-size:10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-width: 2px;
	border-top-style: solid;

	margin-top: 2px;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
	border-top-color: #17171E;
	border-right-color: #17171E;
	border-bottom-color: #17171E;
	border-left-color: #17171E;
}

ul{
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	list-style-position: outside;
	list-style-image: none;
}
li{
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	list-style-position: outside;
	list-style-image: none;
}



/*** principaux ***************************************************************************************************************************************************/

/*.obligatoire {
	color: #CC9900;
}*/
/*VIRG 080408 : repris de styleAdmin - trouv dans http://www.accimoto.com/acc.css*/
.infobulle{
	position: absolute;
	visibility : hidden;
	display: none;
	border: 1px solid #CCCCCC;
	padding: 4px;
	background-color: #272833;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#DB214A;
}
.infobulle td{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
/*** Conteneur et entourage*****************************************************************************************************************************************/
.conteneurExt {
	padding: 0px;
	height: auto;
	width: 920px! important;
	width: 928px;
	margin-top: 10px;
	margin-right: auto;
	margin-left: auto;
}
.coteGauche {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 39px;
	background-color: #FFFFFF;
	filter:alpha(opacity=20);  /* Internet Explorer 6 */
	-moz-opacity:0.2;  /* Mozilla 1.6 et infr.   */
	opacity: 0.2;  /* CSS3 et Mozilla rcents */
}
.milieu {
	margin: 0px;
	padding: 0px;
	float: left;
	height: auto;
	width: 842px;
} 
.haut {/*dans milieu*/
	margin: 0px;
	padding: 0px;
	height: 19px;
	width: 842px;
	background-color: #FFFFFF;
	filter:alpha(opacity=20);  /* Internet Explorer 6 */
	-moz-opacity:0.2;  /* Mozilla 1.6 et infr.   */
	opacity: 0.2;  /* CSS3 et Mozilla rcents */
}
.conteneur {/*dans milieu*/
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 842px;
}
.bas {/*dans milieu*/
	margin: 0px;
	padding: 0px;
	height: 19px;
	width: 842px;
	background-color: #FFFFFF;
	filter:alpha(opacity=20);  /* Internet Explorer 6 */
	-moz-opacity:0.2;  /* Mozilla 1.6 et infr.   */
	opacity: 0.2;  /* CSS3 et Mozilla rcents */
}
.coteDroit {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 771px;
	width: 39px;
	background-color: #FFFFFF;
	filter:alpha(opacity=20);  /* Internet Explorer 6 */
	-moz-opacity:0.2;  /* Mozilla 1.6 et infr.   */
	opacity: 0.2;  /* CSS3 et Mozilla rcents */
}


/*** en-tête *******************************************************************************************************************************************************/
.menuHaut {
	background-image: url(/images/menu-haut.jpg);
	background-repeat: no-repeat;
	height: 53px;
	width: 842px;
	padding: 0px;
	margin: 0px;
}
.menuHaut p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	float: right;
	margin-right: 14px;
}
.menuHaut a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #FFFFFF;
	text-decoration: none;
}
.menuHaut a:hover {
	color: #7F80A4;

}
.menuHautDecall {
	margin: 0px;
	padding: 0px;
	height: 10px;
	width: 100%;
}

.bandeau{
	margin: 0px;
	padding: 0px;
	height: 140px;
	width: 842px;
}
.bandeau p{
}
.bandeauG {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 140px;
	width: 21px;
}
.bandeauFlash {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 140px;
	width: 800px;
}
.bandeauD {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 140px;
	width: 21px;
}
.sousBandeau {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 69px;
	width: 842px;
}

/*** centre **********************************************************************************************************************************************************/
.centre {
	background-color: #272833;
	margin: 0px;
	padding: 0px;
	height: auto;
	width: 842px;
	background-image: url(/images/centreFond.gif);
	background-repeat: repeat-y;
	background-position: right;
}
.menuGauche {/*dans centre*/
	margin: 0px;
	padding: 0px;
	float: left;
	/*height: 400px;*//*virg 260509 : enlever pour pouvoir ajouter encart d'actu*/
	height: 600px;
	width: 221px;
	background-image: url(/images/fondMenu.jpg);
	background-repeat: no-repeat;
}

.defileur{
	height: 200px;
	_height:200px;
	width: 200px;
	padding: 5px;
	margin:5px;
	overflow:hidden;
	position:absolute;
	margin-top:30px;
	border:solid 1px #7f80a4;
}
#galerie{/*pour gauche et droite */
	position:relative;
	top:0px;
}

.contenu{/*dans centre*/
	margin: 0px;
	padding: 0px;
	float: left;
	min-height: 400px! important;/*virg 080408 : chang height en min-height pour avoir agrandissement auto de la page*/
	/*prob sur les côts à corrig ...*/
	width: 600px;
	background-image: url(/images/contenuFond.gif);
	background-repeat: repeat;
	height: auto;
}
.contenuFiches {
	padding: 0px;
	height: auto;
	width: 560px;
	margin-top: 30px;
	margin-bottom: 0px;
	margin-left: 20px;
}
.contenuFiches h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #DB214A;
	background-image: url(/images/visioFond.gif);
	background-repeat: repeat-x;
	display: block;
	padding-left:2px;
	width: 230px;
	height: auto;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}
.contenuFiches h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #DB214A;
	background-image: url(/images/visioFond.gif);
	background-repeat: repeat-x;
	display: block;
	padding-left: 12px;
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}



.titre {/*dans contenu*/
	height: 20px;
	width: 600px;
	background-image: url(/images/titreFond2.gif);
	background-repeat: repeat-x;
	margin: 0px;
	padding: 0px;
}
.bandeRouge {
	padding: 0px;
	height: 7px;
	width: 150px;
	background-color: #DB214A;
	float: left;
	margin-top: 10px;
}

.titrePuce {/*dans titre pour une img*/
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	float: left;
}

.contenuDroit {/*dans centre*/
	margin: 0px;
	padding: 0px;
	float: left;
	width: 21px;
	background-image: url(/images/contenuDroitFond.gif);
	background-repeat: repeat-y;
}
.lienVideo {
	clear: both;
	float: left;
	text-align: left;
	margin: 0px;
	padding: 0px;
	width: 100%;
}

.etire {/*dans centre*/
	clear: both;
	width: 100%;
	height:0px;
}
/*première page de chaq rubrique*/
.imgVign{/*Virg 080408 : pour l'affichage des img dans les rubriques*/
	width:100px;
	text-decoration:none;
	border:none;
	margin:20px;
}
/*fiche produit*/

/*.fiche img{
	margin-left:20px;
	margin-right:20px;
	margin-bottom:20px;
}
.fiche .ref{
	font-weight:bold;
}
.fiche .titr{
	font-size:14px;
	line-height:35px;
	margin:20px;
}
.fiche .diap{
	/* test pour avoir le dfileur */
	/*position:absolute;
	overflow:hidden;
	width:530px;
	height:50px;
}

.fiche .diap img{
	margin:2px;
	border:#FFFFFF thin solid;
}
/* test pour avoir le dfileur */
/*.fiche .diap .defil{
	position:relative;
	top:0px;
}*/




/*** pied-de-page *************************************************************************************************************************************************/
.footerBord {
	background-color: #999999! important;
	background-color: #999999;
	margin: 0px;
	padding: 0px;
	height: 81px;
	width: 842px;
}
.footer {/*dans footerBord*/
	padding: 0px;
	height: 80px;
	width: 840px;
	margin-top: 0px;
	margin-right: 1px;
	margin-bottom: 1px;
	margin-left: 1px;
	background-color: #272833;
}
.footerEspace {/*dans footer*/
	margin: 0px;
	padding: 0px;
	height: 20px;
	width: 840px! important;
	width: 830px;
}
.footerText {/*dans footer*/
	padding: 0px;
	height: 50px;
	width: 820px! important;
	width: 816px;
	margin-right: 11px;
	margin-left: 11px;
	background-color: #1D1E25;
	margin-top: 0px;
}
.footerTextAdresse {/*dans footerText*/
	margin: 0px;
	padding: 0px;
	height: 33px;
	/*width: 561px;*//*virg 250708 modif pour avoir tel et fax sur mm ligne*/
	float: left;
}
.footerTextAdresse p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	margin-left: 10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	line-height: 15px;
}
.footerTextOpci {/*dans footerText*/
	margin: 0px;
	/*height: 33px;*//*virg 250708 modif pour avoir tel et fax sur mm ligne*/
	/*width: 246px;*//*virg 250708 modif pour avoir tel et fax sur mm ligne*/
	width:800px;/*virg 250708 modif pour avoir tel et fax sur mm ligne*/
	text-align:right;/*virg 250708 modif pour avoir tel et fax sur mm ligne*/
	/*float: left;*//*virg 250708 modif pour avoir tel et fax sur mm ligne*/
	background-image: url(/images/footerOpci.gif);
	background-repeat: repeat-y;
	background-position: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px! important; 
	padding-left: 6px;
}
.footerTextOpci a{
	font-size: 9px;
	font-weight: normal;
	color: #7F80A4;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	line-height: 20px;

}
.footerTextOpci a:hover{
	color: #CCCCCC;

}
.footerTextSep {/*dans footerText*/
	margin: 0px;
	padding: 0px;
	clear: both;
	height: 2px;
	width: 820px! important;
	width: 816px;
	background-image: url(/images/footerSep.gif);
	background-repeat: repeat-x;
}
.footerTextLiens {/*dans footerText*/
	margin: 0px;
	clear: both;
	height: 13px;
	width: 800px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 20px! important;
	padding-left: 16px;

}
.footerTextLiens p {
	font-size: 10px;
	color: #7F80A4;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
 }
.footerTextLiens a{
	font-size: 9px;
	color: #7F80A4;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	margin: 0px;
 }
.footerTextLiens a:hover {
	color: #FFFFFF;
	text-decoration: none;
}
.flecheDroite {
	padding: 0px;
	float: left;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 60px;
}











/*fiche produit***************************************************************************************************************************************************/

.ref{
	font-weight:bold;
}
.titr{
	font-size:14px;
	line-height:35px;
	margin:20px;
}
.diap{
	/* test pour avoir le dfileur */
	position:absolute;
	overflow:hidden;
	width:480px;
	height:50px;
	margin-left:40px;
	float: left;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.diap img{
	margin:2px;
	border: #0066CC thin solid;
}
.defil/* test pour avoir le dfileur */
{
	position:relative;
	top:0px;
}

.blocVisio {
	padding: 0px;
	height: 57px;
	width: 560px;
	border: 1px solid #666666;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 20px;
	background-image: url(/images/visioFond.gif);
	background-repeat: repeat;
}

.visioGauche {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 57px;
	width: 55px;
}


.visioDroite {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 57px;
	width: 55px;
}
.visioCentre {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 57px;
	width: 450px;
}
.visioCadre {
	margin: 0px;
	padding: 0px;
	height: 57px;
	width: 450px;
	position: absolute;
	float: left;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	overflow: hidden;
}
.visioDefil {
	position: relative;
	/*width: 1000px;*//*virg 160408à changer dynamiquement sinon, on ne peut voir que les img tenant dans 1000px*/
}
.fleches {
	padding: 0px;
	margin-top: 15px;
	margin-left: 12px;
}

.vignetteGallerie {
	padding: 0px;
	float: left;
	border: 1px solid #999999;
	margin-top: 6px;
	margin-right: 3px;
	margin-bottom: 6px;
	margin-left: 3px;
	filter:alpha(opacity=50);  /* Internet Explorer 6 */
	-moz-opacity:0.5;  /* Mozilla 1.6 et infr.   */
	opacity: 0.5;  /* CSS3 et Mozilla rcents */
}
.vignetteGallerie:hover {
	padding: 0px;
	float: left;
	border: 1px solid #999999;
	margin-top: 6px;
	margin-right: 3px;
	margin-bottom: 6px;
	margin-left: 3px;
	filter:alpha(opacity=100);  /* Internet Explorer 6 */
	-moz-opacity:1;  /* Mozilla 1.6 et infr.   */
	opacity: 1;  /* CSS3 et Mozilla rcents */
}
.photoFiche{
	float: left;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
	border: 1px solid #999999;

}


/*fiche Rubrique*********************************************************************************************************************************************/


.vignRubrique{
	background-image: url(/images/visioFond.gif);
	background-repeat: repeat;
	padding: 0px;
	float: left;
	height: 180px;
	width: 180px;
	filter:alpha(opacity=50);  /* Internet Explorer 6 */
	-moz-opacity:0.5;  /* Mozilla 1.6 et infr.   */
	opacity: 0.5;  /* CSS3 et Mozilla rcents */
	margin-top: 6px;
	margin-right: 6px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.vignRubrique:hover{
	background-image: url(/images/visioFond.gif);
	background-repeat: repeat;
	padding: 0px;
	float: left;
	height: 180px;
	width: 180px;
	filter:alpha(opacity=100);  /* Internet Explorer 6 */
	-moz-opacity:1;  /* Mozilla 1.6 et infr.   */
	opacity: 1;  /* CSS3 et Mozilla rcents */
	margin-top: 6px;
	margin-right: 6px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.vignRubrique img {
	border: 1px solid #7F80A4;
	margin-top: 12px;
	margin-left: 16px;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;	
}


.vignRubrique h1 {
	color: #DB214A;
	display: block;
	border: 1px solid #7F80A4;
	width: 150px;
	margin-top: 12px;
	margin-left: 16px! important;
	margin-left: 8px;
	text-align: center;
	font-size: 11px;
	background-color: #000000;
	background-image: url(/images/h1-fond.gif);
	background-repeat: repeat;
	margin-right: 0px;
	margin-bottom: 0px;
	line-height: 10px;
	padding-top: 2px;
	padding-right: 0px;
	padding-bottom: 2px;
	padding-left: 0px;
	
}



.separatore {
	padding: 0px;
	height: 20px;
	width: 100%;
	margin-top: 0px;
	clear: both;
}

/*accessoires*********************************************************************************************************************************************/


.retour {
	text-align: right;
	height: 10px;
	width: 100%;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}
.retour a {
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.retour a:hover {
	color: #DB214A;
	text-decoration: none;

}
.popup {
	background-image: url(/images/contenuFond.gif);
	background-repeat: repeat;
	border: 1px solid #7F80A4;
	height: 380px;
	width: 490px;
	margin: auto;
	padding: 0px;
}
.prix {
	margin: 0px;
	padding: 0px;
	float: right;
	height: 10px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
.prix a {
	color: #FFFFFF;
	text-decoration: underline;
	margin: 0px;
	padding: 0px;
}
.prix a:hover {
	color: #DB214A;
	text-decoration: underline;
	margin: 0px;
	padding: 0px;
}
/*catalogue*********************************************************************************************************************************************/

.contenuCata {
	margin: 0px;
	padding: 0px;
	float: left;
	min-height: 400px! important;/*virg 080408 : chang height en min-height pour avoir agrandissement auto de la page*/
	/*prob sur les côts à corrig ...*/
	width: 600px;
	background-image: url(/images/contenuFond.gif);
	background-repeat: repeat;
	height: auto;
}

.contenuCata table th {
	background-color: #DB214A;
	border-top-width: 4px;
	border-top-style: solid;
	border-top-color: #17171E;
}

.contenuCata table td {
	background-color: #272833;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #17171E;
}




/*formulaire*********************************************************************************************************************************************/
input.text{
	width:200px;
	margin-bottom:12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}
textarea{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	width:200px;
}

.obligatoire {
	color: #DB214A;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
}
form {
	width: 440px;
	padding: 0px;
	height: auto;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

form table{

}



form table p{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	color: #7F80A4;
	text-align: right;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
}


form table tr{
	
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
form table  th{
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

form table td{

	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}


.checked-centrer {
	text-align: center;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-size: 12px;
	color: #33336B;
	line-height: normal;
}
.bouton {
	color: #4E426B;
	font-family: Verdana, Arial, Helvetica, sans-serif, Times, serif;
	font-size: 12px;
	font-weight: normal;
}
.aligner-gauche{
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #7F80A4;
}
.aligner-droite {
	text-align: right;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #7F80A4;
}
.center {
	text-align: center;
}

/*** actu et lien ***/

.actu{

}
.actu a{
	margin-top: 6px;

}
.actu p{
	margin: 0px;
	padding: 0px;
}
.actuFond{
	background-image: url(../images/visioFond.gif);
	background-repeat: repeat;
	margin: 0px;
	padding: 10px;
	border: 1px solid #393A51;
}
.actu img, .lien img{
	margin-right:10px;
	margin-bottom:10px;
	
}