/* 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%;

}



body h4 {

font-size:115%;

}



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 #d8af4f;

	border-left: 10px solid #d8af4f;

	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:#d8af4f;

	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: #d8af4f;

}



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:831px;

	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:800px;

	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: 5px;
	width:100%;
	background: url(http://www.yatebase.com/images/top1.jpg) no-repeat 0px 0px;
	height: 249px;

}



#navigation-conteneur {

	background-color:#F0F0F0;

	height: 1.9em;

	border-left: 1px solid #d8af4f;

	border-top: 1px solid #d8af4f;

}



#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 #d8af4f;

}



#chemin {

/*	margin-bottom: 15px;*/

}





#corps {

	background-color:#d8af4f;

}



#navigation {

	padding-top:255px;

	float:right;

	width:220px;

}



#contenu {

	margin-top:270px;

	width:550px;

	float:left;

	padding-left: 10px;

	padding-right:10px;

/*	border-right: #CCCCCC solid 1px; */

}



* html #contenu {

	width: 520px; 

}



#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: #d8af4f;

	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:#d8af4f;

}





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



#active_menu-main {

	border-left: #FF0000 3px solid;

	text-indent:-3px;

	background-color:#FFF;

}



#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:#d8af4f;

	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:#d8af4f;

}



/************* 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:#d8af4f;

	background-color:#666;

}



table.contentpane td td {

	padding-left:5px;

}



table.contentpane table {

	margin-bottom:25px;

}



tr.sectiontableentry1 {

	background-color:#d8af4f;

}



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********/