/*
 * HTML global
 */
html, body {
margin:0;
padding:0;
width:100%;
height:98%;
}
body{
font-family: arial, sans-serif;
font-size:0.75em;
background-color: #d3e5f3;
background: url(../images/fond-ecran.jpg) #d3e5f3 repeat-x;
}
img{
border:0;
display:block;
}
a{
color: #0072bc;
}
a:hover{
text-decoration: none;
}
p{
margin:0 0 12px 0;
}
h2{
color:#0072bc;
font-size:1.8em;
margin:25px 0 15px 0;
}
h3{
color:#6d9e31;
font-size:1.4em;
margin:20px 0 14px 0;
}
h4{
color:#8dc73f;
font-size:1.2em;
margin:15px 0 10px 0;
}
kbd{
background-color:#00aeef;
color:#fff;
padding:0 3px;
font-size:1em;
}


/* Fil d'ariane */
.path{
margin:0 0 15px 0;
font-style:italic;
font-size:0.9em;
color:#999;
}
.path a{
color:#666;
}

/* Liens d'�vitement */
.evitement{
font-size:0.9em;
margin:15px 10px 0 0;;
text-align:right;
padding-bottom:3px;
color:#d3e5f3;
}
.evitement a{
color:#d3e5f3;
text-decoration: none;
}
.evitement a:hover{
color:#fff;
}

/*
 * Containeurs de mise en forme
 */
table#cont{
width:100%;
height:100%;
}
table#cont td{
vertical-align: middle;
}
#cont_page_global{
position:relative;
width:980px;
margin:0 auto;
}
#page{
background: url(../images/index/fond.jpg) no-repeat;
position:relative;
height:652px;
padding-top:1px;
}
.type #back_page{
background-image: url(../images/fond-page.jpg);
background-repeat:repeat-y;
}
#back_page{
position:relative;
width:980px;
background: url(../images/index/fond-page.gif) repeat-y;
}
html>body #page {
height: auto;
min-height: 652px;
}


/* Pied de page */
#footer{
background:url(../images/fond-footer.jpg) no-repeat;
text-align:center;
padding:7px 0 15px 0;
color:#0171bb;
font-size:0.9em;
}
#footer p{
margin:0;
}
#footer a{
color:#0171bb;
text-decoration:none;
}
#footer a:hover{
color:#2f3192;
}

/* Plan du site */
#plan strong{
font-size:1.2em;
}



/******************************************************
    PAGE TYPE
*******************************************************/

#header{
background:url(../images/fond-entete.jpg) no-repeat;
height:150px;
}
.type h1{
position:absolute;
margin:0;
top:32px;
left:451px;
}
.type .contact{
position:absolute;
margin:0;
top:15px;
left:300px;
}
.type #back_page{
background:url(../images/fond-page.jpg) repeat-y #fff;
}

/******************************************************
    PAGE D'ACCUEIL
*******************************************************/

.index h1{
position:absolute;
margin:0;
top:20px;
left:247px;
}
.index .contact{
position:absolute;
margin:0;
top:0;
right:0px;
}
.contact a{
display:block;
}

/* BLOC ACTU */
#actu{
background:url(../images/index/actualite-ppva.gif) no-repeat;
margin:455px 0 0 519px;
width:200px;
padding:0 0 25px 36px;
height:160px;
position:relative;
}
html>body #actu {
height: auto;
min-height: 160px;
}
#actu h2{
    font-size:1.2em;
    color:#000;
    margin:0 0 5px 0;
}
#actu ul{
    margin:0 0 10px 15px;
    padding:0;
}
#actu a{
    color:#2f3293;
    font-weight: bold;
}
.pager img{
    display:inline;
}

/* MENU */

/* Commun */
#menu, #menu ul{
list-style-type:none;
}
#menu a{
color:#fff;
text-decoration:none;
display:block;
font-weight:bold;
}
#menu a em{
position:absolute;
top:23px;
left:40px;
font-style:normal;
}

/* Page type */

.type #menu{
margin:0;
padding:10px 0 0 0;
float:left;
width:243px;
background:url(../images/fond-menu.gif) repeat-y;
}
.type #menu #permis{
position:relative;
margin-top:15px;
padding:20px 0;
background:url(../images/fond-page.jpg) repeat-y #fff;
}
.type #menu ul{
text-align:right;
width:170px;
margin:0;
padding:0 0 15px 0;
}
.type #menu ul a{
color:#0072bc;
font-size:1.1em;
}
.type #menu ul a.enCours{
color:#f26521;
}
.type #menu ul a:hover{
color:#fff;
}
.type #menu a{
outline: none;
}
.type #menu a:focus{
background-color:#fff;
}
.type #menu #permis a:focus{
background-color:#f26521;
}
.type #menu ul a:focus{
color:#fff;
background-color:transparent;
}

/* Page d'accueil */

.index #menu #notreAssociation{
position:absolute;
top:183px;
left:52px;
}
.index #menu #notreDomaine{
position:absolute;
top:283px;
left:55px;
}
.index #menu #nosActions{
position:absolute;
top:394px;
left:63px;
}
.index #menu #autresActions{
position:absolute;
top:494px;
left:57px;
}
.index #menu #infosPratiques{
position:absolute;
top:592px;
left:43px;
}
.index #menu #permis{
position:absolute;
top:436px;
left:794px;
}

/* Sous-menus */

.index #menu ul{
position:absolute;
margin:0;
padding:0;
}
.index #menu a em{
color:#fff;
width:180px;
}
.index #menu a:hover em{
text-decoration:underline;

}
.index #menu li.impaire, .index #menu li.paire{
padding-left:15px;
background-repeat: no-repeat;
background-position: left center;
width:100%;
}

.index li#notreAssociation ul{
top:-55px;
left:260px;
width:170px;
}
.index li#notreAssociation li.impaire{
background-image:url(../images/index/puce-notre-asso-impaire.gif);
}
.index li#notreAssociation li.paire{
background-image:url(../images/index/puce-notre-asso-paire.gif);
}
.index li#notreAssociation a:hover{
color:#f9a94a;
}

.index li#notreDomaine ul{
top:-52px;
left:235px;
width:190px;
}
.index li#notreDomaine li.impaire{
background-image:url(../images/index/puce-notre-domaine-impaire.gif);
}
.index li#notreDomaine li.paire{
background-image:url(../images/index/puce-notre-domaine-paire.gif);
}
.index li#notreDomaine a{
color:#2e3192;
}
.index li#notreDomaine a:hover{
color:#fff;
}

.index li#nosActions ul{
top:-60px;
left:250px;
width:170px;
}
.index li#nosActions li.impaire{
background-image:url(../images/index/puce-nos-actions-impaire.gif);
}
.index li#nosActions li.paire{
background-image:url(../images/index/puce-nos-actions-paire.gif);
}
.index li#nosActions a:hover{
color:#2f3192;
}

.index li#autresActions ul{
top:-50px;
left:230px;
width:175px;
}
.index li#autresActions li.impaire{
background-image:url(../images/index/puce-autres-actions-impaire.gif);
}
.index li#autresActions li.paire{
background-image:url(../images/index/puce-autres-actions-paire.gif);
}
.index li#autresActions a{
color:#2e3192;
}
.index li#autresActions a:hover{
color:#fff;
}

.index li#infosPratiques ul{
top:-40px;
left:265px;
width:155px;
}
.index li#infosPratiques li.impaire{
background-image:url(../images/index/puce-infos-pratiques-impaire.gif);
}
.index li#infosPratiques li.paire{
background-image:url(../images/index/puce-infos-pratiques-paire.gif);
}
.index li#infosPratiques a:hover{
color:#f9a94a;
}


/* Zone de contenu */
#content{
margin:25px 0 0 291px;
width:632px;
overflow: hidden; 
}

#content ul{
margin:10px 0 15px 20px;
padding:0;
list-style-type:none;
}
#content ul li{
background:url(../images/puce.gif) left 0.3em no-repeat;
padding-left:12px;
}
#content table{
margin:10px 0 25px 0;
padding:0;
}

#content table td{
background-color:#f1f0f0;
padding:3px 5px;
vertical-align:top;
}
#content th{
color:#fff;
background-color:#389ed3;
text-align:center;
font-weight:bold;
}
#content caption{
font-weight:bold;
text-align:center;
margin:0 0 5px 0;
color:#389ed3;
font-size:1em;
}
#content img{
margin:0;
}
#content img.left{
margin:0 8px 5px 0;
float:left;
}
#content img.right{
margin:0 0 5px 8px;
float:right;
}
#content thead td{
color:#fff;
background-color:#389ed3;
text-align:center;
font-weight:bold;
vertical-align:middle;
}
#content td p{
margin:10px 0 10px 0;
}

/* Divers */

.clear{
height:50px;
clear:both;
}

/* Galerie photo */

dl.photo{
    width:150px;
    float:left;
}
dl.photo dd{
    font-size:0.9em;
    color:#888;
    margin:0;
    padding:0 7px;
    text-align: center;  
}
#galerie .clear{
    height:0;
}