#conteneur {
  margin-left: auto;
  margin-right: auto;
  width: 1024px;
  text-align: left;
	background-color: #FFFFFF;
}


#entete {
	height: 180px;
	margin: 0;
	padding: 0;
	float:none;
}

#entetegauche {
	float:left;
	margin:0; padding:0;
	width:78%;
}

#entetedroite {
	float:right;
	width:22%;
	margin:0; padding:0;
}

#enteteportfolio {
	height: 28px;
	margin: 0;
	padding: 0;
	float:none;
	background-color: #ef8409;
	background: url("../images-interface/ombre_couleur2_chemin.gif")  top left no-repeat;
}

#entete_menu_horizontal {
	margin: 0;
	padding: 0;
	float:none;
	background: url("../images-interface/pixel_couleur1.gif") repeat;
}

#menu_horizontal_oui {
	margin:0 0 0 199px;
	padding:0;
	float:none;
	background: url("../images-interface/pixel_couleur1.gif") repeat;
}
#menu_horizontal_non {
	margin:0 0 0 0;
	padding:0;
	float:none;
	background: url("../images-interface/pixel_couleur1.gif") repeat;
}



#outercolonne3cols_oui {
	margin:0; padding:0;
  background: url("../images-interface/ombre_couleur1_longue.gif") top left repeat-y;
}
#outercolonne3cols_non {
	margin:0; padding:0;
}
#outercolonnechemin_oui {
	margin:0; padding:0;
	background: url("../images-interface/ombre_couleur2_chemin.gif")  top left repeat-y;
	float:none;
}
#outercolonnechemin_non {
	margin:0; padding:0;
	float:none;
}

#outercolonne3colsportfolio {
	margin:0; padding:0;
	background: url("../images-interface/ombre_couleur2_longue2.gif") top left repeat-y;
}
#outercolonnecheminportfolio {
	margin:0; padding:0;
	background: url("../images-interface/ombre_couleur2_chemin2.gif") top left no-repeat;
	float:none;
}
#outercolonnepied_oui {
	margin:0; padding:0;
	background: url("../images-interface/ombre_couleur1_longue.gif") top left repeat-y;
	float:none;
}
#outercolonnepied_non {
	margin:0; padding:0;
	background: url("../images-interface/ombre_couleur1_longue.gif") top left repeat-y;
	float:none;
}
#outercolonnepiedportfolio {
	margin:0; padding:0;
	/*background: url("../images-interface/ombre_couleur1_longue2.gif") top left repeat-y;*/
	float:none;
}
#centre3cols_oui, #centre2colschemin_oui {
	margin:0 0 0 199px;
	padding:0;
}
#centre3cols_non, #centre2colschemin_non {
	margin:0 0 0 0;
	padding:0;
}
#centre3colsportfolio, #centre2colscheminportfolio {
	margin:0 0 0 28px;
	padding:0;
}
#gauche {
	float:left;
	width:199px;
	margin:0; padding:0;
}
#gauchepied_oui {
	float:left;
	width:199px;
	margin:0; padding:0;
	text-align: center;
}
#gauchepied_non {
	float:right;
	width:199px;
	margin:0; padding:0;
	text-align: center;
}

#gaucheportfolio, #gauchepiedportfolio, #gauchecheminportfolio {
	float:left;
	width:28px;
	margin:0; padding:0;
}

#droite {
	float:left;
	width:46%;
	margin:0; 
  padding:0;
}

#colmoitiegauche {
	float:left;
	width:48%;
	margin:0; padding:0;
}
#colmoitiedroite {
	float:right;
	width:48%;
	margin:0; padding:0;
}
#colprincipale {
	float:left;
	padding: 0;
	margin: 0;
	width:54%;
	
}
#colunique {
	float:left;
	padding: 0;
	margin: 0;
	width:98%;
}

.colssup {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 7px;
	line-height: 7px;
	height:7px;
}
.colssupportfolio {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 7px;
	line-height: 7px;
	height:7px;
}
.colssup2 {
	margin: 0;
	padding: 0;
	border: 0;
}
.colssup2portfolio {
	margin: 0;
	padding: 0;
	border: 0;
}
.colschemin {
	padding: 0 0 0 5px;
	margin: 0;
}

#centrepied_non {
	margin:0 199px 0 0;
	padding: 0;
	text-align: center;
	float:none;
}

#centrepied_oui {
	margin:0 0 0 199px;
	padding: 0;
	text-align: center;
	float:none;
}

#centrepiedportfolio {
	margin:0 0 0 28px;
	padding: 0;
	text-align: center;
	/*background: url(../images-interface/pixel_couleur2.gif) repeat;*/
	float:none;
}

.column-in {
	margin:0; padding:0.5em 0em;
	float:none;


}

.column-indroite {
/*	margin:0;
  padding:0em 0em;
	float:none;*/
}

.nobordure2 {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 2px;
	line-height: 2px;
	height:2px;
}

.nobordure7 {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 7px;
	line-height: 7px;
	height:7px;
}
.nobordure15 {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 15px;
	line-height: 15px;
	height:15px;
}
.nobordure24 {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 24px;
	line-height: 24px;
	height:24px;
}
.cleaner {
	margin: 0;
	padding: 0;
	border: 0;
	clear: both;
	font-size: 1px;
	line-height: 1px;
	height:1px;
}
.cleanerchemin {
	margin: 0;
	padding: 3px;
	border: 0;
	clear: both;
	font-size: 1px;
	line-height: 1px;
	height:1px;
}

.clear{
	clear: both;
}

html>body .mozclear/* could use :root instead of html>body to target mozilla specifically, but that invalidates the stylesheet */
{
	border-bottom: 1px solid transparent;	/* help mozilla recognize empty clearing element */
	margin-bottom: -1px;	/* compensate for 1px space used by border */
}
	
/* CSS Ajouter */
/**CSS A la une**/
.titre_alaune{
	font-weight: bold;
	/*font-size: 120%;*/
	text-align: left;
	color:#0099ff;
	margin-bottom : -1em;
	font-size: 1em;
	padding: 1em;
}
/*
.titre_alaune_actu{
	font-weight: bold;
	width: 250px;
	text-align: left;
	color:#336699;
	margin-bottom : -0.83em;
	font-size: 1em;
	padding: 1em;
}*/
/*
.chapo_alaune_actu{
	font-weight: bold;
	width: 250px;
	text-align: left;
	color:#7a7a7a;
	margin-bottom : 0.83em;
	font-size: 0.7em;
	padding-top: 0.3em;
  padding-left: 1.5em;

}*/

.chapo_alaune_actu_img_video{
/*  position:Relative;*/
	margin-top: -10em;
  padding-left: 18em;

}

.chapo_alaune_actu_img_video_2{
/*  position:Relative;*/
	margin-top: -7em;
  padding-left: 18em;

}

/*
.style_libelle_img_video
{
	font-weight: bold;
	width: 250px;
	text-align: left;
	color:#7a7a7a;
	font-size: 0.6em;
}*/


/**CSS agenda**/
.column-agenda {
	margin-left:2px; padding:0.5em 0em;
	width: 241px;
	/*background: url("../images-interface/carre_agenda.png") no-repeat;*/
	float:left;

}

.nouveaux_arrivants{
margin-left:0px; 
margin-top:6px;
}

.contenu_agenda
{
	font-size: 9px;
	width: 220px;
}

.contenu_agenda_date
{
  color:#0099FF;
  font-weight: bold;
  font-size: 1.1em;
  margin-left:6px;
}



.contenu_agenda_lieu
{
  color:#ff9933;
  font-weight: bold;
  font-size: 1em;
  margin-left:6px;
}

.contenu_agenda_titre
{
    color:#336799;  
    margin-left:6px;
    font-weight: bold;
    font-size: 1.2em;
}

.contenu_agenda_descriptif
{
  color:#999999;
  font-size: 1.1em;
  margin-left:6px;
}

.contenu_agenda_lien
{
  color:#ff6600;
  margin-left:6px;  
  font-weight: bold;
}

a.contenu_agenda_lien
{
  color:#ff6600;
}

.contenu_agenda_rond_orange
{
  float:right;
  position:relative;
  Bottom:-218px;
  left: -31px;
  /*left:15px;*/
}

/**CSS Projet**/
.projet
{
/*margin-top:25px;*/
}


.liste_projet
{
/*	background: url("../images-interface/fond_projet.png") no-repeat;*/
	margin:0; padding:0.5em 0em;
/*	height: 200px;*/
	width: 241px;
	float:left;
}
.projet_img
{
 /*height:80px;*/
}

.filet_haut
{
  /*margin-top:-45px;*/
}

.filet_bas
{
 /* margin-top:36px;*/
}

.projet_titre
{
	font-weight: bold;
	text-align: left;
	color:#999999;
	margin-bottom : 0em;
	font-size: 1em;
	margin-top: 0em;
 padding-left: 0em;
}
/**CSS SErvice en ligne**/


.liste_service
{
	margin:0em; 
  padding:0.5em 1em;
	height: 254px;
	width: 180px;
	background: url("../images-interface/carre_agenda.png") no-repeat;
	float:right;
}
/*
.column-indroite {
	margin:0; padding:0.5em 0em;
	float:none;
}*/


.bord_droite{
	float:right;
  margin-top: -550px;
  margin-right: 0px;
}	


#droite_art_actu {
	float:left;
	width:195px;
	height:100%;
	margin:0; 
  padding:0;
 /* background: url("../images-interface/colonne_droit.png") no-repeat;*/
 background-color:#ffffff;
  
}

#colprincipale_art{
	float:left;
	padding: 0;
	margin: 0;
	width:800px;
	border-right: 0px solid;
}

/**Article**/
/***Template 1***/
.column-droit{
  float:left;
	padding: 0;
	margin: 0;
	width:61%;
	font-size:12px;
	

}

.column-in_art {
	margin:0; padding:0.5em 0em;
	float:none;
}

.column-gauche{
  float:right;
	padding: 0;
	margin: 0;
	width:39%;
}

.pied_article{
	float:left;
	padding: 0;
	margin: 0;
}

.contact_article{
  float:left;
  padding: 0;
	margin: 0;
	/*height:200PX;
	width:400px;
  background: url("../images-interface/en_savoir_plus.png") no-repeat;*/
}

.tag_social{
  float:left;
  padding: 0;
	margin: 0;
	/*width:39%*/
}

/***template2***/
.column-droit_template_2{
  float:left;
	padding: 0;
	margin: 0;
	width:45%;

}

.tag_social_2{
  float:left;
  padding: 0;
	margin: 0;
	width:30%;
}

.column-gauche_template_2{
  float:right;
	padding: 0;
	margin: 0;
	width:50%;
}

.pied_article_template_2{
	float:left;
	padding: 0;
	margin: 0;
}

.column-in_art_template_2 {
	margin:0; 
  padding:0em 0em;
	float:none;
}

.Contact_et_soc{
 	 float:none;

 
}



espacebloc_tpl2{
height:10px;
padding:0px;
margin-top:100px;
}

.suite_text{
  float:none;
}
.image_template_2
{
	float:left;
	padding: 0;
	margin: 0;
}

/** Template 3 **/
.suite_text_tpl_3
{
	padding: 0;
	width:95%;
	text-align: justify;
	font-size: 1em;
	line-height: 15px;
	color:#333333;
	margin:1em;
}

/***  Colone de droit ***/
#droite_art_seconde_partie {

	width:195px;	
	margin:0; 
  padding:0;


 /* background: url("../images-interface/colonne_droit.png") no-repeat;
 background-color:#f0e8f7;*/
  
}

.column_right{
border-left: 1px solid;
height:100%;
}

.arborescence_droit {
    	background-color:#D8BFD8;
}

.arborescence_droit_projet {
    	background-color:#C3EFE2;
}

.arborescence_droit_actu {
    	background-color:#ffffff;
}

/**Style lien menu droit dans article**/

a.lien_menu_droit
{
  color:#000000;
  font-size: 1.5em;
  text-align: justify;
  font-weight:bold;
}

a.lien_menu_droit_actu
{
  color:#000000;
  font-size: 0.9em;
  text-align: justify;
  font-weight:bold;
}


/** gestion des images **/
.image {
border: none;
display: block;
}


a.lien_menu_droit_actu_2, a.lien_menu_droit_actu_2:link {
    color: #cccccc;
    border-bottom: 0px #ffffff;
    font-size: 0.9em;
    text-align: left;

}

a.lien_menu_droit_actu_2:visited { color: #ffffff; border-color: #ffffff ;}
a.lien_menu_droit_actu_2:hover { color: #ffffff; border-color: #ffffff; text-decoration: none;}
a.lien_menu_droit_actu_2:active { color: #ffffff; border-color:#ffffff; }
/** savoir plus template 2**/

.Contact_et_soc_tp2{
 	 float:none;
}

.contact_article_tp2{
  float:left;
  width:70%;
} 

.tag_social_2_tp2{
  float:right;
  width:30%;
}

.espacebloc_tpl22
{
	width:150px;	
}


.suite_text_tp2{
  float:left;
  margin-top:10px;
  margin-left:10px;
  width:360px;
}

.alig_ps{
margin-left:10px;
margin-right:10px;
}

/*menu annuaire
---------------------------------------------------------------------------*/

#menu dt {
cursor: pointer;
text-align: left;
font-size: 12px;
/*font-weight: bold;*/

}

#menu li {
text-align: left;
/*text-color:#b4eefc;*/
margin-left:-70px;

}

a.lien_menu_new, a.lien_menu_new:link {
    text-decoration: none;
    color: #b4eefc;
    border-bottom: 0px #b4eefc;
    font-size:12px;

}

a.lien_menu_new:visited { color: #006699; border-color: #006699 }
a.lien_menu_new:hover { color: #006699; border-color: #006699; text-decoration: none; }
a.lien_menu_new:active { color: #006699; border-color:#006699 }


a {
    text-decoration: none;
}

a:visited { text-decoration: none; }
a:hover { text-decoration: none; }
a:active { text-decoration: none;}
/*
.droite_1{
	float:left;

	margin:0; 
  padding:0;
}

.droite_2{
	float:right;

	margin:0; 
  padding:0;
}*/
/** nouvelle mise en page de la page home **/
.corps_site{
	float:left;
	width:100%;
}



.colonne_gauche{
	float:left;
	padding: 0;
	margin: 0;
	width:54%;
}

.colonne_droite{
	float:right;
	padding: 0;
	margin: 0;
	width:46%;
}

.pied_page{
	float:left;
	width:100%;
}

.colonne_droit_1{
	float:left;
	padding: 0;
	margin: 0;
	width:55%;
}

.colonne_droit_2{
	float:right;
	padding: 0;
	margin: 0;
	width:45%;
}


.titre_alaune_actu{
	font-weight: bold;
	width: 250px;
	text-align: left;
	color:#336699;
	margin-bottom : 0;
	font-size: 1.3em;
	padding: 0;
	line-height:18px;
}

.chapo_alaune_actu{
	width: 250px;
	text-align: left;
	color:#7a7a7a;
	margin-bottom : 0;
	font-size: 0.9em;
	padding-top: 0;
  padding-left: 0em;
  line-height:14px;

}

.style_libelle_img_video
{
	font-weight: bold;
	text-align: left;
	color:#7a7a7a;
	font-size: 0.9em;
}

.lst_mag{
    color: #305982;
    font-weight: bold;
    font-size:0.9em;
}

.coord_mairie{

	color:#336699;
	font-size: 1em;
	  line-height:12px;
}

.coord_mairie_2{
	color:#336699;
	font-size: 0.9em;
	line-height:12px;
}

/*Different style / rubrique */
#droite_art {
	float:left;
	width:195px;
	height:100%;
	margin:0; 
  padding:0;
 /* background: url("../images-interface/colonne_droit.png") no-repeat;*/
 background-color:#CCCCCC;
}

/***/
#droite_art_projets {
	float:left;
	width:195px;
	height:100%;
	margin:0; 
  padding:0;
 /* background: url("../images-interface/colonne_droit.png") no-repeat;*/
 background-color:#C3EFE2;
}
/***/
#droite_art_democratie {
	float:left;
	width:195px;
	height:100%;
	margin:0; 
  padding:0;
 /* background: url("../images-interface/colonne_droit.png") no-repeat;*/
 background-color:#EFC2C9;
}
/***/
#droite_art_actu {
	float:left;
	width:195px;
	height:100%;
	margin:0; 
  padding:0;
 /* background: url("../images-interface/colonne_droit.png") no-repeat;*/
 background-color:#f0e8f7;
}
/***/
#droite_art_mairie {
	float:left;
	width:195px;
	height:100%;
	margin:0; 
  padding:0;
 /* background: url("../images-interface/colonne_droit.png") no-repeat;*/
 background-color:#E0C2EF;
}
/***/
#droite_art_commune {
	float:left;
	width:195px;
	height:100%;
	margin:0; 
  padding:0;
 /* background: url("../images-interface/colonne_droit.png") no-repeat;*/
 background-color:#C2EFEE;
}
/***/
#droite_art_jumelage{
	float:left;
	width:195px;
	height:100%;
	margin:0; 
  padding:0;
 /* background: url("../images-interface/colonne_droit.png") no-repeat;*/
 background-color:#B0DF99;
}
/***/
#droite_art_social{
	float:left;
	width:195px;
	height:100%;
	margin:0; 
  padding:0;
 /* background: url("../images-interface/colonne_droit.png") no-repeat;*/
 background-color:#FFD3AF;
}
/***/
#droite_art_vie{
	float:left;
	width:195px;
	height:100%;
	margin:0; 
  padding:0;
 /* background: url("../images-interface/colonne_droit.png") no-repeat;*/
 background-color:#C2EFCC;
}
/***/
#droite_art_educ{
	float:left;
	width:195px;
	height:100%;
	margin:0; 
  padding:0;
 /* background: url("../images-interface/colonne_droit.png") no-repeat;*/
 background-color:#B3DAEF;
}
/***/
#droite_art_culture{
	float:left;
	width:195px;
	height:100%;
	margin:0; 
  padding:0;
 /* background: url("../images-interface/colonne_droit.png") no-repeat;*/
 background-color:#EFC2DA;
}
/***/
#droite_art_sport{
	float:left;
	width:195px;
	height:100%;
	margin:0; 
  padding:0;
 /* background: url("../images-interface/colonne_droit.png") no-repeat;*/
 background-color:#C6C2EF;
}
/***/

.flux_rss_agenda{
	float:right;
	padding-right:28px;
	padding-top:5px;
}

/*Colonne de droite*/
.col_droit_glb{
	float:right;
border-left: 1px solid #CCCCCC;
}

#colprincipale_recherche{
	float:left;
	padding: 0;
	margin: 0;
	width:828px;
	border: 0px solid;
}

.column-in_recherche {
	margin:0;
	padding:0.5em 0em;
	float:none;
	border-right: 1px solid;
}

#droite_reherche_seconde_partie {
	width:195px;	
	margin:0; 
  padding:0;
  border-right: 0px solid;
	float:right;
}

/*Pop up Acteur*/
#TitreActeur{
    color: #336799;
    font-weight: bold;
    font-size:1.2em;
}

#ContenuActeur{
    color: #666666;
    font-weight: bold;
    font-size:0.9em;
}

#TitreChapo{
    color: #336799;
    font-weight: bold;
    font-size:1em;
}

#TitreTexte{
    color: #666666;
    font-size:0.9em;
}

#liste {
margin: 0;
list-style-type: none;
padding: 0em 0.5em;
width: 100%;
font-size:0.9em;
}


#liste li{
list-style-type: none;
margin: 0em 0;
font-size:0.9em;
}

#liste2 {
list-style-type: none;
font-size:0.9em;
/*left:-60px;*/
}
/*
#smenu1 li, #smenu2 li, #smenu3 li, #smenu4 li{
list-style-type: none;
padding: 0em 0.5em;
}
*/

#galerie{
      	width: 510px;
      	height: 220px;
      	overflow: auto;
      	border: 0px solid #000;

}

.colonne_gauche_galerie{
	float:left;
	padding: 0;
	margin: 0;
	width:80%;
}

.colonne_droite_galerie{
	float:right;
	padding: 0;
	margin: 0;
	width:20%;
}

#coeur_site{
float:right;
	padding: 0;
	margin: 0;
	width:100%;
	border:0px solid;
}

a.annuaire_categorie{
font-size:1.3em;
}


/*** ****/

#galeries {display:block;width:430px;height:300px;	background: url("../images-interface/galerie/fondVideo.jpg") no-repeat; border:0px solid;/*overflow:auto;overflow-x: auto;overflow-y: hidden;overflow : -moz-scrollbars-horizontal;background-color:#EAEAEA;*/}

#galeries #photos {margin-left:5px;display:block;width:425px;height:200px; background-color:#E5F1CD; overflow:auto;overflow-x: auto;overflow-y: hidden;/*overflow : -moz-scrollbars-horizontal;*/}
#galeries #photos ul {margin-left:0;padding:0; background:#E5F1CD;}
#galeries #photos ul li {padding:.5em; background:#E5F1CD;}
#galeries #photos ul {width:10000px; height:220px; overflow:auto;list-style-type: none; overflow-x: auto;overflow-y: hidden;/*overflow : -moz-scrollbars-horizontal;*/}
#galeries #photos li {width:190px;float:left;}
#galeries #photos li a {border:2px solid #C0EFFF;}
#galeries #photos li a:hover {border:2px solid #6C943C;}
#galeries #photos li img {border:0}

#galeries #videos {margin-left:5px;display:block;width:425px;height:200px; background-color:#E5F1CD; overflow:auto;overflow-x: auto;overflow-y: hidden;/*overflow : -moz-scrollbars-horizontal;*/}
#galeries #videos ul {margin:0;padding:0; background:#E5F1CD;}
#galeries #videos ul li {padding:.5em; background:#E5F1CD;}
#galeries #videos ul {width:10000px;height:220px;list-style-type: none;overflow:auto;overflow-x: auto;overflow-y: hidden;/*overflow : -moz-scrollbars-horizontal;*/}
#galeries #videos li {width:190px;float:left;}
#galeries #videos li a {border:2px solid #C0EFFF;}
#galeries #videos li a:hover {border:2px solid #6C943C;}
#galeries #videos li img {border:0}
/*** ****/
ins {text-decoration:none;}