@charset "utf-8";
/* CSS Bienvenue */

@font-face { 
  font-family: "Oregano",cursive; 
     
} 


.cleaner{
	clear:both;
}
body{
color:#FFF;
font-family:'Oregano',cursive;
font-size:20px;
background-image:url(../images/rougeprofond.jpg);
background-repeat:repeat-x repeat-y;
}

/*Format de l'entête*/

#reve_header_wrapper{
	width: 980px;
	height: 90px;
	margin: 0 auto;
	
}

/*Division de la zone en deux pour le logo et le bouton de retour à l'accueil*/

#logo {
	width: auto;
	height: 65px;
	position: relative;
	float:left;
}
#accueil {
	width: auto;
	height: 65px;
	text-align: right;
	position: relative;
	float: right;
	padding-top: 20px;
	
}
#intro{
	height: 80px;
	margin-top: 30px; font-size:20px;
}

h1{
	color :#F90; 	
	font-family: 'Henny Penny', cursive;/*"Mountains of Christmas", cursive;*/
	font-size:40px;
}
	
h2{
	font-family: "Oregano",cursive; 
	font-size:20px;	
	color:#FFF;
	

}
h3{
	text-align:center; width:100%; margin-top:10px}
	

p{
	font-size: 20px;
	color: #FFF;
}
a{
	color:#FFF
}


/*Position du slider*/

#reve_slider{
	width: 960px;
	margin:0 auto;
	padding:0 10px 10px;
}
/*bouton gauche du carrousel*/

#slider-left-but{
	display:block;
	width:30px;
	height:30px;
	border:none;
	background: url(../images/templatemo_slider_left_red.png); 
	margin-right: 10px; 
}

/*bouton droit du carrousel*/

#slider-right-but { 
	display: block; 
	width: 30px; 
	height: 30px; 
	border: none; 
	background: url(../images/templatemo_slider_right_red.png); 
	
}

/*Définition zone de texte à deux colonnes main left et main right*/

#reve_main{
	width: 960px;
	margin: 0 auto;
	text-align: justify;
}
#main_left{
	width: 48%;
	float: left;
	
}
#main_right{
	width: 48%;
	float: right;
}
#main_leftlarge{
	width: 58%;
	float: left;
	
}
#main_rightetroit{
	width: 38%;
	float: right; 
	text-align:justify;
}

#reve_bottom_wrapper{
	width:960px;
    margin:0 auto 50px auto;
	text-align:right;
	font-size:20px;
}
#DateTab{
	text-align:right;
}
	
/*Création d'une division titre_left pour caler le titre à gauche et d'une division date_right, pour caler la date à droite*/
.titre_left{
	width: 58%;
	float: left;
}
.date_right{
	width : 38%;
	float: right;
	text-align:right;
	}
	

/*Modèle du menu lavalamp,copié intégralement*/
/* from here: http://www.gmarwaha.com/blog/2007/08/23/lavalamp-for-jquery-lovers */
.lavaLampWithImage {
	position: relative;
	height: 25px;
	padding: 15px 0;
	margin: 0 auto;
	overflow: visible;
	width: 980px;
}

.lavaLampWithImage li {
  float: left;
  list-style: none;
  
}

.lavaLampWithImage li.back {
  background:#F90; /*Couleur du curseur*/
  border-radius: 20px 100px 20px 100px;
  -moz-border-radius: 20px 100px 20px 100px;
  -webkit-border: 20px 100px 20px 100px;
  height: 24px;
  z-index: 8;
  position: absolute;

}

.lavaLampWithImage li a {
  /*font: normal 130% 'News Cycle', sans-serif;*/
 font-family: "Oregano",cursive; 
  text-decoration: none;
  color: #FFF;
  outline: none;
  text-align: center;
  letter-spacing: 0;
  z-index: 10;
  display: block;
  float: left;
  height: 30px;
  padding: 0px 7px 0 7px;
  position: relative;
  overflow: hidden;
  margin: auto 10px;
  font-size:20px;    
}

.lavaLampWithImage li a:hover, .lavaLampWithImage li a:active {
  color:#900;
}
.current {color:#900;}/*ne fonctionne pas*/

/* Integrer une image "enveloppée" dans le texte*/
.img_right {float:right; padding: 10px 0px 10px 10px;
}

.img_left {float:left; padding: 10px 10px 10px 0px;
}


/*MISE EN PAGE DU FORMULAIRE DE CONTACT*/
input, textarea{border: 5px #666 solid; border-radius:5px;font-family:"Oregano",cursive;  font-size:20px; margin: 0px 0px 7px 0px;  }

/*format de la boite d'entrée des messages*/
textarea {width:840px; height:150px;
}
/*boites d'entrée des noms, mails, tels*/
input{margin-left:5px; width:190px; height:25px; display:block; 
}
/*Noms des champs "noms", "mails", "tel"*/
label {float:left; text-align:right; display:block;  margin:0px 10px; width:80px; padding-top:5px;
}
/*Quand on clique sur une boite pour la remplir*/
input:focus, textarea:focus, input.submit-button:focus{border-color:#F90;
}
/*Bouton d'envoi*/
input.submit-button {width:200px ;float:right; margin-right:4px; height:35px;
}