/*  CSS Document  */
/* MAJ 08-02/2006 */
/******************/
body
{
	background: url("../images/fond_1280x908-50.png") fixed no-repeat;/*  fondportrait_1024x1443.png"  */
   	margin:0px;
	padding:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

/***********************************************/
/** ------- !!! Parties Principales !!! ------**/
/***********************************************/

#entete
{
	position: absolute;
	top: 0px;
	left: 2.5%;
	right: 2.5%;
	width:95%;
}

#corps{
	position:absolute;
	top: 170px; /*210px;*/
	left: 2.5%;
	right: 2.5%;
	width:95%;
}

/***********************************************/
/*   ----- !!! Sous-Parties Entete!!! -----*/
/***********************************************/
#logo
{
   width: 250px; /*363px;*/		/* A LAISSER SINON DECALAGE BARRE MENU */
   height: 98px; /*142px;*/
   /*background-image: url("../images/logo_objectif_bx.png");	Changement par rapport à design_index*/
   background-repeat: no-repeat;
   margin-bottom: 10px;
   margin-top: 10px;
   border:0;
}

#fondmenu
{
	min-width: 640px;
	height: 32px;
	color: #cccccc;
	padding: 0px;
	background-image: url("../images/menu_fond.png");
	z-index:100;
}

.element_menu
{
	position: relative;
	top: 6px;
	height: 22px;
	min-width: 640px;
	padding: 0px;
	margin: 0px;
	z-index: 10;
}

.element_menu span /* balise "span" ds element_menu */
{   
   padding:20px;
}
.element_menu h5 /* Tous les titres de menus */
{   
   color: #6c002d;
   text-align: center;
}
.element_menu a /* Tous les liens se trouvant dans le menu */
{
   color: #6c002d;
   text-decoration: none;
}

.element_menu a:hover /* Quand on pointe sur un lien du menu*/ 
{
	color:#FFFFFF;
	text-decoration: none;
}
.element_menu em /* balise "em" ds element_menu */
{   
   color:#FFFFFF;
   font-style:normal;
}



/***********************************************/
/*   ----- !!! Sous-Parties Corps !!! -----    */
/***********************************************/

#gauche
{
   float: left;
   width:20%;
}


/*   ----- !!! Eléments gauche !!! -----    */

#blog
{
   margin-bottom: 20px;
   text-align:center;
}

.edito
{
   border: 1px solid #6c002d;
   margin-bottom: 20px;
}
.edito h2
{   
   color: #6c002d;
   text-align: center;
   padding:5px;

}
.edito h6
{   
   color: #6c002d;
   text-align: justify;
   font-size:xx-small;
   font-weight:normal;
   padding:5px;
   /*line-height:90%;*/
}
.edito h6:first-letter /* LETTRINE : première lettre des paragraphes... */
{
   float: left; 
   font-size: 1.5em; /* hauteur de 2 lignes */
   font-family: Arial, Georgia, "Times New Roman", Times, serif;
   font-weight: bold; 
   margin-right: 5px; /* marge de 5px à droite pour que ça ne colle pas trop au reste du texte */
}


/*   ----- !!! Eléments droite !!! -----    */
#droite
{
	position:absolute;
	right:0px;
	top:10px;
	z-index:0;
   /*border: 1px solid #6c002d;*/
   width:18%;
}
.mots
{
   margin-bottom:20px;
   margin-right:0px;
   text-align:right;
   font-size:95%;
   font-weight:bold;
   color:#CCCCCC;
}



/* Partie Centrale de la page */

#central
{
   margin-left: 21%;
   margin-right: 16%;	
   margin-top:5px;
   padding: 5px;
   color: #6c002d;
   /*border: 1px solid #6c002d;*/
   text-align:justify;
   z-index:100;
}

#central p span	/* balise "span" contenu ds "p" contenu ds "central" */
{
	font-size:110%; 
	font-weight:bold;
}

#central .centre
{
   color: #6c002d;
   text-align:center;
}

#central .contact
{
	text-align:center;
	color: #6c002d;
	line-height:155%;
}

#central a 
{
   color: #6c002d;
   text-decoration: none;
}

#central a:hover  
{
	color:#6c002d;
	text-decoration: underline;
}

#central .rubrique
{
	text-align:center;
	color: #6c002d;
	line-height:175%;
	font-weight:normal;
}

#central .separation
{
width:70%;
text-align:center;
}

#central h5:first-letter /* LETTRINE : première lettre des paragraphes... */
{
   float: left;
   font-size: 1.5em; 
   font-family: Arial, Georgia, "Times New Roman", Times, serif;
   font-weight:normal;
   margin-right: 0px;
   line-height:155%;
}
#central h5
{
	line-height:155%;
	font-weight:normal;
}

.agauche
{
position:absolute;
}
.adroite
{
float:right;
padding-left:25px;
}
.adroite span
{
padding-right:20px;
}

#central .signature	
{
   text-align:right;
}

#photo	
{
	float:right;
}

.retrait1
{
	margin-left:2%;
}
.retrait2
{
   margin-left:8%;
}
.retrait3
{  
	list-style-type: circle;
	margin-left:12%;
}

.cercle
{
   list-style-type: circle;
}

.sansrien
{
   list-style-type: none;
}




/* Le pied de page */

#pied_de_page
{
   text-align: right;
   color: #6c002d;
   margin-bottom: 20px;
   margin-right:16%;
}
.pdp a /* Tous les liens se trouvant dans pied de page */
{
   color: #6c002d;
   text-decoration: none;
}
.pdp a:hover  
{
	color: #6c002d;
	text-decoration: underline;
}

