/* ---------- PARAMETRES GENERAUX -----------*/



body {  /* Le corps de toute la page  */
margin : 0;
padding : 0;
background : #000000;
background-attachment : fixed ;
text-align : center ;
font: 0.7em Arial;
/*background : url(images/Background_Noel.jpg) no-repeat top center fixed;*/
}

#cont { /* Le contenu central de la page  */
width : 786px ;
margin : 0; 
background : url(images/contcentre.jpg) center repeat-y;
text-align : left ;
margin : 0 auto 0 auto ;  }

#cont_haut {  /* L'image du haut de la page  */
height : 218px ;
background : url(images/conthaut5.jpg) center no-repeat;
/*background : url(images/conthaut_Noel.jpg) center no-repeat;*/
}


#cont_bas {   /* L'image du bas de la page  */
height : 81px ;
background : url(images/contbas.jpg) center no-repeat ;  }


#menu_haut {  /* Le Menu du haut  */
margin-left : 53px ; 
width : 679px ;
background : url(images/bgmenu.jpg) bottom repeat-x ;}


#menu_haut ul { /* La liste du Menu du haut  */
margin : 0 ;
padding :  0 ;
list-style : none ;
height : 30px ;
line-height : 28px ;
}


#menu_haut li { /* Les éléments de la liste du Menu du haut  */
float : left ; 
list-style : none ;
}


#menu_haut li a { /* Les liens des éléments de la liste du Menu du haut  */
display : block ; 
float : left ; 
margin : 0 ;
padding : 0 8px 0 8px ;
text-transform : uppercase; 
text-decoration : none ; 
color : #FFF ; 
font-weight : bold ; 
background : url(images/sep.jpg) right no-repeat  ;  
}


#menu_haut li a:hover { /* Les liens des éléments de la liste du Menu du haut lorsqu'on passe dessus */
 color : #FF6600; 
}


#centre {  /* La partie centrale de la page  */
margin: 20px 0 0 54px ; 
width : 680px ;
background : url(images/bggauche.jpg) left bottom repeat-y ;   }


#menu_gauche {  /* Le Menu de gauche  */
position : relative; 
margin :0 0 0  0;
float : left ; 
width : 122px ; 
}


#menu_gauche  ul { /* La liste du Menu de gauche  */
width : 122px;
background : transparent; 
margin : 0 ;
padding :  0 ;
list-style : none ;

}


#menu_gauche li { /* Les éléments de La liste du Menu de gauche  */
list-style : none ;
}


#menu_gauche li a{  /* Les liens des éléments de La liste du Menu de gauche  */
text-indent : 10px ; 
width : 122px ;
height : 28px;
line-height : 28px ; 
display : block ;
margin : 0 ;
padding : 0;
text-transform : none ; 
text-decoration : none ; 
color : #FFFFFF; 
font-weight : bold ; 
background : url(images/booton.jpg)  ; 
}

#menu_gauche li.Durable a{  /* Le lien Développement durable de la liste du Menu de gauche  */
text-indent : 10px ; 
width : 122px ;
height : 186px;
line-height : 186px ; 
display : block ; 
margin : 0 ;
padding : 0;
text-transform : none ; 
text-decoration : none ; 
color : #FFFFFF; 
font-weight : bold ; 
background : url(images/Dev_Durable.jpg)  ; 
}
 
#menu_gauche li a:hover { /* Les liens des éléments de La liste du Menu de gauche lorsqu'on passe dessus */
background : url(images/bootover.jpg) repeat-x ; 
}

#menu_gauche li.Durable a:hover { /* Le lien Développement durable de la liste du Menu de gauche lorsqu'on passe dessus*/
background : url(images/Dev_Durable_Over.jpg) repeat-x ; 
}

#menu_gauche p{ /* Les paragraphes du menu de gauche */
 margin : 10px 0 0 0 ; 
 padding : 0 4px 0 4px; 
 background : url(images/pucegauce.jpg) 0 3px no-repeat ; 
 text-indent : 10px ; }




#droite {  /* Cadre de droite */
float : left ; 
width : 540px; 
margin-left : 15px; 
background : transparent;
 }



#droite p {

}


#droite  h2 {
 width : 200px ; 
 padding : 0 0 10px 0 ; 
 margin : 0 0 0 140px ;  
 background : #fff url(images/hr.jpg) bottom LEFT repeat-x;
 color : #000 ;
 font-size : 14px ;
 text-transform : uppercase ;  
}

#Cadre_droite_fond_Haut {
float : left;
width: 540px;
height:18px;
background:url(images/Cadre_Haut.jpg);
}

#Cadre_droite_fond_Haut_Logo_Locle {
float : left;
width: 540px;
height:72px;
background:url(images/Cadre_Haut_Logo_Locle.jpg);
}

#Cadre_droite_fond_Centre {
float : left;
width: 540px;
background:url(images/Cadre_Centre.jpg) repeat-y;
}

#Cadre_droite_fond_Bas {
float : left;
width: 540px;
height:18px;
background:url(images/Cadre_Bas.jpg);
}

#Cadre_droite_contenu {
float : left;
padding-right:10px;
width: 525px;
padding-left: 5px;
padding-right: 5px;
padding-top: 10px;
padding-bottom : 10px;	
}

#Cadre_droite_contenu li { /* Liens du contenu de la partie de droite */
list-style-type:disc;
padding-bottom:5px;
margin-left: 20px;
}

#Cadre_droite_contenu a:hover { /* Liens du contenu de la partie de droite lorsqu'on passe dessus */
color : red;
}
 
#Cadre_droite_contenu a img { /* Liens du contenu de la partie de droite lorsqu'on passe dessus */
border:none; 
}
 
#Cadre_droite_contenu li a:hover { /* Liens sur les listes du contenu de la partie de droite lorsqu'on passe dessus */
color : red;
}

#Cadre_droite_contenu li.Liens_PDF {
list-style-type:none;
background-image:url(images/pdf.gif);
background-repeat:no-repeat;
background-position:0% 65%;
padding-left:22px;
padding-bottom:9px;
margin-left:0;
}
 
#Cadre_droite_contenu li.titre { /* Les titres des listes du contenu de la partie de droite */
list-style:none;
font-weight : bold ;
margin-left: 0;
margin-bottom: 4px;
}

#Cadre_droite_contenu li.titre_petit_espace { /* Espace réduit entre le titre et la liste (Page BD) */
list-style:none;
font-weight : bold ;
margin-left: 0;
margin-bottom: 4px;
padding-bottom: 1px;
}

#Cadre_droite_contenu li.titre_petit_espace_bas_grand_haut { /* Espace réduit entre le titre et la liste et agrandi avant (Page Liens) */
list-style:none;
font-weight : bold ;
margin-left: 0;
margin-top: 10px;
margin-bottom: 2px;
padding-bottom: 1px;
}

#Cadre_droite_contenu li.Sans_Puce { /* Les titres des listes du contenu de la partie de droite */
list-style:none;
font-weight:normal;
padding-bottom:5px;
margin-left: 10px;
}
 
#Cadre_droite_contenu li.grandes_lettres { /* Format grandes lettres des listes du contenu de la partie de droite */
list-style:none;
font-weight : bold ;
margin-left: 0;
margin-bottom: 2px;
font-size:2.7em;
}
 
#Cadre_droite_contenu ul.liste_sans_marge {
margin-left: 5px;
padding-left: 5px;
}

#Cadre_droite_contenu ul.liste_sans_marge_petit_espace_top { /* Liste des auteurs de la Page BD */
margin-left: 5px;
padding-left: 5px;
margin-top: -5px;
}


#droite_fond { /* Contenu de la partie de droite */
   border-style : solid;
   border-color : black;
   border-width : 1px;
   float : left;
   width: 525px;
   padding-left: 4px;
   padding-right: 4px;
   padding-top: 10px;
   padding-bottom : 10px;	
 }
 
 
 
#droite_fond li { /* Liens du contenu de la partie de droite */
  list-style-type:disc;
  padding-bottom:5px;
  margin-left: 20px;
 }
  
#droite_fond a:hover { /* Liens du contenu de la partie de droite lorsqu'on passe dessus */
   color : red;
 }
 
#droite_fond a img { /* Liens du contenu de la partie de droite lorsqu'on passe dessus */
   border:none; 
 }
 
#droite_fond li a:hover { /* Liens sur les listes du contenu de la partie de droite lorsqu'on passe dessus */
   color : red;
 }
 

#droite_fond li.Liens_PDF {
 list-style-type:none;
 background-image:url(images/pdf.gif);
 background-repeat:no-repeat;
 background-position:0% 65%;
 padding-left:22px;
 padding-bottom:7px;
 margin-left:0;
}
 
#droite_fond li.titre { /* Les titres des listes du contenu de la partie de droite */
  list-style:none;
  font-weight : bold ;
  margin-left: 0;
  margin-bottom: 4px;
 }
 
 #droite_fond li.grandes_lettres { /* Format grandes lettres des listes du contenu de la partie de droite */
  list-style:none;
  font-weight : bold ;
  margin-left: 0;
  margin-bottom: 2px;
  font-size:2.7em;
 }
  
 #droite_fond ul.liste_sans_marge {
  margin-left: 5px;
  padding-left: 5px;
 }

#footer {  /* Le pied de page */
  clear: left;
  padding-top: 20px;
}

#footer img {  /* Les images du pied de page */
  vertical-align: middle;
}


#footer p { /* Les paragraphes du pied de page */
  margin : 20px 0 0 130px ;
  font-size : 10px 
}
  
  
#footer a { /* Les liens du pied de page */
  color : #000 
}


#footer a:hover { /* Les liens du pied de page lorsqu'on passe dessus */
   text-decoration : none ;  
}

#Retour {
padding-right:4px;
}


table a img { /* Les liens généraux sur les images dans les tableau */
   border:none; 
}
 

h1  {  /* Introduction au début de chaque page à droite */
 text-indent : 40px ; 
 padding : 12px 0 0 0; 
 margin :  -8px 0 0 0  ; 
 background : #fff url(images/intro.jpg) repeat-x; 
 height : 40px ; 
 color : #FFFFFF ; 
 font-size : 14px ;  
}


h3 {
 margin :  0 ; 
 padding : 10px 0 0 0 ;
 clear : left ;
 color : #000 ;
 font-size : 14px ; 
}



li.name { /* Format des titres généraux pour les éléments de liste */
 text-transform : uppercase ; 
 color : #380071;
 display : block ; 
 margin : 10px 0 5px 0 ;
 border-bottom : 1px dotted #313131 ;
 font-weight : bold ; 
}

li.date {
 font-size:0.68em;
 color:#990000;
}

li.blabla {  /* Format des commentaires et textes généraux pour les éléments de liste */
 display : block ; 
 text-decoration : none ;
}


li.link { /* Format des liens généraux pour les éléments de liste */
 display : block ; 
 text-decoration : underline ;

}


.textegauche {
 }



.titre_general {  /* Le format des titres en général */
  color : black;
  font-size: medium;
  font-weight: bold;
  line-height: 10px;
 }
 
 .titre_general_moyen {  /* Le format des titres de taille moyenne en général  */
  color : black;
  font-size:12px;
  font-weight: bold;
  line-height: 10px;
 }


.englobe_h3 {
  background : #CCE6FF;
}


.important { /* Format des textes important */
 color : #479900 ; 
 font-weight : bold ; 
}  

.petit_texte { /* Format des petits textes pour images */ 
 font-size : 0.9em ; 
}  


.imgkart {
  float : right ; 
  margin-top : 10px ; 
}

.imgintro {float : left ; /*  Format de l'image d'introduction */
  border : 4px solid #76B906 ;
  display : block ; 
  margin : 0px 20px 0 0  ;
}

.Centre_Img_Text {

}

.Centre_Img_Text img { /* Format de centrage du texte par rapport au images */
 vertical-align: middle;
}


.droite_fond_standard { /* Fond standard pour le contenu du cadre de droite */
  background: #CCE6FF;
}

.texte_souligne {
text-decoration:underline;
}

.Espace_Div { /* Epace entre les contenus DIV */
margin-bottom: 10px;
}

.Champs_Formulaire { /* Taille et police pour le champs de formulaires*/
font-family:Arial, Helvetica, sans-serif;
font-size: 1.0em;
}



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

/* ------- PARAMETRES PAGE INDEX ----------------------- */


#Manifs { /* Cadre pou les manifestations */
	float : left;
	width: 260px;
	padding-top: 10px;
	padding-bottom : 10px;
	margin-left: 15px;
 }
 
#Manifs a img { /* Liens sur les images du Cadre pour les Manifestations */
  border:none;
}
 
 #Pub { /* Cadre pour les publicité */
	float : right;
	width: 260px;
	margin-top: 5px;
	margin-right:10px;
 }
 
 #Pub a img { /* Pas de cadre autour des liens images dans le cadre pour les publicité */
   border:none; 
 }
 


#News { /* Cadre pour les News */
        border-style : solid;
        border-color : black;
        border-width : 1px;
	width: 250px;
	height: auto;
	float: left;
}

#News ul { /* Les listes pour le cadre des News */
	margin : 0;
	padding : 10px;
	padding-bottom : 30px;
	background-color: #CCE6FF;
} 

 #News li a:hover { /* Les éléments de la liste du cadre des News lorsqu'on passe dessus */
   color : red;
 }
 
 #News a img { /* Pas de cadre autour des liens images dans le cadre pour les news */
   border:none; 
 }
 
/*----------------------------------------------------------------------------------- */

/* ------- PARAMETRES PAGE SPORTS & LOISIRS ------------ */

 
#Sports { /* Cadre concernant les sports */
	float : left;
	width: 250px;
	padding-top: 10px;
	padding-bottom : 10px;
 }
 
#Sports ul li { /* Les éléments de la liste du cadre des sports */
	list-style:none;
	padding-bottom:5px;
	margin: 0;
 }
 
#Sports ul li.titre_sports {  /* Le titre des éléments de la liste du cadre des sports */
  font-weight : bold ;
  margin-bottom: 4px;
 }
 
#Loisirs {   /* Cadre concernant les Loisirs */
	float : left;
	width: 250px;
	padding-top: 10px;
	padding-bottom : 10px;
 }

#Loisirs ul li {  /* Les éléments de la liste du cadre des Loisirs */
	list-style:none;
	padding-bottom:5px;
	margin: 0;
 }
 
#Loisirs ul li.titre_loisirs { /* Le titre des éléments de la liste du cadre des Loisirs */
  font-weight : bold ;
  margin-bottom: 4px;
 }

#Cadre_fond_sport { /* Fond Sport Loisirs pour le contenu du cadre de droite */
  background-image:url(images/Fond_Sport.gif);
  background-repeat: repeat-y;
  float : left;
  padding-right:10px;
  width: 520px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 10px;
  padding-bottom : 10px;
  margin-left:1px;
}

#Cadre_fond_sport a:hover { /* Liens du contenu de la partie de droite lorsqu'on passe dessus */
color : red;
}


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

/* ------- PARAMETRES PAGE FORMATIONS ------------ */

#Cadre_fond_formations { /* Fond Formations pour le contenu du cadre de droite */
  background-position:top center;
  background-color:#CCE6FF;
  background-image:url(images/ETMN.jpg);
  background-repeat: no-repeat;
  float : left;
  padding-right:10px;
  width: 520px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 10px;
  padding-bottom : 10px;
  margin-left:1px;
}

#Cadre_fond_formations a:hover { /* Liens du contenu de la partie de droite lorsqu'on passe dessus */
color : red;
}
  
/* ------------------------------------------------------------------------------------------*/


/* ------- PARAMETRES PAGE ECONOMIE ------------ */


#Cadre_fond_economie { /* Fond Economie pour le contenu du cadre de droite */
  background-position:center;
  background-color:#CCE6FF;
  background-image:url(images/Economie.jpg);
  background-repeat: no-repeat;
  float : left;
  padding-right:10px;
  width: 520px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 10px;
  padding-bottom : 10px;
  margin-left:1px;
}

#Cadre_fond_economie a:hover { /* Liens du contenu de la partie de droite lorsqu'on passe dessus */
color : red;
}

#Cadre_fond_economie li.grandes_lettres { /* Format grandes lettres des listes du contenu de la partie de droite */
list-style:none;
font-weight : bold ;
margin-left: 0px;
margin-bottom: 2px;
font-size:2.7em;
}

#Cadre_fond_economie li { /* Liens du contenu de la partie de droite */
list-style-type:disc;
padding-bottom:5px;
margin-left: 20px;
}

.grandes_lettres_liens {
 font-weight : bold ;
 font-size:1.3em;
}

.grandes_lettres_liens img {
  vertical-align: middle;
}


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


/* ------- PARAMETRES PAGE CULTURE ------------ */

#Cadre_fond_culture { /* Fond Culture pour le contenu du cadre de droite */
  background-position:center;
  background-color:#CCE6FF;
  background-image:url(images/Fond_Chateau_Monts.jpg);
  background-repeat: no-repeat;
  float : left;
  padding-right:10px;
  width: 520px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 10px;
  padding-bottom : 10px;
  margin-left:1px;
}

#Cadre_fond_culture a:hover { /* Liens du contenu de la partie de droite lorsqu'on passe dessus */
color : red;
}
  
/* ------------------------------------------------------------------------------------------*/


/* ------- PARAMETRES PAGE ADMINISTRATION ------------ */


#Admin_Services { /* Cadre pour les Services de l'Administration */
	width: 260px;
	height: auto;
	float: left;
}

#Admin_Services ul{ /* Marge gauche de la liste des Services de l'Administration */
margin-left: 5px;
padding-left: 5px;

}

#Admin_Telechargements { /* Cadre pour les Téléchargements de l'Administration */
	width: 250px;
	height: auto;
	float: right;
}

.Espace_Telechargements { /* Espacements entre les liens pour les documents à télécharger*/
 margin-bottom:4px;
}
  
/* ------------------------------------------------------------------------------------------*/

/* ------- PARAMETRES PAGE TELECHARGEMENTS ------------ */


#Telechargements { /* Cadre pour les Telechargements */
padding-right: 5px;
}

#Telechargements ul{ /* Marge gauche de la liste des Téléchargements */
margin-left: 5px;
padding-left: 5px;

}


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

/* ------- PARAMETRES PAGE ASSOCIATIONS ------------ */


#Cadre_fond_associations { /* Fond Economie pour le contenu du cadre de droite */
  background-position:center;
  background-color:#CCE6FF;
  background-image:url(images/Fond_Association.jpg);
  background-repeat: no-repeat;
  float : left;
  padding-right:10px;
  width: 520px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 10px;
  padding-bottom : 10px;
  margin-left:1px;
}

#Cadre_fond_associations a:hover { /* Liens du contenu de la partie de droite lorsqu'on passe dessus */
color : red;
}

#Cadre_fond_associations li.grandes_lettres { /* Format grandes lettres des listes du contenu de la partie de droite */
list-style:none;
font-weight : bold ;
margin-left: 0;
margin-bottom: 2px;
font-size:2.7em;
}

#Cadre_fond_associations li { /* Liens du contenu de la partie de droite */
list-style-type:disc;
padding-bottom:5px;
margin-left: 20px;
}
  
/* ------------------------------------------------------------------------------------------*/