@import url(position_page.css); 



#HAUT_P{
  background-image: url(../images/bg_menu.png);
  background-repeat: repeat;
  background-position: center top;
}

/*---------------------------CONTENU CENTRE-----------------------------------*/

#CENTRE_P {
  color: #445966;
  margin-top: 10px;
}

#CENTRE_P p {
	color: #445966;
	font-variant:normal;
	font-weight:normal;
}
#CENTRE_P p.bodytext {
	color: #445966;
}

#CENTRE_P a:link, #CENTRE_P a:visited{
  color: #333333;
  text-decoration: underline;
  font-weight: bold;
}
#CENTRE_P a:hover{
  text-decoration: none;
}

#TITRE_CONTENU_P h1 {
  color: #333333;
  text-align: left;
  font-size: 2.1em;
  font-weight: normal;
  padding-bottom:8px;
}

#CENTRE_P h2 {
  color: #ffffff;
  font-size: 1.3em;
  font-weight: normal;
  background-repeat: no-repeat; 
  background-position: left top; 
  padding: 3px 20px 3px 60px;
  margin-bottom:20px;
  margin-top:20px; 
  text-decoration: none;
  width:70%;
  display:block;
  /*background-image: url(../images/bg_h2.png);*/
}


#CONTENU csc-header-n2 {
  display:block;
  width:100%;
}
 
#CENTRE_P h3 {
	color: #333333;
	font-size: 1.25em;
	font-weight: bold;
	font-variant:small-caps;
} 

#CENTRE_P h4 {
	color: #333333;
	font-size: 1em;
	font-weight: normal;
	font-variant:small-caps;
} 

#CENTRE_P ul li{
  background-repeat: no-repeat;
  background-position: 5px 9px;
  padding-left: 20px;
}

/* legende des images */
.csc-textpic-caption {
  font-size:0.9em;
}

/*--------------------CHEMIN--------------------*/
#CHEMIN_P{
  clear:both;
}
          
#CHEMIN_P ul {
   margin-bottom:10px;
   margin-top:10px;
   padding-left: 4%;
}

#CHEMIN_P ul li {
  display:inline;
}

#CHEMIN_P ul li a:link, #CHEMIN_P ul li  a:visited{
  font-size:0.9em;
  text-decoration:none;
}

#CHEMIN_P ul li a:hover {
  text-decoration:underline;
}

.tx-isstyleswitcher-pi1{
  display:inline;
}


/*                   MENU GAUCHE                                 */  
/*---------------------------------------------------------------*/

#MENU_GAUCHE {
	background-repeat: no-repeat;
	background-position: right bottom;
	padding-bottom:20px;
}

#MENU_GAUCHE_P p.rub_1 {
	background-repeat: no-repeat;
	background-position: left top;
	height:30px;
	font-size:1.2em;
	font-weight: bold;
}

#MENU_GAUCHE_P p.rub_1 a:link, #MENU_GAUCHE_P p.rub_1 a:visited{
  color: #ffffff;
  padding-left: 25px;
  text-align: left;
  text-decoration: none;
  font-variant:small-caps;
 }  

#MENU_GAUCHE_P p.rub_1 a:hover{
  text-decoration:underline;
}

/*nav gauche niv1*/
#MENU_GAUCHE_P ul{
	list-style-type:none;
	text-align:left;
}

#MENU_GAUCHE_P ul li{
	background-repeat: no-repeat;
	background-position: top left;
	/*background-color: #FFF;*/
	list-style: none;
	width:auto;
	padding-left:10px;
}
  
#MENU_GAUCHE_P ul li a:link, #MENU_GAUCHE_P ul li a:visited{
  font-size: 1.1em;
  width:100%;
	display:block;
	color:#49493f;
	font-weight:normal;
	text-decoration:none;
}
   
#MENU_GAUCHE_P ul li a:hover{
	text-decoration:underline;
}

/* menu courant niv 1 */
#MENU_GAUCHE_P ul li a.items_niv1_act:link, #MENU_GAUCHE_P ul li a.items_niv1_act:visited{
	font-weight:bold;
	text-decoration:underline;
} 

  
/* niveau 2 */
/*---------------------------------------------------------------*/

#MENU_GAUCHE_P ul li ul li{
	  list-style:none;
  	display:block;
  	color:#49493f;
  	/*background-color:#fff;*/
  	padding-left:5px;
}

#MENU_GAUCHE_P  ul li ul li a:link, #MENU_GAUCHE_P ul li ul li a, #MENU_GAUCHE_P ul li ul li a:visited
{
  font-size: 0.9em;
  width:100%;
	display:block;
	color:#49493f;
	font-weight:normal;
	text-decoration:none;
	text-indent:15px;
  background-repeat: no-repeat;
	background-position: 2px 8px;
}

/* roll-over sur le lien */
#MENU_GAUCHE_P ul li ul li a:hover{
	text-decoration:underline;
}

/* menu courant niv 2 */
#MENU_GAUCHE_P ul li ul li a.items_niv2_act:link, #MENU_GAUCHE_P ul li ul li a.items_niv2_act:visited
{
	font-weight:bold;
	text-decoration:underline;
} 

/* niveau 3 */
/*---------------------------------------------------------------*/

#MENU_GAUCHE_P ul li ul li ul li{
	  list-style:none;
  	display:block;
  	color:#49493f;
  	/*background-color:#fff;*/
   	padding-left:15px;
}

#MENU_GAUCHE_P ul li ul li ul li a:link, #MENU_GAUCHE_P ul li ul li ul li a:visited{
  font-size: 0.8em;
  width:100%;
	display:block;
	color:#49493f;
	font-weight:normal;
	text-decoration:none;
	text-indent:15px;
  background-repeat: no-repeat;
	background-position: 2px 8px;
  /* espacement entre item de menu */
}
  
/* roll-over sur le lien */
#MENU_GAUCHE_P ul li ul li ul li a:hover{
	text-decoration:underline;
  font-variant: normal;
  font-weight: normal; 
}

/* menu courant niv 3 */
#MENU_GAUCHE_P ul li ul li ul li a.items_niv3_act:link, #MENU_GAUCHE_P ul li ul li ul li a.items_niv3_act:visited
{
	font-weight:bold;
	text-decoration:underline;
} 

/* niveau 4 */
/*---------------------------------------------------------------*/

/* decalage niveau 4 par rapport au niveau 3 */
#MENU_GAUCHE_P ul li ul li ul li ul{  
	margin: -0.5em 0 0 6em;

}
/* gestion position menu 4 */
#MENU_GAUCHE_P ul li ul li ul li ul{
	position: absolute; 
	left: -999em; /* cache le menu par defaut */
	width: 18em;
	z-index: 100;
}

#MENU_GAUCHE_P ul li ul li ul li ul li a:link, #MENU_GAUCHE_P ul li ul li ul li ul li a:visited{
	/*background-color:#FFF;*/
	color:#FFF;
	text-align:left;
	font-weight:normal;
	text-decoration:none;
	background-image:none;
	padding: 2px 0px 2px 0px; 
}

/* roll-over sur le lien */
#MENU_GAUCHE_P ul li ul li ul li ul li a:hover{
	text-decoration:underline;
	color:#FFF;
	background-image:none;
}


/* menu courant niv 4 */
#MENU_GAUCHE_P ul li ul li ul li ul li a.items_niv4_act:link, #MENU_GAUCHE_P ul li ul li ul li ul li a.items_niv4_act:visited{
	/*background-color:#FFF;*/
	color:#49493f;
	text-decoration:underline;
	background-image:none;	
} 

/* affiche niveau 4 sur roll_over niveau 3 */
#MENU_GAUCHE_P ul li ul li ul li:hover ul, #MENU_GAUCHE_P ul li ul li ul li.sfhover ul{
	left: 0;
	/*background-color:#FFF;*/
	color:#49493f; 
	background-image:none;
}

/*************** RECHERCHE *****************/
#RECHERCHE_P{
	background: url(../images/bloc_recherche.png) no-repeat;
	width: 185px;
	height: 35px;
}

#RECHERCHE_P input{
	width: 120px;
	font-size: 1em;
	color: #5d92b2;
  text-align:left;
  margin-top:3px;
  padding:0px;
  vertical-align: top;
}

#RECHERCHE_P input.bouton_ok{
	background: url(../images/btn_recherche.png) no-repeat;
	width:20px;
	height:17px;
	border:none;
}
  
#RECHERCHE_P submit{
	border: none;
}

#RECHERCHE_P form{
  padding-left:20px;
  padding-top: 5px;
}

/************* commun complement gauche 1 et gauche 2 **************-----*/
#COMPLEMENT_GAUCHE1_P, #COMPLEMENT_GAUCHE2_P{
  margin-top: 25px; 
  padding-bottom:10px;
}

#COMPLEMENT_GAUCHE1_P h2 , #COMPLEMENT_GAUCHE2_P h2{
  background-repeat: no-repeat;  
  background-color: #F0B600;  
  padding-left: 45px;     
  padding-top: 15px;
  color: #ffffff;  
  font-size: 1.2em;   
  height: 25px;   
  margin:0;
  font-weight: normal;
  text-transform:capitalize;
}

#COMPLEMENT_GAUCHE1_P ul, #COMPLEMENT_GAUCHE2_P ul{
  list-style:none;  
}

#COMPLEMENT_GAUCHE1_P p, #COMPLEMENT_GAUCHE2_P p{
  background-color: #F0B600;  
  padding-left:15px;
  padding-right:15px;
  color: #49493F;  
}

#COMPLEMENT_GAUCHE1_P a:link, #COMPLEMENT_GAUCHE1_P a:visited,
#COMPLEMENT_GAUCHE2_P a:link, #COMPLEMENT_GAUCHE2_P a:visited{
  text-decoration: underline;
  color: #FFF;  
}

#COMPLEMENT_GAUCHE1_P a:hover , #COMPLEMENT_GAUCHE2_P a:hover{
 text-decoration: none;
}

/************* complement gauche 1**************-----*/
#COMPLEMENT_GAUCHE1_P h2{
  background-image: url(../images/haut_bloc_le_saviez_vous.png);
}

/************* complement gauche 2**************-----*/
#COMPLEMENT_GAUCHE2_P h2{
  background-image: url(../images/haut_bloc_chiffre_cle.png);
}

/************* complement gauche 3**************-----*/
#COMPLEMENT_GAUCHE3_P{ 
  color: #445966;
  margin-top: 25px;   
}

/*--------------------ACTUS--------------------*/
#CENTRE_P .news-latest-item h4 {
  padding-bottom:5px;
}

.news-latest-item {
  clear:both;
  padding-bottom:25px;
}

/*commun à tous*/
.news-latest-item p {
  color:#445966;
  line-height: 1.4em;
}

.news-latest-item a:link, .news-latest-item a:visited{
  text-decoration: none;
}

.news-latest-item a:hover{
  text-decoration: underline;
}

.news-latest-item img {
 width: 250px;   
}

.news-latest-container{
  padding-left:0px; 
}

.news-list-container {
  padding:0;
}

.news-list-item {
  padding-top:20px;
}


#CENTRE_P .news-list-date2 {
  text-align: right; 
  font-weight: bold;  
  font-size: 1em;
}
  
#CENTRE_P .news-latest-item a:link, #CENTRE_P .news-latest-item  a:visited{
	text-decoration: none;
  font-weight: bold;
}

#CENTRE_P .news-latest-item a:hover{
	text-decoration:underline;
}
           
.news_image2{
  float:right;
  text-align:center;
}
 
.news_image2 img{
  padding-left:10px;
}


/*------------------------------STYLES SPECIFIQUES commun aux rub niv 1-------------*/

.style1, .style2, .style3, .style4, span.style1, span.style2, span.style3, span.style4{
  font-weight:normal;
}

span.italique {
	font-style: italic;
}

span.gras {
	font-weight: bold;
}

.contact, span.contact, .tel, span.tel, .lien_ext, span.lien_ext, .a_noter, span.a_noter {
	font-weight: normal;
	background-repeat: no-repeat;
	background-position: top left;
	padding-left:20px;
}

/*-------------------------------PAGES SPECIALES-------------------------*/
/* -------------recherche actu-----------------*/
#CENTRE_P .news-list-date{
  text-align:right;
  font-weight: bold;
  font-size:1em;
}

#CENTRE_P .news-list-item{
  padding-bottom:20px;
}

#CENTRE_P .news-list{
  margin-bottom:0px;
}


/*NUAGES DE MOTS*/


.tx-vgetagcloud-pi1{
 	background: url(../images/haut_bloc_grisfonce.png) no-repeat;
	width: 185px;
  margin-top: 20px;
	padding-top:18px;
	float:right;
}

.tx-vgetagcloud-pi1 ul{
  list-style: none;
  background-image: url(../images/bas_bloc_grisfonce.png);
  background-repeat: no-repeat;
  background-position: right bottom;
  padding-bottom: 20px;
  padding-left: 5px;
  padding-right: 5px;
  background-color: #919191;
  /* ajout PM le 05/05/2011 */
  width:175px;
}

.tx-vgetagcloud-pi1 ul li{
  background-color: #919191;
}

.tx-vgetagcloud-pi1 li a{
  padding: 2px;
}



.tx-vgetagcloud-pi1 ul li a#tag5:link, .tx-vgetagcloud-pi1 ul li a#tag5:visited,
.tx-vgetagcloud-pi1 ul li a#tag6:link, .tx-vgetagcloud-pi1 ul li a#tag6:visited,
.tx-vgetagcloud-pi1 ul li a#tag7:link, .tx-vgetagcloud-pi1 ul li a#tag7:visited,
.tx-vgetagcloud-pi1 ul li a#tag9:link, .tx-vgetagcloud-pi1 ul li a#tag9:visited,
.tx-vgetagcloud-pi1 ul li a#tag13:link, .tx-vgetagcloud-pi1 ul li a#tag13:visited,
.tx-vgetagcloud-pi1 ul li a#tag15:link, .tx-vgetagcloud-pi1 ul li a#tag15:visited{
  color: #FFF;
  font-weight: bold;
  text-decoration:none;
}

.tx-vgetagcloud-pi1 ul li a#tag2:link, .tx-vgetagcloud-pi1 ul li a#tag2:visited,
.tx-vgetagcloud-pi1 ul li a#tag8:link, .tx-vgetagcloud-pi1 ul li a#tag8:visited,
.tx-vgetagcloud-pi1 ul li a#tag12:link, .tx-vgetagcloud-pi1 ul li a#tag12:visited,
.tx-vgetagcloud-pi1 ul li a#tag14:link, .tx-vgetagcloud-pi1 ul li a#tag14:visited{
  color: #445966;
  font-weight: normal;
  text-decoration:none;
}

.tx-vgetagcloud-pi1 ul li a#tag1:link, .tx-vgetagcloud-pi1 ul li a#tag1:visited,
.tx-vgetagcloud-pi1 ul li a#tag4:link, .tx-vgetagcloud-pi1 ul li a#tag4:visited,
.tx-vgetagcloud-pi1 ul li a#tag10:link, .tx-vgetagcloud-pi1 ul li a#tag10:visited,
.tx-vgetagcloud-pi1 ul li a#tag17:link, .tx-vgetagcloud-pi1 ul li a#tag17:visited{
  color: #f0b600;
  font-weight: bold;
  text-decoration:none;
}

.tx-vgetagcloud-pi1 ul li a#tag3:link, .tx-vgetagcloud-pi1 ul li a#tag3:visited,
.tx-vgetagcloud-pi1 ul li a#tag11:link, .tx-vgetagcloud-pi1 ul li a#tag11:visited,
.tx-vgetagcloud-pi1 ul li a#tag16:link, .tx-vgetagcloud-pi1 ul li a#tag16:visited{
  color: #D6E7EF;
  font-weight: bold;
  text-decoration:none;
}

.tx-vgetagcloud-pi1 ul li a#tag1:hover,
.tx-vgetagcloud-pi1 ul li a#tag2:hover,
.tx-vgetagcloud-pi1 ul li a#tag3:hover,
.tx-vgetagcloud-pi1 ul li a#tag4:hover,
.tx-vgetagcloud-pi1 ul li a#tag5:hover,
.tx-vgetagcloud-pi1 ul li a#tag6:hover,
.tx-vgetagcloud-pi1 ul li a#tag7:hover,
.tx-vgetagcloud-pi1 ul li a#tag8:hover,
.tx-vgetagcloud-pi1 ul li a#tag9:hover,
.tx-vgetagcloud-pi1 ul li a#tag10:hover,
.tx-vgetagcloud-pi1 ul li a#tag11:hover,
.tx-vgetagcloud-pi1 ul li a#tag12:hover,
.tx-vgetagcloud-pi1 ul li a#tag13:hover,
.tx-vgetagcloud-pi1 ul li a#tag14:hover,
.tx-vgetagcloud-pi1 ul li a#tag15:hover,
.tx-vgetagcloud-pi1 ul li a#tag16:hover,
.tx-vgetagcloud-pi1 ul li a#tag17:hover{
  text-decoration:underline;
}

/* titre de pages personnalise */

/* agenda general */
.titrepage_3795 {
	background: url(../images/ico_agenda.png) no-repeat 20px 3px;
	padding-left: 90px;
	height:1.5em;
}

/* agenda culture */
.titrepage_3796 {
	background: url(../images/ico_agenda_sport.png) no-repeat 20px 3px;
	padding-left: 90px;
	height:1.5em;
}

/* agenda sport */
.titrepage_3798 {
	background: url(../images/ico_agenda_culture.png) no-repeat 20px 3px;
	padding-left: 90px;
	height:1.5em;
}


