*{margin:0; padding:0;}

body {background:#fff; font-family: Verdana, Arial, Trebuchet Ms;}

p{font: normal 10px Verdana; text-align:left;}
h1 {font: normal 14px Lucida sans, Verdana;}
h2 {font: normal 12px Verdana;}
h3 {font: normal 14px Lucida sans, Verdana;}
h4 {font: normal 12px Verdana;color:#36517d;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
input, textarea, select, option {font: normal 10px Verdana; color:#000;}

.lien, .lien a {color:#5e5e5e; text-align:right;}
.bleu {color:#36517d;}
.rouge {color:#cc0000;}
.center{text-align:center;}
.bold {font-weight:bold;}
.italic{font-style:italic;}
.clear {clear:both;}
.Fright{float:right; display:inline;}
.Fleft{float:left; display:inline;}

.ariane{
	font: normal 12px Lucida sans, Verdana;
	color:#cc0000;
	margin-bottom:10px;
}
.ariane a{
	color:#cc0000;
}
.ariane a:hover{
	color:#cc0000;
	text-decoration:underline;
}

#conteneur{margin:15px auto; width:990px;}

/****************************************  MENU *************************************/
ul#menu {width: 986px; height:32px; margin:0 auto 12px auto; background:url(images/fonds/menu.gif) no-repeat; list-style-type:none;}
	ul#menu li {margin:0; padding:0; width:123px; height:32px;float:left; }
	ul#menu li a img {border:none;}
	ul#menu li a#index {float:left; width:123px; height:32px;border:none;}
	ul#menu li a#prestations {float:left; width:123px; height:32px; background:url(images/menu/prestations.gif) 0 0 no-repeat;}
	ul#menu li a#prestations:hover   {background:url(images/menu/prestations.gif) 0 -32px no-repeat;}
	ul#menu li a#prestations-act {float:left; width:123px; height:32px; background:url(images/menu/prestations.gif) 0 -32px no-repeat;}
	ul#menu li a#avantages {float:left; width:123px; height:32px; background:url(images/menu/avantages.gif) 0 0 no-repeat;}
	ul#menu li a#avantages:hover   {background:url(images/menu/avantages.gif) 0 -32px no-repeat;}
	ul#menu li a#avantages-act{float:left; width:123px; height:32px; background:url(images/menu/avantages.gif) 0 -32px no-repeat;}
	ul#menu li a#tarifs {float:left; width:123px; height:32px; background:url(images/menu/tarifs.gif) 0 0 no-repeat;}
	ul#menu li a#tarifs:hover   {background:url(images/menu/tarifs.gif) 0 -32px no-repeat;}
	ul#menu li a#tarifs-act{float:left; width:123px; height:32px; background:url(images/menu/tarifs.gif) 0 -32px no-repeat;}
	ul#menu li a#offr{float:left; width:123px; height:32px; background:url(images/menu/actualites.gif) 0 0 no-repeat;}
	ul#menu li a#offr:hover  {background:url(images/menu/actualites.gif) 0 -32px no-repeat;}
	ul#menu li a#offr-act{float:left; width:123px; height:32px; background:url(images/menu/actualites.gif) 0 -32px no-repeat;}
	ul#menu li a#qui {float:left; width:123px; height:32px; background:url(images/menu/quisommes.gif) 0 0 no-repeat;}
	ul#menu li a#qui:hover   {background:url(images/menu/quisommes.gif) 0 -32px no-repeat;}
	ul#menu li a#qui-act{float:left; width:123px; height:32px; background:url(images/menu/quisommes.gif) 0 -32px no-repeat;}
	ul#menu li a#reserv {float:left; width:123px; height:32px; background:url(images/menu/reservation.gif) 0 0 no-repeat;}
	ul#menu li a#reserv:hover  {background:url(images/menu/reservation.gif) 0 -32px no-repeat;}
	ul#menu li a#reserv-act {float:left; width:123px; height:32px; background:url(images/menu/reservation.gif) 0 -32px no-repeat;}
	ul#menu li a#contact {float:left; width:123px; height:32px; background:url(images/menu/contact.gif) 0 0 no-repeat;}
	ul#menu li a#contact:hover {background:url(images/menu/contact.gif) 0 -32px no-repeat;}
	ul#menu li a#contact-act{float:left; width:123px; height:32px; background:url(images/menu/contact.gif) 0 -32px no-repeat;}
/****************************************  COLONNE GAUCHE *************************************/
#columnG {width:184px; float:left; display:inline; margin:0 15px 0 5px;}
	#columnG h3{width:174px; height:19px; color: #fff; background:url(images/fonds/titreBleu.gif) no-repeat; padding: 2px 0 0 10px;}
	#columnG h3 img{float:right; margin: 4px 10px 0 0;}
	#columnG  p { color: #000;}
	#columnG  p.lien { margin-bottom:5px;margin:0 7px 5px 7px; }
	#columnG  p.lien a{color:#5e5e5e; text-align:right;}

	#columnG  #telephone{width:184px; height:104px; background:url(images/fonds/telephone.gif) no-repeat; margin-bottom:10px;}
	#columnG  #telephone p, #columnG  #online p{margin:7px 7px 0 7px;; color:#fff; font-size:13px;}
	#columnG  #telephone p#tel {float:left; display:inline; margin: 20px 0 0 20px;}
	#columnG  #telephone p.num {float:left; margin: 10px 0 0 10px; font-size:15px;}
	#columnG  #telephone p#tit, #columnG  #online p#tit {margin-top:0;padding-top:10px; text-align:center;}
	#columnG  #telephone p#tit span{font-size:16px;}
	#columnG  #online{width:184px; height:43px; background:url(images/fonds/resa.png) no-repeat; margin-bottom:10px; padding-top:7px;}
	#columnG #online a{color:#FFF; font-weight:bold;}
	#columnG  #avantages{width:184px; min-height:390px;background:url(images/fonds/avantage.gif) bottom left no-repeat; margin-bottom:10px;}
	#columnG  #avantages .border{border-bottom:1px solid #ddd;}
	#columnG  #avantages .top{padding-top:5px;}
	#columnG  #avantages .avant-txt{border-right:1px solid #ddd; border-left:1px solid #ddd; width:182px; margin-bottom:5px;}
	#columnG  #avantages .avant-txt p, #columnG  #avantages .avant-txt h4 {margin:0 7px;}
	#columnG  #avantages .avant-txt p.lien {margin-bottom:5px;}
	#columnG  #avantages .avant-txt h4 {font-size:11px; color: #cc0000;}

	#columnG  #abonnement{width:184px; height:116px; background:url(images/fonds/abonnement.gif) bottom left no-repeat; margin-bottom:10px;}
	#columnG  #abonnement #indent1{font-size:12px; text-indent:15px; margin-top:6px;}
	#columnG  #abonnement #indent2{font-size:15px; text-indent:30px; margin-top:6px;}
	#columnG  #abonnement #indent2 span{margin-left:15px;}
	#columnG  #abonnement #indent3{font-size:18px; text-indent:50px; margin:4px 0 5px 0;}

	#columnG  #recrute{width:184px; height:92px; background:url(images/fonds/abonnement.gif) bottom left no-repeat; margin-bottom:10px;}
	#columnG  #recrute p{margin:7px;}

	#columnG  #newsletter{width:184px; height:60px; background:url(images/fonds/newsletter.gif) no-repeat; margin-bottom:10px;}
	#columnG  #newsletter p{margin:0 7px;padding-top:7px; font-size:11px;}

	#columnG  #paiements{width:184px; height:20px; margin-bottom:10px;}
	#columnG  #paiements p{text-align:center;}


/****************************************  COLONNE DROIT *************************************/
#columnD {width:184px; float:right; display:inline; margin:0 5px 0 15px;}
	#columnD h3{width:174px; height:19px; color: #626262; background:url(images/fonds/titreGris.gif) no-repeat; padding: 2px 0 0 10px;}
	#columnD h3 img{float:right; margin: 4px 10px 0 0;}

	#columnD  #actu{width:184px; height:234px; background:url(images/fonds/actu.gif) bottom left no-repeat; margin-bottom:10px;}
		#columnD  #actu h3{background:url(images/fonds/titreActu.gif) no-repeat;}
		#columnD  #actu p{margin:5px 7px 0 7px;}
		#columnD  #actu p#actuFoto{margin: 10px 5px; height:80px;}
		#columnD  #actu p#actuFoto  img{margin:0 auto;line-height:70px;}
		#columnD  #actu p.lien{margin:0 7px; padding:0px;}
		#columnD  #actu #player{text-align:center; margin:10px 0 0 0;}

	#columnD  #partenaires{width:184px; min-height:185px; background:url(images/fonds/actu.gif) bottom left no-repeat; margin-bottom:10px;}
		#columnD  #partenaires p{text-align:center;margin:10px 0 0 0;}
		#columnD  #partenaires p.lien{text-align:right;margin:10px 10px 0 0;}

	#columnD  #temoins{width:184px; min-height:174px; background:url(images/fonds/actu.gif) bottom left no-repeat; margin-bottom:10px;}
		#columnD  #temoins p.lien{margin:0 7px; padding-bottom:5px;}
		#columnD  #temoins p{margin:10px 7px 0 7px;}

	#columnD  #occasions{width:184px; min-height:102px;  background:url(images/fonds/abonnement.gif) bottom left no-repeat;margin-bottom:10px;}
		#columnD  #occasions p.lien{margin:0 7px; padding-bottom:5px;}
		#columnD  #occasions p{margin:10px 7px 0 7px;}

/****************************************  ACCUEIL *************************************/
#accueil {float:left; width:582px;}
	#accueil #bandeau {width:582px;  height:210px; background: url(images/fonds/bandeau.gif) no-repeat; margin-bottom:10px;}
		#accueil #bandeau #logo{float:left; display:inline; margin:38px 0 0 20px;}
		#accueil #bandeau #slogan{float:left; display:inline;margin:50px 0 0 20px;width:190px;height:50px;overflow:hidden;font-weight:bold;color:#CC0000;}
		#accueil #bandeau #bandeauMotos{float:right; display:inline;margin:2px 10px 0 0 ;}

	#accueil #tarifs {float:left; width:385px;  height:135px; background: url(images/fonds/tarifs.gif) no-repeat; margin-bottom:10px;}
		#accueil #tarifs h2{margin:8px 0 5px 10px; }
		#accueil #tarifs #list-tarif1{float:left; display:inline;width:190px; margin:10px;}
		#accueil #tarifs #list-tarif2{float:right; display:inline; width:150px; margin:10px;}
		#accueil #tarifs h3{color:#202020;}
		#accueil #tarifs h4{margin-top:5px; font-size:11px;}
		#accueil #tarifs p{color:#202020; font-size:11px; margin-top:5px; text-align:right;}
		#accueil #tarifs #list-tarif1 h4{width:100px;}
		#accueil #tarifs #list-tarif1 p{width:90px;}
		#accueil #tarifs #list-tarif2 h4{width:90px;}
		#accueil #tarifs #list-tarif2 p{width:60px;}
		#accueil #tarifs p.lien{margin-right:8px;}

	#accueil #resa {float:right; width:187px;  height:135px; background: url(images/fonds/reservation.gif) no-repeat; margin-bottom:10px;}
		#accueil #resa h2{margin:8px 0 5px 10px; }
		#accueil #resa p{color:#fff; margin: 0 10px 10px 10px;}
		#accueil #resa p img{float:right;color:#fff; margin: 3px 0 0 10px;}
		#accueil #resa p a{color:#fff;}

	#accueil #titrePresta {clear:both; float:left; width:582px;  height:24px; background: url(images/fonds/titrePresta.gif) no-repeat; margin-bottom:4px;}
	#accueil #titrePresta h2{margin:5px 0 0 10px;}
	#accueil .presta {float:left; width:187px;  height:145px; background: url(images/fonds/prestation.gif) no-repeat; margin-bottom:10px;position:relative;}
		#accueil .presta .titre{text-align:center; margin:8px 0;}
		#accueil .presta p{margin:0 8px;}
		#accueil .presta p.lien {text-align:center; position:absolute; bottom:8px; left:23px;}
		#accueil .presta p.lien a img{border:0;}
	#accueil .prestaRight {margin-right:10px;}
	#accueil #titreOffres{clear:both; width:582px;  height:20px; background: url(images/fonds/titreOffres.gif) no-repeat; margin-bottom:4px;}
	#accueil #titreOffres h2{padding:3px 0 0 10px;}
	#accueil #offres {width:582px; background: url(images/fonds/offres.gif) repeat-y; margin-bottom:12px;}
		#accueil #offres .list-bottom {border-bottom : 1px solid #e8e8e8;}
		#accueil #offres .list-offre {width:287px; margin:5px 0 ;}
		#accueil #offres .list-offre h3 {margin:0 8px 0 10px;}
		#accueil #offres .list-offre h3 img {border: 1px solid #476391; margin:0 0 10px 10px;}
		#accueil #offres .list-offre p {margin:0 8px 0 10px;color:#202020;}
		#accueil #offres .list-offre p.lien {margin:0 8px 0 0;}


#titreBandeau {width:781px; height:28px; float:left; background:url(images/fonds/titreBienvenue.gif) no-repeat; margin-bottom:8px;}
	#titreBandeau p {color:#000;}
	#titreBandeau #titre {width:500px; float:left; display:inline; margin-left: 10px; line-height:28px;}
	#titreBandeau #date {width:200px; float:right; display:inline; margin-right: 10px; line-height:28px; text-align:right;}
	#titreBandeau ul#ssmenu {width:500px; float:left; display:inline; margin-left: 10px; line-height:28px;list-style-type:none;}
	#titreBandeau ul#ssmenu li{margin:0; padding:0;float:left; display:inline;}
	#titreBandeau ul#ssmenu li a{float:left; display:inline; padding:2px 15px; margin-top: 5px;font:normal 11px Verdana; color:#666; border-right:1px solid #ccc;text-decoration:none; }
	#titreBandeau ul#ssmenu li a:hover, #titreBandeau ul#ssmenu li a#ssmenuAct{text-decoration:underline; }

	
	a.discret{text-decoration:none;outline:0;color:#000;}
	a.discret:hover{text-decoration:none;}
	a.discret:visited{text-decoration:none}
	
	
#global {   margin-left: auto;   margin-right: auto;   width: 530px; /* largeur obligatoire pour être centré */ }

table.tblfoot{font-size:10px;text-align:center;}
table.tblfoot td{padding:30px;}
table.tblfoot a{color:#000;text-decoration:underline;}

/****************************************  CONTENU *************************************/
#centre {float:left; width:562px; margin:0 10px;}
	#centre .petit {font-size:10px;}
	#centre .borderR{border-bottom:1px solid #ccc;}
	#centre .borderL{border-right:1px solid #ccc;border-bottom:1px solid #ccc;}
	#centre .gris {background:#bfbfbf;}
	#centre .blue {background:#36517d;}
	#centre p.center{text-align:center;}
	#centre h1, #accueil h1{color:#cc0000;margin-bottom:20px;font-size:16px;font-weight:bold;}
	#centre h2{color:#36517d; font-weight:bold; text-decoration:underline; margin-bottom:10px; padding-top:10px;}
	#centre h2.titre3{color:#000; text-decoration:none;font: normal 12px Lucida sans, Verdana;margin:0;padding:0;}
	#centre h4{font-weight:bold; font-size:11px; margin-left:15px; margin-bottom:10px;}
	#centre p{text-align:justify; font-size:11px; margin-bottom:10px;}
	#centre p img{float:right; margin: 0 0 10px 10px;}
	#centre h2 img{float:right; margin: 0 0 10px 10px;}
	#centre h2 a img{border:none;}
	#centre p.liste{text-align:justify; margin-left:15px; margin-bottom:10px;}
	#centre p a{color:#cc0000;}
	#centre p.shema{text-align:center;}
	#centre p.shema img{float:none;}
	
	#centre ul{list-style-position: inside;list-style-type:none;}
	#centre ul a{color:#0044CC}
	#centre ul a:visited{color:#0044CC}
	#centre ul li{padding:8px 0;font-size:13px;font-weight:bold;text-decoration:underline;color:#0044CC}
	#centre ul li ul li{padding-left:0px;font-weight:normal;}

	#centre #contour {border:1px solid #e8e8e8;padding:10px 10px 0;margin-bottom:10px;}
	#centre #contour h3{font-size:11px;}
	#centre #contour p{font-size:10px;}

	#centre #tab_avantages {width:542px; margin:0 10px; text-align:center;border:1px solid #ccc; border-bottom:none;}
	#centre #tab_avantages .titre{color:#fff; margin-top:5px;margin-bottom:10px;font:bold 12px Verdana; }
	#centre #tab_avantages td p{text-align:center; margin-top:5px; }

	#centre #tab_abnt {width:542px; margin:10px; text-align:center;border:1px solid #ccc; border-bottom:none;}
	#centre #tab_abnt td {width:20%;}
	#centre #tab_abnt h2{margin-top:5px;}
	#centre #tab_abnt h3{color:#fff; margin-top:5px; font-size:11px;margin-bottom:10px; }
	#centre #tab_abnt td p{text-align:center; margin-top:5px; }

	#centre #tab_tarif {width:542px; margin:10px; text-align:center;border:1px solid #ccc; border-bottom:none;}
	#centre #tab_tarif td {width:16%;}
	#centre #tab_tarif h2{margin-top:5px; font-size:10px; color: #000;}
	#centre #tab_tarif h3{color:#36517d; margin-top:5px; font-size:11px;margin-bottom:10px; }
	#centre #tab_tarif td p{text-align:center; margin-top:5px; }

	#centre .tab_cgv {width:400px; margin:10px auto; text-align:center;border:1px solid #ccc; border-bottom:none;}
	#centre .tab_cgv  h3{color:#36517d; font-size:11px;margin:5px 10px; }
	#centre .tab_cgv  td p{margin:0 10px 10px; }
	#centre .tab_cgv  td.borderR {width:40%;text-align:center; }
	#centre .tab_cgv  td.borderR p{text-align:center; }
	#centre .tab_cgv  td.borderL{text-align:left; }
	#centre .tab_cgv  td .titre{font-weight:bold;font-size:11px;color:#36517d; }

	#centre #resaform {width: 340px; margin: 0 auto 20px;}
	#centre form {width: 338px; border-left:1px solid #ccc; border-right:1px solid #e8e8e8;}
	#centre form .titre{width:318px; text-decoration:none; margin-top:10px; float:left; background:#e8e8e8; padding:5px 10px;color:#36517d; font-weight:bold; margin-bottom:10px;font-size:12px;}
	#centre form .row {clear: both; padding-top: 2px !important; padding-top:0;}
	#centre form .row label {float: left; margin: 0 5px 0 0; padding:0; width: 155px;text-align: right;font: normal 10px Verdana; color:#000;}
	#centre form .row label span{color: #cc0000; font-size:8pt;}
	#centre form .row span.champs {float: left; width: 155px; padding : 0 10px 0 0; margin: 0; text-align: left;font: normal 10px Verdana; color:#000;}
	#centre form .row span.champs input#bt{width:80px;}
	#centre form .row span.champs input.check{border:none;width:20px;}
	#centre form .row span.champs input#autre{width:85px; margin-left:10px;}
	#centre form .row span.champs input{width:150px;height:15px;border:1px solid #666; }
	#centre form .row span.champs textarea, select{border:1px solid #666; }
	#centre form .row span.champs textarea{width: 150px;}
	#centre form .row span.champs select{width:50px;}
	#centre form .row span.champs select#decouverte{width:150px;}
	#centre form .row span.champs2 {width: 255px; padding : 0 10px 0 0; margin: 0; text-align: left;font: normal 10px Verdana; color:#000;}
	#centre form .row span.champs2 textarea{width: 295px; margin:5px 0 5px 15px;border:1px solid #666;}


	/****************************************  OFFRES  *************************************/
	#accueil #actualite {clear:both; width:582px; background: url(images/fonds/cadre-actu.gif) repeat-y; margin-bottom:12px;}
	#accueil #actualite .list-actu {width:562px; margin:5px 0 5px 10px;clear:both; float:left; display:inline;padding-bottom:5px;}
	#accueil #actualite .actu-bottom {border-bottom : 1px solid #e8e8e8;}
	#accueil #actualite .list-actu .text-actu{width:410px;float:right; display:inline;}
	#accueil #actualite .list-actu .text-actu  h2{
		font-size:11px;
		font-weight:normal;
		width:290px;
		color:#cc0000;
		float:left;
		display:inline;
	}
	#accueil #actualite .list-actu .text-actu  p{font-size:11px;color:#202020; text-align:justify; }
	#accueil #actualite .list-actu .text-actu  p.jour{width:110px; text-align:right; color:#8f8f8f;float:right; display:inline;}
	#accueil #actualite .list-actu .text-actu  p.lien {text-align:right; color:#8f8f8f;}
	#accueil #actualite .list-actu .text-actu  p.lien a{color:#8f8f8f;}
	#accueil #actualite .list-actu .foto-actu{width:145px; float:left; display:inline;background: url(images/fonds/foto-mini.gif) no-repeat bottom left;}
	#accueil #actualite .list-actu .foto-actu img{margin:0 0 7px 7px;}
	#accueil #actualite .list-actu *{font-size:11px !important;}

	#accueil #actualite .fiche-actu {width:562px; margin:5px 0 5px 10px;clear:both; float:left; display:inline;padding-bottom:5px;}
	#accueil #actualite .fiche-actu .text-fiche{width:345px; float:left; display:inline;}
	#accueil #actualite .fiche-actu .text-fiche  h3{width:270px; color:#cc0000;float:left; display:inline;}
	#accueil #actualite .fiche-actu .text-fiche  p{font-size:11px;color:#202020; text-align:justify; }
	#accueil #actualite .fiche-actu .text-fiche  p.jour{width:70px;text-align:right; color:#8f8f8f;float:right; display:inline;}
	#accueil #actualite .fiche-actu .text-fiche  p.lien {text-align:right; color:#8f8f8f;}
	#accueil #actualite .fiche-actu .text-fiche  p.lien a{color:#8f8f8f;}
	#accueil #actualite .fiche-actu .foto-fiche{width:214px; float:right; display:inline;background: url(images/fonds/foto-zoom.gif) no-repeat bottom left;}
	#accueil #actualite .fiche-actu .foto-fiche img{margin:5px 0 7px 7px;}
	#accueil #actualite .fiche-actu *{font-size:11px !important;}
	#accueil #retour, #accueil #retour a{text-align:right; color:#8f8f8f;margin:0 5px 5px 0;}
	#accueil .chiffre, #accueil .chiffre a{text-align:center; color:#8f8f8f;margin:0 0 5px 0; }

/****************************************  PIEDPAGE *************************************/
ul#menubas{clear:both; width: 981px; height:19px; margin:0 auto; background:url(images/fonds/menubas.gif) no-repeat bottom; list-style-type:none;text-align:center;}
	ul#menubas li{float:left;width:194px; border-right:1px solid #707070;}
	ul#menubas li.alter{float:left;width:194px; border-right:none;}
	ul#menubas li a{height:15px;padding:2px 27px 0 20px; font:normal 11px Verdana; color:#000; text-decoration:none;}
	ul#menubas li a#awc{border:none;}
	ul#menubas li a:hover,ul#menubas li a#awc:hover{text-decoration:underline;}
#mention {width:586px; height:193px; margin:10px auto 0 auto; background:url(images/fonds/mention.gif) no-repeat; }
	#mention p{color:#666; font-size:10px; margin:5px; text-align:justify;}