body { /* proprietes du body */
	background-color: #3E3E3E;
	margin-top: 0px;
}

.conteneur { /* pour placer le site au centre de la page */
	position:absolute;
	background-color: #959595;
	height: 745px;
   left: 50%; 
   width: 750px;
   margin-left: -375px; /* margin-left: -375px; taille en pixel d'une demi-page + un peu de marge (compter en negatif)*/
}



 #lien_credit {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-weight: normal;
	font-size: 10px;
	text-decoration: none;
}


 #lien_poka {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #ff9600;
	font-weight: normal;
	font-size: 10px;
	text-decoration: none;
}



#lien_image {
	outline: none;
	border: 0;
	padding: 0;
	margin: 0;
}



/* =================================== Mise en page ====================================== */



/* ----------------- haut du site ----------------- */


#head { /* conteneur du logo ELEMENT HAUT */
	background-color: transparent;
	width: 750px;
	height: 125px;
	position: absolute;
	border: 0;
}


/* --------------------centre du site --------------*/


#centre { /* contient le menu + le slideshow */
	background: transparent;
	width: 750px;
	height: 620px;
	border: 0px;
	padding: 0px;
	position: relative;
	top: 125px;
}


/* menu */

#menu {
	background-color: #3E3E3E;
	height: 20px;
	width: 750px;
	border:0;
	padding: 0;
	margin: 0;
	outline: 0;
	position: relative;
	top: 125px;
}

.menuspace {
	background-color: transparent;
	height: 20px;
	width: 4px;
}



/* contenu centre */

#topcadre {
	background: url(../images/topcadre.gif);
	background-position: bottom;
	height: 14px;
	width: 750px;
	border:0;
	position: relative;
	top: 125px;
}


#conteneurslideshow {
	background-color: #959595;
	height: 562px;
	width: 750px;
	border:0;
	position: relative;
	top: 125px;
}

#conteneurslideshow_contact {
	background-color: #959595;
	height: 562px;
	width: 722px;
	border:0;
	position: relative;
	top: 125px;
}

#contact {
	background-color: #959595;
	height: 462px;
	width: 638px;
	border:0;
	position: absolute;
	left: 56px;
	top: 100px;
	
	font-family: Verdana;
	font-size: 8pt;
	font-weight: normal;
	color: #ffffff;
}

 #lien_contact {
	font-family: Verdana;
	color: #ffffff;
	font-weight: bold;
	font-size: 11px;
	text-decoration: none;
	/*font-style: italic; */
}



#conteneurslideshow_about {
	background-color: #959595;
	height: 562px;
	width: 722px;
	border:0;
	position: relative;
	top: 125px;
}


#about {
	background-color: #959595;
	height: 462px;
	width: 638px;
	border:0;
	position: absolute;
	left: 56px;
	top: 100px;
	
	font-family: Verdana;
	font-size: 8pt;
	font-weight: normal;
	color: #ffffff;
	
}

#centrebottom {
	background-color: transparent;
	height: 24px;
	width: 750px;
	border:0;
	position: relative;
	top: 125px;
}

/* ----------------- bas du site ----------------- */


#bottom {
	width: 750px;
	height: 24px;
	background: 3E3E3E;
	text-align: centre; 
}

#cadrecredit {
	background: #3E3E3E;
	height: 40px;
	width: 750px;
	border:0;
	position: relative;
	top: 116px;
	text-align: center;
}
/* ----------------- mise en forme ----------------- */


h1 { /* pour écrire */
	font-family: Verdana;
	font-size: 8pt;
	font-weight: normal;
	color: #ffffff;
}

/* pour ecrire sur la page d'index en mode magicien :*/

 h2 {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #3e3e3e;
	font-weight: normal;
	font-size: 10px;
	text-decoration: none;
}



h3 { /* fonte toute petite pour le copyright */
	font-family: Verdana;
	font-size: 7pt;
	font-weight: lighter;
   text-decoration: none;
	color: #959595;
}

h4 { /* pour écrire */
	font-family: Verdana;
	font-size: 8pt;
	font-weight: bold;
	color: #ffffff;
}

/* ================= accueil ================= */


.conteneur_accueil { /* pour placer l'image au centre de la fenetre */
	position:absolute;
	background-color: #3e3e3e;
   left: 50%; 
   width: 790px;
   margin-left: -395px;
}



.accueil_00 {
	background-image: url(../images/accueil00.gif);
	/*background-color: #ff0000;*/
	height: 465px;
	width: 630px;
	border:0;
	position: absolute;
	left: 0;
}

.accueil_00text {
	background-color: transparent;
	height: 50px;
	width: 300px;
	border:0;
	position: relative;
	left: 250px;
	top: 380px;
	text-align: center;
}



.accueil_01 {
	background-image: url(../images/accueil01.gif);
	/*background-color: #00ff00;*/
	height: 465px;
	width: 160px;
	border:0;
	position: fixed;
	margin-left: 630px;
}
.accueil_01text {
	/*background-image: url(../images/accueil01.gif);*/
	background-color: transparent;
	height: 20px;
	width: 140px;
	border:0;
	position: relative;
	left: 20px;
	top: 363px;
}



a:link {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #959595;
	font-size: 14px;
	text-decoration: none;
	background-color: transparent
}

a:visited {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #959595;
	font-weight: bolder;
	font-size: 14px;
	text-decoration: none;
	outline: none;
	border: 0;
	padding: 0;
	margin: 0;
}

a:hover {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-weight: bolder;
	font-size: 14px;
	text-decoration: none;
	outline: none;
	border: 0;
	padding: 0;
	margin: 0;
}

a:active {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-weight: bolder;
	font-size: 14px;
	text-decoration: none;
	outline: none;
	border: 0;
	padding: 0;
	margin: 0;
 }