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


*{
margin:0;
padding:0;
}

body{
	background-image:url(../img%20site/img%20def/bois.jpg);
	/* défini taille site et permet de le centrer */
}
#conteneur{
width:1024px;
height:1000px;
margin-left:auto;
margin-right:auto;
margin-top:20px;
background-image:url(../img%20site/img%20def/conteneur-copie.png);
}

/* block : agrandir la largeur de la taille du titre */
h1{
margin-left:190px;
display:block;
}

h2{
width:1024px;
height:30px;
text-align:center;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:22px;
color:#422d66;

}
h3{
width:800px;
height:30px;
text-align:center;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:22px;
color:#422d66;
}

h4{
width:450px;
height:30px;
text-align:center;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
font-size:26px;
color:#422d66;

}

/* a=lien et taille des boutons; outline: efface defaut text indent */
li a {
display:block;
width:180px;
height:55px;
margin-top:20px;
padding-left:20px;
text-indent:-9999px;
outline:none;
text-decoration:none;
}

li{
	list-style-type:none;
	float:left;
	width:185px;
	margin-top:5px;
}

#accueil{
background-image:url(../img%20site/img%20def/boutons/accueil-btn.png);
margin-left:35px;
}
#accueil:hover{
background-image:url(../img%20site/img%20def/boutons/accueil-btn-o.png);
}
#cybercafe{
background-image:url(../img%20site/img%20def/boutons/cybercafe-btn.png);
}
#cybercafe:hover{
background-image:url(../img%20site/img%20def/boutons/cybercafe-btn-o.png);
}
#snack{
background-image:url(../img%20site/img%20def/boutons/snack-btn.png);
}
#snack:hover{
background-image:url(../img%20site/img%20def/boutons/snack-btn-o.png);
}
#laverie{
background-image:url(../img%20site/img%20def/boutons/laverie-btn.png);
}
#laverie:hover{
background-image:url(../img%20site/img%20def/boutons/laverie-btn-o.png);
}
#contact{
background-image:url(../img%20site/img%20def/boutons/contact-btn.png);
}
#contact:hover{
background-image:url(../img%20site/img%20def/boutons/contact-btn-o.png);
}


#contenu_photos_accueil{
	
	height:800px;
	width:360px;
	float:left;
	margin-right:60px;
}

#contenu_photos{
	
	height:800px;
	width:360px;
	float:left;
	margin-right:50px;
}

#contenu_text{
	float:right;
	margin-top:20px;
	margin-right:45px;
	display:block;
	height:500px;
	width:490px;
	text-align:justify;
	font-family:"Comic Sans MS", cursive;
	font-size:16px;
	color:#000;
}

#contenu_text_laverie{
	float:right;
	margin-top:70px;
	margin-right:150px;
	display:block;
	height:500px;
	width:300px;
	text-align:justify;
	font-family:"Comic Sans MS", cursive;
	font-size:16px;
	color:#000;
}

#contenu_text_snack{
	float:right;
	margin-right:140px;
	display:block;
	height:500px;
	width:470px;
	text-align:justify;
	font-family:"Comic Sans MS", cursive;
	font-size:16px;
	color:#000;
}

#contenu_text_cybercafe{
	float:left;
	 margin-top:20px;
	 margin-left:155px;
	  margin-right:60px;
	display:block;
	height:500px;
	width:490px;
	text-align:justify;
	font-family:"Comic Sans MS", cursive;
	font-size:16px;
	color:#000;
}

#menu_suivant{
	background-image:url(../img%20site/img%20def/boutons/menu-btn.png);
	width:139px;
	height:90px;
	float:right;
	margin-right:80px;
	margin-top:5px;
}
#menu_suivant:hover{
	background-image:url(../img%20site/img%20def/boutons/menu-btn_o.png);
}

#salade{
background-image:url(../img%20site/img%20def/salade-site.png);
margin-left:35px;
height:70px;
width:100px;

}
#viande{
background-image:url(../img%20site/img%20def/steak-site.png);
height:71px;
width:100px;
}

#sandwichs{
background-image:url(../img%20site/img%20def/sandwich-site.png);
height:100px;
width:100px;
}

#formule{
background-image:url(../img%20site/img%20def/hamburger-site.png);
height:100px;
width:100px;

}
#dessert{
background-image:url(../img%20site/img%20def/dessert.png);
height:88px;
width:100px;
}

#boisson{
background-image:url(../img%20site/img%20def/soda-site.png);
height:120px;
width:100px;
}

#photo_salade{
	background-image:url(../img%20site/img%20def/salade-site.png);
	height:70px;
	width:100px;
	float:right;
	margin-right:120px;
	margin-top:40px;
	display:block;
}

#photo_sandwich{
	background-image:url(../img%20site/img%20def/sandwich-site.png);
	height:100px;
	width:100px;
	float:right;
	margin-right:120px;
	margin-top:40px;
	display:block;
}

#photo_formule{
	background-image:url(../img%20site/img%20def/formule.png);
	height:87px;
	width:100px;
	float:right;
	margin-right:120px;
	margin-top:40px;
	display:block;
}

#photo_viande{
	background-image:url(../img%20site/img%20def/steak-site.png);
	height:70px;
	width:100px;
	float:right;
	margin-right:120px;
	margin-top:40px;
	display:block;
}

#photo_dessert{
	background-image:url(../img%20site/img%20def/dessert.png);
	height:89px;
	width:100px;
	float:right;
	margin-right:120px;
	margin-top:40px;
	display:block;
}

#photo_boisson{
	background-image:url(../img%20site/img%20def/soda-site.png);
	height:120px;
	width:100px;
	float:right;
	margin-right:120px;
	margin-top:40px;
	display:block;
}


#contenu_photos-laverie{
	height:800px;
	width:360px;
	float:left;
}
#contenu_photos_cybercafe{
	
	height:800px;
	width:300px;
	float:left;
	margin-top:15px;
	margin-right:10px;
}
#contenu_menu{
	 margin-top:150px;
	 margin-left:150px;
	display:block;
	height:300px;
	width:700px;
	text-align:justify;
	font-family:"Comic Sans MS", cursive;
	font-size:16px;
	color:#000;
}

#contenu_page_menu{
	margin-top:50px;
	margin-left:125px;
	padding-top:40px;
	display:block;
	height:450px;
	width:660px;
	text-align:center;
	font-family:"Comic Sans MS", cursive;
	font-size:16px;
	color:#000;
	display:block;
}

#menu_pdf{
	
	border:#F90;
	float:left;
	margin-left:110px;
	margin-top:50px;
	height:85px;
	width:60px;
}

#texteMenu{
	position:absolute;
	font-family:"Comic Sans MS", cursive;
	font-size:12px;
	color:#000;
	margin-left:60px;
	margin-top:220px;
}


#retour_menu{
	display:block;
	height:60px;
	width:500px;
	margin-left:450px;


}

#suite_menu{
	display:block;
		height:60px;
		width:60px;
		margin-left:20px;
}
/*DIV CARTE MAPPY*/
#carte{
	float:left;
	height:450px;
	width:425;
	padding-top:50px;
	
}
#textContact{
	display:block;
	float:right;
	height:80px;
	width:100px;
	margin-top:150px;
	padding-top:300px;
	margin-left:450px;
	font-family: "Comic Sans MS", cursive;
	font-size: 16px;
	font-style: normal;
	display: block;
}

#footer{
	position:absolute;
	height:50px;
	width:1014px;
	margin-top:750px;
	text-align:center;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#422d66;
}
#footer_salade{
	height:50px;
	width:900px;
	margin-left:90px;
	text-align:center;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#422d66;
	display:block;
}
#footer_menu{
	position:absolute;
	height:50px;
	width:1014px;
	margin-top:120px;
	text-align:center;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#422d66;
}

#footer_formule{
	height:55px;
	width:900px;
	margin-left:50px;
	text-align:center;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#422d66;
	display:block;
	
}