/* NON-HEADER */
*{padding:0; margin:0;}
body {font-size:x-small; margin:0; margin-bottom:0; padding:0; background:#84cde7 url(../img/bg_body.png); font-family:verdana,arial,sans-serif;} /*Font-size: 1.0em = 10px when browser default size is 16px*/
.page-container {width:981px; margin:0px auto; font-size:1.0em; background:url(../img/fond.png) repeat-y;}
.main {clear:both; width:958px; margin:0px auto; padding-top:10px; border-left:solid 1px #FFFFFF; border-right:solid 1px #FFFFFF; background:#FFFFFF url(../img/main_fond.png) repeat-x;}
.main-content {display:inline; /*Fix IE floating margin bug*/; float:left; width:890px; margin:0 0 0 15px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.main-navigation {display:inline /*Fix IE floating margin bug*/; float:left; width:200px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/; background-color:#EFEFEF; padding-left:10px; padding-right:10px;}
.footer {clear:both; width:958px; margin:0px auto; padding:1.3em 0 1.3em 0; border-top:solid 1px #FFFFFF; border-left:solid 1px #FFFFFF; border-right:solid 1px #FFFFFF; background:#273B79 url(../img/footer_bnd.png) bottom no-repeat; font-size:1.0em; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.credit {clear:both; width:981px; height:20px; margin:0px auto; background:transparent url(../img/fond_bas.png) no-repeat;}

.layout2 .main {background:#FFFFFF;}
.mini_site .main {background:#FFFFFF url(../img/font.png);}
.municipalite .main {background:#FFFFFF url(../img/bg_font_mun.png);}
.layout4 .main {background:#FFFFFF url(../img/bg_font_2.png);}
.layout3 .main, .layout5 .main {background-color:#FFFFFF;}

.layout2 .main-navigation, .layout4 .main-navigation {float:left;}
.layout3 .main-navigation, .layout5 .main-navigation {float:right;}

.layout1 .main-content {width:890px;}
.layout2 .main-content, .layout3 .main-content {width:705px; border-right:1px dotted #84cde7;}
.layout4 .main-content, .layout5 .main-content {width:490px; margin:0 0 0 7px;}

.layout4 .main-subcontent {float:right; margin:0 5px 0 0; margin-right:5px!important; margin-right:5px;}
.layout2 .main-subcontent {float:right; width:210px; margin:0; padding:0 15px 0 0; /*border-left:1px dotted #84cde7;*/}
.mini_site .main-subcontent {border-left:0;}
.layout5 .main-subcontent {float:left;  margin:0 0 0 15px;}

/********************/
/* LIEN EVITEMENTS  */
/********************/

.evitement{width:981px; clear:both; height:3.0em; margin:0 auto; background:transparent url(../img/fond.png) repeat-y;}
.evitement li{display:inline;list-style:none;}
.evitement p {line-height:1.5em; padding:0; margin:10px 0 0 0;}
.evitement li.derniere_nav a {border-right:none;}
.evitement a {padding-left:5px;padding-right:5px;}

.evitement .leftcolumn {float:left; width:500px; margin-top:5px; margin-left:25px;}
.evitement .rightcolumn {float:right; width:400px; margin-top:5px; margin-right:15px;}

#w3c ul {list-style:none;}
#w3c ul li {display:inline; float:right;}
#w3c ul li a {border:0;}
#w3c a img {border:0;}

/******************/
/*  MAIN SECTION  */
/******************/

/* MAIN CONTENT */
.column1-unit {clear:both; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column2-unit-left {float:left; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column2-unit-right {float:right; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column3-unit-left {float:left; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column3-unit-middle {float:left; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; margin-left:22px;}
.column3-unit-right {float:right; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column2-one-third-left, .column2-two-third-left {float:left; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column2-two-third-right, .column2-one-third-right {float:right; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}

.layout1 .column1-unit {width:890px;}
.layout2 .column1-unit, .layout3 .column1-unit {width:690px;}
.layout4 .column1-unit, .layout5 .column1-unit {width:480px;}

.layout1 .column2-unit-left, 
.layout1 .column2-unit-right {width:425px;}

.layout2 .column2-unit-left, .layout3 .column2-unit-left, 
.layout2 .column2-unit-right, .layout3 .column2-unit-right {width:333px;}

.layout4 .column2-unit-left, .layout5 .column2-unit-left,
.layout4 .column2-unit-right, .layout5 .column2-unit-right {width:233px;}

.layout1 .column3-unit-left, 
.layout1 .column3-unit-middle, 
.layout1 .column3-unit-right {width:270px;}

.layout2 .column3-unit-left, .layout3 .column3-unit-left, 
.layout2 .column3-unit-middle, .layout3 .column3-unit-middle, 
.layout2 .column3-unit-right, .layout3 .column3-unit-right {width:215px;}

.layout4 .column3-unit-left, .layout5 .column3-unit-left,
.layout4 .column3-unit-middle, .layout5 .column3-unit-middle,
.layout4 .column3-unit-right, .layout5 .column3-unit-right {width:137px;}

.layout1 .column2-one-third-left, 
.layout1 .column2-one-third-right {width:270px;}
.layout1 .column2-two-third-left,
.layout1 .column2-two-third-right {width:530px;}

.layout2 .column2-one-third-left, .layout3 .column2-one-third-left, 
.layout2 .column2-one-third-right, .layout3 .column2-one-third-right {width:210px;}
.layout2 .column2-two-third-left, .layout3 .column2-two-third-left, 
.layout2 .column2-two-third-right, .layout3 .column2-two-third-right {width:457px;}

.layout4 .column2-one-third-left, .layout5 .column2-one-third-left,
.layout4 .column2-one-third-right, .layout5 .column2-one-third-right {width:140px;}
.layout4 .column2-two-third-left, .layout5 .column2-two-third-left,
.layout4 .column2-two-third-right, .layout5 .column2-two-third-right {width:260px;}

/*.maincontent-unit-box {width:100%; margin:0 0 1.0em 0; padding:0 0 1.0em 0; background:#EFEFEF url(../img/box_fond.png) repeat-x; border:1px solid #CCCCCC;}
.maincontent-unit-box img.vignette {width:100px; float:left; border:1px solid #000000; margin:0 20px;}*/
.main-content img.vignette {width:100px; float:left; border:1px solid #000000; margin:0 10px 0 5px;}
.maincontent-round-topleft {width:10px; height:10px; position:absolute; z-index:100; background:url(../img/bg_corner_topleft.gif) no-repeat; margin-top:-1px; margin-left:-1px;}
.maincontent-round-topright {width:10px; height:10px; position:absolute; z-index:100; background:url(../img/bg_corner_topright.gif) no-repeat; margin-top:-1px; margin-left:459px;}
.maincontent-round-bottomleft {width:10px; height:10px; position:absolute; z-index:100; background:url(../img/bg_corner_bottomleft.gif) no-repeat; margin-top:-5px; margin-left:-1px;}
.maincontent-round-bottomright {width:10px; height:10px; position:absolute; z-index:100; background:url(../img/bg_corner_bottomright.gif) no-repeat; margin-top:-5px; margin-left:459px;}

.main-content .suite {background:url(../img/fond_suite.png) repeat-x; padding:5px;}
.main-content .suite .bord_hg {width:8px; height:8px; position:absolute; z-index:100; background:url(../img/bord_blanc_hg.png) no-repeat; margin-top:-5px; margin-left:-5px;}
.main-content .suite .bord_hd {width:8px; height:8px; position:absolute; z-index:100; background:url(../img/bord_blanc_hd.png) no-repeat; margin-top:-5px; margin-left:330px;}
.main-content .suite2 {background:url(../img/fond_suite_f.png) repeat-x; padding:5px;}

.main-content .box {margin:0 0 0.5em 0; padding:0 5px 5px 5px; background:#EFEFEF url(../img/bg_option_clic.png) repeat-x; border:solid 1px #CCCCCC;}
.main-content .box_blanc{margin:0 0 0.5em 0; padding:0 5px 5px 5px; background:#FFFFFF; border:solid 1px #CCCCCC;}

.main-content .subcontent-unit-border {min-height:100px; height:100%!important; height:100px;}

.main-content .multimedia-container {border:1px solid #CCCCCC; background-color:#FFFFFF; margin:0.2em 1em; padding:0.2em 0.5em;}

.main-content ul.tabNavigation { margin:0px; padding:0px;}
.main-content ul.tabNavigation li {list-style:none; display:inline; background-image:none; margin:0; margin-bottom:5px; font-size:100%;}
.main-content ul.tabNavigation li a.selected {font-weight:bold; font-size:120%;} 
.main-content .tab_area {background-color:#ffffff; padding:10px; border:1px solid #464c54;}

/* MAIN SUBCONTENT */
.subcontent-unit-border, .subcontent-unit-border-green, .subcontent-unit-border-orange, .subcontent-unit-border-blue {width:213px; margin:0 0 0.5em 0; padding:0 0 5px 0; background:#EFEFEF url(../img/bg_option_clic.png) repeat-x; border:solid 1px #CCCCCC;}

.subcontent-unit-noborder, .subcontent-unit-noborder-green, .subcontent-unit-noborder-blue, .subcontent-unit-noborder-orange {width:215px; margin:0 0 0.5em 0; padding:0;}

.main-navigation .round-border-topleft {width:10px; height:10px; position:absolute; z-index:100; background:url(../img/bg_corner_topleft.gif) no-repeat; margin-top:-1px; margin-left:-1px;}
.main-navigation .round-border-topright {width:10px; height:10px; position:absolute; z-index:100; background:url(../img/bg_corner_topright.gif) no-repeat; margin-top:-1px; margin-left:190px;}
.main-navigation .round-noborder-topleft {width:10px; height:10px; position:absolute; z-index:100; background:url(../img/bg_corner_topleft.gif) no-repeat; margin-top:0px; margin-left:0px;}
.main-navigation .round-noborder-topright {width:10px; height:10px; position:absolute; z-index:100; background:url(../img/bg_corner_topright.gif) no-repeat; margin-top:0px; margin-left:190px;}

.main-navigation .bord_hg {width:8px; height:8px; position:absolute; z-index:100; background:url(../img/bord_hg.png) no-repeat; margin-top:0; margin-left:0;}
.main-navigation .bord_hd {width:8px; height:8px; position:absolute; z-index:100; background:url(../img/bord_hd.png) no-repeat; margin-top:0; margin-left:192px;}
.main-navigation .bord_bg {width:8px; height:8px; position:absolute; z-index:100; background:url(../img/bord_bg.png) no-repeat; margin-top:-8px; margin-left:0;}
.main-navigation .bord_bd {width:8px; height:8px; position:absolute; z-index:100; background:url(../img/bord_bd.png) no-repeat; margin-top:-8px; margin-left:192px;}

.main-subcontent .bord_hg {width:8px; height:8px; position:absolute; z-index:100; background:url(../img/bord_hg.png) no-repeat; margin-top:-1px; margin-left:-1px;}
.main-subcontent .bord_hd {width:8px; height:8px; position:absolute; z-index:100; background:url(../img/bord_hd.png) no-repeat; margin-top:-1px; margin-left:206px;}
.main-subcontent .bord_bg {width:8px; height:8px; position:absolute; z-index:100; background:url(../img/bord_bg.png) no-repeat; margin-top:-2px; margin-left:-1px;}
.main-subcontent .bord_bd {width:8px; height:8px; position:absolute; z-index:100; background:url(../img/bord_bd.png) no-repeat; margin-top:-2px; margin-left:206px;}

.subcontent-unit-border .bord_hg {width:8px; height:8px; position:absolute; z-index:100; background:url(../img/bord_hg.png) no-repeat; margin-top:-1px; margin-left:-1px;}
.subcontent-unit-border .bord_hd {width:8px; height:8px; position:absolute; z-index:100; background:url(../img/bord_hd.png) no-repeat; margin-top:-1px; margin-left:206px;}
.subcontent-unit-border .bord_bg {width:8px; height:8px; position:absolute; z-index:100; background:url(../img/bord_bg.png) no-repeat; margin-top:-2px; margin-left:-1px;}
.subcontent-unit-border .bord_bd {width:8px; height:8px; position:absolute; z-index:100; background:url(../img/bord_bd.png) no-repeat; margin-top:-2px; margin-left:206px;}


.main-content .hbox {border-right:1px dotted #84cde7; padding-right:10px; min-height:300px;}
.main-content .hbox-middle {margin-left:10px; border-right:1px dotted #84cde7; padding-right:10px; min-height:300px;}

.main-content .divise {background:transparent url(../img/fond_2_2.png) repeat-y;}
.main-content .divise2-3 {background:transparent url(../img/fond_2_3.png) repeat-y;}
.main-content .divise2-3-right {background:transparent url(../img/fond_2_3_r.png) repeat-y;}
.main-content .divise_petit {background:transparent url(../img/fond_2_2_petit.png) repeat-y;}

.main-subcontent .bloc {width:215px; border:1px solid #0A9BD0; /*-moz-border-radius:0.5em;*/ margin-bottom:1.0em;}

/********************/
/*  FOOTER SECTION  */
/********************/
.footer {color:#FFFFFF; font-size:110%;}
.footer h1 {color:#FFFFFF; font-size:120%;}
.footer p {line-height:1.3em; color:#FFFFFF; font-size:110%; margin-bottom:1.0em;}
.footer p.credits {font-weight:normal;}
.footer a {text-decoration:none; color:#FFFFFF;}
.footer a:hover {text-decoration:underline; color:#FFFFFF;}
.footer a:visited {color:#FFFFFF;}
.footer ul {margin-bottom:10px; list-style:none;}
.footer li {margin-left:10px;}

.footercolumns {float:left; clear:both; margin-top:15px; width:100%;}
.footerleftcolumn {float:left; width:220px; margin-left:15px;}
.footermiddlecolumn {float:left; width:220px; margin-left:20px;}
.footermiddle2column {float:left; width:220px; margin-left:20px;}
.footerrightcolumn {float:right; width:220px;}

.credits {text-align:center;}
.credits li {display:inline; list-style:none;}
.credits a {padding-left:5px;	padding-right:5px;}

/******************/
/*  CLEAR FLOATS  */
/******************/
.page-container:after, .header:after, .header-bottom:after, .header-breadcrumbs:after, .main:after, .main-navigation:after, .main-content:after, .main-content div:after, .main-subcontent:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.column1-unit:after, .column2-unit-left:after, .column2-unit-right:after, .column3-unit-left:after, .column3-unit-middle:after, .column3-unit-right:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.subcontent-unit-border:after, .subcontent-unit-noborder:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.subcontent-unit-border-blue:after, .subcontent-unit-border-green:after, .subcontent-unit-border-orange:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.subcontent-unit-noborder-blue:after, .subcontent-unit-noborder-green:after, .subcontent-unit-noborder-orange:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}

.affiche {margin-top:1.0em;}
.affiche a img {padding:2px; border-color:#CCCCCC!important;}

 p:after {content:"."; display:block; height:0; /*clear:both*/; visibility:hidden;}
.footer:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear-contentunit {clear:both; height:0.1em; border:none; background:transparent; /*color:transparent;*/ margin-bottom:1.0em;}
.clear-contentunit2 {clear:both; height:0.1em; border:none; background:transparent; /*color:transparent;*/ margin-bottom:0;}
.points {border:0; border-top:1px dotted #84cde7; clear:both; background:transparent; /*color:transparent;*/ height:0.1em; margin-bottom:1.0em;}

/*.layout1 .clear-contentunit {width:890px;}
.layout2 .clear-contentunit, .layout3 .clear-contentunit {width:690px;}
.layout4 .clear-contentunit, .layout5 .clear-contentunit {width:490px;}
*/

/********************************/
/*  PRINTING and MISCELLANEOUS  */
/********************************/
@media print {.header-top {width:954px; height:80px; background:rgb(240,240,240); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}}
@media print {.header-breadcrumbs {width:954px; background:transparent;}}
@media print {.nav2 {float:left; width:954px; border:none; background:rgb(240,240,240); color:rgb(75,75,75); font-size:1.0em; font-size:130%;}} /*Color navigation bar normal mode*/
@media print {.main {clear:both; width:954px; padding-bottom:30px; background:transparent;}}
@media print {.footer {clear:both; width:954px; height:3.7em; padding:1.1em 0 0; background:rgb(240,240,240); font-size:1.0em; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}}

