@charset "utf-8";
/* CSS Document */

#container {
	
  width: 1000px;
  height:100%;
  margin: 0px auto 0px auto;
  padding: 0px 0px 0px 0px;
  text-align: left;
  
  
}


/* ---------- Bandeau ---------- */

#bandeau {
  height: 150px;
  margin: 0px 0px 0px 0px;
  position: relative;
  width: 1020px;
}

/* ---------- Menu Haut ---------- */

#menu_haut {
  height: 21px;
  margin: 0px 0px 0px 0px;
  padding: 0px 7.5px 2.5px 7.5px;
  position: relative;
  width: 1001px;
  background-color: #013769;
}


#menu_haut ul li{
list-style: none;
display: inline;
}

#menu_haut ul li a{
padding: 5px 13.7px 5px 13.7px;
text-decoration: none;
float: left;
background-color: #013769;
color:#ffffff;
}

#menu_haut ul li a:hover{
padding: 5px 13.7px 5px 13.7px;
background-color: #2378c9;
color: #ffffff;
}



/* ---------- Corps---------- */
#contenu {
	position: relative;
	left: 200px;
	width: 860px;
	padding: 0px 0px 0px 10px;
	background-color:#FFF;
	

  }
#contenu_2 {
	position: relative;
	left: 145px;
	width: 860px;
	padding: 0px 0px 0px 10px;
	

  }
.titre {
 font-size: 20px;
 padding: 0px 0px 0px 10px;
}


/* ---------- Page Pays ---------- */

/* ---------- cadre Droite ---------- */
#cadre_droite {

  background-color: #cddeef;
  float: right;
  width: 390px;
}

#cadre_droite img{
  margin: 0px 0px -3px 0px;
  padding: 0px 0px 0px 0px;
}
#cadre_droite p{
text-align:justify;
    padding: 10px;
}
#cadre_droite2 {

  float: right;
  width: 390px;
}
#cadre_droite3 {
	position: absolute;
	float: right;
	width: 474px;
	text-align:left;
	left: 516px;
	top: 32px;
}
#cadre_droite3 img{
  margin: 0px 0px -3px 0px;
  padding: 0px 0px 0px 0px;
}
#cadre_droite2 img{
  margin: 0px 0px -3px 90px;
  padding: 0px 0px 0px 0px;
}

/* ---------- cadre Droite Index---------- */
#cadre_droite_index {
	position:absolute;
	left:289px;
	float:right;
	top: 507px;
	z-index:50;

}

#cadre_droite_index img{
  margin: 0px 0px -3px 0px;
  padding: 0px 0px 0px 0px;
}
#cadre_droite_index p{

    padding: 10px;
}

/*----Calendrier---------*/

.calendrier {
font-family:verdana, arial, Times New Roman;
display:inline;
padding-right:0px ;
border-width:1px ;
text-align: center; 
color: #4389c7; /* Couleur du texte dans les cases du calendrier */
border-spacing: 1px; 
background-color:#FFF;
margin:auto;
float: left;
z-index: 100;
vertical-align:middle;
}

.calendrier td, .calendrier tr{
padding: 5px 5px 5px 5px;;
}

/* Les 4 lignes qui suivent définissent la couleur de fond d'une case où il y a un évènement, ainsi que la couleur du texte. Ces mêmes couleurs 
sont utilisés pour le titre de l'évènement */
.calendrier .celluleevenement, .calendrier .evenement h6{
background-color: #5695d0 ;
color:#FFFFFF ;
z-index: 100;
}

.calendrier .evenement h6{
font-size:0.9em ;
margin:0;
padding:0;
}

.calendrier .evenement{
font-weight:normal ;
border: 1px solid #60738B; /* Largeur, type et couleur du bord du cadre qui contient l'évènement */
background-color: #F4F9FD; /* Couleur de fond du cadre qui contient l'évènement */
color: #000000 ; /* Couleur du texte dans le cadre qui contient l'évènement */
z-index: 10; 
padding: 2px;
margin-top:1px;
z-index: 101;
}

.calendrier .evenement{
position: absolute; 
visibility: hidden; 
min-width:150px;
max-width:250px ;
}

.calendrier td {
border: none; 
background-color: #cddeee; /* Couleur de fond des cases du calendrier */
width:30px ;
}

.calendrier td:hover {
background-color:#A3C3E0 ;  /* Couleur de fond des cases lors du survol de la souris */
}

.calendrier .today{
font-weight:bold ;
border: 1px solid #60738B; /* Largeur, type et couleur du bord de la case du calendrier qui correspond à aujourd'hui */
}
/* ---------- cadre Gauche ---------- */
#cadre_gauche {
  float: left;
  width: 450px;

}
.tiny {
	font-size:8px;
}
/* ---------- cadre Gauche ---------- */
#cadre_gauche_rst {
  float: left;
  width: 650px;

}
/*---------------cadre Centre ---------*/

#menu_centre {
	position: relative;
	
	
	

}
#menu_centre {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	position: absolute;
	width: 650px;
	background-color: #ffffff;
	left: 364px;
	top: 265px;
}

#menu_centre img{
  margin: 0px 0px -3px 0px;
  padding: 0px 0px 0px 0px;
}

#menu_centre a {
  display: block;
  background: url(../images/arrow.gif);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  width: 650px;
  float: left;
  color: #000000;
  text-decoration: none;
  line-height: 10px;
  margin: 0px 0px 4px 0px;
  padding: 0px 0px 0px 15px;

}

#menu_centre a:hover, #menu a.here {

  color: #0265c2;

}

/* ---------- Corps---------- */
#contenu {
	position: relative;
	left: 0px;
	top:10px;
	width: 860px;
	padding: 0px 0px 0px 10px;

  }

.titre {
 font-size: 20px;
 padding: 0px 0px 0px 10px;
}


/* ---------- accordion  ---------- */



h3.toggler {
	border-top: 1px solid #f5f5f5;
	border-bottom: 1px solid #0d3f71;
	font-size: 11px;
	background-image:url(MZBmOP.png);background-repeat:repeat-y;
	color: #ffffff;
	margin: 0px 0px 0px 0px;
	padding: 3px 5px 1px;
}
h3.toggler_2 {
	cursor: pointer;
	border-top: 1px solid #f5f5f5;
	border-bottom: 1px solid #0d3f71;
	font-size: 11px;
	background-image:url(MZBmOP.png);background-repeat:repeat-y;
	color: #ffffff;
	margin: 0px 0px 0px 0px;
	padding: 3px 5px 1px;
}

h3.toggler_4  {
	cursor: pointer;
	background: url(../images/arrow_bas.gif);
    background-position: 100% 50%;
    background-repeat: no-repeat;
	border-top: 1px solid #f5f5f5;
	border-bottom: 1px solid #999;
	font-size: 11px;
	background: #ffffff;
	color: #1d507c;
	margin: 0px 0px 0px 0px;
	padding: 3px 5px 1px;
}

h3.toggler_5 {
 cursor: pointer;
 background: url(../images/arrow_bas.gif);
 background-position: 100% 50%;
 background-repeat: no-repeat;
 border-top: 1px solid #f5f5f5;
border-bottom: 1px solid #999;
 color: #38658c;
 font-size: 13px;
 font-weight: bold;
 padding: 0px 0px 0px 13px;
}
h3.toggler_6 {
 cursor: pointer;
 background: url(../images/arrow_bas.gif);
 background-position: 100% 50%;
 background-repeat: no-repeat;
 border-top: 1px solid #f5f5f5;
border-bottom: 1px solid #999;
 color: #38658c;
 font-size: 13px;
 font-weight: bold;
 padding: 0px 0px 0px 13px;
}
h3.toggler_7 {
 cursor: pointer;
 background: url(../images/arrow_bas.gif);
 background-position: 100% 50%;
 background-repeat: no-repeat;
 border-top: 1px solid #f5f5f5;
border-bottom: 1px solid #999;
 color: #38658c;
 font-size: 13px;
 font-weight: bold;
 padding: 0px 0px 0px 13px;
}
div.element, div.element p, div.element h4, div.element_2 p, div.element_2 h4, div.element_2 img, div.element_3 p, div.element_3 h4, div.element_3 img, div.element_4 p, div.element_4 h4, div.element_4 img {
	margin:0px;
	padding:0px;
}

h3.toggler_3 {
 cursor: pointer;
 background: url(../images/arrow_bas.gif);
 background-position: 100% 50%;
 background-repeat: no-repeat;
 color: #38658c;
 font-size: 13px;
 font-weight: normal;
 padding: 0px 0px 0px 13px;
}



blockquote {
	padding:5px 20px;
}



div.puce p {
margin: 0px 0px 0px 20px;

}
/* ---------- Titre ---------- */

h2 {
	 cursor: pointer;
 background: url(../images/pucebleue.jpg);
 background-position: 0px 0px;
 background-repeat: no-repeat;
 color: #000000;
 font-size: 11px;
 font-weight: normal;
 padding: 0px 0px 0px 20px;
}


h4 {
 background: url(../images/structure/puce.gif);
 background-position: 0px 7px;
 background-repeat: no-repeat;
 color: #38658c;
 font-size: 13px;
 font-weight: normal;
 padding: 0px 0px 0px 10px;
  }
  
  h5 {
 
 color: #38658c;
 font-size: 16px;
 font-weight: bold;
 padding: 0px 0px 0px 10px;
  }
  h6 {
 
 
 font-size: 13px;
 font-weight: bold;
 padding: 0px 0px 0px 10px;
  }
    h7 {
		
 
 font-size: 13px;
 font-weight: normal;
 padding: 0px 0px 0px 10px;
  }

.lien {
  background: url(../images/arrow.gif);
  background-position: 100% 50%;
  background-repeat: no-repeat;
  text-decoration: none;
  line-height: 11px;
  margin: 0px 0px 0px 0px;
  padding: 0px 12px 0px 0px;

}
.lien3 {
  background: url(../images/arrow.gif);
  background-position: 100% 50%;
  background-repeat: no-repeat;
  text-decoration: none;
  color:#F00;
  float:left;
  line-height: 11px;
  margin: 0px 0px 0px 0px;
  padding: 0px 12px 0px 0px;

}
.lien2 {
  background: url(../images/arrow.gif);
  background-position: 0% 0%;
  background-repeat: no-repeat;
  text-decoration: none;
  line-height: 11px;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 12px;

}

a {
  color: #000000;

}
a:hover, #menu a.here {

  color: #0265c2;

}
#search {
	position: absolute;
	width: 140px;
	left: 0px;
	top: 328px;
}

h8 {
	border-top: 1px solid #f5f5f5;
	border-bottom: 1px solid #0d3f71;
	font-size: 11px;
	font-weight: bold;
	background: #acc4dc;
	color: #1d507c;
	padding: 20px 15px 20px 15px;
}
#une {
	position: absolute;
	float: left;
	width: 610px;
	left: 2px;
	top: 0px;
	height: 420px;
	z-index:14;
	
}
#live {
	position: absolute;
	float: left;
	width: 342px;
	left: 613px;
	top: 187px;
	height: 250px;
	z-index:49;
}
#calend {
	position: relative;
	float: left;
	width: 221px;
	top: 100px;
	z-index: 19;
	height: 177px;
	border-left: 1px solid #d7dbdf;
	border-right: 1px solid #d7dbdf;
	border-bottom: 1px solid #d7dbdf;
	height: 208px;
	vertical-align:
	text-bottom;
}
#forum {
	height: 200px;
	position: relative;
	float: left;
	width: 244px;
	left: 230px;
	top: -195px;
	color:#023769;
	background-color:#FFF;
	border-left: 1px solid #d7dbdf;
	border-right: 1px solid #d7dbdf;
	border-bottom: 1px solid #d7dbdf;
	z-index: 17;
	height: 208px;


}
span.heure {
	font-size:8px;
}
span.puce {
  
  background:url(../debat/styles/prosilver/imageset/icon_post_target.gif);
  background-position: 0px 3px;
  background-repeat: no-repeat;
  padding: 0px 0px 0px 12px;
  
}

#forum a {
line-height: 1.5;	
text-decoration: none;
color:#023769;


}
#forum a:hover {
line-height: 1.5;	
text-decoration: none;
color:#acc4dc;


}
#filnews {
	position: relative;
	float: left;
	width: 473px;
	top: -200px;
	text-decoration:none;
	border-left: 1px solid #d7dbdf;
	border-right: 1px solid #d7dbdf;
	border-bottom: 1px solid #d7dbdf;
	z-index: 15;
	left: 0;
}
#filnews a.lien {
 background:url(../images/structure/bafrm.gif);
  background-position: 3px 5px;
  background-repeat: no-repeat;
text-decoration:none;
color:#023769;
padding:0px 0px 0px 10px;

}
#filnews a.lien2 {
  background: url(../images/arrow.gif);
  background-position: 0px 3px;
  background-repeat: no-repeat;
  text-decoration: none;
  line-height: 11px;
  color:#023769;
  margin: 0px 0px 0px 0px;
  padding: 0px 0px 0px 12px;

}
#filnews a:hover {
	
text-decoration:none;
color:#acc4dc;
padding:0px 0px 0px 10px;
background-color:#294074;


}

#upnews {
	position: absolute;
	float: left;
	width: 246px;
	left: 274px;
	top: 424px;
}
#t18 {
	position: absolute;
	width: 152px;
	left: 229px;
	top: 363px;
	border:1px solid #ccc;
	padding-left: 5px;
	padding-right: 6px;
	color:#ffffff;
	height: 455px;
	background-image:url(../images/structure/nouveautes/back.png);
	z-index:6;
	
}
#t18 a {
	text-decoration:none;
	font-size:9px;
	color:#ffffff;
}
#t18 a:hover {
	text-decoration:underline;
	font-size:9px;
	
	
}
#fond {
	position: absolute;
	float: left;
	width: 394px;
	left: 617px;
	top: 0px;
	height: 176px;
	background-color:#333;
	z-index:5;
	
}
#footer {
	position:relative;
	float:left;
    left:200px;
	top:750px;
	width:550px;
	text-align:justify;
	font-size:9px;
	color:#999;
	z-index:199;
	
}
#footer a.foot, a:hover {
	
	color:#999;
}

#traduction {
	position:relative;
	float:left;
	text-align:justify;
	font-size:9px;
	color:#999;
	left:210px;
	top:755px;
	z-index:200;
	}
#sondage {
	position:relative;
	width:220px;
	float:left;
	top: -190px;
	left: 0px;
	color:#023769;
	background-color:#ececdb;
	border-left: 1px solid #d7dbdf;
	border-right: 1px solid #d7dbdf;
	border-bottom: 1px solid #d7dbdf;
	height: 116px;
	z-index: 18;
}


.plop {
	  background: url(../images/structure/arrow.gif);
  background-position: 0px 0px;
  background-repeat: no-repeat;
  padding: 0px 0px 0px 15px;
  font-weight:bold;
       text-decoration: blink;
	   color:#039;
}
#sondage a {
	  
	  color:#039;

}
#sondage a:hover {
    text-decoration:none;
	   color:#09F;
}
#com {
	position:absolute;
	width:700px;
	left: 5px;
	top: 676px;
	height: 55px;
	border-left: 1px solid #d7dbdf;
	border-right: 1px solid #d7dbdf;
	border-bottom: 1px solid #d7dbdf;

}

#evenement {
	position:absolute;
	float: left;
	width: 212px;
	left: 400px;
	top: 370px;
	height: 84px;
	z-index:18;
}
#pub {
	position: relative;
	left:75px;
	float:left;
	top:155px;
}
#choixparti {
	position:absolute;
	width:446px;
	top:463px;
	left: 515px;
	
	
}
#bandeauparti {
	position:relative;
	float:left;
	left: 0px;
	width:474px;
	top:0px;
	
	
}
#n {
	position:relative;
	width:200px;
	border-left: 1px solid #d7dbdf;
	border-right: 1px solid #d7dbdf;
	border-bottom: 1px solid #d7dbdf;
	background-color:#ececdb;
	z-index: 20;
	left: 0px;
	top:-195px;
}
#newsl {
	height: 200px;
	position: relative;
	float: left;
	width: 244px;
	left: 230px;
	top: -377px;
	color:#023769;
	background-color:#eeecdd;
	border-left: 1px solid #d7dbdf;
	border-right: 1px solid #d7dbdf;
	border-bottom: 1px solid #d7dbdf;
	z-index:20;
	height: 114px;

}
#lienbis {
	position: relative;
	float:left;
	top:-180px;
	left:0px;
	width:474px;
	background-color:#ececdb;
	border-left: 1px solid #d7dbdf;
	border-right: 1px solid #d7dbdf;
	border-bottom: 1px solid #d7dbdf;
}