@charset "utf-8";

body { font-family:Arial, Helvetica, sans-serif; color:#000; padding:0; font-size:12px; margin:0;
 background:#000 url(img/fond.jpg) no-repeat top center; text-align:center; }

html>body #center { height: auto; min-height: 412px;/*min-height: 403px;*/ }

/* LISTE --------------------------------------------------------------------------------------*/
ul { margin:0; padding:0; list-style-type:none; }
li { margin:0; padding:0; }

/* GENERALITES ---------------------------------------------------------------------------------*/
form { margin:0; padding:0; }
p { margin: 0; padding:0;}
h1, h2 { margin: 0; padding:0; }
/*
table{ font-size:12px; text-align:center; }
*/
a { text-decoration:none; color:#666666; }
a:link, a:visited { color:#666666;text-decoration:none; }
a.selected { color:#336699;text-decoration:none; font-weight:bold; }
a:hover { color:#336699; text-decoration:none;}
sup {vertical-align:10%; }

/* messages ------------------------------------------------ */
.err { margin:5px auto; width:90%; border:1px solid #ff0000; background-color:#fff; }
.errtt { display:block; background-color:#FF0000; color:#FFFFFF; text-align:center; font-weight:bold; }
.errtxt { display:block; color:#333; padding:2px 5px; }
.chpsErr { background-color:#FF7777; }
.suc { margin:5px auto; width:90%; border:1px solid #339933; background-color:#fff; }
.succestt { display:block; background-color:#339933; color:#FFFFFF; text-align:center; font-weight:bold; }
.succestxt { display:block; color:#333; padding:2px 5px; }


/* INTRO --------------------------------------------------------------------------------------*/
#page_intro{ width:954px; height:611px; margin:0 auto; font-size:12px; }
#intro { width:944px; height:350px; margin:0 auto; color:#ff0000; float:left; display:inline; padding-left:5px; }
#intro-head { height:110px; background:url(img/intro-head.jpg) bottom center no-repeat;}
#intro-bott { float:left; height:145px; width:954px; background:url(img/intro-bott.jpg) bottom center no-repeat; }

#intro-bott ul { text-align:center; margin:85px auto 0 auto; width:400px; padding:6px; }
#intro-bott ul  li{ display:inline; margin:0 5px; padding:0; }
#intro-bott ul  li a{  padding:5px 10px;  }
#intro-bott ul  li a:link, #intro-bott ul  li a:active, #intro-bott ul  li a:visited { border:1px solid #333; }
#intro-bott ul  li a:hover { border:1px solid #ccc; color:#ccc; }

#entree{ float:left; display:inline; width:15px;height:150px;z-index:2; margin:-220px 0 0 405px; }

/* CONTENT */
#startdriving { width:950px; height:571px; margin:33px auto 0 auto; padding:0; text-align:left; z-index:1; }


#top { height:124px; background:url(img/top.gif) 0px 0px no-repeat; }
#logo { float:left; display:inline; width:126px; height:124px; }

#top ul { /**/float:left; display:inline; /*background-color:#ffcc00;*/ margin-top:66px; }
#top ul li{ display:inline; /**/ padding:0 15px; border-right:2px solid #666; font-size:11px; }
#top ul li a { line-height:10px; }
#top ul li a:link, #top ul li a:active, #top ul li a:visited { color:#666; }
#top ul li a:hover, #top ul li a.sel { color:#fff; }
#top ul li.sel, #top ul li.sel a{ color:#fff; }

#top #messages { float:left; margin-top:5px; width:800px; height:35px; }

#center { height:412px; float:left; width:950px; }

#bottom { clear:both;margin:0px auto 0 auto; height:25px; width:950px; background:url(img/fond-bottom.gif) 0px 0px repeat-x;
 font-size:11px; color:#a6a6a6; }

#bottom  ul { float:right; margin-top:6px; padding:0 5px; }
#bottom  ul.contact { float:left; padding-left:40px; font-size:12px; margin-top:5px; }
#bottom  ul li a { font-weight:700; }
#bottom  ul li a:link, #bottom  ul.contact li a:active, #bottom  ul.contact li a:visited { color:#a6a6a6; }
#bottom  ul li a:hover { color:#ccc; }

/*.accueil div#anim{ text-align:right; }*/

.left { float:left; display:inline; padding:20px 0 0 40px; width:566px; /*border:1px solid #ccc;*/ }
.left p { margin-bottom:15px; text-align:justify; }
.left h1, #parc h1 { color:#333; font-size:30px; font-weight:700; font-style:oblique; padding-bottom:10px; /* letter-spacing :-0.1001em; */ letter-spacing :-0.1001em; /*border:1px solid #ccc;*/ }

.right { float:right; /*background-color:#ffcc00;*/ text-align:right; }


table.tabFormules { margin:0 auto; font-size:11px;text-align:center; }
table.tabFormules td { vertical-align:top; padding-top:10px; }
table.tabFormules td.offre { padding-top:0px; width:15%; }


.accueil { background:url(img/fond-accueil.jpg) 0px 0px no-repeat; }
.concept, .contacts { background:url(img/fond-concept.jpg) 0px 0px no-repeat; }
.parc { background:url(img/fond-parc.jpg) 0px 0px no-repeat; }
.formules { background:url(img/fond-formules.jpg) 0px 0px no-repeat; }
.fonctionnement { background:url(img/fond-fonctionnement.jpg) 0px 0px no-repeat; }


#parc{ /*width:894px; height:392px; padding-left:60px; margin-top:5px;*/  float:left; }
#parc img{ padding:0; margin:0px;  }
#parc ul { float:left; display:inline; padding:5px; width:45%; height:150px; margin-right:5px;  }
#parc ul li { float:left; display:inline; font-size:11px; font-weight:400; width:auto; }
#parc ul li.head{ width:100%; font-weight:700; }
#parc ul li.txt{ text-align:center; margin:20px 0 0 10px; padding:10px; background-color:#fff; border:1px solid #dedede; }


#parcAcc { float:left; width:400px;height:30px;z-index:2;margin-top:-370px; padding-left:50px; }
#parcAcc a { text-decoration:none; font-weight:700; }
#parcAcc a:link, #parcAcc a:active, #parcAcc a:visited { color:#ffcc00; }
#parcAcc a:hover { color:#fff000; }


/* CONTACT */

#adr{ float:left; width:190px; height:280px; background:url(img/fiche-contact.gif) 0px 0px no-repeat;
 /* background-position:30px 25px; */ color:#333333; padding-top:70px; }
#adrcontact{  margin-left:0px; margin-top:0px; }
#adrcontact p{ padding:0; margin:0 0 8px 0; text-align:center; }
/*#right-contact { padding-top:182px; text-align:right; float:right; border:1px solid #333; }*/
#formulaire { float:right; width:370px; }
#formulaire table.tabContact { width:360px; margin:0 auto; font-size:12px; margin-top:30px; margin-left:10px;}
#formulaire table.tabContact td { vertical-align:top; }
#formulaire table.tabContact td.offre { padding-top:0px; width:15%; }

#fcontact input { border:1px solid #666; padding:1px 0 1px 2px; width:250px; height:14px; margin-bottom:1px; font-size:11px; }
#fcontact textarea { border:1px solid #666; padding:1px 0 1px 2px; width:250px; height:50px; margin-bottom:1px; }
#fcontact input.btn { float:none; color:#333; font-weight:700; width:auto; height:auto; background:none; background-color:#999;
cursor:pointer; border:1px solid #333; }
/*
.bouton { background: url(img/bouton.gif) 0px 1px no-repeat; border:0px; cursor: pointer; width:69px; height:21px; color:#FFFFFF; font-size:11px; }
.bouton:hover { background :url(img/bouton-hover.gif) 0px 1px no-repeat; border:0px; }

*/
#fnewsletter fieldset { float:left; width:500px; margin:0; padding:4px 0 8px 10px;
 border:1px outset #fff; }
#fnewsletter legend { font-weight:700; padding:0 5px 10px 0px; }
#fnewsletter label { font-weight:400; width:100px; }
#fnewsletter input { border:1px solid #ccc; padding:1px 0 1px 2px; width:300px; margin-bottom:2px; }
#fnewsletter input.btn { float:none; color:#333; font-weight:700; width:auto; background:none; background-color:#999;
cursor:pointer; border:1px solid #333; }

/*
#fnewsletter div#envoi { float:left; width:99%; padding:10px 0; margin-top:5px; text-align:center; border:1px solid #ccc; }
*/