body { text-align: left; background: #fff; font-family: Arial; font-size: 80%; color: #333; margin: 0  }
	.clear { clear: both }
	.clearleft { clear: left }	
	a { outline: 0 none; color: #333333 }
	
	a img { border: 0;}
	
	#page { border: 1px none #fff; margin: 20px auto;  margin-top: 0; text-align: left; padding-bottom: 20px; width: 918px; position: relative; height: 900px }

	div#menu { background: #fff; padding: 0; position: absolute; left: 0 ; top: 150px; border-top: 1px none #666; border-bottom: 1px none #666; z-index: 20; width: 918px }
	
	ul {
		list-style-type: circle;
		font-size: 100%;
		line-height: 16px;
		margin-bottom: 10px;
		padding-left: 15px;
	}	

	ol {
		font-size: 100%;
		line-height: 16px;
		margin-bottom: 10px;
		padding-left: 15px;
	}	

	#menu div { float: left; position: relative; }
	#menu div#div_1 {  }
	#menu div#div_3 { display: none; }
	
	#menu div h3 { font-weight: normal; padding: 5px 2px; margin: 0; margin-right: 10px; border: 7px none #fff; position: relative; cursor: pointer; font-size: 85%; text-transform: uppercase;  background: transparent }
	
	.v1 #menu div h3 { font-size: 90%; padding: 3px 2px ; padding-right: 12px; margin-right: 12px; border-right: 1px solid #ccc;  }

	.v1 #menu div#div_1 h3 { }

	
	#menu div h3 span.surligne { background: #fff; position: absolute; width: 100%; height: 12px; margin-top: 1px; left: 0; display: none !important  }
	#menu div h3 span { position: relative; z-index: 2  }
	#menu div h3:hover span.surligne { background: transparent !important }
	#menu div h3:hover { color: #fff !important;  }

	.v1 #menu div h3 span { display: block; padding: 0 3px }
	.v1 #menu div h3:hover span { background: #f30 }
	.v1 #menu div.ouvert h3:hover span { background: transparent }

	#menu div#div_2 h3 { margin-left: 0 }
	#menu div#div_7 h3 { margin-right: 0 }

	#menu .list.ouvert h3 { z-index: 11; color: #958bad !important }
	#menu .list.ouvert h3:hover { color: #958bad !important; }
	#menu .list.ouvert h3 span.surligne { margin-top: 17px; height: 6px; z-index: 3; background-color: #958bad !important; }

	#menu .list ul { list-style-type: none; margin: 0; padding: 10px 0; background: #eee; position: absolute; display: none; min-width: 180px; margin-top: 0; border: 3px solid #958bad !important; z-index: 3;  margin-top: 1px }
	#menu .list ul li { padding: 0 7px; margin: 2px 0; color: #958bad !important; border-color: #ccc !important }	
	#menu .list ul li a{ color: #958bad;
	text-decoration: none;
	padding: 2px 3px;
	display: block;
}
	#menu .list ul li a:hover{ color: #f30; background-color: #eee; }		
	#menu .list.ouvert ul { display: block; position: absolute; }	
	#menu .list.ouvert ul li:hover {  }	


	#menu .list.ouvert li.selection a{ background-color: #958bad; color: #fff !important; }


	/* ACCUEIL */
	
#menu .list#div_1 ul { width: 432px; padding: 15px; }
#menu .list#div_1 li { float: left; margin: 0; }
.vignette { padding: 10px; }

#list_1-element_3 a { display: block; width: 124px; height: 131px; background: url('/media/fr/vignette-contact.png') 13px 11px no-repeat;  }
#list_1-element_3 a span { display: none;  }

#list_1-element_2 a { display: block; width: 124px; height: 131px; background: url('/media/fr/vignette-blog.png') 13px 11px no-repeat;  }
#list_1-element_2 a span { display: none;  }

#list_1-element_1 a { display: block; width: 124px; height: 131px; background: url('/media/fr/vignette-accueil.png') 13px 11px no-repeat;  }
#list_1-element_1 a span { display: none;  }


	
	/* LA FONDATION */
	
#menu .list#div_2 ul { width: 200px; }
#menu .list#div_2 h3:hover span.surligne, #menu .list.ouvert#div_2 h3 span.surligne { background-color: #958bad }
#menu .list#div_2 li { border-bottom: 1px solid #ccc; margin: 3px 10px 0; padding: 0 0 3px; }
#menu .list#div_2 li.sousrub { font-weight: normal;  border-bottom: 1px solid #ccc;}
#menu .list#div_2 li#list_2-element_5 { border-bottom: none }


	/* NOS OUTILS */
	
#menu .list#div_3 ul { width: 220px }
#menu .list#div_3 li { margin: 0 10px 0 20px; border-bottom: 1px solid #958bad; padding: 0; }
#menu .list#div_3 li { color:  #ccc; }
#menu .list#div_3 li.sousrub { font-weight: bold; padding: 0; padding-left: 6px;  margin: 5px; border: none;}
#menu .list#div_3 li#list_3-element_2 a, #menu .list#div_3 li#list_3-element_3 a, #menu .list#div_3 li#list_3-element_4 a { color: #999; }
#menu .list#div_3 li#list_3-element_2 a:hover, #menu .list#div_3 li#list_3-element_3 a:hover, #menu .list#div_3 li#list_3-element_4 a:hover { color: #f30; }


	/* DIGNITÉ ET DROITS DES FEMMES */
	
#menu .list#div_4 ul { width: 300px; padding: 15px; padding-top: 0;  }
#menu .list#div_4 ul .sousrub { margin-top: 14px;
	margin-bottom: 7px;
}
#menu .list#div_4 li {  }
#menu .list#div_4 h3:hover span.surligne, #menu .list.ouvert#div_4 h3 span.surligne { background-color: #FFD02B }
#menu .list#div_4 li:hover { background: transparent }
div#menu .list#div_4 ul li#list_4-element_4, div#menu .list#div_4 ul li#list_4-element_2{ border-bottom: 1px dashed #ccc; padding-bottom: 15px; padding-left: 0;margin-left: 7px;}
#menu .list#div_4 li a { color: #999; text-decoration: none; display: inline; padding: 2px 0px;
}
#menu .list#div_4 li a:hover{ background: transparent }

#menu .list#div_4 li a:hover span{ color: #333; background: #ffd208 }

#menu .list#div_4 li a.selection span { background: #FFD02B !important; color: #333 !important }


div#menu .list#div_4 ul li#list_4-element_2 a{ background: url('/media/fr/sommaire-thematiques.png') no-repeat center top; display: block; width: 280px; height: 124px; border: 1px dotted #fff }

div#menu .list#div_4 ul li#list_4-element_2 a:hover { border: 1px dotted #ccc }
div#menu .list#div_4 ul li#list_4-element_2 a span{ display: none; }

	/* PROJETS ET ACTIONS */

#menu .list#div_5 ul { width: 300px; font-weight: normal; }
/*div#menu .list#div_5 ul li#list_5-element_2, #menu .list#div_5 ul li#list_5-element_8 { padding-bottom: 10px; margin-bottom: 10px; border-bottom-style: dotted; border-bottom-width: 1px; }*/
#menu .list#div_5 h3:hover span.surligne, 		#menu .list.ouvert#div_5 h3 span.surligne { background-color: #00ACD4 }
#menu .list#div_5 li { margin: 0 10px; padding: 0; }
#menu .list#div_5 li:hover { background: transparent; }
#menu .list#div_5 li.sousrub { font-weight: normal;  border-bottom: 1px none #ccc;}


	/* S'INFORMER */

#menu .list#div_6 ul { width: 220px; }
#menu .list#div_6 h3:hover span.surligne, #menu .list.ouvert#div_6 h3 span.surligne { background-color: #958bad }
/*#menu .list#div_6 li { border-bottom: 1px solid #ccc; margin: 3px 10px 0; padding: 0 0 3px; }*/
#menu .list#div_6 li { border-bottom: 1px solid #ccc; margin: 3px 10px 0; padding: 0 0 3px; }
/*#menu .list#div_6 li#list_6-element_4 { border-bottom: none }*/
#menu .list#div_6 li.sousrub { font-weight: normal;  border-bottom: 1px solid #ccc;}

	
	/* AGIR ENSEMBLE */
		
#menu .list#div_7 ul { position: absolute; right: -5px; }
#menu .list#div_7 h3:hover span.surligne, #menu .list.ouvert#div_7 h3 span.surligne { background-color: #f30 }
#menu .list#div_7 li { margin: 0 10px 0 20px; border-bottom: 1px solid #958bad; padding: 0; }
#menu .list#div_7 li { color:  #ccc; }
#menu .list#div_7 li.sousrub { font-weight: bold; padding: 0; padding-left: 6px;  margin: 5px; border: none;}
#menu .list#div_7 li.sousrub:hover {  }
#menu .list#div_7 li.sousrub#list_7-element_1 { cursor: default; }
#menu .list#div_7 li.sousrub#list_7-element_1:hover { }
#menu .list#div_7 li#list_7-element_2 a, #menu .list#div_7 li#list_7-element_3 a, #menu .list#div_7 li#list_7-element_4 a, #menu .list#div_7 li#list_7-element_5 a, #menu .list#div_7 li#list_7-element_6 a { color: #999; }
#menu .list#div_7 li#list_7-element_2 a:hover, #menu .list#div_7 li#list_7-element_3 a:hover, #menu .list#div_7 li#list_7-element_4 a:hover, #menu .list#div_7 li#list_7-element_5 a:hover, #menu .list#div_7 li#list_7-element_6 a:hover { color: #f30; }
#menu .list#div_7 li a { color:  #999999; }
#menu #div_7 .sousrub a { color:  #958BAD !important; }
	
	/* RECHERCHE */
		
	#menu .list#div_8 { left: auto; right: -5px; position: absolute; display: none }
	#menu .list#div_8 h3 { background: url('/media/fr/loupe.png') no-repeat 70% 50%; height: 20px; width: 60px; border: none }
	#menu .list#div_8 h3:hover { color: #eee;  }
	#menu .list#div_8 h3 span { display: none }
	#menu .list#div_8 ul { left: auto; right: 5px; padding: 0; padding: 10px; width: 250px; background-color: #fff !important; margin-top: -1px}
	#menu .list#div_8 ul li:hover { background: transparent;  }
	#menu .list#div_8 input[type=text] { width: 180px }

	#menu ul li.sousrub { font-weight: bold;  }	
	#menu ul li.sousrub:hover { background: transparent !important }	
	

#menu-2 .list .noborder {
	border-bottom:1px none #CCCCCC !important;
	margin-bottom:10px;
	padding-bottom:10px;
}
#menu .noborder {
	border-bottom:1px none #CCCCCC !important;
	margin-bottom:10px;
	padding-bottom:10px;
}

.rubwithborder {
	border-top:1px dotted #CCCCCC;
	margin-top:10px !important;
	padding-top:10px !important;
}

.withborderbotton {
	border-bottom:1px dotted #CCCCCC !important;
	margin-bottom:10px !important;
	padding-bottom:10px !important;
}
	

	#logo { text-align: center; position: relative; padding-bottom: 40px }
	#logo img { ;  }
	
	#slogan { position: absolute; width: 100%; top: 210px; background: #c9a886; z-index: 4; min-height: 44px; overflow: hidden;  }
	#slogan p { margin: 0; color: #fff }
	#slogan p span { display: block; color: #bbb; font-size: 16px; padding: 10px; }

	#slogan:hover {  cursor: pointer; }
	#slogan:hover p { color: #000;  }

	
	#animation { top: 0; text-align: center; background: transparent; width: 100%; height: 44px; position: absolute; cursor: pointer;  }
	
	#slogan #animation img { display: none; position: absolute;  }
	.ouvert#slogan #animation img { display: block }
	.ouvert#slogan #animation { display: block; width: 100%; height: 585px }
	
	#cache { width: 922px; height: 590px; background: transparent; position: absolute;  top: 210px; display: none; z-index: 3;  }

	.ouvert#cache { display: block; }
	
	#puzzle { width: 918px; height: 536px; background: #fff; position: absolute; overflow: hidden; top: 228px  }
	#puzzle .bloc { margin-right: 2px; margin-bottom: 2px;  position: absolute; overflow: hidden; left: -300px; top: -300px;  }
	
	
	#puzzle .bloc img {  }
	
	#puzzle .bloc .selection { display: block; position: absolute; left: 0; top: 0;  border: 4px solid #000; display: none;  }
	
	#puzzle .bloc .verso .selection { border: 0px solid #000;  }
	
	#puzzle .bloc:hover .selection { display: block }
	#puzzle .bloc.verso .selection { display: block !important }
/*
	#puzzle .bloc:hover .accroche .selection { display: none }
	#puzzle .bloc:hover .accroche h6 { display: none }
*/
	#puzzle .bloc h6 { position: absolute; bottom: 4px; margin: 0; background:  url('/media/img/transp-noir-70.png'); color: #fff; display: none; left: 0; width: 100%; font-size: 13px ; font-weight: bold;  }

	#puzzle .rub1.bloc h6 { background: #000; color: #fff;  }
	/*
	#puzzle .rub2.bloc h6 { background: #88aa29;  }
	#puzzle .rub3.bloc h6 {  }
	#puzzle .rub4.bloc h6 { background: #f4ab00;  }
	#puzzle .rub5.bloc h6 { background: #00ACD4;  }
	#puzzle .rub6.bloc h6 { background: #b265ab;  }
	#puzzle .rub7.bloc h6 { background: #f30;  }
	*/
	
	
	#puzzle .rub1 .bloc-contenu.verso  { background: #000;  }
	#puzzle .rub2 .bloc-contenu.verso  { background: #c9a886;  }
	#puzzle .rub3 .bloc-contenu.verso  {  }
	#puzzle .rub4 .bloc-contenu.verso  { background: #FFD02B;  }
	#puzzle .rub5 .bloc-contenu.verso  { background: #00ACD4;  }
	#puzzle .rub6 .bloc-contenu.verso  { background: #958bad;  }
	#puzzle .rub7 .bloc-contenu.verso  { background: #f30;  }
	
	
	

	#puzzle .rub1.bloc .verso .selection { border-color: #000;  }
	#puzzle .rub2.bloc .verso .selection { border-color: #c9a886;  }
	#puzzle .rub3.bloc .verso .selection {  }
	#puzzle .rub4.bloc .verso .selection { border-color: #FFD02B;  }
	#puzzle .rub5.bloc .verso .selection { border-color: #00ACD4;  }
	#puzzle .rub6.bloc .verso .selection { border-color: #958bad;  }
	#puzzle .rub7.bloc .verso .selection { border-color: #f30;  }
	
	#puzzle .bloc h6 span { display: block; margin: 5px 10px;  }
	#puzzle .bloc:hover h6 {  display: block  }

	
	#puzzle .gm { width: 343px; height: 265px;    }
	#puzzle .mm { width: 228px; height: 176px;   }
	#puzzle .pm { width: 113px; height: 87px;   }
	
	#puzzle .gm .selection { width: 336px; height: 257px;    }
	#puzzle .mm .selection { width: 220px; height: 168px;   }
	#puzzle .pm .selection { width: 106px; height: 79px;   }	
	/*
	#puzzle .bloc.gm h6 { left: 10px; width: 323px; } 
	#puzzle .bloc.mm h6 { left: 10px; width: 208px; } 
	#puzzle .bloc.pm h6 { left: 10px; width: 93px; } 
	*/
	
	#puzzle .gm .titre { font-size: 14px; line-height: 100% }
	#puzzle .gm .texte { font-size: 11px; line-height: 120% }
	
	#puzzle .pm .titre { font-size: 108%; line-height: 120% }
	
	
	#puzzle #bloc_1 {  }

	

	.bloc-contenu { cursor: pointer; text-align: left; margin: 0 auto; overflow: hidden; position: relative; z-index: 1 }

	.bloc-contenu:hover { border-bottom: 2px solid #e20065; z-index: 20 }

	.bloc.gm, .bloc.gm .bloc-contenu, .bloc.gm p.bloc-paragraphe { width: 343px; height: 265px;  }
	.bloc.gm img { height: 265px }

	.bloc.mm, .bloc.mm .bloc-contenu, .bloc.mm p.bloc-paragraphe { width: 228px; height: 176px;  }
	.bloc.mm img { height: 176px }
	
	.bloc.pm, .bloc.pm .bloc-contenu, .bloc.pm p.bloc-paragraphe { width: 113px; height: 87px;  }
	.bloc.pm img { height: 87px;  }

	.recto p { display: none }

	.verso img { display: none }



	p.bloc-paragraphe { /*background: #ddd; */ margin: 0; font-size: 11px; border-top: 1px none #ddd; position: absolute;  }
	
	p.bloc-paragraphe .texte-lien { display: block; margin: 4px; padding: 2px;}
	
	
	/*
	p.bloc-paragraphe .texte-lien:hover {  background: #fff  }
	*/
	p.bloc-paragraphe .texte-lien .icone-suite {  background: transparent url('/media/img/fleche-3.png') no-repeat 5px 4px; display: none; width: 25px; height: 20px; position: absolute; z-index: 10 }
	/*
	p.bloc-paragraphe .texte-lien:hover .icone-suite {  display: inline }
	*/
	

	p.bloc-paragraphe span.texte { margin: 10px; display: block; color: #333; margin-top: 5px; margin-bottom: 5px;
	line-height: 13px;
	font-family: Arial, Lucida, Verdana, sans-serif;
}
	
	p.bloc-paragraphe span.texte:hover {  }

	p.bloc-paragraphe span.titre { padding: 3px; display: block; color: #333;
	font: bold 14px/16px Arial, Lucida, Verdana, sans-serif; padding-bottom: 0 }
	
	p.bloc-paragraphe span.titre:hover { 
	}	

	p.bloc-paragraphe .lien { text-decoration: none; display: block; width: 90px; 
	padding-bottom: 0;
	z-index: 2;
	color: #000;
	background: transparent url('/media/fr/surlignage-1.png') no-repeat 0 51%;;
	margin-left: 7px; 
	padding: 2px;
	padding-left: 5px;
	}
	
	.rub1 p.bloc-paragraphe .lien {  background: transparent url('/media/img/surlignage-3.png') no-repeat 0 51%;;
	 }
	
	.bloc .verso:hover p.bloc-paragraphe .lien { 
	display: block;
	}	
/*
	.pm p.bloc-paragraphe .lien { position: absolute; bottom: 15px; 
	}
*/
	p.bloc-paragraphe .lien span{   
	}

	p.bloc-paragraphe .lien:hover{ background: transparent  url('/media/img/surlignage-2.png') no-repeat 0 51%;
	}
	
	.rub1 a span { color: #ffffff; }
	.rub1 a span:hover { color: #000000; }
	
	.rub1 p.bloc-paragraphe { background: #000; }
	.rub1 p.bloc-paragraphe span.texte { color: #00ACD4 }
	.rub1 p.bloc-paragraphe span.titre, .rub1 p.bloc-paragraphe .lien { color: #00acd4 }
	.rub2 p.bloc-paragraphe { background: #c9a886;  }
	.rub3 p.bloc-paragraphe {  }
	.rub4 p.bloc-paragraphe { background: #FFD02B;  }
	.rub5 p.bloc-paragraphe { background: #00ACD4;  }
	.rub6 p.bloc-paragraphe { background: #958bad;  }
	.rub7 p.bloc-paragraphe { background: #f30;  }


	/* Pied de page */

.accueil #pieds-de-page {
	position:absolute;
/*	top:1120px;*/
}


#pieds-de-page { 
	text-align: left; 
	clear: both; 
	margin-top: 0; 
	float: none; 
	min-height: 100px; 
	background: #fff;
	display: block;
	width: 420px;
}

#pieds-de-page ul{
	padding-left: 0;
	margin-top: 3px;
	margin-bottom: 10px;
	font-size: 11px;
	border-top: 2px solid #666;
	padding-top: 5px;
}

#pieds-de-page ul#social{
	padding-left: 0;
	margin-top: 3px;
	font-size: 12px;
	border-top-width: 1px;
	border-top-style: dotted;
	padding-top: 4px;
	padding-bottom: 2px;
	margin-bottom: 0;
}

#pieds-de-page ul#social img{
	margin-top: 3px;


}

#pieds-de-page ul li{
	display: inline;
	margin-right: 5px;
	font-size: 11px;
}

#pieds-de-page ul#social li{
	display: block;
	float: left
}

#pieds-de-page ul#social li a{
	display: block;
	float: left; 
	width: 20px;
	height: 20px;
	background-repeat: no-repeat;
	background-position: 0 -2px
}

#pieds-de-page ul li img {
	margin-bottom:-6px;
}

#social strong {
	color: #C9A886;
}

#pieds-de-page ul li#delicious a{
	background-image: url('/media/img/delicious-1.png') 
}
#pieds-de-page ul li#facebook a{
	background-image: url('/media/img/facebook-1.png') 
}
#pieds-de-page ul li#twitter a{
	background-image: url('/media/img/twitter-1.png')  
}
#pieds-de-page ul li#rss a{
	background-image: url('/media/img/rss-1.png')  
}

#pieds-de-page ul li#delicious a:hover{
	background-image: url('/media/img/delicious.png') 
}
#pieds-de-page ul li#facebook a:hover{
	background-image: url('/media/img/facebook.png') 
}
#pieds-de-page ul li#twitter a:hover{
	background-image: url('/media/img/twitter.png')  
}
#pieds-de-page ul li#rss a:hover{
	background-image: url('/media/img/rss.png')  
}


.copyright {
	font-size: 10px;
	color: #958bad;
}

#sommaire .col p, #sommaire .col li, #sommaire .col a  {
	color:#958BAD;
}

/*
#sommaire #col-1 li a {
	background:transparent url(/media/img/fleche-3.png) no-repeat scroll 0 5px;
	color:#958BAD;
	display:block;
	line-height:20px;
	padding-left:25px;
	text-decoration:none;
}
*/	
	#sommaire { position: absolute; top: 790px; width: 100% }
	#sommaire .col { float: left; width: 33%; color: #ccc }
	#sommaire .col#col-3 { width: 34% }
	#sommaire .col .contenu-col { margin-right: 30px }
	#sommaire .col#col-3 .contenu-col { margin-right: 0 }
	#sommaire h2 {
		border-bottom:1px dotted #666666;
		color:#C9A886;
		font-size:13px;
		line-height:17px;
		margin-top:20px;
		padding-bottom:5px;
		text-transform:uppercase;
	}
#sommaire h3 {
	color:#958BAD;
	font-size:12px;
	font-weight:bold;
	margin-top:20px;
}

#sommaire a {
	color: #ccc;

}

#sommaire a:hover {
	color: #ff3000;
}


#sommaire h4 {
	font-size: 12px;
}
#sommaire .col p {
	color:#999999;
}
#sommaire p {
	font-size:12px;
	line-height:16px;
}

#sommaire li {
	font-size: 13px;
	line-height: 17px;
}

#sommaire ul {
	list-style-type: none;
}
	
	
	#sommaire ul { margin: 0; padding: 0 }
	
	#raccourci { position: absolute; bottom: 10px; height: 20px; width: 20px; background: #fff; }
	#raccourci:hover { background: #ccc; }
	

	#slogan { display: block; top: 187px }
	#menu { top: 160px }
	#puzzle { top: 236px }
	#sommaire { top: 788px }
	#bandeau-v2 { display: none; position: absolute; top: -1000px }
	#bandeau-v1 {  }

	.variante1 .bloc-contenu.accroche { display: none }
	.variante1 .bloc-contenu.var1 { display: block }

	.variante2 .bloc-contenu.accroche { display: block }
	.variante2 .bloc-contenu.var1 { display: none }
	.variante2 #accroche { display: none }
	.variante2 #slogan { min-height: 0 !important; z-index: 4 }
	.variante2 #slogan #animation { height: 0 }

	.variante2 #puzzle { top: 209px }
	.variante2 #sommaire { top: 760px }




	.v2 .ouvert#slogan { height: 595px; background: #fff }
	.v2 .ouvert#slogan #accroche { visibility: hidden }
	
	.v2 #menu  { border: none }
	.v2 #menu div h3 span { display: none }

	.v2 #menu div h3  { background: none no-repeat 0 50%; height: 16px; margin-right: 39px}
	.v2 #menu div h3.list .dernier  { margin-right: 0;}

	
	.v2 #menu div#div_1 h3  { background-image: url('/media/fr/accueil-1.png'); width: 59px }
	.v2 #menu div#div_1 h3:hover  { background-image: url('/media/fr/accueil-2.png') }
	.v2 #menu div.ouvert#div_1 h3  { background-image: url('/media/fr/accueil-3.png') }
	.v2 #menu div.selection#div_1 h3  { background-image: url('/media/fr/accueil-2.png') !important }

	.v2 #menu div#div_2 h3  { background-image: url('/media/fr/fondation-1.png'); width: 96px }
	.v2 #menu div#div_2 h3:hover  { background-image: url('/media/fr/fondation-2.png') }
	.v2 #menu div.ouvert#div_2 h3  { background-image: url('/media/fr/fondation-3.png') }
	.v2 #menu div.selection#div_2 h3  { background-image: url('/media/fr/fondation-2.png') !important }
	
	.v2 #menu div#div_3 h3  { background-image: url('/media/fr/outils-1.png'); width: 79px }
	.v2 #menu div#div_3 h3:hover  { background-image: url('/media/fr/outils-2.png') }
	.v2 #menu div.ouvert#div_3 h3  { background-image: url('/media/fr/outils-3.png') }
	.v2 #menu div.selection#div_3 h3  { background-image: url('/media/fr/outils-2.png') !important }
	

	.v2 #menu div#div_4 h3  { background-image: url('/media/fr/dignite-1.png'); width: 211px }
	.v2 #menu div#div_4 h3:hover  { background-image: url('/media/fr/dignite-2.png') }
	.v2 #menu div.ouvert#div_4 h3  { background-image: url('/media/fr/dignite-3.png') }
	.v2 #menu div.selection#div_4 h3  { background-image: url('/media/fr/dignite-2.png') !important }
	
	.v2 #menu div#div_5 h3  { background-image: url('/media/fr/projets-1.png'); width: 131px }
	.v2 #menu div#div_5 h3:hover  { background-image: url('/media/fr/projets-2.png') }
	.v2 #menu div.ouvert#div_5 h3  { background-image: url('/media/fr/projets-3.png') }
	.v2 #menu div.selection#div_5 h3  { background-image: url('/media/fr/projets-2.png') !important }	

	.v2 #menu div#div_6 h3  { background-image: url('/media/fr/sinformer-1.png'); width: 82px }
	.v2 #menu div#div_6 h3:hover  { background-image: url('/media/fr/sinformer-2.png') }
	.v2 #menu div.ouvert#div_6 h3  { background-image: url('/media/fr/sinformer-3.png') } 
	.v2 #menu div.selection#div_6 h3  { background-image: url('/media/fr/sinformer-2.png') !important }	

	.v2 #menu div#div_7 h3  { background-image: url('/media/fr/agir-1.png'); width: 107px }
	.v2 #menu div#div_7 h3:hover  { background-image: url('/media/fr/agir-2.png') }
	.v2 #menu div.ouvert#div_7 h3  { background-image: url('/media/fr/agir-3.png') !important; margin-right: 0 }
	.v2 #menu div.selection#div_7 h3  { background-image: url('/media/fr/agir-2.png') !important; margin-right: 0 }
	
	.v2 #puzzle { top: 236px }
	.v2 #sommaire { top: 788px }
	.v2 #menu #div_7.list ul { width: 220px }
	
	.v2 .variante2 #puzzle { top: 187px }
	.v2 .variante2 #sommaire { top: 739px }	

	
	.v1 .variante2 #puzzle { top: 187px }
	.v1 .variante2 #sommaire { top: 739px }	

	
	.v0 #page { visibility: hidden }
	

	#special { position: fixed; left: 10px; top: 10px; min-height: 100px; background: transparent; text-align: left; display: none }
	
	#special:hover { z-index: 1000; background: #eee }
	#special:hover *{ visibility: visible }
	#special *{ visibility: hidden; }
	
	#special ul { margin: 0; list-style-type: circle; margin-bottom: 10px; margin-top: 10px; white-space: nowrap }
	#special span { display: block; margin: 2px 10px; font-size: 12px }
	#special span:hover { text-decoration: underline; cursor: pointer }
	
	#special ul li.selection{ color: red !important }
	#special ul li.selection li { color: #666 !important }
	
	#special strong { font-size: 12px; margin: 10px; color: #666; display: block; margin-bottom: -10px }

	.v0 #special { background: #eee }
	.v0 #special * { visibility: visible }



		/*////////  DIAPORAMA FLICKR  ////////*/

		#flickr { position: relative;border: 1px solid #ccc; height: 250px; width: 250px; background: #c9a886; margin-bottom: 60px;}
		 
		
		#flickr ul { list-style-type: none; margin: 0; padding: 0;    }
		
		#flickr ul li { background: #eee; display: none; float: left; width: auto; position: relative; border: 1px none #ccc; background: #fff }
		
		#flickr ul li a { position: absolute; border: 1px none red;  overflow: hidden; text-align: center; display: block; border: 1px solid #958BAD; margin-top: -1px; margin-left: -1px; margin-right: -1px; width: auto; height: auto; position: static; overflow: visible  }

		#flickr ul li a img{ max-width: 200px; max-height: 200px; vertical-align: bottom; max-width: 240px; max-height: 240px; padding: 5px; background: #fff; border: 1px none #ccc }



		#flickr ul li .legende { position: relative; width: 252px; display: none }

		#flickr ul li .legende .leg-contenu { margin-left: 10px; margin-top: 10px  }

		
		#flickr  .titre { font-weight: normal;color: #958BAD; /*font-style: normal; color: #666; font-weight: bold */}
		#flickr  .liaison { display: none }
		#flickr .auteur { font-weight: normal;color: #958BAD }
		#flickr .date-taken { font-weight: normal;color: #958BAD }
		#flickr .flickr-nom { font-weight: normal;color: #958BAD }
		#flickr ul li .legende .auteur { }
		
		#flickr ul li .legende .tags { display: none }


		#flickr ul li .legende .infos { }
		#flickr ul li .legende:hover .infos {  }

		#flickr ul li .legende .infos .license {  }

		
		#flickr ul li#diapo-sel { display: block }
		#flickr #flickr-legende {
			bottom:-30px;
			height:30px;
			position:absolute;
			width:250px;
}

		#flickr #flickr-legende p{ margin: 0; font-size: 12px }	
	
	#flickr #flickr-legende-texte .album { display: none }
#flickr #flickr-legende-texte .titre { display: none }
#flickr #flickr-legende-texte .auteur { display: none }
#flickr #flickr-legende-texte .description { display: none }
#flickr #flickr-legende-texte .date { display: none }

.fl-album#flickr #flickr-legende-texte .album { display: inline !important }
.fl-titre#flickr #flickr-legende-texte .titre { display: inline !important }
.fl-auteur#flickr #flickr-legende-texte .auteur { display: inline !important }
.fl-desc#flickr #flickr-legende-texte .description { display: inline !important }
.fl-date#flickr #flickr-legende-texte .date { display: inline !important }

	
	
/*  styles temporaires pour exemples prototypes */

.p-5-4 #paragraphe-1 { display: none }
	
.bouton a {
	-moz-background-clip:border;
	-moz-background-inline-policy:continuous;
	-moz-background-origin:padding;
	background:transparent no-repeat scroll 0 0;
	display:block;
	height:62px;
	width:228px;
}
.bouton span { display:none;}
.bouton.soumettre a { background: url('/media/fr/soumettre-1.png') no-repeat }
.bouton.soumettre a:hover { background: url('/media/fr/soumettre-2.png') no-repeat }

.bouton.blog a { background: url('/media/fr/le-blog-1.png') no-repeat }
.bouton.blog a:hover { background: url('/media/fr/le-blog-2.png') no-repeat }

.bouton.mobiliser a { background: url('/media/fr/se-mobiliser-1.png') no-repeat }
.bouton.mobiliser a:hover { background: url('/media/fr/se-mobiliser-2.png') no-repeat }

.bouton.nous-contacter a { background: url('/media/fr/nous-contacter-1.png') no-repeat }
.bouton.nous-contacter a:hover { background: url('/media/fr/nous-contacter-2.png') no-repeat }


.bouton-plus-moins {  margin: 5px 0; background: #eee; padding: 2px; border-top: 1px dashed #ccc }
.bouton-plus-moins a{  color: #999 !important }
.bouton-plus-moins a:hover{  color: #f30 !important }	


#col-1 #nuage { float: left; clear: left }

#col-3 #nuage { margin-bottom: 20px }

#col-1 #nuage h3 { margin-top: 0 }
	
#nuage ul{ line-height: 20px; clear: left; list-style-type: none; margin: 0; padding: 0; font-size: 12px; text-align: left;  }

#nuage li { display: inline; }

#nuage a { text-decoration: none; color: #958bad; }

#nuage .pop-1 { font-size: 155%; }
#nuage .pop-1:hover { color: #c9a886; }

#nuage .pop-2 { font-size: 140%; }
#nuage .pop-2:hover { color: #333; }

#sommaire #nuage .pop-2:hover { color: #333; }
#sommaire #nuage li a{ line-height: 20px; display: block; float: left; margin: 0 5px }
#sommaire #nuage { margin-left: -5px }
#nuage .pop-4, #nuage .pop-5 { color: #b5aec5; }
#nuage .pop-1 { color: #867d9c; }

#nuage .pop-3 { font-size: 120%; }
#nuage .pop-3:hover  { color: #00ACD4; }

#nuage .pop-4 { font-size: 100%; }
#nuage .pop-4:hover  { color: #ffd208; }

#nuage .pop-5 { font-size: 95%; }
#nuage .pop-5:hover  { color: #f30; }

#col-1 #nuage { width: 175px; font-size: 10px; padding: 5px 10px; background: #eee; }

#col-1 .liste#nuage { padding: 5px; margin: 5px}
#nuage ul.liste li { display: block; }
#nuage ul.liste li a{ font-size: 95% !important; }

#nuage ul.liste li.liste-plus { display: none }
.ouvert#nuage ul.liste li.liste-plus { display: block }

.overc {
	border: dashed 1px #333333;
}
.overbg {
	background-color: #dddddd;
}
.tr {
	display : table-row;
}
.th {
	display : table-cell;
	font-weight:bold;
	text-align: center;
}
.td {
	display : table-cell;
	padding: 1px;
}
.lfield {
	width: 300px;
	border: solid 1px #333333;
}
.gtools {
	position:absolute;
	margin-left: -25px;
	width:20px;
}
.gtools img {
	width:auto !important;
}
.form {
	padding:4px;
	margin:4px;
	border:dashed 1px #333333;
}
#arbo, #arbo * {
	text-align:left;
}
.ico_file {
	width: 50px;
	float:left;
	text-align: center;
}
.tree_puce {
	width: 20px;
	float:left;
	text-align: center;
}
.tree_text {
	float:left;
	text-align:left;
}
.tree_ico {
	float:left;
	width: 40px;
	min-width: 40px !important;
	text-align: center;	
}

.lien-surligne span {
	color:#333333;
	font-size:11px;
	margin-right:5px;
	padding-right:25px;
}
.lien-surligne {
	background:transparent url(/media/img/surlignage-gris.png) no-repeat scroll 100% 51%;
	border:medium none !important;
	color:#000000;
	padding:2px 2px 2px 5px;
	text-decoration:none !important;
	width:90px;
	z-index:2;
}
.lien-surligne:hover{ 
	background: transparent  url('/media/img/surlignage-beige.png') no-repeat 100% 51%;
}
.lien-surligne:hover span { 
	background: transparent  url('/media/img/fleche-3.png') no-repeat 100% 51%;
}
.lien-surligne-home span {
	color:#333333;
	font-size:11px;
	margin-right:0px;
	padding-right:20px;
}
.blog .lien-surligne-home span {
	color:#ffffff;
	font-size:11px;
	margin-right:0;
	padding-right:20px;
}
.blog .lien-surligne-home:hover span {
	color:#333333;
	font-size:11px;
	margin-right:0;
	padding-right:20px;
}

.lien-surligne-home {
	background:transparent url(/media/img/surlignage-gris.png) no-repeat scroll 100% 51%;
	border:medium none !important;
	color:#000000;
	padding:2px 2px 2px 5px;
	margin-left:10px;
	text-decoration:none !important;
	width:90px;
	z-index:2;
}
.lien-surligne-home:hover{ 
	background: transparent  url('/media/img/surlignage-blanc.png') no-repeat 100% 51%;
}
.lien-surligne-home:hover span { 
	background: transparent  url('/media/img/fleche-3.png') no-repeat 100% 51%;
}
ul.fleche { list-style-type: none; padding: 0 }
ul.fleche li { background: url('/media/img/fleche-3.png') no-repeat 0 5px; padding-left: 25px; line-height: 16px; border: none !important }	
ul.fleche li a { text-decoration: none; border: none !important }	

.error {
	color: red !important;
	font-size:13px !important;
}

.none {
}

input.bt {
	border: solid 1px #333333 !important;
	background-color: #eeeeee;
}

#ie6 {
	display:none;
}

#accesskey {
	display:none;
}