body
{
   margin: 0px;
   background-color:#cbb38f;
   background-image:url("images/fond/orange_013.jpg");
   color: black;
   font-family: Georgia, "Arial Black", "Times New Roman", Times,serif;
   font-size: 1.2em;
   text-align: justify;
}

.giant
{
   padding:0px;
   margin:20px;
   width:100%;
}

.degrade
{
   background-image:url("images/fond/degrade2.png");
   background-repeat:repeat-x;
   background-position:top;
   padding:0px;
   margin:0px;
   width:100%;
}

.degrade table
{
   padding:0px;
   margin:0px;
}

.degrade table td
{
   padding:0px;
   margin:0px;
}

/*.giant
{
   background-image:url("images/fondsiteopa.png");
   background-attachment:fixed;
   background-position:50% 50%;
   background-repeat:no-repeat;
   padding:0px;
   margin:0px;
}*/

.backobject
{
   margin: 0px;
   background-color:#cbb38f;
   background-image:url("images/fond/orange_013.jpg");
   height:800px;
   color:red;
   border:2px solid black;
}

#en_tete
{
   text-Align:center;
   font-weight:bold;
   padding:20px;
   color:black;
   font-size:1.5em;
}

h1
{
   font-size:2em;
   font-weight:bold;
}

h2
{
   font-size:1.6em;
   font-weight:bold;
}

.taille20
{
	font-size:2em;
}

.center
{
	text-align:center;
}

.justify
{
	text-align:justify;
}

.special
{
	padding-left:20px;
	padding-right:20px;
}

em
{
   font-style:italic;
}

strong
{
   font-weight:bold;
}

.floatleft
{
   float:left;
}

.floatright
{
   float:right;
}

.center
{
   text-align:center;
}

.tabcenter
{
   margin-left:auto;
   margin-right:auto;
}

.dessous
{
   clear:both;
}

table.floatleft td
{
   padding-bottom:0px;
   padding-top:0px;
   padding-left:0px;
   padding-right:20px;
   text-align:center;
}

table.floatright td
{
   padding-bottom:0px;
   padding-top:0px;
   padding-left:20px;
   padding-right:0px;
   text-align:center;
}

img.floatright 
{
   padding-bottom:0px;
   padding-top:0px;
   padding-left:20px;
   padding-right:0px;
}

img.floatleft
{
   padding-bottom:0px;
   padding-top:0px;
   padding-left:0px;
   padding-right:20px;
}

a img /* Toutes les images contenues dans un lien */
{
   border: none; /* Pas de bordure */
}



.bordure
{
   border:2px solid black;
   
}

table.presentation 
{
   border:2px solid black;
   padding:20px;
   border-collapse:collapse ;
}

table.presentation td
{
   border:2px solid black;
   padding:20px;
   width:50% ;
   border-collapse:collapse ;
}

.bordure td
{
   border:2px solid black;
}

table.bordure
{
   border-collapse:collapse;
   background-image:url("images/fond/orange_013.jpg");
}

td
{
   padding-left:20px;
   padding-right:20px;
   vertical-align:top;
}



#menu
{
float:right;
width:200px;
font-weight:bold;
text-align: center;
margin-left:20px;
}

#menu a.info
{
    position:relative;
	display:block;
	width:160px;
	height:50px;
	padding-left:20px;
	padding-right:20px;
	margin-top: 5px;
	background : url(images/fond/200100.png) top no-repeat;
    text-decoration : none;
    color : white;
    text-align : center;
    line-height : 50px;

}

#menu a.info span
{
    display:none;
}

#menu a.info:hover
{
    /*background:white;*/
	background-position : 0 -50px;
    color : black;
	z-index:500;	
}
#menu a.info:hover span
{
    display:inline;
	position:fixed;
	color:black;
	/*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é */
    right: 240px; /* on positionne notre infobulle */
	top: 30%;
	line-height : 20px;
}
#menu a.info:hover span td
{
   background:white;
   background-image:url("images/fond/orange_013.jpg");
   vertical-align:middle;
   margin:0px;
   padding:0px;
   width:200px;
}


#menu a.info:hover span table
{
   width:400px;
   padding:0px;
   margin:0px;
}
#menu a.info2
{
    position:relative;
	display:block;
	width:170px;
	height:50px;
	padding-left:20px;
	padding-right:10px;
	margin-top: 5px;
	background : url(images/fond/200100.png) top no-repeat;
    text-decoration : none;
    color : white;
    text-align : center;
    line-height : 25px;

}
#menu a.info2 span
{
    display:none;
}
#menu a.info2:hover
{
    /*background:white;*/
	background-position : 0 -50px;
    color : black;
	z-index:500;	
}
#menu a.info2:hover span
{
    display:inline;
	position:fixed;
	color:black;
	/*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é */
    right: 240px; /* on positionne notre infobulle */
	top: 30%;
	line-height : 20px;
}
#menu a.info2:hover span td
{
   background:white;
   background-image:url("images/fond/orange_013.jpg");
   vertical-align:middle;
   margin:0px;
   padding:0px;
   width:200px;
}

#menu a.info2:hover span table
{
   width:400px;
   padding:0px;
   margin:0px;
}

#menu table
{
   width:200px; /*Sans cela, les cellules ne prennent pas toute la largeur du menu, et elles sont alignées à gauche*/
   border:2px solid black;
}