body{
	font-family:Arial, Helvetica, sans-serif;
	background : #556B2F url(../images_index/background_body.jpg) repeat-x;
	font-size:100%;
	color:#556B2F;
	font-weight:normal;
	margin:0;
	padding:0;
	}
	
#signesdistinctifs {
   background : #F0FFF0 url(../images_index/header_biblio.jpg) no-repeat top center;
   width : 80%;
   height : 220px;
   margin : auto;
   text-align : center;
   color : #000000;
   width : 80%;
   height : 220px;
   margin : auto;
   text-align : center;
   color : #000000;
 }
 
 #identif
 {
    margin:auto;
	text-align:center;
}

.tooltipContent {
	width:780px;
	height:80px;
	font-size:30px;
	color:red;
}

#sprytrigger1 {
	position:relative;
	margin-left:400px;
	font-size:18px;
	color:red;
}

 #nav-sup
 {
   text-align : left;
   list-style-type : none ;
}
 
 #nav-sup li 
{
   list-style-type : none ;
 }
   
.nav
{    
    background-color : #DEB887;
    border : 1px solid #FFFF00;
 }
 
 .nav2
{    
    background-color : #CBB887;
	color : #FC00FC;
    border : 1px solid #FFFF00;
 }
 
#container
{
   position : relative;
   top : 0;
   width : 65em;
   max-width : 1000px ;
   min-width : 600px ;
   margin : 0 auto;
   background-color : #F8F8FF;
}

#colonneg
{
     float : left;
     width : 12em;
     margin : 0 ;
     padding : 0 ;
     font-size : 80%;
	 text-align:center;
     background-image : url(../images_atelier/side1.jpg);
     background-repeat: repeat-x;
}

#colonned
{
     float : right;
     width : 20em ;
     margin : 0 ;
     padding : 0 ;
     font-size : 80%;
     color : #800000;
     background-image : url(../images_atelier/side1.jpg);
     background-repeat: repeat-x;
}
 
#contenu
{
    padding : 2em 21em 0 13em;
    margin : 0 ;
    height : 100%;
    font-size : 96%;
    color : #000000;
    background-color : #F8F8FF;
    background-image : url(../images_atelier/side2.jpg);
    background-repeat: repeat-x;
}

#contenu h2
{
	text-align:center;
}

a img
{
   border : none;
}

 a span  {
    display : none ;
	text-decoration:none;
}
 
 a:hover  span  {
    display : inline ;
    position : absolute ;
    z-index : 5 ;
    top : 0;
    left : 40em ;
}

.avis
{
   color: red;
   text-align:center;
}

.clear 
{
   clear: both;
   display: block;
   height: 1px;
   overflow: hidden;
   margin: 0;
   padding: 0;
}

.photo1
{
   float : left;
   margin : 30px 5px 5px 5px;
}

#actions
{
     list-style-type : none ;
 }

hr
 {
     clear : both ;
     visibility : hidden ;
 }
 
 #oursdusite
 {
    clear : both;
	background-image: url(../images_index/bas.jpg);
	background-repeat: repeat-x;
	height: 110px;
	width : 60%;
	margin: auto;
	text-align: center;
    margin : 10px auto;
 }
 .misajour {
	 font-size:10px;
	 color:#F00;
	 text-align:center;
 }
   
	
