*{padding:0; margin:0;}
body {color:black;  font-size: 13px; font-family:arial, sans-serif; background-color:black; }
.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; margin:0px !important; padding:0!important; }  
.wrapper {width:920px; margin:0 auto;}

h1, h2 {height:35px; margin:15px 0; line-height:35px; padding-left:15px; color:white; display:block;}
h1 {font-size:24px;}
h2 {font-size:19px;}
h3 {border-bottom:1px solid #561614;  font-size:15px; font-weight:bold; margin:25px 0px; color:black;}
p {margin:15px 0; color:black;}
ul {margin:15px 0; list-style-type:none;}

a {color :black;}
a:visited {color :black;}
a img {border:none;}
img.centre {display:block; margin: auto; max-width:600px;}

#header {background-image:url(images/header1.jpg); height:415px; background-position:-18px -25px; }
    #lienAdmin  {margin-top:10px; color:#666666;  }
    #menuPrincipal {position:relative; top:353px;list-style-type:none; width:100%; height:62px; background-image:url(images/bg_menu.jpg); background-repeat:repeat-x; margin:0 !important;}
    #menuPrincipal li {float:left; }
    #menuPrincipal li a { padding:0 20px; display:inline-block; height:62px; text-decoration:none; font-size:13px; text-transform:uppercase; color:white; line-height:62px;}
    #menuPrincipal li a:hover {background-image:url(images/bg_menu_ov.jpg); background-repeat:repeat-x;}
  

#content {margin:15px 0; }

#colonneUnique {width:890px; background-color:#d1d5d7; padding:15px; min-height:300px; }

#grosseColonne { width:600px; margin-right:15px; padding: 0 15px 15px; float:left; background-color:#d1d5d7;}


#petiteColonne { width:275px;  float:left; }
    #petiteColonne div {margin:0 0 15px 0; width:245px; background-color:#d1d5d7; padding:15px;}
    #petiteColonne li {margin:5px 0; font-size:14px;}


/* Images de fonds des titres */
#colonneUnique h1, #colonneUnique h2 { background-image:url(images/bg_titre_unique.jpg); margin-top:0 !important;}
#grosseColonne h1, #grosseColonne h2 { background-image:url(images/bg_titre_gros.jpg);}
#petiteColonne h2  {background-image:url(images/bg_titre_petit.jpg);}

/* longueur des titres */
#grosseColonne h1, #grosseColonne h2, #grosseColonne h3 {width:585px; }
#petiteColonne h2, #petiteColonne h3 {width:230px; margin-top:0px !important;}
#colonneUnique h1, #colonneUnique h2, #colonneUnique h3   {width:875px; }
#colonneUnique h3 {width:890px; }

ul#listeAlbums li {margin:0px !important;}
ul#listeAlbums li a {display:block; width:240px; padding-left:5px; height:35px; line-height:35px; text-decoration:none; color:black;}
ul#listeAlbums li a:hover {background-color:#262626; color:white;}


.pagePhoto #grosseColonne a {display:inline-block; margin:0 15px 15px 0 ;}

/* page contact */
#formContact   {margin:15px 0 0 100px;}
#formContact label {width:80px; display:inline-block;}
#formContact input[type=text]  {width:250px; padding:2px; margin:2px 0;}
#formContact label[for=texteCommentaire]  {width:300px !important; margin:2px 0;}
#formContact textarea {width:250px; height:250px; margin-left:80px;}

#prochainsEvenements  li {margin:10px 0;}
#prochainsEvenements  li a {font-weight:bold;}
span.dateHeure {color:#79191a; font-size:11px; font-weight:bold;}
p.dateHeure {color:#79191a; font-weight:bold;}

.detailsEvenement {}

#formAjoutEvenement input, #formAjoutEvenement textarea {padding:2px; margin:2px;}
#formAjoutEvenement label {width:200px; text-align:right; display:inline-block;}
#formAjoutEvenement input[type=text] {width:250px;}
#formAjoutEvenement textarea  {width:550px; height:400px;}
#formAjoutEvenement label[for=description] {position:relative; top:-200px;}

#formModifEvenement input {padding:2px; margin:2px; width:90px;}