/* outils communs au site */

* 
	{
	margin: 0px; 
	padding: 0px;
	}
body 
		 {
		 font-family: Georgia, Arial, Helvetica, sans-serif; 
		 font-size: 10pt; 
		 color:#003333;
		 text-align:justify;
		 }
img 
		{
		border: none;
		}

/* cadre à l'extrême gauche en noir */
#cadre 
			 {
			 position: absolute; 
			 background-color: #463F32; 
			 width: 140px; 
			 height: 3500px; 
			 color: #ffffff; 
			 text-align: left;
			 font-size : 11px;
			 }

			 
#cadre2
			 {
			 position: absolute; 
			 background-color: #FFFFCC; 
			 width: 100px; 
			 left: 140px; 
			 height: 3500px; 
			 color:#CC0033; 
			 text-align: left; 
			 font-size: 12px;
						 }

#logo  
			 {
			 text-align: center;
			 font-size: 10px; 
			 }
#cadre ul 
			 {
			 list-style: none;
			 }
#cadre li 
			 {
			 padding-right: 10px; 
			 padding-top: 10px;
			 padding-left: 10px;
			 }
.xhtml 
			 {
			 margin-top: 40px;
			 text-align:center;
			 font-size: 5;
			  padding:5px;
			 }

.rubarcheo {font-weight: bold ; color: #CECECE;}
.rubarcheo:hover {font-weight: bold; color: #6E0B14; text-decoration: none;}
.rubarcheo:hover img {position: absolute;}
.rubarcheo span
					{ 
					display: none; 
					}
.rubarcheo:hover span 
								{ 
								display:inline; 
								position:inline; 
								background-color:none; 
								padding: 0.2em; 
								width:100px;
								}
								
.rubarcheo2 {font-weight: bold; font-size: 7pt ; text-align:left ; margin-left: 3px; color: #242424;text-decoration: none;}
.rubarcheo2:hover {font-weight: bold; color: #CCFFFF;}
								
.rubcontact {font-weight: bold; text-align:center;  color: #6E0B14;font-size:10px}
.rubcontact:hover {font-weight: bold; color: #CECECE;text-decoration: none;}

.name {font-weight: bold; font-size: 8pt ; color: #990033;}
.name:hover {font-weight: bold; color: #CCFFFF;text-decoration: none;}

.titre {font-weight: bold; font-size: 9pt ; color: #990033; text-align:left;}

.nametitle{font-weight: bold; font-size: 14pt ; color: #990033;}
.rubarcheo_off {font-weight: bold; color: #646464; text-decoration: none;}

.bon { text-align:center ;font-weight: bold; font-size: 14pt ;color: #CC0033;}
.bon:hover {text-align: center ;font-weight: bold; color: #009966; text-decoration: none;}

.titre3	 { 	 font-size: 10pt; 	 font-weight: bold; 	 color: #993333; 	 }
.titre2 	 { 
	 font-size: 10pt; 
	 margin-bottom: 3px; 
	 margin-top: 5px; 
	 font-weight: bold; 
	  margin-left:50px;
	 color: #993333;
	 text-decoration:underline; 
	 }
.titre1 
	 { 
	 font-size: 10pt; 
	 margin-bottom: 3px; 
	 margin-top: 5px; 
	 font-weight: bold; 
	  margin-left:25px;
	 color: #006666; 
	 }
	 

/* titre principal de la page 
informations spécifiques sur les caractères et leur couleur de la section sont dans la feuille de style spécifique */
#grostitre {position:absolute; margin-left: 240px; width: 560px; height: 73px;}

/* corps de la page*/
#corps
			{
			position: absolute;
			margin-left: 240px; 
			width: 800px; 
			margin-top: 73px;
			}
#corps ul { list-style-type:disc;}
#corps li { margin:0 0 5px 5px;}
#corps_sanstitre {position: absolute; margin-left: 240px; width: 560px; margin-top: 0px;}
#corps_sanstitre ul { list-style-type:disc;}
#corps_sanstitre li { margin:0 0 5px 20px;}

/* caractéristiques communes de mise en forme */
p { margin-bottom:10px;}
.droite { text-align:right;}
.centre { text-align:center;}
.justify { text-align:justify;}
.petit { font-size:8pt; font-style:normal;}
.resume { font-size:8pt; font-style:normal; margin-left:20px; text-align: justify;}
.gras { font-weight:bold;}
.ita { font-style:italic;}
.souligne { text-decoration:underline;}
.grasita { font-weight:bold; font-style:italic;}

.norm {
			  font-style:normal;
}