* {
  margin: 0 ; 
  padding: 0 ;
  }  
  
img {
  border: 0;
  }
  
.container {
	position:absolute;
	top:112px;
	width:100%;
	z-index:1;
  }

.conteneur {
	position:relative;
	width:100%;
	z-index:1;
  }

.menu {
	/*position:absolute; /* pour centrage menu */
	top:90px;
	width:788px;
	margin-left:auto;
	margin-right:auto;
	z-index:500; /*pour affichage sous-menu dans IE */
}


body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
}
.entete {
	height: 76px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 4em;
	font-weight: bolder;
	color: #FFFFFF;
	left: 90px;
	width: 90%;
	text-align: center;
	top: 0px;
	margin-top: 0px;
	margin-left: 84px;
	padding-top:14px;
	background-image: url(../images/terre_4.jpg);
	background-repeat: repeat;
	background-color: #996600;

	}

* html .entete {
	width: 89%;	
}

.logo {
	background-color: #b74f2a;
	background-repeat: no-repeat;
	background-image: url(../images/logo.gif);
	left: 0px;
	top: 0px;
	height: 90px;
	overflow: hidden;
	width: 75px;
	position: absolute; /* pour positionner entete à côté */
	}
	
.texte {
	/*height: 100%;*/
	padding:14px;
	/*width: 100%;*/
    }

.basdepage {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bolder;
	color: #0000FF;
	/*background-color: #CCFFFF;*/
	font-style: normal;
	padding:40px;
	background-color: #FFFFFF;
}

.informations {
	height:100%;
	width:30%;	
	position:absolute;
	top:0px;
	left:0px;
	/*background-color: #41b55f;*/
}

.col10gauche {
	width:10%;	
	float:left;
}

.col20gauche {
	width:20%;	
	float:left;

}

.col30gauche {
	width:30%;	
	float:left;
}
.col30droite {
	width:30%;	
	float:right;
}

.col47droite {
	width:47%;	
	padding:10px;
	float:right;
	/*background-color: #41b55f;*/
}

.col70gauche {
	width:70%;	
	padding:10px;
	float:left;

}

.col40gauche {
	width:40%;	
	padding:2px;
	float:left;
}

.col40droite {
	width:40%;
	padding:2px;
	float:right;
}


.col50gauche {
	margin-left:6px;
	width:49%;	
	float:left;
}

.col50droite {
	margin-right:6px;
	width:49%;	
	float:right;
}

.adresse {
	position:absolute;
	height:100%;
	width:30%;
	top:0px;
	right:15px;
	margin-right:-15px;
	/*background-color: #66dd85;*/
}

h1 {
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 2.5em; 
font-weight : bold; 
}

.bleu {color : #0000FF }
.noir {color : #000000 }
.gris {color:#999999}
.violet {color:#FF00FF}
.vert {color:#009900}
.rouge {color:#FF3333}
.marron {color:#b8522c}
.orange {color: #FF9900}

h2 {
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 1.8em; 
font-weight : bold; 
}

h3 {
font-size:1.2em;
font-weight: bold;
}

th {
font-family : Verdana, Arial, Helvetica, sans-serif; 
font-size : 1.1em; 
font-weight : bold; 
/*text-align : center; */
border : outset; 
color : #ffffff; 
background-color: rgb(255, 153, 0);
height:30px; 
} 

.centrer {text-align:center}
.justifier {text-align:justify}
.centrage {margin-left:auto; margin-right:auto } /* pour tableau dans règles */
.gras {font-weight:bolder}
.droite {text-align:right}
.retrait {padding-left:30px; padding-right:30px}
.milieu {vertical-align:middle}
.clear {clear:both}


#hdp>a>img {
	border:0;
	position:fixed;
	top:30em;
	right:25px;
	float:none;
	}
* html #hdp>a>img {/* pour IE */
	position:relative; 
	float:right;
	right:25px;
	top: -5em;
}

.lettrine 
{
	float: left;
	width: auto;
	font-size: 4em;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000000;
	/*margin: 1px;*/
/*padding: 1px;*/
line-height: 0.9em;
}

table.classement
{
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#000000;
font-size:1em;
border:1px solid #FF9900; /* orange*/
margin:auto;
}

table.classement th
{
font-size:1.2em;
color:#FFFFFF;
background-color:#FF9900;
border:1px solid #FF9900; /* orange*/
}

table.classement td
{
font-size:1.1em;
border: 1px solid #FF9900;
padding-left:1em;
}


table.stage
{
border:2px solid black;
border-collapse: collapse;
margin-left:auto; margin-right:auto 
}

.enveloppehoraire {
margin-left:340px;

}
.sautdepage    {
	page-break-before: always;
}

acronym {
  border-bottom: 2px dotted black;
}
abbr {
  border-bottom: 2px dotted black;
}


.italique {font-style:italic}

/*** NICE TITLES ***/
div.nicetitle {
	background-color: #FF9900;
	/*background-image:url(../images/bulle.png);*/
	border: 1px solid black;
	color: white;
	font-family: Verdana, "Bitstream Vera Sans", Helvetica, Arial, sans-serif;
	font-size: 9pt;
	padding: 6px;
	position: absolute;
	top: 0px;
	left: 0px;
	width: auto;
	z-index: 10; /* Pour affichage bulle au-dessus de l'image */
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-topright: 8px;
	font-weight: bold;
}
div.nicetitle p {
	margin: 0;
	padding: 0 3px;
	max-width: 350px;
	text-align: justify;
	
	width: auto;
}
body > div.nicetitle p {
	width: auto;
}
.col20droite {

	width:20%;	
	float:right;
}
.col15gauche {
	width:15%;	
	float:left;
}
.col15droite {
	width:15%;	
	float:right;
}
.petitelettrine {
	float: left;
	width: 0.5em;
	font-size: 3em;
	font-weight: bold;
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #000000;
	padding-right: 0.4em;
	line-height: 0.8em;
}
.col60gauche {

	width:55%;	
	padding:10px;
	float:left;
}
.retrait-album {
padding-left:80px; padding-right:60px
}

.bandeaurouge {
background:url(../images/bandeaurouge.gif) no-repeat 0 0;
color:#FFFF33;
padding-left:20px;
}

a#marquee {
	font-size: 16px;
	color: yellow;
	font-style:italic;
	font-weight:bold;
	text-decoration: none;
	font-family: Arial,Verdana,Helvetica,sans-serif;
}