/* CSS Document */
body {
background-color:#F5F2EC;
padding:0;
margin:0;
height: 100%;
}
html {
height:100%;
}
a {
line-height:9px;
font-size:9px;
text-decoration:none;
color:#7E7463;
font-family:verdana, arial, helvetica, sans-serif;
text-align:justify;
}
a:hover {
font-size:9px;
color:#792100;
font-family:verdana, arial, helvetica, sans-serif;
background-color:#efe7d9;
text-decoration:none;
}
ul {
list-style-type:none;
margin:0;
padding:0;
text-align:justify;
}
li {
background:url(../gfx/decoupe/puce.gif) no-repeat left 5px;
padding:0 0 0 10px;
margin:0 0 4px 0;
}
div#gauche,div#gauche2 {
display:block;
width:201px;
height:625px;
float:left;
}
a#retouracc {
display:block;
width:192px;
height:47px;
margin-top:101px;
margin-left:9px;
}
a#retouracc2 {
display:block;
width:178px;
height:122px;
margin-top:302px;
}
a#retouracc2:hover, a#retouracc:hover {
background:none;
}
div#droite {
position:relative;
top:0;
margin-left:201px;
}
div#haut {
background:url(../gfx/decoupe/haut.gif) no-repeat 1px top;
width:548px;
position:relative;
height:10px;
margin:0;
padding:0;
}
div#hgauche {
background:url(../gfx/decoupe/gauche.gif) no-repeat left top;
display:block;
width:15px;
height:91px;
position:absolute;
left:0;
top:10px;
}
ul#services {
list-style-type:none;
position:absolute;
left:15px;
top:10px;
margin:0;
padding:13px 0 0 0;
width:196px;
height:103px;
display:block;
}
ul#services li {
background:none;
margin:0;
padding:0;
display:inline;
width:170px;
height:12px;
}
ul#services li a {
display:block;
width:170px;
height:12px;
background:url(../gfx/decoupe/services_li.gif) no-repeat left top;
padding:0 0 0 18px;
margin:0;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
color:#777777;
font-weight:bold;
text-transform:uppercase;
text-decoration:none;
}
ul#services li a:hover {
background:url(../gfx/decoupe/services_li_hover.gif) no-repeat left top;
}

ul#navigation {
list-style-type:none;
margin:0;
padding:16px 0 0 8px;
width:219px;
height:104px;
display:block;
position:absolute;
left:211px;
top:10px;
}
ul#navigation li {
background:none;
margin:0;
padding:0;
width:180px;
height:12px;
display:inline;
}

ul#navigation li a {
height:12px;
width:185px;
display:block;
background:url(../gfx/decoupe/navigation_li.gif) no-repeat left 1px;
padding:0 3px 0 12px;
margin:0;
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
color:#777777;
font-weight:bold;
text-transform:uppercase;
text-decoration:none;
}
ul#navigation li a:hover {
background:url(../gfx/decoupe/navigation_li_hover.gif) no-repeat left 1px;
}
ul#navigation li a span {
background:#fff;
padding-right:5px;
}
div#infos {
list-style-type:none;
margin:0;
padding:0;
width:119px;
height:104px;
display:block;
position:absolute;
left:430px;
top:10px;
font-size:10px;
color:#646464;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:justify;
}
div#infos p {
margin:14px 5px 0 0;
display:block;
}
div#infos div#accueil {
margin:9px 0 0 5px;
}
div#infos div#accueil a {
color:#666666;
font-size:8px;
font-family:Arial, Helvetica, sans-serif;
padding:1px 3px 2px 15px;
text-transform:uppercase;
border-right:solid 1px #535353;
background:url(../gfx/decoupe/accueil.gif) no-repeat left top;
}
div#infos div#accueil a:hover {
color:#666666;
}
span.date,span.news {
display:block;
color:#E2B60D;
font-weight:bold;
padding:0;
margin:0 5px 2px 3px;
}
span.news {
margin:7px 0 0 0;
}
div#bgnewsgauche {
background:transparent url(../gfx/decoupe/informer.gif) no-repeat left top;
position:absolute;
left:8px;
top:174px;
display:block;
width:177px;
height:119px;
overflow:hidden;
}
div#newsgauche {
position:absolute;
left:0px;
top:5px;
display:block;
width:177px;
height:95px;
overflow:hidden;
}
div#elementTexte {
position:absolute;
width:160px;
z-index:1;
left:5px;
top:15px;
font-size:10px;
padding-bottom:10px;
color:#fff;
font-family:verdana, arial, helvetica, sans-serif;
text-align:justify;
}
div#scrollmenu {
position:absolute;
width:200px;
height:30px;
z-index:1;
left:15px;
top:278px;
}
div#scrollmenu a#up,div#scrollmenu a#down {
display:block;
width:14px;
height:8px;
border:0;
float:left;
}
div#scrollmenu a#up {
background:url(../gfx/decoupe/up.gif) no-repeat left top;
}
div#scrollmenu a#down {
background:url(../gfx/decoupe/down.gif) no-repeat left top;
}
div#centre {
position:relative;
top:125px;
left:15px;
width:640px;
margin-bottom:100px;
}
div#centrer {
width:550px;
float:left;
margin-bottom:130px;
}
div#centrgauche,div#centrgauche2 {
width:340px;
float:left;
padding-bottom:120px;
}
div#centrgauche2 {
width:367px;
}
h2,h2 a,h2 a:hover {
padding:0;
font-size:10px;
line-height:12px;
font-family:Georgia, "Times New Roman", Times, serif;
margin:0;
margin:0;
display:inline;
padding:0;
}
h2 a img,h2 img {
border:0;
margin:1px 0 0 3px;
}
h2 a, h2 span.nolink,h2 a:hover,h2 a:visited {
float:left;
padding:0 0 0 12px;
text-decoration:none;
color:#fff;
}
h2 a span, h2 span.nolink span {
display:block;
padding:3px 15px 4px 2px;
}
h2.jaune a, h2.jaune span.nolink,h2.jaune a:hover {
background:transparent url(../gfx/rubriques/jaune.jpg) no-repeat left top;
}
h2.jaune a span, h2.jaune span.nolink span {
background:transparent url(../gfx/rubriques/jaune.jpg) no-repeat right top;
}
h2.or a, h2.or span.nolink,h2.or a:hover {
background:transparent url(../gfx/rubriques/or.jpg) no-repeat left top;
}
h2.or a span, h2.or span.nolink span {
background:transparent url(../gfx/rubriques/or.jpg) no-repeat right top;
}
h2.gris a, h2.gris span.nolink,h2.gris a:hover {
background:transparent url(../gfx/rubriques/gris.jpg) no-repeat left top;
}
h2.gris a span, h2.gris span.nolink span {
background:transparent url(../gfx/rubriques/gris.jpg) no-repeat right top;
}
h2.rose a, h2.rose span.nolink,h2.rose a:hover {
background:transparent url(../gfx/rubriques/rose.jpg) no-repeat left top;
}
h2.rose a span, h2.rose span.nolink span {
padding-right:30px;
background:transparent url(../gfx/rubriques/rose.jpg) no-repeat right top;
}
h2.marron a, h2.marron span.nolink,h2.marron a:hover {
background:transparent url(../gfx/rubriques/marron.jpg) no-repeat left top;
}
h2.marron a span, h2.marron span.nolink span {
padding-right:30px;
background:transparent url(../gfx/rubriques/marron.jpg) no-repeat right top;
}
h2.vert a, h2.vert span.nolink,h2.vert a:hover {
background:transparent url(../gfx/rubriques/vert.jpg) no-repeat left top;
}
h2.vert a span, h2.vert span.nolink span {
padding-right:30px;
background:transparent url(../gfx/rubriques/vert.jpg) no-repeat right top;
}
h2.ros a, h2.ros span.nolink,h2.ros a:hover {
background:transparent url(../gfx/rubriques/ros.jpg) no-repeat left top;
}
h2.ros a span, h2.ros span.nolink span {
padding-right:30px;
background:transparent url(../gfx/rubriques/ros.jpg) no-repeat right top;
}
h2.ciel a, h2.ciel span.nolink,h2.ciel a:hover {
background:transparent url(../gfx/rubriques/ciel.jpg) no-repeat left top;
}
h2.ciel a span, h2.ciel span.nolink span {
padding-right:30px;
background:transparent url(../gfx/rubriques/ciel.jpg) no-repeat right top;
}
h2.orang a, h2.orang span.nolink,h2.orang a:hover {
background:transparent url(../gfx/rubriques/orang.jpg) no-repeat left top;
}
h2.orang a span, h2.orang span.nolink span {
padding-right:30px;
background:transparent url(../gfx/rubriques/orang.jpg) no-repeat right top;
}
h2.jaun a, h2.jaun span.nolink,h2.jaun a:hover {
background:transparent url(../gfx/rubriques/jaun.jpg) no-repeat left top;
}
h2.jaun a span, h2.jaun span.nolink span {
padding-right:30px;
background:transparent url(../gfx/rubriques/jaun.jpg) no-repeat right top;
}
h2.rose,h2.marron,h2.vert,h2.ros,h2.orang,h2.jaun,h2.ciel {
position:absolute;
right:0;
top:0;
}
h2.orange a, h2.orange span.nolink,h2.orange a:hover {
background:transparent url(../gfx/rubriques/orange.jpg) no-repeat left top;
}
h2.orange a span, h2.orange span.nolink span {
background:transparent url(../gfx/rubriques/orange.jpg) no-repeat right top;
}
h2.bleu a, h2.bleu span.nolink,h2.bleu a:hover {
background:transparent url(../gfx/rubriques/bleu.jpg) no-repeat left top;
}
h2.bleu a span, h2.bleu span.nolink span {
background:transparent url(../gfx/rubriques/bleu.jpg) no-repeat right top;
}
h2.marine a, h2.marine span.nolink,h2.marine a:hover {
background:transparent url(../gfx/rubriques/marine.jpg) no-repeat left top;
}
h2.marine a span, h2.marine span.nolink span {
background:transparent url(../gfx/rubriques/marine.jpg) no-repeat right top;
}
h2.prune a, h2.prune span.nolink,h2.prune a:hover {
background:transparent url(../gfx/rubriques/prune.jpg) no-repeat left top;
}
h2.prune a span, h2.prune span.nolink span {
background:transparent url(../gfx/rubriques/prune.jpg) no-repeat right top;
}
/* Commented Backslash Hack hides rule from IE5-Mac */
h2 {float:none;}
/* End IE5-Mac hack */

div.jaune {
border:#D6BD18 solid 1px;
}
div.orange {
border:#CD6804 solid 1px;
}
div.bleu {
border:#2094C3 solid 1px;
}
div.gris {
border:#858BA3 solid 1px;
}
div.marine {
border:#4069B5 solid 1px;
}
div.rose {
border:#D8B28C solid 1px;
}
div.ros {
border:#E1A7A7 solid 1px;
}
div.ciel {
border:#B1B7D7 solid 1px;
}
div.marron {
border:#C7BBAA solid 1px;
}
div.vert {
border:#B3C799 solid 1px;
}
div.prune {
border:#906060 solid 1px;
}
div.jaune,div.orange,div.bleu,div.or,div.gris,div.marine,div.prune {
clear:both;
width:334px;
background:#FAF9F6;
font-size:10px;
padding:3px 3px 5px 3px;
color:#646464;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:justify;
margin:0 0 20px 0;
}
div#centrdroite div.jaune,div#centrdroite div.orange,div#centrdroite div.bleu,div#centrdroite div.gris,div#centrdroite div.marine,div#centrdroite div.prune {
width:196px;
}
div#centrdroite div.or {
width:194px;
}
div.or {
border:#E3C052 solid 2px;
background:#F8F4EA;
}
div.rose {
background:#F1E4D8;
width:168px;
_width:170px;
}
div.rose p,div.marron p,div.vert p,div.ros p,div.ciel p {
color:#646464;
font-size:10px;
text-align:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
margin:2px 10px 2px 2px;
}
div.marron {
background:#E0DDD8;
width:168px;
_width:170px;
}
div.vert {
background:#D9E3CC;
width:168px;
_width:170px;
}
div.ciel {
background:#B1B7D7;
width:168px;
_width:170px;
}
div.ros {
background:#F2DBDB;
width:168px;
_width:170px;
}
div#recherche {
padding-top:8px;
}
div#recherchet {
padding-top:2px;
background:#ECE2C6;
}
div#recherchet p {
padding:2px 0 2px 0;
}
div#recherchet p a {
background:url(../gfx/divers/flech.gif) no-repeat left 5px;
display:block;
margin:1px 0 1px 3px;
padding:2px 0 2px 10px;
float:left;
clear:left;
color:#461300;
}
div#recherchet p a:hover {
color:#8C826F;
}
div#projets {
padding-top:4px;
}
div#liens {
padding-top:4px;
}
div#liens p {
padding-top:0px;
}
div#inform {
padding:2px 0 2px 3px;
}
div#inform p {
padding:2px 0 2px 0;
}
div#inform p a {
display:block;
margin:1px 0 1px 0;
padding:2px 0 2px 0 ;
float:left;
clear:left;
}
div#recherche form {
margin:0;
padding:0;
}
div#agendadiv {
border:0px;
padding:0;
}
div.jaune p,div.orange p,div.bleu p,div.or p,div.gris p,div.marine p,div.prune p {
text-align:left;
padding:10px 0 0 0;
margin:0;
}
div.imagedroite {
float:right;
margin:2px 2px 0 5px;
}
div.imagegauche {
float:left;
margin:10px 5px 2px 0px;
}
div.imagegauch {
float:left;
margin:5px 5px 2px 0px;
}
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */
p.centrer {
width:50%;
float:left;
clear:right;
}
span.sep {
background:url(../gfx/decoupe/bourbon.gif) repeat-x left top;
width:100%;
display:block;
border:0;
height:5px;
margin:0;
padding:0;
clear:both;
_margin-bottom:-6px;
}
span.bleu {
color:#1b8dbd;
}
span.violet {
color:#858BA3;
}
div#centrdroite,div#centrdroite2 {
position:relative;
left:10px;
top:0;
float:left;
padding-bottom:120px;
}
div#centrdroite2 {
border-left:#AAA091 1px solid;
padding-left:6px;
}
.champ {
border: 1px solid #917528;
background-color: #EFE7D1;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
color: #461300;
width:150px;
}
#main {
position: relative;
min-height: 70%;
width:850px;
}
* html #main {
height: 70%;
}
div#bas {
position: relative;
background:transparent url(../gfx/decoupe/mont.gif) repeat-x right bottom;
display:block;
clear:both;
width:100%;
height:146px;
left:0;
}
div#footer {
position: relative;
margin:20px 0 0 0;
display:block;
height:146px;
width:773px;
}
div#footer p {
margin:10px 0 0 0;
padding:0 0 0 2px;
float:left;
color:#646464;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:justify;
font-size:10px;
}
div#footer p a {
color:#646464;
}
div#footer p.right {
float:right;
}
img.alignc {
margin:0 2px 2px 0;
}
img.aligncd {
margin:0 8px 2px 0;
}
h3 {
margin:0 0 10px 0;
background:url(../gfx/decoupe/ligne.gif) repeat-x left center;
width:553px;
}
h3 span, h3 span a.titr, h3 span a.titr:hover{
font-family:"Times New Roman", Times, serif;
color:#792100;
font-size:23px;
background:#F5F2EC;
padding-right:3px;
text-decoration:none;
}
h4 {
margin:0 0 0 3px;
color:#792100;
font-size:12px;
display:inline;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
div.news {
width:95%;
margin:0 0 70px 5px;
}
div.news p {
color:#646464;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:justify;
padding:0 0 5px 5px;
margin:10px 0 0 0;
}
div.news span.ville{
color:#646464;
font-family:Verdana, Arial, Helvetica, sans-serif;
float:left;
font-size:10px;
margin:30px 0 0 0;
padding:0;
}
div.news span.date {
color:#646464;
font-weight:bold;
float:right;
font-size:9px;
margin:30px 0 0 0;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding:0;
}
h2.float {
float:right;
margin-right:88px;
}
h3.float {
float:left;
margin-top:3px;
}
span.blanc {
display:block;
padding:5px 0 6px 8px;
margin:8px 0 0 0;
width:170px;
background:url(../gfx/rubriques/blanc.jpg) no-repeat left top;
}
span.blanc,span.blanc a,span.blanc a:hover {
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
color:#D7B18B;
}
span.blanc a.marron,span.blanc a.marron:hover {
color:#AAA091;
}
span.blanc a.vert,span.blanc a.vert:hover {
color:#88A860;
}
span.blanc a.ros,span.blanc a.ros:hover {
color:#CC6666;
}
span.blanc a,span.blanc a:hover {
background:none;
}
p {
color:#646464;
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:justify;
}
span.stitre {
margin:5px 60px 0 0;
padding:0;
width:160px
}
span.strose,span.stmarron,span.stvert,span.stros {
height:12px;
display:block;
padding:0 0 0 0;
margin:0 0 0 0;
}
span.strose span,span.stmarron span,span.stvert span,span.stros span {
font-size:9px;
font-family:Georgia, "Times New Roman", Times, serif;
color:#fff;
line-height:9px;
height:12px;
display:block;
padding:1px 0 0 10px;
margin:0 50px 0 5px;
}
span.strose {
background:transparent url(../gfx/rubriques/sr_rose_right.gif) no-repeat right top;
}
span.strose span {
background:url(../gfx/rubriques/sr_rose_left.gif) no-repeat left top;
}
span.stmarron {
background:transparent url(../gfx/rubriques/sr_marron_right.gif) no-repeat right top;
}
span.stmarron span {
background:url(../gfx/rubriques/sr_marron_left.gif) no-repeat left top;
}
span.stvert {
background:transparent url(../gfx/rubriques/sr_vert_right.gif) no-repeat right top;
}
span.stvert span {
background:url(../gfx/rubriques/sr_vert_left.gif) no-repeat left top;
}
span.stros {
background:transparent url(../gfx/rubriques/sr_ros_right.gif) no-repeat right top;
}
span.stros span {
background:url(../gfx/rubriques/sr_ros_left.gif) no-repeat left top;
}
span.barre {
display:block;
height:3px;
width:113px;
background:url(../gfx/decoupe/barre.gif) no-repeat left top;
}
span#footimg {
display:block;
height:70px;
width:773px;
background:url(../gfx/bando/montlucon.gif) no-repeat left top;
}
a.flechgr {
background:url(../gfx/divers/flechgrise.gif) no-repeat left 4px;
padding:0 5px 0 6px;
margin:0;
line-height:10px;
}
h5	 {
width:99%;
font-family:Arial, Helvetica, sans-serif;
margin:0;
font-size:15px;
display:block;
height:20px;
padding-left:5px;
}
h5.ros	 {
background:#F1E4D8;
color:#BE8F5F;
border-right:1px solid #BE8F5F;
border-bottom:1px solid #BE8F5F;
border-left:1px solid #E7CDB4;
border-top:1px solid #E7CDB4;
}
h5.rose	 {
background:#F5E2E2;
color:#D66363;
border-right:1px solid #D66363;
border-bottom:1px solid #D66363;
border-left:1px solid #E5B2B2;
border-top:1px solid #E5B2B2;
}
h5.jaun	 {
background:#FBF6E6;
color:#736A5B;
border-right:1px solid #918675;
border-bottom:1px solid #918675;
border-left:1px solid #C5BEB4;
border-top:1px solid #C5BEB4;
}
h5.vert	 {
background:#D9E3CC;
color:#86A55E;
border-right:1px solid #86A55E;
border-bottom:1px solid #86A55E;
border-left:1px solid #B9CBA0;
border-top:1px solid #B9CBA0;
}
h5.ciel	 {
background:#E0E1E9;
color:#878DB2;
border-right:1px solid #80869E;
border-bottom:1px solid #80869E;
border-left:1px solid #A3A7B9;
border-top:1px solid #A3A7B9;
}
ul.smenu {
width:550px;
margin-bottom:10px;
}
ul.smenu li a,ul.smenu li span {
font-size:10px;
font-family:Verdana, Arial, Helvetica, sans-serif;
line-height:12px;
padding:0 28px 0 0;
height:12px;
display:block;
float:left;
color:#792100;
}
ul.smenu li a:hover {
text-decoration:underline;
}
ul.smenu li {
height:12px;
display:block;
float:left;
padding:0 0 0 7px;
margin:0 5px 5px 0;
}
ul.rose li {
background:url(../gfx/rubriques/sm_rose_left.gif) no-repeat left top;
}
ul.rose li a,ul.rose li span {
background:url(../gfx/rubriques/sm_rose_right.gif) no-repeat right top;
}
ul.marron li {
background:url(../gfx/rubriques/sm_marron_left.gif) no-repeat left top;
}
ul.marron li a {
background:url(../gfx/rubriques/sm_marron_right.gif) no-repeat right top;
color:#000;
}
ul.vert li {
background:url(../gfx/rubriques/sm_vert_left.gif) no-repeat left top;
}
ul.vert li a {
background:url(../gfx/rubriques/sm_vert_right.gif) no-repeat right top;
color:#000;
}
ul.ros li {
background:url(../gfx/rubriques/sm_ros_left.gif) no-repeat left top;
}
ul.ros li a,ul.ros li span {
background:url(../gfx/rubriques/sm_ros_right.gif) no-repeat right top;
color:#000;
}
ul.ciel li {
background:url(../gfx/rubriques/sm_ciel_left.gif) no-repeat left top;
}
ul.ciel li a {
background:url(../gfx/rubriques/sm_ciel_right.gif) no-repeat right top;
color:#000;
}