@CHARSET "UTF-8";

html, body, ol, ul, form, fieldset, p {
    margin: 0px;
    padding: 0px;
    color: #666;
    text-align: justify;
}

fieldset {
    border: 0;
}

textarea {
    font: inherit;
}

a img {
    border: 0;
}

a, a:visited {
    color: #3366FF;
}

a:hover {
    color: #6c839a;
}

h1{
    font-size: 1.5em;
    margin: 0px;
    padding: 0px;
    text-indent: -2000px;
}

h2{
    font-size: 1.3em;
    margin: 0px;
    padding: 0px;
}

h3{
    font-size: 1.1em;
    margin: 0px;
    padding: 0px;
}

h4{
    font-size: 1em;
    margin: 0px;
    padding: 0px;
}

h5{
    font-size: 1em;
    margin: 0px;
    padding: 0px;
}

h6{
	font-size: 1.2em;
	color: #3366FF;
}


body {
    background: #FFFFFF;
    font: normal 80% Verdana, "Trebuchet MS", "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
}

#page {
    text-align : center;
    width: 1002px;
    margin-top: 0pt;
    margin-right: auto;
    margin-bottom: 0pt;
    margin-left: auto;
    margin-top: 0px !important;
}

#header {
    height: 430px;
    padding-top: -10px;
    padding-left: 20px;
    padding-right: 20px;
    background-color: #ccc;
    background: url(../images/forum2010/bandeau2011v2.png) left bottom no-repeat;
    text-align: left;
}

#header #logo {
    height: 95px;
    width: 200px;
	margin-top: -10px;
	margin-left: 30px;
}

#header #logo2 {
    height: 95px;
    width: 200px;
	margin-left: 735px;
	margin-top: -90px;
}


#header #EPU {
    font-size: 1.5em;
    font-weight: bolder;
    color: #fff;
    text-align: right;
    margin-left: 480px;
    margin-top: 35px;
}

#header #jour {
    font-size: 3em;
    font-weight: bolder;
    color: #009900;
    text-align: left;
    margin-left: 300px;
    margin-top: 50px;
}

#header #heure {
    font-size: 2.5em;
    font-weight: bolder;
    color: #009900;
    text-align: left;
    margin-left: 520px;
    margin-top: 0px;
}

#header #menuBarre { 
    font-size: 0.8em;
    margin-left: 10px;
    margin-top: -30px;
    list-style: none; 
    text-align: center;
}

#header #menuBarre li { 
    display: inline;
    color: #fff;
    margin-left: -5px;
    background: url(../images/barreMenuMillieu.png) left bottom repeat-x;
    padding: 11px 10px;
}

#header #menuBarre li a { 

    color: #fff; 

    text-align: center; 
    text-decoration: none; 
}

#header #menuBarre li.gauche { 
    padding-left: 20px;
    background: url(../images/barreMenuGauche.png) left bottom no-repeat;
}

#header #menuBarre li.droite { 
    padding-right: 20px;
    background: url(../images/barreMenuDroite.png) right bottom no-repeat;
}

#header #menuBarre li a:hover, #header #menuBarre li a:focus, #header #menuBarre li a:active { 
    text-decoration: underline; 
}

#content {
    padding-left: 16px;
}

#content #gauche {
    width: 245px;
    float: left;
}

#content #gauche #menu {
    list-style-type: none;
    padding: 0;
    display: block;
    padding-left:0px;
    line-height: 2em;
    padding-bottom: 15px;
	background: url(../images/menu.png) left bottom no-repeat;
    padding-top: 0px;
    margin-top: 40px;
    margin-bottom: 20px;
    text-align: left;



}

#content #gauche #menu li a, #content #gauche #menu li a:visited, #content #gauche #menu .fauxLien, #content #gauche #menu .fauxLienActive{
    background: url(../images/flecheBleu.png) left center no-repeat;
    font-size: 1.2em;
    font-weight: bolder;
    color: #3366FF;
    padding-top: 5px;
    padding-left: 30px;
    padding-bottom: 10px;
    text-decoration: none;
    display: block;
    height: 20px;
    line-height: 1.8em;
    width: 200px;
}

#content #gauche #menu li a:hover {
    background: url(../images/flecheOrange.png) left center no-repeat;
    color: #FF9900;
    text-decoration: underline;
}

#content #droite {
    text-align: left;
    width: 660px;
    padding: 40px;
    float: right;
}

#content #droite h2{
    color: #FF9900;
    font-size: 1.5em;
    padding-bottom: 10px;
}

#content #droite h3{
    text-align: center;
    font-size: 2.3em;
    padding-bottom: 10px;
}

#content #droite p{
    padding: 10px;
    padding-bottom: 10px;
}

#content #droite p img{
    margin-left: 90px;
}

#content #droite#liste_ent{
    padding-left: 25px;
}


#content #droite table {
    margin-left: -15px;
}

#content #droite #droiteGauche {
    text-align: left;
    width: 330px;
    float: left;
    background-color: #ddd;
}

#content #droite #droiteGauche P.blocPhoto img{
    padding: 0;
}

#content #droite #droiteDroite {
    text-align: center;
    width: 330px;
    float: right;
    background-color: #ccc;
}

#content #droite #droiteDroite P.blocPhoto img{
    padding: 0;
}

#content #droite #map {
    margin-top:20px;
    margin-left:20px;
    width: 600px;
    height: 400px
}

#footer {
    text-align: right;
    height: 25px;
    padding-top: 2px;
    padding-right: 20px;
    background: url(../images/footer.png) left top repeat-x;
}

.clearBoth {
    clear: both;
}