@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 {
	
	/* color */
	/*
	color: #AAAAAA (gris foncˇ)
	color: #DDDDDD (gris moyen)
	color: #EEEEEE (gris clair)
	color: #FFFFFF (blanc)
	*/
	
	
	/* Your styles starts here */
	
	body { 
	    background-color: #DDD; 
	    background-image: none;
	    padding: 0px;
	}
	#page_margins { 
	    min-width: 950px; 
	    max-width: 1000px;
	    margin: 0 auto; 
	    border: 0px #FFFFFF solid;
	}
	#page {
	    background-color:#FFF;
	    /* background-image: url(../images/header-livres.jpg); */
	    /* background-image: url(../images/header-source.jpg); */
	    background-image: url(../images/header-personnes.jpg);
	    background-repeat: no-repeat;
	    background-position: -37px 25px;
	    border: 20px #DDD solid;
	}
	
	/* navigation au top de la page */
	#topnav { display: none; }
	    
	/* header */    
	#header #banner { position:absolute; top:0px; right:0px; z-index:10; }
	#header { height: 200px; background-image: none; background-color: transparent; }
	#header img.headImg1 { position: absolute; top: 0px; left: 0px; border: 0; }
	#header img.headImg2 { display: none; }
	
	 /**
	   * |-------------------------------|
	   * | #header                       |
	   * |-------------------------------|
	   * | #col1   | #col3               |
	   * |         |                     |
	   * |-------------------------------|
	   * | #footer                       |
	   * |-------------------------------|
	   */
	
	#main { position:relative; background-color:#FFF; }
	 
	/* teaser = navigation de vous etez ici inactiv */
	#teaser { position: relative; top:-55px; left:300px; width: 660px; border-bottom: 1px solid #FFE500; }
	
	/* Colonne menu gauche */
	#col1 { width: 235px; }
	#col1_content { padding: 0px; margin-top: 20px; margin-left: 10px; margin-right: 0px; }
	/* Colonne info droite inactive */
	#col2 { display:none; }
	/* Colonne contenu */
	#col3 {
	    margin: 0px;
	    margin-top: 20px; 
	    margin-left: 230px; /*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;
	}
	
	
	/* En-tete */
	h1 { color: #444; font-size: 15pt; margin-bottom: 15px; }
	h2 { color: #444; font-size: 14pt; margin-bottom: 15px; }
	h3 { color: #444; font-size: 13pt; margin-bottom: 15px; }
	h4 { color: #444; font-size: 12pt; margin-bottom: 15px; }
	h5 { color: #444; font-size: 10pt; margin-bottom: 15px; }
	
	/* Contenu */
	p { color: #444; font-size: 12pt; 
	    font-weight: normal;
	    line-height: 1.3em;
	    text-align: left;
	    margin-top: -5px;
	}
	ul { color: #444; font-size: 12pt; }
	li { color: #444; font-size: 12pt; /* list-style-type: circle; */ }
	
	table.contenttable td { border: 2px solid #EEE; }
	
	#col3_content table td p { color: #444; font-size: 12pt;}
	
	/* liens */
	#col3_content a:link { color: #000; text-decoration: none; border-bottom: 1px dotted #666; }
	#col3_content a:visited { color: #000; text-decoration: none; }
	#col3_content a:hover { color: #000; text-decoration: none; }
	#col3_content a:active { color: #000; text-decoration: none; }
	
	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 { 
	    /* masquer le contenu */ 
	    position: absolute; left: -1000em; width: 20em;
	} 
	.spacer { margin-left: 30px; line-height: 20pt; }
	
	/* navigation menu */
	#submenu { border-top: 1px #EEE solid; margin-top: 0px; }
	
	/* Level 1 */
	#submenu li#active,
	#submenu li strong {
	    width: 99%;
	    padding: 1px 0px 1px 1%;
	    font-weight: bold;
	    font-size: 14pt;
	    color: #333;
	    background-color:#FFF;
	    border-bottom: 1px #CCC solid;
	}
	
	#submenu li a { width: 99%; padding-left: 1%; background-color:#FFF; color: #444; border-bottom: 1px #CCC solid; font-size: 13pt; }
	#submenu li a:focus,
	#submenu li a:hover,
	#submenu li a:active { background-color:#FFF; color: #AAA; }
	
	/* Level 2 */
	#submenu li ul li a,
	#submenu li ul li#active,
	#submenu li ul li strong,
	#submenu li ul li span { width: 93%; padding-left: 7%; font-size: 12pt; }
	
	#submenu li ul li a { background-color:#FFF; color: #333; }
	#submenu li ul li a:focus,
	#submenu li ul li a:hover,
	#submenu li ul li a:active { background-color:#FFF; color: #666; }
	
	/* Level 3 */
	#submenu li ul li ul li a,
	#submenu li ul li ul li#active,
	#submenu li ul li ul li strong,
	#submenu li ul li ul li span { width: 85%; padding-left: 15%; }
	
	#submenu li ul li ul li a { background-color:#FFF; color: #333; }
	#submenu li ul li ul li a:focus,
	#submenu li ul li ul li a:hover,
	#submenu li ul li ul li a:active { background-color:#FFF; color: #666; }
	
	/* footer */
	#footer { position: relative; background-color: #FFF; border-top: 0px #EEE solid; font-size: 9pt; text-align: right; }
	
	/* my RTE */
	.citation { 
		/* color: #D14804; */
		/* margin: 10px 40px; */
		margin-top: 5px;
		margin-left: 40px;
		margin-bottom: 15px;
		padding: 0; 
	}
	.citation-auteur { text-align: right; }
	.encadre { background:#FFF none repeat scroll 0% 0%; border:1px dotted #DDD; padding: 10px; }
	
	/* green modifiˇ en jaune */
	* html .REboxGreenContent {height:1%}
	.REboxGreenContent {overflow:hidden}
	.REboxGreen {display:block; background:transparent; font-weight:normal; margin-bottom:1em;}
	.REboxGreen p {margin:0 2px; padding:2px 0; line-height:1.2em;}
	.REboxGreenContent {display:block; background:#FFFFE0; border-left:1px solid #FFFF00; border-right:1px solid #FFFF00; padding:0.5em 1em 0.5em 1em;}
	.REboxGreenContent h1, .REboxGreenContent h2, .REboxGreenContent h3, .REboxGreenContent h4, .REboxGreenContent h5 {margin-top:0;}
	.rGline1, .rGline2, .rGline3, .rGline4 {display:block; overflow:hidden; font-size:1px;}
	.rGline1, .rGline2, .rGline3 {height:1px;}
	.rGline2, .rGline3, .rGline4 {background:#FFFFE0; border-left:1px solid #FFFF00; border-right:1px solid #FFFF00;}
	.rGline1 {margin:0 5px; background:#FFFF00;}
	.rGline2 {margin:0 3px; border-width:0 2px 0 2px;}
	.rGline3 {margin:0 2px;}
	.rGline4 {height:2px; margin:0 1px 0 1px;}
	
	/* News */
	/* Affichage en mode LATEST */
	.news-title h3 { float: left; margin: 0px; padding-top: 50px; }
	.news-title h3 a { text-decoration: none; }
	.news-title h3 a:link, 
	.news-title h3 a:visited, 
	.news-title h3 a:hover, 
	.news-title h3 a:active { border-bottom: 1px solid #FFF !important; }
	
	.news-title h3 a:hover { text-decoration: underline; }
	.news-date span { float:right; }
	
	.news-latest-item {margin-bottom:1em;border-top: 1px dotted #444; padding-top:10px;}
	.news-latest-item p {margin:0; 
	    background-color:#FFF;
	    background-image: none;
	    padding:0;
	    }
	.news-latest-item h3 {padding-top:0; margin-top:0;}
	.news-latest-item h3 a {text-decoration:underline;}
	.news-latest-item h3 a:hover {background:transparent;}
	.news-latest-item img {padding-right:1em; padding-top:0.5em; float:left;}
	.news-latest-morelink {padding:1px; background:#FFF; text-align:right;}
	
	/* Affichage en mode LIST */
	.news-list-item {margin-bottom:1em;}
	.news-list-item p {margin:0; background:#f7f7ef; padding:1em 1em 0 1em;}
	.news-list-item h3 {padding-top:0; margin-top:0;}
	.news-list-item h3 a {text-decoration:underline;}
	.news-list-item h3 a:hover {background:transparent;}
	.news-list-item h3 span.news-list-date {color:#aaa; font-weight:normal; font-size:0.6em;}
	.news-list-morelink {padding:1px; background:#f7f7ef; text-align:right;}
	.news-list-category {color:#aaa;}
	
	form#eco-form-search div.csc-default {
		display: inline;
		padding-right: 10px;
	}
	
	form#eco-form-search fieldset {
		border-width: 1px;
		border-style: dotted;
		border-color: black;
		padding: 10px;
	}

	form#eco-form-search legend {
		padding: 0 2px;
	}
	
	form#eco-form-search select{
		font-size: 11px;
	}
	
	.eco-box-highlight {
		background-color: #f6f800;
		padding: 0 8px;
		-moz-border-radius: 100px;
		-webkit-border-radius: 100px;
	}
	/* Your styles ends here */
}