html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, textarea,
table, caption, tbody, tfoot, thead, tr, th, td{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	background: transparent;
	text-decoration:none;
    font-family: Arial, Helvetica, Verdana;
    font-size:11px;
}

img {
    border: 0;
}

body {
    line-height: 1;
    /*background:#ffffff url('../imgs/tpl/bg.jpg') left top repeat-x;*/
    background-color:#333333;
}

ol, ul { list-style: none; }

.button {
    cursor:pointer;
}

.end_container {
    clear: both;
    visibility:hidden;
}

#page {
    position:absolute;
    width:950px;
    background-color:#ffffff;
    left:50%;
    margin-left:-475px;
}

/* ------ */
/* HEADER */

#header {
    position:relative;
    width:950px;
    height:178px;
    background:#ffffff url('../imgs/tpl/header-bg.jpg') left top no-repeat;
}

#header .link_ville {
    position:absolute;
    display:block;
    width:155px;
    height:60px;
    top:14px;
    left:792px;
    z-index:1;
}

#header .link_home {
    position:absolute;
    display:block;
    width:160px;
    height:72px;
    top:5px;
    left:10px;
    z-index:2;
}

#search {
    position:absolute;
    width:305px;
    height:22px;
    top:100px;
    left:585px;
    z-index:3;
}

#search .label {
    padding-right:5px;
    color:#9aafb9;
    font-size:14px;
    font-family: Arial Black, Arial, Helvetica, Verdana;
    font-weight:bold;
}

#search .input {
    margin-right:5px;
    width:176px;
    height:14px;
    font-size:11px;
    font-weight:bold;
}

/* ------ */
/* FOOTER */

#footer {
    padding:4px;
    background-color:#000000;
}

#footer .copyright {
    text-align:right;
    color:#ffffff;
}

/* --------- */
/* CONTAINER */

#container {
    padding:11px;
}

#container .colMarge {
    margin-right:11px;
}

#container .hpactuMarge {
    margin-right:10px;
}

#container .col75percent {
    position:relative;
    float:left;
    width:693px;
}

#container .col50percent {
    position:relative;
    float:left;
    width:458px;
}

#container .col25percent {
    position:relative;
    float:left;
    width:224px;
}

#container .separator-h {
    height:1px;
    line-height:1px;
    background-color:#929292;
    margin:10px 0px 10px 0px;
}

#module .separator-right-v {
    border-left:1px solid #929292;
}

/* ---------- */
/* CONTENU */

#contenu {
    background-color:#ececec;
    padding:0px 0px 6px 0px;
}

#contenu #contenu-conteneur {
    width:679px;
    background-color:#ffffff;
    margin:7px;
}

#contenu #contenu-conteneur-mce {
    width:635px;
    padding:6px 30px 6px 14px;
    background-color:#ffffff;
}

#contenu #mceContentBody  {
    width:100%;
    text-align:justify;
    line-height:12px;
}

/* ---- NAVIGATION */

#module #mod-navigation {
    background-color:#ececec;
    padding:0px 0px 6px 0px;
}

#module #mod-navigation #mod-navigation-conteneur {
    width:210px;
    margin:6px 6px 0px 6px;
}

#mod-navigation #mod-navigation-logo {
    width:210px;
    margin:6px 6px 0px 6px;
}

#mod-navigation #mod-navigation-logo-contenu {
    padding:6px 6px 6px 6px;
    background-color:#ffffff;
    text-align:center;
}

#mod-navigation-conteneur li {
    list-style:none;
}

#mod-navigation-conteneur ul {
    margin:0px 0px 0px 0px;
}

#mod-navigation-conteneur ul ul {
    margin:0px 0px 4px 0px;
}

#mod-navigation-conteneur ul li {
    margin:0px 0px 4px 0px;
}

#mod-navigation-conteneur ul ul li {
    margin:0px 0px 0px 0px;
}

/* ---------- */
/* ACTUALITES */

#hpactus-une {
    position:relative;
    width:458px;
}

#hpactus-old {
    position:relative;
    float:left;
    width:224px;
    margin:0px 0px 6px 0px;
}

#hpactus-int {
    position:relative;
    float:left;
    width:205px;
    margin:0px 0px 6px 0px;
}

#hpactus-une .photo {
    position:relative;
    width:458px;
    height:285px;
    margin-bottom:5px;
}

#hpactus-old .photo {
    position:relative;
    width:224px;
    height:139px;
    margin-bottom:5px;
}

#hpactus-int .photo {
    position:relative;
    width:206px;
    height:139px;
    margin-bottom:5px;
}

#hpactus-une .legende {
    height:40px;
    top:245px;
}

#hpactus-old .legende,
#hpactus-int .legende {
    height:20px;
    top:120px;
}

#hpactus-une .legende,
#hpactus-old .legende,
#hpactus-int .legende {
    position:absolute;
    left:0px;
    z-index:1;
    width:100%;
    line-height:13px;
    background-color:#000000;
    color:#ffffff;
    filter: alpha(opacity=60);  
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
}

#hpactus-une .legende-text {
    height:20px;
    top:245px;
}

#hpactus-old .legende-text,
#hpactus-int .legende-text {
    height:10px;
    top:120px;
}

#hpactus-une .legende-text,
#hpactus-old .legende-text,
#hpactus-int .legende-text {
    position:absolute;
    overflow:hidden;
    z-index:2;
    padding:5px;
    width:100%;
    left:0px;
    color:#ffffff;
}

#hpactus-une .titre {
    padding:5px;
    background-color:#ececec;
    color:#000000;
    font-family:Arial,Helvetica,Verdana;
    font-size:20px;
    font-weight:bold;
    margin-bottom:8px;
}

#hpactus-une .stitre,
#hpactus-old .titre,
#hpactus-int .titre {
    color:#000000;
    font-family:Arial,Helvetica,Verdana;
    font-size:12px;
    font-weight:bold;
    margin-bottom:5px;
}

#hpactus-une .text,
#hpactus-old .text,
#hpactus-int .text {
    line-height:12px;
    margin-bottom:5px;
    text-align:justify;
}

/* ------- */
/* MODULES */

#module {
    position:relative;
    margin-bottom:10px;
}

/* ---- FIL DE L'INFO */

#module #mod-filinfos {
    background-color:#ececec;
    padding:0px 0px 6px 0px;
}

#module #mod-filinfos #mod-filinfos-conteneur{
    width:210px;
    margin:6px 6px 0px 6px;
    background-color:#ffffff;
}

#mod-filinfos-conteneur #mod-filinfos-contenu  {
    width:100%;
    height:310px;
    overflow:auto;
    margin-bottom:6px;
}

#mod-filinfos-contenu a {
    display:block;
    /*background:#ffffff url(../imgs/tpl/dot-bottom.gif) left bottom repeat-x;*/
    border-bottom:1px dotted #6a6a6a;
    line-height:12px;
    padding:7px 0px 8px 0px;
}

#mod-filinfos-contenu a:hover {
    background-color:#f4f4f4;
}

#mod-filinfos-contenu a.spe,
#mod-filinfos-contenu a.spe {
    background:#d7edf7 url(../imgs/tpl/module-filinfos-spe.gif) center center no-repeat;
}

#mod-filinfos-contenu a .stitre,
#mod-filinfos-contenu a .titre {
    display:block;
    color:#000000;
    padding:0px 6px 0px 6px;
}

#mod-filinfos-contenu a .stitre {
    font-weight:bold;
}

/* ---- ZOOM */

#mod-zoom-conteneur {
    position:relative;
    width:224px;
    padding:0px 0px 26px 0px;
}

#hmod-zoom-conteneur .photo {
    position:relative;
    width:224px;
    height:139px;
    margin-bottom:5px;
}

#mod-zoom-conteneur .titre-bg {
    height:56px;
    top:0px;
}

#mod-zoom-conteneur .legende {
    height:24px;
    top:178px;
}

#mod-zoom-conteneur .titre-bg,
#mod-zoom-conteneur .legende {
    position:absolute;
    left:0px;
    z-index:1;
    width:100%;
    line-height:13px;
    background-color:#000000;
    color:#ffffff;
    filter: alpha(opacity=60);  
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
}

#mod-zoom-conteneur .titre,
#mod-zoom-conteneur .legende-text {
    position:absolute;
    overflow:hidden;
    z-index:2;
    padding:5px;
    width:100%;
    left:0px;
    color:#ffffff;
}

#mod-zoom-conteneur .titre {
    height:56px;
    top:0px;
}

#mod-zoom-conteneur .legende-text {
    height:10px;
    top:178px;
}

#mod-zoom-conteneur .titre {
    color:#ffffff;
    font-family:Arial,Helvetica,Verdana;
    font-size:14px;
    font-weight:bold;
    margin-bottom:5px;
}

#mod-zoom-conteneur .text {
    line-height:12px;
    margin-bottom:5px;
    text-align:justify;
}

/* ---- CONTACT */

#module #mod-contact {
    background-color:#ececec;
    padding:0px 0px 6px 0px;
}

#module #mod-contact #mod-contact-conteneur{
    width:210px;
    margin:6px 6px 0px 6px;
}

#mod-contact-conteneur .text {
    font-size:12px;
}

#mod-contact-conteneur .zone-text {
    margin:5px 0px 5px 0px;
}

#mod-contact-conteneur .textBig {
    font-size:13px;
    font-weight:bold;
}

/* ---- CALENDRIER */

#module #mod-calendrier {
    background-color:#ececec;
    padding:0px 0px 6px 0px;
}

#module #mod-calendrier #mod-calendrier-conteneur{
    width:210px;
    margin:6px 6px 0px 6px;
    background-color:#ffffff;
}

#mod-calendrier-conteneur #mod-calendrier-contenu  {
    width:100%;
    margin-bottom:0px;
    margin:6px 6px 0px 6px;
}

#mod-calendrier-object {
    text-align:center;
    margin-bottom:6px;
}

#mod-calendrier-info {
    width:197px;
}

#mod-calendrier-info-contenu {
    padding:1px 6px 1px 6px;
    text-align:justify;
    background-color:#ececec;
}

/* ---- PHOTOS */

#mod-photos-conteneur {
    position:relative;
    width:224px;
}

#mod-photos-conteneur .photo {
    position:relative;
    width:224px;
    height:139px;
    margin-bottom:5px;
}

#mod-photos-conteneur .legende {
    height:20px;
    top:120px;
}

#mod-photos-conteneur .legende {
    position:absolute;
    left:0px;
    z-index:1;
    width:100%;
    line-height:13px;
    background-color:#000000;
    color:#ffffff;
    filter: alpha(opacity=60);  
    -moz-opacity: 0.6;
    -khtml-opacity: 0.6;
    opacity: 0.6;
}

#mod-photos-conteneur .legende-text {
    height:10px;
    top:120px;
}

#mod-photos-conteneur .legende-text {
    position:absolute;
    overflow:hidden;
    z-index:2;
    padding:5px;
    width:100%;
    left:0px;
    color:#ffffff;
}

#mod-photos-conteneur .titre {
    color:#000000;
    font-family:Arial,Helvetica,Verdana;
    font-size:12px;
    font-weight:bold;
    margin-bottom:5px;
}

#mod-photos-conteneur .text {
    line-height:12px;
    margin-bottom:5px;
    text-align:justify;
}

/* ------ */
/* FORMULAIRE */

input, select, textarea, .textareaContact {
	font-family:Arial,Helvetica,Verdana;
	font-size:11px;
   color:#212121;
	border: 1px solid #ababab;
	padding:1px 0px 0px 2px;
}

.noBorder {
   border: 0px solid #B4D5E8;
}

.submit {
   cursor:pointer;
}

fieldset {
	background-color: #f8f8f8;
	border:1px solid #ababab;
	padding:3px;
	margin-top:15px;
}

legend {
	background-color: #FFFFFF;
	margin-left:10px;
	padding:5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #2093b7;
	font-weight:bold;
	border:1px solid #ababab;
	padding:2px 10px 2px 10px;
}

#infos label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #303030;
	width:120px;
	float:left;
	text-align:left;
	padding:0 0.8em 0 0;
	font-weight:bold;
}

.label {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #303030;
	width:28%;
	float:left;
	text-align:left;
	padding:3px 3px 10px 3px;
	font-weight:bold;
}

#infos p {
	font-size: 11px;
	color: #303030;
	text-align:left;
	padding:1px 0px 1px 0px;
	padding:1px 0px 10px 0px;
}


textarea {
	padding:1px 2px 0px 2px;
	border:1px solid #ababab;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #212121;
}

/* ------ */
/* AUTRES */

a.bt-rss, a.bt-rss:hover {
    display:block;
    background:transparent url(../imgs/rss.png) left center no-repeat;
    margin:0px 0px 0px 6px;
    padding:1px 0px 2px 18px;
}