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


#entete {
	height: 154px;
	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;
	/*font-size: 120%;*/
	width: 250px;
	text-align: left;
	color:#336699;
	margin-bottom : -0.83em;
	font-size: 1em;
	padding: 1em;
}

.chapo_alaune_actu{
	font-weight: bold;
	/*font-size: 120%;*/
	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;
	/*font-size: 120%;*/
	width: 250px;
	text-align: left;
	color:#7a7a7a;
	font-size: 0.6em;
}


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

}

.contenu_agenda
{
	font-size: 9px;

}

.contenu_agenda_date
{
  color:#663333;
  font-weight: bold;
  font-size: 1.1em;
}

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

.contenu_agenda_titre
{
  color:#ff6600;
  font-weight: bold;
  font-size: 1em;
}

.contenu_agenda_descriptif
{
  color:#666666;

  font-size: 1.1em;
}

.contenu_agenda_lien
{
  color:#ff6600;
}

a.contenu_agenda_lien
{
  color:#ff6600;
}

.contenu_agenda_rond_orange
{
  float:right;
}

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


.liste_projet
{
	background: url("../images-interface/fond_projet.png") no-repeat;
	margin:0; padding:0.5em 0.4em;
	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 {
	float:left;
	width:195px;
	height:100%;
	margin:0; 
  padding:0;
 /* background: url("../images-interface/colonne_droit.png") no-repeat;*/
 background-color:#f0e8f7;
  
}

#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:828px;
	border-right: 1px solid;
}

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

}

.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:55%;
}

.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;
}

.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 {
	float:left;
	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_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;
}

/** savoir plus template 2**/

.Contact_et_soc_tp2{
 	 float:none;
}

.contact_article_tp2{
  float:left;
} 

.espacebloc_tpl22
{
	width:150px;	
}

.tag_social_2_tp2{
  float:right;
}
.suite_text_tp2{
  float:left;
}

.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;}

/*** ****/

#galeries {display:block;width:430px;height:250px;	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:145px; xbackground-color:#E5F1CD; overflow:auto;overflow-x: auto;overflow-y: hidden;overflow : -moz-scrollbars-horizontal;}
#galeries #photos ul {margin-left:0;padding:0; xbackground:#E5F1CD;}
#galeries #photos ul li {padding:.5em; xbackground:#E5F1CD;}
#galeries #photos ul {width:1460px; height:220px; overflow:auto;list-style-type: none; overflow-x: auto;overflow-y: hidden;overflow : -moz-scrollbars-horizontal;}
#galeries #photos li {width:130px;float:left;}
#galeries #photos li a {border:2px solid #E5F1CD;}
#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:145px; xbackground-color:#E5F1CD; overflow:auto;overflow-x: auto;overflow-y: hidden;overflow : -moz-scrollbars-horizontal;}
#galeries #videos ul {margin:0;padding:0; xbackground:#E5F1CD;}
#galeries #videos ul li {padding:.5em; xbackground:#E5F1CD;}
#galeries #videos ul {width:1460px;height:220px;list-style-type: none;overflow:auto;overflow-x: auto;overflow-y: hidden;overflow : -moz-scrollbars-horizontal;}
#galeries #videos li {width:130px;float:left;}
#galeries #videos li a {border:2px solid #E5F1CD;}
#galeries #videos li a:hover {border:2px solid #6C943C;}
#galeries #videos li img {border:0}
/*** ****/