@charset "UTF-8";

/*
*	CSS GLOBAL 
*
*	Copyright (c) 2011 Details Riviera SA
*	Date creation : 29.3.07
*	Derniere modification : 25/02/11
*
*/


/* CSS Document */


* {
	margin:0;
	padding:0;
	font-family:Verdana, Geneva, sans-serif;
}

html, body {
	height:100%;
	margin-bottom:1px;
}

#logo {
	width:896px;
	height:70px;
	margin:15px auto 10px auto;
}

body {
	background:url(../images/background.jpg) repeat-x;
}
	
/*-------- liens (a) ---------*/

a {
	border:none;
	text-decoration:none;
	color:#666666;
}
	
a img{
	border:none;
}

h3 a {
	color:#666666;
}
	
/*-------BLOC INFO--------*/

/* titre bloc info */

	
#bas img{
	margin-right:2px;
}

/* texte-lien après la flèche du bloc info */

#news1 h3, 
#news2 h3, 
#news3 h3,
.content_left h3,
h1, 
.titre {
	font-size:1.1em;
	color:#be282c;
	font-weight:500;
	text-transform:uppercase;
	margin:1px 0 8px 0;
	width:290px;
	float:left;
}

/*----bloc bas----*/
#news1 h3, 
#news2 h3, 
#news3 h3 {
	font-size:0.9em;
	font-weight:500;
	margin-top:6px;
	margin-left:5px;
}

.content_left h1, .content_left h3 {
	width:auto;
}

.content_left h3 {
	font-size:0.9em;
}

h1 {
	font-size:0.9em;
	float:none;
	width:auto;
}

#blocinfo_1 #news1 p a {
	font-size:0.6em;
	color:#666666;
	font-weight:500;
	text-transform:uppercase;
	float:right;
	margin:20px 15px 0 0;
}

#blocinfo_1 #news1 p {
	width:285px;
	font-size:0.8em;
	color:#010101;
	font-weight:500;
	float:left;
	margin:5px 0 5px 5px;
}

#blocinfo_2 #news2 p a {
	font-size:0.6em;
	color:#666666;
	font-weight:500;
	text-transform:uppercase;
	float:right;
	margin:20px 15px 0 0;
}

#blocinfo_2 #news2 p {
	width:274px; /* width:285px; */
	font-size:0.8em;
	color:#010101;
	font-weight:500;
	float:left;
	margin:5px;
}

#blocinfo_3 #news3 p a {
	font-size:0.6em;
	color:#666666;
	font-weight:500;
	text-transform:uppercase;
	float:right;
	margin:20px 15px 0 0;
}

#blocinfo_3 #news3 p {
	width:285px;
	font-size:0.8em;
	color:#010101;
	font-weight:500;
	float:left;
	margin:5px 0 5px 5px;
	border:none;
}

	

	
/*---------BLOCS INFOS POSITION------*/
	
#bas {
	width:896px;
	height:140px;
	margin:15px auto 0 auto;
}

#blocinfo_1 {
	float:left;
	background-image:url(../images/bloc_info.png);
	background-position:left top;
	background-repeat:no-repeat;
	width:290px;
	height:140px;
}

#blocinfo_2 {
	float:left;
	margin-left:13px;
	background-image:url(../images/bloc_info.png);
	background-position:left top;
	background-repeat:no-repeat;
	width:290px;
	height:140px;
}

#blocinfo_3 {
	float:left;
	margin-left:13px;
	background-image:url(../images/bloc_info.png);
	background-position:left top;
	background-repeat:no-repeat;
	width:290px;
	height:140px;
}

#news2 {
	padding-top:3px;
	padding-left:2px;
		/*
	background-image:url(../images/news2-btn-boutique.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	width:290px;
	height:140px;
	*/
}


/*--------- BLOCS CONTENTS -----------*/
	
.content {
	padding:0;
	width:894px;
	min-height:300px;
	margin:-20px auto 0 auto; /*----pour ie6----*/
	background-color:#FFFFFF;
	background-image:url(../images/background_content.jpg);
	background-repeat:repeat-x;
	background-position:left bottom;
	border-left:1px solid #cccccc;
	border-right:1px solid #cccccc;
}
	
.content_left {
	float:left;
	width:500px;
	margin-left:10px;
	padding-bottom:10px;
	padding-top:10px;
}
	
.content_left p {
	font-size:0.8em;
	margin-top:10px;
}
	
.content_right {
	float:right;
	margin:15px 0 20px 0;
	width:340px;
}

#actualites .content_left { 
	width:800px;
	margin-left:45px;
}

#occasions .content_left { 
	width:800px;
	margin-left:45px;
}

#deuxroues {
	margin-bottom:50px;
}

#commercemotoch {float:right;}

.actu_img1 {
	float:left;
	margin:0 75px 0 0px;
}

.actu_img2 {
	float:left;
}

#contact_page .content_left,#planacces .content_left {
	float:left;
	width:375px;
	margin-left:10px;
	padding-bottom:10px;
	padding-top:10px;
}
	
#contact_page .content_right,#planacces .content_right {
	float:right;
	margin:15px 0 20px 0;
	width:500px;
}	
	
/*-------CAROUSEL------*/
	
#carousel ul {
	list-style: none;
	width:300px;
	margin: 0;
	padding: 0;
	position:relative;
}

#carousel li {
	display:inline;
	float:left;
}

.thumb {
	background-color:white;
	border:red 1px solid;
}
	
/*-------MENU-------*/
	
#menu {
	width:896px;
	min-height:27px;
	margin:0 auto 0 auto;
}
	
#menu ul {
 list-style-type:none;
}
 
 
#menu li {
 float:left; /*pour IE*/
}
 
#menu li a {
	display:block;
	width:128px;
	height:56px;
	color:#ffffff;
	font-size:13px;
	text-decoration:none;
	text-transform:uppercase;
	text-shadow: #333333 2px 2px 2px;
	text-align:center;
	padding-top:16px;
}

/*------style contenu page actualités----------*/
.content_left ul {
 list-style-type:none;
 }

.content_left ul li a {
color:black;
font-size:13px;
}
	
li#menu1 a {
	background:url(../images/menu_gauche.png) no-repeat; 
}
#index #menu ul li#menu1 a {
	background:url(../images/menu_gauche_hover.png) no-repeat; 
}
	 
li#menu1 a:hover {
	background:url(../images/menu_gauche_hover.png) no-repeat; 
}
	 
li#menu2 a {

	background:url(../images/menu_centre.png) no-repeat; 
}
	 
li#menu2 a:hover {
	background:url(../images/menu_centre_hover.png) no-repeat; 
}
	 
li#menu3 a {
	background:url(../images/menu_centre.png) no-repeat; 
}
	 
#actualites #menu ul li#menu3 a {
	background:url(../images/menu_centre_hover.png) no-repeat; 
}
	 
li#menu3 a:hover {
	background:url(../images/menu_centre_hover.png) no-repeat; 
}
	 
li#menu4 a {
	background:url(../images/menu_centre.png) no-repeat; 
}
	 
#occasions #menu ul li#menu4 a {
	background:url(../images/menu_centre_hover.png) no-repeat; 
}
	 
li#menu4 a:hover {
	background:url(../images/menu_centre_hover.png) no-repeat; 
}
	 
li#menu5 a {
	background:url(../images/menu_centre.png) no-repeat; 
}
	 
#racingteam #menu ul li#menu5 a {
	background:url(../images/menu_centre_hover.png) no-repeat; 
}
	 
li#menu5 a:hover {
	background:url(../images/menu_centre_hover.png) no-repeat; 
}
	 
li#menu6 a {
	background:url(../images/menu_centre.png) no-repeat; 
}
	 
#planacces #menu ul li#menu6 a {
	background:url(../images/menu_centre_hover.png) no-repeat; 
}
	 
li#menu6 a:hover {
	background:url(../images/menu_centre_hover.png) no-repeat; 
}
	 
li#menu7 a {
	background:url(../images/menu_droite.png) no-repeat; 
}
	 
#contact_page #menu ul li#menu7 a {
	background:url(../images/menu_droite_hover.png) no-repeat; 
}
	 
li#menu7 a:hover {
	background:url(../images/menu_droite_hover.png) no-repeat; 
	 }

/*---------FOOTER--------*/

#footer {
	margin:0 auto 0 auto;
	width:894px;
	height:75px;
	background:#979797;
	border:#cccccc solid 1px;
}

#footer a img {
	float:left;
	margin-top:15px;
	margin-left:15px;
}

#derbi {
	margin-left:10px;
}

/***************************** formulaires *****************************/
#form { 
	float: right;
	width: 500px;
	height: 300px;
	padding: 5px 5px 5px 10px;
	margin-top: 5px;
	border-left: 1px solid #999;
	text-align:center;
}
#form label {
	display: inline;
	float: left;
	width: 130px;
	font-weight: bold;
	color: #010101;	
	font-size:13px;
	text-align:left;
}

#form input, #form textarea  { /* les styles au sein de la div #saisie */
	font-size: 13px;
	font-family: Verdana, Arial, sans-serif;
	background-color: #eeeeee;
	padding: 3px;
	border: double 1px #ccc;
	width: 250px;
	margin-bottom: 4px;	
}
#form input.nombre {
	width: 100px;	
}

#form input.bouton {
	color: #333;
	padding: 2px;
	width: 60px;
	margin-left: 325px;
	margin-top: 10px;
	font: bold 11px Verdana, sans-serif;
	border: 1px #999 solid;
	cursor: pointer;
}

#form input.bouton:hover {
	background-color: #ccc;
	color: #fff;
}


#form input.box {
	width: 15px;
}
	
/*-----GOOGLE MAP------*/

#map {
width:400px;
height:400px;
margin:0 auto 0 auto;
}