@charset "utf-8";
/* CSS Document */
* {margin:0; padding:0; border:0; outline:0;}

a {outline:0;}

body { background:url(img/lumiere.png) #010101 no-repeat center top ;  }


#social ul {display:inline;}
#social li {float:left;}
#social {position: absolute; top:20px ; right:40px;}

h1 { background:url(img/alleluia-creation.png) no-repeat; width:358px; height:183px; }
h2 { color:#fff; font-size:22px; margin-bottom:20px; font-family: "Helvetica Neue",verdana, Sans-Serif; }
h1 span {
    position:absolute;
    left: 0;
    top: 500px;
    width: 1px;
    height: 1px;
    overflow: hidden;
}

#facebook {
width: 370px;
margin: 0 auto;
text-align: center;

}

#facebook a  {
color:#fff; font-weight:bold; text-decoration:none; font-size:20px;

}
#facebook img {margin:30px 0 0 -9px;}


h2 {  margin-top:-30px; right:0;}
h2.mail {
text-align: center;

}
h4 {color:#000; font-family:"Helvetica Neue",verdana, Sans-Serif; font-size:2em; font-weight:bold;}
#formes ul {color:#000; font-family:"Helvetica Neue",verdana, Sans-Serif; font-size:1em; font-weight:normal;}
#formes li.form1 {margin-right: -10px;}
.mail a {color:#fff; text-decoration:none!important; font-weight:bold; font-size:24px;text-align:center!important; }
p  {color:#fff; font-family:"Helvetica Neue",verdana, Sans-Serif; font-size:1em;}
#titre {width:370px; margin:0 auto; text-align:right; padding:200px 0 0 0 ;}

#textenotice {width:650px; margin:0 auto; text-align:left; padding:100px 0 0 0 ;}

#formes ul {display:inline;}
#formes li {float:left;}
#formes {position: absolute; bottom:5px ; right:10px;}
#formes a {display:block;}

#liengauche ul {display:inline;}
#liengauche li {float:left; list-style:none; margin-left:3px;}
#liengauche a {text-decoration:none; color:#fff; text-transform: uppercase;  font-family:"Helvetica Neue",verdana, Sans-Serif; font-size:10px;}
#liengauche a:hover {  
   text-shadow: 0px 0px 9px #fff; }
 #liengauche a {transition-duration: 5s ease-in-out;}
 
 
 
#liengauche2 ul {display:inline;}
#liengauche2 li {float:left; list-style:none; margin-left:3px;}
#liengauche2 a {text-decoration:none; color:#fff; text-transform: uppercase;  font-family:"Helvetica Neue",verdana, Sans-Serif; font-size:10px;}
#liengauche2 a:hover {  
   text-shadow: 0px 0px 9px #fff; }
 #liengauche2 a {transition-duration: 5s ease-in-out;}
 
 
 p.inter {font-size:10px; margin: 5px 0 0 0;}
 
 
#liengauchenotice ul {display:inline;}
#liengauchenotice li {float:left; list-style:none;}
#liengauchenotice a {text-decoration:none; color:#fff; text-transform: uppercase;  font-family:"Helvetica Neue",verdana, Sans-Serif;  font-size:10px;}
#liengauchenotice a:hover {  
   text-shadow: 0px 0px 9px #fff; }
   #liengauchenotice {position: fixed; bottom:30px ; left:20px;}
   
 #liengauchenotice a {transition-duration: 5s ease-in-out;}
 
#liengauche {position: absolute; bottom:30px ; left:20px;}
#liengauche2 {position: absolute; bottom:50px ; left:46px;}
#texte {position: absolute; bottom:23px ; left:30%; width:40%;}
#texte p { text-align:center; font-size:13px; font-family:"Helvetica Neue",verdana, Sans-Serif; margin-bottom:10px;}
.titre-ment {text-decoration:underline; font-weight:bold;}
ol {color:#fff;}

.petit {font-size:11px; font-style:italic;}
.gros {font-size:20px; font-weight:bold;}
.croix {font-size:14px; text-decoration:none;}