/* HTML5 ✰ Boilerplate
 * ==|== normalize ==========================================================
 */

article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display: block; }
audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; }
audio:not([controls]) { display: none; }
[hidden] { display: none; }

html { font-size: 100%; overflow-y: scroll; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; -webkit-font-smoothing: antialiased;}
body { margin: 0; font-size: 13px; line-height: 1.231; }
body, button, input, select, textarea { font-family: sans-serif; color: #222; }

::-moz-selection { background: #fe57a1; color: #fff; text-shadow: none; }
::selection { background: #fe57a1; color: #fff; text-shadow: none; }

a { color: #00e; text-decoration:none}
a:visited { color: #551a8b; }
a:hover { color: #06e; }
a:focus { outline:none }
a:hover, a:active { outline:none; }

abbr[title] { border-bottom: 1px dotted; }
b, strong { font-weight: bold; }
blockquote { margin: 1em 40px; }
dfn { font-style: italic; }
hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }
ins { background: #ff9; color: #000; text-decoration: none; }
mark { background: #ff0; color: #000; font-style: italic; font-weight: bold; }
pre, code, kbd, samp { font-family: monospace, monospace; _font-family: 'courier new', monospace; font-size: 1em; }
pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
small { font-size: 85%; }
sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; }
sup { top: -0.5em; }
sub { bottom: -0.25em; }
ul, ol { margin: 1em 0; padding: 0 0 0 0px; }
dl { margin: 0 0 0 0px; }
dt { margin: 0 0 0 0px; }
dd { margin: 0 0 0 0px; }
nav ul, nav ol { list-style: none; list-style-image: none; margin: 0; padding: 0; }
img { border: 0; -ms-interpolation-mode: bicubic; vertical-align: middle; }
svg:not(:root) { overflow: hidden; }
figure { margin: 0; }

form { margin: 0; }
fieldset { border: 0; margin: 0; padding: 0; }
label { cursor: pointer; }
legend { border: 0; *margin-left: -7px; padding: 0; }
button, input, select, textarea { font-size: 100%; margin: 0; vertical-align: baseline; *vertical-align: middle; }
button, input { line-height: normal; *overflow: visible; }
table button, table input { *overflow: auto; }
button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; -webkit-appearance: button; }
input[type="checkbox"], input[type="radio"] { box-sizing: border-box; }
input[type="search"] { -webkit-appearance: textfield; -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; }
input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; }
button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; }
textarea { overflow: auto; vertical-align: top; resize: vertical; }
input:valid, textarea:valid {  }
input:focus { outline:none }
input:invalid, textarea:invalid { background-color: #f0dddd; }
input[type="radio"] { vertical-align: text-bottom; }
input[type="checkbox"] { vertical-align: bottom; *vertical-align: baseline; }
.ie6 input { vertical-align: text-bottom; }

table { border-collapse: collapse; border-spacing: 0; }
td { vertical-align: top; }
p {margin:0; padding:0;  }
h1,h2,h3,h4,h5,h6 {margin:0; padding:0;font-weight:normal}

/* ==|== primary styles =====================================================
   Author: 
   ========================================================================== */

/* PIE ---
 	-moz-border-radius:0 0 16px 16px;
    -webkit-border-radius:0 0 16px 16px;
	border-radius:0 0 16px 16px;
	behavior:url(../js/PIE/PIE.htc);

   -webkit-box-shadow: #666 0px 2px 3px;
   -moz-box-shadow: #666 0px 2px 3px;
	box-shadow: #666 0px 2px 3px;

	background: #b8c0c7;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e2eaf1), to(#b8c0c7));
	background: -webkit-linear-gradient(#e2eaf1, #b8c0c7);
	background: -moz-linear-gradient(#e2eaf1, #b8c0c7);
	background: -ms-linear-gradient(#e2eaf1, #b8c0c7);
	background: -o-linear-gradient(#e2eaf1, #b8c0c7);
	background: linear-gradient(#e2eaf1, #b8c0c7);
	-pie-background: linear-gradient(#e2eaf1, #b8c0c7);
	behavior:url(../js/PIE/PIE.htc);

	opacity: 1;
	filter: alpha(opacity=100);
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

	behavior:url(../js/PIE/PIE.htc);

*/
/*FONTES...............................................................................*/
 

@font-face {
    font-family: 'HNeueCondensedBold';
    src: url('/fonts/hneue-condensedbold-webfont.eot');
    src: url('/fonts/hneue-condensedbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/hneue-condensedbold-webfont.woff') format('woff'),
         url('/fonts/hneue-condensedbold-webfont.ttf') format('truetype'),
         url('/fonts/hneue-condensedbold-webfont.svg#HNeueCondensedBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HNeueCondensedRegular';
    src: url('/fonts/hneue-mediumcond-webfont.eot');
    src: url('/fonts/hneue-mediumcond-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/hneue-mediumcond-webfont.woff') format('woff'),
         url('/fonts/hneue-mediumcond-webfont.ttf') format('truetype'),
         url('/fonts/hneue-mediumcond-webfont.svg#HNeueRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}
/*GENERALITÉS...............................................................................*/

.media_embed {
	margin:10px 0 0 0;
	
}
ul {
	margin:0em 0em .8em .5em;
	padding:0px 0px 0px 16px;
	overflow:hidden;
}
 img.right {
	margin-left: 10px;
	float:right;
}
 img.left {
	margin-right: 10px;
	float:left;
}
 input.bouton, span.bouton {
	padding: 6px 15px;
	border:0 !important;
	background-color:#000;
	font-size:1em;
	font-weight:bold;
	margin-right:6px;
	text-align:center;
	color:#fff;
	cursor:pointer;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	behavior:url(../js/PIE/PIE.htc);
	margin-bottom:10px
}

/* //////////////////////////////////////////////// */
 form#reservation {
 	background-color:#000;
	padding:8px 6px;
	width: 180px; 
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	margin-bottom:10px;
 }
 input.bouton.reservation  {
	font-size:1.1em;
 	padding:8px;
	width: 180px;
	box-sizing: border-box; 
	margin-bottom:6px;
 	background-color:#999;
}
 .benevole span.reservation{
 	background:none ;
	font-size:1.4em;
	margin-bottom:10px;
	color:#fff;
	padding:0 2px;
 }
 /* //////////////////////////////////////////////// */




















input.bouton:hover, span.bouton:hover {
	background-color:#999!important;
	color:#fff;
}
input.bouton:active, span.bouton:active {
	background-color:#000!important;
	color:#fff;
}
a#evitement, a#direct_menu {
    top: -100px;
    position: absolute;
}


body#content hr,body#editor hr {
	border:0;
	height:1px;
	background:#666;
	margin:16px 0;
	clear:both;
 }
.ie7 body#content hr, .ie7 body#editor hr {
	border:0;
	height:1px;
 	color:#666;
	margin:7px 0;
	clear:both;
}

.benevole{
	margin-bottom:20px;	
}
.benevole span{
	display:block;
	width:172px;	
	background-color:#000;
	font-size:1.6em;
	line-height:1.2em;
	font-family: "HNeueCondensedBold";
	font-weight:normal;
	letter-spacing: 0.01em;
}
.benevole span:hover {
	background-color:#666!important;
	color:#fff;
}
.benevole span.reservation:hover{
 	background:none!important ;
  }
.alerte_spe{
    background: none repeat scroll 0 0 #000;
    color: #fff;
    margin-bottom: 16px;
    padding: 14px;
	width:174px
}
.alerte_spe a {color:#fff!important;}
.alerte_spe a:link {color:#fff;}
.alerte_spe a:visited {color:#fff;}
.alerte_spe h4  a.titre:hover {color:#f2bfd4!important;  }
.alerte_spe a:active {color:#fff;}

/*FIRST LEVEL OU PRESQUE...............................................................................*/

body#editor {  /* pour ckeditor */
	margin-left: 6px;
	margin-top: 6px;
	margin-right: 6px;
	margin-bottom:6px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.9em;
	line-height:1.4em;
	background:#fff;
}
body#editor .danger{  /* pour ckeditor */
	background:url(/img/danger.png);
	width:16px;
	height:15px;
}




body#content {
	margin-left: 10;
	margin-top: 0;
	margin-right: 0;
	margin-bottom:20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:0.9em;
	line-height:1.4em;
 	/*
	background: -moz-linear-gradient(#e2eaf1, #b8c0c7);
	background-repeat:no-repeat;
	background: -webkit-gradient(linear, 0 0, 0 bottom, from(#e2eaf1), to(#b8c0c7));
	background: -webkit-linear-gradient(#e2eaf1, #b8c0c7);
	background: -ms-linear-gradient(#e2eaf1, #b8c0c7);
	background: -o-linear-gradient(#e2eaf1, #b8c0c7);
	background: linear-gradient(#e2eaf1, #b8c0c7);
	-pie-background: linear-gradient(#e2eaf1, #b8c0c7);
	behavior:url(../js/PIE/PIE.htc);
	background-color:#b8c0c7;
	*/
}

body#content.visu1{ background:url(../img/visu1.jpg)  no-repeat  #FFF; background-position: center 46px ; }
body#content.visu2{ background:url(../img/visu2.jpg)  no-repeat  #FFF; background-position: center 46px ; }
body#content.visu3{ background:url(../img/visu3.jpg)  no-repeat  #FFF; background-position: center 46px ; }
body#content.visu4{ background:url(../img/visu4.jpg)  no-repeat  #FFF; background-position: center 46px ; }
body#content.visu5{ background:url(../img/visu5.jpg)  no-repeat  #FFF; background-position: center 46px ; }
body#content.visu6{ background:url(../img/visu6.jpg)  no-repeat  #FFF; background-position: center 46px ; }
	
body#content #container {
	width:980px;
	margin:0 auto 0 auto;
}
 body#content #container #main {
	overflow:hidden;
 	padding:20px 20px 20px 16px;
 	background-color:#fff;
	-moz-border-radius: 0 0 16px 16px;
    -webkit-border-radius: 0 0 16px 16px;
	border-radius: 0 0 16px 16px;
	behavior:url(../js/PIE/PIE.htc);
	position:relative;
	z-index:30;
}
body#content #container #fil_ariane {
	font-size:.8em;
	line-height:1.3em;
	margin-bottom:10px;
 }


/* HEADER & NAV  ======================================== */

body#content header {
	margin-top:12px;
	background-repeat:no-repeat;
	background-position:right -76px;
 	border:0px solid #000;
	overflow:hidden;
	min-height:300px;
	height:auto !important;
	height:300px;
	
}
 


body#content header #logo {
 	float:left;
	margin-left:20px;
}
body#content header nav.utilities ul {
	float:right;
 	text-align:right;
	width:auto;
	margin-bottom:4px;
	margin-right:10px;
	vertical-align:baseline;
	font-family: 'HNeueCondensedBold';
	overflow:visible;

}
body#content header nav.utilities li {
	float:left;
	}
body#content header nav.utilities a {
	display:block;
 	padding:4px 8px;
	text-transform: uppercase;
 	
	margin-top:2px;
 	margin:0 4px 0 4px;
 	-moz-border-radius:4px 4px 4px 4px;
    -webkit-border-radius:4px 4px 4px 4px;
	border-radius:4px 4px 4px 4px;
	behavior:url(../js/PIE/PIE.htc);
	}
body#content header nav.utilities a.rs {
 	background:transparent;
 	padding:0;
 	margin:2px 0 0 4px;
}
body#content header nav.utilities a.rs img {
 	-moz-border-radius:4px 4px 4px 4px;
    -webkit-border-radius:4px 4px 4px 4px;
	border-radius:4px 4px 4px 4px;
	behavior:url(../js/PIE/PIE.htc);
}
body#content header nav.utilities a.first {
  	margin:2px 0 0 16px;
}

body#content header nav.utilities ul li a.select {background:#777;color:#fff!important;}
body#content header nav.utilities ul li a:link {color:#000;}
body#content header nav.utilities ul li a:visited {color:#000;}
body#content header nav.utilities ul li a:hover {color:#fff;background-color:#777;}
body#content header nav.utilities ul li a:active {color:#fff;; background:#000;}
body#content header nav.utilities ul li a.rs:hover {color:#fff; background:transparent;}

  body#content   nav.main {
 	background:#777;
	overflow:visible;
	-moz-border-radius:16px 16px 0 0 ;
    -webkit-border-radius:16px 16px 0 0 ;
	border-radius:16px 16px 0 0 ;
	behavior:url(../js/PIE/PIE.htc);
 
}
body#content header ul, body#content   nav.main ul {
	margin:0;
	padding:0;
	width:100%;
	overflow:hidden;
	list-style-type:none;
}
body#content header li, body#content   nav.main ul li {
	float:left;
}
body#content   nav.main ul li a {
	display:block;
 	font-size:1.05em!important;
	padding:6px 8px;
	letter-spacing:.02em;
	font-family: 'HNeueCondensedRegular';
	

}
body#content   nav.main ul li a.select {background:#000;}
body#content   nav.main ul li a:link {color : #fff;}
body#content   nav.main ul li a:visited {color : #fff;}
body#content   nav.main ul li a:hover {color : #fff;background:#000;}
body#content   nav.main ul li a:active {color : #fff;}

body#content   nav.main ul li a.rond {
	position:relative;
	z-index:10;
	-moz-border-radius:16px 0px 0 0 ;
    -webkit-border-radius:16px 0 0 0 ;
	border-radius:16px 0  0 0 ;
	behavior:url(../js/PIE/PIE.htc);

}



#header_content{
overflow:hidden;
}

body#content header .exerg_content {
position:relative;
margin-top:78px;
margin-left:20px;
overflow:hidden;
  }
body#content header .exerg {
float:left;
width:20%;
font-family: 'HNeueCondensedRegular';
font-size:2em;
margin-right:20px;
background-color:#fff;
padding:6px;
	-moz-border-radius:8px  ;
    -webkit-border-radius:8px ;
	border-radius:8px;
	behavior:url(../js/PIE/PIE.htc);
 }
body#content header .exerg strong{
	font-weight:normal;
	line-height:1.3em;
 }
body#content header .exerg p{
font-family:Arial, Helvetica, sans-serif;
font-size:.45em;
line-height:1.5em;
font-weight:bold;
}
body#content header .exerg a:link {color : #888; }
body#content header .exerg a:visited {color : #888;}
body#content header .exerg a:hover {color : #000!important; }
body#content header .exerg a:active {color : #888;}

body#content header .exerg strong, body#content header .exerg p{
text-shadow: 1px 1px 0px #ffffff;
   }
 
/* OUTILS   ======================================== */

 
body#content div.tools {
 	text-align:right;
	width:188px;
  	overflow:hidden;
  	padding:6px 16px 12px 16px;
	float:right;
}
body#content.visu4 div.tools, body#content.visu6 div.tools {
 background:url(../img/halo.png);
 }
  body#content   div.tools img{
	vertical-align:top;
}

body#content   div.tools span {
 	display:block;
	margin-left:5px;
 	height:18px;
	float:right; 
}
body#content   div.tools   a.normal{ 
	display:block;
	float:left;
	width:20px;
	height:20px;
	background:url(../img/aaa.png);
}
body#content   div.tools   a.large{ 
	display:block;
	float:left;
	width:20px;
	height:20px;
	background:url(../img/aaa.png);
	background-position:-20px 0;
}
body#content   div.tools   a.xlarge{ 
	display:block;
	float:left;
	width:20px;
	height:20px;
	background:url(../img/aaa.png);
	background-position:-40px 0;
}

body#content  div.tools  a:link {color:#000;}
body#content  div.tools   a:visited {color:#000;}
body#content  div.tools   a:hover {color:#666; text-decoration:underline;}
body#content  div.tools   a:active {color:#000;}

body#content  div.tools span.tools_a { float:left; margin-left:0; line-height:18px;}

body#content  div.tools span.tools_print { margin-left:22px;background:url(../img/print2.png); width:18px;}
body#content  div.tools span.tools_print:hover {  background-position:0 -18px}
body#content  div.tools span.tools_print a { display:block; width:18px; height:18px}


body#content  div.tools span.tools_css1 { background:url(../img/css1.png); width:18px;}
body#content  div.tools span.tools_css2 { background:url(../img/css2.png); width:18px;}
body#content  div.tools span.tools_css3 { background:url(../img/css3.png); width:18px;}
 

body#content  div.tools span.tools_css1:hover,
body#content  div.tools span.tools_css2:hover,
body#content  div.tools span.tools_css3:hover 
 {  background-position:0 -18px}
body#content  div.tools span.tools_css1 a, 
body#content  div.tools span.tools_css2 a, 
body#content  div.tools span.tools_css3 a 
{ 
display:block; width:18px; height:18px}


/* MEMBRES   ======================================== */

dl.docs_membres {margin-left:15px; margin-top:3px;}
.docs_membres dd {margin-bottom:3px!important;}
.big_space {margin-top:30px!important;margin-bottom:30px!important; }
#archives { display:none; }
span#ouvroir { 
	margin-left:15px;
	width:25px;
	height:16px;
	display:inline-block;
 	background-image:url(/img/arrow1.png);
	cursor:pointer;
}
span#ouvroir:hover { 
 	background-position:0px -16px ;
}
#welcome  { float:right}


/* ASIDE   ======================================== */

 body#content aside#left_side {
	float:left;
 	width:23%;
	margin-right:15px;
	border:0px solid #000;
	text-align:left;
 }
 
body#content aside#left_side hr.aside{
	float:left;
    border:0;
	height:1px;
	background:#666;
    margin:4px 0 8px 0px;
 	width:92%;
}
.ie7 body#content aside#left_side hr.aside {
	border:0;
	height:1px;
	background:#666;
    margin:4px 0 -10px 0px; 
}

body#content aside#left_side .bloc_aside {
	margin:20px 0 3px 0px;
	overflow:hidden;
}
body#content aside#left_side .bloc_aside_search {
	margin:0px 0 26px 0px;
	overflow:hidden;
} 
body#content aside#left_side .bloc_aside_search span.titre {
	display:block;
	margin:0px 0 6px 0px;
} 
body#content aside#left_side a.titre:link {
	color : #000;
	text-decoration:none;
	font-weight:normal;
	line-height:1em;
	font-size:1.5em;
	font-family: 'HNeueCondensedRegular';
}
body#content aside#left_side a.titre:visited {color : #000;}
body#content aside#left_side a.titre:hover {color : #888!important; }
body#content aside#left_side a.titre:active {color : #000;}


/* ASIDE Menu   ======================================== */

body#content aside#left_side span.titre{
	color : #000;
	font-weight:normal;
	line-height:1em;
	font-size:1.5em;
	font-family: 'HNeueCondensedRegular';
}

 
body#content aside#left_side nav#menu_aside {
	margin:0px 0 30px 8px;
 }
body#content aside#left_side nav#menu_aside ul li a {
	margin:4px 0 0px 0px;
	display:block;
	font-size:1em;
	word-wrap: break-word;
	line-height:1.5em;
 }
body#content aside#left_side nav#menu_aside ul li a.cat{
	margin:6px 0 0px 0px;
	font-weight:bold;
	line-height:1.5em;
}
body#content aside#left_side nav#menu_aside ul li a.cat:link {color:#000!important;}
body#content aside#left_side nav#menu_aside ul li a.cat:visited {color:#000!important;}
 
body#content aside#left_side nav#menu_aside ul li a.s_cat{
	margin:3px 0 0 12px;
	line-height:1.15em;
}
body#content aside#left_side nav#menu_aside ul li a:link {color:#000;}
body#content aside#left_side nav#menu_aside ul li a:visited {color:#000;}
body#content aside#left_side nav#menu_aside ul li a:hover {color:#888;}
body#content aside#left_side nav#menu_aside ul li a:active {color:#000;}
 
body#content aside#left_side nav#menu_aside ul li a.menu_hilite  {color:#777!important; font-weight:bold;}


body#content aside#left_side nav#menu_aside ul li span{
	display:block;
	margin:4px 0 0px 0px;
	color:#777;
	font-weight:bold;
}

 /* ASIDE Recherche   ======================================== */

body#content aside#left_side form#recherche  {
 	overflow:hidden;
}
body#content aside#left_side form#recherche input {
 	float:left;
	background-color:#eee;
	color:#333;
	font-size:1em;
	border:1px solid #999;
}
body#content aside#left_side form#recherche input.text {
 	padding:6px 12px 4px 12px;
	-moz-border-radius:12px 0px 0px 12px;
    -webkit-border-radius:12px 0px 0px 12px;
	border-radius: 12px 0px 0px 12px;
	behavior:url(../js/PIE/PIE.htc);
 	width:70%;
}
body#content aside#left_side form#recherche input.submit {
 	padding:6px 12px 4px 12px;
	-moz-border-radius:0px 12px 12px 0px;
    -webkit-border-radius:0px 12px 12px 0px;
	border-radius:0px 12px 12px 0px;
	behavior:url(../js/PIE/PIE.htc);
 	width:12%;
	border:0;
	margin-left:1px;
	background-image:url(../img/loupe2.png);
	background-repeat:no-repeat;
	background-position:center center;
	border:1px solid #999;
}

.ie7 body#content aside#left_side form#recherche input.submit {
 	height:auto;
	padding:4px 12px 2px 12px;
}


/* ASIDE calendrier   ======================================== */

div#calendar_cont { 
	min-height:200px;
	height:auto !important;
	height:200px;
}

div#calendar_res { 
	float:right;
	width:35%;
	float:right;
margin-top:-4px;
margin-left:40px;
margin-bottom:10px;
}
div#calendar, div#calendar_res { 
	text-align:center;
}
div#calendar img, div#calendar_res img{ 
	margin:78px 0 77px 0;
}
div#calendar a, div#calendar_res a { 
	text-decoration:none!important;
	 
}
#calendar_residants {

}
table.table_content th,
table.table_content td{
	padding:4px;
}
table.table_content th{
	font-weight:normal;
	color:#fff;
	background:#000;
}

table#calendar_gen, table#calendar_gen_res {
	border-collapse: collapse;
	margin: 4px 0 10px 4px;
	font-size: .9em;
	border: 1px solid #bfcad6;
	border-width: 1px 1px 0px 0px;
	width:90%;
}
 table#calendar_gen td, table#calendar_gen_res td {
 	width: 14%;
 	text-align: center;
	vertical-align: middle;
	background:url(../img/bord_table1.png) top left no-repeat #fff;
	color: #444;
  	border: 1px solid #bfcad6;
    border-width: 0px 0px 1px 1px;
  }
table#calendar_gen th, table#calendar_gen_res th {
 	width: 14%;
 	text-align: center;
	vertical-align: middle;
 	font-weight: bold;
 	color: #fff;
  	border: 1px solid #bfcad6;
    border-width: 0px 0px 0px 1px;
	padding:1px 0;
	background:url(../img/bord_table2.png) top left no-repeat #000;
  }
table#calendar_gen td.today, table#calendar_gen_res td.today {
 	color: #f00;
	background: #fff;
	font-weight:bold;
 }
table#calendar_gen td.today.date_has_event, table#calendar_gen_res td.today.date_has_event {
 	color: #fff;
	background: #ff539a;
 }
table#calendar_gen td.date_has_event, table#calendar_gen_res td.date_has_event {
 	color: white;
	background:#777;
	cursor:pointer;
}
table#calendar_gen td.date_has_event:hover, table#calendar_gen_res td.date_has_event:hover {
	background:#000;
}
table#calendar_gen td.date_has_event a, table#calendar_gen_res td.date_has_event a {
	display:block;
}
table#calendar_gen td.date_has_event a:link, table#calendar_gen_res td.date_has_event a:link {color : #fff;} 

table#calendar_gen td.padding, table#calendar_gen_res td.padding {
	background:#f4f6f8;
}


#detail_events .events, #detail_events_res .events_res {
 	display:none;
  	}
#detail_events ul ,#detail_events p, #detail_events_res ul ,#detail_events_res p{
	text-align: left;
 	width: 92%;
   list-style-type:disc;
   margin: 0 0 0 4px;
   color:#000;
}
#detail_events p, #detail_events_res p{
	font-weight:bold;
	margin-bottom:2px;
}
#detail_events_res p{
	margin-bottom:3px!important;
	margin-left:4px!important;
}
#detail_events ul li , #news_HP ul li , #detail_events_res ul li   {
	margin-bottom:.6em;
	line-height:1.2em;
	color:#666;
 }
#news_HP ul   {
	list-style:none;
	margin:0 0 0 4px ;
	padding:0;
 }
#news_HP ul li a  {
 	text-decoration:underline;
 }
#detail_events ul li a:link , #detail_events_res ul li a:link , #news_HP ul li a:link{color : #000;}
#detail_events ul li a:visited ,#detail_events_res ul li a:visited ,#news_HP ul li a:visited{color : #000;}
#detail_events ul li a:hover ,#detail_events_res ul li a:hover ,#news_HP ul li a:hover{color : #777;}
#detail_events ul li a:active,#detail_events_res ul li a:active, #news_HP ul li a:active{color : #000;}

.nav_calendar {
margin:6px 0 2px 4px;
width:90%;
overflow:hidden;
}
.nav_calendar div, .nav_calendar a{
display:block;
float:left;
text-align:center;
width:80%;
font-weight:bold;
 cursor:pointer;
}
body#content .nav_calendar a:link, body#editor a:link {color:#000;text-decoration:none}
body#content .nav_calendar a:visited, body#editor  a:visited{color:#000; }
body#content .nav_calendar a:hover, body#editor  a:hover{color:#fff; }
body#content .nav_calendar a:active, body#editor  a:active{color:#000; }

.nav_calendar .last{
float:right;
}
.nav_calendar .last, .nav_calendar .first{
width:5%;
background:#ddd;	
-moz-border-radius:6px;
-webkit-border-radius:6px;
border-radius:6px;
behavior:url(../js/PIE/PIE.htc);
padding:0 4px;
position:relative;
z-index:10;
}
.nav_calendar .last:hover, .nav_calendar .first:hover{
background:#777 ;
color : #fff;
}
.nav_calendar #current_month{
cursor:default;
color : #000;
}
 
 
/* ARTICLE   ======================================== */

body#content article {
	float:right;
	padding:0 15px 15px 15px;
	min-height:400px;
	height:auto !important;
	height:400px;
	width:72%;
	background:#fff;
	
}
body#content article ol li, body#editor ol li{
margin-left:20px!important;  
}
body#content article ul li, body#editor ul li{
list-style:disc!important;
margin-left:0px!important;  
}
body#content article ul, body#editor ul{
 margin-left:0px!important;  
}

body#content article ul li ul li, body#editor ul li ul li{
	list-style-type:disc!important;  
}


body#content  nav#tete{
	float:right;
	padding:0px 15px 0 15px;
 	width:72%;
  }


body#content nav#tete a:link {color:#000;text-decoration:underline}
body#content nav#tete a:visited {color:#000;}
body#content nav#tete a:hover {color:#777;}
body#content nav#tete a:active {color:#000;}

body#content article p, body#editor p {
	margin:0 0 .5em 0;
}
body#content article h1, body#editor h1,body#content  article h2, body#editor h2 {
	font-family:"HNeueCondensedBold";
	color:#444;
 	line-height:1em;
	letter-spacing:.01em;
}
body#content article .s_titre  {
 	font-size:1.6em;
 	line-height:1.2em;
	color:#666;
	font-weight:bold;
	font-style:italic;
}
body#content article h1  {
	margin:0px 0 10px 0;
	font-size:2.5em;
 }
body#content article p.intro  {
 	line-height:2em;
 }
body#content article h2, body#editor h2 {
	margin:18px 0 8px 0;
	font-size:1.6em;
	color:#444;
}
  body#content article li.sommaire {
 	font-size:1.1em;
	line-height:1.23em;
  }
 
 body#content article ul.plan li{
	line-height:1.1em;
  }
 
body#content article h3, body#editor h3 {
	margin:4px 0 6px 0;
	font-size:1.3em;
	font-weight:bold;
}

body#content article a:link, body#editor a:link {color:#000;text-decoration:underline}
body#content article a:visited, body#editor  a:visited{color:#000;text-decoration:underline}
body#content article a:hover, body#editor  a:hover{color:#777;text-decoration:underline}
body#content article a:active, body#editor  a:active{color:#000;text-decoration:underline}
  
body#content article .exerg_HP {
 position:relative;
margin-top:10px;
	overflow:hidden;
  }
body#content article .exerg {
float:left;
width:30%;
font-family: 'HNeueCondensedRegular';
margin-right:33px;
 }
body#content article .last_exerg {
margin-right:0px;
 }
 body#content article .exerg strong{
font-weight:normal;
 line-height:1em;
font-size:1.36em;
}

body#content article .first_exerg p{
letter-spacing:-.030em;
}
body#content article .second_exerg p{
letter-spacing:.05em;
}
body#content article .last_exerg p{
letter-spacing:.05em;
}


body#content article .exerg p{
font-family:Arial, Helvetica, sans-serif;
font-size:1em;
line-height:1.5em;
}
body#content article .exerg img{
	margin-top:6px;
	-moz-border-radius: 16px 16px 16px 16px;
    -webkit-border-radius:  16px 16px 16px 16px;
	border-radius:  16px 16px 16px 16px;
	behavior:url(../js/PIE/PIE.htc);
	position:relative;
	z-index:10;
}
body#content article .exerg a:link {color : #000;text-decoration:none;}
body#content article .exerg a:visited {color : #000;}
body#content article .exerg a:hover {color : #777!important; }
body#content article .exerg a:active {color : #000;}

/* activites */

body#content article   span.date{
font-style:italic;
font-size:.9em;
margin:0!important;
color:#000;
}
body#content article dl dt h2{
font-size:1.4em;
margin:2px 0 4px 0;
}
body#content article dl dd{
margin:0px 0 15px 0;
}
body#content article #calendar_residants ul li {
list-style:disc;
  }

 
/* plan du site  */

body#content article ul li {
font-weight:normal;
line-height:1.35em;
list-style:none;
margin:0;
  }
 body#content article ul li.rubrique{
font-weight:bold;
margin-top:4px;
line-height:1.6em;
margin-left:0px;
}
body#content article ul li.image{
margin-bottom:10px;
margin-left:0px;
}
body#content article ul li.mail{
margin-left:3px;
font-weight:bold;
 }
body#content article ul li a.s_cat{
	margin:0 0 0 25px!important;
}

/* pagination  */
body#content article .pagination, body#content article #other_pages{
float:right;
overflow:hidden;
font-size:.8em;
}
body#content article .pagination p, body#content article #other_pages p{
color:#000;
float:left;
}
body#content article .pagination div, body#content article .pagination a, 
body#content article #other_pages div, body#content article #other_pages a{
padding:0 2px 4px 2px;
text-align:center;
width:1em;
height:1em;
color:#000;
float:left;
line-height:1.4em;
margin-left:3px;
 }
body#content article .pagination div, body#content article #other_pages div{
border:1px solid #000;
color:#000;
 }
body#content article .pagination a , body#content article #other_pages a {
diplay:block;
border:1px solid #000;
}
body#content article .pagination a:link   {color : #fff;text-decoration:none; background:#000; }
body#content article .pagination a:visited {color : #fff; background:#000;}
body#content article .pagination a:hover {color : #fff; background:#777;}
body#content article .pagination a:active {color : #fff; background:#000;}

body#content article #other_pages a:link   {color : #fff; background:#000;}
body#content article #other_pages a:visited {color : #fff; background:#000;}
body#content article #other_pages a:hover {color : #fff; background:#777;}
body#content article #other_pages a:active {color : #fff; background:#000;}


/* recherche  */

body#content article p.search_error{ margin:50px 0 60px 0;font-weight:bold;  }


body#content iframe.map, body#editor iframe.map{ 
	float:right;
	margin-left:20px;
	margin-bottom:20px;  
	-moz-border-radius: 16px 16px 16px 16px;
    -webkit-border-radius:  16px 16px 16px 16px;
	border-radius:  16px 16px 16px 16px;
	behavior:url(../js/PIE/PIE.htc);
}

body .top{ 
	text-align:right;
	width:100%;
	display:block;
}


/* FOOTER  ======================================== */

body#content footer {
 	width:100%;
 	font-size:.9em;
	margin:-100px 0 0px 0;
	padding-top:120px;
	padding-bottom:40px;
	background:#444;
	position:relative;
	z-index:10;
	color:#fff;
	overflow:hidden;
}
body#content footer a { text-decoration:underline; width:100%}
body#content footer a:link {color:#fff; }
body#content footer  a:visited {color:#fff;}
body#content footer a:hover {color:#ccc;}
body#content footer  a:active {color:#fff;}


body#content footer #footer_content {
	width:960px;
	margin:0 auto 4px auto;
	vertical-align:baseline;
	overflow:hidden;
 }
body#content footer ul {
	overflow:hidden;
	list-style:none;
	margin:0;
	padding:0;
	float:left;
	width:35%;
}
body#content footer ul.first {
	width:30%;
}
body#content footer ul li {
font-weight:normal;
line-height:1.35em;
margin-left:10px;
  }
body#content footer ul li ul{
float:none;
width:100%;
}
body#content footer ul li.rubrique{
font-weight:bold;
margin-top:4px;
line-height:1.6em;
margin-left:0px;
}
body#content footer ul li.image{
margin-bottom:10px;
margin-left:0px;
}
body#content footer ul li.mail{
margin-left:3px;
font-weight:bold;
 }
body#content footer ul li a.s_cat{
	margin:0 0 0 10px;
}


 /*  FORMS   */
 
.id_error{
 	font-weight:bold;
	color:#fff;
	padding:4px 12px;
	background:#000;
}
.obligatoire{
	float:right;
	font-size:.9em;
	font-style:italic;
	margin-right:6px;
}
form#formulaire_contacts label{  
	float:left;
	margin-right:10px;
	margin-bottom:12px!important;
	width:4.9em;
  color: #000;
  display: block;
  font-weight: bold;
 }

form#formulaire_contacts label.membres{  
	width:7em;
 }
form#formulaire_contacts .bouton-container.membres{  
	text-align:center;
 }
form#formulaire_contacts .bouton-container.membres .bouton{  
	width:8em;
 }


form#formulaire_contacts ol li, form#formulaire_contacts ul li,
form#formulaire_contacts ol, form#formulaire_contacts ul {
  list-style-type:none!important;
  list-style:none!important;
  padding: 0;
  margin: 0;
	margin-bottom:.8em!important;
}
 form#formulaire_contacts  input.text, form#formulaire_contacts select {
  display: block;
  border: 0;
  padding: 4px;
  line-height: 1em;
  font-size: 1em;
}
 form#formulaire_contacts  select {
  background-color: #e3e8eb;
  color: #506775;
  margin: 0;
}
  form#formulaire_contacts input.text {
  color: #000;
   background-color: #fff;
  border: 1px solid #444;
  padding: 4px;
  line-height: 12px;
  width: 86%!important;
  margin-top:2px
}
  .ie7 form#formulaire_contacts input.text {
  margin-top:-20px;;
}
 form#formulaire_contacts textarea {
  color: #000;
   background-color: #fff;
  border: 1px solid #444;
  padding: 4px;
  line-height: 1empx;
  width: 86%!important;
  height:6em;
}
 form#formulaire_contacts  fieldset {
  padding: 0;
  margin: 0;
  border: none;
   margin-bottom: 10px;
   padding: 10px 0;
 }
 form#formulaire_contacts  fieldset ul li {
    overflow:visible;
  list-style-type: none!important;
}
 form#formulaire_contacts  li {
  margin-bottom: 10px;
  list-style-type: none!important;
}
  form#formulaire_contacts div.bouton-container {
	text-align:center;
	width:100%
}
form#formulaire_contacts div.bouton-container input{
	margin:0 0 10px 0;
	width:130px;
}
div#contact_alerte{
	color:#c00;
	font-weight:bold;
}

.ie8 form#formulaire_contacts div.bouton-container input,
.ie7 form#formulaire_contacts div.bouton-container input {
	position:relative;
	z-index:2000;
 }
.ie8 form#formulaire_contacts div.bouton-container input:hover,
.ie7 form#formulaire_contacts div.bouton-container input:hover {
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
	border-radius:6px;
	behavior:url(../js/PIE/PIE.htc);
}



/* HP news  ======================================== */

 h2.news {
	font-size:2em!important;
	margin-bottom:20px!important;
}
 h3.news {
	margin-top:0px!important;
 }
 img.news_img {
	float:left;
	margin-right:20px;
	margin-bottom:20px;
 	width:100px;
	height:auto;
		-moz-border-radius:10px;
    -webkit-border-radius:  10px;
	border-radius:  10px;
 }



/* ==|== non-semantic helper classes ======================================== */
.ir {
	display: block;
	border: 0;
	text-indent: -999em;
	overflow: hidden;
	background-color: transparent;
	background-repeat: no-repeat;
	text-align: left;
	direction: ltr;
}
.ir br {
	display: none;
}
.hidden {
	display: none !important;
	visibility: hidden;
}
.visuallyhidden {
	border: 0;
	clip: rect(0 0 0 0);
	height: 1px;
	margin: -1px;
	overflow: hidden;
	padding: 0;
	position: absolute;
	width: 1px;
}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {
	clip: auto;
	height: auto;
	margin: 0;
	overflow: visible;
	position: static;
	width: auto;
}
.invisible {
	visibility: hidden;
}
.clearfix:before, .clearfix:after {
	content: "";
	display: table;
}
.clearfix:after {
	clear: both;
}
.clearfix {
	zoom: 1;
}


/* ==|== media queries ====================================================== */

@media only screen and (min-width: 480px) {
}
 @media only screen and (min-width: 768px) {
}