/* ------------------------------------------------------------- clearfix */
.clearfix:after, #sidebar .sidebar-node:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
    overflow:hidden;
}

.clearfix, #sidebar .sidebar-node {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix, * html #sidebar .sidebar-node {height: 1%;}
.clearfix, #sidebar .sidebar-node{display: block;}
/* End hide from IE-mac */
/* END =CLEARFIX */

/* ------------------------------------------------------------- body */
* {
	margin: 0; 
	padding: 0;
	list-style: none;
}

body {
	background: #fff url("img/bg.gif") repeat-x fixed top;
	text-align: center; /* centers the #sizer element in IE5.x/win */
	margin:14px 0 0 0;
	font-family:  "Lucida Grande","Lucida Sans Unicode",verdana,geneva,sans-serif;
	font-family:"trebuchet MS", Verdana, sans-serif;
	color:#333;
}

/* set global font-size to 10px so that 1em=10px */ 
body.smallText {font-size:62.5%}
body.mediumText {font-size:72.5%}
body.largeText {font-size:82.5%}

html > body.smallText {font-size:10px} /* ChildHack */
html > body.mediumText {font-size:11px}
html > body.largeText {font-size:12px}

body * {
	font-size: 100.01%; /* this body font-size fixes an IE bug and maintains x-browser uniformity */ 
	line-height:1.5em;
}


#container{
	padding: 0 390px; /* the critical side padding that sets the natural min-width! */ 
}

#sizer {
	margin: 0 auto; /* centers #sizer in standard browsers */
	padding: 0;
	width: 80%; /* this value controls liquidity; 0% = full rigid, 100% = full liquid */
	text-align: left; /* resets the default text alignment for the page */
	max-width: 250px;
}

#expander { /* Any % height here causes IE to lose the neg right margin */
	margin: 0 -375px; /* neg side margin values should be < or = to side body padding */
	min-width: 670px; /* This prevents Safari from losing the negative margins in narrow windows */ 
	position: relative; /* makes #expander visible outside #sizer in IEwin */
	background:#fff;
} 

/*\*/
* html #expander {height: 0;} 
/* #expander must have "height: 0" in IEwin bug fixing */

/* The above is a modified Holly hack for #expander, with zero substituted for the 
usual 1% height value. Any % value on this element causes a horrendous IE bug! */ 

#wrapper1 {
  	position: relative;
	font-size:100%;
	background:url("img/dotsv_long.gif") no-repeat 235px 0;
} /* this positioning may be needed for IEwin if page is to contain positioned elements */

#wrapper2 {  
		/* background: url(img/dotsv_long.gif) 100% 0 repeat-y;  this BG tiles the right column */
	position: relative; /* extra insurance against bugs in IEwin */
}

/****************** Main Page Structure *****************/

/* To modify the side column widths and the col divider widths, the values that are 
marked "critical" and also refer to the desired mod MUST be changed as a group. */

.outer {
  /*** border: 1px solid #ede5d9; Critical left divider dimension value ***/
  /***border-right: 2px solid #da5;  Critical right divider dimension value ***/
  margin-left: 235px;    /*** Critical left col width value ***/
   /*** margin-right: 250px;   Critical right col width value ***/
 
}


.center {
  float: right;
  width: 100%;
}

.left {
  float: left;
  position: relative; /* Needed for IE/win */
  width: 230px;    /*** Critical left col width value ***/
  margin-left: -235px;    /*** Critical left col width value ***/ /*** Critical left divider dimension value ***/

}

.right {
  float: right; 
  position: relative; /* Needed for IE/win */
  width: 245px;    /*** Critical right col width value ***/
  margin-right: -250px;    /*** Critical right col width value ***/ /*** Critical right divider dimension value ***/
  margin-left: 0px;   /*** Critical right divider dimension value ***/

}

.centerbox {
  overflow: visible;
  width: 100%;
}
.padder8 {padding: 8px;}
.padder14 {padding: 14px;}
.paddertop{padding:60px 8px 8px}

#actualites_col{
	float:left; 
	width:235px; 
	border-right:14px solid #fff;
	padding:0 15px 0 5px; 
	background: url("img/dotsv_long.gif") 100% -14px repeat-y; /* this BG tiles the right column */
	font-size:1.1em;
	}


/* ------------------------------------------------------------- commons */
table.tablediscret{vertical-align:top; border-collapse:collapse; width:99%}
table.tablediscret td {vertical-align:top}
table.tablediscret td.borderleft{padding-left:15px;background:url("img/dotsv.gif") repeat-y 5px 0px}

.deblayage{clear:both; height:1px; font-size:1px;overflow:hidden}
.hr_16{clear:both; height:16px; font-size:1px;overflow:hidden; background:url("img/hr.gif") repeat-x 0 8px;}
.hr{
	background:url("img/hr.gif") repeat-x;
	height:1px;
	overflow:hidden;
	font-size:1px;
	margin: 0 0 10px 0;
	}
hr.spip{height:1px; border:0 none; border-top:1px solid #666; margin:8px 0}
.formulaire_recherche label { display: none; }
label{}
input {
	border:1px solid #eaeaea;
	float:left;
	background-color:#FFF;
	padding:0 3px;
	margin:0 6px 0 0;
	font-family:"trebuchet MS", Verdana, sans-serif;
	font-size:11px;
	}
	
a img{border:none; border:transparent}

/* ------------------------------------------------------------- content */


/*______________________________________________________________________________ logo */

.left .logo a{ 
	width:215px;
	height:216px;
	display:block;
	background:url("img/alt_logo.jpg") no-repeat;
	text-decoration:none;
	font-size:2.4em;
	color:#fff;
	}
.left .logo a span{padding:48px 0 0 29px; display:block}
.logo#logo1 a{ background:url("img/alt_logo_actus.jpg") no-repeat;}
.logo#logo5 a{ background:url("img/alt_logo_publi.jpg") no-repeat;}
.logo#logo6 a{ background:url("img/alt_logo_contact.jpg") no-repeat;}
.logo#logo7 a{ background:url("img/alt_logo_actions.jpg") no-repeat;}
.logo#logo8 a{ background:url("img/alt_logo_ateliers.jpg") no-repeat;}
.logo#logo9 a{ background:url("img/alt_logo_paroles.jpg") no-repeat;}
.logo#logo35 a{ background:url("img/alt_logo_rendezvous.jpg") no-repeat;}

/*______________________________________________________________________________ menu gauche */
ul#menu{
	list-style-type:none;
	margin: 20px 0 0 6px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:1em;
	font-weight:bold;
	}
ul#menu li{	
	margin:0;
	}
ul#menu li a{
	color:#6a6a6a;
	text-indent:-9999px;
	text-decoration:none;
	background-image:url("img/menu.gif");
	background-repeat:no-repeat;
	display:block;
	width:203px;
	height:22px;
	}

#menuli_2 a{background-position:0 0}
#menuli_2 a:hover, #menuli_2.menuli_actif a{background-position:-333px 0}

#menuli_40 a{background-position:0 -176px}
#menuli_40 a:hover, #menuli_40.menuli_actif a{background-position:-333px -176px}

#menuli_7 a{background-position:0 -22px}
#menuli_7 a:hover, #menuli_7.menuli_actif a{background-position:-333px -22px}

#menuli_8 a{background-position:0 -44px}
#menuli_8 a:hover, #menuli_8.menuli_actif a{background-position:-333px -44px}

#menuli_1 a{background-position:0 -66px}
#menuli_1 a:hover, #menuli_1.menuli_actif a{background-position:-333px -66px}

#menuli_5 a{background-position:0 -88px}
#menuli_5 a:hover, #menuli_5.menuli_actif a{background-position:-333px -88px}

#menuli_6 a{background-position:0 -110px}
#menuli_6 a:hover, #menuli_6.menuli_actif a{background-position:-333px -110px}

#menuli_9 a{background-position:0 -132px}
#menuli_9 a:hover, #menuli_9.menuli_actif a{background-position:-333px -132px}

#menuli_35 a{background-position:0 -154px}
#menuli_35 a:hover, #menuli_35.menuli_actif a{background-position:-333px -154px}

.style_switcher{margin:5px 0 0 6px; color:#8d8d8d;}
.style_switcher p{float:left; padding:0 .3em 0 0; font-size:1em; line-height:16px; display:block}
.style_switcher a{display:block; height:13px; width:11px; background-image:url("img/style_switcher.gif"); background-repeat:no-repeat; text-indent:-999px; float:left; margin:0 2px 0 0; text-decoration:none}

.style_switcher a#smallText{background-position: 0 0}
.smallText a#smallText, .style_switcher a#smallText:hover{background-position: 0 -17px}
.style_switcher a#mediumText{background-position:-11px 0}
.mediumText a#mediumText, .style_switcher a#mediumText:hover{background-position:-11px -17px}
.style_switcher a#largeText{background-position:-22px 0}
.largeText a#largeText, .style_switcher a#largeText:hover{background-position:-22px -17px} 

/*______________________________________________________________________________ titres */
h1#actualites{color:#999999}
h1#bienvenue{color:#333333; margin:63px 0 0 0;}
h1#newsletter{color:#d96405; margin:20px 0 0 0; padding:0 0 16px 0}
h1{
	font-size:2.4em;
	line-height:normal;
	margin: 45px 0 0 0;
	font-weight:normal;
	padding:0 0 16px 0;
	display:block
	}
h1.h1_temoignage{padding:0 0 16px 44px; background:url("img/bg_temoignages_h1.gif") no-repeat}

h2{
	font-weight:bold;
	font-size:2.2em;
	line-height:normal;
	color:#c1d01e;
	margin:.5em 0;
	display:block;
	}	
h3 {
	font-weight:bold;
	font-size:1.4em;
	line-height:normal;
	color:#999999;
	margin:.8em 0 .3em 0;
	font-family:Georgia, "Times New Roman", Times, serif;
	display:block;
	}
h4{
	font-weight:bold;
	font-size:1.1em;
	line-height:normal;
	margin:.6em 0 .2em 0;
	}	
h4 a:hover, a:link, a:visited{
text-decoration:none;
color:#6600cc}
.mediumText {font-size:110%}
.largeText {font-size:120%}
.xLargeText {font-size:130%}

/*______________________________________________________________________________ actualites */
#home .center div div{ margin:0 0 15px 0}
#home .center h4 span{ font-weight:normal}
#home .center div span a , a.lire{color:#c1d01e; font-weight:bold; display:block; text-decoration:none}
#home .center div span a:hover, a.lire:hover {text-decoration:underline}
#home .center p a {text-decoration:underline; color:#333}
#home .center p a:hover {text-decoration:underline; color:#2a7094}
.archives_actus_link a{color:#6e92a3; text-decoration:none; background:url("img/dotsh.gif") repeat-x; display:block}

/*______________________________________________________________________________ bienvenue */
.bienvenue p{font:1.1em/1.3em Georgia, "Times New Roman", Times, serif; margin:0 0 15px 0; }

/*______________________________________________________________________________ newsletter */
#newsletter_f input{color:#d96405; width:160px}
.bouton{
	background:url("img/bg_bouton.gif") no-repeat; 
	position:relative;
	float:left;
	display:block;
	}

.bouton a{
	position:relative;
	padding:2px 6px 0 6px;
	height:18px;
	color:#d96405;
	text-decoration:none;
	font-size:1.1em;
	}
.bouton a:hover{color:#333;}

/*______________________________________________________________________________ contenu pages */
.lireaussi{float:right; width:157px; position:relative;  font-size:1.1em;
 margin:20px 0 0 0px; border-left:10px solid #fff}
.lireaussi div.autresarticles{ position:relative; background:url("img/bg_boite_droite.gif") repeat-x bottom left;}
.lireaussi a{text-decoration:none}
.quote_temoignage{
	background: url("img/bg_temoignages_box.gif") no-repeat;
	padding:35px 5px 2px ;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	font-size:13px;
	line-height:15px;
	}
.quote_temoignage a:link, .quote_temoignage a:active, .quote_temoignage a:visited{
	color:#e7952d; text-decoration:none;
	line-height:16px;
	}
.quote_temoignage a:hover{text-decoration:underline}
.quote_temoignage .signature_temoignage{ 
	background:url("img/dotsh.gif") repeat-x;
	font-family:"trebuchet MS", Verdana, sans-serif;
	font-size:0.7em; text-align:right; display:block; color:#a4a4a2; font-style:normal; margin:4px 0 0 0
	}

.p_articles_galerie a span{display:block; height:80px; overflow:hidden; border:1px solid #666}

.p_articles_galerie, .p_autresarticles {padding:0 5px 20px 5px}
.p_articles_galerie a, .p_autresarticles a{display:block; color:#333; text-decoration:none}
.p_articles_galerie a:hover, .p_autresarticles a:hover{text-decoration:underline}

.autresarticles h6{	
	font-family:"trebuchet MS", Verdana, sans-serif;
	font-size:1.1em;
	background:url("img/bg_h6_boite_droite.gif") no-repeat;
	padding:5px;
	}

.texte_article,  .formudesc .texte{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:1.2em;
line-height:1.4em;
}
.texte, .texte p{ margin:0 0 16px 0}
.chapo{font-family: "trebuchet MS", Verdana, sans-serif;margin:10px 0 16px 0; 
font-size:1.2em; line-height:1.4em;
padding:5px 0 0 14px; background:url("img/chapo.gif") no-repeat 0 0}

.texte_article a:link, .texte_article a:active, .texte_article a:visited,
.texte a:link, .texte a:active, .texte a:visited{
	color:#d96405;}
.texte_article .ps{background:url("img/dotsh.gif") repeat-x 0 0; margin:12px 0 0 0; color:#666}
.texte_article .ps p{background:url("img/ps.gif") no-repeat 0 7px;padding:4px 0 0 40px;}
.notes{background:url("img/dotsh.gif") repeat-x 0 0; margin:12px 0 0 0; color:#666}
.notes p{background:url("img/notes.gif") no-repeat 0 5px;padding:4px 0 0 40px;}

.texte_article .date{background:url("img/dotsh.gif") repeat-x 0 0; margin:12px 0 0 0; color:#afbd00; clear:both}
.texte_article .date{text-align:right;font:1em/1.5em "trebuchet MS", Verdana, sans-serif;margin:0 0 6px 0}

/*______________________________________________________________________________ navlist */




#submenu {
      float:left;
	  	  margin:0 0 10px 0;
      width:100%;
      background:#fff url("img/dotsh.gif") repeat-x bottom;
      line-height:normal;
	  font-size:1.1em;
      }
    #submenu ul {
      margin:0;
      padding:10px 0 0;
      list-style:none;
      }
    #submenu li {
      display:inline;
      margin:0;
      padding:0;
      }
    #submenu a {
      float:left;
      background:url("img/left_both.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 4px;
      border-bottom:1px solid #d1d1d1;
      text-decoration:none;
      }
    #submenu a span {
      float:left;
      display:block;
      background:url("img/right_both.gif") no-repeat right top;
      padding:3px 10px 1px 6px;
      color: #333;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #submenu a span {float:none;}
    /* End IE5-Mac hack */
    #submenu a:hover span {
      color:#333;
      }
    #submenu #current a {
      background-position:0 -150px;
      border-width:0;
      }
    #submenu #current a span {
      background-position:100% -150px;
      padding-top:5px;
      color:#333;
      }
    #submenu a:hover {
      background-position:0% -150px;
      }
    #submenu a:hover span {
      background-position:100% -150px;
      }
/*______________________________________________________________________________ chemin */
.chemin{float:right}
.chemin a:link, .chemin a:active, .chemin a:visited{
color:#666; text-decoration:none; padding:0 0 0 10px; margin:0 0 0 4px; font-size:1.1em; 
background:url("img/chemin.gif") no-repeat 0 .6em}
.chemin a:hover{text-decoration:underline; background:url("img/chemin.gif") no-repeat 0 -10px }

/*______________________________________________________________________________ actualites */
.annee_actus{background:url("img/dotsh.gif") repeat-x 0 0;font-size:1.1em; }
.archive_actu {font-size:1.1em;}
.archive_actu a {color:#c1d01e; font-weight:bold; text-decoration:none}
.archive_actu a:hover {text-decoration:underline}
.h2_actus{border-bottom:1px solid #c1d01e; padding:0 0 0px 0; font-size:1.8em; margin:.7em 0 .2em 0}
/*______________________________________________________________________________ forms */
select{font:1em/1.5em "trebuchet MS", Verdana, sans-serif;}
select option{ padding:0 8px 0 2px}
div.label_left , div.label_left_pub{float:right; padding:2px 0 0 0; font-size:1.1em;}
div.label_left_pub select{width:200px; margin:4px 0 12px 0}

/*______________________________________________________________________________ galeries */
.vignette_conteneur{
	display:block; 
	float:left; 
	width:96px;
	height:65px;
	margin:0 2px 2px 0;
	}
.vignette_conteneur a:link, .vignette_conteneur a:active, .vignette_conteneur a:visited{
	border:2px solid #eee; 
	width:92px;
	height:61px;
	display:block;
	overflow:hidden;
	}
.vignette_conteneur a:hover{
	border:2px solid #999; 
	}
.vignette_conteneur a img{
}	
.album-pagination{background:url("img/dotsh.gif") repeat-x 0 0; 
clear:both; margin:4px 0 12px;  padding:4px 0 0 0; font-size:0.1em;}
#album-vignettes{margin:0 0 10px 0}

.album-pagination a{margin:0 8px 10px 0; color:#999; text-decoration:none; -moz-border-radius:3px; font-size:10px;}
.album-pagination a:hover{color:#333;}
.album-pagination a#vignettes_prev{}
.album-photo-titre dt{font-size:12px; font-weight:bold; margin:4px 0}
.zoome{float:left}
.zoome a{display:block; float:left; width:16px; height:16px; text-indent:-9999px; background:url("img/zoom.gif") no-repeat; text-decoration:none; margin:6px 6px 6px 0}
.zoome a:hover{background:url("img/zoom.gif") no-repeat 0 -16px;}	

/*______________________________________________________________________________ rubriques */
.logo_sousrub{
	height:75px; 
	width:75px; 
	margin:0 6px 6px 0; 
	float:left; 
	}
.logo_sousrub a:link,.logo_sousrub a:visited, .logo_sousrub a:active{
	display:block;
	text-decoration:none; 
	text-indent:-9999px; 
	height:75px; 
	width:75px; 
	}
.bloc_sousrub{display:block; margin:12px 0 0 12px; font-size:1.1em}
.bloc_sousrub h5{display:block; padding:10px 0 0 0}
.bloc_sousrub h5 a{
	color:#333; 
	text-transform:uppercase; 
	font-family:Georgia, "Times New Roman", Times, serif;
	text-decoration:none;
	font-size:1.1em;
	}
.desc_rub{margin:0 0 0 82px;}
.desc_rub a{color:#6a6a6a; text-decoration:none;}
.desc_rub a:hover{color:#333}
.logo_rub{float:left; margin:10px 10px 0px 0}
.article_rub{margin:0 0 0 82px;}
.article_rub a{color:#0c569c; text-decoration:none; padding:0 0 0 10px; background-image:url("img/chemin.gif"); background-repeat: no-repeat; background-position:0 6px; display:block}
.article_rub a:hover{background-position:0 -10px}
.liste_articles{}
.liste_article{font-size:1.1em; margin: 0 0 0}
.liste_article a{color:#0c569c; text-decoration:none; padding:0 0 0 10px; background-image:url("img/chemin.gif"); background-repeat: no-repeat; background-position:0 6px}
.liste_article a:hover{color:#0c569c; background-position:0 -10px}
/*______________________________________________________________________________ temoignages */
.temoignage{margin:5px 0 14px 0; padding:0 0 6px 20px; background:url("img/bulle_temoignage.gif") no-repeat 0 2px;font-size:1.1em;}
.parole{margin:5px 0 14px 0;  font-size:1.1em;}
.temoignage h5 a{color:#dd9900; text-decoration:none;}
.parole h5 a{color:#0c569c; text-decoration:none;}
.temoignage p, .parole p{
	font-family:Georgia, "Times New Roman", Times, serif;

	font-size:1.3em;line-height:1.4em;
	}
.temoignage p a, .parole p a{color:#494949; text-decoration:none; line-height:1em;}
.temoignage p a:hover, .parole p a:hover{color:#222;}
#table_paroles{margin:1em 0 0 0}
#table_paroles h4{
	color:#6f6f6f;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:1.5em;
	margin:0 0 1em 0}
#table_paroles h5{font-size:1.2em}
.parole p.ps_parole{
	text-align:right;
	background:url("img/dotsh.gif") repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-style:normal;
	font-size:10px;
	line-height:1.2em;
	padding:2px 0 0 0;
	color:#6f6f6f;
	margin:4px 0 0 0;
	}
p a.lirelasuite{font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#8e154f}

/*______________________________________________________________________________ documents */
.spip_documents{
	font-size : .9em;
	font-family:"trebuchet MS", Verdana, sans-serif
}

.spip_documents_center{
	margin: auto; 
	text-align: center;
	width: 80%;
}

.spip_documents_left{
	float: left;
	margin-right: 15px; 
	text-align: center;
}

.spip_documents_right{
	float: right;
	margin-left: 15px; 
	text-align: center;
}
.spip_documents img{float:none; width:auto}
.spip_documents{float:left; margin:0 1em .4em 0; width:auto; overflow:visible; position:relative}
.spip_doc_titre{text-align:center; font-weight:bold; font-size:1.2em}
.spip_doc_descriptif{text-align:center}
/*______________________________________________________________________________ tools */
.bottom_tools{
	text-align:center;
	margin:10px 0 0 0;
	}
.bottom_tools ul{
	list-style-type:none;
	display:inline;
	margin:3px 2px 0 0;
	font-size:1em;
	}
.bottom_tools ul li{
	display:inline;
	}
.bottom_tools ul li a{
	margin:0 10px 0 0;
	padding:4px 0 4px 15px;
	text-decoration:none;
	color:#888;
	}	
.bottom_tools ul li.tool_prev a{
	background:url("img/ico_art_prev.gif") no-repeat 0 .6em;
	}
.bottom_tools ul li.tool_top a{
	background:url("img/ico_top.gif") no-repeat 0 .8em;
	}

.bottom_tools ul li.tool_next a{
	background:url("img/ico_art_next.gif") no-repeat 100% .6em;
	padding:4px 12px 4px 0;
	}
.bottom_tools a:hover{text-decoration:underline; color:#555;}


/*______________________________________________________________________________ liens */
.liens{padding:2px 0 0 0; }
.liens .chapo_rub_liens{font-size:1.1em}
#colonne_liens_1{
	width:40% ;
	padding:0 5% 0 0;
	float:left;
}	

.lien_site span{
	color:#899190;
	display:block;
}
#colonne_liens_2{
	margin-left:50%;
	padding:0 5% 0 0;
	width:40%;
}	
.colonne_liens ul{
	list-style-type: none;
	padding:0;
	margin:0 0 20px 0;
	font-size:1.1em
}
.colonne_liens li{
	padding:0;
	margin:8px 0;
}
.colonne_liens a:link, .colonne_liens a:active{
	text-decoration:none;
	color:#358D89;
	display:block;
}
.colonne_liens a:visited{
	text-decoration:none;
	color:#358D89;
	padding:0 0 0 16px;
	background:url("img/visited.gif") no-repeat 0 2px;
}
.colonne_liens a:hover{
	text-decoration:underline;	
}
/*______________________________________________________________________________ contact */
.formudesc{
	margin:14px 0 6px;
	font-size:.9em;
	}
.formudesc p.spip{

	}
.contactform{
	margin-top:10px;
	padding-top:10px;
	background:url("img/dotsh_plus.gif") repeat-x;
	}
.contactform input{
	color:#333333;
	border:1px solid #ADADAD;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:11px;
	padding: 0 0 0 3px;
	margin:0;
	float:left
	}
.contactform span{
	padding:1px;
	border:1px solid #EBEAE7;
	float:left;
	margin:0 16px 10px 0;
	}
.contactform input.floater{
	float:left;
	width:150px;
	}
.contactform textarea{
	color:#333333;
	border:1px solid #ADADAD;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:12px;	
	width:334px;
	padding: 0 0 0 3px;
	}
.bouton_envoyer input.image{
	border:0;
	}
.contactform .erreur{
	color:#992B00;
	font-weight:bold;
	margin-bottom:10px;
	}
div.bouton_envoyer{
	border:0;
	border:none;
	clear:both
	}
	
	
	
/*______________________________________________________________________________ publications */
.numero_journal{width:97px; height:114px; background:#97cf10 url("img/journal.gif") no-repeat; display:block; margin:0 14px 0px 0; float:left}
.numero_journal div{text-align:center; width:90px; padding:62px 0 0 0; font:normal 20px "Times New Roman", Times, serif; color:#fff}
.sommaire_journal{background:url("img/dotsh.gif") repeat-x top left; padding:10px 0 0 0}
.sommaire_journal h3{margin-top:0}
.sommaire_journal ul{margin:0 0 0 111px}
.sommaire_journal ul li a{color:#333; text-decoration:none; font-size:1.1em;}
.sommaire_journal ul li a:hover{text-decoration:underline}
.desc_pub{margin:0 0 10px 0}
.logo_pub{float:left; display:block; width:97px; margin:0 14px 0px 0; }
.derniere_pub{margin:0 10px 0 0}
#tous_les_articles{width:250px; }



#footer{	
	margin:0 auto;
	border-top:14px solid #fff;
	text-align:left;
	position:relative;
	padding:1px 7px 0 7px;
	background: #f5f5f5;
	color:#999;
	font-size:.9em
	}


#footer div a{color:#999; text-decoration:none}
#footer div a:hover{color:#999; text-decoration:underline}	









/************** Special Fixes *************/

.outer {word-wrap: break-word;}
/* Prevents long urls from breaking layout in IE, must 
be hidden in a conditional comment for CSS to validate */


/* prevents oversize images from breaking layout in browsers that support max-width */

/* \*/
* html #wrapper1,
* html #wrapper2,
* html .outer a, 
* html .container-left, 
* html .container-right,
* html .outer,
* html h2,
* html .sidenav li a 
{height: 1%;}
/* Holly hack */


/*** Variance fixes for IEwin ***/

/*\*/
* html .outer p {margin-right: -6px;}
/* */


/**************** Utility Rules *******************/

/*\*/ /*/
.sidenav a:hover {position: relative;}
/* this fixes an IEmac hover bug in the left column, hidden from other browsers */


.brclear { /* Use a break with this class to clear float containers */
  clear:both;
  height:0;
  margin:0;
  font-size: 1px;
  line-height: 0;
}

.clicker {
  display: block;
  text-align: center; 
  padding: 3px; 
  background: #833; 
  cursor: pointer;   
}

.hide {display: none;}
.erreur{color:#CC0000; font-size:1.1em}

.debugger{
	margin:0 auto;
	margin-top:14px;
	text-align:left;
	border:1px solid #eee;
	position:relative;
	padding:1px 7px 0 7px;
	background: #f5f5f5;
	color:#999;
	font-size:1.1em;
	height:50px; 
	overflow:auto; 
	background:#fcfcfc;
	}