/*******************************************************************/
/*			Fichier CSS global à toutes les pages                  */ 
/*******************************************************************/

body
{
	background-color: #768AA3; /*Couleur de fond du site*/
	margin:0px;
}

#cadre {
   width:1004px;
   background-image: url("../images/index/content.png");
   background-repeat: repeat-y;
   margin-top: 0px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   padding-top: 0 px;
   margin: auto; /* Pour centrer notre page */
}

#global
{
   width: 968px;
   /*margin-bottom: 20px;    /* Idem pour le bas du navigateur */
   /*border: 1px solid black;*/
   font-family: 'Trebuchet MS', Tahoma, Verdana, 'Times New Roman', Times, serif;
   font-size:0.8em;
   padding-left:18px;
}

/* L'en-tête */
#en_tete {
   width: 977px;
   height: 100px;
   background-image: url("../images/phb_header.gif");
   background-repeat: no-repeat;
   margin-left:14px;
}

#sousbanierre {
   width:977px;
   height:10px;
   background-image: url("../images/sousbanierre.gif");
   background-repeat: repeat-x; 
   font-size: 1px;
   margin-left:14px;
}

/*************************************************
*************** Lemenu************************ */
#wrap {
	background: url("../images/menu_bg.gif") repeat-x;
 	height:25px;
        width:977px;
	position : absolute;
	display:block;
	font-family: 'Trebuchet MS', Tahoma, Verdana, 'Times New Roman', Times, serif;
        font-size:0.8em;
	margin-left:14px;
}

#menu {
    padding-top:4px;
	padding-bottom:0px;
	margin-left:4px;
	width:969px;
    }

#menugauche 
{
	display:inline;
	position:absolute;
	font-size:0.9em;
	color:white;
}
	
#menuprincipal
{
	color:white;
	padding-left:180px;
}
	
#menudroite
 {
	display:inline;
	position:absolute;
	margin-left:705px;
	font-size:0.9em;
	color:#FB9B05;
}

#menuderoulant
{
  width:750px;
  height:22px;
  padding-left:4px;
}	
	
#menu a {
    padding-bottom:3px;
	padding-left:8px;
    padding-right:8px;
    text-decoration:none;
    font-weight:bold;
	border-right: 1px solid white;
    color:#FFFFFF;
	margin-left:-4px;
    }

#menu a:hover {
    color:#FB9B05;
	background-color:#505050;
    }	
		
#menu span {
    display:none;
	margin:0px;
    }
	
#img {
    vertical-align:bottom;
	margin:0px;
    }


/**********************Style pour les articles de journaux********************************/
/**************************************************************************************/
a.lien-titre:link, a.lien-titre:visited{
	color: #FFFFFF;
	font-weight: bold;
	text-decoration: none;
}
a.lien-titre:hover {
	color: #FFCC00;
	font-weight: bold;
	text-decoration: none;
}

a.lien-album:link, a.lien-album:visited{
	font-size: 0.9em;
	color: #006699;
	font-weight: bold;
	text-decoration: none;
}
a.lien-album:hover {
	font-size: 0.9em;
	color: #990066;
	font-weight: bold;
	text-decoration: none;
}

.tablo {
	border: thin solid #006699;
	height: 100%;
}
.tablo-titre {
	background-color: #006699;
}

.texte-titre {
	color: #FFFFFF;
	font-weight: bold;
}
.texte-pied {
	font-size: 10px;
	color: #666666;
}
.texte-photo {
	font-size: 10px;
	color: #6F8DB7;
}


/*************************************************
*************** Le corps ************************ */
#corps
{
   color: black;
   background-color:#FAFAFA;
   padding-top:15px;
   margin-top:15px;
}

#corps h1
{
   text-align : center;
   color: #FC9A00;
}

#remerciement
{
   clear:both;
   text-align: center;
   color: black;
   font-size:0.8em;
   background-color :#F2F2F2;
   font-family : Comic Sans MS;
   padding-left:10px;
   padding-right:10px;
   /*padding-bottom:15px;*/
   padding-top:10px;
}

#pied_de_page
{
   background-image: url("../images/index/foot.png");
   background-repeat: no-repeat;
   width:1004px;
   margin: auto; /* Pour centrer notre page */
   height:85px;
   padding-top:50px;
   padding-left:0px;
   /*padding-right:15px;
   text-align:right;*/
   color:  #3B4B62;
   font-size:0.8em;
   font-family:Tahoma;
   font-weight:bold;
   font-style:italic;
   text-transform:uppercase;
   /*background-color:#286294;*/
   /*border-top: 2px solid black;
   border-bottom: 1px solid black;
   line-height:35px; */
}

#pied_de_page #test {
	
	padding-left:20px;
}
/**********************Style pour la gestion des float - *******************************************
à utiliser après plusieurs floatant pour avoir la taille du container qui s'adapte à la taille du plus grand div en float
**************************************************************************************/
.clearer
{
	clear:both;
}


/**********************Gestion du design************************************************/
/**************************************************************************************/
.annonce_generale
{
	margin-left:25px;
	width:400px;
	font-family: Trebuchet MS;
	color:white;
	font-style:italic;
	font-weight:bold;
	font-size:1em;
}

/**********************Gestion des arrondis************************************************/
/**************************************************************************************/
.roundBlock {width:210px;}  
 .content_ora{border-left:solid 1px #FB9B05; border-right:solid 1px #FB9B05}
 .r1_ora{margin:0 4px;font-size:1px;height:1px; padding:0px;line-height:0px;background-color:#FB9B05;border-left:solid 1px #FB9B05; border-right:solid 1px #FB9B05;}
 .r2_ora{margin:0 3px;font-size:1px;height:1px; padding:0px;line-height:0px;/*background-color:#ffebb0;*/border-left:solid 1px #FB9B05; border-right:solid 1px #FB9B05}
 .r3_ora{margin:0 2px;font-size:1px;height:1px; padding:0px;line-height:0px;/*background-color:#ffebb0;*/border-left:solid 1px #FB9B05; border-right:solid 1px #FB9B05}
 .r4_ora{margin:0 1px;font-size:1px;height:1px; padding:0px;line-height:0px;/*background-color:#ffebb0;*/border-left:solid 1px #FB9B05; border-right:solid 1px #FB9B05}  

 .content_bla{border-left:solid 1px black; border-right:solid 1px black}
 .r1{margin:0 4px;font-size:1px;height:1px; padding:0px;line-height:0px;background-color:black;border-left:solid 1px black; border-right:solid 1px black;}
 .r2{margin:0 3px;font-size:1px;height:1px; padding:0px;line-height:0px;/*background-color:#ffebb0;*/border-left:solid 1px black; border-right:solid 1px black}
 .r3{margin:0 2px;font-size:1px;height:1px; padding:0px;line-height:0px;/*background-color:#ffebb0;*/border-left:solid 1px black; border-right:solid 1px black}
 .r4{margin:0 1px;font-size:1px;height:1px; padding:0px;line-height:0px;/*background-color:#ffebb0;*/border-left:solid 1px black; border-right:solid 1px black}  

 .content_full_bla{border-left:solid 1px black; border-right:solid 1px black;background-color:black;height:18px;}
 .r1_full{margin:0 4px;font-size:1px;height:1px; padding:0px;line-height:0px;background-color:black;border-left:solid 1px black; border-right:solid 1px black;}
 .r2_full{margin:0 3px;font-size:1px;height:1px; padding:0px;line-height:0px;background-color:black;border-left:solid 1px black; border-right:solid 1px black}
 .r3_full{margin:0 2px;font-size:1px;height:1px; padding:0px;line-height:0px;background-color:black;border-left:solid 1px black; border-right:solid 1px black}
 .r4_full{margin:0 1px;font-size:1px;height:1px; padding:0px;line-height:0px;background-color:black;border-left:solid 1px black; border-right:solid 1px black}