/*
     FILE ARCHIVED ON 1:21:30 Aug 4, 2014 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 2:12:51 Dec 26, 2014.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
@charset "utf-8";

/******************************************************************** Génériques  *********************************************************************/

body{
	margin: 0px;
	padding: 0px;
	background-image: url(/images/bg-body.jpg);
	background-repeat: repeat-x;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color: #27458D;
	color:#3b546a;
	font-size: 13px;
}

h1{
	background-image: url(/images/bg-h1.jpg);
	background-repeat: repeat-y;
	height: 27px;
	font-size: 23px;
	padding-left: 15px;
	color: #b13432;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 0px;
	display: block;
	margin-bottom:20px;
	font-weight: lighter;
}

h2{
	color:#b13432;
	font-size: 18px;
	background-image: url(/images/fleche.jpg);
	background-repeat: no-repeat;
	height: 25px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	font-weight: lighter;
}

h3{
	
}

p{
	font-size: 13px;
	text-align:justify;
	line-height: 22px;
	margin: 0px;
}

a{

}

a:hover{

}

img{

}

table{
}
tr{
}
th{
}
td{
}

ul{
	margin: 0px;
	padding: 0px;
}
ul li{
	margin-left:25px;
	padding: 0px;
}
ol{
}
ol li{
}



/******************************************************************** Principaux *********************************************************************/
																			
.conteneur{
	margin: auto;
	width: 1010px;
	height: auto;
}

/*** En-Tete ***/

.bandeau {
	height: 292px;
	width: 1000px;
	padding: 0px;
	margin: 0px;
	float: left;
}



/*** Contenu ***/

.contenu{
	float: left;
	width: 1010px;
	height:auto;
	background:transparent url(/images/bg.png) repeat-y;
	
}

.contain{
	float: left;
	width: 560px;
	min-height: 700px;
	background-image: url(/images/bg-contain.jpg);
	background-repeat: repeat-y;
	padding-right: 30px;
	padding-left: 30px;
	background-color:#e4e8eb;
}

.contain2{
	float: left;
	width: 560px;
	min-height: 850px;
	background-image: url(/images/bg-contain.jpg);
	background-repeat: repeat-y;
	padding-right: 30px;
	padding-left: 30px;
	background-color:#e4e8eb;
}

.fiche{
	float: left;
	width: 560px;
	height:auto;
	background-color: #e9ebee;	
}

.fiche a,.fiche img{/* virg 010909 : aj pour affichage conservé*/
	border:none;
	text-decoration:none;
}

.fiche-des{
	float: left;
	width: 538px;

	height:auto;
	background-color: #d2dde8;
	font-size: 13px;
	border: 1px solid #99a09f;
	padding: 5px;
	height: auto;
	color: #3b546a;
}

.fiche-des-in{
	float: left;
	width: 169px;
	height: 27px;
	background-color: #FFC809;
	font-size: 13px;
	border: 1px solid #99a09f;
	padding: 5px;
	height: 12px;
	color: #27458d;
	margin-right: 5px;
	margin-bottom: 2px;
}



/*** Menu ***/

.gauche{
	float: left;
	width: 171px;
	height:auto;
	background-image: url(/images/bg-gauche.jpg);
	background-repeat: no-repeat;
	min-height: 700px;
	background-position: right top;
	padding-top: 10px;
	padding-right: 0px;
	padding-left: 19px;

}

.droite{
	float: left;
	width: 158px;
	height:auto;
	background-image: url(/images/bg-droite.jpg);
	background-repeat: no-repeat;
	min-height: 700px;
	background-position: left top;
	padding-right: 25px;
	padding-left: 4px;
	padding-top: 10px;
}

.rub{
	float: left;
	width: 166px;
	background-color: #ffc809;
	height: auto;
	padding-left: 3px;
	margin-bottom: 5px;
	margin-top: 5px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	min-height:20px;
	padding-top: 6px;
	padding-bottom: 2px;
}

.rub a{
	color:#3b546a;
	float: left;
	text-decoration:none;
}

.rub a:hover{
	color:#b13432;
}


.rub:hover{
	background-color: #FFF;
}




.rub-pn{
	float: left;
	width: 166px;
	height: 224px;
	padding-left: 3px;
	margin-bottom: 5px;
	margin-top: 5px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	min-height:20px;
	padding-top: 6px;
	padding-bottom: 2px;
	background-image: url(/images/bg-pneumatique.jpg);
	background-repeat: repeat-x;
}

.rub-pn a{
	color:#3b546a;
	float: left;
	text-decoration:none;
}

.rub-pn a:hover{
	color:#b13432;
}


.rub-pn:hover{
	background-color: #FFF;
	background-image: url(/images/bg-pneumatique-b.jpg);
}

.noir{
	color: #000;
}


.promotion{
	float: left;
	width: 160px;
	height: auto;
	padding-left: 3px;
	margin-bottom: 5px;
	margin-top: 5px;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 12px;
	min-height:20px;
	padding-top: 6px;
	padding-bottom: 2px;
	background-image: url(/images/bg-promo.jpg);
	background-repeat: repeat-x;
	color: #FFF;
	text-align:justify;
	padding-right: 3px;
}


/*** Pied-de-page ***/

.footer{
	background:transparent url(/images/bg-footer.jpg) repeat-x;
	height: auto;
	font-size: 12px;
	color: #3b546a;
	text-align:center;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	clear:both;
	margin: 0px;
}
.footer p { text-align:center; }
.footer a{
	color: #b13432;

}

.footer a:hover{
	color: #3B545C;
}


/**defileur news**/

#pscroller1{
width: 154px;
height: 460px;

padding: 5px;

}

/*CSS technorati style pagination*/

DIV.technorati {
	PADDING-RIGHT: 3px; PADDING-LEFT: 3px; PADDING-BOTTOM: 3px; MARGIN: 3px; PADDING-TOP: 3px; TEXT-ALIGN: center
}
DIV.technorati A {
	BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 6px; BACKGROUND-POSITION: 50% bottom; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 6px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; BORDER-LEFT: #ccc 1px solid; COLOR: rgb(66,97,222); MARGIN-RIGHT: 3px; PADDING-TOP: 2px; BORDER-BOTTOM: #ccc 1px solid; TEXT-DECORATION: none
}
DIV.technorati A:hover {
	BACKGROUND-IMAGE: none;
	COLOR: #FFC809;
	BACKGROUND-COLOR: #27458D
}
DIV.technorati A:active {
	BACKGROUND-IMAGE: none; COLOR: #fff; BACKGROUND-COLOR: #4261df
}
DIV.technorati SPAN.current {
	PADDING-RIGHT: 6px; PADDING-LEFT: 6px; FONT-WEIGHT: bold; PADDING-BOTTOM: 2px; COLOR: #000; MARGIN-RIGHT: 3px; PADDING-TOP: 2px
}
DIV.technorati SPAN.disabled {
	DISPLAY: none
}

/* SLIMBOX */

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	z-index: 9999;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background-color: #fff;
	background-image: url(/slimbox/css/loading.gif);
	background-repeat: no-repeat;
	background-position: center;
}

#lbImage {
	position: absolute;
	left: 0;
	top: 0;
	border: 10px solid #fff;
	background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background-color: transparent;
	background-image: url(/slimbox/css/prevlabel.gif);
	background-repeat: no-repeat;
	background-position: 0 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background-color: transparent;
	background-image: url(/slimbox/css/nextlabel.gif);
	background-repeat: no-repeat;
	background-position: 100% 15%;
}

#lbBottom {
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	margin: 5px 0;
	outline: none;
	background-color: transparent;
	background-image: url(/slimbox/css/closelabel.gif);
	background-repeat: no-repeat;
	background-position: center;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}

.clearb { clear:both; }


/*	Formulaire de contact
----------------------------------------------------------*/
#formulaire { text-align:center; padding:5px 0 15px; margin:0 auto; clear:both; }
fieldset { padding:0 10px;border:1px solid #181818; /* couleur du fieldset */ }
legend { padding:2px 15px 2px 10px; font: 700 1em Georgia, "Times New Roman", Times, serif; color:#181818; /* couleur de la légende */ /*border-left:3px solid #181818; barre verticale */}
.margform { margin-bottom:30px; }
.padding_top_20 { padding-top:20px; }
.padding_top_10 { padding-top:10px; }

#civilite { text-align:left; margin:7px 0 10px 0; }

.label1, .label2, .label3 { float:left; text-align:right; margin-bottom:5px; }
.label1 { width:74px; }
.label2 { width:90px; }
.label3 { padding-left:6px; width:69px; }
.label_message { width:100%; text-align:center; }

.input1, .input2, .input3 { float:left; }
.input1 { width:141px; }
.input2 { width:106px; }
.input3 { width:339px; }

.textarea { width:394px; height:60px; overflow:auto; clear:both; }

.image_antispam { display:none; }
#question { font-weight:700; text-align:center; width:100%; }
#code { width:150px; }
.divimagecaptchat { margin:0 auto; }

.border, #code, #civilite select, #imgcaptcha { color:#000; border:1px solid #181818; /* couleur des champs */ }
/* Effet de pointiers lors de la selection d'un champ input ou textarea */
.border_hover, #code.border_hover { color:#000; border:1px dashed #181818; /* couleur des champs selectionnées */ }

.envoyer { width:150px; height:auto; margin-bottom:20px; }

#coordonnees {float:right; width:440px }
#form { width:440px; float:left; margin-left:50px;}


/*	Validation formulaires
----------------------------------------------------------*/
#formulaire label.error { color: #c00; font-style: italic; display: block; } /* Message d'erreur : par défaut rouge*/
#formulaire input.error, #formulaire textarea.error { border: 1px dotted #000; background-color: #FFE792; } /* Champ à remplir mis en valeur fond orange + bordure pointillé noir*/
#errors { color: #c00; background-color: #FFE792; border: 1px solid #000; text-align: left; padding: 0.5em 0.5em 0.5em 3em; } /* Message d'erreur qd il manque des éléments pour le bon fonctionnement du fomulaire*/
.txtmail { margin-top:3em; }
/*	Fin du formulaire de contact
----------------------------------------------------------*/

.clearvalidator{ clear:both; height:3px;}