body{background:#CFCFC8 url(images/bg_body.gif) repeat top center;font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;font-size:78%;color:#666;line-height:1.4em;padding:0}
fieldset{border:none;margin:0;padding:0}
form p{margin:5px 2px}
strong{color:#111}
.center{text-align:center}
.text-left{text-align:left}
.text-right{text-align:right}
.right{float:right}
.left,#top h1{float:left}

ul.ulred li{list-style-image:url(images/puce_red.gif);padding-left:20px}

a img{border:none}

hr{background:#fff url(images/pointille.gif) center bottom;border:0 none;height:1px;margin:2px auto;padding:0}
.auto{width:auto}
.success{background:#A3DFA5 url(images/accept.png) no-repeat left;margin:6px 5px;padding:5px 5px 5px 50px; border : 1px solid #70C765; color: #000}

.error{background:#FFFFE1 url(images/erreur.png) no-repeat top left;color:#C00;margin:6px 5px;padding:5px 5px 5px 50px;border:1px solid #ccc}
.error li{list-style-type:none;background:url(images/fleche_red.gif) no-repeat 0;padding-left:20px;margin:0}
.error ul{margin:0;padding:0}

.small{font-size:10px}
.high{font-size:1.3em}
.red{color:#C00}

#contenu ul.puce-red{list-style-image:url(images/puce_red.gif);font-style:italic}

input[type=text],select,textarea{border:1px solid #e3e3db;padding:2px}
input[type=text]:hover,select:hover,textarea:hover{border:1px solid #ccc}
input[type=submit]{padding:3px;cursor:pointer}

#contenu h2{color:#1063C1;font-family:Georgia, "Times New Roman", Times, serif;font-size:22px;font-weight:400;margin:5px}
#contenu h2 a{color:#1063C1;text-decoration:none}
#contenu h3{font-family:Georgia, "Times New Roman", Times, serif;font-weight:400;padding:0}

.photo{border:1px solid #EDEDED;margin:0;padding:4px}

label{cursor:pointer;display:block;float:left;margin:0 2px;padding:0}

#conteneur{width:750px;background:#fff;border:5px solid #ECECE5;margin:0 auto;padding:2px 5px}

#top a{color:#1063C1;text-decoration:none}
#top ul li{display:inline;list-style-type:none;margin:0;padding:0 5px}
#top ul li a{margin:0;padding:0 5px}
#top{font-size:0.85em;padding:10px 0;height:150px;background:transparent url(images/top.jpg) no-repeat bottom;margin:1px 0 4px;border-top:2px solid #C0C0B8}

#ariane ul{display:inline;font-size:12px;line-height:30px;margin:5px;padding:0}
#ariane ul li{margin-left:0;padding-left:2px;border:none;list-style:none;display:inline}

* html #contenu , #contenu{height:35em;margin:5px}
html>body #contenu{height:auto;min-height:35em;margin:5px}

#footer{clear:both;border-top:1px solid red;border-bottom:2px solid #C0C0B8;font-size:0.8em;margin:0;padding:20px 10px 30px}
#footer li{display:inline;list-style-type:none;margin-left:5px}
#footer a{text-decoration:none;color:#333}
#footer a:hover{color:#333;text-decoration:underline}

ul#menu{background:#fff url(images/menu.jpg) repeat-x;margin:0 2px 10px;height:36px;display:block;padding:0;list-style-type:none}
ul#menu li{float:left;display:inline;text-align:center;margin:0}
ul#menu li a{display:block;line-height:30px;text-decoration:none;color:#000;border-bottom:3px solid #F4B69C;margin:0 7px;padding:0 15px}
ul#menu li a:hover{border-bottom:3px solid #E84235}
ul#menu li a.active{border-bottom:3px solid #C10444}

/* Contact ------------------------------------------------------------*/

#contact fieldset{border:none;margin:5px 0}
#contact label{float:left;width:70px;margin:0 5px}
#contact{margin:0 0 5px;padding:5px}

#coordonnees{background:#fff url(images/pointille_v_gris.gif) repeat-y 0;width:40%;height:35em;float:right;margin-left:0}
#coordonnees ul{list-style:url(images/puce_red.gif)}
#coordonnees ul li span.bold{font-weight:700}
#coordonnees ul li{margin-bottom:1px}

/* Pieces ------------------------------------------------------------*/

#form_piece{width:45%;float:left;background:url(images/pointille_v_gris.gif) repeat-y right;margin:0 10px;padding:0 10px}
#form_piece p{margin:4px 0;line-height:20px}
#form_piece label{width:100px}
#form_piece input[type=text],#form_piece select, #form_piece textarea{width:200px}
#form_piece h3{color:#000;font-size:16px;font-weight:700;padding:2px 5px}


#pieces{float:right;width:45%;border:1px solid #ccc;background:#f1f1f1;padding:5px}
#pieces ul{list-style-type:circle}

/* Services ---------------------------------------------------------------------------------*/
.p_block{background:url(images/boite.gif) no-repeat top center;width:230px;float:left;height:300px;margin:2px;padding:5px}
.p_block h3{border-bottom:1px solid red;font-size:14px;color:red;margin:5px 2px 10px}
.p_block p{margin:5px}

/* Sitemap ---------------------------------------------------------------------------------*/
ul#sitemap li{margin:20px 0}
ul#sitemap li h3 a{color:red;text-decoration:none;font-size:1.1em}
ul#sitemap li ul li{padding-left:20px;list-style-image:url(images/fleche.gif);margin:3px 5px}

/* Mentions Légales ---------------------------------------------------------------------------------*/
#editeur{background:#fff url(images/pointille_v_gris.gif) repeat-y right top}
#editeur,#hebergement{width:47%;height:150px;float:left;margin:10px 5px 50px;padding:3px}
#editeur h3,#hebergement h3{border-bottom:1px solid #333}

#donnee_perso{width:90%}

#top ul,#footer ul,#footer p{margin:0;padding:0}

ul#sitemap,#editeur ul,#hebergement ul{list-style-type:none}


/* Section Location -----------------------------------------------------------*/

form#f_louer{width:47%;height:450px;float:left;background:#fff url(images/pointille_v_gris.gif) repeat-y right;margin:5px 1px;padding:0 10px 0 0}
form#f_louer fieldset{border:none;margin:2px;padding:0}
form#f_louer h3{color:#000;font-size:16px;font-weight:700;padding:2px 5px}
form#f_louer p{margin:4px 0}
form#f_louer label{width:115px}

#choix_vehicule{width:180px;height:140px;text-align:center;margin:5px auto}

table#tarifs{width:47%;float:right;border:1px solid #ccc;margin:5px 0 5px 10px}
table#tarifs caption{text-align:center;margin-bottom:.5em}
table#tarifs thead th{background:#EDEDED url(images/bg_ray_fcf.jpg);padding:5px 0;color:#000;border:none}
table#tarifs td{border:none;border-bottom:1px solid #ccc;padding:2px 8px}
table#tarifs td.nombre{text-align:right;color:#C00;border:none;font-weight:700}

#avantages{float:right;width:47%;height:265px;text-indent:-2000px;background:url('images/post_it.jpg') no-repeat 50% 50%;margin:5px 0 5px 10px;padding:0}
#avantages ul{list-style-type:none}

#recap_reservation{width:30%;margin-left:2%;float:left}

#reservation{border:none;width:80%;margin:auto}
#reservation fieldset{border:1px solid #ccc;margin:4px 5px 8px;padding:10px}
#reservation legend{color:#000}
#reservation label{cursor:pointer;width:200px;display:block;float:left;margin:0 1px;padding:0}

.viewcar{border:1px solid #fef;width:150px;height:150px;background:#fff;margin:auto}
#validation{border:1px solid #ccc;width:70%;margin:auto;padding:10px}

/* Section Occasions ----------------------------------------------------------------*/

#rech_marque{width:490px;height:180px;float:left;background:url('images/rech_marque.jpg') no-repeat top center;padding:5px}
#rech_marque form{margin:10px;padding:0;color:#000}
#rech_marque select{font-size:10px;width:150px}
#rech_marque label{width:65px}
#rech_marque p{margin:2px 0;font-size:0.9em}

#views{width:228px;height:355px;background:url('images/views.jpg') top center no-repeat;float:right;font-size:0.9em;color:#333;margin:0 0 0 4px;padding:2px}
#views p{margin:0 10px}
#views h4{font-size:13px;margin:5px 8px 10px;padding:5px 2px}
#views ul{list-style-type:none;margin:8px;padding:2px}
#views ul li{margin:1px;padding:1px}
#views ul li a{border-bottom:1px solid #ccc;text-decoration:none;display:block;padding:2px 5px 2px 20px;background:url(images/bullet_purple.gif) no-repeat left 50%}
#views ul li a:hover{background:#F5EBE7 url(images/bullet_red.gif) no-repeat left 50%;color:#111}

#list_mark{ padding:5px;margin:10px 0;width:490px;height:200px;float:left}
#list_mark ul{padding:0}
#list_mark ul li{width:15%;margin:2px 8px 2px 0;float:left;display:block;font-size:11px}
#list_mark a{text-decoration:none}
#list_mark a:hover{text-decoration:underline}

#f_alerte fieldset{width:45%;height:350px;float:left;border:1px solid #ccc;margin:5px 8px}
#f_alerte label{width:105px}

p.nbpage{display:block;clear:both;border:1px solid #ddd;margin:5px 0;padding:8px 2px;font-family:verdana, arial, hevetica, sans-serif;font-size:9px}

dl.miniature{width:47%;float:left;line-height:150%;color:#000;font-size:11px;background:url('images/pointille_h_gris.gif') repeat-x bottom center;margin:0 8px 5px;padding:10px 0}
dl.miniature dt.img{margin:2px}
dl.miniature dt{float:left}
dl.miniature dd{float:left;margin-top:1px;width:45%}
dl.miniature dd a{text-decoration:none}

dl#detail{height:300px}
dl#detail dt img{margin:5px 40px 5px 10px;float:left}
dl#detail dd ul{list-style-type:none;padding-bottom:10px;margin:10px 2px 10px 20px}
dl#detail dd ul li{margin:3px 0px;padding:3px 0}
dl#detail dd a{text-decoration:none}
dl#detail dd ul li strong{ width:125px;display:block;float:left}

#complementaires{background:#fff url(images/pointille.gif) repeat-x top;margin-top:20px;padding:5px 0}
#complementaires ul{text-align:center;list-style-type:none;margin:20px 0 0;padding:0}
#complementaires ul li{display:inline;margin:0 10px;padding:0}


/* Section Accueil -----------------------------------------------------------------*/

.edito{height:200px;background:url(images/edito.jpg) no-repeat top left;padding:0 0 0 180px}

#pubinfocg {background:red url(images/bg_alpha.png) top repeat-x;line-height:30px;color:#fff;padding:5px 10px;margin-bottom:20px }

#block_bvo{margin:10px 0;padding:5px 0;width:100%;height:220px;display:block}
/*#block_bvo div{width:29%;height:200px;padding:10px;float:left;margin:0 10px 0 0}*/
#block_bvo a{text-decoration:none;color:#000}
#block_bvo h4{color:#000;font-size:1.3em;margin:0}

#block_bvo .vo1{width:29%;height:200px;padding:10px;float:left;margin:0 10px 0 0;text-align:center;background:url(images/bg_vo1.jpg) no-repeat 50% 50%}
#block_bvo .vo1 dd img{margin:2px}
#block_bvo .vo1 dd{margin:2px 0 0 0}

.pub{padding:0;float:left;margin:0 14px 0 0;text-align:center;width:65%;height:220px}
.pub p{margin:0;padding:0}
.pub img{margin:0;padding:0}

.section{width:230px;float:left;height:190px;padding:3px;margin-bottom:10px}
.section h3{font-size:1.3em;margin:4px;padding-bottom:5px}
.section p{margin:5px}
.section ul{padding:0;margin:0 0 0 10px}
.section ul li{/*list-style-type:none;*/padding:0 0 0 5px;margin:0 0 0 15px}
.section ul li a{text-decoration:none;}
.section ul li a:hover{text-decoration:underline;}

.horaires{border-color:#36C;border-style:solid;border-width:1px 1px 5px;margin:0 13px}
.horaires h3{color:#36C;border-bottom:1px solid #36C}
.horaires ul li{list-style-image:url(images/fleche_blue.gif)}

.coordonnee{border-color:#C03;border-style:solid;border-width:1px 1px 5px}
.coordonnee h3{color:#C03;border-bottom:1px solid #C03}
.coordonnee ul li{list-style-image:url(images/fleche_red.gif)}

#newsletter {border-color:#393;border-style:solid;border-width:1px 1px 5px}
#newsletter h3{color:#393;border-bottom:1px solid #393}
#newsletter fieldset{border:none;}
#newsletter p.n1{padding:5px 0}
#newsletter input.submit{background:#2CA6E4;color:#fff;cursor:pointer;width:auto;padding:0 3px;border:2px solid #008DD5}
#newsletter input.submit:hover{border:2px solid #82CFEC}
#newsletter ul.rss{list-style-image:url(images/feed-icon-10x10.jpg); padding-bottom:10px;background:url(images/pointille_h_gris.gif) repeat-x bottom center}

/* Calendrier ------------------------------------------------------------------------------*/

#basis{display:inline;position:relative}
#calender{position:absolute;top:30px;left:0;width:220px;background:#fff;border:1px solid #ccc;padding:10px;z-index:10}
#control{text-align:center;margin:0 0 5px 0}
#control select{font-size:11px;margin:0 5px;vertical-align:middle}

#calender .controlPlus{padding:0 5px;text-decoration:none;color:#333}
#calender table{empty-cells:show;width:100%;font-size:11px;table-layout:fixed}
#calender .weekdays td{text-align:center;padding:1px 5px 1px 1px;color:#333}
#calender .week td{text-align:center;cursor:pointer;border:1px solid #fff;padding:1px 4px 1px 0;color:#000	}
#calender .week .today{background:url(images/bg_ray_gray.jpg);border-color:#ccc}
#calender .week .holiday{font-weight:bold}	
#calender .week .hoverEle{border-color:#000;background:#F1F1F1;color:#222}