/*Page****/
body {
  font-family:Arial; sans-serif;
  background: url(/images/une/FondBody.jpg) repeat-x;
	background-attachment: fixed; 
	padding: 0px;
  margin: 0px; }

#container {
  position: relative; 
	left: 50%;
	margin: 0 0 0 -450px;
  background-color: #FFF;
  text-align: left;
	width: 900px;
	padding: 34px 4px 0; 
	} 

/*Tetiere****/
#tetiere {
  position: relative;
  background: url(/images/tetiere/Fondrouge.jpg) no-repeat;
  height: 137px;}
	
#datetetiere {
  font-family: Arial;
	font-size: 9pt; 
	color: #FFF; 
	position: absolute;
	top: 46px; left: 453px; }

.tetiereImgEPO { position: absolute; top: 51px; left: 161px;}
.tetiereImgBatiment { position: absolute; top: 65px; left: 615px;}
.tetiereImgLogoEC { position: absolute; top: 36px; left: 779px;}

/*Menu****/	
#menuEtab {
  background: url(/images/menu/FondGris.gif) repeat-x;
	height: 18px; 
	margin: 6px 0 0; 
	padding: 2px 0 0; }
	
#menuEPO {
  background: url(/images/menu/FondJaune.gif) repeat-x;
	height: 20px;  
	margin: 1px 0 0;
	padding: 2px 0 0; }

.Menu { font-size: 9pt; font-weight: normal; color:#323232; text-indent: 16px; word-spacing: 4px; }
A.Menu:link, A.Menu:active, A.Menu:visited { color: #323232;text-decoration : none; }
A.Menu:hover { color: #323232;text-decoration : underline; }

/*PiedPage****/	
#footer {
  background: url(/images/PiedPage/FondJaune.gif) repeat-x;
	height: 110px; 
	clear: both; }
	
#footer01 {
  width: 25px;
	float: left; }
	
#footer02 { 
	font-size: 9pt;
	color: #323232;
	margin-top: 19px;
	margin-left: 19px;
	float: left; }
	
#footer03 { 
	font-size: 9pt;
	color: #323232;
	margin-top: 19px;
	margin-left: 11px;
	float: left; }
	
#footer04 { 
	font-size: 9pt;
	color: #323232;
	margin-top: 19px;
	margin-left: 39px;
	float: left; }
	
.Coordonnees { font-size: 9pt; color: #C50000; font-weight: bold;}

#footerSignature {
  background: url(/images/PiedPage/FondRouge.gif) repeat-x;
	height: 28px;  
	margin: 6px 0 0; }
	
#footerSignature01 {
  width: 752px;
  margin-left: 6px;
	padding: 4px 0 0;
  float: left; }

#footerSignature02 {
  width: 136px;
  float: left; }
	
.Signature { font-size: 9pt; font-weight: normal; color:#FFF; word-spacing: 5px; }
A.Signature:link, A.Signature:active, A.Signature:visited { color: #FFF;text-decoration : none; }
A.Signature:hover { color: #FFF;text-decoration : underline; }

#footerFleche {
  text-align: center; } 
	
/*Centre****/
#col1 {
  width: 322px;	
	margin: 4px 0 6px 0; 
	float: left; }

#col2 {
  width: 574px;
  margin: 4px 0 6px 1px;
	float: right; }
	
/*ActuEtabl****/
#actuetabl { padding: 0 17px 0 16px; } 
#actuetabl a.Article { margin: 0; padding: 0; text-decoration: none; }
#actuetabl h3 { font-weight: normal; font-size: 9pt; color:#C50000; font-style: italic; text-decoration: none; margin: 3px 0 0 0;}
#actuetabl h1 { font-size: 10pt; font-weight: bold; color:#000; text-decoration: underline; margin: 2px 0 0 0;}
#actuetabl h2 { font-weight: normal; font-size: 9pt; color:#000; text-decoration: none; margin: 3px 0 0 0;}
#actuetabl img { border-right: 4px solid #C10000; float: right; width: 100px; margin-left: 5px; }
#actuetabl .pointilles { background: url(/images/actu/pointil23px.gif) repeat-x; height: 23px; clear: both; }

#detailactuetabl { margin: 0 17px 0 16px; }
#detailactuetabl .Date { font-size: 9pt; font-weight: normal; color:#C50000; font-style: italic;}
#detailactuetabl .Titre { font-size: 13pt; font-weight: bold; color:#000; margin-top: 10px; }
#detailactuetabl .SurTitre { font-size: 9pt; font-weight: bold; color:#000; margin-top: 3px; }
#detailactuetabl .Texte { font-size: 9pt; color:#000; margin-top: 16px; }
#detailactuetabl .Auteur { font-size: 9pt; color:#C10000; margin-top: 32px; }
#detailactuetabl .pointilles { background: url(/images/actu/pointil.gif) repeat-x; height: 1px; width: 110px; }
#detailactuetabl .Legende { font-size: 7pt; color:#000; padding: 10px; }
#detailactuetabl .Credit { font-size: 7pt; color:#000; font-style: italic; text-align: right; margin-top: 3px;}
#detailactuetabl .RetourListe { font-size: 9pt; color:#323232; margin-top: 6px; }
#detailactuetabl .Liens { font-size: 9pt; color:#000; margin-top: 10px; }

#GPhoto {
  background: #D5E1F0;
	width: 240px; 
	border-right: 4px solid #C10000;
	margin: 3px 0 7px 12px;
	float: right; }
	
#GPhoto02 {
  background: #D5E1F0;
	width: 240px; 
	border-right: 4px solid #C10000;
	margin: 3px 0 7px 12px; }
	
hr { display: none; }

/*ActuOFM****/
#actuOFM { margin: 0 17px 0 16px;}
#actuOFM .Date { font-size: 9pt; font-weight: normal; color:#C50000; font-style: italic; text-decoration: none; }
#actuOFM .Titre { font-size: 10pt; font-weight: bold; color:#000; text-decoration: underline; margin-top: 2px;}
#actuOFM .SurTitre { font-size: 9pt; font-weight: normal; color:#000; text-decoration: none; margin: 3px 0 17px 0;}
#actuOFM .Rubrique { font-family: Verdana; font-size: 9pt; font-weight: bold; color:#C50000; text-decoration: none; text-transform: uppercase; }
#actuOFM .PlusInfos { font-size: 8pt; font-weight: normal; color:#323232; text-decoration: underline; margin-right: 2px; }
#actuOFM .pointilles { background: url(/images/actu/pointil.gif) repeat-x; margin: 3px 0 3px 0; height: 1px; clear: both; }
		
.Rubrique {
  float: left; }
	
.PlusInfos {
  text-align: right; }

/*ASavoir****/

#rubasavoir { background:url(/images/asavoir/Bas.gif) no-repeat bottom #D4E1F0; padding-bottom: 20px; float: left;}

#asavoir01 { width: 322px; background: url(/images/asavoir/FondJaune.gif) repeat-x bottom #FABE09; margin-bottom: 14px; float: left; }
#asavoir01 a.Article { text-decoration: none; margin: 0; padding: 0;}
#asavoir01 h3 { padding: 10px 20px 0 16px; font-size: 8pt; font-weight: normal; color:#C50000; font-style: italic; margin: 0; }
#asavoir01 h1 { padding: 0 20px 0 16px; font-size: 8pt; font-weight: bold; color:#323232; text-decoration: underline; text-transform: uppercase; margin: 0; }
#asavoir01 h2 { padding: 0 20px 15px 16px; font-size: 8pt; font-weight: normal; color:#323232; margin: 0;}
#asavoir01 .titreasavoir { position: absolute; top: 224px; left: 4px; }

#asavoir02 a.Article { width: 322px; text-decoration: none; margin: 0; padding: 0; }
#asavoir02 h3 { padding-left: 22px; font-size: 8pt; font-weight: normal; color:#C50000; font-style: italic; text-decoration: none; margin: 0; }
#asavoir02 h1 { padding-left: 22px; font-size: 8pt; font-weight: bold; color:#323232; text-decoration: underline; margin: 0; }
#asavoir02 h2 { padding-left: 22px; font-size: 8pt; font-weight: normal; color:#323232; text-decoration: none; margin: 0; }
#asavoir02 img { margin: 14px 19px 0 6px; border-right: 4px solid #C10000; float: right; }
#asavoir02 .pointilles { background: url(/images/asavoir/pointillesBL.gif) repeat-x; height: 1px; margin: 14px 19px 14px 22px; clear: both; }

.bas { background: url(/images/asavoir/Bas.gif) repeat-x; height: 19px; margin: 0px; padding: 0px; clear: both; }

/*Reagissez****/

#reagissez {
  float:left;
  background: #D4E1F0; 
	margin: 6px 0 0; }
	
#reagissez .bas { background: url(/images/reagissez/Bas.gif) repeat-x; height: 19px; margin: 0px; padding: 0px; clear: both;}
#reagissez .Titre { font-size: 9pt; font-weight: bold; color:#323232; text-decoration: underline; text-transform: uppercase; margin: 16px 0 0; }
#reagissez .formulaire { margin: 0px; padding: 0px; }

#reagissez .Combo { 
  font-size: 8pt; 
	font-weight: normal; 
	color:#323232; 
	width: 131px; 
	margin: 2px 0 0;
	border: 1px solid #323232; }
	
#reagissez .Combo02 {
  font: 8pt  Arial; 
	color:#323232; 
	width: 280px;
	height: 80px; 
	margin: 2px 0 0;
	border: 1px solid #323232; }
	
#Form { 
  margin-left: 22px; 
	width: 282px; }
	
#avismerci {
  background: #D4E1F0; 
	padding: 15px; 
	text-align: center; 
	font-size: 9pt; 
	font-weight: bold; 
	color:#323232;}
	
#avismerci .pointilles { background: url(/images/asavoir/pointillesBL.gif) repeat-x; height: 1px; margin-top: 10px; }
#avismerci .RetourListe { font-size: 9pt; color:#323232; margin-top: 15px; text-align: right; }
#avismercifooter {
  background: url(/images/PiedPage/FondRouge.gif) repeat-x;
	height: 28px;  
	margin: 0; 
	text-align: right;}

/*Magazine****/

#magazine { background: #D4E1F0; margin: 6px 0 0; width: 322px;}

#MagTexte { padding: 0 0 0 23px; font-size: 9pt; }
#MagPhoto { margin: 10px 23px 0 0; text-align: center; background: #C10000; border: 1px solid #C10000; display: inline; float: right; }

#magazine .bas { background: url(/images/magazine/Bas.gif) repeat-x; height: 19px; margin: 0px; padding: 0px; clear: both; }
#magazine .Titre { font-weight: bold; color:#323232; text-transform: uppercase; margin-top: 16px; text-decoration: underline;}
#magazine .Date { font-weight: bold; color:#323232; text-decoration: underline;}
#magazine .SurTitre { color:#323232; text-decoration: none; margin-top: 8px; }
#magazine .Telecharger { font-size: 8pt; color:#FFF; text-decoration: none; margin-top: 2px; }
	
#Pagination {
  font-size: 9pt;
	color:#323232;
	text-align: center; }
	
A.Pagination:link, A.Pagination:active, A.Pagination:visited { color: #323232;text-decoration : none; }
A.Pagination:hover { color: #323232; text-decoration : underline; }

/*Agenda****/

#agenda {
  margin-left: 17px;}

#listeagenda {
  width: 365px;
	float: left; }

#listeagenda .Date { font-family: Verdana; font-size: 9pt; font-weight: bold; color:#C50000; text-transform: uppercase; }
#listeagenda h1 { font-size: 10pt; font-weight: bold; color:#000; margin: 10px 0 0; background: #D5E1F0; padding: 3px; }
#listeagenda h2 { background: url(/images/agenda/fleche.gif) no-repeat 0 13px; font-size: 9pt; font-weight: bold; color:#323232; padding: 10px 0 0 9px; margin: 0; }
#listeagenda .texte { font-family:Arial; sans-serif; font-size: 9pt; color:#323232; text-decoration: none; padding-left: 8px;}
#listeagenda .article { margin-left: 8px; }
#listeagenda .photo { border-right: 4px solid #C10000; margin: 11px 0 6px 0; }
#listeagenda .PlusInfos { font-size: 8pt; color:#323232; text-align: right; clear: both; }
#listeagenda .pointilles { background: url(/images/asavoir/pointillesBL.gif) repeat-x; height: 1px; margin-top: 2px; clear: both; }
#listeagenda .Pagination { font-size: 9pt; color:#323232; text-align: center; margin-top: 14px; }

A.Noir:link, A.Noir:active, A.Noir:visited, A.Noir:hover { color: #323232; text-decoration : none; }
A.Noir02:link, A.Noir02:active, A.Noir02:visited, A.Noir02:hover { color: #323232; text-decoration : underline; }

#rechagenda {
  width: 153px;
	margin-left: 21px;
	background: #D5E1F0;
	float: left; }
	
#rechagenda h2 { font-size: 9pt; font-weight: bold; color:#FFF; background: #323232; padding: 7px 0 7px 10px; margin: 0; }
#rechagenda .formulaire { margin: 0 0 0 11px; padding: 0px; }
#rechagenda .texte { font-size: 8pt; color:#323232; font-weight: bold; margin-top: 5px; }
#rechagenda .Combo { font-size: 8pt; color:#323232; width: 131px; border: 1px solid #323232; }
#rechagenda .Combo02 { font-size: 8pt; color:#323232; width: 68px; border: 1px solid #323232; }
#rechagenda .valider { text-align: center; margin: 16px 0; }

#detailagenda {
  width: 365px;
	float: left; }
	
#detailagenda .Date { font-family: Verdana; font-size: 9pt; font-weight: bold; color:#C50000; text-transform: uppercase; }
#detailagenda h1 { font-size: 10pt; font-weight: bold; color:#000; margin: 10px 0 0; background: #D5E1F0; padding: 3px; }
#detailagenda h2 { background: url(/images/agenda/fleche.gif) no-repeat 0 14px; font-size: 9pt; font-weight: bold; color:#323232; padding: 10px 0 0 9px; margin: 0; }
#detailagenda .texte { font-size: 9pt; color:#323232; text-decoration: none; padding-left: 8px;}
#detailagenda .article { margin-left: 8px; }
#detailagenda .photo { border-right: 4px solid #C10000; text-align: right; margin-top: 11px; }
#detailagenda .pointilles { background: url(/images/asavoir/pointillesBL.gif) repeat-x; height: 1px; margin-top: 19px; clear: both; }
#detailagenda .Pagination { font-size: 9pt; color:#323232; text-align: center; margin-top: 9px; }

/*PagesHTM****/

#colhtm {	
  width: 900px;
	margin: 4px 4px 6px 0; }
	
#textecolhtm {
  margin: 0 18px; }
	
#textecolhtm h1 { font-size: 9pt; font-weight: bold; color:#C50000; margin: 0 0 10px; text-transform: uppercase; }
#textecolhtm .texte { font-size: 9pt; color:#323232; clear: both; }
#textecolhtm .titreRub { font-size: 10pt; font-weight: bold; color:#323232; background: #D5E1F0; padding: 4px 7px; margin: 5px 0; float: left; }
#textecolhtm .Pagination { font-size: 9pt; color:#323232; text-align: center; margin-top: 9px; }
#textecolhtm .Photo { border-right: 4px solid #C10000; margin: 0 12px; }

#signaturecolhtm { 
  text-align: right;
	float: right; }

#signaturecolhtm .auteur { font-size: 9pt; color:#323232; font-weight: bold; text-transform: uppercase; margin-top: 15px; }
#signaturecolhtm .pointilles { background: url(/images/actu/pointil.gif) repeat-x; height: 1px; text-align: right; margin: 2px 0;}
#signaturecolhtm .poste { font-family: verdana; font-size: 9pt; color:#C10000; margin: 3px 0 10px 0; }
#textecolhtm .indent { font-size: 9pt; padding: 8px 0 8px 135px; clear: both; }
#textecolhtm .indent02 { font-size: 9pt; padding: 4px 0 4px 10px; clear: both; }

#menuinfos {
  width: 837px;
  background: #E4EDF9;
	margin: 0 0 13px 0;
	padding: 3px 3px 3px 6px;
	border-right: 4px solid #C10000;
	border-left: 4px solid #C10000; }

.Menu02 { font-size: 9pt; font-weight: normal; color:#323232; }
A.Menu02:link, A.Menu02:active, A.Menu02:visited { color: #323232; text-decoration : none; }
A.Menu02:hover { color: #323232;text-decoration : underline; }

/*Contact****/

#contact {
  float:left;
  background: #D4E1F0; 
	margin: 0; }
	
#contact .bas { background: url(/images/reagissez/Bas.gif) repeat-x; height: 19px; margin: 0px; padding: 0px; clear: both;}
#contact .Titre { font-size: 9pt; font-weight: bold; color:#323232; text-decoration: underline; text-transform: uppercase; margin: 16px 0 0; }
#contact .formulaire { margin: 0px; padding: 0px; }
#contact .texte { font-size: 9pt; color:#323232; font-weight: bold; text-align: center; }
#contact .RetourListe { font-size: 9pt; color:#323232; margin-top: 15px; text-align: right; }

#contact .Combo { 
  font-size: 8pt; 
	font-weight: normal; 
	color:#323232; 
	width: 131px; 
	margin: 2px 0 0;
	border: 1px solid #323232; }
	
#contact .Combo02 {
  font: 8pt  Arial; 
	color:#323232; 
	width: 280px;
	height: 80px; 
	margin: 2px 0 0;
	border: 1px solid #323232; }
	
/*Cinema****/

#cinema {
  margin-left: 17px;}

#listecinema {
  width: 363px;
	float: left; }
	
#listecinema h2 { background: url(/images/cine/fleche.gif) no-repeat 0 13px; font-size: 9pt; font-weight: bold; color:#323232; padding: 10px 0 0 9px; margin: 0; }
#listecinema .texte { font-family:Arial; sans-serif; font-size: 9pt; color:#323232; text-decoration: none; padding-left: 8px;}
#listecinema .liste { font-family:Arial; sans-serif; font-size: 9pt; color:#323232; text-decoration: underline; padding-left: 8px;}
#listecinema .realisateur { font-family:Arial; sans-serif; font-size: 7.5pt; color:#323232; text-decoration: none; padding-left: 8px;}
#listecinema .article { margin-left: 8px; }
#listecinema .photo { border-right: 4px solid #C10000; margin: 11px 0 6px 0; }
#listecinema .PlusInfos { font-size: 8pt; color:#323232; text-align: right; clear: both; }
#listecinema .pointilles { background: url(/images/asavoir/pointillesBL.gif) repeat-x; height: 1px; margin-top: 2px; clear: both; }
#listecinema .photo { border-right: 4px solid #C10000; margin: 11px 0 6px 0; }
	
#rechcinema {
  width: 153px;
	margin-left: 21px;
	background: #D5E1F0;
	float: left; }
	
#rechcinema h2 { font-size: 9pt; font-weight: bold; color:#FFF; background: #323232; padding: 7px 0 7px 10px; margin: 0; }
#rechcinema .Combo { font-size: 8pt; color:#323232; width: 131px; border: 1px solid #323232; margin: 10px 0 0 10px; }
#rechcinema .valider { text-align: center; margin: 10px 0; }
#rechcinema .liste { font-family:Arial; sans-serif; font-size: 8pt; color:#323232; padding-left: 8px; }
#rechcinema .numerotation { font-family:Arial; sans-serif; font-weight: bold; font-size: 8pt; color:#323232; text-decoration: none;}
#rechcinema .liste02 { background: url(/images/cine/puce.gif) no-repeat 8px 4px; font-family:Arial; sans-serif; font-size: 8pt; color:#323232; padding-left: 16px; }

/*Extranet****/

#extranet {
  float:left;
  background: #D4E1F0; 
	margin: 6px 0 0; 
	width: 322px;}

#extranet .photo { margin: 0 19px 10px 6px; border-right: 4px solid #C10000; float: right; }	
#extranet h2 { margin: 16px 0 0; font-size: 9pt; font-weight: bold; color:#323232; text-decoration: underline; text-transform: uppercase; padding-left: 22px;}

/*B2I****/

#B2I {
  float:left;
  background: #D4E1F0; 
	margin: 6px 0 0; 
	width: 322px;}

#B2I .photo { margin: 0 19px 10px 6px; border-right: 4px solid #C10000; float: right; }	
#B2I h2 { margin: 16px 0 0; font-size: 9pt; font-weight: bold; color:#323232; text-decoration: underline; text-transform: uppercase; padding-left: 22px;}

/*Newsletter****/
#newsletter { padding: 0 17px 0 16px; } 
#newsletter .Titre { font-size: 9pt; font-weight: bold; color:#C50000; text-decoration: underline; text-transform: uppercase; margin: 16px 0 0; }
#newsletter .formulaire { margin: 0px; padding: 0px; }
#newsletter .formulaire .ligne { overflow:auto; margin: 8px 0 0 70px;}
#newsletter .formulaire .ligne label { font-size: 9pt; font-weight: bold; color:#323232; width: 150px; display: block;float:left;}
#newsletter .formulaire .ligne .combo { font-size: 8pt; color:#323232; width: 200px; border: 1px solid #323232; }
#newsletter .pointilles { background: url(/images/actu/pointil.gif) repeat-x; height: 1px; text-align: right; margin: 2px 0;}

/*Newsletter Une****/

#lettre {
  float:left;
  background: #D4E1F0; 
	margin: 6px 0 0; 
	width: 322px;}

#lettre h2 { margin: 16px 0; font-size: 9pt; font-weight: bold; color:#323232; text-decoration: underline; text-transform: uppercase; padding-left: 22px;}