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

/*______________________________________menu_______________________________________*/

body {
	background-color: #efedec;
}

#global{
	width: 990px;
	position:relative;
	margin-left:auto;
	margin-right:auto;
	background-color:#ffffff;
	b
}
.body,td,th {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
}


#menu{
width:200px;
float:left;
padding-bottom:20px;
}


#contenu{
	width:770px;
	float:left;
	margin-top: 20px;
	margin-left:10px;
}
#home{
	width:770px;
	float:left;
	margin-top: 0px;
	margin-left:10px;
}



#pied{
clear:both;
width:1000px;
height:30px;

}


.contenu{
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 12px;
color:#000000;
}


.title{
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 24px;
	color:#6cb48f;
}

.puces{
	width:300;
	float:right;
}
.inter{
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 14px;
color:#6facd8;
font-weight:bold;
text-align:left
}



.encadre-left {
	width:auto;
	height:auto;
	float:left;
	border-radius: 0px 10px 10px 10px;
	background-color:#ffe057;
	font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
	line-height:1.3;
    color:#6facd8;
	text-align:left;
	font-weight: bolder;
    padding:10px;
    margin-right:10px;
	margin-bottom:10px;
}

.encadre-right {
	height:auto;
	float:right;
	border-radius: 10px 0px 10px 10px;
	background-color:#ffe057;
	font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 12px;
	line-height:1.3;
    color:#6facd8;
	text-align:left;
	font-weight:bold;
    padding:10px;
    margin-left:10px;
	margin-bottom:10px;
	position: relative;
}



.titre-encadre {
	font-family: Geneva, Arial, Helvetica, sans-serif;
    font-size: 16px;
    color:#6facd8;
	text-align:left;

}
	

.lexique-violet{
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #83AAD5;
font-weight:bold;
}

.lexique-bleu{
font-family: Geneva, Arial, Helvetica, sans-serif;
font-size: 14px;
color:#2CB58E;
font-weight:bold;
}


.menu-btn{
padding-left:10px;
background-image:url(../images/fond-menu.jpg);
background-repeat:repeat-y;
height:auto;

}
.menu-images{
	float:left;
	padding-left:0px;
	border:none;
}


.menu-pied{

background-image:url(../images/fond-pied.jpg);
background-repeat:repeat-y;
height:auto;

}

.img-droite{
float:right;
margin-left:40px;
}

.img-data{
float:right;
margin-left:40px;
padding-bottom:10px;
}


.img-data-gauche{
float:left;
margin-right:40px;
padding-bottom:10px;
}

.img-lexique{
float:left;
margin-right:10px;
}

.img-gauche{
	float:left;
	margin-right:40px;
	vertical-align: top;
}

.img-gauche2{
	float:left;
	margin-right:40px;
	padding-bottom: 50px;
	vertical-align: top;
}
/*______________________________________general_______________________________________*/



a {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}

a:link {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #ffffff;
}
a:hover {
	text-decoration: none;
	color: #000000;
}
a:active {
	text-decoration: none;
}

/*______________________________________info-bulle_______________________________________*/

* {
   font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
a.info {
   position: relative;
   color: #6cb48f;
   text-decoration: none;
   border-bottom: 1px solid #6cb48f; /* On souligne le texte. dotted */
}
a.info span {
   display: none; /* On masque l'infobulle. */
}
a.info:hover {
   background: none; /* Correction d'un bug d'Internet Explorer. */
   z-index: 500; /* On définit une valeur pour l'ordre d'affichage. */

   cursor: help; /* On change le curseur par défaut par un curseur d'aide. */
}
a.info:hover span {
   display: inline; /* On affiche l'infobulle. */
   position: absolute;

   white-space: nowrap; /* On change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non désiré. */

   top: 20px; /* On positionne notre infobulle. */
   left: 20px;

   background: white;

   color: #6cb48f;
   padding: 3px;

   border: 2px solid #6cb48f;
   border-left: 4px solid #6cb48f;

}