@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework
 *
 * (en) Uniform design of standard content elements
 * (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente
 *
 * @copyright		Copyright 2005-2010, Dirk Jesse
 * @license		 CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/),
 *					YAML-C (http://www.yaml.de/en/license/license-conditions.html)
 * @link			http://www.yaml.de
 * @package		 yaml
 * @version		 3.2.1
 * @revision		$Revision:392 $
 * @lastmodified	$Date:2010-06-03$
 * @appdef yaml
 */

@media all
{
 /**
	* Fonts
	*
	* (en) global settings of font-families and font-sizes
	* (de) Globale Einstellungen für Zeichensatz und Schriftgrößen
	*
	* @section content-global-settings
	*/

	/* (en) reset font size for all elements to standard (16 Pixel) */
	/* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */
	html * { font-size:100.01%;}

 /**
	* (en) reset monospaced elements to font size 16px in all browsers
	* (de) Schriftgröße von monospaced Elemente in allen Browsern auf 16 Pixel setzen
	*
	* @see: http://webkit.org/blog/67/strange-medium/
	*/

	textarea, pre, code, kbd, samp, var, tt {
	font-family:Consolas, "Lucida Console", "Andale Mono", "Bitstream Vera Sans Mono", "Courier New", Courier;
	}

	/* (en) base layout gets standard font size 12px */
	/* (de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln */
	body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:/*75.00%*/ 11px;
	color:#333;
	}

	/*--- Headings | Überschriften ------------------------------------------------------------------------*/

	h1,h2,h3,h4,h5,h6 {
	font-family: 'Droid Sans',arial, serif;
	font-weight:normal;
	color:#222;
	margin:0 0 0.25em 0;
	}
	
	h6 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	color:#222;
	margin:0 0 0.25em 0;
	}

	h1 { font-size:200%; }						/* 24px */
	h2 { font-size:180%; }						/* 24px */
	h3 { font-size:150%; }						/* 18px */
	h4 { font-size:133.33%; }					/* 16px */
	h5 { font-size:116.67%; }					/* 14px */
	h6 { font-size:116.67%; }					/* 14px */

.titre_rub_home_une {
color:#000;
font:bold 11px/18px arial;
text-transform:uppercase;
border-top:solid 2px #6C075A;
/** border-bottom:solid 2px #6C075A; **/
}

#footer h6 {font:bold 11px arial;
color:#000;
	}
#tags {
border:solid 1px #ccc;
}
/*bloc de couleur de rubrique pour panelstab*/
div.t_marron {
float:left;
width:15px;
height:18px;
margin:0;
margin-right:5px;
background:#5B3227;
}
div.t_bleu {
float:left;
width:15px;
height:18px;
margin:0;
margin-right:5px;
background:#46498b;
}
div.t_kaki {
float:left;
width:15px;
height:18px;
margin:0;
margin-right:5px;
background:#616228;
}
div.t_rose {
float:left;
width:15px;
height:18px;
margin:0;
margin-right:5px;
background:#6C075A;
}
div.t_gris {
float:left;
width:15px;
height:18px;
margin:0;
margin-right:5px;
background:#6B8194;}

#col2 h6 {
		text-align:center;
		}
		
	div.actu {
	border-top:solid 2px #ccc;
	border-right:solid 1px #E8E8E8;
	border-left:solid 1px #E8E8E8;
	border-bottom:solid 1px #E8E8E8;
	font-size:10px;
	linde-height:135%;
	}
	div.actu a:hover {
	text-decoration:underline;}
/*Couleurs typo*/

 p#baseline {
	 margin:0;
	 padding-top:28px;
	 font: bold 9px arial;
	 vertical-align:text-bottom;
	 color:#6C075A;
	 }
h6.blanc {color:#fff;}	 
 .rose h1 {color:#6C075A; border-top:3px solid #6C075A;}
 #date {font-size:10px;}
 
 span.gris333 {
	color:#333;
}


/*#main.rose H1 {
color:#6C075A;
}
#main.bleu h1 {
color:#46498b;
}

#main.marron h1 {
color:#46498b;
}

#main.kaki h1 {
color:#46498b;
}
#main.marron h1 {
color:#46498b;
}
#main.gris h1 {
color:#46498b;
}
*/
#main.rose h3.intertitre {
	color:#6C075A;
	width:60%;
	border-bottom:solid 1px #6C075A;
	}
#main.bleu h3.intertitre {
	color:#46498b;
	width:60%;
	border-bottom:solid 1px #46498b;
	}
#main.kaki h3.intertitre {
	color:#7b7c32;
	width:60%;
	border-bottom:solid 1px #7b7c32;
	}
#main.marron h3.intertitre {
	color:#904f3d;
	width:60%;
	border-bottom:solid 1px #904f3d;
	}
#main.gris h3.intertitre {
	color:#6B8194;
	width:60%;
	border-bottom:solid 1px #6B8194;
	}
#main.rose .encadre {
	background:#f0e9ef;
	border:solid 1px #333;
	padding:10px;
	margin-bottom:10px;
}	
#main.bleu .encadre {
	background:#e0e1f0;
	border:solid 1px #333;
	padding:10px;
	margin-bottom:10px;
}	
#main.marron .encadre {
	background:#f0e0dc;
	border:solid 1px #333;
	padding:10px;
	margin-bottom:10px;
}

#main.kaki .encadre {
	background:#eff2e3;
	border:solid 1px #333;
	padding:10px;
	margin-bottom:10px;
}

#main.gris .encadre {
	background:#e1e6eb;
	border:solid 1px #333;
	padding:10px;
	margin-bottom:10px;
}
#main.rose div#article p.fin:after {content:url(../src/fin_rose.jpg);
	}
#main.bleu div#article p.fin:after {content:url(../src/fin_bleu.jpg);
	}
#main.marron div#article p.fin:after {content:url(../src/fin_marron.jpg);
	}
#main.kaki div#article p.fin:after {content:url(../src/fin_kaki.jpg);
	}
#main.gris div#article p.fin:after {content:url(../src/fin_gris.jpg);
	}
	div#article li{
	list-style: url(../src/puce_rose.gif);
	}
div#article div.encadre h3 {
		color:#000;
		}
#main p.lire_suite a {
	background: url(../src/puce_lire_suite.gif) no-repeat 0 center;
	padding-left:15px;
	margin:0;
		}
	div.list_rub.first.rose{
	margin:25px 10px 0 10px;
	padding-top:15px;
	border-top:1px solid #6C075A;
	}
	div.list_rub.first.bleu{
	margin:25px 10px 0 10px;
	padding-top:15px;
	border-top:1px solid #323464;
	}
	div.list_rub.first.marron{
	margin:25px 10px 0 10px;
	padding-top:15px;
	border-top:1px solid #904f3d;
	}
	div.list_rub.first.kaki{
	margin:25px 10px 0 10px;
	padding-top:15px;
	border-top:1px solid #6B8194;
	}
	div.list_rub.first.gris{
	margin:25px 10px 0 10px;
	padding-top:15px;
	border-top:1px solid #6B8194;
	}
	div.list_rub {
	margin:25px 10px 0 10px;
	padding:0;
	border-bottom:1px dotted #ccc;
	}
	
	div.list_rub.last.rose{
	margin:25px 10px 0 10px;
	padding:0;
	border-bottom:1px solid #6C075A;
	}
	div.list_rub.last.bleu{
	margin:25px 10px 0 10px;
	padding:0;
	border-bottom:1px solid #323464;
	}
	div.list_rub.last.marron{
	margin:25px 10px 0 10px;
	padding:0;
	border-bottom:1px solid #904f3d;
	}
	div.list_rub.last.kaki{
	margin:25px 10px 0 10px;
	padding:0;
	border-bottom:1px solid #6B8194;
	}
	div.list_rub.last.gris{
	margin:25px 10px 0 10px;
	padding:0;
	border-bottom:1px solid #6B8194;
	}	
	
	#main.rose h4.titre_rub_home {
	color:#000;
	font:bold 11px/18px arial;
	text-transform:uppercase;
	border-top:solid 2px #6C075A;
	}
	
	#main.bleu h4.titre_rub_home {
	color:#000;
	font:bold 11px/18px arial;
	text-transform:uppercase;
	border-top:solid 2px #46498b;
	}
	
	#main.marron h4.titre_rub_home {
	color:#000;
	font:bold 11px/18px arial;
	text-transform:uppercase;
	border-top:solid 2px #904f3d;
	}
	#main.kaki h4.titre_rub_home {
	color:#000;
	font:bold 11px/18px arial;
	text-transform:uppercase;
	border-top:solid 2px #7b7c32;
	}
	#main.gris h4.titre_rub_home {
	color:#000;
	font:bold 11px/18px arial;
	text-transform:uppercase;
	border-top:solid 2px #6B8194;
	}
	
	
	
	
#main.rose div.pagination a, #main.bleu div.pagination a, #main.marron div.pagination a, #main.kaki div.pagination a, #main.gris div.pagination a	{
		color:#000;
		font-weight:normal;
		font-size:10px;
		}
#main.rose div.pagination a.current {
		font-weight:bold;
		font-size:12px;
		color:#6C075A;
		}	
#main.bleu div.pagination a.current {
		font-weight:bold;
		font-size:12px;
		color:#46498b;
		}	
#main.marron div.pagination a.current {
		font-weight:bold;
		font-size:12px;
		color:#904f3d;
		}
#main.kaki div.pagination a.current {
		font-weight:bold;
		font-size:12px;
		color:#7b7c32;
		}	
#main.gris div.pagination a.current {
		font-weight:bold;
		font-size:12px;
		color:#6B8194;
		}	

#footer a {
		color:#000;
}
#footer a:hover {
		color:#000;
		text-decoration:underline;
		}	
		
#footer table,#footer table td	{
		backgroung:transparent;}
#col2 h6 {
			font:bold 11px arial;
			color:#000;
			text-transform:uppercase;}
	/* --- Lists | Listen	-------------------------------------------------------------------------------- */

	ul, ol, dl { line-height:1.5em; margin:0 0 1em 1em; }
	ul { list-style-type:disc; }
	ul ul { list-style-type:circle; margin-bottom:0; }

	ol { list-style-type:decimal; }
	ol ol { list-style-type:lower-latin; margin-bottom:0; }

	li { margin-left:0.8em; line-height:1.5em; }

	dt { font-weight:bold; }
	dd { margin:0 0 1em 0.8em; }

	/* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */

	p { line-height:1.5em; margin:0 0 1em 0; }

	blockquote, cite, q {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	}
	blockquote { margin:0 0 1em 1.6em; color:#666; }

	strong, b { font-weight:bold; }
	em,i { font-style:italic; }

	big { font-size:116.667%; }
	small { font-size:91.667%; }
 
	pre { line-height:1.5em; margin:0 0 1em 0; }
	pre, code, kbd, tt, samp, var { font-size:100%; }
	pre, code { color:#800; }
	kbd, samp, var, tt { color:#666; font-weight:bold; }
	var, dfn { font-style:italic; }

	acronym, abbr {
	border-bottom:1px #aaa dotted;
	font-variant:small-caps;
	letter-spacing:.07em;
	cursor:help;
	}

	sub, sup { font-size:91.6667%; line-height:0; }

	hr {
	color:#fff;
	background:transparent;
	margin:0 0 0.5em 0;
	padding:0 0 0.5em 0;
	border:0;
	border-bottom:1px #ccc dotted;
	}
	hr.rose {
	color:#fff;
	background:transparent;
	margin:0 0 0.5em 0;
	padding:0 0 0.5em 0;
	border:0;
	border-bottom:3px #6C075A solid;
	}
	
	hr.bleu {
	color:#fff;
	background:transparent;
	margin:0 0 0.5em 0;
	padding:0 0 0.5em 0;
	border:0;
	border-bottom:3px #323464 solid;
	}
	
	hr.marron {
	color:#fff;
	background:transparent;
	margin:0 0 0.5em 0;
	padding:0 0 0.5em 0;
	border:0;
	border-bottom:3px #5B3227 solid;
	}
	
	hr.kaki {
	color:#fff;
	background:transparent;
	margin:0 0 0.5em 0;
	padding:0 0 0.5em 0;
	border:0;
	border-bottom:3px #6B8194 solid;
	}
	hr.gris {
	color:#fff;
	background:transparent;
	margin:0 0 0.5em 0;
	padding:0 0 0.5em 0;
	border:0;
	border-bottom:3px #6B8194 solid;
	}
	/*--- Links ----------------------------------------------------------------------------------------- */
#header a { color:#fff; background:transparent; text-decoration:none; }
	#header a:hover { color:#; background:transparent; text-decoration:underline; }
	#header a:visited	{ color:#fff; }

#main a			{ color:#6C075A; background:transparent; text-decoration:none; }
#main a:hover	{ color:#6C075A; background:transparent; text-decoration:underline; }
	#main a:visited	{ color:#000; }
 /* #nav_outils a, #nav_outils a:visited{ color:#000; text-decoration:none;}
	#nav_outils a:hover { color:#000; text-decoration:underline; }*/
 
#main.rose #breadcrumbs, #main.rose #breadcrumbs a {color:#6C075A;}
#main.bleu #breadcrumbs, #main.bleu #breadcrumbs a {color:#46498b;}
#main.kaki #breadcrumbs, #main.kaki #breadcrumbs a {color:#6B8194;}
#main.marron #breadcrumbs, #main.marron #breadcrumbs a	{color:#5B3227;}
#main.gris #breadcrumbs, #main.gris #breadcrumbsa { color:#6B8194;}


#main div.rose a,#main div.rose a:hover, div.rose a, div.rose a:hover, #main.rose div#article a, #main.rose p.chapo {color:#6C075A;}
#main div.bleu a, #main div.bleu a:hover, div.bleu a,div.bleu a:hover, #main.bleu div#article a,	#main.bleu p.chapo {color:#46498b;}
#main div.kaki a, #main div.kaki a:hover, div.kaki a, div.kaki a:hover, #main.kaki div#article a, #main.kaki p.chapo {color:/*#6B8194*/#7b7c32;}
#main div.marron a,#main div.marron a:hover, div.marron a, div.marron a:hover, #main.marron div#article a,#main.marron p.chapo	{color:#904f3d;}
#main div.gris a,#main div.gris a:hover, .gris a, .gris a:hover, #main.gris div#article a, #main.gris p.chapo { color:#6B8194;}
	
	/* (en) maximum constrast for tab focus - change with great care */
	/* (en) Maximaler Kontrast für Tab Focus - Ändern Sie diese Regel mit Bedacht 
	a:focus { text-decoration:underline; color:#000; background: #fff; outline: 3px #f93 solid; }
	a:hover,
	a:active { color:#182E7A; text-decoration:underline; outline: 0 none; }*/

	/* --- images (with optional captions) | Bilder (mit optionaler Bildunterschrift) ------------------ */

	p.icaption_left { float:left; display:inline; margin:0 1em 0.15em 0; }
	p.icaption_right { float:right; display:inline; margin:0 0 0.15em 1em; }

	p.icaption_left img,
	p.icaption_right img { padding:0; border:1px #888 solid; }

	p.icaption_left strong,
	p.icaption_right strong { display:block; overflow:hidden; margin-top:2px; padding:0.3em 0.5em; background:#eee; font-weight:normal; font-size:91.667%; }
	
#header ul.head li {
	list-style: url(../src/puce_head.jpg);
		}
		
		#main.rose div#article ul li {
	list-style: url(../src/puce_rose.gif);
		}
#main.bleu div#article ul li {
	list-style: url(../src/puce_bleu.gif);
		}
#main.marron div#article ul li {
	list-style: url(../src/puce_marron.gif);
		}
#main.kaki div#article ul li {
	list-style: url(../src/puce_kaki.gif);
		}
#main.gris div#article ul li {
	list-style: url(../src/puce_gris.gif);
		}		
 /**
	* ------------------------------------------------------------------------------------------------- #
	*
	* Generic Content Classes
	*
	* (en) standard classes for positioning and highlighting
	* (de) Standardklassen zur Positionierung und Hervorhebung
	*
	* @section content-generic-classes
	*/

	.highlight { color:#c30; }
	.dimmed { color:#888; }

	.info { background:#f8f8f8; color:#666; padding:10px; margin-bottom:0.5em; font-size:91.7%; }

	.note { background:#efe; color:#040; border:2px #484 solid; padding:10px; margin-bottom:1em; }
	.important { background:#ffe; color:#440; border:2px #884 solid; padding:10px; margin-bottom:1em; }
	.warning { background:#fee; color:#400; border:2px #844 solid; padding:10px; margin-bottom:1em; }

	.float_left { float:left; display:inline; margin-right:1em; margin-bottom:0.15em; }
	.float_right { float:right; display:inline; margin-left:1em; margin-bottom:0.15em; }
	.center { display:block; text-align:center; margin:0.5em auto; }

 /**
	* ------------------------------------------------------------------------------------------------- #
	*
	* Tables | Tabellen
	*
	* (en) Generic classes for table-width and design definition
	* (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen
	*
	* @section content-tables
	*/
div#article table { width:auto; border-collapse:collapse; margin-bottom:0.5em; border-top:2px #888 solid; border-bottom:2px #666 solid; }
	div#article table caption { font-variant:small-caps; }
 div#article table.full { width:100%; }
 div#article table.fixed { table-layout:fixed; }

 div#article th, div#article td { padding:0.5em;color:#000; }
 div#article thead th { color:#000; border-bottom:2px #800 solid; }
 div#article tbody th { background:#e0e0e0; color:#333; }
 div#article tbody th[scope="row"], div#article tbody th.sub { background:#f0f0f0; }

 div#article tbody th { border-bottom:1px solid #fff; text-align:left; }
 div#article tbody td { border-bottom:1px solid #eee; color:#333;}

 div#article tbody tr:hover th[scope="row"],
 div#article tbody tr:hover tbody th.sub { background:#f0e8e8; }
 div#article tbody tr:hover td { background:#f4f4f4; }
 div#article tbody td a, div#article tbody td a:hover { color:#000; }

 /**
	* ------------------------------------------------------------------------------------------------- #
	*
	* Miscellaneous | Sonstiges
	*
	* @section content-misc
	*/

 /**
	* (en) Emphasizing external Hyperlinks via CSS
	* (de) Hervorhebung externer Hyperlinks mit CSS
	*
	* @section			 content-external-links
	* @app-yaml-default	disabled
	*/

	/*
	#main a[href^="http://www.my-domain.com"],
	#main a[href^="https://www.my-domain.com"]
	{
	padding-left:12px;
	background-image:url('your_image.gif');
	background-repeat:no-repeat;
	background-position:0 0.45em;
	}
	*/
	
	
	
}