/*--------------------------- Mise en page générale -----------------*/
body {	
background-color:#E6E7E8; 
font-family: Arial, Helvetica, sans-serif; 
font-size:8pt;
padding-top:50px;}
form{
padding:0; margin:0;}

formfc{
	padding:0;
	margin:0;
	background-color: #E4E4E4;
}

input{
font-family:Verdana, Arial, Helvetica, sans-serif;font-size:8pt;}

select{
font-family:Verdana, Arial, Helvetica, sans-serif;font-size:8pt;}

textarea{
font-family:Verdana, Arial, Helvetica, sans-serif;font-size:8pt;}
hr{
color:#CC3300; height:1px;}
/*------------------------- Commun à tous les mises en pages de Actualites ----------*/
.FondDroit{
position:absolute; width:406px; padding:5px 10px 0px 10px; height:17px; left:165px; top:478px;
font-family: Arial, Helvetica, sans-serif; font-size:8pt; color:#FFFFFF;
font-weight:bold;
}
.interface{
	position:absolute;
	left: 50%; 
	width: 779px;
	height:478px;
	margin:0;
	border-bottom:22px none #666666; 
	top:92px;
	margin-left: -411px; /* moitié de la largeur */
	padding:0;
}
.FondDroit{
	position:absolute;
	width:403px;
	padding:5px 10px 0px 10px;
	height:17px;
	left:167px;
	background-color:#ffffff;
	top:478px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:8pt;
	color:#FFFFFF;
	font-weight:bold;
}
.menuSite{
	position:absolute;
	width:772px;
	height:35px;
	margin:0;
	padding:0;
	left:0;
	top:0;
	z-index:200;
}
.menuZone{
	position:absolute;
	width:166px;
	height:194px;
	left:0;
	top:31px;
	margin:0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7px;
	z-index: 0;

}
.menuZone_fc{
	position:absolute;
	width:166px;
	height:459px;
	left:0;
	top:31px;
	margin:0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7px;
	z-index: 0;

}

.menuZone_loc{
	position:absolute;
	width:166px;
	height:459px;
	left:0;
	top:31px;
	margin:0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7px;
	z-index: 0;
	background-image: url(../images/bandeau_loc.jpg);


}
.pubZone{
	position:absolute;
	width:166px;
	line-height:8px;
	height:275px;
	margin:0;
	padding:0;
	left:0;
	top:225px;
	text-align:right;
	background-repeat: no-repeat;
}

.pubZone_egc{
	position:absolute;
	width:166px;
	line-height:8px;
	height:275px;
	margin:0;
	padding:0;
	left:0;
	top:225px;
	text-align:right;
	background-image: url(../dossier_presse_egc/images/fon_pub_zone_egc.jpg);
	background-repeat: no-repeat;
}

.menuZone_egc{
	position:absolute;
	width:166px;
	height:194px;
	left:0;
	top:31px;
	margin:0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7px;
	z-index: 0;
	background-color: #F2B542;
	color: #666666;

}
.petit{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 12px;
	color: #666666;
	text-transform: lowercase;
}

.pubZone ul{
width:166px; margin:0; padding:0; list-style-type:none;
}
.pubZone li{
list-style-type:none; margin:0; margin-right:14px; margin-top:5px; padding:0; font-family: Arial, Helvetica, sans-serif; font-size:8pt; color:#FF9900; text-decoration:none;
}
.pubZone li a, .pubZone li a:visited{
font-family: Arial, Helvetica, sans-serif; font-size:7pt; color:#FFFFFF; text-decoration:none;
}
.pubZone li a:hover{
color:#3366CC; text-decoration:none;
}


.pubZone_fiche{
	position:absolute;
	width:166px;
	line-height:8px;
	height:275px;
	margin:0;
	padding:0;
	left:0;
	top:225px;
	text-align:right;
	background-repeat: no-repeat;
	background-color: #FFFFFF;

}


.menuSsZone{
	position:absolute;
	width:694px;
	height:20px;
	left:84px;
	top:31px;
	margin:0;
	padding:0;
	background-color: #FF9933;
	border-left:1px solid #CC3300;
	z-index: 1;

}
.espaceTable{
height:51px;
}
/*------------------------------------------------*/
.divCentre{
position:absolute;
width:613px; /* border + width = 1 + 604 = 605*/
height:449px;
margin:0;
left:166px;
top:51px;
border:0;
overflow:auto;
background-color:#ffffff;
}
/*-----------------------------------Centre : Si hauteur variable-----------------------------*/
.tableCentre{
	width:596px;
	margin:0 0 0 0px;
	border:0;
	padding:0;
	vertical-align:top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	color:#000000;
	border-right:1px solid #FF9933;
	font-size: 10px;

}

.tableCentrefc{
	width:596px;
	margin:0 0 0 0px;
	padding:0;
	vertical-align:top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-color:#FFFFFF;
	color:#000000;
	border-right:1px solid #999999;
	font-size: 10px;
	border-top: 0;
	border-bottom: 0;
	border-left: 0;

}

.tableGauche{
width:402px;/* border + padding + width + padding = 1 + 25 + 382 + 25 = 433  */
height:478px;/* padding + height + padding = 25 + 299 + 25 = 349 + 20   */
line-height:10pt;
border:0;
border-left:1px solid #FF9933; 
padding:10px;
margin:0;
vertical-align:top;
background-color: #FFFFFF;
}

.tableGauchefc{
	width:440px;
	height:478px;
	line-height:10pt;
	border-left:1px solid #999999;
	padding:10px;
	margin:0;
	vertical-align:top;
	background-color: #FFFFFF;
	border-top: 0;
	border-right: 0;
	border-bottom: 0;
}

.tableDroite{
width:150px;/* border + padding + width + padding = 1 + 10 + 151 + 10 = 172   */ 
height:456px;/* padding + height + padding = 25 + 299 + 25 = 349 + 20  */ 
border:0;
border-left:1px solid #FF9933; 
padding:10px;
margin:0;
text-align:left;
vertical-align:top;
background-color: #FFFFFF;
}

.tableDroitefc{
	width:170px;
	height:456px;
	border-left:1px solid #999999;
	padding:10px;
	margin:0;
	text-align:left;
	vertical-align:top;
	background-color: #D3CAD9;
	color: #6A3669;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	border-top: 0;
	border-right: 0;
	border-bottom: 0;
	line-height: 12px;
}

.tableDroiteloc{
	width:170px;
	height:456px;
	border-left:1px solid #999999;
	padding:10px;
	margin:0;
	text-align:left;
	vertical-align:top;
	background-color: #C5E0EB;
	color: #333333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
	border-top: 0;
	border-right: 0;
	border-bottom: 0;
	line-height: 12px;
}


.tableUne{
width:600px;/* border + padding + width + padding = 1 + 25 + 554 + 25 = 605 */
height:465px;/* padding + height + padding = 25 + 299 + 25 = 349  */  
border:0;
border-left:1px solid #FF9933;  
margin:0;
padding:10px; 
vertical-align:top;
background-color: #FFFFFF;
text-align:justify;
}

.tableUnefc{
	width:600px;
	height:465px;
	border-left:1px solid #999999;
	margin:0;
	padding:10px;
	vertical-align:top;
	background-color: #FFFFFF;
	text-align:justify;
	border-top: 0;
	border-right: 0;
	border-bottom: 0;
}

/*-------------------------------------------------------------------------------------------*/
p.barreTitreGrosse{
width:450px;
height:46px;
padding:0;
margin:0;
margin-left:-25px;
margin-right:-25px;
padding:5px 25px 5px 25px;
font-size:14pt;
color: #B23000;
}
p.barreTitreGrossefc{
	width:450px;
	height:46px;
	padding:0;
	margin:0;
	margin-left:-25px;
	margin-right:-25px;
	padding:5px 25px 5px 25px;
	font-size:12pt;
	color: #6A3669;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	border-right: thin #999999;
	border-bottom: thin #999999;
	border-left: thin #999999;
	font-variant: small-caps;

}

.barreTitreGrosse span{
vertical-align:middle;
line-height:46px;
}

.barreTitreGrossefc {
	vertical-align:middle;
	line-height:20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #6A3669;
	font-variant: small-caps;
}

p.barreTitreGrosseG{
width:auto;
height:46px;
padding:0;
margin:0;
margin-left:-25px;
padding:5px 25px 5px 25px;
font-size:14pt;
color: #CC3300;
}


.barreTitreGrosseG span{
vertical-align:middle;
line-height:46px;
}
.carreFond{
width:171px;
height:22px;
margin:0;
padding:0;
position:absolute;
bottom:0;
right:0;
background-color:#CC3300;
}

.carreFondfc{
	width:171px;
	height:22px;
	margin:0;
	padding:0;
	position:absolute;
	bottom:0;
	right:0;
	background-color:E217DD;
	color: #E217DD;
}


p.barreTitre{
font-family: Arial, Helvetica, sans-serif; font-size:8pt; color:#FFFFFF; background-color:#BC2A51;
font-weight:bold; width:100%; padding:3px 25px 3px 25px; margin-left:-25px;
}

p.barreTitreloc{
font-family: Arial, Helvetica, sans-serif; font-size:8pt; color:#FFFFFF; background-color:#9CBDCD;
font-weight:bold; width:100%; padding:3px 25px 3px 25px; margin-left:-25px;
}

p.barreTitrefc{
	font-family: Arial, Helvetica, sans-serif;
	font-size:8pt;
	color:#FFFFFF;
	font-weight:normal;
	width:100%;
	clip:    rect(auto auto auto -10px);


}

p.barreTitre a{
text-decoration:none;color:#FFFFFF;
}
p.barreTitre a:hover{
text-decoration:none;color:#FF9933;
}
.titreMarron{
font-family: Arial, Helvetica, sans-serif; font-size:10pt; color:#CC3300; font-weight:bold;
}

.titreMarron_loc{
font-family: Arial, Helvetica, sans-serif; font-size:8pt; color:#003366; font-weight:normal;
}

.titreMarronGras_loc{
font-family: Arial, Helvetica, sans-serif; font-size:10pt; color:#003366; font-weight:bold;
}

.titreSs{
font-family: Arial, Helvetica, sans-serif; font-size:8pt; color:#993333; font-weight:bold;
}
.titreRose{
font-family: Arial, Helvetica, sans-serif; font-size:12pt; color:#fbcbb3; font-weight:bold;
}
.titreNoir{
font-family: Arial, Helvetica, sans-serif; font-size:10pt; color:#666666; font-weight:bold;
}
a.lien, a.lien:visited{ 
font-family: Arial, Helvetica, sans-serif; font-size:8pt; color:#B3E0FF; text-decoration:none;
}
a.lien:hover{ 
color:#CCCCCC; text-decoration:none;color:#DD9A63;
}
a.lien2, a.lien2:visited{ 
font-family: Arial, Helvetica, sans-serif; font-size:8pt; color:#DD9A63; text-decoration:none;
}
a.lien2:hover{ 
font-family: Verdana, Arial, Helvetica, sans-serif; font-size:8pt; color:#CC3300; text-decoration:none;
}

a.lien_fc, a.lien2:visited{ 
font-family: Verdana, Arial, Helvetica, sans-serif; font-size:8pt; color:#666666; text-decoration:none;
}
a.lien_fc:hover{ 
color:#CC3300; text-decoration:none;
}



/* INFO BULLES  */
a.info {
    position:relative; /* Très important */
    background:none; /* Important pour le fonctionnement sur IE */
    z-index:10;
}

a.info:hover {
    z-index:20;
}

a.info span {
    display:none;
}

a.info:hover span { /*la tag SPAN apparaitra avec l’effet hover*/
    display:block;
    position:absolute;
    top:10px;
    left:40px;
     
    /* Éléments pour positionner le texte dans la bulle */
    /* Vous pouvez aussi utiliser le padding:24px 8px 5px 25px; */
    padding-left:17px;
    padding-top:15px;
    padding-bottom:5px;
    padding-right:8px;
    width:115px;
    height:40px;

    /* Style du character dans la bulle */
    font-family:Arial, Helvetica, sans-serif;
    font-weight:normal;
    font-style:italic;
    font-size:10px;
    color:#999999;
    text-decoration:none;
    text-align:justify;
}

/* Pour avoir un beau background de bulle avec PNG transparent*/
a.info:hover span {
	background-image:url(../images/bgInfo.png);
	background-repeat: no-repeat;
}

a.info:hover span {
filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="./images/bgInfo.png",
sizingMethod="crop");
}

.titre_fiche{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-variant: normal;
	color: #B34B9C;
	font-weight: bold;
}

.dates{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	height: 20px;
	width: 100%;
	border: thin solid #99CC00;
	background-color: #99CC00;








}
