/* CSS Document */

body {
	margin:0;
	padding:0;
}

p{
	margin:0;
	padding:0;
}

#principal {
	width:955px;
	height:750px;
	margin:0px auto;
	
	}
	
#header {
	height: 95px;
	background-image: url(images/header1.jpg);
	background-repeat:no-repeat;
	padding: 79px 0 0 0;
	width: 955px;
	margin: 0 auto;
	
}
#header2 {
	height: 95px;
	background:url(images/header2.jpg) no-repeat 0px 0px;
	padding: 79px 0 0 0;
	width: 955px;
	margin: 0 auto;
	
	
	
}

#header3 {
	height: 95px;
	background:url(images/header3.jpg) no-repeat 0px 0px;
	background-repeat:no-repeat;
	padding: 79px 0 0 0;
	width: 955px;
	margin: 0 auto;
	
}


/* menu */
ul {
	margin: 0;
	padding: 0;
	text-decoration: none;
	list-style-type: none;
}

#navigation {
	height: 25px;
}




#navigation li {
	float: left ;
	}
	
#navigation {
	margin: 0 ;
	padding: 0;
	list-style: 0 ;
	}
	
#navigation li {
	float: left;
	height:25px;
	background-image:url(images/btn_ac.gif) no-repeat;
	width: 130px;
	margin-right: 1px;
	color: #fff;
	padding: 0;
	
	}
#navigation li a {
	display: block;
	background-image:url(images/btn_ac.gif);
	color: #fff;
	font: 1em "Trebuchet MS",Arial,sans-serif;
	height:21px;
	padding:4px 0 0 0;
	text-align: center;
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	font-weight: bold;
	}
#navigation li a:hover, #navigation li a:focus, #navigation li a:active {
background-image:url(images/btn_hover.gif);
	
	}





/*contener*/

#contener {
	height: 454px;
	background: url(images/bg.jpg) no-repeat;
	width: 955px;
	margin: 0 auto;
}
#contener3 {
	height: 468px;
	background:url(images/bg_contact.jpg) no-repeat 0px 0px;
	background-position:right;
	width: 955px;
	margin: 0 auto;
	
	
	
}
#contener2 {
	height: 470px;
	background-position:right;
	background-repeat:no-repeat;
	background-image: url(images/img3.jpg);
	width: 955px;
	margin: 0 auto;
	
	
}

#contener4 {
	background-position:right;
	background-repeat:no-repeat;
	width: 955px;
	margin: 0 auto;
	
	
}


#bloc1 {
	width: 670px;
	float: left;
	padding: 0px 0 0 0;
}




#bloc2 {
	width: 173px;
	height: 255px;
	background: url(images/img_actualites.jpg) no-repeat 10px 178px;
	float: right;
	padding: 190px 30px 0 50px;
	
	
}

#bloc3 {
	width: 627px;
	float: right;
	height: 282px;
	padding: 52px 0 0 5px;
}

#dep {
	height: 106px;
	background-image: url(images/img2.jpg);
	background-repeat: no-repeat;
	width: 241px;
	padding: 10px 0 0 0;
	margin: 0 0 35px 0;
}
#dep p {
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
}
#liste {
	height: 120px;
	background-image: url(images/img1.jpg);
	background-repeat: no-repeat;
	margin: 0 0 10px 0;
	padding: 10px 0 0 10px;
}
#liste p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-weight: bold;
	color: #FFFFFF;
	margin: 0;
}



#bloc4 {
	height: 130px;
	width: 300px;
	padding: 20px 0 0 0;
}


/*footer*/
#footer p {
	margin: 0;
	padding: 0;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}

#footer {
	padding-top:40px;
	width: 955px;
	margin: 0 auto;
}


#footer a {
	color: #3087EE;
	text-decoration: none;
}

#footer a:hover {
	color: #F30005;
}

#multi {
	height: 50px;
}
h3 {
	color: #3087EE;
	margin: 0;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
}
#h5 {
	text-align: center;
	color: #3087EE;
	font-size: 12px;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 10px 272px;
}
h5 {
	text-align: center;
	color: #3087EE;
	font-size: 12px;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0 0 10px 0;
}
h2 {
	color: #2B7EE8;
	text-align: center;
	margin: 0;
	padding: 0 0px 0 0;
	font-size: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
h4 {
	margin: 0 0 10px 0;
	text-align: center;
	font-size: 17px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FC030B;
}
h1{
	text-align: right;
	font-size: 14px;
	margin: 115px 0 0 0;
	padding: 5px 25px 0 0;
	color: #FFFFFF;
}



#tt {
	text-align: center;
}
#tt p {
	color: #666666;
}

/*formulaire*/

#formulaire {
	width: 280px;
	float: right;
	height: auto;
}
#formulaire p {
	color: #FE0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 10px 0;
	padding: 0;
	text-align: center;
}


input {
	width: 200px;
	height: 15px;
	float: right;
	border:1px #FF0000 solid;
	margin: 0 0 5px 0;
}
textarea {
	height: 60px;
	width: 200px;
	float: right;
	border:1px #FF0000 solid;
}
.bt {
	float: right;
	width: 70px;
	border: 0;
	height: 22px;
	margin: 5px 0 0 100px;
}
label {
	display: block;
	width: 65px;
	color: #3D87AA;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0 0 12px 0;
}
#formulaire .txtsm {
	color:#3D87AA;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:italic;
	margin:0;
}















/*class*/
.idf {
	background-image: url(images/com.jpg);
	width: 515px;
	height: 34px;
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #FFFFFF;
	font-size: 30px;
	padding: 0 0 0 10px;
	background-repeat: no-repeat;
}
.pneus {
	color: #FF0000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 17px;
	margin: 0;
}
.a {
	width: 237px;
	float: left;
	height: 30px;
}
.b {
	padding: 20px 0 0 300px;
	font-size: 24px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #2F7DE1;
	margin: 0;
}

.decal{
	padding-left:50px;
}


.contact {
	width: 300px;
	float: left;
	height: auto;
}
.contact1 {
	width: 415px;
	float: left;
	height: auto;
}
.contact2 {
	width: 250px;
	float: left;
	height: 235px;
	padding: 100px 0 0 0;
}


.d1 {
	font-size: 18px;
	color: #3087EE;
	font-weight: bold;
	height: 69px;
	margin: 0;
	background: url(images/adress.jpg) no-repeat;
	padding: 20px 0 0 100px;
}
.d2 {
	font-size: 18px;
	color: #3087EE;
	font-weight: bold;
	margin: 0;
	background: url(images/tel.jpg) no-repeat;
	height: 69px;
	padding: 20px 0 0 100px;
}
.d3 {
	font-size: 16px;
	color: #FE0000;
	font-weight: bold;
	margin: 0;
	background: url(images/mail.jpg) no-repeat;
	height: 64px;
	padding: 25px 0 0 100px;
	width: 310px;
}

.d4 {
	font-size: 12px;
	color: #3087EE;
	font-weight: bold;
	margin: 0;
	height: 69px;
	background: url(images/horraires.jpg) no-repeat;
	padding: 20px 0 0 100px;
	text-align: justify;
}
.d5 {
	font-size: 20px;
	color: #3087EE;
	font-weight: bold;
	margin: 0;
}
p.pre {
	font-size: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #FE0000;
	font-weight: bold;
	padding: 0 0 0 30px;
	margin: 0 0 123px 0;
}

p.email {
	margin: 0;
	text-align: left;
	padding: 10px 0 0 0;
}
p {
	margin: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #2A8AF8;
}

/*-------------------------- styles Louise ----------------------------*/

/*-----------accueil------------*/

.big{
	font-size:56px;
}

#transp{
	float:right;
	margin-top:120px;
}

/*--------actus-accueil-----*/

#bloc2 p{
	font:bold 11px Arial, Helvetica, sans-serif;
	color:#000;
}

#bloc2 p.date{
	font:bold 10px Arial, Helvetica, sans-serif;
	color:#000;
}

#bloc2 p.titre{
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#f00;
	padding-bottom:10px;
}

#bloc2-bas p a{
	font:bold 16px Arial, Helvetica, sans-serif;
	color:#fff;
	text-decoration:none;
	margin:0 0 0 97px
}

#bloc2-bas p a:hover{
	color:#f00;
}

#bloc2-haut{
	height:212px
}

#bloc2-haut img{
	float:right;
	margin:0 0 2px 5px;
}

/*---------------------page actualites------------------*/


/*----liste----------*/

#actus-liste{
	width:241px;
	margin:75px 0 0 0;
	background:url(images/bg_liste-actus.gif) repeat-y;
	float: left;
}

#actus-liste ul{
	color:#fff;
}

#actus-liste ul li{
	padding:5px 12px 5px 18px;
	font:bold 12px Arial, Helvetica, sans-serif;
}

#actus-liste ul li a{
	color:#fff;
}

#actus-liste ul li a:hover{
	color:#ffeb00;
}

/*--arrondis liste*/

#actus-haut{
	width:241px;
	height:16px;
}

#actus-bas{
	width:241px;
	height:16px;
}


/*--------actus----------*/

#actualites{
	width:628px;
	margin:40px 0 40px 260px;
	background:url(images/bg_actualites.gif) repeat-y;
}

#actus{
	padding:20px;
	font:bold 12px Arial, Helvetica, sans-serif;
	
}

#actus img{
	padding:0 5px 2px 0;
	float: left;
}

#actus p.date{
	font:bold 10px Arial, Helvetica, sans-serif;
	color:#000;
}

#actus p.titre{
	font:bold 14px Arial, Helvetica, sans-serif;
	color:#ffeb00;
	padding-bottom:10px;
}

#actus p{
	color:#fff;
	line-height: 17px;
}

/*---arrondis---*/

#actualites-haut{
	width:628px;
	height:51px;
}

#actualites-bas{
	width:628px;
	height:20px;
}

/*--------------------------class clear-----------*/

.lineclear{
	height:1px;
	clear:both;
}

.dispnone{
	display:none;
}

/*------------------background----------*/

#bg_jaune{
	background:url(images/bg2.jpg) repeat-x #ffeb00;
}

/*----------------mentions legales-----------*/

.mentions{
	text-align:center;
	padding:40px 310px;
	font:bold 12px Arial, Helvetica, sans-serif;
	color:#3087EE;
}

.fonce{
	color:#155EE4;
}