/* CSS Document */

*{
	margin:0;
	padding:0;
}

body {
	margin:0;
	font:12px Arial, Helvetica, sans-serif;
	color:#000;
	background:url(images/fond_page.jpg) repeat-x;
}

a {
	text-decoration:none;
	color:#BE7502;
}

a:hover {
	color:#6A4202;
}

/*%%%%%%%%%%%%%%%%%%%%%%%%%%% structure generale %%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*%%%%%%%%%%%%%%%%%%%%%%%%%%% structure generale %%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*%%%%%%%%%%%%%%%%%%%%%%%%%%% structure generale %%%%%%%%%%%%%%%%%%%%%%%%%%*/


#page {
	margin: 0 auto;
	width: 955px;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@   bandeau    @@@@@@@@@@@@@@@@@@*/

#header {
	height: 83px;
	text-align:right;
}

#header h2{
	font:bold 15px Arial, Helvetica, sans-serif;
	padding:60px 0 0 0;
	margin:0;
}

#logo {
	float: left;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@   contenu    @@@@@@@@@@@@@@@@@@*/

.tof_left{
	float:left;
	padding:2px;
	border:1px solid #666666;
	margin:3px 3px 0 0 ;
}

.tof_right{
	float:right;
	padding:2px;
	border:1px solid #666666;
	margin:3px  0  0 3px;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@   footer    @@@@@@@@@@@@@@@@@@*/

#liens_bas {
	float: left;
	height: 20px;
	width: 955px;
	text-align:center;
	padding:20px 0 0 0;
}

#liens_bas a{
	padding: 0 15px 0 15px;
	color:#5A3E29;
}

#liens_bas a:hover{
	padding: 0 15px 0 15px;
	color:#FE9C02;
}

#adresse {
	float:left;
	height: 50px;
	width:900px;
	text-align:center;
	padding:13px 0 0 55px;
}

#adresse p {
	float:left;
	padding: 0 20px 0 20px;
}

.email {
	position:relative;	
}

#adresse span {
	position: absolute;
	top:0px;
}

/*%%%%%%%%%%%%%%%%%%%%%%%%%%% accueil %%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*%%%%%%%%%%%%%%%%%%%%%%%%%%% accueil %%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*%%%%%%%%%%%%%%%%%%%%%%%%%%% accueil %%%%%%%%%%%%%%%%%%%%%%%%%%*/

/*@@@@@@@@@@@@@@@@@@@@@@@@@@   bandeau    @@@@@@@@@@@@@@@@@@*/


#illustation_acc {
	height: 240px;
	background: url(images/illustration_acc.jpg) no-repeat;
	position:relative;
}

#car {
	position: absolute;
	right:155px;
	top:70px;
}

#bloc_logomenu {
	height: 260px;
	width: 323px;
	position: absolute;
	top:-54px;
	left:30px;
}

/*000000000000 menu 000000000*/

#menu {
	float: left;
	width: 323px;
}

#menu ul{
	padding:0 0 0 0px;
	list-style:none;
}

#menu li{
	height:33px;
	margin:0;
	padding:0;
}

#prest a{
	background:url(images/menu/presentation_off.jpg) 0 0 no-repeat;
	height:33px;
	width:323px;
	display:block;
}

#prest a:hover{
	background:url(images/menu/presentation_on.jpg) 0 0 no-repeat;
	height:33px;
	width:323px;
	display:block;
}

#prepa a{
	background:url(images/menu/preparation_off.jpg) 0 0 no-repeat;
	height:33px;
	width:323px;
	display:block;
}

#prepa a:hover{
	background:url(images/menu/preparation_on.jpg) 0 0 no-repeat;
	height:33px;
	width:323px;
	display:block;
}

#entretien_vente a{
	background:url(images/menu/entretien_vente_off.jpg) 0 0 no-repeat;
	height:33px;
	width:323px;
	display:block;
}

#entretien_vente a:hover{
	background:url(images/menu/entretien_vente_on.jpg) 0 0 no-repeat;
	height:33px;
	width:323px;
	display:block;
}

#contact a{
	background:url(images/menu/contact_off.jpg) 0 0 no-repeat;
	height:33px;
	width:323px;
	display:block;
}

#contact a:hover{
	background:url(images/menu/contact_on.jpg) 0 0 no-repeat;
	height:33px;
	width:323px;
	display:block;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@   contenu    @@@@@@@@@@@@@@@@@@*/

#contenu_acc {
	background: url(images/fond_contenu_acc.jpg) no-repeat;
}

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

#actualites_acc {
	float: left;
	width: 284px;
	padding:8px;
	background:url(images/icone_actualites.gif) no-repeat 10px 0px;
}

.actus{
	padding:5px 5px 20px 5px;
	line-height:18px;
}

.actus img{
	margin:0 5px 0 0;
	padding:2px;
	border:solid 1px #000;
}

.date{
	color:#FF9900;
	font-weight:bold;
	margin:0;
	padding:0;
}

#actualites_acc  h3{
	color:#387F17;
	font-size:16px;
	margin:0 0 5px 40px;
	border-bottom: solid 4px #56BC28;
	width: 100px;
	padding-bottom: 3px;
}

#contenu_acc  h3 a{
	color:#387F17;
}

#contenu_acc  h3 a:hover{
	color:#FF9C00;
}

/*------------ preparation -------------*/

#preparation {
	float: left;
	width: 272px;
	padding:8px 8px 8px 10px;
	background:url(images/drapeaux.gif) no-repeat 10px 0px;
}

#preparation  h3{
	color:#387F17;
	font-size:16px;
	margin:0 0 5px 60px;
	border-bottom: solid 4px #56BC28;
	width: 120px;
	padding-bottom: 3px;
}

#preparation p{
	line-height:18px;
}

#gp_photo4 {
	float: left;
	width: 90px;
}

#gp_photo4 img {
	float: left;
	margin-bottom:10px;
	padding:2px;
	border:1px solid #666666;
}

#txt4 {
	float: right;
	width: 171px;
	padding:5px 0px 10px 0px;
}

/*------------ entretien -------------*/

#entretien {
	float: left;
	width: 322px;
	padding:8px 8px 8px 20px;
	background:url(images/casque.gif) no-repeat 20px 0px;
}

#entretien p{
	line-height:18px;
}

#entretien  h3{
	color:#387F17;
	font-size:16px;
	margin:0 0 5px 40px;
	border-bottom: solid 4px #56BC28;
	width: 270px;
	padding-bottom: 3px;
}

#txt5 {
	float: right;
	width: 220px;
	padding:5px 0px 10px 10px;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@   footer    @@@@@@@@@@@@@@@@@@*/

#toptech {
	float: left;
	height: 54px;
	width: 955px;
	text-align:center;
}

#toptech a{
	color:#606060;
	font-size:10px;
}

#toptech a:hover{
	color:#FE9C02;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@   header pages internes    @@@@@@@@@@@@@@@@@@*/
/*@@@@@@@@@@@@@@@@@@@@@@@@@@   header pages internes    @@@@@@@@@@@@@@@@@@*/

/*@@@@@@@@@@@@@@@@@@@@@@@@@@   header pages internes    @@@@@@@@@@@@@@@@@@*/

/*@@@@@@@@@@@@@@@@@@@@@@@@@@   header pages internes    @@@@@@@@@@@@@@@@@@*/

#illustation_nav {
	height: 265px;
	background: url(images/illustration_nav.jpg) no-repeat;
	position:relative;
}

#visuel_liens {
	float: right;
	padding:27px 15px 0 0;
	background:url(images/bg_visu_liens.jpg) no-repeat 0px 27px;
	width: 346px;
	height:238px;
}

#visuel_liens ul li{
	list-style-type:none;
	background:url(images/li_visu_liens.gif) no-repeat 3px 18px;
	padding:17px 0 17px 33px;
	font:bold 19px Arial, Helvetica, sans-serif;
	color:#ff9c00;
}

/************** menu page internes ******************/

#bloc_logomenu_nav {
	height: 260px;
	width: 323px;
	position: absolute;
	top:-54px;
	left:30px;
}

#menu_nav {
	float: left;
	width: 323px;
}

#menu_nav ul{
	padding:0 0 0 0px;
	list-style:none;
}

#menu_nav li{
	margin:0;
	padding:0;
}


#prest2  a{
	background:url(images/menu/presentation_nav_off.jpg) 0 0 no-repeat;
	height:35px;
	width:323px;
	display:block;
}

#prest2 a:hover{
	background:url(images/menu/presentation_nav_on.jpg) 0 0 no-repeat;
	height:35px;
	width:323px;
	display:block;
}

#prest2 .active{
	background:url(images/menu/presentation_nav_on.jpg) 0 0 no-repeat;
	height:35px;
	width:323px;
	display:block;
}

#prepa2 a{
	background:url(images/menu/preparation_nav_off.jpg) 0 0 no-repeat;
	height:35px;
	width:323px;
	display:block;
}

#prepa2 a:hover{
	background:url(images/menu/preparation_nav_on.jpg) 0 0 no-repeat;
	height:35px;
	width:323px;
	display:block;
}

#prepa2 .active{
	background:url(images/menu/preparation_nav_on.jpg) 0 0 no-repeat;
	height:35px;
	width:323px;
	display:block;
}

#entretien_vente2 a{
	background:url(images/menu/entretien_vente_nav_off.jpg) 0 0 no-repeat;
	height:31px;
	width:323px;
	display:block;
}

#entretien_vente2 a:hover{
	background:url(images/menu/entretien_vente_nav_on.jpg) 0 0 no-repeat;
	height:31px;
	width:323px;
	display:block;
}

#entretien_vente2 .active{
	background:url(images/menu/entretien_vente_nav_on.jpg) 0 0 no-repeat;
	height:31px;
	width:323px;
	display:block;
}

#contact2 a{
	background:url(images/menu/contact_nav_off.jpg) 0 0 no-repeat;
	height:33px;
	width:323px;
	display:block;
}

#contact2 a:hover{
	background:url(images/menu/contact_nav_on.jpg) 0 0 no-repeat;
	height:33px;
	width:323px;
	display:block;
}

/*@@@@@@@@@@@@@@@@@@@@@@@@@@   contenu pages internes    @@@@@@@@@@@@@@@@@@*/


#contenu_nav {
	background: url(images/fond_nav.jpg) repeat-x;
	padding: 0 10px;
}

#contenu_nav h2{
	color:#6c6c6c;
	font-size:18px;
	background-image:url(images/bar3.gif);
	background-repeat:no-repeat;
	background-position:0 100%;
	margin-bottom:5px;
	height:33px;
	display:block;
}

#contenu_nav h3{
	color:#006600;
	font-size:20px;
	background-image:url(images/puce.gif);
	background-repeat:no-repeat;
	background-position:0% 50%;
	padding-left:20px;
	margin-bottom:15px;
}

#contenu_nav h4{
	color:#bc0b1c;
	font-size:18px;
	width:523px;
	margin-bottom:20px;
	padding:1px 0 0 25px;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/bg_h3nav.png',sizingMethod='scrop');
}

html>body #contenu_nav h4{
	filter:none;
	background:url(images/bg_h3nav.png) no-repeat 0px 0px;
}

#contenu_nav h5{
	color:#FF4C2C;
	font-size:13px;
	margin-bottom:5px;
	background:url(images/puce3.gif) no-repeat 0px 3px;
	padding-left:15px;
	border-bottom:1px #000000  solid;
	border-right:1px #000000  solid;
	width: 250px;
}

#contenu_nav ul{
	padding:0 0 15px 0;
	margin0:0px;
	list-style:none;
}

#contenu_nav li{
	background-image:url(images/puce2.gif);
	background-repeat:no-repeat;
	background-position:0 6px;
	padding-left:8px;
}

#contenu_nav .barlong{
	background-image:url(images/bar4.gif);
	background-repeat:no-repeat;
	background-position:0 100%;
}


/*%%%%%%%%%%%%%%%%%%%%%%%%%%% presentation %%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*%%%%%%%%%%%%%%%%%%%%%%%%%%% presentation %%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*%%%%%%%%%%%%%%%%%%%%%%%%%%% presentation %%%%%%%%%%%%%%%%%%%%%%%%%%*/

#col_nav {
	width: 450px;
	text-align:justify;
	float:left;
	line-height:28px;
	padding:0px 20px 0 20px;	
}

#bloc1 {
	float:left;
	width:200px;
	padding-left:10px;
}

#bloc3 {
	float:left;
	width:200px;
}

/*%%%%%%%%%%%%%%%%%%%%%%%%%%% preparation %%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*%%%%%%%%%%%%%%%%%%%%%%%%%%% preparation %%%%%%%%%%%%%%%%%%%%%%%%%%*/
/*%%%%%%%%%%%%%%%%%%%%%%%%%%% preparation %%%%%%%%%%%%%%%%%%%%%%%%%%*/

/*---classe images et textes ----*/

.border{
	padding:2px;
	border:solid 1px #000;
}

.vert{
	color:#339900;
}

/*---- div generale par voiture ---*/

.voiture{
	padding: 0 0 30px 0;
}

/*---div infos ---*/

.voiture div.infos{
	float:left;
	width:280px;
	padding: 0 0 0 32px;
}

/*--diapo --*/

div.diapo{
	float:left;
	padding:0;
	width:292px;
}

div.vignettes{
	padding:18px 0 0 0;
	width: 292px;
}

.padright{
	padding:0 8px 0 0;
}

/*-- voiture 1 --*/

ul.moteur1 li{
	padding-bottom:9px;
}

/*-- voiture 2 --*/

div.voiture2 ul li{
	padding-bottom:5px;
}

div.voiture2b ul li{
	padding-bottom:10px;
}

p.particip{
	color:#FF6600;
	font-size:14px;
	font-weight:bold;
	padding:0 0 0 215px;
	background:url(images/puce3.gif) no-repeat 200px 3px;
}

/*-- voiture 3 --*/

div.voiture3 ul li{
	padding-bottom:1px;
}

div.voiture3b ul li{
	padding-bottom:10px;
}

/*--voiture 4 --*/

.margright{
	margin-right:15px;
}

/*--voiture 5 --*/

.voiture5{
	float:left;
	width:292px;
	padding:15px 0 0 0;
}

/*--real diverses--*/

.diverses img{
	margin:0 15px 15px 0;
	padding:2px;
	border:solid 1px #000;
}

/*-- devis */

div.devis{
	background:url(images/li_visu_liens.gif) no-repeat 60px 3px;
	padding:0 0 20px 100px;
}

p.equipe{
	line-height:30px;
}

#gp_photo1 {
	float: left;
	width: 80px;
	padding-top:10px;
}

#gp_photo1 img {
	float: left;
	margin-bottom:10px;
	padding:2px;
	border:1px solid #666666;
}

#gp_photo2 {
	float: left;
	width: 80px;
	padding-top:10px;
}

#gp_photo2 img {
	float: left;
	margin-bottom:10px;
	padding:2px;
	border:1px solid #666666;
}

#gp_photo3 {
	float: left;
	width: 80px;
	padding-top:10px;
}

#gp_photo3 img {
	float: left;
	margin-bottom:10px;
	padding:2px;
	border:1px solid #666666;
}

#txt1 {
	float: left;
	width: 180px;
	padding:5px 10px 10px 15px;
}

#txt1 h3{
	color:#306C13;
	font-size:16px;
	margin-bottom:5px;
	background:url(images/puce.gif) 0 50% no-repeat;
	padding-left:20px;
	margin-top:10px;
}



#txt2 {
	float: left;
	width: 180px;
	padding:5px 5px 10px 15px;
}

/***************************************/

#txt3 {
	float: left;
	width: 330px;
	padding:0 10px 10px 10px;
}

#gp_photo3 {
	float: left;
	padding-top:10px;
}

#gp_photo3 img {
	float: left;
	clear:left;
	margin-bottom:25px;
	padding:2px;
	border:1px solid #666666;
}

/*******************************/

#col1_nav {
	float: left;
	width: 288px;
	padding:10px;
	line-height:30px;
}

#col1_nav h3{
	color:#6c6c6c;
	font-size:18px;
	background-image:url(images/bar3.gif);
	background-repeat:no-repeat;
	background-position:0 100%;
	margin-bottom:5px;
	height:38px;
}

#col2_nav {
	float: left;
	width: 266px;
	padding:50px 10px  10px 10px;
}

#col3_nav {
	float: left;
	width: 168px;
	background-color:#316D13;
	padding:8px;
	color: #FFF;
	font-size:14px;
	margin-left: 100px;
}

#col_voiture {
	float: left;
	width: 168px;
	background-color:#316D13;
	padding:8px;
	color: #FFF;
	font-size:14px;
}

.phone {
	font-size:16px;
	font-weight:bold;
	display:block;
	padding-left:25px;
	padding-top:20px;
}

.fixe {
	float: left;
	height: 230px;
	width: 1px;
}

.fixe2 {
	float: left;
	height: 250px;
	width: 1px;
}

#col4_nav {
	float: left;
	height: 253px;
	width: 158px;
}

#col5_nav {
	float: right;
	height: 253px;
	width: 138px;
	padding-right:18px
}

/*================ PAGE PRESENTATION ==================*/

/*================ PAGE ACTUALITES ==================*/

#col_act {
	
	width: 440px;
	text-align:justify;
	float:left;
	padding:0px 30px 0 30px;	
}

#col_act h3{
	color:#306C13;
	font-size:18px;
	margin-bottom:5px;
	background:url(images/puce.gif) 0 50% no-repeat;
	padding-left:20px;
}

/*================ PAGE ENTRETIEN ==================*/

/*=========PAGE CONTACT ===============*/

#illustation_ctc {
	float: left;
	height: 516px;
	width: 955px;
	background-image: url(images/fond_contenu_ctc.jpg);
	background-repeat: no-repeat;
	background-position: left;
	position:relative;
}

#bloc_logomenu_ctc {
	height: 260px;
	width: 323px;
	position: absolute;
	top:-54px;
	left:30px;
}

#menu_ctc {
	float: left;
	width: 323px;
}

#menu_ctc ul{
	padding:0 0 0 0px;
	list-style:none;
}

#menu_ctc li{
	margin:0;
	padding:0;
}

#prest3  a{
	background:url(images/menu/presentation_nav2_off.jpg) 0 0 no-repeat;
	height:34px;
	width:323px;
	display:block;
}

#prest3 a:hover{
	background:url(images/menu/presentation_nav2_on.jpg) 0 0 no-repeat;
	height:34px;
	width:323px;
	display:block;
}

#prepa3  a{
	background:url(images/menu/preparation_nav2_off.jpg) 0 0 no-repeat;
	height:33px;
	width:323px;
	display:block;
}

#prepa3 a:hover{
	background:url(images/menu/preparation_nav2_on.jpg) 0 0 no-repeat;
	height:33px;
	width:323px;
	display:block;
}


#entretien_vente3  a{
	background:url(images/menu/entretien_vente_nav2_off.jpg) 0 0 no-repeat;
	height:33px;
	width:323px;
	display:block;
}

#entretien_vente3 a:hover{
	background:url(images/menu/entretien_vente_nav2_on.jpg) 0 0 no-repeat;
	height:33px;
	width:323px;
	display:block;
}

#contact3 a{
	background:url(images/menu/contact_nav2_off.jpg) 0 0 no-repeat;
	height:37px;
	width:323px;
	display:block;
}

#contact3 a:hover{
	background:url(images/menu/contact_nav2_on.jpg) 0 0 no-repeat;
	height:37px;
	width:323px;
	display:block;
}

#contact3 .active{
	background:url(images/menu/contact_nav2_on.jpg) 0 0 no-repeat;
	height:37px;
	width:323px;
	display:block;
}

#bloc_ctc_droit{
	width:330px;
	float:right;
	padding-top:40px;
}

.picto{
	float:left;
	margin-right:30px;
}

#bloc_ctc_droit p{
	font-weight:bold;
	color:#3C3C3C;
	float:left;
	clear:left;
	white-space:nowrap;
	font-size:14px;
	width:330px;
	padding:15px 0 15px 0;
}

.tel{
	padding-top:15px;
	display:block;
}

#bloc_carte_form{
	width:905px;
	float:right;
	clear:right;
	padding:0 25px 0 25px;
}

#carte{
	float:left;
}

#carte img{
	border:1px solid #006600;
}

/******* formulaire *****/

#formulaire{
	float:right;
	width:280px;
	padding:20px 0 0 20px;
	color:#316D13;
}

#formulaire form{
display: inline;
}

#formulaire p{
	margin:0 0 1px 0; 
	width:340px;
	float:right;
	display:block;
	padding:0;
}
 
#formulaire span{
	float:left;
	font-weight:normal;
}
 
#formulaire em{
	color:#FF0000;
}

#formulaire .question{
	padding-top:10px;
}
 
#formulaire input{
	float:right;
	border:1px solid  #316D13;
	width:240px;
}
 
#formulaire textarea{
	float:right;
	border:1px solid  #316D13;
	width:240px;
	height:70px;
}

#formulaire .bout{
	width: 70px;
	height:22px;
	border:none;
}

#formulaire .rouge{
	color:#FF0000;
	display:block;
	font-weight:bold;
	float:right;
	padding-top:5px;
}

/* defilement*/
  .defilant{
  float:left;
  height:25px;
  width:955px;
  margin:0; 
}


#cadrpg { width:955px; margin:0 auto; border:0; overflow:hidden;color:#fff;}
#newshr { position:relative; width:955px; height:20px; overflow:hidden;background:#316D13 url(news.gif); border:1px inset white; color:#fff;}
           
#defile { position:absolute; margin-top:1px;width:955px; background-color:transparent; color:#fff; }


/*%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% STYLES LOUISE %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%*/

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

.dispnone{
	display:none;
}

.mentions{
	width:600px;
}

/* ------- Référencement ----------*/
		
p strong.neutre {
	font-weight:normal;
}