/*Couleurs : 
Fond noir/marron : #1C1312
bleu logo/liens : #2f88d7
gris : silver
*/


/*CSS general*/
*{font-family:verdana; text-align:justify; z-index:100;margin:0;padding:0;color:white; font-size:12px;}

html, body{background: #312121 url('../images/bg.jpg') repeat-x;margin:0;padding:0;}

a,img{border:none;text-decoration:none;}

img.png {
    background-image: expression(
        this.runtimeStyle.backgroundImage = "none",
        this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
        this.src = "./images/transparent.gif"
    );
}

input,textarea{color:black;}

h3{margin:20px 0 0 0; font-size:1.2em;}

/*content*/
#content{height:100%;width:1000px;margin:auto;}

#content h1{margin:50px 0 0 0;text-align:left;color:#009ee0;font-size:1.5em;float:left;font-weight:normal;}

/*logo*/
#content .logo{height:80px;width:250px;float:right; margin:10px;}

/*contenu*/
#content .contenu{height:500px;width:720px;/*z-index:120;*/margin: 0 0 10px 0;float:left;background:transparent;}

#content .contenu #slider {height:500px !important;width:720px;z-index:99 !important; overflow:hidden;}


/*separateur*/
#content hr{margin:10px auto;height:2px;clear:both;}

/*footer*/
#content #footer{margin:0 auto;width:100%;float:left;}

#content #footer h1{margin: 0  0 10px 0 ; width:100%;}

#content #footer ul{float:left;display:inline;color:silver;}

#content #footer a{color:#2f88d7;border-bottom:dashed 1px ;}
#content #footer a:hover{border-bottom:solid 1px ;}

#content #footer #mentions{margin:20px 0;padding:0 25px;float:right;text-align:center;font-style:italic;font-weight:normal;color:silver;width:100%;}
#content #footer #mentions h6{color:silver;font-weight:normal; width:100%;text-align:center;}

#content #footer #mentions ul{clear:both;width:100%;font-size:1px;text-align:center;}
#content #footer #mentions li{padding:0 4px;liste-style-type:none;display:inline;color:#2f88d7;}

#content #footer #plan{clear:both;float:right;margin:-100px 0 0;}






/*actualites - contact*/
#content #footer .actualites, #content #footer .contact{margin:10px 0 0 25px;height:auto;width:700px;float:left;line-height:1.5em;}

#content #footer .contact{width:150px;float:right; text-align:left; }


#content .actualites h2{color:#2f88d7;font-family:verdana;font-size:1.5em;padding:10px 0 0 0; font-weight:normal;}
#content .actualites p{margin:10px 0 0 0;}
#content .actualites h2 span{font-style:italic; font-weight:normal;}


/*Galerie*/
#content .contenu #slider{z-index:0;}
#content .galerie img{margin:10px 0 10px 10px; padding:0;float:left; border:solid #009EE0 2px;}
#content .galerie img:hover{border:solid #505050 2px;}


/*plan du site */
#content .actualites ul{padding:0 0 0 50px;}
#content .actualites li{padding:3px 0 0 0;}

/*Photosphere*/

#photosphere{text-align:center; display:block; margin: 60px 0 0 0; font-size:1.2em; font-weight:bold; }