/* CSS Document */
body {
	margin: 0px;
	padding: 0px;
	background-color: #000000;
	color: #FFFFFF;
	font: Garamond;

	bottom: 0px;
	
}

* {
margin: 0;
padding: 0;
}

a {
	text-decoration: none;
	font-weight: bold;
	color: #838383;
	font-family: Garamond;
}
a:hover {
	
	color: #8757bd; 	
}
#haut {
	background-image: url(/opencms/opencms/images/pointillee.png);
	height: 37px;
	width: 805px;
	background-repeat: no-repeat;
	background-position: center center;
	margin-left: 41px;
	padding-top: 4px;
	margin-bottom: 13px;
}
#global #haut #tools {
	float: left;
	padding-top: 6px;
	padding-left: 230px;
}

img {
	border: none;
}

#global {
	background-image: url(/opencms/opencms/images/illus_haut.png);
	background-repeat: no-repeat;
	width: 850px;
	padding-top: 41px;
	position: absolute;
	background-position: 500px top;
	border-bottom: 1px solid #333333;
	left: -5px;
	top: -1px;
}

/* style de la navigation */ 

#global #nav {
	width: 100px;
	margin-left: 41px;
	height: 120px;

       }

#global #sousnav {
	width: 220px;
	margin-left: 16px;        
        float: left; 
        padding: 0;
      
      
      	     
 }

#global #sousnav h3 {
	margin-bottom: 6px;
        margin-top: 4px; 

        font-size: 1.1em; 
      	     
 }


#global #sousnav a {
	margin-bottom: 6px;       	
      	     
 }



#global #nav a{
        display: block;
	text-decoration: none;
	padding-left: 20px;
	font: bold 20px Garamond;
	cursor: pointer;
}
#global #nav-1 a:hover {
	background-image: url(/opencms/opencms/images/fleche-violet.gif);
	background-position: left center;
	background-repeat: no-repeat;	
}
#global #nav-1 {
	float: left;	
	text-transform: uppercase;
}
#nav1, #nav2, #nav3{
	margin-left: 20px;
	float: left;  
        display: none;  
	
}
#global #nav  .gris {
	color: #8D8D8D;
}

#global #nav a.category{
   background-image: url(/opencms/opencms/images/fleche-violet.gif);
   background-position: left center;
   background-repeat: no-repeat;	
   font-size: 22px; 
   color: #8757bd; 	
}
#global #video #video-aff {
	padding-bottom: 12px;
	background-image: url(/opencms/opencms/images/pointillee2.png);
	background-repeat: repeat-x;
	background-position: bottom;
}


#global #nav a:active{
   background-image: url(/opencms/opencms/images/fleche-violet.gif);
   background-position: left center;
   background-repeat: no-repeat;	
   color: #8757bd; 	
}




/* style partie centrale */ 

#global #illus {
	background-image: url(/opencms/opencms/images/illus_centre.png);
	background-repeat: no-repeat;
	background-position: center right;
	height: 335px;
	width: 350px;
	float: left;
}

#global #illus-p {
	background-image: url(/opencms/opencms/images/illus_centre_p.png);
	background-repeat: no-repeat;
	background-position: center center;
	height: 335px;
	width: 165px;
	 }

#global #video {
	float: right;
	padding-bottom: 10px;
        background-color: #000000;
        margin-top: 40px; 
}
#global #video h3 {
	color: #a5a5a5;
	font: bold 24px Garamond;
	margin: 7px;
	padding: 0px;
	border-bottom: 1px solid #333333;
}
#global #video #title {
	text-align: center;
}
#global #video p {
	margin: 0px;
	padding-left: 9px;
	font: 11px Geneva, Arial, Helvetica, sans-serif;
	padding-bottom: 9px;
	padding-top: 0px;
}


#global #video object, #global #video embed  {
	border: 1px solid #4D4D4D;
}
#global #text {
	background-image: url(/opencms/opencms/images/pointillee2.png);
	background-repeat: repeat-x;
	background-position: 1px top;
	width: 800px;
	margin-left: 41px;
	color: #87888A;
	padding-top: 10px;
}
#global #text h2 {

	font-size: 18px;
	text-transform: uppercase;
}
#global #text p, li {
	font-size: 14px;
	text-align: justify;
	margin: 2px 0px;
}

#global #foot {
	background-image: url(/opencms/opencms/images/illus_bas.png);
	background-position: right bottom;
	background-repeat: no-repeat;
	height: 70px;
	clear: both;


}
i