@charset "UTF-8";
/* mise en page de cours privé 
IE 6 et inférieurs
Utiliser * html {}
IE 7 et inférieurs
Utiliser *+html, * html {}
IE 7 seulement
Utiliser *+html {} */
body{
	width:auto;
	height:auto;
	padding:0px;
	margin:0px;
	font-family:"Trebuchet MS",Arial,Verdana,Helvitica,sans-serif;
	background-color:#ffccb3;
	/*background-image: url('/img/images/fun.jpg');
	background-repeat: no-repeat; /* non répétée,*/
	}
/*div#haut{
	/*background-image: url('/img/images/.jpg');
	background-repeat: no-repeat; non répétée,*/
	/*text-align:center;
	height:150px;
	padding:0em 0em 0em 0em;/* haut droite bas gauche */
	/*margin:0px 0px 0px 0px;
	}*/
/*div#menu{
	position:absolute;
	width:100%;
	height:auto;
	padding:auto;
	margin:auto;
	clear:both;
	/*background-color:#ffffff;
	background-repeat: no-repeat; non répétée,
	position:relative;
	height:95.5px;
    padding:0em 0em 0em 0em; haut droite bas gauche 
	margin:0px; */
	}
div#bandeau {
	position:relative;
	text-align:center;
	background-color:#ffccb3;
	padding:0px 0px 0px 0px; /* haut droite bas gauche */
	margin:0px 0px 0px 0px; /* haut droite bas gauche */
	clear: both;
	}
div#contenu {
	background-color:#ffccb3; /* #ffccb3; couleur rose pale */
	text-align:center;
	width:auto;
	padding:0px 0px 0px 0px; /* haut droite bas gauche */
	margin:0px; /* haut droite bas gauche */
	}
#countour {
	background-color:#000000; 
	width:300px;
	height:300px;
	border-radius: 8px;
	padding:10px; /* espace inter haut droite bas gauche */
	margin:10px; /* espace exter haut droite bas gauche */
	}
a#fl{	
	margin:0px 0px 0px 450px; /* espace exter haut droite bas gauche */
	display:block;	
	text-align:center;	
	background-image:url('/img/images/je-reserve1.png');/*photos qui disparait*/	
	background-repeat: no-repeat;
	text-decoration:none;		
	height:87px;
	border: none;
	outline: none;
	clear: both;	
	}
a#fl:hover{	
	margin:0px 0px 0px 450px; /* espace exter haut droite bas gauche */
	display:block;
	text-align:center;
	background-image:url('/img/images/je-reserve2.png');/*photos qui apparait*/	
	background-repeat: no-repeat;
	text-decoration:none;
	height:87px;
	border: none;
	outline: none;
	clear: both;
	}
/*mep btn remonter*/	
#myBtn {
	display: none;
	position: fixed;
	bottom: 20px;
	right: 30px;
	z-index: 99;/*La z-indexpropriété indique l'ordre d'empilement d'un élément (élément qui doit être placé devant ou derrière les autres). Parce que l'image a un z-index de -1, il sera placé derrière le texte.*/
	border: none;
	outline: none;
	background-color: red;
	color: white;
	cursor: pointer;
	padding: 15px;
	border-radius: 10px;
}
/*hr{
	border-color:red;
	border-width:8px;
	border-radius:20px;
	border-style: groove;
	margin:0px 40px 0px 40px; /* haut droite bas gauche */
	/*opacity: 0.6;
	/*border-style: dotted; Définit une bordure en pointillé
	border-style: dashed;Définit une bordure en pointillé
	border-style: solid;Définit une bordure solide
	border-style: double;Définit une double bordure
	border-style: groove; Définit une bordure rainurée 3D. L'effet dépend de la valeur couleur de la bordure
	border-style: ridge;Définit une bordure striée 3D. L'effet dépend de la valeur couleur de la bordure
	border-style: inset;Définit une bordure incrustée 3D. L'effet dépend de la valeur couleur de la bordure
	border-style: outset;Définit une frontière d'entrée de jeu 3D. L'effet dépend de la valeur couleur de la bordure
	border-style: none;Définit pas de frontière
	border-style: hidden;Définit une bordure cachée
	border-style: dotted dashed solid double;
	}*/
#myBtn:hover {
	background-color: #555;
}
a:focus { 
	outline:none; /*permet d'enlever les pointillé autour des liens (active) : a:active, a:focus{outline:none;}*/
	/* on peut mettre ce code html directement sur le site au bouton envoyer et annuler :onfocus="this.blur();"  */ 
	} 
a.nounderline:link{
	text-decoration:none;  /* enleve le soulignement des liens */
	color:#FFFFFF; /* couleur des liens */
	}
a.nounderline:visited{    /* regle la couleur des liens lorsque l'ont clic dessus */
	text-decoration:none;
	color:#FFFFFF;
	} 
#piedpage {
	position:relative;
    bottom: 0px;
    width:auto;
	text-align:center;
	background-color:#000000;
	color:#797979;
	height:100px;
	/*Font-family:Comic Sans MS, cursive, sans-serif;*/ 
	Font-size:12px;
	padding:10px 40px 10px 40px; /* haut droite bas gauche */
	}
a.line:link{
	text-decoration:none;
	color:#777e77;
	}
a.line:visited{
	text-decoration:none;
	color:#777e77;
	} 
/*.thumbnail{
	background-color:#000000;
	position:relative;
    float:right;
	bottom:1em;
	clear:both;
    }*/
.thumbnaill{
	background-color:#000000;
	position:relative;
	Font-size:16px;
    float:left;
	bottom:1em;
	clear:both;
    }
a.lines:link{
	text-decoration:none;
	color:#ffccb3;/*couleur zumba */
	}
a.lines:visited{
	text-decoration:none;
	color:#ffccb3;/*couleur zumba */
	}
/*  	> a:link { text-decoration:none;} enleve tout les soulignement des liens

		> Si vous désirez que ce style ne s'applique qu'à certains liens, il vous suffit par exemple de définir une classe spécifique pour les liens non soulignés (par exemple la classe nounderline) : a.nounderline:link {text-decoration:none;}
		Puis, lors de l'écriture du lien, de faire référence à cette classe : <a href="/" class="nounderline">Texte du lien</a>    

		> Enfin, si vous ne souhaitez pas définir de feuille de style, vous pouvez tout simplement définir le style en ligne à l'aide de l'attribut style, de la manière suivante : 
<a href="/" style="text-decoration:none">Texte du lien</a> 

		> La pseudo-classe feuille de style css :active permet de spécifier toutes les propriétés liées à la fonte (police, taille), à la décoration de texte (gras, souligné, ...), arrière plan, ... d'un lien (<a>lien</a>) qui est activé, c'est à dire lorsque l'internaute clique sur le lien avec sa souris.       
		a:active{ }
		
		> ou sans lien : identifiant:active{} 
		*/