@charset "UTF-8";

/*------------------------------------------- Formatting content container -----------------------------------------------------------*/


#col2, #col2_content {
display:none;
}

#col1_content {
padding-top:30px;
}

#col3 {
margin-left:330px;
margin-right:20px;
}

/*--------------------------------------------- Content style ---------------------------------------------------------*/


#col1_content p,#col3_content p {
font-family:Arial, Helvetica, sans-serif;
color:#0E4073;
font-size:.81em;
line-height:1.13em;
margin:0 0 15px;
}

#col1_content p.note  {
font-size:.69em;
}

#col3_content ul {
margin:0 0 15px;
}

#col3_content ul li {
background:url(../medias/elements/fleche_2.gif) no-repeat 0 4px;
color:#0e4073;
font-size:.81em;
line-height:1.13em;
padding:0 0 0.25em 10px;
}

#col3_content ul li ul {
margin:5px 0 0;
}

#col3_content ul li ul li {
background:url(../medias/elements/bullet.png) no-repeat 0 6px;
font-size:0.92em;
}

#col3_content {
margin:0;
padding:0 0 40px;
}

#col1 h2 {
background:url(../medias/elements/h2_arrow.png) no-repeat;
padding-left:20px;
}

#col3 h2 {
font:bold 1.3em/1.5em Arial, Helvetica, sans-serif;
letter-spacing:-.05em;
text-transform:uppercase;
padding-bottom:0;
margin-bottom:.8em;
background:url(../medias/elements/_filet_hr.gif) repeat-x left bottom;
}

#col3 h3 {
font:bold 1em/1.3em Arial, Helvetica, sans-serif;
letter-spacing:-.05em;
text-transform:uppercase;
padding-bottom:0;
margin-bottom:.8em;
color:#9c3;
}

dl {
margin-bottom:.9em !important;
}

dt {
font-weight:700;
color:#9c3;
background:url(../medias/elements/fleche_3.gif) no-repeat 0 8px;
padding:.2em 0 .2em 12px;
}

dt a {
color:#9c3;
text-decoration:underline;
}

dd {
color:#0e4073;
font-size:.81em;
line-height:1.13em;
padding:0 0 .5em 12px;
}

#col1_content dl {
margin-left:6px;
}

.styleTextExergue {
color:#3b75b7;
}

.styleCadreImage,.styleCadreSimple {
border:1px solid #aaa;
padding:2px;
}

.styleCadreSimple {
padding:12px;
}

/* Séparation en colonnes */

.colmask {
position:relative;	/* This fixes the IE7 overflow hidden bug */
float:left;
width:100%;			/* width of whole page */
overflow:hidden;	/* This chops off any overhanging divs */
margin-bottom:0.5em;
}

.colleft,
.colmid,
.colright {
float:left;
width:100%;
position:relative;
}

.col1,
.col2,
.col3 {
float:left;
position:relative;
padding:1em 0 1em 0;
overflow:hidden;
}

/* 2 Column (left) settings */

.left .colleft {
right:75%;			/* right column width */
background:#CCE1F6;	/* left column background colour */
}

.left .col1 {
width:71%;			/* right column content width */
left:102%;			/* 100% plus left column left padding */
}

.left .col2 {
width:21%;			/* left column content width (column width minus left and right padding) */
left:6%;			/* (right column left and right padding) plus (left column left padding) */
}

/* 2 Column (right) settings */

.right .colleft {
right:45%;			/* right column width */
}

.right .col1 {
width:51%;			/* left column content width (left column width minus left and right padding) */
left:45%;			/* (right column width) plus (left column left padding) */
}

.right .col2 {
width:41%;			/* right column content width (right column width minus left and right padding) */
left:51%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
}

/* 3 Column settings */

.threecol {

}

.threecol .colmid {
right:25%;			/* width of the right column */
}

.threecol .colleft {
right:50%;			/* width of the middle column */
}

.threecol .col1 {
width:46%;			/* width of center column content (column width minus padding on either side) */
left:102%;			/* 100% plus left padding of center column */
}

.threecol .col2 {
width:21%;			/* Width of left column content (column width minus padding on either side) */
left:29%;			/* width of (right column) plus (center column left and right padding) plus (left column left padding) */
}

.threecol .col3 {
width:21%;			/* Width of right column content (column width minus padding on either side) */
left:85%;			/* Please make note of the brackets here: 
					(100% - left column width) plus (center column left and right padding) plus (left column left and right padding) plus (right column left padding) */
}


/* Cadre AutoExtensible */

.cadre1Header {
background: url(../medias/elements/cadre_1_hg.gif) no-repeat left top;
padding-left: 10px;
}

.cadre1Header span {
background:url(../medias/elements/cadre_1_hd.gif) no-repeat right top;
line-height:10px;
padding-top:10px;
display:block;
}

.cadre1Content {
background:url(../medias/elements/cadre_1_bg.gif) no-repeat left bottom;
padding-left:10px;
margin-bottom:1em;
}

.cadre1Content .cadreContent {
background:url(../medias/elements/cadre_1_bd.gif) no-repeat right bottom;
padding:10px 10px 12px;
height:25px;
display: block;
}

.cadre1Content>.cadreContent{
height:auto;
min-height:25px;
}

/* Cadre AutoExtensible */

.cadre-degrade {
background: url(../medias/elements/cadre_2_h.gif) no-repeat top left;
padding-top: 6px;
width:230px;
}

.cadre-degrade .cadreContent {
background: #C7E997 url(../medias/elements/cadre_2.png) no-repeat bottom left;
padding: 9px 10px 35px 10px;
}


/* Tabulate Paragraph */

.ptab { padding-left:20px; }

/* Puces */

.puce1 {
background:url(../medias/elements/arrow_right.gif) no-repeat -3px -1px;
padding-left:14px;
}

.puce2 {
background:url(../medias/elements/puce_fleche.gif) no-repeat left center;
padding-left:14px;
}

#col3_content .puce2, .puce2 a {
color:#009EE0;
}

.puce2 a:hover {
text-decoration:underline;
}

/*--------------------------------------------- col1 Sub Menu ---------------------------------------------------------*/

#col1_content #sub_menu {
list-style-type:none;
margin:0 0 20px -2px;
}

#col1_content #sub_menu li {
background: url(../medias/fonds/bg_fast-link.png) no-repeat;
width:225px;
height:31px;
text-align:left;
text-indent:10px;
}

#col1_content #sub_menu li a {
color:#b9d8f5;
line-height:2.58em;
font-size:.75em;
text-transform:uppercase;
font-weight:bold;
}

#col1_content #sub_menu li a:hover {
color:#FFF;
}

#col1_content #newsletter_subscribe {
background:none;
height:auto;
margin:0 0 20px 0;
overflow:hidden;
padding:0;
width:auto;
}

/*--------------------------------------------- Newsletter style ---------------------------------------------------------*/


#newsletter-form {
margin:0;
padding:0;
}

/* tableaux */
table {
border-left:1px solid #E5E5E5;
border-top:1px solid #E5E5E5;
color:#333;
margin-bottom:20px;
width:99%;
}

caption {
background:#a0c9f4 none repeat scroll 0 0;
border-bottom:1px solid #177127;
color:#FFF;
font-weight:700;
text-transform:uppercase;
padding:10px;
}

td,tr,.th {
border-collapse:separate !important;
border-spacing:0;
}

td,th {
border-color:#FFF #E5E5E5 #E5E5E5 #FFF;
border-style:solid;
border-width:1px;
}

tbody th {
background-color:#C1C1C1;
color:#FFF;
text-align:left;
text-decoration:none;
padding:5px 0 5px 20px;
}

td {
background:#F9F9F9 none repeat scroll 0 0;
vertical-align:middle;
padding:4px;
}

tbody tr.even td {
background:#F9F9F9 none repeat scroll 0 0;
}

tbody tr.ruled td {
background:#F1F1F1 none repeat scroll 0 0;
}

tbody td td {
border:medium none;
border-collapse:collapse;
padding:0;
}

th {
background:#F1F1F1 none repeat scroll 0 0;
color:#999;
font-size:11px;
font-weight:700;
text-align:center;
text-transform:uppercase;
white-space:nowrap;
padding:4px;
}

tfoot th,tfoot td {
background-color:#E7E7E7;
border-bottom:1px solid #CCC;
border-top:1px solid #DFDFDF;
color:#999;
text-align:center;
padding:6px;
}

/*--------------------------------------------- col3 Conseil Municipal ---------------------------------------------------------*/

#col3_content ul.conseil {
margin:5px 0 0 0;
width:100%;
}

#col3_content ul.conseil li {
background:none;
color:#333;
list-style-type:none;
margin-bottom:4px;
float:left;
width:47%;
height:120px;
padding:0;
margin-right:3%;
}


#col3_content ul.conseil li ul {
margin:0;
list-style-type:none;
}

#col3_content ul.conseil li ul li {
padding:0;
background:none;
border:none;
color:#0E4073;
float:none;
height:auto;
width:auto;
margin:0;
}

#col3_content ul.conseil li h3 {
color:#0E4073;
font-size:14px;
padding-top:2px;
margin-left:114px;
}

#col3_content ul.conseil div.vignette {
float:left;
height:108px;
width:114px;
}

#col3_content ul.conseil img {
background:url(../medias/elements/bg_conseil.png) no-repeat 0 0;
padding:7px;
}

#col3_content ul.conseil p {
padding:0;
font-size:0.85em;
}


/*--------------------------------------------- col3 Contextual Nav ---------------------------------------------------------*/

#nav-contextuelle {
margin:0px 0px 0px 0px !important;
padding:0px;
}

#nav-contextuelle li {
margin:0px !important;
padding:0px !important;
float:left !important;
width:33% !important;
list-style:none !important;
background:none !important;
}

.button-prev, .button-next, .button-top {
height:38px;
display:block;
}

.button-prev {
width:90px;
float:left;
background:url(../medias/elements/btn_previous.png) no-repeat;
}

.button-next { 
width:85px;
float:right;
background:url(../medias/elements/btn_next.png) no-repeat;
}

.button-top {
width:85px;
margin:0px auto;
background:url(../medias/elements/btn_top.png) no-repeat;
}

.button-prev span, .button-next span, .button-top span { display:none; }