/* CSS Document  */

body{
	padding:0;
	font-family:Verdana;
	font-size:12px;
	background-color:#000;
	background-image:url(img/fond.jpg);
	background-repeat:no-repeat;
	background-position:bottom;
	height:auto;
	width:auto;
	background-attachment:fixed;
	margin:0;
	color:#FFFFFF;
	text-align:left;
}

a{
	color:#FFF;
	text-decoration:none;
}

a:hover{
	text-decoration:underline;
	color:#b10719;
	font-weight:normal;
	text-decoration:underline;
}

.td-texte{
	height:350px;
	padding:10px;
}

.td-right{
	padding:10px;
	width:190px;
}


.box{
	border: #999999 solid 1px;
	width:200px;
	height:100px;
	padding:5px;
}

a.bis{
	border: #999999 solid 1px;
	padding:4px;
}

a:hover.bis{
	border: #b10719 solid 1px;
	padding:4px;
	text-decoration:none;
}

.titre{
	font-family:Verdana;
	font-size:14px;
	color:#FFFFFF;
	font-variant:small-caps;
	letter-spacing:1px;
	font-weight:bold;
	text-align:left;
	line-height:30px;
	background-color:#666666;
}

.titre-links{
	font-family:Verdana;
	font-size:14px;
	color:#FFFFFF;
	font-variant:small-caps;
	letter-spacing:1px;
	font-weight:bold;
	text-align:left;
}

hr {
	color:#FFFFFF;
	width:75%;
	height:1px;	
}

img {
border-color:#333333;
}

/*-----------------------------ENTETE---------------------*/

.header{
	margin:0 auto;
	width:900px;
	height:147px;
}

.logo{
	background-image:url(img/logo.gif);
	background-repeat:no-repeat;
	margin-top:0;
	padding:0;
	height:90px;
	background-color:#000000;
	width:800px;
}






/*----------------------------BANNIERE-------------------*/
.ban{
	background-repeat:no-repeat;
	width:225px;
	height:147px;
}

.conteneur{
	background-color:#000;
	text-align:left;
	width:800px;
}	







	
/*-----------------------------MENU------------------------*/
.menu{
	background-color:#000000;
	text-align:left;
	width:800px;
	height:50;
}
.menu a{
	line-height: 25px;
	padding-left:15px;
	padding-right:15px;
	font-family:Verdana;
	font-size: 1.4em ;
	font-weight:bold;
	color: #fff;
	font-variant:small-caps;
	display: block;
	text-decoration: none ;
}
.menu a:hover{
	background-color:#FFFFFF;
	color:#b10719;
	font-weight:bold;
	text-decoration:none;
}







/*-----------------------------TITRES DES PAGES-------------------*/
#accueil{
	background-color:#000000;
	background-image:url(img/accueil.gif);
	background-repeat:no-repeat;
	width:550px;
	height:12px;
	margin:0;
	padding:0;
}
#news{
	background-color:#000000;
	background-image:url(img/news.gif);
	background-repeat:no-repeat;
	width:550px;
	height:12px;
	margin:0;
	padding:0;
}
#contact{
	background-color:#000000;
	background-image:url(img/contact.gif);
	background-repeat:no-repeat;
	width:550px;
	height:12px;
	margin:0;
	padding:0;
}
#marques{
	background-color:#000000;
	background-image:url(img/marques.gif);
	background-repeat:no-repeat;
	width:550px;
	height:12px;
	margin:0;
	padding:0;
}
#services{
	background-color:#000000;
	background-image:url(img/services.gif);
	background-repeat:no-repeat;
	width:550px;
	height:12px;
	margin:0;
	padding:0;
}
#promo{
	background-color:#000000;
	background-image:url(img/promo.gif);
	background-repeat:no-repeat;
	width:550px;
	height:12px;
	margin:0;
	padding:0;
}
#inscription{
	background-color:#000000;
	background-image:url(img/inscription.gif);
	background-repeat:no-repeat;
	width:550px;
	height:12px;
	margin:0;
	padding:0;
}
.promo-droite{
	background-color:#000000;
	background-image:url(img/promodroite.gif);
	background-repeat:no-repeat;
	height:20px;
	margin:0;
	padding:0;
}
.news-droite{
	background-color:#000000;
	background-image:url(img/newsdroite.gif);
	background-repeat:no-repeat;
	height:20px;
	margin:0;
	padding:0;
}
.mailing-droite{
	background-color:#000000;
	background-image:url(img/mailingdroite.gif);
	background-repeat:no-repeat;
	height:20px;
	margin:0;
	padding:0;
}


#plan{
	background-color:#000000;
	background-image:url(img/plan.jpg);
	background-repeat:no-repeat;
	width:230px;
	height:330px;
	margin-top:2px;
	padding:0;
	float:left;
}

/*photos de l'accueil*/
#mag1{
	background-image:url(img/mag3.gif);
	background-repeat:no-repeat;
	margin-top:3px;
	margin-left:0;
	width:230px;
	height:70px;
	
}
#mag2{
	background-image:url(img/mag1.gif);
	background-repeat:no-repeat;
	margin-top:3px;
	margin-left:0;
	width:230px;
	height:70px;
	
}
#mag3{
	background-image:url(img/mag2.gif);
	background-repeat:no-repeat;
	margin-top:3px;
	margin-left:0;
	width:230px;
	height:70px;
	
}
#mag4{
	background-image:url(img/mag4.gif);
	background-repeat:no-repeat;
	margin-top:3px;
	margin-left:0;
	width:230px;
	height:70px;
	
}


/* texte interieur pour le formulaire de contact et d'inscription*/
p{
	color:#FFFFFF;
	font-family:Verdana ;
	font-size:12px;
}

input{
	background-color:#000;
	border: #333333 solid 1px;
	color:#FFFFFF;
	font-family:Verdana;
	font-size:12px;

}
input.bouton{
	background-color:#000;
	border: #999999 solid 1px;
	color:#FFFFFF;
	font-family:Verdana;
	font-size:12px;

}
input.zonetext{
	background-color:#000;
	border: #333333 solid 1px;
	color:#FFFFFF;
	font-family:Verdana;
	font-size:12px;
	width:175px;

}
input.form{
	background-color:#000;
	border: #999999 solid 1px;
	color:#FFFFFF;
	width:200px;

}
input.formulaire{
	background-color:#000;
	width:200px;
	height:15px;
}
textarea.form{
	background-color:#000;
	border: #999999 solid 1px;
	color:#FFFFFF;
	width:200px;
	height:100px;
}
select.form{
	background-color:#000;
	border: #999999 solid 1px;
	color:#FFFFFF;
	font-family:Verdana;
	font-size:12px;

}
/*------------------------PIED DE PAGE--------------------*/
.footer{
	color:#FFFFFF;
	text-align:left;
	margin:0 auto;
	width:800px;
	height:25px;
	}
#adresse1{
	margin:0;
	width:160px;
	font-family:Verdana;
	font-size:0.9em;
	font-weight:bold;
	float:left;
}
#adresse2{
	margin:0;
	width:260px;
	font-family:Verdana;
	font-size:0.9em;
	float:left;
}
#tel{
	margin:0;
	padding-left:25px;
	background-image:url(img/telephone.gif);
	background-repeat:no-repeat;
	width:100px;
	font-family:Verdana;
	font-size:0.9em;
	float:left;
}
#fax{	
	margin:0;
	padding-left:20px;
	background-image:url(img/fax.gif);
	background-repeat:no-repeat;
	width:100px;
	font-family:Verdana;
	font-size:0.9em;
	float:left;
}
#info{
	margin:0;
	padding-left:20px;
	background-image:url(img/email.gif);
	background-repeat:no-repeat;
	width:70px;
	font-family:Verdana;
	font-size:0.9em;
	float:left;
}
#info a{
	color:#FFFFFF;
	text-decoration:none;
}
