/* CSS Document */
/*feuille css crée par Mélusinecréation*/


body {
	background-color: #F3E6F6;
/*	margin-left: 20%; margin-right: 20%; */
	margin: 10px auto;
	padding: 0;
	line-height: 200%;
	text-align: center;
	font-family: verdana, arial, sans-serif; 
	font-size: 12px; 
	height: 100%;
}

h1 {
	text-align: center;
	font-size: 13px;
	color: #CC00CC;
}

/* couleur du bouton envoyer dans les formulaires */
#envoyer {
	text-align: center;
}

.input {
	background-color: #FFCCFF;
	color: #2B0;
	font-weight: bold;
}

/*grandconteneur "contient tous les blocs*/
#grandconteneur{
	width:900px;
	padding: 0;
	margin: 30px auto;
}
/*****************************************************************************************************/
/* Formulaire de commande */

.red {
	color:#FF0000;
	font-weight: bold;
}
.green {
	color: #8ABE52;
	font-weight: bold;
}
.liste {
	list-style: none;
}


/*****************************************************************************************************/
/* Animation flash en haut du site */
#head {
	background-color: #F3E6F6; 
	height: 100px;
}


/*****************************************************************************************************/
/*partie menu*/
#menu {
	height: 109px;
	background: url(../_images/decoupage1_01.gif) no-repeat;
}

#menu ul {
	list-style: none;
	font-weight: bold ;
	color: #000000;
/*	vertical-align: middle; */
}

#menu1, #menu2, #menu3, #menu4, #menu5, #menu6 { padding: 0; 
										 position:absolute;
										 display: block;
										 height: 75px;
										 width: 125px;
										 line-height: 70px;
}

#menu1, #menu3  { top: 185px; 
				background: url(../_images/feuille1.gif) no-repeat 0 3px;
}

#menu4, #menu6 { top: 215px; 
		 background: url(../_images/feuille2.gif) no-repeat 0 0px;
}
	
#menu2, #menu5{ top: 155px; 
				background: url(../_images/feuille3.gif) no-repeat 0 5px;
}

#menu1{ left:35%;
}
#menu2{ left:45%;
}
#menu3{ left:55%; 
}
#menu4{ left:66%;		
}
#menu5{ left:75%;	
}
#menu6{ left:83%;
}

#menu a {
	text-decoration:none;
	color:#006600;
	font-weight: bold;
}

#menu a:hover {
	text-decoration:none;
	color: #CC33CC;
}

/*****************************************************************************************************/
/*partie gauche fée*/
#partiegauche{
	background: url(../_images/decoupage1_02.gif) no-repeat left top;

	float: left;

	width: 200px;
	height: 100%; 
	min-height: 600px;	

	padding:0px;
	margin:0px;
}

/*partie du texte du milieu*/
#contenu{
	background: url(../_images/decoupage5_03.gif) no-repeat right bottom;

	float: left;

	width:700px;
	height: 100%;
	min-height: 600px;

	padding:0px;
	margin:0px;
}

/*fin du site "pied"*/
#bas{
	background: url(../_images/decoupage5_04.gif) no-repeat top;
	clear: both;

	width: 1000px;
	height: 28px; 

	padding: 0px;
	margin:0px;

}

.melusine{
	text-decoration:underline;
	color:#330099;
	font-weight:bolder;
}

/*****************************************************************************************************/
/* paragraphe dans le tableau */
.style {
	font-size: 13px;
	text-align: justify;
	border: thick outset #C09;
	width: 95%;
	padding: 10px;
	margin: 10px;
}

.mauve {
	color: #C774C3;
	font-weight: bold;
	font-size: 12px;
}

.red {
	color: #336699;
	font-weight: bold;
	font-size: 12px;
}
.style2 {
	font-size: 13px;
	text-align:center;
	border: thick outset #C09;
	width: 95%;
	padding: 10px;
	margin: 10px;
}

/*****************************************************************************************************/
/* les logos, boutons et bannières */

.btn {
	border: 0;

}

.ban {
	border: 0;
	width: 468px;
	height: 60px;
}

/*****************************************************************************************************/
/*  Les liens et liens suvolés  */

a {
	text-decoration:none;
}

a:hover {
	text-decoration:none;
}

#partenaire li {
	list-style: none;
	/*float:right;*/
	display: inline;
	font-weight: bold ;
	font-size:10px;
	color:#000000;
	text-decoration:none;
}

#partenaire a {
	text-decoration:none;
	font-size:10px;
	color:#3366CC;
	font-weight: bold;
		/*display: inline;*/
}

#partenaire a:hover {
	text-decoration:none;
	color:#CC33CC;
}


#partenaire2 li {
	list-style: none;
	float:right;
	display: inline;
	font-weight: bold ;
	color:#000000;
	text-decoration:none;
}

#partenaire2 a {
	text-decoration:none;
	
	color:#3366CC;
	font-weight: bold;
		/*display: inline;*/
}

#partenaire2 a:hover {
	text-decoration:none;
	color:#CC33CC;
}
/*******************************************/
/*style hors du tableau*/

.style1 {
	font-size: 13px;
	text-align: center;
	width: 480px;
	padding: 10px;
	margin: 10px;
}