@charset "utf-8";
/* CSS Document */


		html {font-size: 100%;}
		body {
		padding: 0; 
		margin:0 0 50px 0; 
		font-size: 12px; 
		font-family: Arial, Helvetica, sans-serif;
		background:#483a33 url(../img/fond.jpg) no-repeat center top; 
		}
		
		p{padding:0; margin:0; line-height:20px;}
		
		img{ border:none;}
		
		h1 {
		background:transparent url(../img/puce-h1.gif) no-repeat scroll left center;
		color:#000;
		font-size:22px;
		font-weight:normal;
		margin:0px 0px 2px 0px;
		padding-left:45px;
		}
		h2 {
		background:transparent url(../img/puce-h2.gif) no-repeat scroll left top;
		color:#004D9A;
		font-family:Geneva,Arial,Helvetica,sans-serif;
		font-size:16px;
		font-weight:bold;
		margin:15px 0px;
		padding-left:20px;
		}
		h3 {font-size:14px; font-weight:bold;}		
		a{ color:#970015;}
		
		#global { width: 970px; margin: 0 auto; }
		
		
/* ----------------------------------------------- Header */

		#header {
		height:152px;
		margin:0;
		padding:0;
		background: url(../img/bandeau.jpg) no-repeat top center;
		}
		
/* ----------------------------------------------- Menu */			

		#menu{
		height:32px;
		background-image:url(../img/degrade-menu.gif);
		background-position:top;
		background-repeat:repeat-x;
		margin:0 5px 7px 5px; 
		}
		
		#menu ul {
		margin:0;
		padding-top:7px;
		text-align: center ;
		}
		
		#menu li {
		display: inline ;
		font-size:16px;
		font-weight:bold;
		color:#fff;
		}
		
		#menu li a {
		padding: 0px 26px ;
		text-decoration: none ;
		color:#fff;
		background-image:url(../img/puce-menu.gif);
		background-position:left;
		background-repeat:no-repeat;
		}
		
		#menu li a:hover {
		color:#d2230d;
		}


/* ----------------------------------------------- Contenu */

		#ctn { padding:25px 30px; margin: 0;background:url(../img/degrade-global2.gif) repeat-y top center; text-align:justify;}
		
		.bandchrono{ padding:0; margin-bottom:22px; width:100%;}
				
		.dagenda {color:#970015; font-weight:bold;}	
		
		#ctn li{ padding:5px;}
		
		div#bloc1 h2, div#bloc2 h2, div#bloc3 h2{
		margin: 0; 
		padding:5px;
		line-height:22px;
		text-align: center;
		font-size:18px;
		color:#fff;
		}
		
		div#bloc1 img, div#bloc2 img, div#bloc3 img{
		padding-top:0;
		margin:0;
		vertical-align:bottom;
		}
		
		div#bloc1 p, div#bloc2 p, div#bloc3 p{ line-height:25px; margin:0; text-align:right; padding-right:10px;}
		div#bloc1 a, div#bloc2 a, div#bloc3 a{ color:#fff; font-size:11px; text-decoration:none; }
		div#bloc1 a:hover, div#bloc2 a:hover, div#bloc3 a:hover{ text-decoration: underline; color:#fff15f}
		
		.degbloc{background:url(../img/degrade-bloc.gif) no-repeat center bottom; height:17px; width:270px; position:absolute; }
		
		div#bloc1 h2, div#bloc3 h2{background:url(../img/degrade-bloc1.gif) repeat-x top center;}
		div#bloc2 h2{background:url(../img/degrade-bloc2.gif) repeat top center;}	
			
		
		div#bloc1 {
		float:right;
		margin: 0 0 15px 25px;
		width:280px;
		background-color:#004d9a;
		border:2px solid #004d9a;
		}
		div#bloc2 {
		float:right;
		margin: 0 0 15px 25px;		
		width:280px;		
		background-color:#970015;
		border:2px solid #970015;
		clear:right;
		}
		div#bloc3 {
		float:right;
		margin: 0 0 15px 25px;		
		margin:0;
		width:280px;
		background-color:#004d9a;
		border:2px solid #004d9a;
		clear:right;
		}
		div#centre {
		overflow: hidden;
		padding: 0;
		margin-right:0;
		}
				
		a.vignettes{ padding:2px; border:none; opacity:1; }
		a:hover.vignettes{ opacity:0.8; }
		a.vignettes img{ border:none; }
		p.vignettes1{ margin: 0 0 0 60px;}	
		
		.logosrallye{ padding:20px; margin-left:40px;}	
		
		
/* ----------------------------------------------- presentation */		
		
		.carte{float:right; padding:25px;}
		.photom{float:left; margin:10px;}
		td.membre{ height:68px;}
		p.membre {padding:0; margin-top:41px;}
		
/* ----------------------------------------------- prestations */	
		#presta { margin:10px 0px 60px 0px;}
		
		#presta ul {
		display:inline;
		list-style-image:none;
		list-style-position:outside;
		list-style-type:none;
		margin:0px;
		padding:0px;
		}
		#presta li {
		height:21px;		
		float:left;
		font-size:11px;
		margin:0px;
		padding:0px;
		text-align:center;
		vertical-align:middle;
		}
		#presta a {
		background:url(../img/prestations/fd-presta.gif) no-repeat center;
		color:#FFFFFF;
		height:20px;
		width:99px;
		display:block;
		margin:0px;
		padding:5px 0px 0px;
		text-decoration:none;
		}		
		#prestaOn a{
		background:url(../img/prestations/fd-presta-over.gif) no-repeat center;
		color:#FFFFFF;
		padding:5px 0px 0px;
		text-decoration:none;
		}
		#presta a:hover{background:url(../img/prestations/fd-presta-over.gif) no-repeat center;}
		.devis{float:right; height:135px; width:122px;}
		p.legende{ text-align:center; color:#fff; line-height:15px;}
		.circuit{float:right; height:163px; width:241px;}
		.image1{float:left; width:219px; height:180px; margin-right:20px;}
		.ref{ height:190px;}


/* ----------------------------------------------- partenaires */		
		.logosp{padding:10px 10px 30px 0; border-bottom: 1px solid #efeeee;}
		.logof{ float:left; margin-right:45px;}
		.vsite{padding-top:10px; display:block; clear:left; height:25px; vertical-align:bottom; width:90px;}
		div.logosp p { margin:10px;}


		
		
/* ----------------------------------------------- calendrier */		
		#mars, #avril, #mai, #juin, #juillet, #aout, #sept, #oct, #nov { float:left; width:185px; height:265px; margin:5px; font-size:11px; text-align:left;}
		#mars h3, #avril h3, #mai h3, #juin h3, #juillet h3, #aout h3, #sept h3, #oct h3, #nov h3{ margin:10px; border-bottom:1px solid #000;}
		#mars ul, #avril ul, #mai ul, #juin ul, #juillet ul, #aout ul, #sept ul, #oct ul, #nov ul{ margin-left:30px; padding:0; line-height:18px;}
		#mars li, #avril li, #mai li, #juin li, #juillet li, #aout li, #sept li, #oct li, #nov li{ margin:0; padding:0;}
		.bleu, .rouge{ float:right; height:43px; width:41px; font-size:16px; text-align:center; font-weight:bold; }
		
		.bleu{ background:url(../img/bleu.gif) no-repeat center right; }
		.rouge{ background:url(../img/rouge.gif) no-repeat center right; }
		p.nb{padding-top:15px;}

		
/* ----------------------------------------------- footer */
	#footer {
		padding:20px 5px 10px 5px;
		height:85px;
		background:url(../img/degrade-global2.gif) repeat-y top center;
		
	}

	#footer ul {
		border-left:1px solid #970015;
		padding:5px 0px;
	}
	
	p.footerfd{
		background-image:url(../img/degrade-footer.gif);
		background-position:top;
		background-repeat:repeat-x;
		margin:0;
		padding-bottom:3px;
	}
	
	.footercopy{
		float:left;
		padding:10px 20px;
	}

	#footer p {
	font-size:11px;
	padding:0;
	margin:0;
	}
	
	#footer a {
	color:#000;
	line-height: 13px ;
	text-decoration: none ;
	}
	
	#footer a:hover {
	text-decoration:underline;
	color:#f36621;
	} 
	
/* ----------------------------------------------- contacts */
	#contacts{
	padding-left:25px;
	float:right;
	width:170px;
	line-height:18px;
    border-left:1px solid #970015;
	}
	
	#fadresse{
	float:right;
	width:180px;
	height:71px;
	padding-left:85px;
	background:url(../img/carte-footer.gif) no-repeat left top;
	}
	#fadresse p{
	line-height:18px;
	padding:0;
	}
	
/* ----------------------------------------------- Mention credits */
	
	#credits{
	height:45px;
	line-height:15px;
	font-size:10px;
	background:#000 url(../img/reflet-footer.png) repeat-x center bottom;
	margin: 0 5px;
	padding-right:10px;
	text-align:right;
	width:auto;
	clear:both;
	}	
	
	#credits a{
	color:#fff;
	text-decoration:none;
	}
	
	#credits a:hover{
	color:#fff15f;
	text-decoration:none;
	}

	.reflet{ background:url(../img/reflet-footer.png) repeat-x center bottom;}