* { margin: 0; padding: 0 } 

body { 
	width: 867px; 
	margin: auto; 
	background: url(images/interface/bg.png) repeat-x #1f1f1f;
	font-family: Verdana, Arial, Helvetica, sans-serif; 
	color:#ccc; 
	font-size:10pt; 
}
img.border {border:1px; border-color:#29a2a2; border-style:dotted; }
h2 { font-size: 110%; }
h3 { font-size: 0.9em; }
h4 { font-size: 0.7em; }
a { text-decoration: none; color: #000; }
a:hover { border-bottom: 1px dotted #000; color: #000; }

/*...........................................................................................................;;InfoBulle*/
a.info {
   position: relative;
   color: black;
   text-decoration: none;  
}
a.info span {
   display: none; /* on masque l'infobulle */
}
a.info:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
}
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: 60px; /* on positionne infobulle */
   left: 20px;
   color: #29A2A2;
   padding: 20px;

   border: 1px dotted #29A2A2;
}
/* CSS de l'extensibilité -------------------------------------------------*/

#global {  
	background: url(images/interface/extensible.png) repeat-y;
}

/* CSS du header ----------------------------------------------------------*/

#header {  
	height: 199px;
	background: url(images/interface/header.png) no-repeat;
	color: #fff;
}

#header h1 { font-size: 1.4em; padding: 128px 0 0 45px; }
#header p { font-size: 8pt; padding: 0 0 0 45px; color:#ff6fcf; font-size:100%;}

/* CSS du menu ---------------------*/

#menu { 
	float: right;
	width:222px;
	color:#ccc;
	font-variant:small-caps;
} 

#menu h2 { 
	height: 29px;
	width: 143px;
	font-size: 1em;
	line-height: 30px;
	text-align: center;
	background: url(images/interface/fond_h1_menu.png) no-repeat;
	margin: 20px 0 0 52px;
	color:#29a2a2;
}

#menu ul { 
	list-style: none;
	font-size: 8pt;
    margin-left: 52px;
	color:#ccc;}
#menu li { 

	height: 30px;
	width: 143px;
}	
#menu a { 
	height: 30px;
	width: 143px;
	display: block;
	text-align: center;
	text-decoration: none;
	line-height: 30px;
	color: #000;
	background: url(images/interface/fond_lien.png) no-repeat;
}
#menu a:hover { 
	height: 30px;
	width: 143px;
	display: block;
	color: #fff;
	background: url(images/interface/fond_lien_hover_rp.png) no-repeat;
	text-decoration: none;
	border: none;
}

#menu.rp{ 
	float: right;
	width:222px;
	color:#ccc;
	font-variant:small-caps;
} 

#menu .rp h2 { 
	height: 29px;
	width: 143px;
	font-size: 1em;
	line-height: 30px;
	text-align: center;
	background: url(images/interface/fond_h1_menu_rp.png) no-repeat;
	margin: 20px 0 0 52px;
	color:#29a2a2;
}

#menu.rp ul { 
	list-style: none;
	font-size: 8pt;
    margin-left: 52px;
	color:#ccc;}
#menu.rp li { 

	height: 30px;
	width: 143px;
}	
#menu.rp a { 
	height: 30px;
	width: 143px;
	display: block;
	text-align: center;
	text-decoration: none;
	line-height: 30px;
	color: #000;
	background: url(images/interface/fond_lien_rp.png) no-repeat;
}
#menu.rp a:hover { 
	height: 30px;
	width: 143px;
	display: block;
	color: #fff;
	background: url(images/interface/fond_lien_hover_rp.png) no-repeat;
	text-decoration: none;
	border: none;
}

/* CSS du contenu ---------------------------------------------------------*/
 
#contenu{ 
	float: left;
	width: 645px;
	padding: 1em 0 1em 0;
}
#contenu p{ 
    padding: 0.5em 1em 0.5em 3em; 
    text-align:justify;}
#contenu p.rose{text-align:center; color:#ff6fcf; font-size:80%;}/*tous mes contenu rose*/
#contenu p.centre {text-align:center;color:#ff6fcf;}

/*.............................................................Titre 1 2..etc.....*/

#contenu p.taille1{font-size:120% ;color:#29a2a2; text-align:left;}
#contenu p.taille2{
    border-bottom: 1px dotted  #ff6fcf;
	font-size:110% ;
	color:#29a2a2;
    padding-left: 0.5em;	
	margin: 0.1em 0.9em 0.5em 2.8em; 	  
	}
#bulle{margin: 0.1em 0.9em 0.5em 3em;} 
/* CSS du footer -----------------------------------------------------------*/ 
 
#footer {
	clear: both;
	height: 71px;
	text-align: center;
	line-height: 65px;
	background: url(images/interface/footer.png) no-repeat;	
	color: #fff;
}
.centre{text-align:center;color: #ff6fcf;}

.Style3{
    font-size: 9px; 
	color:#333333 
	}
	
.Style3  a {
	font-size: 9px;
	color: #333333 ; 
    text-decoration:none;	
}
.Style3 a:hover {
	font-size: 9px;
	color: #333333 ;
	text-decoration:none;
}

#remerciement { float:left; width: 867px; height:30px; color:#333333; background-color:#1f1f1f; margin-top:30px; }
.ref{display:none;}