/* class permettant le retour dans le flux sans ajout de markup a appliquer sur le conteneur de flottant */
.clearfix:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
.clearfix {display:inline-block;}
/* \*/ * html .clearfix {height:1%;}
.clearfix {display:block;}



/* BALISES
--------------------------------------------- */
body { margin: 0; padding: 0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:70%; background:url(../img/fond.jpg) center 148px no-repeat; }
h1, h2, h3, h4{ margin:0; padding:0; }
a { text-decoration:underline; color:#333 }
a:hover { text-decoration:none; }
a span { position:absolute; left:-777px; top:-777px; }
a img { border:0; }
dd{ font-size:1em; }
p{ margin:0; padding:5px 0; text-align:justify; font-size:1em;  }
ul{ margin:0 0 0 5px; padding:0; }
li{ margin:5px 0; padding:0; list-style:none;}
.imgLeft{ float:left; margin: 0 10px 10px 0; }



/* CONTENEUR
--------------------------------------------- */
#conteneur { position: absolute; left: 50%;width:780px; margin-left: -390px; }



/* HEADER
--------------------------------------------- */
#header{ height:148px; }

#logo{ position:relative;float:left; display:block; background:url(../img/logo.jpg) 0 0 no-repeat; width:260px; height:120px; margin-left:15px; }

#menuSecondaire { float:right; margin:5px 0 0 0; padding:0; }
#menuSecondaire li { display:inline; list-style:none; font-size:.9em; padding:0 10px 0 0; margin:0 4px 0 0; background:url(../img/bg_menu2.gif) right center no-repeat; }
#menuSecondaire a { color:#666; }

#menuPrincipal { margin:0; padding:12px 0 0 10px; background:url(../img/bg_menu.gif) 0 0 no-repeat; }
#menuPrincipal li { display:block; float:left; list-style:none; font-size:1.1em; font-weight:bold; font-family:Arial; padding:0 6px; margin:0; background:url(../img/bg_menu1.gif) right 3px no-repeat;  }
#menuPrincipal a { text-decoration:none; }
#menuPrincipal a:hover, #menuPrincipal a.on { text-decoration:underline; color:#124268; }

.last{ padding-right:0 !important; margin-right:0 !important; background:none !important; }
#menuTertiaire { margin:0; padding:7px 10px 4px 10px; background: #F0A523 url(../img/bg_vivre.gif) 0 0 repeat-x; }
#menuTertiaire li { float:none !important; display:inline; list-style:none; font-size:1em; font-family:Arial; padding:0 8px 0 0; margin:0 4px 0 0; background:url(../img/bg_menu1.gif) right 3px no-repeat; font-weight:bold;  }
#menuTertiaire a { text-decoration:none; color:#fff; }
#menuTertiaire a:hover, #menuTertiaire a.on { text-decoration:underline; color:#124268; }

#menuTertiaire.infos { background: #F01313 url(../img/bg_infos.gif) 0 0 repeat-x !important; }


/* MAIN
--------------------------------------------- */
#main { height: 400px; z-index:1; }
html>body #main { min-height: 400px; height:auto; }


/* COLONNES
--------------------------------------------- */
#colA{ float:left; width:377px; margin-right:30px; }
#colB{ float:left; width:340px;}



/* HOME
--------------------------------------------- */
#blockActu { background:url(../img/bg_blockActu.gif) 0 0 no-repeat; padding:5px 10px; height:157px; margin-top:10px; }
#blockActu h2 { background:url(../img/bg_h2.gif) 0 bottom no-repeat; padding-bottom:5px; color:#577851; font-size:1.5em; font-weight:normal;  }
#blockActu a { color:#577851; font-size:.9em; background:url(../img/puce_vert.gif) 0 center no-repeat; padding-left:5px; }

#blockVivre { background:url(../img/bloc_vivre.jpg) 0 0 no-repeat; width:181px; height:62px; margin:10px 14px 10px 0; float:left; }
#blockInfos { background:url(../img/bloc_infos.jpg) 0 0 no-repeat; width:181px; height:62px; margin:10px 0; float:left; }

#blockJournal { clear:left; background:url(../img/bg_blockJournal.gif) 0 0 no-repeat; padding:10px; height:95px;  }
#blockJournal img { float:left; margin-right:10px; border:1px solid #000; }
#blockJournal h2 { font-size:1.5em; font-weight:normal;  }
#blockJournal h3 { font-size:1.2em; font-weight:bold;  }
#blockJournal h4 { font-size:1.1em; font-weight:bold; margin-bottom:10px;  }
#blockJournal a { background:url(../img/puce_noir.gif) 0 center no-repeat; padding-left:5px; }

#colB { background: #fff url(../img/bg_blockEdito.gif) 0 0 repeat-x;  padding-top:10px; padding-bottom:5px; border:1px solid #000; }
#colB p { font-size:1em; }
#colB h2 { color:#577851; font-size:1.5em; font-weight:normal; }
#lemaire { width:76px; margin:0 10px; float:left;}
#lemaire strong { display: block; font-weight:normal; font-size:.9em;  }
#lemaire span { color:#666; font-size:.9em;  }
#lemaire img { margin:2px 0;  }
#letexte { width:230px; float:left; }


/* NORMAL
--------------------------------------------- */
#normal { z-index:2; margin:0 0 0 15px; padding:10px 10px 10px 0; /*color:#000;*/ background:url(../img/bg_normal_b_vert.gif) 0 bottom no-repeat; }
#normal dt { margin:0; padding:5px 10px 0 10px; font-size:1.5em; background:url(../img/bg_normal_h_vert.gif) 0 0 no-repeat; }
#normal dd { margin:0; padding:10px 15px 0 5px; background:url(../img/bg_normal_m_vert.gif) 0 0 repeat-y; }
/*#normal a { color:#000; }*/

.line 
{
	padding : 4px 0px 0px 2px;
}

/* JOURNAL
--------------------------------------------- */
#map li{ margin-bottom:15px; list-style:none; font-weight:bold }
#map li ul{ padding-left:10px; }
#map li li{ margin-bottom:0; font-weight:normal; }


/* JOURNAL
--------------------------------------------- */
#journal { margin:0 0 0 15px; padding:10px 10px 10px 0; color:#fff; background:url(../img/bg_journal_b.gif) 0 bottom no-repeat; }
#journal dt { margin:0; padding:5px 10px 0 10px; font-size:1.5em; background:url(../img/bg_journal_h.gif) 0 0 no-repeat; }
#journal dd { margin:0; padding:10px 20px 0 10px; background:url(../img/bg_journal_m.gif) 0 0 repeat-y; font-size:1em; text-align:justify; }
#journal a { color:#fff; }
#journal img { border:1px solid #000; }
#oldJournaux{ clear:left; margin:10px 0 0 25px; color:#fff;}
#oldJournaux h2 { font-size:1.5em; font-weight:normal; color:#fff; }
#oldJournaux div { margin:10px 15px 0 0; float:left; width:67px; }
#oldJournaux img { border:1px solid #000; }
#oldJournaux span { font-weight:bold; font-size:.9em; background-color:#3D5D38; }



/* FOOTER
--------------------------------------------- */
#footer{ background:url(../img/bg_bottom.gif) center 0 no-repeat; padding-top:25px; padding-bottom:10px; color:#666; font-size:.9em; }


/* FOOTER
--------------------------------------------- */
#newsletter{ padding:0; margin:-10px 0 0 0; float:right;}
#newsletter input{ font-size:.9em; }
#newsletter .champs{ padding:1px; margin:0 5px 0 0; }

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
 margin:0; padding:12px 0 0 0px; background:url(../img/bg_menu.gif) 0 0 no-repeat;
z-index:100;
width:785px;
max-width:785px;
position:absolute;
top:120px;
left:0px;

}
#menu dl {

float: left;

margin: 0 1px 0 1px;
}
#actu{
 width:70px;

}
#journalMenu{
 width:70px;

}
#doc {
	width:78px;
}
#commune {
	width:82px;
}
#equipe {
	width:130px;
}
#vivre {
	width:130px;
}
#info {
	width:105px;
}
#lienmenu {
	width:65px;
}
#menu dt {
cursor: pointer;
font-size:1.1em; font-weight:bold; font-family:Arial;
text-align:center;
margin:0px;
background:url(../img/bg_menu1.gif) right 3px no-repeat;
}
#menu dd {
border: 1px solid gray;
z-index:200;

}
#smenu1{
width:128px;
}
#smenu2{
width:103px;
}
#menu li {
text-align: center;

z-index:200;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu dt a:hover {
background: #eee;
}



a {text-decoration: none;
color: black;
color: #222;
}
#infologo{
width:200px;
position:relative;
float:left;
margin:15px;

}
#photo{
width:200px;
position:relative;
float:left;


}

/* Edito */
.edito_a
{
	text-decoration: underline;
	color : #577851;
	font-weight : bold;
}

#edito_footer
{
	padding-left : 610px;	
}

#edito_normal { z-index:2; margin:0 0 0 15px; padding:10px 10px 10px 0; background:url(../img/bg_normal_b_vert.gif) 0 bottom no-repeat; }
#edito_normal dt { margin:0; padding:10px 10px 0 15px; font-size:1.5em; background:url(../img/bg_normal_h_vert.gif) 0 0 no-repeat; }
#edito_normal dd { margin:0; padding:10px 20px 0 15px; background:url(../img/bg_normal_m_vert.gif) 0 0 repeat-y; }

/* ACTUALITES */
.actu_date
{
	display : inline;
	font-style : italic;
	color:#777777;
}

/* DOCUMENTS */
.document_subtitle 
{
	font-size : 11px;
	font-family : Verdana;	
	background:url(../img/bg_normal_h_vert.gif) 0 0 no-repeat;;
}

/* Modification des liens du site*/
.liens
{
	text-decoration: underline;
	color : #577851;
	font-weight : bold;
	
}

.liens : hover
{
	text-decoration: no;
	color : #577851;
	font-weight : bold;
	
}

.liens_white
{
	text-decoration: underline;
	color : #FFF;
	font-weight : bold;
}

.liens_white : hover
{
	text-decoration: no;
	color : #FFF;
	font-weight : bold;
}

.en_italic
{
	font-style : italic;
}