@charset "utf-8";
/* CSS Document */
/* +--------------------------------+
   |			Menu				|
   +--------------------------------+*/
   
   /* Positionnement */
#menu
{
	position:fixed;
	bottom:0;
	width:900px;
	height:50px;
	z-index:2;
}

.center
{
	margin:auto;
	width:900px;
}

	/* Apparence - position des boutons */
#bouton1
{
	width:150px;
	height:50px;
	background-image:url(images/bouton1.png);
	float:left;
	padding-top:12px;
}

#bouton1:hover
{
	background-image:url(images/bouton1_1.png);
}

#bouton2
{
	width:150px;
	height:50px;
	background-image:url(images/bouton2.png);
	float:left;
	padding-top:12px;
}

#bouton2:hover
{
	background-image:url(images/bouton2_1.png);

}

#bouton3
{
	width:150px;
	height:50px;
	background-image:url(images/bouton3.png);
	float:left;
	padding-top:12px;
}

#bouton3:hover
{
	background-image:url(images/bouton3_1.png);
}

#bouton4
{
	width:150px;
	height:50px;
	background-image:url(images/bouton4.png);
	float:left;
	padding-top:12px;
}

#bouton4:hover
{
	background-image:url(images/bouton4_1.png);	
}

#bouton5
{
	width:150px;
	height:50px;
	background-image:url(images/bouton5.png);
	float:left;
	padding-top:12px;	
}

#bouton5:hover
{
	background-image:url(images/bouton5_1.png);	
}

#bouton6
{
	width:150px;
	height:50px;
	background-image:url(images/bouton6.png);
	float:left;
	padding-top:12px;
}

#bouton6:hover
{
	background-image:url(images/bouton6_1.png);	
}

	/* Mise en forme des listes */
#menu ul
{
	padding:0px;
	margin:0px;
	list-style:none;
	text-align:center;
}

#menu ul li a:hover
{
	color:#000;
}

	/* Sous-menu masque */
#menu ul ul
{
	position:absolute;
	bottom:50px;	
	border: solid black 1px;
	width:155px;
	display:none;
}

	/* Texte des liens decoration */
#menu li a
{
	text-decoration:none;
	color:white;
	font-size:26px;
	font-style:italic;
}

	/* Mise en forme sous menu */
#menu ul ul li
{
	border-bottom:solid white 1px;
	padding:4px;
	background-image:url(images/sousmenu.png);
}

	/* Mise en forme du texte sous menu */
#menu ul ul li a
{
	font-size:20px;
	color:black;
}

	/* Mise en forme des sous menu lors du survol de la souris */
#menu ul ul li:hover
{
	background-image:url(images/sousmenu_1.png);
}

#menu ul ul li a:hover
{
	color:#DDD;
}

	/* Apparition du sous menu au survol de la souris */
#menu ul.niveau1 li.sousmenu:hover > ul.niveau2
{
	display:block;
}

	/* Liens visites mise en forme */
#menu a:visited
{
	text-decoration:none;
}

/* +--------------------------------+
   |		Mise en page			|
   +--------------------------------+*/
	/* image de fond du texte*/
#corps
{
	margin:auto;
	width:998px;
	height:600px;
	background-image:url(images/fond_corps.png);
	background-repeat:no-repeat;
	position:relative;
	top:-10px;
	z-index:1;
}

#etude
{
	position:relative;
	background-image:url(images/schema.png);
	margin:auto;
	margin-top:-520px;
	width:800px;
}

	/* Partie gauche de la page */
#background_left
{
	background-image:url(images/bord_gauche.png);
	background-repeat:repeat-x;
	margin:-10px;
	width:500px;
	height:800px;
	position:absolute;
	top:0px;
	left:0px;
	z-index:0;
}

	/* Partie droite de la page */
#background_right
{
	background-image:url(images/bord_droite.png);
	background-repeat:repeat-x;
	width:500px;
	height:800px;
	position:absolute;
	top:0px;
	right:0px;
	z-index:0;
}

	/* Separation banniere - texte */
hr
{
	color:#999;
}

	/* Banniere page d'accueil */
#banner_index
{
	background-image:url(images/banner_index.jpg);
	width:998px;
	height:200px;
	margin:auto;
	top:-20px;
	position:relative;
	margin-bottom:-18px;
	z-index:1;
}



	/* Banniere page produits */
#banner_produits
{
	background-image:url(images/banner_produits.png);
	width:998px;
	height:200px;
	margin:auto;
	margin-top:-10px;
	margin-bottom:-17px;
	position:relative;
	z-index:1;
}

/* +--------------------------------+
   |			Images				|
   +--------------------------------+*/
   
   /* Les images avec un lien ne sont pas encadrees */
a img
{
	border:none;
	margin:0px;
}

.product
{
	float:right;
	margin-left:10px;
	margin-right:0px;
	padding:0px;
	text-align:center;
	width:400px;
}

.product ul
{
	list-style-type:none;
	margin:0;
	padding:0px;
	height:40px;
}

.product li
{
	font-size:18px;
	float:left;
	padding:0px;
	margin:0;
}

.product ul li a
{
	display:block;
	line-height:40px;
	width:150px;
	text-decoration:none;
	text-align:center;
	color:#333;
	background: url(images/bouton.png) no-repeat;
	padding:0px;
	margin-left:33px;
	margin-bottom:10px;
}

.product ul li a:hover
{
	background:  url(images/bouton_1.png) no-repeat;
}

.texte
{
	width: 530px;
	height:530px;
	margin-left:20px;
	background-image:url(images/texte.png);
	padding:10px;
}

.description
{
	color:#000;
}

.description h2
{
	color:#009;
	text-align:left;
	font-family:Tahoma, Geneva, sans-serif;
	position:relative;
	margin-left:80px;
	width:500px;
}

.description p
{
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:10px;
	margin-left:5px;
	text-indent:45px;
}

.explication
{
	height:500px;
}

.explication h2
{
	color:#009;
	text-align:left;
	font-family:Tahoma, Geneva, sans-serif;
	position:relative;
	margin-left:80px;
	width:500px;
}

.explication p
{
	font-size:10px;
	font-family:Verdana, Geneva, sans-serif;
	margin-left:5px;
}

#banner_index h2
{
	font-family:Tahoma, Geneva, sans-serif;
	font-style:italic;
	text-align:center;
	position:absolute;
	bottom:0px;
	font-size:28px;
	color:#EEE;
	left: 1px;
}


#corps p
{
	font-size:16px;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	text-align:justify;
}

#corps ul
{
	font-size:20px;
}

#mots
{
	position:relative;
	width:500px;
	margin:auto;
	margin-bottom:50px;
	z-index:1;
}

#langue
{
	float:right;
	width:110px;
	height:30px;
}

.checked
{
	list-style-image:url(images/checked.png);
	list-style-position:outside;
}

.checked li
{
	margin-bottom:5px;
}

.fleche
{
	list-style-image:url(images/fleche.gif);
	list-style-position:outside;
}

.fleche li
{
	margin-bottom:10px;
	font-size:16px;
}

.offre
{
	color:#000;
}

.offre h2
{
	color:#009;
	text-align:left;
	font-family:Tahoma, Geneva, sans-serif;
	position:relative;
	margin-left:80px;
}

.offre p
{
	font-size:20px;
	font-family:Verdana, Geneva, sans-serif;
	margin-left:5px;
}

.texte2
{
	width: 530px;
	height:530px;
	margin-left:20px;
	background-image:url(images/texteoffre.png);
	padding:10px;
	color:#000;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
}

.societeimage
{
	margin:10px;
}

.misenvaleur
{
	background-color:#CCC;
	width:230px;
	height:200px;
	margin:auto;
	border:dotted black 1px;
	padding:10px;
}

.societe p
{
	text-indent:0px;
}

#deco
{
	background-image:url(images/background.png);
	position:fixed;
	bottom:50px;
	width:650px;
	left:50%;
	margin-left:-300px;
	z-index:2;
	height:430px;
}

h3
{
	text-align:center;
	color:#555;
	font-size:22px;
	font-style:italic;
}