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

body {
	font: 9pt Arial, Tahoma, "Trebuchet MS";
	background: url(../images/bg-body.gif) repeat left top;
	margin: 0px;
	padding: 0px 0px 20px;
}
#content {
	margin: 0px auto 0px;
	background: #FFFFFF;
	width: 975px;
	border: 1px solid #7E858A;
	height: auto;
	padding: 0px 0px 10px;
	 
}

a img { border: none; }
.clearer { clear: both; }
img.round-lf {
	position:absolute;
	left: 0px;
	top: 0px;
}
img.round-rt {
	position:absolute;
	right: 0px;
	top: 0px;
}
img.round-lf-bot {
	position:absolute;
	left: 0px;
	bottom: 0px;
}
img.round-rt-bot {
	position:absolute;
	right: 0px;
	bottom: 0px;
}
/***/
img.round-bord-lf {
	position:absolute;
	left: -1px;
	top: -1px;
}
img.round-bord-rt {
	position:absolute;
	right: -1px;
	top: -1px;
}
img.round-bord-lf-bot {
	position:absolute;
	left: -1px;
	bottom: -1px;
}
img.round-bord-rt-bot {
	position:absolute;
	right: -1px;
	bottom: -1px;
}
/***/
#content .main-body {
	clear: both;
	width: 965px;
	margin: 10px auto 0px;
	overflow:hidden;
}
.main-body .body-lf {
	float: left;
	width: 177px;
}
.body-lf .zone-event {
	width: 177px;
	height: 105px;
	background: url(../images/round-event-bot.png) no-repeat center bottom;
}
.zone-event .zone-event-body {
	height: 95px;
	width: 177px;
	background: url(../images/bg-event.png) repeat-x top;
	clear: both;
}
.zone-event img { float: left; }
.zone-event-body h1 {
	display: block;
	margin: 0px 2px 0px 0px;
	font-size: 10pt;
	color: #FFFFFF;
	width: 160px;
	float: right;
	border-bottom: 1px dotted #FFFFFF;
}
.zone-event-body ul {
	margin: 0px 0px 0px 5px;
	padding: 5px 0px 0px;
	clear: both;
	list-style: none;
	line-height: 18px;
}
.zone-event-body li {
	padding: 0px 0px 0px 10px;
	background: url(../images/puce-event.png) no-repeat left 9px;
}
.zone-event-body a {
	text-decoration: none;
	color: #FFFFFF;
}
.zone-event-body a:hover { color: #CCCCCC; }
.body-lf .menu-lf {
	width: 173px;
	margin: 5px 0px 0px;
	padding: 5px 2px 0px;
	background: #FFFFFF url(../images/round-menu-lf-top.png) no-repeat center top;
}
.menu-lf .menu-lf-body {
	width: 173px;
	margin: 0px auto;
	background: #FFFFFF;
	height: 500px;
}
.menu-lf-body .menu-lf-actu { width: 173px; }
.menu-lf-actu .header-menu-lf-actu {
	height: 15px;
	width: 173px;
	background: url(../images/bg-actualite.png) repeat-y center;
}
.menu-lf-actu .menu-actu-body {
	width: 173px;
	padding: 5px 0px;
}

.menu-lf-body .menu-lf-guide { width: 173px; }
.menu-lf-guide .header-menu-lf-guide {
	height: 15px;
	width: 173px;
	background: url(../images/bg-guide-achat.png) repeat-y center;
}
.menu-lf-guide .menu-guide-body {
	width: 173px;
	padding: 5px 0px;
}

.menu-lf-body .menu-lf-passion { width: 173px; }
.menu-lf-passion .header-menu-lf-passion {
	height: 15px;
	width: 173px;
	background: url(../images/bg-passion.png) repeat-y center;
}
.menu-lf-passion .menu-passion-body {
	width: 173px;
	padding: 5px 0px;
}

.menu-lf-body .menu-lf-conseil { width: 173px; }
.menu-lf-conseil .header-menu-lf-conseil {
	height: 15px;
	width: 173px;
	background: url(../images/bg-conseil.png) repeat-y center;
}
.menu-lf-conseil .menu-conseil-body {
	width: 173px;
	padding: 5px 0px;
}
.menu-lf-body ul {
	margin: 0px 0px 0px 10px;
	padding: 0px;
	list-style: none;
	line-height: 17px;
}
.menu-lf-body a {
	text-decoration: none;
	color: #000000;
	display: block;
}
.menu-actu-body a:hover {
	border-right: 3px solid #ECCCD7;
	color: #ECCCD7;
}
.menu-guide-body a:hover {
	border-right: 3px solid #F7D8BC;
	color: #F7D8BC;
}
.menu-passion-body a:hover {
	border-right: 3px solid #C0D9EC;
	color: #C0D9EC;
}
.menu-conseil-body a:hover {
	border-right: 3px solid #D0DEB2;
	color: #D0DEB2;
}
.menu-lf-body h1 {
	margin: 0px;
	display: block;
	font-size: 9pt;
	height: 15px;
	padding: 0px 0px 0px 10px;
}
.header-menu-lf-actu h1 { color: #AF1449; }
.header-menu-lf-guide h1 { color: #EC7E0A; }
.header-menu-lf-passion h1 { color: #1572BB; }
.header-menu-lf-conseil h1 { color: #709B11; }
.webcam-reunion-body a.btn-webcam {
	background: url(../images/btn-webcam.gif) no-repeat center center;
	display: block;
	height: 19px;
	width: 86px;
	margin: 25px 5px 0px 0px;
	float: right;
}
.body-lf .zone-webcam-reunion {
	width: 177px;
	margin: 5px 0px 0px;
	background: #FFFFFF url(../images/round-webcam-bot.gif) no-repeat center bottom;
	height: 174px;
}
.zone-webcam-reunion .header-webcam-reunion {
	width: 177px;
	height: 25px;
	background: url(../images/round-webcam-top.png) no-repeat center top;
	text-align: center;
}
.zone-webcam-reunion .webcam-reunion-body {
	width: 175px;
	background: url(../images/bg-webcam-reunion.png) repeat-x top;
	height: 141px;
	border-right: 1px solid #C9D8DD;
	border-left: 1px solid #C9D8DD;
	padding: 5px 0px 0px;
}
.zone-webcam-reunion img.round-webcam-bot { clear: both; }
.header-webcam-reunion h1 {
	margin: 0px;
	font-size: 12pt;
	font-weight: normal;
	padding: 5px 0px 0px;
}
.webcam-reunion-body img.btn-direct {
	display: block;
	margin: 0px auto;
}
.webcam-reunion-body p {
	font-size: 12pt;
	font-weight: normal;
	margin: 5px 0px 0px;
	text-align: center;
}
.webcam-reunion-body img.ico-webcam { float: left; }
.webcam-reunion-body img.btn-webcam {
	margin: 25px 5px 0px 0px;
	float: right;
}
.webcam-reunion-body a.trafic-text {
	color: #6B6BA3;
	text-decoration: none;
	font-style: italic;
}
.webcam-reunion-body a.btn-webcam:hover { background: url(../images/btn-webcam-hover.png) no-repeat center center; }
.main-body .body-rt {
	float: left;
	width: 210px;
	margin: 0px 0px 0px 5px;
}
.body-rt .news-auto {
	height: 294px;
	width: 204px;
	position: relative;
	border: 1px solid #CDCDCD;
	padding: 2px;
	background: #FFFFFF;
}
.news-auto .header-news {
	height: 30px;
	width: 194px;
	position: relative;
	background: url(../images/bg-header-news.png) repeat-x center;
	padding: 0px 5px;
	z-index: 5;
}
.header-news h1 {
	font-size: 12pt;
	color: #FFFFFF;
	margin: 0px;
	padding: 6px 0px 0px;
}
.news-auto div.news-body {
	height: 150px;
	width: 200px;
	margin: 10px auto 0px;
	position: relative;
}
.news-body h2 {
	font-size: 10pt;
	margin: 0px;
	padding: 2px 0px 0px;
	color: #FFFFFF;
}
.news-body > div {
	height: 20px;
	width: 200px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	text-align: center;
	background: #0099FF;
}
.news-auto p {
	margin: 0px;
	padding: 10px 0px 0px;
}
.news-auto a {
	color: #923131;
	text-decoration: none;
	font-weight: normal;
	display: block;
	position: absolute;
	right: 10px;
	bottom: 10px;
}
.news-auto a:hover {
	text-decoration: underline;
}
.body-rt .essaie-auto {
	height: 276px;
	width: 206px;
	position: relative;
	margin: 10px 0px 0px;
	background: #FAEBDD;
	padding: 2px;
}
.essaie-auto .header-essaie-auto {
	background: url(../images/bg-header-essaie.png) repeat-x center;
	height: 30px;
	width: 181px;
	position: relative;
	z-index: 5;
	padding: 0px 5px 0px 20px;
}
.header-essaie-auto h1 {
	font-size: 12pt;
	color: #FFFFFF;
	margin: 0px;
	padding: 5px 0px 0px;
}
.essaie-auto img.voiture-essaie {
	margin: 5px auto;
	display: block;
}
.essaie-auto .essaie-body {
	height: 125px;
	width: 196px;
	background: #FFFFFF;
	position: relative;
	padding: 5px;
	z-index: 15;
}
.essaie-body h2 {
	font-size: 10pt;
	margin: 0px;
	padding: 0px 0px 5px;
	color: #E23F00;
}
.essaie-body p {
	margin: 0px;
	padding: 0px;
	color: #438EC8;
}
.essaie-body a {
	color: #EC5F24;
	text-decoration: none;
	font-weight: bold;
	display: block;
	position: absolute;
	right: 10px;
	bottom: 10px;
}
.essaie-body a:hover {
	text-decoration: underline;
}
.body-rt .zone-securite {
	width: 210px;
	height: 190px;
	margin: 10px 0px 0px;
	background: url(../images/round-securite-top.png) no-repeat center top;
	padding: 7px 0px 0px;
}
.zone-securite .header-securite {
	width: 208px;
	height: 34px;
	border-right: 1px solid #D7730D;
	border-left: 1px solid #D7730D;
	background: url(../images/bg-securite.png) no-repeat center top;
}
.zone-securite .securite-body {
	width: 198px;
	border-right: 1px solid #D7730D;
	border-left: 1px solid #D7730D;
	background: #FFFFFF;
	height: 150px;
	clear: both;
	padding: 0px 5px;
	position: relative;
}
.zone-securite .footer-securite {
	background: url(../images/round-securite-bot.png) no-repeat center top;
	height: 5px;
	width: 210px;
}
.header-securite h1 {
	font-size: 12pt;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	float: left;
	color: #F47033;
}
.header-securite img {
	float: right;
	margin: -15px 0px 0px;
}
.securite-body h2 {
	margin: 0px;
	color: #7070A7;
	font-size: 10pt;
}
.securite-body p {
	margin: 0px;
	color: #7070A7;
	line-height: 20px;
}
.securite-body a.btn-securite {
	float: right;
	position: absolute;
	right: 5px;
	bottom: 5px;
}
.main-body .body-mid {
	width: 400px;
	margin: 0px 0px 0px 5px;
	float: left;
}
.body-mid .video {
	height: 350px;
	width: 400px;
	background: #172946;
	position: relative;
}
.video .controle-video {
	height: 50px;
	width: 392px;
	position: absolute;
	left: 0px;
	bottom: 0px;
	background: url(../images/bg-video.png) repeat-x center;
	padding: 0px 4px;
}
.controle-video h1 {
	font-size: 16pt;
	font-weight: normal;
	margin: 0px;
	padding: 10px 0px 0px;
	text-align: center;
	color: #FFFFFF;
}
.controle-video h1 span {
	font-size: 14pt;
	display: block;
}
.controle-video h1 a {
	color: #FFFFFF;
	text-decoration: none;
}
.controle-video img.ico-plus-video {
	position: absolute;
	left: 10px;
	top: 5px;
}
.body-mid .annonces-auto {
	width: 384px;
	height: 78px;
	border: 1px solid #ECECEC;
	margin: 10px 0px 0px;
	background: url(../images/bg-annonces.png) repeat-x center;
	padding: 0px 7px;
	position: relative;
}
.annonces-auto h1 {
	font-size: 18pt;
	font-weight: normal;
	text-align: center;
	margin: 0px;
	padding: 10px 0px 0px;
}
.annonces-auto a {
	color: #6EB52F;
	text-decoration: none;
}
.annonces-auto h1 span {
	display: block;
	font-size: 12pt;
	color: #D47717;
}
.annonces-auto img.ico-consulter-annonces {
	position: absolute;
	left: 10px;
	top: 5px;
}
.annonces-auto img.ico-depot-annonces {
	position: absolute;
	right: 10px;
	top: 20px;
}
.body-mid .guide-pratique {
	height: 120px;
	width: 380px;
	margin: 10px 0px 0px;
	background: url(../images/bg-guide-pratique.png) repeat-x center;
	position: relative;
	padding: 10px;
}
.guide-pratique h1 {
	font-size: 18pt;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px;
}
.guide-pratique ul {
	margin: 0px 0px 0px -5px;
	padding:  0px;
	list-style: none;
	font-size: 12pt;
	line-height: 25px;
 
}
.guide-pratique li {
	background: url(../images/puce-guide-pratique.png) no-repeat  left 7px  ;
	padding: 0px 0px 0px 7px;
}
.guide-pratique ul a {
	color: #FFFFFF;
	text-decoration: none;
}
.guide-pratique ul a:hover {
	text-decoration: underline;
}
.body-mid .zone-services {
	width: 190px;
	height: 190px;
	background: url(../images/round-services-top.png) no-repeat center top;
	padding: 6px 0px 0px;
	margin: 10px 0px 0px;
	float: left;
}
.zone-services .header-services {
	width: 188px;
	height: 30px;
	background: url(../images/bg-services.png) repeat-x top;
	border-right: 1px solid #7EBE39;
	border-left: 1px solid #7EBE39;
}
.zone-services .services-body {
	width: 188px;
	height: 153px;
	border-right: 1px solid #7EBE39;
	border-left: 1px solid #7EBE39;
	background: #FFFFFF url(../images/img-auto-services1.png) no-repeat left top;
	clear: both;
	position: relative;
}
.zone-services .footer-services {
	background: url(../images/round-services-bot.gif) no-repeat center top;
	height: 5px;
	width: 190px;
}
.header-services h1 {
	margin: 0px;
	font-size: 12pt;
	color: #58842D;
	float: left;
	padding: 0px 0px 0px 5px;
}
.header-services img {
	float: right;
	margin: -20px 0px 0px;
}
.services-body img.alveole-services {
	float: right;
	margin: 20px 5px 0px 0px;
}
.services-body p {
	font-size: 8pt;
	margin: 2px 3px 0px;
	display: block;
	width: 180px;
	float: left;
}
.services-body p  {
	color: #E29647;
	text-decoration: none;
}
/*.services-body p a {
	color: #E29647;
	text-decoration: none;
}*/
.services-body a.btn-services {
	position: absolute;
	right: 5px;
	bottom: 5px;

}
.body-mid .zone-sondage {
	width: 205px;
	background: url(../images/round-sondage-top.png) no-repeat center top;
	padding: 6px 0px 0px;
	height: 190px;
	float: right;
	margin: 10px 0px 0px;
}
.zone-sondage .header-sondage {
	width: 203px;
	background: url(../images/bg-sondage.png) repeat-x top;
	height: 34px;
	border-right: 1px solid #A1A1A1;
	border-left: 1px solid #A1A1A1;
}
.zone-sondage .sondage-body {
	width: 203px;
	border-right: 1px solid #A1A1A1;
	border-left: 1px solid #A1A1A1;
	height: 150px;
	background: #FFFFFF;
	position: relative;
	float: left;
}
.zone-sondage .footer-sondage {
	background: url(../images/round-sondage-bot.png) no-repeat center top;
	height: 5px;
	width: 205px;
	float: left;
}
.header-sondage h1 {
	font-size: 12pt;
	margin: 0px;
	padding: 0px 0px 0px 10px;
	color: #D7720B;
	float: left;
}
.header-sondage img {
	float: right;
	margin: -10px 0px 0px;
}
.sondage-body #sondage_form {
	margin: 0px;
	padding: 5px;
	clear: both;
}
#sondage_form p {
	margin: 0px;
	clear: both;
	color: #7878AC;
}
#sondage_btn {
	background: url(../images/btn-sondage.gif) no-repeat center top;
	height: 19px;
	width: 66px;
	border-style: none;
	position: absolute;
	right: 5px;
	bottom: 5px;
}
.main-body .publicite {
	float: right;
	width: 160px;
}
.publicite h1 {
	font-size: 9pt;
	text-align: center;
	margin: 0px;
	padding: 0px 0px 5px;
}
.video-content{
	width:400px;
	height:300px;
	margin:0px;
	padding:0px;
}

.zone-rally {
	width: 160px;
	margin: 5px 0px 0px;
	height: 163px;
	float:right;
}
 
.zone-rally-reunion {
	width: 160px;
	background: #FFFFFF url(../images/round-rally-bot.gif) no-repeat center bottom;
	height: 160px;
	margin:  0px;
 
}
.zone-rally .header-rally-reunion {
	width: 160px;
	height: 23px;
	background: url(../images/round-rally-top.png) no-repeat center top;
	text-align: center;
		margin:  0px;
}
.zone-rally-reunion .webcam-rally-body {
	width: 158px;
	background: url(../images/bg-rally-reunion.png) repeat-x top;
	height: 137px;
 	border-right: 1px solid #C9D8DD;
	border-left: 1px solid #C9D8DD; 
 	margin:  0px;
	padding: 5px 0px 0px;
	color:#7070a7;
 
}
.zone-rally-reunion img.round-rally-bot { clear: both; }
.header-rally-reunion h1 {
	margin: 0px;
	font-size: 12pt;
	font-weight: normal;
	padding: 5px 0px 0px;
 	margin:  0px;

}
.img-bot{
 
	position:relative;
	top:-6px;
	margin:  0px;
}

.webcam-rally-body h3 {
	color:#0e50aa;
	font-size:12px;
	font-weight:normal;
	margin: -5px 2px 0px 2px;
	font-family:Arial, Helvetica, sans-serif;
}
.webcam-rally-body img {
	float:left;
	margin:5px;
}
.webcam-rally-body ul li {
	color:#7070a7;
}
.webcam-rally-body a:link , .webcam-rally-body a:visited {
	color:#7070a7;
	text-decoration:none;
	
}
.webcam-rally-body a:hover {
	color:#7070a7;
	text-decoration:underline;
	
}





.art-photo {
	width: 400px;
	height: 140px;
	background: url(../images/footer-photo.png) no-repeat center bottom;
	position: relative;
	float: right;
	margin:-8px 0px -10px 0px;
}
.art-photo .header-photo {
	height: 25px;
	width: 400px;
	background: #4091af url(../images/bg-header-photo-hitech.png) repeat-y 10px;
	position: relative;
}
.header-photo h1 {
	font-size: 13pt;
	font-weight: bold;
	margin: 0px;
	color: #FFF;
	padding: 3px 0px 0px 8px;
}
.art-photo .photo-body {
	width: 390px;
	height: 100px;
	background: #FFFFFF url(../images/bg-photo-body.png) repeat-x bottom;
	padding: 15px 5px 0px;
}
.photo-body .slide-show-wrapper {
	width: 350px;
	min-width: 352px;
	height: 85px;
	float: left;
	overflow: hidden;
	display:block;
	position:relative;

}
.main-body-mid img[src="../images/img-spirale.png"] {
	position: absolute;
	top: 20px;
	left: -23px;
}
 
.photo-body img[src="../images/arrow-left.png"] { float: left; }
.photo-body img[src="../images/arrow-right.png"] {
	float: left;
	margin: 0px 0px 0px 5px;
}
 
.header-photo img.ico-photo {
	position: absolute;
	right: 0px;
	top: -5px;
	z-index: 10;
}
.header-photo img.arrow-header-photo {
	position: absolute;
	left: 50px;
	bottom: -5px;
}
.photo-body img.ombre-photo {
	position: absolute;
	right: 0px;
	bottom: -7px;
}
span.recherche{
	font-size:10px;
	color:#FFF;
	padding-left:10px;
	margin:-6px 0px 0px 0px;

}
.recherche-image{
	border:solid 1px #FFF;
	margin:-6px 0px 0px 0px;
	width:105px;
	height:15px;
	background:url(../images/bg-rechercher.png) repeat-x top;
	color:#336679;
	font-weight:bold;
}
.recherche-image-1{
	border:solid 1px #FFF;
	margin:-6px 0px 0px 0px;
	width:105px;
	height:15px;
	background:url(../images/bg-rechercher.png) repeat-x top;
	color:#336679;
	font-weight:bold;
}
.recherche-image-btn{
	border:none;
	margin:-15px 0px 0px 0px;
	padding:0px;
	width:15px;
	height:18px;
	background:url(../images/bg-rechercher.png) repeat-x top;
	color:#336679;
	font-weight:bold;
}

.auto-content {
 	margin-top:-10px;
	width:100px;
	height:70px;
	text-align:center;
 
}

.auto-content img{
	margin: 0px auto;
	max-width:100px;
	max-height:60px;
}