/*

------- SIGNIS BY media-animation.be-------

*/

/* styles automatiques */

html {

overflow:scroll;

}

body {



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



	font-size: 11px;



	padding: 0px;



	margin: 0px;



	background: White url(IMG/bgbody.jpg) repeat-x fixed;



}



h2{



	font: bold 16px Verdana, Arial, Helvetica, sans-serif; 



	margin: 6px 0px 8px 0px;



	color:#5282FF;



}



h3{



	font: bold 14px Verdana, Arial, Helvetica, sans-serif; 



	margin: 6px 0px 8px 0px;



	color:#5282FF;



}



img.imgarticle{



	background-color: #FFFFFF;



	border: 1px solid #5282FF;



	float: left;



	margin: 2px 10px 2px 2px;



	padding: 2px 2px 2px 2px;



}



p{

	font: 12px verdana;

	line-height: 14px;

}

fieldset{

	border: #46769F 1px solid;

    background-color:#FFFFFF;

	width:520px;

	font-size:11px;

	color:#46769F;

}

legend{

    font-size:11px;

    color:#000000;

}

span.theme {



	background-color: #4775FF;



	color: #FFFFFF;



	float: left;



	font: bold 10px verdana;



	margin-right: 4px;



	padding: 2px 8px 4px 4px;



}



a{



	color: #5282FF;



} 



a:hover{



	color: #003CD5;



} 







hr{



	margin-top:15px;



	padding:0px;



	height:0px;



	border-left:0px dotted #FFFFFF;



	border-right:0px dotted #FFFFFF;



	border-top:0px dotted #FFFFFF;



	border-bottom:1px dotted #46769F;



}



div#bar {



	background: url(IMG/nav_h.jpg) no-repeat;



	height: 34px;



	position: relative;



	top: 0px;



	width: 785px;



}



div#interface{



	background: url(IMG/bg_content.jpg) repeat-y;



	width: 785px;



	margin: 0 auto 0 auto;



	text-align: left;



	padding: 0 0 0 0;



}







div.language{



	float: right;



	margin: 0px 2px 0 0;



	position: relative;



}



div.basdarticle{



	background: url(IMG/tirettop.gif) repeat-x top;



	background-color: transparent;



	border-bottom: none;



	border-left: none;



	border-right: none;



	color: #4A4A4A;



	font-size: 10px;



	margin: 20px 0 0 0;



	padding: 2px 2px 2px 2px;



	text-align: right;



}



div.surtitre{



	background-color: #5282FF;



	color: #A9C1FF;



	font: 10px verdana;



	height: 16px;



	padding: 2px;



	text-align: right;



	width: 382px;



}



div.headerFR{



	background-image: url(IMG/banner_fr.jpg);



	background-repeat: no-repeat;



	height: 117px;



	margin: 0px;



	padding: 0px;



}



div.headerES{



	background-image: url(IMG/banner_es.jpg);



	background-repeat: no-repeat;



	height: 117px;



	margin: 0px;



	padding: 0px;



}



div.headerEN{



	background-image: url(IMG/banner_en.jpg);



	background-repeat: no-repeat;



	height: 117px;



	margin: 0px;



	padding: 0px;



}



div.navoutils{



	text-align: right; margin-right: 10px;margin-top:2px;



	letter-spacing: 1px;



} 







div#colonnedroite{



	display: inline;



	position: relative;



	float: right;



	top: 0px;



	right: 0px;



	background: url(IMG/fonddroit.jpg) repeat-y;



	margin: 0px 0px 0px 15px;



	padding: 0px 0 0 0;



	width: 190px;



	



	



	background-color: #FFFFFF;



	border: 0px solid #E52325;



}







div#content{



	/*background:#CCCCFF;*/



	text-align:left;



	float: left;



	margin: 0 0px 0 10px;



	padding: 0 0 10px 0px;



	width: 592px;



}







div#foot{



	background: url(IMG/pied.jpg) no-repeat;



	background-repeat: no-repeat;



	color: #FFFFFF;



	font-size: 10px;



	height: 20px;



	padding: 8px 0 1px 0;



	text-align: center;



}







#foot a{



	color: white;



	text-decoration: none;



}



#foot a:hover{



	color: white;



	text-decoration: none;



}







input.input {



	color: #2462FF;



	font:  normal 11px/18px arial, verdana, sans-serif;



	background: #FFFFFF;



	border: 0;



	height: 17px;



	margin: 0 0 0 0;



	padding: 0 0 0 5px;



}



input.input2 {



	color: #2462FF;



	font:  normal 11px/18px arial, verdana, sans-serif;



	background: #DDDDDD;



	border: 0;



	height: 18px;



	margin: 0 0 0 0px;



	padding: 0 0 0 5px;



}



input.input3 {

	color: #000;

	font:  normal 11px/18px arial, verdana, sans-serif;

	background: #FFF;

	border: #46769F 1px solid;

	margin: 0 0 0 0px;

	padding: 0 0 0 5px;

}



div.input {



	background: #FFFFFF;



	width: auto;



	height: 17px;



	/*float: left;*/



	margin: 0 0 0px 0;



	padding: 0 0 0 0;



	display: inline;



}



input.submit {



	color: #FFFFFF;



	font: normal 11px/18px arial, verdana, sans-serif;



	font-weight: bold;



	background: #5F92FF;



	border: 0;



	height: 17px;



	padding: 0 0 0 2px;



	margin: 0px 0 0 0;



	cursor:pointer;cursor:hand



}



div.submit {



	background: #5F92FF;



	width: auto;



	height: 17px;



	/*float: left;*/



	display: inline;



	margin: 0px 0px 0 0;



	padding: 0 0 0 0;



}



/* mise en page */







.crl{



	clear: both;







}



.language img{



	border: none;



	margin-left:1px;



}







.menu{



	/*background:#003399;*/



	float: left;



	margin: -30px 0 0 0;



	padding: 0 0 0 3px;



	text-align: left;



	width: 180px;



	}







/*#colonnedroite div{



	padding: 0 0 0 0px;



	font: 11px/13px Verdana, Geneva, Arial, Helvetica, sans-serif;



	color: #D5D5D5;



}*/



.navoutils a{



	text-decoration: none; color: #ABABAB;



}	



.navoutils a:hover{



	text-decoration: none; color: #6A6A6A;



}



#search, #newsletter, #login {



	position:relative;



	margin: 0 0 0 2px;



	top: -1px;



	display: inline;



}



/* 



-------------Upcoming events-----------------



*/











.smalltxt{



	font: bold 9px/11px verdana;



}



#colonnedroite a{



	color: #002664;



	text-decoration: none;



}



#colonnedroite a:hover{



	color: #E52325;



	text-decoration: underline;



}



div.fausseul{



	margin-left: 4px;



   margin-bottom: 0px;



}



#colonnedroite li{



   list-style: disc outside url(IMG/pucewave.jpg);



   font: /*bold*/ 9px/11px verdana;



   /*color: White;*/



   padding: 0 0 6px 0;



}



#colonnedroite ol{



	padding: 10px 2px 0px 2px;



	margin: 0 0 0 18px;



	font:  11px verdana;



	/*color: #D5D5D5;*/



	



}



/*



------------------------------------



*/



div#navigation{



	font-weight: bold;



	text-align: right;



	padding: 4px 0px 0 0px;



}



#navigation a{



	color:#FFFFFF;



text-decoration: none;



/*	border-bottom: none;*/



}



#navigation a:hover{



	color:#00449D;



/*text-decoration: none;*/



	/*border-top: solid 1px #E52427;



	padding-top: 4px;*/



}



/*



----------------sommaire--------------



*/







/* headline*/



div.headline{



	/*background:#CCCCCC;*/  



   text-align: left;



   padding: 10px 0 10px 0;



}







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







div.headline2{



   margin: 10px 0 0 0;



}







.headline h3 {



   /*font: bold 16px Verdana, Arial, Helvetica, sans-serif; */



   margin: 8px 0 5px 0; 



   padding: 0 0 0 0;  



   /*color:#5282FF;*/



   color: #E52325;



}



.headline h3 a{



    color:#5282FF;



	color: #E52325;



    text-decoration: none;



  



}



.headline h3 a:hover{



	color:#002664;



    text-decoration: underline;







}







/*p.headline{



font-size:24px;



}*/







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











span.themes{



   font: bold 11px Verdana;



   color: #A5BEFD; 



   padding: 0 5px 0 0;



   letter-spacing: -1px;



}



.themes A{



	text-decoration: none; color: #A5BEFD;



}



.themes A:HOVER{



	text-decoration: underline; color: #A5BEFD;



}



span.date{



   font:  11px Verdana;



   color: #A5BEFD;



   letter-spacing: -1px; 



    }



    



img.headline{



   background-color: #FFFFFF;



   border: 1px solid #5282FF;



   float: left;



   margin: 2px 4px 2px 2px;



   padding: 2px 2px 2px 2px;



}







.headline p{



   color: #424242;



   font-size: 10px;



   padding: 0 0 0 0;



   margin: 0 0 4px 0; 



}



span.readmore {



font-size:9px;



display: block;



text-align: right;



text-indent: 20px;



margin: 10px 200px 10px 0px;



border: none;



}







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



span.readmore a {



text-decoration:none;



color: #E52325;



}







span.readmore a:hover {



text-decoration: underline;



}











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







.headline h2 {



   font: bold 16px Verdana, Arial, Helvetica, sans-serif; 



   margin: 0 0 0 0; 



   padding: 0 0 0 0;  



   color:#5282FF;



}



.headline h2 a{



    color:#5282FF;



    text-decoration: none;



  



}



.headline h2 a:hover{



	color:#002664;



    text-decoration: none;







}



/* fin headline*/







/* secondline*/



div.secondline{



   width: 192px;



   float: left;



   padding: 4px 4px 0 0;



}



div.sltheme{



   font: bold 10px verdana;



   color: White;



   background-color: #5B8DFF;



   margin: 0 0 0 0;



   padding: 1px 1px 1px 1px;



}







div.sldate{



   font: normal 10px/13px verdana;



   color: #E9E9E9;



   background-color: #6D9FFE;



    margin: 0 0 0 0;



    padding: 1px 1px 1px 1px;



}



.secondline h2{



   font: bold 12px Verdana, Arial, Helvetica, sans-serif; 



   margin: 2px 0 10px 0; 



   padding: 0 0 0 0;  



   color:#5282FF;



}



.secondline h2 a{



 text-decoration: none;



color:#5282FF;



}



.secondline h2 a:hover{



 text-decoration: none;



color:#043071;



}



.secondline img{



  float: right;



   border: none;



   margin: -9px 0 0 0;



}







/*fin secondline*/



/*accueil*/



#accueil_logo{



	background: url(IMG/accueil1.jpg) no-repeat;



	background-repeat: no-repeat;



	width:574px;



	height: 171px;



}



#accueil_baseline{



	background: url(IMG/accueil2.jpg) no-repeat;



	background-repeat: no-repeat;



	width:574px;



	height: 122px;



}



#accueil_langues{



	background: url(IMG/accueil1-2.jpg) no-repeat;



	width:574px;



	height: 65px;



}



/*2e menu vertical*/



.nav_gauche{



	background: url(IMG/puce2.gif) no-repeat;



	background-repeat: no-repeat;



	width:170px;



	margin: 2px 2px 2px 5px;



	padding-left:10px;



	font: bold 12px Verdana;



}



.logo{



	margin: 0 5px 15px 0;



	border: 1px solid #5282FF;



	padding: 1px;



}



#menu2{



	/*background-color:#D0DFFF;*/



	background: url(IMG/fondgauche.jpg) repeat-y; 



	margin-top:50px;



	margin-bottom:25px;



	margin-left:-3px;



	padding: 0 0 0 0;



	width:171px;



}







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







#bluebar {



	position: relative;



	top: 5px;



	left: 179px;



	background: url(IMG/bluebar.jpg) no-repeat;



	background-repeat: no-repeat;



	width:606px;



	height:30px;



	margin: 0 0px 0 0px;



	padding: 2px 0px 0 12px;



	font-weight: bold;



	font-size: 14px;



	color: #FFFFFF;



}







.basdroit {



margin: 0 0 0 0;



padding: 0 0 0 0;



}







#hautdroit {



	position: relative;



	top: 0px;



	left: 0px;



	background: url(IMG/hautdroit.jpg) no-repeat;



	background-repeat: no-repeat;



	width:190px;



	height:18px;



	margin: 0 0px 0 0px;



	padding: 0px 0px 0 0px;



	font-weight: bold;



	font-size: 14px;



	text-align: center;



	color: #FFFFFF;



}







#basdroit {



	position: relative;



	top: 0px;



	left: 0px;



	background: url(IMG/basdroit.jpg) no-repeat;



	background-repeat: no-repeat;



	width:190px;



	height:19px;



	margin: 0 0px 0 0px;



	padding: 0px 0px 0 0px;



	font-weight: bold;



	font-size: 14px;



	text-align: center;



	color: #FFFFFF;



}







#hautgauche {

	position: relative;
	top: 0px;
	left: 0px;
	background: url(IMG/hautgauche.jpg) no-repeat;
	background-repeat: no-repeat;
	width:153px;
	height:18px;
	margin: 0 0px 0 0px;
	padding: 1px 0px 0 18px;
	font-weight: bold;
	font-size: 12px;
	text-align: left;
	color: #FFFFFF;
}

.imagette {

	position: relative;
	top: 0px;
	left: 0px;
	/*background: url(IMG/hautgauche.jpg) no-repeat;
	background-repeat: no-repeat;*/
	/*width:153px;
	height:18px;*/
	margin: 0 0px 0 10px;
	padding: 1px 0px 0 0px;
	font-weight: bold;
	font-size: 12px;
	text-align: left;
	color: #E52325;
}

.imagette a img {

	border: none;
	text-decoration: none;
}






#basgauche {



	position: relative;



	top: 0px;



	left: 0px;



	background: url(IMG/basgauche.jpg) no-repeat;



	background-repeat: no-repeat;



	width:153px;



	height:19px;



	margin: 0 0px 0 0px;



	padding: 1px 0px 0 18px;



	font-weight: bold;



	font-size: 12px;



	text-align: left;



	color: #FFFFFF;



}











hr.clear {



clear: left;



	margin-top:0px;



	padding:0px;



	border-left:1px dotted #FFFFFF;



	border-right:1px dotted #FFFFFF;



	border-top:0px dotted #FFFFFF;



	border-bottom:1px dotted #46769F;



}







.margedroite{



	margin-right: 40px;



}







.margehaut{



	margin-top: 20px;



}



.gris{



   color: #424242;



}







.articless{



width: 580px;



}



div.articles p{



font-size: 12px;



line-height: 14px;



margin-top: 10px;



}



.articles img{



float:left;



   margin: 0px 0px 0px 0px;



   padding: 0 0px 0 0;



}



.articles h3 {



   /*font: bold 16px Verdana, Arial, Helvetica, sans-serif; */



   margin: 8px 0 5px 0; 



   padding: 0 0 0 0;  



   /*color:#5282FF;*/



   color: #E52325;



}



.articles h3 a{



    color:#5282FF;



	color: #E52325;



    text-decoration: none;



  



}



.articles h3 a:hover{



	color:#002664;



    text-decoration: underline;







}



.plan{



margin: 0 0 0 40px;



}



.plan h3 {



	text-decoration: none;



   /*font: bold 16px Verdana, Arial, Helvetica, sans-serif; */



   margin: 8px 0 5px 0; 



   padding: 0 0 0 0;  



   /*color:#5282FF;*/



   color: #E52325;



}



.plan h3 a{



	text-decoration: none;



	color: #E52325;  



}



.plan h3 a:hover{



	color:#002664;



    text-decoration: underline;







}



.plan a:hover{



	color:#E52325;



    text-decoration: underline;







}















































.fond {



	background: url(IMG/fond.jpg) repeat-x;



}











#container {



  position: relative;



	width: 786px;



	height: 324px;



	margin: 0 auto;



	background: url(IMG/fondindex.jpg) no-repeat;



	padding: 0 0 10px 0;



	text-align: left;



}







#contenu {



	position: relative;



	background-color: #E2F4FF;



	top: 300px;



	margin: 0 0 0 0px;



	padding: 0px 0px 0px 0px;



	width: 786px;



	height: 65px;



}


.right {
float: right;
text-align: right;

}




#en {



	position: relative;



	background: url(IMG/accueil_en.gif) no-repeat;



	margin: 0 0 0 0px;



	padding: 0px 0px 0px 0px;



	width: 195px;



	height: 65px;



}







.spip_documents_left{



	float: left;



	margin-right: 10px; 



	text-align: center;



}







.spip_documents_right{



	float: right;



	margin-left: 10px; 



	text-align: center;



}







.spip_surligne {



background-color: #FFFF66;



color:#000066;



}

/* forum */

.forum_entete{

}

.f_titre{

	background-color:#7ECFC6;

	border-bottom:1px solid #008C9F;

	width:580px;

	height:17px;

	margin-top:38px;

	padding-left:10px;

	padding-top:3px;

	/*font:Arial, Helvetica, sans-serif;*/

	font-size:12px;

	font-weight:bold;

	background-position:left;

	background-repeat:no-repeat;

}

.f_partie{

	width:580px;

	/*height:50px;*/

	border-bottom:1px dotted #88ABFF;

	margin-bottom:20px;

	padding-bottom:5px;

	background-color:#EBF0F5;

	clear:both;

}

.f_icone{

	float:left;

	width:30px;

	margin-top:6px;

	padding-left:5px;

}

.f_description{

	float:left;

	padding-right:5px;

}

.f_reponse{

	float:left;

	padding-top:8px;

	text-align:center;

	font-size:9px;

}

.f_info{

	padding-top:8px;

	text-align:center;

}

.fs_partie{

	width:590px;

	height:44px;	

	border-bottom:1px dotted #46769F;

}

.fs_icone{

	float:left;

	background-image:url(assets/puce_bulle.gif);

	background-repeat:no-repeat;

	width:45px;

	height:36px;

}

.fs_description{

	width:280px;

	float:left;

	padding-top:5px;

	padding-right:5px;

}

.fs_reponse{

	float:left;

	background-color:#CDE2E2;

	height:36px;

	width:45px;

	padding-top:8px;

	text-align:center;

}

.fs_info{

	padding-top:8px;

	text-align:center;

}

.fs_auteur{

	float:left;

	width:140px;

	padding-top:8px;

	text-align:center;

}

.hidden {
display: none;
}

.shown {
display: block;
}

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