@charset "UTF-8";
/* ################################################################
** # "YAML for TYPO3" (c) by You if you put something in here :) ##
** ################################################################
**
**  Date     : 08.11.2009
**  File     : myOwnStyles.css
**  Function : This file is not part of the YAML-CSS-Framework.
**             It was included to give the user the possibility to quickly apply tests, changes or
**             whatever with no need to change the YAML-files and mess up anything.
**             Hmmm. Does this make sense? Anyway, use it or just leave it empty. It will do no harm.
**             This is the last stylesheet beeing imported. So, everything can be overwritten here.
**             Be careful what you put in here and don't hold us responsible for anything that goes wrong...
*/
@media all
{

	/* PRINT BOX */	
	#teaser div#printBox { float: right; margin: 6px 10px 0pt 0pt; }
	
	/* INDEX SEARCH */
	div.tx-indexedsearch-browsebox { text-align: center }
	div.tx-indexedsearch-browsebox ul.browsebox li { display: inline }
	td.tx-indexedsearch-result-number { display: none }
	
	/* Your styles starts here */
	
	body { 
	    background-color: #220D34; /* fond exterieur violet fonce */
	    background-image: none;
	    padding: 0px;
	    font-family: "Times New Roman", Times;
	}
	#page_margins {
	    min-width: 950px;
	    max-width: 1000px;
	    margin: 0 auto; 
	    border: 0px #FFFFFF solid;
	}
	#page {
	   position: relative;
	    background-color:#FFF;
	    background-image: url(../images/EREN-header-violet.gif);
	    background-repeat: no-repeat;
	    border: 20px #220D34 solid;  /* bordure comme fond exterieur violet fonce */
	}
	
	/* navigation au top de la page */
	#topnav { display: none; }
	    
	/* header */    
	#header #banner { position:absolute; top:0px; right:0px; z-index:10; }
	#header { height: 300px; background-image: none; background-color: transparent; }
	#header img.headImg1 { position: absolute; top: 45px; left: 650px; border: 0; }
	#header img.headImg2 { display: none; }
	
	/* ajout du div de navigation avec #main_nav et #service_nav */
	#headnav { position:relative; }
	
	/* navigation principale */
	/* Level 1 */
	#main_nav { position:absolute; top:-290px; left:145px; color:#4D4D4D; text-transform: uppercase; }
	#main_nav ul { font-size: 13pt; line-height: 16pt; list-style: none; margin: 0; white-space: nowrap; }
	#main_nav ul li { font-size: 13pt; line-height: 16pt; list-style: none; margin: 0; white-space: nowrap; }
	#main_nav a:link { color: #4D4D4D; font-size: 13pt; line-height: 16pt; text-decoration: none; }
	#main_nav a:visited { color: #4D4D4D; font-size: 13pt; line-height: 16pt; text-decoration: none; }
	#main_nav a:hover { color: #FFF; font-size: 13pt; line-height: 16pt; text-decoration: none; }
	#main_nav a:active { color: #4D4D4D; font-size: 13pt; line-height: 16pt; text-decoration: none; }

	/* qui-nous-sommes */
	#main_nav_item1 { padding-left: 10px; line-height: 140%; }
	/* foi-et-vie */
	#main_nav_item2 { padding-left: 40px; line-height: 140%; }
	/* apprendre-et-former */
	#main_nav_item3 { padding-left: 65px; line-height: 140%; }
	/* presence-et-entraide */
	#main_nav_item4 { padding-left: 90px; line-height: 140%; }
	/* medias */
	#main_nav_item5 { padding-left: 110px; line-height: 140%; }
	
	#main_nav ul li.current_main_nav a:link,
	#main_nav ul li.current_main_nav a:visited,
	#main_nav ul li.current_main_nav a:hover,
	#main_nav ul li.current_main_nav a:active { color: #FFF; font-size: 15pt; font-weight: bold; line-height: 16pt; text-decoration: none; }
	
	/* contact agenda news */
	#service_nav { position:absolute; top: -210px; left:-30px; width: 240px; }
	#service_nav ul li { list-style: none; margin: 0; white-space: nowrap; }
	#service_nav_item1 { position:absolute; top: 50px; left: 70px; width: 40px; height: 50px; }
	#service_nav_item1 img { width: 40px; height: 50px; }
	#service_nav_item1 a:link,
	#service_nav_item1 a:visited { 
	    display: block;
	    width: 40px; height: 50px;
	    text-decoration: none;  border-bottom: 0;
	    background-image: url(../images/agenda.png);
	    background-repeat: no-repeat;
	    background-position: top left;
	}
	#service_nav_item1 a:hover,
	#service_nav_item1 a:active { 
	    display: block;
	    width: 40px; height: 50px;
	    text-decoration: none;  border-bottom: 0;
	    background-image: url(../images/agenda_hover.png);
	    background-repeat: no-repeat;
	    background-position: top left; 
	}
	#service_nav_item2 { position:absolute; top: 25px; left: 120px; }
	#service_nav_item2 img { width: 40px; height: 50px; }
	#service_nav_item2 a:link,
	#service_nav_item2 a:visited { 
	    display: block;
	    width: 40px; height: 50px;
	    text-decoration: none;  border-bottom: 0;
	    background-image: url(../images/contact.png);
	    background-repeat: no-repeat;
	    background-position: top left;
	}
	#service_nav_item2 a:hover,
	#service_nav_item2 a:active { 
	    display: block;
	    width: 40px; height: 50px;
	    text-decoration: none;  border-bottom: 0;
	    background-image: url(../images/contact_hover.png);
	    background-repeat: no-repeat;
	    background-position: top left;
	}
	#service_nav_item3 { position:absolute; top: 5px; left: 170px; }
	#service_nav_item3 img { width: 40px; height: 50px; }
	#service_nav_item3 a:link,
	#service_nav_item3 a:visited { 
	    display: block;
	    width: 40px; height: 50px;
	    text-decoration: none;  border-bottom: 0;
	    background-image: url(../images/news.png);
	    background-repeat: no-repeat;
	    background-position: top left;
	}
	#service_nav_item3 a:hover,
	#service_nav_item3 a:active { 
	    display: block;
	    width: 40px; height: 50px;
	    text-decoration: none;  border-bottom: 0;
	    background-image: url(../images/news_hover.png);
	    background-repeat: no-repeat;
	    background-position: top left;
	}
	
	#nav { position:absolute; top: 90px; left: 170px; }
    #nav img { width: 32px; height: 40px; }
	#nav a:link,
	#nav a:visited { 
	    display: block;
	    width: 32px; height: 40px;
	    text-decoration: none;  border-bottom: 0;
	    background-image: url(../images/home.png);
	    background-repeat: no-repeat;
	    background-position: top left;
	}
	#nav a:hover,
	#nav a:active { 
	    display: block;
	    width: 32px; height: 40px;
	    text-decoration: none;  border-bottom: 0;
	    background-image: url(../images/home_hover.png);
	    background-repeat: no-repeat;
	    background-position: top left;
	}

	
	 /**
	   * |-------------------------------|
	   * | #header                       |
	   * | #headernav                    |
	   * | #service_nav     main_nav     |
	   * |-------------------------------|
	   * | #col1   | #col3               |
	   * |         |                     |
	   * |-------------------------------|
	   * | #footer                       |
	   * |-------------------------------|
	   */
	
	#main { position:relative; background-color:#FFF; }
	 
	/* teaser = navigation de vous etez ici inactiv */
	#teaser { display:none; }
	
    /* En-tete */
	h1 { color: #444; font-size: 14pt; text-transform: uppercase; margin-bottom: 15px; line-height: 28.8pt; }
	h2 { color: #444; font-size: 13pt; text-transform: uppercase; margin-top: 30px; margin-bottom: 7px; line-height: 20pt; }
	h3 { color: #444; font-size: 14pt; text-transform: lowercase; font-variant:small-caps; margin-top: 30px; margin-bottom: 7px; line-height: 20pt; }
	h4 { color: #444; font-size: 12pt; font-weight: bold; line-height: 14pt; margin-bottom: 13px; padding-left: 17px;}
	h5 { color: #444; font-size: 10pt; margin-bottom: 15px; }
	h6 { font-style: normal; font-weight: normal; }
	
	/* Contenu */
	p { color: #444; font-size: 12pt; 
	    font-weight: normal;
	    line-height: 14pt;
	    text-align: left;
	    /* margin-top: -5px; */
	    margin-bottom: 0.7em;
	}
	ul { color: #444; font-size: 12pt; }
	li { color: #444; font-size: 12pt; line-height: 14pt; }
	
	
	/* Colonne menu gauche */
	#col1 { 
	width: 240px; /*260*/
    /* Min-Height Fast Hack by Dustin Diaz*/
    /* This snippet of CSS works like a charm in IE6, IE7,  
    Mozilla/Firefox/Gecko, Opera 7.x+, Safari 1.2+ */
    min-height: 350px;
    height: auto !important;
    height: 350px;
	}
	#col1_content { padding: 0px; margin-left: 10px; margin-right: 0px; }
	
		/* navigation menu 245*/   
	#submenu { position: relative; right: 0px; border-top: 1px transparent solid; width: 225px; text-align: right; 
	margin: 0px; margin-top: -80px; min-height: 150px;
	/* background-image: url(../images/fond_gris_bas.png); background-repeat: no-repeat; background-position: bottom left; */
	}
	
	/* Level 2 (submenu level 1) */
	#submenu li#active,
	#submenu li strong {
	width: 225px;
	margin: 0px;
	padding-top: 0px;
    text-align: right;
    padding: 0px;
    text-transform: uppercase;
    font-weight: normal;
    /* font-weight: bold; */
    font-size: 12pt;
    line-height: 14pt;
    color: #000;
    background-color:transparent;
    border-bottom: 1px transparent solid;
	}
	
    #submenu li a { 
    background-color:transparent; border-bottom: 1px transparent solid; padding-bottom: 5px;
    color: #444; text-transform: uppercase; text-align: right;
    font-size: 12pt; line-height: 14pt; /* font-weight: bold; */
    }
	#submenu li a:focus,
	#submenu li a:hover,
	#submenu li a:active { background-color:transparent; line-height: 14pt; color: #444; padding-bottom: 5px; font-weight: normal; }
	
	/* Level 3 (submenu level 2) */
	#submenu li ul li a,
	#submenu li ul li#active,
	#submenu li ul li strong,
	#submenu li ul li span { text-align: right; text-transform: none; font-size: 11pt; line-height: 11pt; /* font-weight: bold; */ padding-top: 0px; }
	
	#submenu li ul li a { text-align: right; text-transform: none; font-size: 11pt; line-height: 11pt; 
	/* font-weight: bold; */ background-color:transparent; color: #666; padding-top: 0px; }
	#submenu li ul li a:focus,
	#submenu li ul li a:hover,
	#submenu li ul li a:active { background-color:transparent; color: #444; line-height: 11pt; padding-top: 0px; font-weight: normal; }
	
	/* Colonne info droite inactive */
	#col2 { display:none; }
	/* Colonne contenu */
	#col3 {
	    margin: 0px;
	    margin-top: -138px; /* remonte le bloc vers le haut */
	    margin-left: 240px; /*cf. width col1 */
	    padding-top: 0px;
	    padding-left: 20px;
	    padding-right: 20px;
	
	    /* Min-Height Fast Hack by Dustin Diaz*/
	    /* This snippet of CSS works like a charm in IE6, IE7,  
	    Mozilla/Firefox/Gecko, Opera 7.x+, Safari 1.2+ */
	    min-height: 450px;
	    height: auto !important;
	    height: 450px;
	}
	#col3_content { padding-top: 6px; }
	
	#homenews { text-align: right; padding: 10px; padding-top:0px; margin-top: -80px; }
	#homenews h1 { text-align: right; color: #444; font-size: 14pt; line-height: 16.8pt; padding-top:0px; padding-bottom:20px; }
    #homenews h1 a:link { text-decoration: none; color: #444; font-weight: bold; }
    #homenews h1 a:visited { text-decoration: none; color: #444; font-weight: bold; }
    #homenews h1 a:hover { text-decoration: none; color: #444; font-weight: bold; }
    #homenews h1 a:active { text-decoration: none; color: #444; font-weight: bold; }
	#homenews p { text-align: right; }
	
	table.contenttable td { border: 2px solid #FFF; }
	
	#col3_content table td p { color: #444; font-size: 12pt; line-height: 14pt; }
	#col3_content ul { margin-top: -10px; margin-left: -7px; }
	#col3_content ul.tx-pagebrowse { margin-top: 0px; margin-left: 0px; }
	#col3_content div.flexi div.left { width: 395px !important; margin-right: 15px; }
	
	#gallery ul { margin-left: 1px; margin-top:7px;}
	
    /* footer */
	#footer { position: relative; background-color: #FFF; border-top: 0px #FFF solid; }
	#footext { position: absolute; top: 0; left: 266px; 
	    color: #AAAAAA; overflow: hidden;
	    padding: 5px; font-size: 9pt; text-align: right;
	}
	#footext a:link, #footext a:visited, #footext a:hover, #footext a:active { 
	   color: #AAAAAA !important;
	   text-decoration: none !important;
	   font-weight: normal !important;
    }
    #sitemap { position: absolute; top: 0; left: 147px; 
	    color: #AAAAAA; overflow: hidden;
	    padding: 5px; font-size: 9pt; text-align: right;
	    text-transform: uppercase;
	}
    #sitemap a:link, #sitemap a:visited, #sitemap a:hover, #sitemap a:active { 
	   color: #AAAAAA !important;
	   text-decoration: none !important;
	   font-weight: normal !important;
    }
	
	/* liens */
	#col3_content a:link { color: #666; text-decoration: none; border-bottom: 1px dotted #666; }
	#col3_content a:visited { color: #666; text-decoration: none; border-bottom: 1px dotted #666; }
	#col3_content a:hover { color: #660099; text-decoration: none; border-bottom: 1px dotted #666; }
	#col3_content a:active { color: #666; text-decoration: none; border-bottom: 1px dotted #666; }
	
	a.internal-link:link, 
	a.internal-link:visited, 
	a.internal-link:hover, 
	a.internal-link:active {
	    color: #AAAAAA; text-decoration: none; border-bottom: 1px dotted #AAAAAA;
	}
	a.external-link-new-window:link, 
	a.external-link-new-window:visited, 
	a.external-link-new-window:hover, 
	a.external-link-new-window:active {
	    color: #AAAAAA; 
	    text-decoration: none;
	    border-bottom: 1px dotted #AAAAAA;
	    background: url(../images/externalLink.gif) no-repeat right 2px;
	    padding-right: 12px;
	}
	
	/* separateur */ 
	.spacertitre { position: absolute; left: -1000em; width: 20em; /* masquer le contenu */ } 
	.spacer { margin-left: 30px; line-height: 20pt; }
	
	
	/* caption */
	div#captioninfo { position: absolute; top: 10px; left: 10px; background-color: #444; color: #FFFFFF; width: 200px; }
	div#captioninfo span { font-size: 11px; padding: 7px 10px; margin: 0; }
	img.captionb, img.captionw, img.captionn { display: block; }
	img.captionb { border: solid 1px #444; }
	img.captionw { border: solid 1px #999999; }
	div.captionb { background-color: #444; }
	div.captionw { background-color: #999999; }
	div.captionb, div.captionw, div.captionn { margin-bottom: 3px; position: relative; top: -27px; }
	div.captionb span, div.captionw span { margin: 0; padding: 3px 10px 4px 10px; font-size: 11px; } 
	div.captionn span { padding: 3px 0; font-size: 11px; }
	div.captionb span { color: #ffffff; }
	div.captionw span { color: #444; }
	
	img.caption { display: block; border: solid 1px #000000; }
	div.caption { background-color: #000000; margin-bottom: 3px; position: relative; top: -27px; }
	div.caption span { margin: 0; padding: 3px 10px 4px 10px; font-size: 11px; color: #ffffff; }
	
	/* bouton back */
	#back { display:none; }
	
	.icon-gallery { 
    background-image: url(../images/gallery.gif);
    background-repeat: no-repeat;
    background-position: 0 4px;
    padding-left: 17px;
    }
	
	/* my RTE */
	.citation { font-size: 11pt; color: #444 !important; text-align: right; border: 1px solid #FFF !important; background-color: #FFF !important; background-image: none !important; padding: -12px 0 12px 0 !important; width:290px; float:right; margin: 12px 0 12px 20px;}
	.citation-auteur { text-align: right; }
	.encadre { background:#FDE0A8 none repeat scroll 0% 0%; border:1px dotted #3A2D1E; padding: 10px; }
	
	/* news accueil */
	/* LATEST Ansicht */
    .news-latest-item-accueil { margin-bottom: 25px; }
    .news-latest-item-accueil h3 { padding:0; margin:0; color: #444; font-size: 12pt; line-height: 14pt; margin-left: 0px; text-transform: uppercase; /* width: 240px; */ }
    .news-latest-item-accueil h3 a {text-decoration:none;}
    .news-latest-item-accueil h3 a:hover { background:transparent; font-weight: normal; }
     .news-latest-item-accueil p { margin:0; margin-top:-14px; margin-left: 0px; /* width: 240px;*/ font-size: 12pt; line-height: 14pt; }
    .news-latest-morelink-accueil {padding:1px; margin:0; border:1px solid transparent; background:transparent; text-transform: none; text-align:right; font-size: 9pt; }
    .news-latest-morelink-accueil a { font-size: 9pt; }
    
    /* news page media mode LIST */
    .news-list-item_media {margin-bottom:1em;}
    .news-list-item_media h3 {padding:0px; padding-bottom: 10px; margin:0px; font-size: 14pt; line-height: 16.8pt; }
    .news-list-item_media h3 a {text-decoration:underline;}
    .news-list-item_media h3 a:hover {background:transparent; font-weight: bold;}
    .news-list-item_media h3 span.news-list-date {color:#aaa; font-weight:normal; font-size:0.6em; text-transform: none; }
    .news-list-morelink {padding:1px; border:1px solid #FFF; background:#FFF; text-align:right; margin-top:-14px;}
    .news-list-morelink a {color:#669;}
    .news-list-morelink a:hover {background:transparent; }
    .news-list-category {color:#aaa;}
    
    /* news page media mode DETAIL */
    .news-single-item_media h2 { font-size: 14pt; line-height: 16.8pt; }
    .news-single-item_media h3 { margin:0px; color:#444; padding:0px; background:#FFF; border-left: 1px #FFF solid; text-transform: none; font-weight: normal; font-size: 14pt; line-height: 16.8pt; }
    .news-single-img {padding-right:15px; float:left;}
    .news-single-img p {padding:0; margin:0;}
    .news-single-timedata {display:none;}
    .news-single-additional-info {}
    .news-single-additional-info dd {margin-top:-1em;}
    .news-single-additional-info dt {margin-bottom:1.4em; color:#aaa;}
    .news-single-backlink { margin-top: 20px; }
    
    /* news mode LIST */
    .upper h1 {padding-left: 20px; padding-right: 20px;}
    .news-list-item {margin-bottom:1em; padding-left: 20px; padding-right: 20px;}
    .news-list-item h3 {padding:0px; padding-bottom: 10px; margin:0px; font-size: 14pt; line-height: 16.8pt; }
    .news-list-item h3 a {text-decoration:underline;}
    .news-list-item h3 a:hover {background:transparent; font-weight: bold;}
    .news-list-item h3 span.news-list-date {color:#aaa; font-weight:normal; font-size:0.6em; text-transform: none; }
    .news-list-morelink {padding:1px; border:1px solid #FFF; background:#FFF; text-align:right; margin-top:-14px;}
    .news-list-morelink a {color:#669;}
    .news-list-morelink a:hover {background:transparent; }
    .news-list-category {color:#aaa;}
    
    /* news detail */
    .news-single-item { padding-left: 20px; padding-right: 20px; }
    .news-single-item h2 { font-size: 14pt; line-height: 16.8pt; }
    .news-single-item h3 { margin:0px; color:#444; padding:0px; background:#FFF; border-left: 1px #FFF solid; text-transform: none; font-weight: normal; font-size: 14pt; line-height: 16.8pt; }
    .news-single-img {padding-right:15px; float:left;}
    .news-single-img p {padding:0; margin:0;}
    .news-single-timedata {display:none;}
    .news-single-additional-info {}
    .news-single-additional-info dd {margin-top:-1em;}
    .news-single-additional-info dt {margin-bottom:1.4em; color:#aaa;}
    .news-single-backlink { margin-top: 20px; }
	
/*	supprime le souligné pointillié sous les photos dans la galerie*/	
	#galleryTemple a:link {
		border: 0px;
	}
	
	/* Detail contact view */
	.eren-address-box {
		background-image: url(../images/address-bg.png);
		background-repeat: no-repeat;
		padding: 30px 10px 10px 20px;
		color: #70706E;
		position: relative;
		margin-left: 1%;
		width: 820px;
		height: 350px;
	}
	
	.eren-address-subbox {
		float: left;
		width: 400px;
		height: 350px;
	}
	
	.eren-address-box-header {
		text-transform: capitalize;
		font-weight: bold;
		font-size: 14pt;
		margin-bottom: 10px;
		margin-top: 10px;
	}
	
	.eren-address-box-property {
		float: left;
		width: 80px;
	}
	
	.eren-address-box-property:after {
		content: ":";
	}
	.eren-address-box-value {
		float: left;
		font-weight: bold;
	}
	
	.eren-address-box-value-address {
		font-weight: bold;
	}
	
	.eren-address-box-paragraph {
		clear: both;
		line-height: 130%;
		font-size: 12pt;
	}
	.eren-address-box-photo {
		bottom:43px;
		left:300px;
		position:absolute;
	}
	
	img.templateDisplay_imageNotFound {
		display: none;
	}
	
	.eren-address-box a:hover,
	.eren-address-box a:visited {
		color:#1E6289;
		text-decoration:underline;
		font-weight: bold;
	}
		
	#listeNpa thead tr th{
		background-color: #bda8e5;
		padding: 4px;
	}
	
	.news-list-date {color:#aaa; font-weight:normal; font-size:0.95em; text-transform: none; }
	
	
	/* sitemap */
	.csc-sitemap ul { 
	margin-top: 1px !important;
	}
	
	.csc-sitemap li a {
    background-color: transparent;
    border: 1px solid transparent;
    }
	
	/* others */
	#listOfContacts h3 { margin-top: 0px; }
	th.thlistOfContacts { width: 225px; }
	
    .list-subcol1 {
        width: 220px;
        float: left;
    }

    .list-subcol2 {
        width: 180px;
        float: left;
    }

    .list-subcol3 {
        width: 200px;
        float: left;
    }

    .list-subcol4 {
        float: left;
    }
    
    #listOfContactsSecretariat { width: 920px; }
    #listOfContactsMinistres { width: 920px; }
    #listOfContactsPresidents { width: 920px; }
    
	/* Your styles ends here */
}