*{
	margin:0;
	padding:0;
	border:0;
}
body{
	background-color:#2d211c;
	background-image:url(../img/background.png);
	background-repeat:no-repeat;
	background-position:center top;
	color:#3f8aa4;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0;
	padding:0;
}
	
/* CONTENEUR */
#conteneur{
	width:850px;
	margin:0 auto;
}
/* BANNER */
#banner{
	width:850px;
	height:140px;
	background-image:url(../img/backgroundBanner.png);
	background-repeat:repeat-x;
}
#logo{
	position:relative;
	top:-40px;
	text-align:center;
}
#counter{
	margin-left:auto;
	margin-right:15px;
	text-align:center;
	color:#473b29;
	padding-top:5px;
	line-height:12px;
	width:120px;
	height:60px;
	background:url(../img/nbJours.png) 0 -30px;
}
#counter em{
	font-size:17px;
	font-style:normal;
	line-height:25px;
	color:#473b29;
}
/* MENU */
#menu {
	
	position:relative;
	top:-15px;
	width:260px;
	margin:0 auto;
    padding: 0 ; 
    list-style: none ;
    }
#menu span{
	display:none;
}
#menu li { 
    float: left ;
	height:32px;
	
}
#menu li a { 
    display: block ;
	color:#3f8aa4;
	text-decoration:none; 
    padding: 6px 0 ; 
    text-align: center ;
	height:22px;
}
#informations{
	width:118px;
	background-image:url(../img/menuInformations.png);
}
#informations:hover{
	background-position: 0px -32px;
}
#concours{
	width:100px;
	background-image:url(../img/menuConcours.png);
}
#concours:hover{
	background-position: 0px -32px;
}
#video{
	width:118px;
	background-image:url(../img/menuVideo.png);
}
#video:hover{
	background-position: 0px -32px;
}
#soutien{
	width:155px;
	background-image:url(../img/menuSoutien.png);
}
#soutien:hover{
	background-position: 0px -32px;
}
#presence{
	width:194px;
	background-image:url(../img/menuPresence.png);
}
#presence:hover{
	background-position: 0px -32px;
}
#galerie{
	width:70px;
	background-image:url(../img/menuGalerie.png);
}
#galerie:hover{
	background-position: 0px -32px;
}
#mariageCivil{
	width:158px;
	background-image:url(../img/menuMariageCivil.png);
}
#mariageCivil:hover{
	background-position: 0px -32px;
}
#livreOr{
	width:90px;
	background-image:url(../img/menuLivreOr.png);
}
#livreOr:hover{
	background-position: 0px -32px;
}
/* FIN MENU */

/* CONTENU */
#content{
	width:848px;
	height:520px;
	margin-top:20px;
	background:url(../img/backgroundContentColor.png);
	border:2px #473b29 solid;
}
#imageContent{
	float:left;	
}
#textContent{
	float:right;
	text-align:left;
	padding:30px 35px 10px 0px;
	width:450px;
	height:480px;
	overflow:auto;
}
#textContent .icone{
	margin:0px 5px 0 0;
	position:relative;
	top:2px;
	float:left;
}
#textContent .imageGauche{
	border:2px solid #403320;
	float:left;
	margin:5px 15px 5px 0;
}
/*Formulaire présence*/
input{
	background-color:#342a21;
	border:2px solid #403320;
	padding:2px 3px 2px 3px;
	margin:2px 0 2px 0;
	width:180px;
	color:#3f8aa4;
}
#formLivreOr input{
	width:100%;
}
#formLivreOr #submit{
	width:150px;
}
textarea{
	background-color:#342a21;
	border:2px solid #403320;
	padding:2px 3px 2px 3px;
	color:#3f8aa4;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	width:100%;
	height:30px;
}
.erreur{
	color:#962a15;
}
.evidence{
	color:#4fc6e9;
}
.evidenceStrong{
	color:#4fc6e9;
	font-weight:bold;
}
.erreur img{
	border:0;
	margin:0;
}
.ok{
	color:#3b791c;
}
.messageLivreOR{
	width:100%;
	border:2px solid #403320;
	padding:2px;
}
.messageLivreOR span{
	color:#55463b;
	font-style:italic;
}
form img{
	position:relative;
	top:6px;
	margin-left:5px;
}
form #submit{
	width:190px;
	margin-top:8px;
}
#titreConcours{
	background:url(../img/menuConcours.png) no-repeat -18px -5px;
	height:20px;
	width:130;
	margin:0 0 14px 0;
}
#titreConcours span{
	display:none;
}
#titreInformation{
	background:url(../img/menuInformations.png) no-repeat -12px -5px;
	height:20px;
	width:130;
	margin:0 0 14px 0;
}
#titreInformation span{
	display:none;
}
#titreSoutien{
	background:url(../img/menuSoutien.png) no-repeat -14px -5px;
	height:20px;
	width:130;
	margin:0 0 14px 0;
}
#titreSoutien span{
	display:none;
}
#titrePresence{
	background:url(../img/menuPresence.png) no-repeat -15px -5px;
	height:20px;
	width:130;
	margin:0 0 14px 0;
}
#titrePresence span{
	display:none;
}
#titreLivreOr{
	background:url(../img/menuLivreOr.png) no-repeat -13px -5px;
	height:20px;
	width:130;
	margin:0 0 14px 0;
}
#titreLivreOr span{
	display:none;
}
#titreBienvenue{
	background:url(../img/titreBienvenue.png) no-repeat -15px -5px;
	height:20px;
	width:130;
	margin:0 0 14px 0;
}
#titreBienvenue span{
	display:none;
}
h2{
	font-size:13px;
	margin-bottom:8px;
}
h3{
	font-size:11px;
	text-transform:uppercase;
	font-weight:100;
	color:#7a614d;
	margin:15px 0 0 0;
}
h4{
	font-size:11px;
	font-weight:100;
	color:#5bbcde;
	margin:15px 0 0 0;
}
h3:first-child{
	margin-top:0px;
}
p{
	margin:0 0 10px 0;
}
a, a:visited{
	color:#5bbcde;
}

a:hover{
	text-decoration:none;
}
em{
	color:#185c74;
}
#citation{
	position:relative;
	top:0px;
	background:url(../img/citation.png) no-repeat;
	height:290px;
	width:450;
	margin:0px 0 0px 0;
}
#citation span{
	display:none;
}
/* FIN CONTENU */

/* GALERIE */
#menuGalerie{
	text-align:center;
	height:16px;
	margin:5px 0 0 0;
}
#menuGalerie ul{
	list-style:none;
}
#menuGalerie ul li{
	display:inline;
	margin:0 5px 0 5px;
	
}
.yoxview{
	margin:0 auto;
}
div.img
  {
  margin:4px 6px 3px 5px;
  height:auto;
  width:158px;
  float:left;
  
  }

div.img img
  {
  margin:3px 3px 0 3px;
  border:1px solid #3f8aa4;
    opacity:0.4; 				/* Souhaitant réaliser un effet d'opacité au survol de la photo j'ai choisi de conserver cette balise non valide en CSS 2.1 */
  filter:alpha(opacity=40);	/* Souhaitant réaliser un effet d'opacité au survol de la photo j'ai choisi de conserver cette balise non valide en CSS 2.1 */
  }

div.img a:hover img
  {
  border:1px solid #6c6158;
  opacity:1; 				/* Souhaitant réaliser un effet d'opacité au survol de la photo j'ai choisi de conserver cette balise non valide en CSS 2.1 */
  filter:alpha(opacity=100);	/* Souhaitant réaliser un effet d'opacité au survol de la photo j'ai choisi de conserver cette balise non valide en CSS 2.1 */

  
  }

/* css pour la tooltip lien avec preview */
#screenshot{
        position:absolute;
        border:1px solid #ccc;
        background:#333;
        padding:5px;
        display:none;
        color:#fff;
}
/* css pour la tooltip image preview */
#preview{
        position:absolute;
        border:1px solid #ccc;
        background:#333;
        padding:5px;
        display:none;
        color:#fff;
}
/* css pour la tooltip normal */
#tooltip{
        position:absolute;
        border:1px solid #333;
        background:#f7f5d1;
        padding:2px 5px;
        color:#333;
        display:none;
}
/* CSS pour Rotator
/* rotator in-page placement */
    div.rotator {
	position:relative;
	height:250px;
	margin:5px 0 20px 0;
}
/* rotator css */
	div.rotator ul li {
	float:left;
	position:absolute;
	list-style: none;
}
/* rotator image style */	
	div.rotator ul li img {
	border:3px solid #3F8AA4;
	background: #3F8AA4;
}
    div.rotator ul li.show {
	z-index:500
}


/* FOOTER */
#footer{
	color:#6c6158;
	margin-top:6px;
	text-align:center;
	font-size:11px;
}
#footer a, a:hover, a:visited{
	color:#6c6158;
}