/* CSS Document */





/* La structure de base de la page */



/*

table {border: 1px solid black}

td {border: 1px dotted gray}

div {border: 1px solid orange}

img, form {border: 1px dashed blue}

h1, h2, h3, h4, h5, h6, p {border: 1px solid yellow}

ul {border: 1px solid green}

li {border: 1px solid lightgreen}

*/


.flashfixe {

  position: fixed;

  top: 100px;

  left: 100px;

}



/* html>body .flashfixe {

position: fixed;

}

*/


body {

	position: relative;

	width: 750px;

    margin: 0 auto;

    padding: 0px;

	margin: 0 auto;

	background-image:url(images/fond.jpg);
	background-repeat:no-repeat;
	background-position:center top;



}




.titre_article_haut {
	background-image:  url(images/titre_article_haut.gif);
	height: 8px;
	padding: 0 0 0 0;
	margin: 15px 0 0 0;
}

.titre_article_centre {
	FONT-SIZE: 14pt; 
	COLOR: #FFFFFF; 
	FONT-FAMILY: Arial;
	FONT-WEIGHT: bold;
	border-left : 1px solid #0066CC;
	border-right : 1px solid #0066CC;
	background-color: #66CC33;
	padding: 0px 7px 0px 7px;
	margin: 0 0 0 0;
	list-style:none;
}

.titre_article_bas {
	background-image:  url(images/titre_article_bas.gif);
	height: 8px;
	padding: 0 0 0 0;
	margin: 0 0 10px 0;
}


.notationperso {

	MARGIN: 0 250px 10px 0;
	PADDING: 5px 5px 5px 5px;
	FONT-SIZE: 8pt;
	COLOR: #66CC33 ;
	FONT-FAMILY: Tahoma;
	border: 1px solid #66CC33;
}
.compteur {

	FONT-SIZE: 11px;
	COLOR: white;
	FONT-FAMILY: Tahoma;
	MARGIN: 0px 10px 0px 11px;
  	background-color: #66CC33; /* couleur du fond du menu */
  	border-left: 1px solid #FFFFFF;
  	border-right: 1px solid #FFFFFF;
	padding: 0 0 0 8px;
}

.dateMAJ {

	FONT-SIZE: 10px;
	COLOR: white;
	FONT-FAMILY: Tahoma;
	MARGIN: 0px 10px 0px 11px;
  	background-color: #66CC33; /* couleur du fond du menu */
  	border-left: 1px solid #FFFFFF;
  	border-right: 1px solid #FFFFFF;
	padding: 0 0 0 8px;
}


.cadrearticle {

	background-image:  url(images/cadrehaut-L460-vert arch.jpg);

	height: 20px;

	padding: 8px 0 0 20px;

	margin: 0;

	color: #ffffff;

	FONT-FAMILY: Arial; 

	text-decoration: none;

	font-size: 13px;

	FONT-WEIGHT: bold;

}



.cadrehautL450-actu {

	background-image:  url(images/cadrehaut-L460-violet.jpg);

	height: 20px;

	COLOR: #FFFFFF;

	padding: 8px 0 0 46px;

	margin: 0;

	FONT-FAMILY: Arial; 

	text-decoration: none;

	font-size: 13px;

	FONT-WEIGHT: bold;

}

.cadrecentreL450-actu {

	border-top : 1px solid #9834CC;

	border-left : 1px solid #9834CC;

	border-right : 1px solid #9834CC;

	background-color: #E7DCED;

	padding: 5px 5px 1px 7px;

	margin: 0;

	list-style:none;

}

.cadrecentreL450-actu ul {

	list-style:none;

	padding: 0;

	margin: 0;

}

.cadrecentreL450-actu ul li{

	margin: 0 0 5px 0;

}

.cadrebasL450-actu {

	background-image:  url(images/cadrebas-L460-violet.jpg);

	height: 14px;

	COLOR: #FFFFFF;

	padding: 0;

	margin: 0 0 20px 0;

}

.cadrecentreL450-actu ul li a:link, .cadrecentreL450-actu ul li a:visited {

	COLOR: #0066CC;

	TEXT-DECORATION: none;

	FONT-WEIGHT: normal;

}

.cadrecentreL450-actu ul li a:hover {

	COLOR: #FF9900;

}



.cadrehautL450-rptg {

	background-image:  url(images/cadrehaut-L460-vert.jpg);

	height: 20px;

	COLOR: #FFFFFF;

	padding: 8px 0 0 46px;

	margin: 0;

	FONT-FAMILY: Arial; 

	text-decoration: none;

	font-size: 13px;

	FONT-WEIGHT: bold;

}

.cadrecentreL450-rptg {

	border-top : 1px solid #66CC33;

	border-left : 1px solid #66CC33;

	border-right : 1px solid #66CC33;

	background-color: #DCFCCC;

	padding: 5px 1px 1px 7px;

	margin: 0;

	list-style:none;

}

.cadrebasL450-rptg {

	background-image:  url(images/cadrebas-L460-vert.jpg);

	height: 14px;

	COLOR: #FFFFFF;

	padding: 0;

	margin: 0 0 20px 0;

}

.cadrecentreL450-rptg img{

	border: 1px dashed #66CC33;

}

.titre-rptg, .titre-rptg a:link, .titre-rptg a:visited {

	FONT-SIZE: 11px; COLOR: #66CC33; FONT-FAMILY: Arial; FONT-WEIGHT: bold; text-decoration: underline;

}

.titre-rptg a:hover {

	COLOR: #FF9900;

}



.cadrepetit-jeu {

	float: left;

	width: 220px;

	display: inline;

}

.cadrehautL220-jeu {

	background-image:  url(images/cadrehaut-L220-orange.jpg);

	height: 20px;

	COLOR: #FFFFFF;

	padding: 8px 0 0 46px;

	margin: 0;

	FONT-FAMILY: Arial; 

	text-decoration: none;

	font-size: 13px;

	FONT-WEIGHT: bold;

}

.cadrecentreL220-jeu {

	border-top : 1px solid #F6AB02;

	border-left : 1px solid #F6AB02;

	border-right : 1px solid #F6AB02;

	background-color: #F6E6CC;

	padding: 5px 1px 1px 7px;

	margin: 0;

	list-style:none;

}

.cadrebasL220-jeu {

	background-image:  url(images/cadrebas-L220-orange.jpg);

	height: 14px;

	COLOR: #FFFFFF;

	padding: 0;

	margin: 0 0 20px 0;

}

.cadrecentreL220-jeu img{

	border: 1px dashed #F6AB02;

} 



.cadrepetit-prg {

	float: right;

	width: 220px;

	display: inline;

}

.cadrehautL220-prg {

	background-image:  url(images/cadrehaut-L220-bleuciel.jpg);

	height: 20px;

	COLOR: #FFFFFF;

	padding: 8px 0 0 46px;

	margin: 0;

	FONT-FAMILY: Arial; 

	text-decoration: none;

	font-size: 13px;

	FONT-WEIGHT: bold;

}

.cadrecentreL220-prg {

	border-top : 1px solid #34ACCB;

	border-left : 1px solid #34ACCB;

	border-right : 1px solid #34ACCB;

	background-color: #D6F8F8;

	padding: 5px 1px 1px 7px;

	margin: 0;

	list-style:none;

}

.cadrebasL220-prg {

	background-image:  url(images/cadrebas-L220-bleuciel.jpg);

	height: 14px;

	COLOR: #FFFFFF;

	padding: 0;

	margin: 0 0 20px 0;

}

.cadrecentreL220-prg img{

	border: 1px dashed #34ACCB;

}

	

.cadrehautL450-mond {

	background-image:  url(images/cadrehaut-L460-rouge.jpg);

	height: 20px;

	COLOR: #FFFFFF;

	padding: 8px 0 0 46px;

	margin: 0;

	FONT-FAMILY: Arial; 

	text-decoration: none;

	font-size: 13px;

	FONT-WEIGHT: bold;

}

.cadrecentreL450-mond {

	border-top : 1px solid #CE3553;

	border-left : 1px solid #CE3553;

	border-right : 1px solid #CE3553;

	background-color: #F4CDD0;

	padding: 5px 1px 1px 7px;

	margin: 0;

	list-style:none;

}

.cadrebasL450-mond {

	background-image:  url(images/cadrebas-L460-rouge.jpg);

	height: 14px;

	COLOR: #FFFFFF;

	padding: 0;

	margin: 0 0 20px 0;

}

.cadrecentreL450-mond img{

	border: 1px dashed #CE3553;

}

.titre-mond, .titre-mond a:link, .titre-mond a:visited {

	FONT-SIZE: 12px; COLOR: #CE3553; FONT-FAMILY: Arial; FONT-WEIGHT: bold; text-decoration: underline;

}

.titre-mond a:hover {

	COLOR: #FF9900;

}



.cadrehautL450-accu {

	background-image:  url(images/cadrehaut-L460-bleu.jpg);

	height: 20px;

	COLOR: #FFFFFF;

	padding: 8px 0 0 46px;

	margin: 0;

	FONT-FAMILY: Arial; 

	text-decoration: none;

	font-size: 13px;

	FONT-WEIGHT: bold;

}

.cadrecentreL450-accu {

	border-top : 1px solid #3665CD;

	border-left : 1px solid #3665CD;

	border-right : 1px solid #3665CD;

	background-color: #D8DFF2;

	padding: 5px 1px 1px 7px;

	margin: 0;

	list-style:none;

}

.cadrebasL450-accu {

	background-image:  url(images/cadrebas-L460-bleu.jpg);

	height: 14px;

	COLOR: #FFFFFF;

	padding: 0;

	margin: 0 0 20px 0;

}





.cadrepetit-acti {

	float: left;

	width: 220px;

	display: inline;

}

.cadrehautL220-acti {

	background-image:  url(images/cadrehaut-L220-vert-acti.jpg);

	height: 20px;

	COLOR: #FFFFFF;

	padding: 8px 0 0 46px;

	margin: 0;

	FONT-FAMILY: Arial; 

	text-decoration: none;

	font-size: 13px;

	FONT-WEIGHT: bold;

}

.cadrecentreL220-acti {

	border-top : 1px solid #66CC33;

	border-left : 1px solid #66CC33;

	border-right : 1px solid #66CC33;

	background-color: #DCFCCC;

	padding: 5px 1px 1px 7px;

	margin: 0;

	list-style:none;

}

.cadrebasL220-acti {

	background-image:  url(images/cadrebas-L220-vert.jpg);

	height: 14px;

	COLOR: #FFFFFF;

	padding: 0;

	margin: 0 0 20px 0;

}

.cadrecentreL220-acti img{

	border: 1px dashed #66CC33;

}



.cadrepetit-colo {

	float: right;

	width: 220px;

	display: inline;

}

.cadrehautL220-colo {

	background-image:  url(images/cadrehaut-L220-orange-colo.jpg);

	height: 20px;

	COLOR: #FFFFFF;

	padding: 8px 0 0 46px;

	margin: 0;

	FONT-FAMILY: Arial; 

	text-decoration: none;

	font-size: 13px;

	FONT-WEIGHT: bold;

}

.cadrecentreL220-colo {

	border-top : 1px solid #F6AB02;

	border-left : 1px solid #F6AB02;

	border-right : 1px solid #F6AB02;

	background-color: #F6E6CC;

	padding: 5px 1px 1px 7px;

	margin: 0;

	list-style:none;

}

.cadrebasL220-colo {

	background-image:  url(images/cadrebas-L220-orange.jpg);

	height: 14px;

	COLOR: #FFFFFF;

	padding: 0;

	margin: 0 0 20px 0;

}

.cadrecentreL220-colo img{

	border: 1px dashed #F6AB02;

}




div#bandeauhaut1 {

    background-color: #FFFFFF;

    height: 22px;

	background-image:  none;

}

div#bandeauhaut2 {

    background-color: #CCCCCC;

    height: 148px;

    margin: 0px;

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

}

div#colonnegauche {

    width: 160px;

    float: left;

	margin: 0 18px 0 0;

	padding: 0 0 0 0;

}

div#centre {

    padding: 0 0 0 0;

	margin: 0px;

	width: 450px;

	overflow:hidden;

}

	/* Hides from IE5-mac \*/

	* html div#centre {height: 1%;}

	/* End hide from IE5-mac */ 



	

div#centresommaire {

    padding: 0 0 0 0;

	margin: 0 0 0 0;

	width: 460px;

	overflow:hidden;

}



	/* Hides from IE5-mac \*/

	* html div#centresommaire {height: 1%;}

	/* End hide from IE5-mac */ 



	

div#colonnedroite {

    width: 95px;

    float: right;

	margin: 0 0 0 0;

	padding: 0 0 0 0;

}

div#pied {

    background-color: #FFFFFF;

    clear: both;

	height: 100px;

} 



div#column2 {

    margin: 0 0 0 0;

    padding: 0 0 0 0;

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

    background-position: right;

    background-repeat: repeat-y;

    width: 100%;

    background-color: #FFFFFF;

}

div#column1 {

    margin: 0 0 0 0;

    padding: 0 0 0 0;

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

    background-repeat: repeat-y;

    width: 100%; 

	overflow: hidden;

}

.clear {

    clear: both;

    display: block;

    height: 1px;

    overflow: hidden;

    margin: 0;

    padding: 0;

} 

	

#colonnevide {

	MARGIN: 700px 0 0 10px;

	Padding: 0 0 0 0;

	COLOR: #FF0000;

}





/* Le pied de page */



div#piedbleu {

    width: 160px;

	margin: 0;

    float: left;

	background-color: #0066CC;

	height: 100px;

}

div#copyright {

    width: 357px;

    float: left;

	background-color: #FFFFFF;

	height: 100px;

}

div#logoFR {

    width: 138px;

	margin: 0;

    float: left;

	background-color: #FFFFFF;

	height: 100px;

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

}

div#piedvert {

    width: 95px;

	margin: 0;

    float: right;

	background-color: #66CC33;

	height: 100px;

}



/* La barre de menu HAUT (bandeau haut) */



ul#menuhaut{

	margin:  5px 0 0 0;

}

#menuhaut li{

	display: inline;

	list-style: none;

	border-right : 1px solid #66CC33;

	margin: 5px;

	padding: 0 10px 0 0;

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

	font-size: 10px;

	color: #0066CC;

}

#menuhaut a:link, #menuhaut a:visited{

	text-decoration: none;

	color: #0066CC;

}

#menuhaut a:hover{

	text-decoration: none;

	color: #f3890f;

}







.textecopyright {
	color: #999999;
	font-size: 10px;
	line-height:12px;
	text-decoration: none;
	list-style: None;
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;
	margin: 39px 0px 0px 20px;
}

.textecopyright a:link, .textecopyright a:visited {
	COLOR: #0066CC;
	TEXT-DECORATION: none;
	FONT-WEIGHT: normal;
}

.textecopyright a:hover {
	COLOR: #FF9900;
}


.descriptifrubrique {

	FONT-SIZE: 11px; COLOR: #999999; FONT-FAMILY: Arial;

}

.descriptifsousrubrique {

	FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: Arial; margin: 5px 0 0 0; FONT-WEIGHT: lighter;

}





H1 {

	FONT-SIZE: 10pt; COLOR: #FF9900 ; FONT-FAMILY: Arial; border: 1px solid #FF9900;padding-left: 4px;BACKGROUND-COLOR: #fff4e6;

}



H2 {

	MARGIN: 40px 0 10px 0;

	PADDING: 0 0 0 0;

	FONT-SIZE: 10pt;

	COLOR: #0066CC ;

	FONT-FAMILY: Arial;

	display: block;

	border-bottom: solid #0066CC 1px;

}



H3, H3 a {

	FONT-WEIGHT: bold;

	FONT-SIZE: 12px;

	COLOR: #0238a4;

	FONT-FAMILY: Arial;

	TEXT-DECORATION: none;

	list-style-image: url(../imagescommunes/FlecheOrange.gif);

}

H3 a:hover {

	COLOR: #FF9900;	

}

H4, H4 a {

	FONT-WEIGHT: bold;

	FONT-SIZE: 12px;

	COLOR: #66CC33;

	FONT-FAMILY: Arial;

	TEXT-DECORATION: none;

	list-style-image: url(../imagescommunes/FlecheOrange.gif);

	border-bottom: 1px solid #66CC33;

}

H4 a:hover {

	COLOR: #FF9900;	

}



H3.sousgalerieimage {

	color: #66CC33	;

	MARGIN: 0 0 30px 0;

	FONT-SIZE: 11px;

	FONT-FAMILY: Arial;

	FONT-WEIGHT: normal;

}



.ListeArticles li, .ListeArticles a:link , .ListeArticles a:visited{

	margin: 0;

	padding: 0;

	FONT-WEIGHT: bold;

	FONT-SIZE: 12px;

	COLOR: #0066CC;

	FONT-FAMILY: Arial;

	TEXT-DECORATION: none;

	list-style:none;

	display: inline;

}

.ListeArticles a:hover{

	COLOR:#FF9900;

}

.ListeRubriques li, .ListeRubriques a:link , .ListeRubriques a:visited{

	margin: 10px 0 0 0;

	padding: 0;

	FONT-WEIGHT: bold;

	FONT-SIZE: 12px;

	COLOR: #0066CC;

	FONT-FAMILY: Arial;

	TEXT-DECORATION: none;

	list-style-image: url(../imagescommunes/FlecheOrange.gif);

	list-style-position: inside;

}

.ListeRubriques a:hover{

	COLOR:#FF9900;

}



/*  Habillage Hierarchie */



.ariane, .ariane a:link, .ariane a:visited {

	FONT-WEIGHT: normal;

	FONT-SIZE: 11px;

	COLOR:#CCCCCC;

	FONT-FAMILY: Arial;

	text-decoration: none;

}

.ariane a:hover {

	COLOR: #FF9900;

}





/* Le plan du site */



ul .PlanArticles, .PlanArticles li, .PlanArticles a:link, .PlanArticles a:visited, ul li .PlanArticles li, ul li .PlanArticles a:link, ul li .PlanArticles a:visited {

	FONT-WEIGHT: normal;

	FONT-SIZE: 12px;

	COLOR: #000000;

	FONT-FAMILY: Arial;

	TEXT-DECORATION: none;

	list-style-image: url(../imagescommunes/FlecheOrange.gif);

	PADDING: 0;

	MARGIN: 0;

}

.PlanArticles a:hover{

	COLOR:#FF9900;

}

ul li .PlanArticles {

	MARGIN: 10px 0 0 20px;

}

.PlanRubriques li, .PlanRubriques a:link , .PlanRubriques a:visited{

	margin: 10px 0px 0px 0px;

	FONT-WEIGHT: bold;

	FONT-SIZE: 12px;

	COLOR: #0066CC;

	FONT-FAMILY: Arial;

	TEXT-DECORATION: none;

	list-style-image: url(../imagescommunes/FlecheOrange.gif);

}

.PlanRubriques a:hover{

	COLOR:#FF9900;

}





/* Article */





.texte {

	FONT-SIZE: 12px; FONT-FAMILY: Arial; 

	MARGIN: 0 5px 0 0;

	overflow: hidden;

}

.texte a:link, .texte a:visited {

	COLOR: #0066CC;

	TEXT-DECORATION: none;

	FONT-WEIGHT: bold;

}

.texte a:hover {

	COLOR: #FF9900;

}

.textepetit {

	FONT-SIZE: 11px; FONT-FAMILY: Arial; 

	MARGIN: 0 5px 0 0;

	overflow: hidden;

	display: block;

}

.textepetit a:link, .textepetit a:visited {

	COLOR: #0066CC;

	TEXT-DECORATION: none;

	FONT-WEIGHT: bold;

}

.textepetit a:hover {

	COLOR: #FF9900;

}



.pagination {

	TEXT-ALIGN: right;

	FONT-SIZE: 12px; FONT-FAMILY: Arial; 

	MARGIN: 0 5px 0 0;

}

.pagination a:link, .pagination a:visited {

	COLOR: #0066CC;

	TEXT-DECORATION: none;

	FONT-WEIGHT: bold;

}

.pagination a:hover {

	COLOR: #FF9900;

}



.ps {

	FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: black; FONT-FAMILY: Arial; 

}

.lienretour, .lienretour a:link, .lienretour a:visited {

	MARGIN: 50px 0 0 0;

	FONT-WEIGHT: normal;

	FONT-SIZE: 11px;

	COLOR: #0066CC;

	FONT-FAMILY: Arial; 

	TEXT-DECORATION: none;

}

.lienretour a:hover {

	COLOR: #FF9900;

}



/* Zone actualité du site (les brèves du sommaire) */



#actualite {

	MARGIN: 0 0 30px 0; 

}

#actualite ul, #actualite li {

	MARGIN: 0 0 10px 0;

	PADDING: 0 0 0 0;

	list-style: none;

	FONT-WEIGHT: normal;

}

#actualite li a:link, #actualite li a:visited {

	COLOR: #0066CC;

	TEXT-DECORATION: none;

	FONT-WEIGHT: bold;

}

#actualite li a:hover {

	COLOR: #FF9900;

}

.ActualiteDate {

	FONT-SIZE: 10px; COLOR: #9834CC; FONT-FAMILY: Arial; FONT-WEIGHT: bold; 

	display: block;

	border-bottom: dashed 1px #D7AEED;

}

.ActualiteTexte {

	FONT-SIZE: 11px; COLOR: black; FONT-FAMILY: Arial; line-height: 14px; display: inline-block;

}



/* Zone Le dernier article publié (du sommaire) */



.articlesommaire {

	MARGIN: 0 0 10px 0;

}

.articlesommaire a:link, .articlesommaire a:visited {

	COLOR: #0066CC;

	TEXT-DECORATION: none;

	FONT-WEIGHT: bold;

}

.articlesommaire a:hover {

	COLOR: #FF9900;

}

.articlesommaireDate {

	FONT-SIZE: 11px; COLOR: black; FONT-FAMILY: Arial; FONT-WEIGHT: bold;

}

.articlesommaireTexte {

	FONT-SIZE: 12px; COLOR: black; FONT-FAMILY: Arial; 

}

.articlesommaireTitre, .articlesommaireTitre a:link, .articlesommaireTitre a:visited {

	FONT-SIZE: 12px; COLOR: #0066CC; FONT-FAMILY: Arial; FONT-WEIGHT: bold; text-decoration: underline;

}

.articlesommaireTitre a:hover {

	COLOR: #FF9900;

}

.articleliresuite, .articleliresuite a:link, .articleliresuite a:visited {

	FONT-SIZE: 10px; COLOR: #0066CC; FONT-FAMILY: Arial; FONT-WEIGHT: normal; text-decoration: none;

}

.articleliresuite a:hover {

	COLOR: #FF9900;

}



/* Zone Le dernier article publié (du sommaire) */



.articlesommairepetitgauche {

	MARGIN: 0 0 0 0;

	float: left;

	width: 210px;

	display: inline;

}

.articlesommairepetitdroite {

	MARGIN: 0 0 0 0;

	float: right;

	width: 210px;

	display: inline;

}





.detailsarticle, .detailsarticle a:link, .detailsarticle a:visited {

	FONT-FAMILY: Arial; 

	Margin: -8px 0 0 0;

	padding: 0;

	text-align: right;

	color: #CCCCCC;

	text-decoration: none;

	font-size: 10px;

}

.detailsarticle a:hover {

	color: #FF9900;

}



#documents_portfolio {

	MARGIN: 60px 0 0 0;

}



.encart {

	MARGIN: 20px 20px 20px 100px;

	color: #FF00FF;

	font-size: 9px;

	FONT-FAMILY: Arial;

	FONT-WEIGHT: normal;

}

.encart H3 {

	color: #66CC33;

	font-size: 11px;

	MARGIN: 0 0 0 0;

	FONT-FAMILY: Arial;

	FONT-WEIGHT: normal;

	text-decoration: none;

}

.encart ul li, .encart a:link, .encart a:visited {

	color: #66CC33;

	font-size: 11px;

	MARGIN: 0 0 0 0;

	FONT-FAMILY: Arial;

	FONT-WEIGHT: normal;

	text-decoration: none;

}

.encart a:hover {

	color: #FF9900;

}



.formulaire {

	MARGIN: 0 0 0 0;

	color: #66CC33;

	font-size: 12px;

	FONT-FAMILY: Arial;

	FONT-WEIGHT: bold;

}



.FormRechercher {

	MARGIN: 0 0 0 0;

	color: #66CC33;

	font-size: 12px;

	FONT-FAMILY: Arial;

	FONT-WEIGHT: bold;

}



/* Formulaire de recherche */



.formulaire_recherche { 

	MARGIN-LEFT: 11px;

	padding: 0;

	text-align: center;

	width:137px;

  	background-color: #66CC33; /* couleur du fond du menu */

  	border-left: 1px solid #FFFFFF;

  	border-right: 1px solid #FFFFFF;

}

.formulaire_recherche form { 

	margin:  0 0 0 0;

}

.texte_formrecherche {

	color: #66CC33;

	font-size: 12px;

}



/* ARTICLE : documents joints */



#documents_joints ul {

	margin: 0 0 0 0;

	padding: 0 0 0 0;

	list-style: none;

}

#documents_joints ul li {

	margin: 10px 0 0 0; 

}

#documents_joints ul li img {

	border: 10px solid white;

}

.spip_doc_titre, .spip_doc_titre a:link, .spip_doc_titre a:visited {

	color: #0066CC;

	font-size: 12px;

	FONT-FAMILY: Arial;

	FONT-WEIGHT: bold;

}

.spip_doc_titre a:hover {

	color: #FF9900;

}

.spip_doc_detail {

	color: #66CC33;

	font-size: 10px;

	FONT-FAMILY: Arial;

	FONT-WEIGHT: normal;

}

.spip_doc_descriptif {

	color: #999999;

	font-size: 10px;

	FONT-FAMILY: Arial;

	FONT-WEIGHT: normal;

}





/* LIENS : Page des liens */



.pageliens {

	FONT-FAMILY: Arial; 

	PADDING: 0 0 0 0;

	MARGIN: 0 0 0 0;

	overflow: hidden;

	line-height: 11px;

}

.pageliens {

	FONT-SIZE: 10px;

	COLOR: #000000;

}

.pageliens a:link, .pageliens a:visited{

	FONT-SIZE: 12px;

	COLOR: #66CC33;

	TEXT-DECORATION: none;

	FONT-WEIGHT: bold;

}

.pageliens a:hover {

	COLOR: #FF9900;

}



.cadredescription-haut {

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

	height: 5px; 

	padding: 0;

	margin: 10px 0 0 0;

}

.cadredescription-centre {

	MARGIN: 0;

	BORDER-left: 1px solid #0066CC;

	BORDER-right: 1px solid #0066CC;

	PADDING: 0px 5px 0px 5px;

	background-color: #FFFFCC;

}

.cadredescription-bas {

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

	height: 5px;

}

.cadredescription-centre img {

	border: dashed 1px #FF9900;

}





/* MENU DEROULANT VERTICAL */



ul#menulist li ul{ display:none; }



ul#menulist li:hover>ul{ display:block; }



ul#menulist {

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

  font-size: 11px;

  FONT-WEIGHT: bold;

  position: static;

  left: 10px;

  margin: 15px;

}



ul#menulist, ul#menulist ul {

  list-style:none;

  margin:0;

  padding:0;

  width:137px;

  background-color: #66CC33; /* couleur du fond du menu */

  border-left: 1px solid #FFFFFF;

  border-right: 1px solid #FFFFFF;

}

ul#menulist ul {

width:185px;

}

ul#menulist ul{

  position:absolute;

  top:-1px;

  left:134px;

  font-size: 11px;

  FONT-WEIGHT: bold;

  border: 1px solid #0066CC;

}



ul#menulist li{

  position:relative;

  margin:0px;

  padding:0px;

  _display:inline;

}



ul#menulist a{

  display:block;

  width:100%;

  text-decoration: none;

  text-indent: 5px;

  padding: 5px 0;

}

ul#menulist li:hover, ul#menulist li a:hover {

  color: #FF9900;

  background-color: #FFFFFF;

}

ul#menulist li.smenu a {

  background-image: url(../imagescommunes/FlecheBleue.gif);

  background-position: 98%;

  background-repeat: no-repeat;

}

ul#menulist li.smenu2 a {

  background-image: none;

}

ul#menulist a {

  color: #FFFFFF;

  text-decoration: none;

}





.menuderoulant {

	MARGIN-LEFT: 11px;

}

.menuderoulanthaut {

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

	background-repeat: no-repeat;

	MARGIN-LEFT: 11px;

	height: 20px;

}

.menuderoulantbas {

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

	background-repeat: no-repeat;

	MARGIN-LEFT: 11px;

	height: 20px;

}





/* Boutons de navigation dans les articles */



.navigationarticles {

	margin: 0;

	padding: 0;

}

.boutonprecedent {

	float:right;

	margin-left: 4px;

}

.boutonprecedent a:link, .boutonprecedent a:visited {

	background: url(../imagescommunes/navigprecedent.gif) no-repeat 0 0 ;

	width: 25px;

	display: block ;

	height: 25px;

}

.boutonprecedent a:hover{

	background: url(../imagescommunes/navigprecedent.gif) no-repeat 0 -25px ;

}

.boutonsuivant {

	float:right;

	margin-left: 4px;

}

.boutonsuivant a:link, .boutonsuivant a:visited {

	background: url(../imagescommunes/navigsuivant.gif) no-repeat 0 0 ;

	width: 25px;

	display: block ;

	height: 25px;

}

.boutonsuivant a:hover{

	background: url(../imagescommunes/navigsuivant.gif) no-repeat 0 -25px ;

}

.boutonhome {

	float: right;

	margin-left: 4px;

}

.boutonhome a:link, .boutonhome a:visited {

	background: url(../imagescommunes/navighome.gif) no-repeat 0 0 ;

	width: 25px;

	display: block ;

	height: 25px;

}

.boutonhome a:hover{

	background: url(../imagescommunes/navighome.gif) no-repeat 0 -25px ;

}

.boutonjouer a:link, .boutonjouer a:visited {

	background: url(../imagescommunes/boutonjouer.gif) no-repeat 0 0 ;

	width: 100px;

	display: block ;

	height: 60px;

}

.boutonjouer a:hover{

	background: url(../imagescommunes/boutonjouer.gif) no-repeat 0 -60px ;

}









/*  ------------------------------------------

/*  Habillage des forums

/*  ------------------------------------------ */



.forum-repondre, .forum-decompte {

	clear: both;

	margin-top: 2.5em;

	padding-top: 2px;

	font-size: 0.88em;

	font-weight: bold; }



/* * Habillage des forums */

ul.forum { display: block; clear: both; margin: 0; padding: 0;  }

.forum-fil { margin-top: 1.5em; }

.forum-fil ul { display: block; margin: 0; padding: 0; margin-left: 30px; list-style-image: url(../imagescommunes/FlecheOrange.gif);}

.forum-chapo .forum-titre, .forum-chapo .forum-titre a { display: block; margin: 0; padding: 0; font-weight: bold; text-decoration: none; color: #333; }

.forum-chapo small {}

.forum-texte { margin: 0; padding: 0.5em 1em 0 1em; color: #333; font-size: 0.82em; }

.forum-texte .forum-lien {}

.forum-texte .forum-repondre-message { margin: 0; padding: 1px 0; text-align: right; }



/* Boite d'un forum : eclaircissement progressif des bords */

ul .forum-message { border: 1px solid #FF9900; margin: 0; padding: 0; margin-bottom: 1em; }

ul ul .forum-message { border: 1px dotted #B8B8B8; }

ul ul ul .forum-message { border: 1px dotted #B8B8B8; }

ul ul ul ul .forum-message { border: 1px dotted #B8B8B8; }

ul ul ul ul ul .forum-message { border: 1px dotted #B8B8B8; }

ul ul ul ul ul ul .forum-message { border: 1px dotted #B8B8B8; }



/* Boite de titre d'un forum : mise en couleur selon la profondeur du forum */

ul .forum-chapo { border: none; border-bottom: 1px dotted #B8B8B8; margin: 0; padding: 3px 6px 2px 6px; font-size: 0.88em; background: #FFFFCC; }

ul ul .forum-chapo { background: #FFFFCC; }

ul ul ul .forum-chapo { background: #FFFFCC; }

ul ul ul ul .forum-chapo { background: #FFFFCC; border-bottom: 1px dotted #E0E0E0; }

ul ul ul ul ul .forum-chapo { background: #FFFFCC; }





.nouveaumessage {

	FONT-SIZE: 14px; FONT-FAMILY: Arial; 

}

.nouveaumessage a:link, .nouveaumessage a:visited {

	TEXT-DECORATION: none;

	FONT-WEIGHT: bold;

}

.nouveaumessage a:hover {

	COLOR: #FF9900;

}



.divforum {

	FONT-SIZE: 14px; FONT-FAMILY: Arial; 

}

.divforum a:link, .divforum a:visited {

	COLOR: #0066CC;

	TEXT-DECORATION: none;

	FONT-WEIGHT: bold;

}

.divforum a:hover {

	COLOR: #FF9900;

}





/*  ------------------------------------------

/*  Habillage des formulaires

/*  ------------------------------------------ */



/* Correction des styles HTML par defaut */

.formulaire_spip form, .formulaire_spip fieldset, .formulaire_spip legend, .formulaire_spip label, .formulaire_spip input, .formulaire_spip textarea, .formulaire_spip select, .formulaire_spip option { margin: 0; padding: 0; border: none; background: none; }



/* Styles des formulaires de Spip */

.formulaire_spip {

	text-align: left;

	font-size: 0.77em;

}



.formulaire_spip p {

	margin: 0.5em 0;

	padding: 0; }



.formulaire_spip fieldset {

    display: block;

	margin: 0.77em 0;

	padding: 0.77em;

	border: 1px solid #0066CC; }

.formulaire_spip legend { 

	font-weight: bold; 

	padding: 3px;

	background: #FFF; /* Sinon, superposition dans MSIE */

}



.formulaire_spip label {}

.formulaire_spip .forml {

	width: 99%;

	padding: 1px;

	border: 1px inset;

	font-family: inherit;

	font-size: inherit; }



.spip_bouton { text-align: center; }

.spip_bouton input {

	margin: 3px 0;

	padding: 1px 2px;

	border: 2px outset;

	font-weight: bold;

	float: right;

	color: #FFFFFF;

	background-color: #66CC33;

}

	

.titreformulaire {

	color: #0066CC;

}



/* Reponse du formulaire */

.reponse_formulaire { font-weight: bold; color: #F00; }

fieldset.reponse_formulaire { border: 1px dotted; font-weight: normal; }



/* Previsualisation du message */

fieldset.previsu {

	padding: 1em;

	border: 1px solid; }



/* Formulaire de login au forum */

.formulaire_login_forum .forml { width: 12em; }

.formulaire_login_forum .spip_logos { float: right; padding-left: 10px; }





/* Page de titre */



.pagetitrepetittexte {

	FONT-SIZE: 10px; FONT-FAMILY: Arial; 

	MARGIN: 0;

}

.pagetitrepetittexte a:link, .pagetitrepetittexte a:visited {

	COLOR: #0066CC;

	TEXT-DECORATION: none;

	FONT-WEIGHT: bold;

}

.pagetitrepetittexte a:hover {

	COLOR: #FF9900;

}



.pagetitreentrer {

	FONT-SIZE: 14px; FONT-FAMILY: Arial; 

	MARGIN: 0;

}

.pagetitreentrer a:link, .pagetitreentrer a:visited {

	COLOR: #0066CC;

	TEXT-DECORATION: none;

	FONT-WEIGHT: bold;

}

.pagetitreentrer a:hover {

	COLOR: #FF9900;

}