html, body {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 0.9em;
  letter-spacing: 0px;
  line-height: 1.3em;
  margin: 0;
  padding: 0;
background-image: url('../img2008/fondGal.jpg');
}

#header h1{
  margin : 0;
  padding : 0;
}

#header {
  height: 120px;
  background-image: url('../img/BandeauR2009_bis.jpg');
  background-repeat: no-repeat;
  background-position : top right;
}

#header-index {
  height: 121px;
}

a img{
border : 0;
}

#header-menu {
height: 20px;
background-color : #f39835;
z-index : 100;
border-left : 3px solid #ffffff;
border-right : 3px solid #ffffff;
}

#conteneur {
position: absolute;
width: 760px;
left: 50%;
margin-left: -390px;
margin-top: 0px; 
background-image : url(../img2008/fdConteneur.jpg);
padding : 0 10px;
}

#centre {
margin : 0 0 0 200px;
padding : 30px 10px;

}

#centrejouer {
margin-left: 325px;
}

#gauche {
position: absolute;
left:10px;


}

#gauche img{
margin-top : 100px;
}

#gauchejouer {
position: absolute;
left:0;
width: 300px;
padding-left: 5px;
}

#pied {
position: absolute;
bottom : 0px;
width: 754px;
height: 20px;
border-bottom : 3px solid #ffffff;
border-right : 3px solid #ffffff;
border-left : 3px solid #ffffff;
background-color: #f39835;
text-align: center;
color: #ffffff;
}

#zone1 {    /* zone cliquable */
float: left; 
width : 760px;
height: 121px;
}

.menugauche {
list-style-type: none;
margin: 0;
padding:0;
}

.menugauche li {
margin-bottom: 5px;
}
.menugauche a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}

.menugauche a:hover {
text-decoration: none;
}

p {
margin: 0 0 10px 0;
}

p .news-single-author{
margin-bottom : 0;
}
h1 {
color: #f39835;
font-size : 18px;
}

h2 {
border-bottom: 1px dotted #f39835;
margin-right: 10px;
font-weight: bold;
font-size: 14px;
color: #f39835;
}

h3 {
border-bottom: 1px dotted #f39835;
margin-left: 10px;
margin-right: 10px;
font-weight: normal;
font-size: 12px;
color: #f39835;
}

h4{
color: #f39835; 
margin-left : 10px;
}

.htrois {
margin-left: 10px;
margin-right: 10px;
margin-bottom: 10px;
text-align:justify;
}

.htrois img{
float : left;
margin-right : 5px;
margin-bottom : 5px;
}
.hquatre {
margin-right: 10px;
margin-bottom: 10px;
text-align:justify;
}
a {
color: #f39835;
text-decoration: underline;
font-weight: bold;
}
a:hover {
color: #f39835;
text-decoration: none;
font-weight: bold;
}
a.champ {
color: #f39835;
text-decoration: none;
font-weight: bold;
font-size: 15;
}
a.champ:hover {
color: #f39835;
text-decoration: none;
font-weight: bold;
font-size: 15;
}
a.mail {
color: #ff9900;
text-decoration: underline;
font-weight: bold;
}
a.mail:hover {
color: #ff9900;
text-decoration: none;
font-weight: bold;
}
a.membres {
color: #000000;
text-decoration: underline;
font-weight: bold;
}
a.membres:hover {
color: #000000;
text-decoration: none;
font-weight: bold;
}
a.pied {
color: #ffffff;
text-decoration: none;
font-weight: bold;
}
a.pied:hover {
color: #ffffff;
text-decoration: none;
font-weight: bold;
}
.histoire {
margin-bottom: 10px;
width: 160px;
}
.ville ul li{
list-style-image: none;
list-style-position: inside;
}
.ville {
margin-left: 20px;
margin-bottom: 10px;
}
.liste {
list-style-type:  disc;
list-style-position: inside;
margin-bottom: 3px;
}
.liste2  {
list-style-type:  circle;
list-style-position: inside; 
margin-bottom: 3px;
margin-left: 20px;
}

.gras-bleu, .important{
color: #f39835;
font-weight: bold;
}
.grand {
color: #f39835;
font-size: 16;
font-weight: bold;
}
.imgleft {
float: left;
margin-right: 5px;
margin-bottom: 5px;
border: 1px solid #f39835;
padding: 3px;
}
.imgleft1{
float: left;
margin-right: 5px;
margin-bottom: 5px;
border: 0px solid #f39835;
padding: 3px;
}
.imgright {
float: right;
margin-left: 5px;
margin-bottom: 5px;
border: 1px solid #f39835;
padding: 3px;
}
.imgright1 {
float: right;
margin-left: 5px;
margin-bottom: 5px;
border: 0px solid #f39835;
padding: 3px;
}
a.img {
text-decoration: none;
}
a.img:hover {
text-decoration: none;
background-color: #f39835;
}
table{
border-width: 0;
border-collapse: collapse;
border-color : #ff9900;
}
td{
border-color : #f39835;
padding : 5px;
border-style: solid;
border-width: 1px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12;
letter-spacing: 1px;
line-height: 1em;
}
table.ville{
border-width: 0;
border-collapse:collapse;
border-color : #f39835;
}
td.ville{
border-color : #ff9900;
padding : 0.5em;
border-style: solid;
border-width: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12;
letter-spacing: 1px;
line-height: 20px;
}
table.collectif{
border-width: 0;
border-collapse:collapse;
border-color : #f39835;
}
td.collectif{
border-color : #ff9900;
padding : 0.2em;
border-style: solid;
border-width: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12;
letter-spacing: 1px;
line-height: 10px;
}
table.fond-couleur{
border-width: 0;
border-collapse: separate;
border-color : #f39835;
}
td.fond-couleur{
border-color : #f39835;
padding : 0.5em;
border-style: solid;
border-width: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12;
color: #ffffff;
letter-spacing: 1px;
line-height: 1.5em;
background-color: #f39835;
}
td.tableau{
border-color : #ff9900;
padding : 0.5em;
border-style: solid;
border-width: 0px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12;
letter-spacing: 1px;
line-height: 1.5em;
}
input, select, option, textarea {
border:1px dotted #f39835;
background-color: #ffffff;
width : 400px;
color: #f39835;
}
.admin {
margin-left: 100px;
font-weight: bold;
color: #f39835;
}


/* popup */

#pop1 {
display: none;
position: absolute;
bottom: 184px;
left: 0; 
width: 288px;
border: 1px solid #f39835;
background: #f39835;
z-index: 500;
cursor: pointer;
font-size: 80%;
}
#pop2 {
display: none;
position: absolute;
bottom: 0px;
left: 0; 
width: 622px;
border: 1px solid #f39835;
background: #f39835;
z-index: 500;
cursor: pointer;
font-size: 80%;
}
#pop3 {
display: none;
position: absolute;
bottom: 300px;
left: 0; 
width: 700px;
border: 1px solid #f39835;
background: #f39835;
z-index: 500;
cursor: pointer;
font-size: 80%;
}
#pop4 {
display: none;
position: absolute;
bottom: 0px;
left: 0; 
width: 362px;
border: 1px solid #f39835;
background: #f39835;
z-index: 500;
cursor: pointer;
font-size: 80%;
}
#pop5 {
display: none;
position: absolute;
bottom: 0px;
left: 0; 
width: 380px;
border: 1px solid #f39835;
background: #f39835;
z-index: 500;
cursor: pointer;
font-size: 80%;
}
#pop1 p, #pop2 p, #pop3 p {
margin: 0;
}
.fermer {
margin: 0.5em 0 0 0;
border-top: 0px solid black;
color: white;
text-align: center;
}
.lien {
color: #f39835;
font-weight: bold;
}
.lien-mail {
color: #f39835;
font-weight: bold;
}

/* formulaire */
#corpForm {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
border: 0px solid #f39835;
color: black;
margin: 0;
padding: 1em;
}
#titreForm, #piedForm {	/*** Mise en forme du titre et du pied de formulaire ***/
font: bold 1.1em arial, hevetica, sans-serif;
color: white;
/* background: #f39835; */
margin: 0;
padding: .5em;
}
#piedForm {
text-align: right; /*** Les boutons sont alignés à droite ***/
}
#piedForm input {
font-weight: bold; /*** Pour améliorer la lisibilité des boutons ***/
margin-left: 1em;
}
#inscription {
width: 540px;
}
#corpForm fieldset#localisation label, #corpForm fieldset#structure label, #corpForm fieldset#coordonnees label, #corpForm fieldset#initiatives label, #corpForm fieldset#partenaires label, #corpForm fieldset#autre label {	/*** Mise en forme des intitulés de champs ***/
float: left;	/*** Très important, ne pas suprimer ! ***/
width: 30%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
text-align: right;	/*** ... et ils sont alignés à droite... ***/
margin: 0;
padding: 0 .5em 0 0;
line-height: 1.8;	/*** ... et centrés verticalement. ***/
}
#corpForm label:hover, #piedForm input {
cursor: pointer;	/*** Petite astuce pour apprendre aux utilisateurs à cliquer sur les intitulés ***/
}
#corpForm label.oblig {
font-weight: bold;	/*** Mise en évidence des champs obligatoires ***/
}
legend {
font-weight: bold;
color: #f39835;
}
fieldset {
border: 1px dotted #f39835;
margin-top : 20px;
}
#corpForm .focus {	/*** Mise en avant des champs en cours d'utilisation ***/
background: #cccccc;
color: black;
}
#corpForm .normal {	/*** Retour à l'état normal après l'utilisation ***/
color: black;
}
#corpForm .legende {	/*** Mise en forme des aides contextuelles ***/
font-style: italic;
color: #666;
background: transparent;
margin: 0;
padding: 0;
}
ul.initiatives-dpt {
list-style-image: url("../img2/puce.gif");
list-style-position: inside;
}
li.initiatives-dpt {
margin-bottom: 3px;
}

/*
###############################################
-------------------MENU------------------------
###############################################
*/

ul.niveau1{
margin : 0;
padding : 0;
}

.niveau1 li{
display : block;
float : left;
width : 180px;
padding : 0;
position : relative;
margin : 0;
}

.niveau2 li{
display : block;
float : left;
width : 180px;
height : 19px;
padding : 0px;
}

a.niveau1{
height : 20px;
display : block;
position : relative;
bottom : 0;
text-decoration : none;
color : #ffffff;
text-align : center;
}

a.niveau2{
display : block;
text-decoration : none;
color : #ffffff;
text-align : center;
}

a.niveau2:hover, a.niveau1:hover{
color: #fff273;
}

.niveau2 li{
margin : 0;
padding : 0;
border-top : 1px solid #ffffff;
border-left: 0px solid #ffffff;
border-right: 0px solid #ffffff;
}

#menuH > ul {
padding : 0;
}

ul.niveau2{
position : absolute;
padding : 0;
margin : 0;
top : 20px;
width : 180px;
background : #f39835;
z-index : 100;
}

div.recherche{
border : 1px solid #f39835;
width : 80%;
margin : 5%;
padding : 4%;
}

input#visuinitfdj_btnsearch{
display : block;
margin : 20px 150px;

}

.ville strong{
color : #f39835; 
}

#corpsform label{
display : block;
width : 100%;
margin-top : 5px;
}

#corpsform input, #corpsform select{
margin-left : 30px;
}

#piedForm input{
width : 100px;
}
/*Lettre d'information*/

#conteneurLI{
background : #fff;
width : 600px;
position : relative; 
left : 50%;
margin-left : -300px;
font-size : 11px;
letter-spacing: 0px;
line-height: 1,1em;
border : 1px solid #f39835;
}

#headerLI{
background-image: url('../img/bandeau2009LI.png');
height : 110px;
background-repeat : no-repeat;
}

#centreLI{
margin : 20px;
}

#centreLI .news-single-timedata{
margin-top : 20px;
margin-bottom : -15px;
float : none;
text-align : right;
clear : both;
color : #f39835;
font-weight : bold;
}

#piedLI{
background : #f39835;
padding : 5px 20px;

}

p.mentionPt{
margin-bottom : 0;
text-align : center;
font-size : 9px;
color : #fff;
}

#Menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#Menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
left: auto; /* Repositionnement normal */
min-height: 0; /* Corrige un bug sous IE */
z-index : 100;
}

#Menu, #Menu ul /* Liste */
{
padding : 0; /* pas de marge intérieure */
margin : 0; /* ni extérieure */
list-style : none; /* on supprime le style par défaut de la liste */
line-height : 21px; /* on définit une hauteur pour chaque élément */
text-align : center; /* on centre le texte qui se trouve dans la liste */
}

#Menu /* Ensemble du Menu */
{
font-weight : bold; /* on met le texte en gras */
font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
font-size : 12px; /* hauteur du texte : 12 pixels */
}

#Menu a /* Contenu des listes */
{
display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
padding : 0; /* aucune marge intérieure */
background : #000; /* couleur de fond */        
color : #fff; /* couleur du texte */
text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
width : 144px; /* largeur */
}

#Menu li /* Elements des listes */      
{ 
float : left; 
/* pour IE qui ne reconnaît pas "transparent" */
border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #Menu li
{
border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
}

#Menu li ul /* Sous-listes */
{ 
position: absolute; /* Position absolue */
width: 144px; /* Largeur des sous-listes */
left: -999em; /* Hop, on envoie loin du champ de vision */
}


#Menu li ul li /* Éléments de sous-listes */
{
/* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #Menu li ul li                
{
border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
}

#Menu li ul ul 
{
margin    : -22px 0 0 144px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
/* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
border-left     : 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */      
}

/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #Menu li ul ul
{
border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
}


div.news-search-emptyMsg{
  margin-top : 20px;
}

.singleInit p{
  margin = 0;
}