/********************************************************************************************
 *  Feuille de style du site de l'EEBO : Espace Ethique de Bretagne Occidentale
 *  Réalisée par Clément WARNEYS pour le GER Télécom
 *  Mai 2005
********************************************************************************************/

body {
	background-color: #457395;
	font-family: "Trebuchet MS", "Arial", "Helvetica";
	font-size: 13px;
	margin: 0px;
	padding: 0px;
}

/********************************************************************************************
 *  Déclaration des styles pour les liens                                                 ***
********************************************************************************************/

a			{color: #1466A8; font-weight: bold; text-decoration: none;}
a:link 		{color: #1466A8;}
a:hover 	{color: #333333;}

div.ouvrageSsTheme a,		div.ouvrageTheme a			{color: #222222; font-weight: normal;}
div.ouvrageSsTheme a:link,	div.ouvrageTheme a:link		{color: #222222;}
div.ouvrageSsTheme a:hover,	div.ouvrageTheme a:hover 	{color: #555555;}

div.themeSeul a, 		div.tousTheme a,		div.ssThemeSeul a		{color: #000000; font-weight: normal;}
div.themeSeul a:link,	div.tousTheme a:link,	div.ssThemeSeul a:link	{color: #000000;}
div.themeSeul a:hover, 	div.tousTheme a:hover,	div.ssThemeSeul a:hover	{color: #555555;}

/* Lien page d'accueil : Actualités */
a.lienNouveautes				{ color: #000000; font-weight: normal;}
a.lienNouveautes:link 			{ color: #000000;}
a.lienNouveautes:hover 			{ color: #1466A8; text-decoration: underline;}
a.lienNouveautes:hover  font 	{ color: #1466A8;}
a.lienNouveautes:hover  div 	{ text-decoration: underline; cursor: pointer;}


a.menu, 		a.ssMenu, 			a.ssMenuPrem, 			a.menuAct:hover, 	a.ssMenuAct:hover, 	a.ssMenuPremAct:hover	{color: #000000;}
a.menu:link, 	a.ssMenu:link, 		a.ssMenuPrem:link																		{color: #000000;}
a.menuAct:link, a.ssMenuAct:link, 	a.ssMenuPremAct:link																	{color: #000000;}
a.menu:hover, 	a.ssMenu:hover, 	a.ssMenuPrem:hover, 	a.menuAct, 			a.ssMenuAct, 		a.ssMenuPremAct			{color: #DDDDDD;}
a.ssMenu:hover, a.ssMenuPrem:hover, a.ssMenuAct, 			a.ssMenuPremAct													{color: #DBDDE3;}

a.lienAutresCat				{color: #333333;}
a.lienAutresCat:link 		{color: #333333;}
a.lienAutresCat:hover 		{color: #1466A8;}

/********************************************************************************************
 *  Déclaration des styles pour les grands blocs de mise en forme général                  **
 *  En particulier pour les contours et les menus                                       *****
********************************************************************************************/

#containerPrinc {
	background:  url(Images/Interface/Divers/Fond.gif);
	position: relative;
	width: 770px;
	top: 0px;
	left: 50%;
	text-align: justify;
	margin: 0px 0px 0px -385px; 
	padding: 0px;
	border-right: 2px solid #F2E107;
	border-left: 2px solid #F2E107;
}

div.haut {
	background:  url(Images/Interface/Haut/Haut.jpg) no-repeat;
	position: relative;
	width: 770px;
	height: 93px;
}

div.containerGauche {
	position: relative; 
	float: left;
	width: 175px;
	left: 0px;
	font-size: 11px; 
	text-align: left; 
}

div.containerDroit {
	width: 555px;
	position: relative;
	float: right;
	right: 15px;
	text-indent: 35px;
	padding: 0px;
	margin: 0px;
}

div.bas {
	background:  url(Images/Interface/Bas/bas.gif);
	position: relative;
	clear: both;
	width: 770px;
	height: 25px;
	text-align: center;
	line-height: 10px;
	font-size: 12px;
	align: center;
}

/********************************************************************************************
 *  Menu sur la gauche
**/ 

div.hautMenu {
	background:  url(Images/Interface/Haut/Menu-Haut.jpg) no-repeat;
	position: absolute;
	width: 175px;
	height: 369px;
}

a.menu, a.menu:hover, a.menuAct {
	background: url(Images/Interface/Haut/Menu.gif) no-repeat;
	position: absolute;
	width: 175px;
	height: 22px;
	cursor: pointer;
	font-size: 13px;
	text-indent: 15px;
	line-height: 25px;
}

a.menu:hover, a.menuAct { background:  url(Images/Interface/Haut/MenuAct.gif) no-repeat; }

a.ssMenu, a.ssMenuPrem, a.ssMenuAct, a.ssMenuPremAct {
	background:  url(Images/Interface/Haut/SsMenu.gif) no-repeat;
	position: absolute;
	width: 161px;
	height: 14px;
	line-height: 16px;
	font-size: 11px;
	text-indent: 25px;
	cursor: pointer;
}

a.ssMenuPrem, a.ssMenuPremAct {
	background:  url(Images/Interface/Haut/PremierSsMenu.gif) no-repeat;
	width: 175px;
	height: 15px;
	line-height: 18px;
	position: absolute;
	text-indent: 25px;
}

a.ssMenu:hover, a.ssMenuAct			{ background:  url(Images/Interface/Haut/SsMenuAct.gif) no-repeat; }
a.ssMenuPrem:hover, a.ssMenuPremAct	{ background:  url(Images/Interface/Haut/PremierSsMenuAct.gif) no-repeat; }

a.ssMenu span, a.ssMenuPrem span, a.ssMenuAct span, a.ssMenuPremAct span {
	position: absolute;
	top: -2pt;
	font-size: 7pt;
	text-indent: 0px;
}

div.menuFin {
	background: url(Images/Interface/Haut/Menu-Bas.gif) no-repeat;
	width: 175px;
	height: 45px;
	position: absolute;
	z-index: 2;
}

div.menuBas {
	background: url(Images/Interface/Haut/MenuBas.gif) no-repeat;
	width: 175px;
	height: 201px;
	position: absolute;
	top: 194px;
	z-index: 1;
}
	
div.blocMenu, div.blocSsMenu, div.blocSsMenuPrem {
	position: relative;
	width: 175px;
	height: 22px;
	z-index: 2;	
}

div.blocSsMenu { height: 14px; }
div.blocSsMenuPrem { height: 15px; }


/********************************************************************************************
 *  Divers pour le contour
**/ 

.boutonAdm {
	position: absolute;
	left: 752px;
	bottom: 4px;
	font-size: 0px;
	z-index: 6;
}

input.rechercheInput {
	position: absolute;
	top: 45px;
	left: 635px;
	width: 95px;
	height: 18px;
	background-color: transparent;
	border: none;
	margin: 0px;
	padding: 0px;
}

input.rechercheButton {
	position: absolute;
	top: 39px;
	left: 733px;
	width: 23px;
	height: 23px;
	background-color: transparent;
	border: none;
	margin: 0px;
	padding: 0px;
	cursor: pointer;
}



div.bas div {
	position: absolute;
	width: 175px;
	text-align: center;
	left: 0px;
	top: -15px;
	font-size: 11px;
	color: #777777;
}

div.bas span { position: absolute; margin-top: -3px; font-size: 8px; }

#Ajustement { 
	position: relative;
	left: 15px;
	top: 0px;
	height: 200px;
	width: 12px;
	margin: 0px;
	padding: 0px;
}

div.boite62 { height: 62px; position: relative; }
div.boite50 { height: 50px; position: relative; }
div.boite20 { height: 30px; position: relative; }
div.boite10 { height: 20px; position: relative; }


/********************************************************************************************
 *  Déclaration des styles pour les titres et les sous-titres génériques                  ***
********************************************************************************************/

.titre {
	left: 10px;
	background:  url(Images/Interface/Titre/Titre.jpg) no-repeat 5px 6px;
	position: relative;
	width: 535px;
	height: 41px;
	line-height: 35px;
	text-align: left;
	font-size: 25px;
	text-indent: -40px;
	text-align: center;
	font-weight: bold;
	margin-bottom: 10px;
}

div.ssTitre {
	width: 555px;
	position: relative;
	float: right;
	right: -6px;
	margin: 20px 0px 30px 0px;
	text-indent: 45px;
	padding-left: 4px;
}

div.ssTitre div {
	width: 568px;
	height: 3px;
	top: 13px;
	left: 0px;
	position: absolute;
	background-color: #F2E107;
	font-size: 0px;
	z-index: 0;
}

div.ssTitre span {
	position: absolute;
	left: 0px;
	padding: 0px 8px;
	background-color: #F8F8F8;
	line-height: 20px;
	font-size: 16px;
	text-align: left;
	font-weight: bold;
	letter-spacing: -0.04em;
	z-index: 1;
}


/********************************************************************************************
 *  Déclaration des styles pour la page d'accueil                                         ***
********************************************************************************************/

div.infosNews {
	position: relative;
	clear: both;
	margin-bottom: -3px;
	font-size: 11px;
	font-style: italic;
	color: #666666;
	text-indent: 0px;
}

div.titreArticle, .titreNews {                                                   
	position: relative;
	font-size: 16px;
	font-weight: bold;
	letter-spacing: -0.04em;
	text-indent: 0px;
	color: #1466A8;
	clear: both;
}


div.resumeNews { 												
	position: relative;
	left: 30px;
	margin: 2px 0px 25px 0px;
	font-size: 13px;
	line-height: 16px;
	border-left: 1px solid #2C72AA;
	width: 510px;
	padding-left: 10px;
}

div.resumeNews p, div.ouvrageDescriptionVisible p { 
	margin : 3px 0px;
	padding: 0px;
	text-indent: 20px;
}

div.resumeNews div {
	position: relative;
	left: -10px;
	bottom: 0px;
	width: 518px;
	height: 15px;
	color: #333333;
	font-style: italic;
	margin: 5px 0px -1px -12px;
	text-indent: 30px;
	font-size: 11px;
	text-align: right;
	border-top: 1px solid #2C72AA;
}

div.manif { 
	position: relative;
	width: 535px;
	padding-left: 20px;
	text-indent: -20px;
	text-align: left;
}

div.manif span {
	color: #666666;
	font-style: italic;
}

div.manif a {
	font-size: 9pt;
}

a.lienArchive, a.lienArchive:hover {
	position: absolute;
	width: 548px;
	border: 1px solid #CCCCCC;
	background-color: #FCF9CD;
	color: #000000;
	font-size: 13px;
	margin-top: 15px;
	z-index: 2;
	padding: 0px 3px;
	text-indent: 0px;
	font-style: italic;
	font-weight: normal;
	left: 0px;
}

a.lienArchive:hover {
	color: #111111;
	background-color: #DDDDDD;
	border: 1px solid #111111;
}

span.infosNews {
	position: relative;
	font-style: italic;
	color: #666666;
	font-size: 11px;
	line-height: 13px;
}


div.blocManif, div.blocManifOver {
	width: 545px;
	position: relative;
	clear: both;
	margin-top: 2px;
	padding: 2px 5px;
	font-size: 13px;
	border: 1px solid #CCCCCC;
	text-indent: 0px;
	line-height: 16px;
}

div.blocManifOver {
	color: #666666;
	background-color: #EEEEEE;
	border: 1px solid #333333;
}

span.ouvrageAuteur {
	position: relative;
	color: #000000;
	font-size: 11px;
}

a.titreNews:hover 	{color: #1466A8;}

div.ouvrageDonnees img {
	position: relative;
	top: 2px;
}

/********************************************************************************************
 *  Déclaration des styles pour la numérotation des pages + autres liens                  ***
********************************************************************************************/

div.page {
	width: 515px;
	position: relative;
	clear: both;
	margin: 10px 0px;
	padding: 1px 0px;
	color: #666666;
	text-align: center;
}

div.page a      	  {	color: #1466A8; 	
						font-weight: normal; 
						border: 1px solid #CCCCCC;
						padding: 0px 3px;
						margin: 0px 1px;            }
div.page a:link       {	color: #1466A8; 	
						border: 1px solid #CCCCCC; 	}
div.page a:hover      {	color: #000000; 	
						border: 1px solid #333333;
						background-color: #DDDDDD;	}	
div.page a.passif     {	color: #666666; 
						font-weight: normal; 
						border: 1px solid #CCCCCC;
						padding: 0px 3px;
						margin: 0px 1px;
						cursor: default;
						background-color: #FFFFFF;	}												

a.lienAutresCat, a.lienAutresCat:hover {
	position: relative;
/*	top: 0px;*/
	border: 1px solid #CCCCCC;
	background-color: #FCF9CD;
	font-size: 10pt;
/*	margin-top: 15px;*/
	z-index: 2;
	padding: 0px 3px;
	text-indent: 0px;
	font-style: italic;
	font-size: 11px;
	font-weight: normal;
}

a.lienAutresCat:hover {
	color: #111111;
	background-color: #DDDDDD;
	border: 1px solid #111111;
}



/********************************************************************************************
 *  Déclaration des styles pour la partie documentation                                   ***
********************************************************************************************/

div.blocOuvrage, div.blocOuvrageOver {
	width: 545px;
	position: relative;
	clear: both;
	margin-top: 2px;
	padding: 2px 5px;
	font-size: 13px;
	border: 1px solid #CCCCCC;
	text-indent: 0px;
}

div.blocOuvrageOver {
	color: #666666;
	background-color: #EEEEEE;
	border: 1px solid #333333;
}

div.ouvrageAuteur, div.ouvrageTitre {
	position: relative;
	color: #000000;
	font-size: 13px;
}

span.ouvrageTitre {
	margin-top: 0px;
	color: #1466A8;
	font-style: italic;
}

span.ouvrageDate {
	position: relative;
	font-style: italic;
	color: #666666;
	font-size: 11px;
	line-height: 13px;
}

div.ouvrageTheme {
	width: 520px;
	height: 15px;
	position: relative;
	text-indent: 3px;
	left: -8px;
	top: -5px;
	color: #333333;
	font-size: 11px;
	background-color: #91BAE4;
	line-height: 17px;
}

div.ouvrageSsTheme {
	width: 500px;
	height: 15px;
	position: relative;
	top: 0px;
	left: 20px;
	text-indent: 4px;
	color: #333333;
	font-size: 11px;
	background-color: #F9F8E5;
	line-height: 17px;
}

div.ouvrageGris {
	width: 520px;
	position: relative;
	top: -5px;
	left: -8px;
	background-color: #666666;
	border-bottom: 1px solid #666666;
}

div.ouvrageDonnees {
	width: 520px;
	position: relative;
	text-indent: 0px;
	left: -8px;
	top: -5px;
	color: #333333;
	font-size: 11px;
	background-color: #EEEEEE;
	border-bottom: 1px solid #666666;
	padding: 2px 0px 2px 3px;
	line-height: 13px;
}

div.ouvrageDescription { display: none; }

div.ouvrageDescriptionVisible {
	width: 510px;
	position: relative;
	left: 20px;
	margin-bottom: 20px;
	padding: 5px 0px 2px 8px;
	font-size: 11px;
	line-height: 16px;
	border-left: 1px solid #2C72AA;
	border-bottom: 1px solid #2C72AA;
	display: yes;
}		


/********************************************************************************************
 *  Déclaration des styles pour l'administration des manifestations & documentation       ***
********************************************************************************************/

div.newsAdm, div.docAdm { 
	height: 18px;
	width: 500px;
	position: relative;
	left: -8px;
	bottom: -2px;
	margin-top: 5px;
	padding: 0px;
	font-size: 11px;
}

div.newsAdm a, div.docAdm a {
	height: 15px;
	width: 100px;
	position: relative;
	float: left;
	left: 0px;
	bottom: -2px;
	margin: 0px 1px;
	color: #666666;
	font-weight: normal;
	text-align: center;
	border: 1px solid #BBBBBB;
	border-bottom: none;
	text-indent: 0px;
	background-color: #FCF9CD;
}

div.newsAdm div, div.docAdm div {
	width: 281px;
	height: 16px;
	position: relative;
	float: left;
	left: 0px;
	bottom: -2px;
	margin: 0px 1px 0px 0px;
	padding-left: 8px; 
	color: #666666; 
	text-align: left;
	border: 1px solid #BBBBBB;
	border-left: none;
	border-bottom: none;
}

div.newsAdm a, div.newsAdm div {
	border: 1px solid #BBBBBB;
	border-top: none;
	left: 11px;
	top: -1px;
}

div.newsAdm div   {	border-left: none; }
	
div.docAdm a:hover   {	color: #000000; 
						border: 1px solid #333333;
						border-bottom: none;
						background-color: #DDDDDD;}
											
div.newsAdm a:hover   {	color: #000000; 
						border: 1px solid #333333;
						border-top: none;
						background-color: #DDDDDD;/*#528AB8;*/}															
												
/********************************************************************************************
 *  Déclaration des styles pour l'arborescence des thèmes et des sous-thèmes              ***
********************************************************************************************/ 

div.theme {
	width: 550px;
	height: 20px;
	position: relative;
	clear: both;
	text-indent: 30px;
	font-size: 13px;
	border: 0px;
	z-index: 1;
}

div.plusArbo, div.moinsArbo {
	width: 6px;
	height: 6px;
	position: absolute;
	top: 7px;
	left: 17px;
	background-image: url(Images/Interface/Puces/Plus.gif);
	background-repeat: no-repeat;
}

div.moinsArbo {	background-image: url(Images/Interface/Puces/Moins.gif); }

.containerTheme   {	display: none; }

.containerThemeVisible {
	width: 460px;
	position: relative;
	padding-left: 40px;
	display: yes;
}

div.ssTheme {
	width: 505px;
	height: 15px;
	position:relative;
	text-indent: 18px;
	font-size: 11px;
	background-color: #F9F8E5;
	border-bottom: 1px solid #CCCCCC;
	border-left: 1px solid #1466A8;
	cursor: pointer;
	z-index: 1;
}

div.tousTheme, div.themeSeul {
	height: 16px;
	width: 550px;
	position: relative;
	clear: both;
	left: 5px;
	text-indent: 3px;
	font-size: 11px;
	background-color: #AAAAAA;
}

div.themeSeul {	background-color: #91BAE4; }

div.ssThemeSeul {
	width: 519px;
	height: 15px;
	position: relative;
	text-indent: 4px;
	left: 35px;
	font-size: 11px;
	background-color: #FCF9CD;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #1466A8;
}

/********************************************************************************************
 *  Déclaration des styles pour la rubrique présentation                                  ***
********************************************************************************************/

div.titreStatut {
	font-size: 12pt;
	text-decoration: underline;
	text-indent: 0px;
	margin-top: 30px;
}

ul, li, ol { text-indent: 0px; }
ul { list-style-image: url(Images/Interface/Puces/puceDisc.gif); }
ul ul {	list-style-image: url(Images/Interface/Puces/puceCirc.gif); }
ul.dernier { list-style-image: url(Images/Interface/Puces/puceRect.gif); }

ul.ateliers { list-style-image: url(Images/Interface/Puces/puceRect.gif); margin-left: 120px;}
ul.ateliers span { font-weight: bold; color: #444444; }

ul.ateliers li { line-height: 18px; }


div.nomContact, div.nomReunion {
	top: 13px;
	clear: both;
	position: relative;
	text-align: center;
	float: left;
	width: 170px;
	left: 5px;
	font-style: normal;
	background-color: #7AA1C9;
	color: #000000;
	border: 1px solid #666666;
	margin: 5px 0px;
	text-indent: 0px;
	font-weight: bold;
}

div.nomReunion   {	width: 200px; background-color: #DDDDDD; }

div.descriptionContact {
	position: relative;
	text-align: left;
	float: left;
	left: 10px;
	width: 335px;
	margin: 5px 0px;
	border: 1px solid #CCCCCC;
	padding: 0px 5px;
	text-indent: 0px;
}

div.nomMembre {
	position: relative;
	width: 540px;
	top: -3px;
	left: 2px;
	border: 1px solid #666666;
	margin: 10px 0px 2px 0px;
	padding: 0px 5px;
	font-style: normal;
	background-color: #DDDDDD;
	color: #000000;	
	text-indent: 0px;
	font-weight: bold;
}

div.nomMembre a { 	
	font-size: 9pt;
	line-height: 20px;
}

div.descriptionMembre, div.descriptionReunion, div.descriptionAdm {
	position: relative;
	width: 540px;
	top: -3px;
	left: 2px;
	border: 1px solid #CCCCCC;
	padding: 0px 5px;
	margin: 0px;
	text-indent: 0px;
	text-align: justify;
}

/*div.descriptionReunion    {	left: 62px;	width: 480px; }*/
div.descriptionAdm    {	text-align: left; }

div.descriptionContact p, div.descriptionMembre p, div.descriptionReunion p, div.descriptionAdm p     {	margin: 4px 0px; }


/********************************************************************************************
 *  Déclaration des styles pour la rubrique Liens utiles                                  ***
********************************************************************************************/

div.lienTexte {
	position: relative;
	float: left;
	top: 3px;
	width: 550px;
	font-size: 13px;
	text-indent: 0px;
	margin-bottom: 30px;
}

div.lienTexte div.lienTitre {
	position: relative;
	height: 20px;
	width: 550px;
	font-weight: bold;
	font-size: 11pt;
	line-height: 18px;
	border-bottom: solid 2px #888888;
	text-indent: 0px;
	margin-bottom: 8px;
}

div.lienAdresse {
	position: relative;
	width: 545px;
	margin: -10px 0px 0px 0px;
	font-size: 11px;
	color: #666666;
	font-weight: normal;
	left: 5px;
	text-align: right;
	cursor: pointer;
}

div.lienDesc {
	position: relative;
	width: 485px;
	left: 38px;
	text-indent: 0px;
	border-left: solid 1px #1466A8;
	margin: -8px 0px 0px 0px;
	padding: 10px 0px 5px 5px;
}


/********************************************************************************************
 *  Déclaration de styles divers                                                          ***
********************************************************************************************/

img { border: 0px; }

p.commentaire {
	font-style: italic;
	color: #666666;
	width: 500px;
}

div.titreCentre {
	text-align: center;
	text-indent: -45px;
	font-size: 13pt;
	margin-top: 20px;
}

div.clear {
	position: relative;
	height: 1px;
	width: 555px;
	clear: both;
	font-size: 0px;
	line-height: 0px;
}

.erreur {
	color: red ;
	text-indent: 0px;
	margin-top : 5px;
}

div.message_titre {
	font-weight: bold;
}

.facultatif {
	color:#0066FF;
	font-size: 12px;
}

.facultatif_info {
	font-size: 10px;
}

.titre_autrenews {
	color: #1466A8 ;
}