@charset "iso-8859-1";

html{text-align:center; background-color:#fff;}
body{position:relative; width:760px; margin:0 auto; background:url(images/fond_page.gif) repeat-y; font:80%/1.5 "Trebuchet MS", "Lucide Grande", "Lucida Sans Unicode", Verdana, sans-seriff;}
div, hr, ul, li, h1, h2, h3, h4, p, form, input,label, blockquote, th, td {margin:0; padding:0;}
h1, h2, h3, h4, h5, h6, dt, dt, dd{font-size:100%;}
a{color:black; text-decoration:none;}
ul{list-style:none;}

/* Entete */
#entete{position:relative; background:url(images/entete.gif); height:250px;}
#entete h1, #entete h2, #entete h3{text-indent:-9999px;}
h1#mingat{position:absolute; left:120px; top:45px; width:475px; height:87px; background:url(images/logo_entete.gif) no-repeat;}
ul#nav_haut{position:absolute; bottom:10px; left:30px; width:700px; /*border-top:solid 1px black; */border-bottom:solid 1px #ccc; text-align:center; padding:5px 0;}
ul#nav_bas{position:absolute; left:35px; bottom:-33px; font-size:90%;}
#nav_haut li, #nav_bas li{list-style:none; display:inline;}
#nav_haut li a, #nav_bas li a{border-right:solid 1px #ccc; padding-right:5px; font-weight:bold; font-size:90%;}
#nav_haut li a:hover, #nav_bas li a:hover{color:#c00;}
#parking{position:absolute; left:40px; top:70px;}
#dispo{position:absolute; right:40px; top:70px;}

/* Paves catégories */
#fond_paves{position:relative; background:url(images/mingat_paves_vides.jpg) 15px 0 no-repeat; width:100%; height:240px;}
#fond_paves li a{color:white;}
#fond_paves li a:hover{font-weight:bold;}
#pave_tourisme, #pave_utilitaire, #pave_evasion, #pave_prestige{width:175px; position:absolute; color:white;}
#pave_tourisme{left:17px;}
#pave_utilitaire{left:200px;}
#pave_evasion{left:385px;}
#pave_prestige{left:567px;}
h2#titre_pave{font-size:200%; padding-top:35px; padding-bottom:20px; color:white;}
h2#titre_pave span{display:none;}


#milieu{text-align:center; background:url(images/fond_page.gif) repeat-y; height:100%;}
#intro{float:left; width:370px; padding:0px; text-align:left; margin:0; /*border:solid 1px;*/}
#intro h1{font-size:110%; color:#900; font-weight:bold; font-style:oblique; margin:10px 0 0 20px; letter-spacing:-1px;}
#intro p, #intro ul{margin-left:30px;}
#intro ul{list-style:square;}
#intro li{margin-left:30px;}

/* Actus */
#actu{position:relative; margin-top:20px; float:right; margin-right:15px; width:360px; text-align:left;}
#actu h1, #actu p{margin-left:110px;}
#actu h1{margin-bottom:10px;}
#actu p{font-size:80%;}
#actu img{position:absolute; left:0; border:solid 1px #ccc;}
#actu a{color:blue; float:right; margin-right:20px;}

/* Pied */
#pied{position:relative; width:100%;  padding-top:5px; margin-top:10px; clear:both; text-align:center; background:url(images/fond_pied.gif) bottom;}