/* CSS Document */







/*définition des tailles de police relatives pour tous #mainlevel-haut a les éléments*/





body,.contentitem,td,th,code,kbd {



  font-size: 12px;



  line-height:150%;



}







/*/*/a{}



body,



body .contentitem,



body td,



body th,



body code,



body kbd {



  font-size: x-small;



  voice-family: "\"}\"";



  voice-family: inherit;



  font-size: small;



}



html>body,



html>body .contentitem,



html>body td,



html>body th,



html>body code,



html>body kbd {



  font-size: small;



}











body .small,



body .adminform td,



body .adminform select,



body .adminform input,



body .createdate,



body .modifydate,



body button-search,



body .button-login,



body .moduletable-login input,



body .moduletable-login ul,



body .pathway {



  font-size: xx-small;



  voice-family: "\"}\"";



  voice-family: inherit;



  font-size: x-small;



}







html>body .small,



html>body .adminform td,



html>body .adminform select,



html>body .adminform input,



html>body .createdate,



html>body .modifydate,



html>body button-search,



html>body .button-login,



html>body .moduletable-login input,



html>body .moduletable-login ul,



html>body .pathway {



  font-size: x-small;



}







body h2 {



font-size:150%;



line-height:170%;



}







h2.menutitle {



font-size:125%;



}







body h3 {
	font-size:125%;
	color: #FFF;



}







body h4 {
	font-size:115%;
	color: #FFF;



}







body h5 {



font-size:100%;



}







/* */







body,p,div,td,form,.small,.createdate,.modifydate {



	font-family: Verdana, Arial, Helvetica, sans-serif; 



	margin:0;



	padding:0;



}







h1,h2,h3,h4,h5,h6 {



	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; 



	margin:0;



	padding:0;



}







/* pour l'intégration de la lightbox */









.thumbnail{



	padding: 3px 3px 8px 3px;



	background-color: #222;



	border: 1px solid #2a2a2a;



	float: left;



	margin-left: 20px;



	margin-right: 10px;



	margin-bottom: 10px;



	}	







/* pour l'intégration de la lightbox -> FIN */







h1 {



	height:141px;



/*	background-image: url(../images/logoslogan.gif);



	background-repeat: no-repeat;



	background-position: 300px 30px;*/



}







h2 {



	color:#000;



	padding-left: 40px;



	background-image: url(../images/pomme30x30.gif);



	background-repeat:no-repeat;



	background-position:0px 0px;



}







h2.menutitle {



	background-image:none;



	color:#000;



	padding-left:0px;



	padding-top:20px;



}







h3 {



	padding: 0px 0px 5px 0px;



}







.contentitem {



	padding-bottom:30px;



}







.icones {



	text-align:right;



	padding-bottom:20px;



}







.enhaut {



	float:right;



	border:none;



}







.enhaut img {



	border:none;



}







.contentitem ol, .contentitem ul {



/*	list-style-type: none;



	margin:0;



	padding:0;*/



}







.contentitem ul li {



/*	background-image:url(../images/flechesmart.gif);



	background-repeat:no-repeat;



	background-position: 0px 7px;*/



	padding-left:15px;



}







.contentitem ul li ul li {



	background-image: none;



}







a.ext-link {



	background-image: url(../images/ext-link.gif);



	background-repeat:no-repeat;



	padding-left: 15px;



}







a.ext-link:hover {



	color:#666666;



	text-decoration:overline;



}







a[hreflang]:after {  



	content: " [" attr(hreflang) "]";



}







code.php {



	display:block;



	margin:0;



	font-family: monospace;



	border: 1px solid #eee;



	border-left: 10px solid #eee;



	padding: 10px;



	background: #f9f9f9;



}







code.css {



	display:block;



	margin:0;



	font-family: monospace;



	border: 1px solid #009933;



	border-left: 10px solid #009933;



	padding: 10px;



	background: #f9f9f9;



}







address {



	display:block;



	margin:0;



	border: 1px solid #cc0000;



	padding: 10px 10px 10px 20px;



	background: #f9f9f9;



	background-image: url(../images/rougelignes.gif);



	background-repeat: repeat-y;



       	font-style:normal;







}







.citation {



	display:block;



	margin:0;



	border: 1px solid #cc0000;



	padding: 10px 10px 10px 20px;



	background: #f9f9f9;



	background-image: url(../images/rougelignes.gif);



	background-repeat: repeat-y;



}







div.message {



	display:block;



	width:auto;



	margin-bottom:20px;



	border:#CC0000 1px solid;



	background-color:#FFFFCC;



	font-weight:bold;



	color:#CC0000;



	padding: 7px 10px 7px 10px



}







kbd {



/*	font-size: 1.1em;*/



	font-family: 'Courier New', Courier, monospace;



	color: #000;



	background-color: #f1f6f5;



	padding: 1px 3px;



	border: 1px solid;



	border-color: #E4E4E4 #748C8D #748C8D #E4E4E4;



	line-height: 1.7em;



}







.citation ul {



	list-style-type:none;



	padding:0;



	margin:0;



}







.citation li {



	background-image: url(../images/arrow-rouge9x9.gif);



	background-repeat:no-repeat;



	background-position: 4px 6px;



	padding-left:20px;



}







.comment {



	color:#FF0000;



}







.code {



	font-family: "Courier New", Courier, monospace;



	font-weight:bold;



}







.accessible {



	display:none;



}







/* Editeur HTML classe compatibles WAI pour les images */







.imdroitebord {border: 1px solid rgb(0, 0, 0); margin: 0px 0px 0px 10px; float: right;}



.imgauchebord {border: 1px solid rgb(0, 0, 0); margin: 0px 10px 0px 0px; float: left;}



.imcentrebord {border: 1px solid rgb(0, 0, 0); margin: 0px 10px 0px 10px; text-align:center;}



.imdroite {border: none; margin: 0px 0px 0px 10px; float: right;}



.imgauche {border: none; margin: 0px 10px 0px 0px; float: left;}



.imcentre {border: none; margin: 0px 10px 0px 10px; text-align:center;}







/****************/







/* validation php du formulaire de contact  DEBUT */







div.error {



	display:block;



	background: url(../images/rougelignes.gif) repeat;



	padding: 5px;



	width:430px;



}







.message {



	color:#000;



}







.invisible {



	color:#FFF;



	font-weight:bold;



}







/* validation php du formulaire de contact  FIN */







/* Phil a Form classes  DEBUT */







input.errHilite, select.errHilite, textarea.errHilite {



	border: 1px solid #DDC;



	background-color: #FFE;



}







label.errHilite {



	color: #C00;



}







ul#errors {



	list-style-type:none;



	display: none;



	margin-top: 1em;



	background-color: #FFE;



	border: 1px solid #CC9;



	padding: .3em;



	color: #C00;



	font-weight: bold;



}







ul#errors li {



	margin-top: .5em;



	margin-bottom: .5em;



	margin-left:1em;



	padding: 0;



}







ul#errors li.heading {



	list-style-type: none;



	color: #000;



	font-weight: normal;



	font-style: italic;



	margin: .5em 0;



	padding: 0;



}







/* Phil a Form classes  FIN */







/*********************************************************************************/







#wrapper {



	position:absolute;



	width:760px;



	left: 50%;



	margin-left: -380px;



	margin-bottom:50px;



}







#conteneur {



	padding: 0;



	background-repeat: repeat-y;



	background-image: url(../images/fond-ombre.png);



}







#feuille {



	position:relative;



	width:700px;



	left: 30px;



}







#bloccontenu {



/*	margin-top:250px;*/



}







#entete {



	position:absolute;



	top:171px;



}











#connexion {



	width:100%;



	position:absolute;



	top:0px;



	background-repeat: repeat;



	height:  /*30px*/2.3em;



	padding: 0px;



	background-image: url(../images/motif-noir.png);



}







#header {

	position:absolute;

	top: 2.3em;

	width:100%;

	background-image: url(../../../images/bannerHeader.jpg);

	background-repeat: no-repeat;

	background-position: 0px 0px;



}







#navigation-conteneur {



	background-color:#F0F0F0;



	height: 1.9em;



	border-left: 1px solid #FFF;



	border-top: 1px solid #FFF;



}







#recherche {



	float:right;



}







#nav-haut {



}







#ombre-nav {



	width:700px;



	margin: 0 auto;



	padding: 0;



	background-position: center;



	height: 20px;



	background-image:url(../images/ombre-bas.png);



	border-top: 1px solid #FFF;



}







#chemin {



/*	margin-bottom: 15px;*/



}











#corps {



	background-color:#FFF;



}







#navigation {



	padding-top:255px;



	float:right;



	width:220px;



}







#contenu {



	margin-top:255px;



	width:459px;



	float:left;



	padding-left: 10px;



	padding-right:10px;



	border-right: #CCCCCC solid 1px;



}







* html #contenu {



	width: 480px; 



	w\idth: 459px;



}







#modules-bas {



/*	margin-right:250px;



	margin-top:15px;    à ajouter si non vide*/



}







#separateur {



	clear: both;



	height:15px;



	background-color: #fff;



}











#deco {



	z-index:50;



	position:absolute;



	top:25px;



	left:5px;



}







#deco2 {



	z-index:30;



	position:absolute;



	top:25px;



	left:5px;



}







#bas-noir {



	background-repeat: repeat;



	height: 10px;



	background-image: url(../images/motif-noir.png);



}







#ombre-b {



	position:relative;



	width:740px;



	left: 50%;



	margin-left: -370px;



	height: 15px;



	background-image:url(../images/ombre-bas.png);



}







#pied {



	text-align:center;



	margin-bottom:15px;



}







#pied a {



	font-variant: small-caps;



	text-decoration:none;



	color:#000;



}







#pied a:hover {



	border-bottom: 1px dotted #666;



	cursor: help;



}











/***********************************************************/



/***************** PARAMETRES JOOMLA ***********************/



/***********************************************************/











/*navigation entre les articles*/



ul.navig  {



	background-image:none;



	list-style-type:none;



	padding:20px 0 0 0;



	margin:0;



}







li.pagenav_prev,li.pagenav_next {



	background-image:none;



	float:left;



	width:43%;



}







li.pagenav_prev {



	text-align:right;



	padding-right:5%;



}







li.pagenav_next {



	text-align:left;



	padding-left:5%;



}



/******************************/







.moduletable-right {



	border-top:#CCCCCC solid 1px;



	padding: 10px;



	background-image: url(../images/degrade-module.png);



	background-repeat:repeat-x;



}







.pathway { padding: 0 0 0 10px; }



a.pathway {	padding:0; }



a.pathway:hover { text-decoration:none; }







table.contentpane {



	border: #CCCCCC 1px solid;



	padding:10px;



}











/***************LOGIN****************/







.moduletable-login div



{



	padding:5px 0px 5px 5px;



	color:#FFFFFF;



}







.moduletable-login ul



{



	float:right;



	color:#FFFFFF;



	margin: 0 ;



	padding: 0 ;



	list-style-type: none ;



}







.moduletable-login a



{



	color:#FFFFFF;



}







.moduletable-login a:hover



{



	text-decoration:none;



}











.moduletable-login li



{



	float: left ;



	margin:5px 0px 5px 5px;



}







.button-login {



	border:#FFFFFF 1px solid;



}







/*************************************/







/***************SEARCH****************/







div.moduletable-search  {



	margin:0px 3px 3px 3px;



}







div.moduletable-search form  {



	margin:0;



	padding:0;



}







div.search-search  {



}







.search-search input {



}







.button-search {



	border:#999 1px solid;



	margin: 0 5px;



	padding:0 5px;



}







fieldset {



	border:#CCC 1px dotted;



	padding:5px;



	margin-top:20px;



}







/*************************************/







/***************TOP MENU****************/







#mainlevel-haut



{



	line-height:1.9em;



	margin: 0 ;



	padding: 0 ;



	list-style-type: none ;



}







#active_menu-haut {



	background-color: #FFF;



	color:#000;



}







#mainlevel-haut li



{



	float: left ;



	background-color:#CCC;



}







#mainlevel-haut a



{



	font-size:x-small;



	font-weight:bold;



	color:#000;



	text-decoration:none;



	display:block;



	border-right: #FFFFFF 1px solid;



	padding-right: 8px;



	padding-left: 8px;



}







#mainlevel-haut a:hover



{



	background-color:#000;



	color:#FFF;



}











/********** MENU PRINCIPAL ***********/







#active_menu-main {



	border-left: #FF0000 3px solid;



	text-indent:-3px;



	background-color:#EEE;



}







#active_menu-main.sublevel-main {



	border-left: #FF0000 1px solid;



	text-indent:-1px;



}







.level1-main



{



	margin: 0 ;



	padding: 0 ;



	list-style-type: none ;



}







.level1-main a {



	color:#000;



	text-decoration:none;



	display:block;



	width:182px;



	padding-left: 15px;



	width:182px;



	line-height:20px;



}







.level1-main a:hover {



	background-color:#DDD;



	border-left: #AAA 3px solid;



	text-indent:-3px;



}







.level2-main {



	margin: 0;



	padding-left:15px;



	list-style-type:none;



	font-size:85%;



}







.level2-main a {



	width:169px;



}







.level2-main a:hover {



	background-color:#DDD;



	border-left: #AAA 1px solid;



	text-indent:-1px;



}







/*************************************/







/* Mise en forme du sommaire des articles */















table.contenttoc {



	float:right;



	border: #ccc 1px solid;



	margin-left:10px;



	margin-bottom: 10px;



}







table.contenttoc th {



	background-color:#ccc;



	font-size: 80%;



	color:#fff;



	padding:0px 5px;



}







table.contenttoc td {



	padding:3px 5px;



}







a.toclink {



	display:block;	



	text-decoration:none;



	font-size: 85%;



	line-height:95%;



	color:#000000;



	padding-left:7px;



	padding-right:7px;







}







a.toclink:hover {



	color:#999999;



	border-left:#FF0000 2px solid;



	text-indent:-2px;



}







div.pagenavcounter {



	text-align:center;



	font-size:85%;



	font-weight:bold;



	width:30%;



	background-color:#ccc;



	margin-bottom:16px;



	color:#fff;



}







/************* fin du sommaire ************/







/****latest news*****/







ul.latestnews-right {



	list-style-type:none;



	padding:0;



	margin:0;



}







li.latestnews-right {



	background-image: url(../images/arrow-rouge.gif);



	background-repeat:no-repeat;



	background-position: 0px 5px;



	padding-left:15px;



}







a.latestnews-right {



	color:#000;



	text-decoration:none;



}







a.latestnews-right:hover {



	color:#999;



}







/**** Tableau des catégories******/







.sectiontableheader {



	text-align:left;



	margin-top:20px;



	padding-top:2px;



	padding-bottom:2px;



	font-weight:bold;



	color:#fff;



	background-color:#666;



}







table.contentpane td td {



	padding-left:5px;



}







table.contentpane table {



	margin-bottom:25px;



}







tr.sectiontableentry1 {



	background-color:#eee;



}







tr.sectiontableentry2 {



	background-color:#ddd;



}







/******** Clouds *************/







a.cloud0, a.cloud1, a.cloud2, a.cloud3, a.cloud4 { padding-right: 5px; text-decoration:none; color:#000; }







a.cloud0 { font-size: 80%; }



a.cloud1 { font-size: 110%; }



a.cloud2 { font-size: 140%; }



a.cloud3 { font-size: 170%; }



a.cloud4 { font-size: 200%; }







a.cloud0:hover, a.cloud1:hover, a.cloud2:hover, a.cloud3:hover, a.cloud4:hover { text-decoration:underline; }







/******* Accessibility *******/







acronym {



	border-bottom: 1px dotted #3C528B;



	cursor: help;



}







abbr {



    background-color: #ccc;



    color: #000;



}







.langEN {



/*	background-color: Yellow;



	color: #000;*/



}







/********extended menu********/
.fqsf {
	font-style: italic;
}