/* ------------------------------------ *
 CSS
 lundi 16 octobre 2006 15:11:51
 HAPedit 3.1.11.111
 * ------------------------------------ */

body {
    background-repeat: repeat-x;
    background-attachment: scroll;
    background-color: #f1ebd9;

    padding: 0px;
    margin: 0px;
    font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 11px;
    color: #333333;
}

img {
    border: 0px;
}

a {
    color: #d96e1e;
    text-decoration: none;
}

a:hover {
    color: #333333;
}

h1 {
    font-size: 180%;
    margin-bottom: 5px;
}

h2 {
    font-size: 140%;
    margin-bottom: 0px;
}

input[type="submit"] {
    padding: 3px;
    background-color: transparent;
    border: dotted 2px #98bdbc;
    color: #D96E1E;
    font-size: 95%;
    font-weight: bold;
}

select {
    width: 250px;
}

#page {
    width: 780px;
    margin: 5px auto 10px auto;
}

.espacement {
    clear: both;
}

/*
 * En-tête et pied de page
 */
#entete {
    font-weight: bold;
    width: 100%;
    margin-bottom: 4px;
}

#pied {
    margin-top: 5px;
    margin-bottom: 10px;
}

#entete ul, #pied ul {
    display: inline;
    padding: 0px;
    margin: 0px;
}

#entete ul li, #pied ul li {
    display: inline;
    list-style-type: none;
    padding-right: 0.5em;
}

#en-langues {
    float: left;
    width: 40%;
}

.en_pi-liens {
    font-weight: bold;
    width: 60%;
    float: right;
    top: 20px;
    text-align: right;
    position: relative;
    top: 0.66ex;
    right: -0.5em;
}

#pi-copyright {
    float: left;
    width: 40%;
    font-weight: normal;
    word-spacing: normal;
    position: relative;
    top: 0.66ex;
}

/*
 * Menu
 */
#menu {
    background-color: white;
    height: 54px;
}

#menu a img {
    float: left;
}

/*
 * Espace principal
 */

#principal {
    background-color: white;
    padding: 10px 20px 10px 20px;
}

#pr-titre {
    margin-bottom: -12px;
    padding: 0px;
}

#pr-titre div {
}

#pr-chemin {
    width: 100%;
    position: relative;
    top: 5px;
    font-size: 130%;
}

#pr-chemin a {
    color: #999999;
    font-weight: bold;
}

#pr-chemin a:hover {
    color: #333333;
}

.pr-navigation {
    width: 25%;
    float: right;
    text-align: right;
    position: relative;
    top: -15px;
}

#pr-frise {
    position: relative;
    top: 5px;
    display: inline;
    padding: 0px;
    margin: 0px;
}

#pr-frise li {
    display: inline;
    list-style-type: none;
}

#pr-frise li a, #pr-frise li a.actif {
    padding: 4px 27px 4px 28px;
    margin: 0px;
    font-weight: bold;
    color: #333333;
}

#pr-frise li a.actif, #pr-frise li a:hover {
    background-color: #e5ddac;
}

#pr-carte {
    position: relative;
    top: 9px;
}

#pr-conteneur {
    padding-top: 15px;
    width: 100%;
}

#pr-conteneur-images {
    display: inline;
    width: 350px;
    float: left;
    margin: 0px 20px 15px 0px;
}

#pr-conteneur-images-t {
    background-image: url('../img/fond/fond-encadre.gif');
    float: right;
    width: 240px;
    margin: 0px 0px 15px 20px;
    background-color: #e4dca9;
}

#pr-logo {
    width: 240px;
}

#pr-legende {
    font-style: italic;
    margin-top: 8px;
}

#pr-copyright {
    font-size: 90%;
}

#pr-outils {
    height: 30px;
    margin-top: 10px;
    border-top: dotted 2px #98bdbc;
    border-bottom: dotted 2px #98bdbc;
}

#pr-outils div {
    float: left;
    position: relative;
    top: 3px;
}

#pr-outils-navigation, #pr-outils-zoom {
    margin-right: 8px;
    padding-right: 8px;
    border-right: dotted 2px #98bdbc;
}

#pr-associations, #pr-associations-t {
    background-color: #e4dca9;
    margin-top: 15px;
    padding: 15px;
}

#pr-associations-entete {
    color: white;
    padding-top: 6px;
    border-top: 2px dotted white;
    padding-bottom: 6px;
    border-bottom: 2px dotted white;
    text-align: center;
    font-size: 110%;
    font-weight: bold;
}

#pr-associations table {
    width: 320px;
    margin: 6px 0px 15px 0px;
}

#pr-associations-t table {
    width: 210px;
    margin: 6px 0px 15px 0px;
}

#pr-associations table td {
    vertical-align: top;
    padding-top: 10px;
}

#pr-associations table div {
    font-weight: bold;
}

#pr-associations-pied {
    padding-top: 6px;
    border-top: 2px dotted white;
    font-size: 90%;
    text-align: right;
}

#pr-conteneur-notice {
    display: inline;
    width: 100%;
}

#pr-effets, #pr-cartel {
    background-color: white;
    padding: 10px 0px 10px 0px;
    border-bottom: dotted 2px #98bdbc;
    width: 370px;
    float: right;
}

#pr-effets {
    border-top: dotted 2px #98bdbc;
    margin: 0px;
    font-weight: bold;
}

#pr-effets li {
    list-style-type: none;
    padding-left: 10px;
}

#pr-effets li a span, #pr-outils div span, .pr-navigation span {
    position: relative;
    top: -1.2ex;
}

#pr-cartel {
    list-style-type: none;
    margin: 5px 0px 20px 0px;
}

#pr-cartel li {
    padding: 0px 10px 8px 10px;
}

#pr-cartel li span {
    font-weight: bold;
}

#pr-notice {
    text-align: justify;
}

p.intro {
    margin-top: 0px;
    font-weight: bold;
}

#pr-aide {
    float: right;
    width: 250px;
    height: 420px;
    overflow: auto;
    margin-top: 20px;
    padding: 10px;
    border: dotted 2px #98bdbc;
    background-color: white;
}

#pr-diaporama {
    width: 100%;
    margin: 10px 0px 10px 0px;
    background-color: #f4f1dd;
    text-align: center;
}

#pr-diaporama-legende {
    list-style-type: none;
    margin: 5px 0px 20px 0px;
    padding: 0px;
}

#pr-diaporama-legende li {
    padding: 0px 10px 8px 0px;
}

#pr-diaporama-legende li span {
    font-weight: bold;
}

/*
 * Barre de transversalités
 */
#transversalites {
	height: 70px;
	font-size: 95%;
	text-align: center;
	padding-right: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 0px;
}

#transversalites a {
    color: #333333;
	margin:0 8px;
}

#transversalites div {
	/*width: 80px;*/
	float: left;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

/*
 * Validations
 */
#validations {
    padding-top: 10px;
    text-align: center;
    display: none;
}