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

.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:960px;
	left: 50%;
	margin-left: -480px;
	margin-bottom:50px;
}

#conteneur {
	padding: 0;
	background-repeat: repeat-y;
	background-image: url(../images/fond-ombre2.png);
}

#feuille {
	position:relative;
	width:900px;
	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: url(../images/bandeauvista1024.gif) no-repeat 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:900px;
	margin: 0 auto;
	padding: 0;
	background-position: center;
	height: 20px;
	background-image:url(../images/ombre-bas2.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:659px;
	float:left;
	padding-left: 10px;
	padding-right:10px;
	border-right: #CCCCCC solid 1px;
}

* html #contenu {
	width: 680px; 
	w\idth: 659px;
}

#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:940px;
	left: 50%;
	margin-left: -470px;
	height: 15px;
	background-image:url(../images/ombre-bas2.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********/