body{
font: 12px Arial, Helvetica, sans-serif;
background-color: #ffffff;
margin: 10px; 
padding: 0;
text-align: justify;
color: #333333;
}

a{
text-decoration: none;
color: #ba5648;
}
a:hover{
text-decoration: none;
color: #45a9b7;
}
img{
border: none;
}
#page {
position: relative;
width: 1000px; 
margin: 0 auto; 
text-align: justify; 
}

#header{
height: 217px;
border-bottom: solid #b4b9ca 4px;
}

#logo{
margin: 0;
padding: 0;
width: 320px;
height: 180px;
float: left;
background: transparent url(charte/ccbcg.gif) 98px 22px no-repeat;
}
#logo li, #logo li a {
display: block;
margin: 0;
padding: 0;
width: 320px;
height: 175px;
list-style-type: none;
}
#logo li a{
border-top: solid 0.1px #ffffff;
}

#bandeau{
float: right;
height: 166px;
margin-top: 25px;
padding-bottom: 1px;
}

#header img{
margin: 0; 
padding: 0;
display: block;
}

#header #bandeau_ico{
width: 30px;
height: 24px;
float: right;
margin-top: -18px;
margin-right: 5px
}

#search{
position: absolute;
top: 0;
left: 329px;
width: 181px;
height: 35px;
margin: 0; 
padding: 0;
padding-top: 7px;
padding-left: 490px;
background: transparent url(charte/search_background.png) bottom right no-repeat;
}

#search #keyword{
font-size: 11px;
color: #666666;
margin-left: 23px;
}

#search #rech_sub{
cursor: pointer;
width: 23px;
height: 20px;
border: 0;
background: transparent url(charte/search.gif) top left no-repeat;
}

#ariane{
border-bottom: solid 1px #b4b9ca;
color: #9a9fb0;
padding-top: 7px;
padding-bottom: 7px;
}
#titre{
float: right;
padding: 0;
margin: 0;
margin-top: 14px;
padding-left: 20px;
padding-right: 20px;
background-color: #ffffff;
color: #b4b9ca;
font-size: 22px;
}

#accueil_contenu{
width: 820px;
float: left;
margin-top: 20px;
}

#contenu{
width: 580px;
float: left;
margin-top: 20px;
}

#carte{
float: left;
margin-top: 10px;
margin-left: 10px;
}

#en_img_acc{
/*float: right;*/
margin: 0;
padding: 0;
width: 218px;
margin-right: 7px;
margin-top: 25px !important;
}

#left_col{
width: 218px;
float: left;
margin-right: 20px;
}

#une{
width: 218px;
background: transparent url(charte/une_bg.gif) bottom left no-repeat;
margin: 0;
padding: 0;
margin-top: 15px;
margin-bottom: 15px;

}

#une h1{
font-size: 22px;
color: #45a9b7;
background: transparent url(charte/une_h1.gif) 0 15px no-repeat;
margin: 0;
padding: 0;
padding-left: 14px;
display: block;
}
#une img{
margin-left: 10px;
}
#une .une_content{
font-size: 11px;
padding: 10px;
display: block;
}
#une .titre{
margin: 0;
padding-bottom: 5px;
font-size: 12px;
color: #ba5648;
font-weight: bold;
text-align: left;
}
#une .soustitre{
color: #666666;
margin: 0;
padding: 0;
font-weight: bold;
}
#une a{
color: #333333;
}

#en_images, #en_img_acc{
float: right;
margin-top: 15px;
width: 196px;
border: solid 1px #cacedb;
padding: 11px;
padding-bottom: 0;
}

#en_images h1, #en_img_acc h1{
position: absolute;
margin-top: -25px;
background-color: #ffffff;
padding-left: 8px;
padding-right: 8px;
margin-left: -5px;
}

#zoom{
overflow: hidden;
width: 780px;
height: 230px;
background: #a7adbd url(charte/zoom_bottom.jpg) top left no-repeat;
/*border: solid 1px #cacedb;*/
margin-top: 15px;
margin-bottom: 10px;
padding: 15px;
padding-top: 40px;
}
#zoom .zoom_content{
display: block;
overflow: hidden;
width: 461px;
height: 198px;
}
#zoom a .zoom_content{
color: #ffffff;
cursor: pointer;
}
#zoom a:hover{
color: #333333;
cursor: pointer;
}

#zoom h1{
font-size: 22px;
color: #45a9b7;
margin: 0;
padding: 0;
padding-left: 14px;
background-color: #ffffff;
display: inline;
position: absolute;
margin-top: -33px;
left: 10px;
padding-right: 12px;
}
#zoom img{
margin-right: 15px;
float: left;
border: solid 2px #ffffff;
}
#zoom .titre{
margin: 0;
padding-bottom: 5px;
font-size: 13px;
color: #6d717d;/*#ba5648;*/
font-weight: bold;
text-align: left;
}
#actu_titre{
font-size: 22px;
color: #45a9b7;
margin: 0;
padding: 0;
padding-left: 14px;
background-color: #ffffff;
display: inline;
position: absolute;
margin-top: -18px;
left: 10px;
padding-right: 12px;
font-weight: bold;
}

.block_actu{
margin: 0;
padding: 10px;
margin-top: -1px;
margin-right: 20px;
/*border-top: solid 1px #cacedb;
border-bottom: solid 1px #cacedb;*/
width: 370px;
height: 60px;
overflow: hidden;
float: left;
}
.block_actu img{
float: left;
border: none;
margin-right: 10px;
}
.block_actu a{
color: #333333;
font-size: 11px;
}
.block_actu .titre_actu{
margin: 0;
padding-bottom: 2px;
font-size: 12px;
color: #b87946;
font-weight: bold;
text-align: left;
}
.block_actu a:hover .titre_actu{
color: #ba5648;
}
.block_actu .soustitre_actu{
margin: 0;
padding: 0;
font-weight: bold;
text-align: left;
}
.block_actu .bref_content{
display: block;
overflow: hidden;
height: 60px;
}
.block_actu a .bref_content{
color: #333333;
cursor: pointer;
}
.block_actu a:hover .bref_content{
color: #29636B;
}

#right_col{
width: 160px;
float: right;
}

#right_col #communes_form{
margin: 0; 
padding: 0;
}

#right_col #communes_form #communes{
margin: 0; 
padding: 0;
margin-top: 15px;
width: 160px;
}

#right_col #agenda{
position: relative;
font-size: 11px;
margin-top: 15px;
margin-bottom: 15px;
padding: 5px;
width: 150px;
background: #c0c7d8 url(charte/right_menu_bg.gif) bottom left repeat-x;
text-align: left;
}
#right_col #agenda a{
color: #ffffff;
}
#right_col #agenda a:hover{
color: #ba5648;
}
#right_col #agenda h1{
font-size: 20px;
margin: -5px;
margin-bottom: 5px;
padding: 0;
background-color: #378791;
display: block;
text-align: center;
}
#right_col #agenda h1 a, #right_col #agenda h1 a:hover{
color: #ffffff;
}
#right_col #agenda .titre{
font-size: 12px;
color: #666666;
margin: 0;
padding: 0;
padding-top: 5px;
left: 10px;
}
#right_col #agenda .titre a{
color: #ffffff;
}

#propo_actu{
background-color: #378791;
margin: -5px;
margin-top: 5px;
padding: 4px;
font-weight: bold;
font-size: 13px;
text-align: center;
}
#agenda #propo_actu a{
color: #ffffff;
}
#agenda #propo_actu a:hover{
color: #333333 !important;
}

#right_menu{
width: 160px;
background: #c0c7d8 url(charte/right_menu_bg.gif) bottom left repeat-x;
border-top: solid #6d717d 4px;
margin: 0;
padding: 0;
margin-top: 15px;
padding-top: 5px;
margin-bottom: 15px;
}
#right_menu ul{
background: transparent url(charte/right_menu_colors.gif) 70px top no-repeat;
margin: 0;
padding: 0;padding-top: 7px;
}
#right_menu li{
font-weight: bold;
list-style-type: none;
padding: 2px;
margin-bottom: 0;
}
#right_menu li a{
display: block;
margin: 0;
padding: 0;
list-style-type: none;
padding-bottom: 1px;
padding-top: 2px;
padding-left: 0;
margin-right: 10px;
margin-left: 10px;
color: #ffffff !important;
text-decoration: none;
border-bottom: solid #969cab 1px;
}

#right_menu li a:hover{
color: #6d717d !important;
text-decoration: none;
}





#newsletter{
text-align: left;
font-size: 11px;
color: #ffffff;
padding-left: 10px;
}
#newsletter h1{
display: block;
text-align: left;
padding: 0;
margin: 15px 0 5px 0;
/*color: #6d717d !important;*/
font-size: 14px;
}
#newsletter #textfield{
margin-top: 5px;
margin-bottom: 10px;
width: 133px;
color: #6d717d;
font-size: 11px;
}

#votre_avis{
background-color: #378791;
margin: 0;
margin-top: 5px;
margin-bottom: 15px;
padding: 4px;
font-weight: bold;
font-size: 13px;
text-align: center;
}
#votre_avis a{
color: #ffffff;
}
#votre_avis a:hover{
color: #333333 !important;
}

#credit_photo{
margin: 5px;
font-size: 12px;
color: #666666;
}
#credit_photo ul{
padding: 0;
margin: 5px 0 0 10px;
font-size: 11px;
list-style-type: none;
}
#credit_photo li a{
text-decoration: underline;
color: #666666;
}
#credit_photo li a:hover{
text-decoration: none;
color: #666666;
}

#footer{
clear: both;
font-size: 11px;
padding-top: 5px;
height: 20px;
text-align: center;
color: #ffffff;
background-color: #a7adbd;
border-top: solid #378791 4px;
}

#ap {
margin: 0;
margin-top: 10px;
font-size: 10px;
float: right;
}
#ap a{
color: #959aae;
}
#ap a:hover{
color: #333333;
}

/* ###################################################################################### */
#menu {
clear: both;
background: transparent url(charte/menu.gif) top left no-repeat;
position: relative;
display: block;
z-index: 15;
margin:0;
padding:0;
width: 1000px;
height: 25px;
}

#menu dt a{
margin: 0;
float: left;
display: inline;
height: 25px;
}
#menu dt a:hover{
float: left;
display: inline;
height: 25px;
}
#menu dd{
position: absolute;
display: none;
margin:0;
padding:0;
top: 0;
left: 0px;
text-align: left;
}


#menu dd dd{
left: 100%;
margin-top: -8px;
}
#menu dd dd li, #menu dd dd li a {
font-size: 11px;
color: #666666;
}
#menu dd dd ul {
border-top: none;
border-right: none;
border-bottom: none;margin-left: 0;
}
#menu dd dd li a:hover {
color: #ffffff;
background-color: #b4b9ca;
}

#menu ul {
white-space: nowrap;
display: block;
border-top: 0;
margin:0;
margin-top: 25px;
padding:0;left: 0;
position: absolute;
}

#menu li, #menu li a {
display: block;
font-family: Arial, Verdana;
font-size: 12px;
color: #ffffff;
list-style-type: none;
/*text-indent: 10px;*/
margin: 0;
padding: 0;
text-decoration: none;
}
#menu li a{
padding: 1px;
padding-left: 10px;
padding-right: 10px;
}
#menu li a:hover {
color: #333333;
}

#menu dt a {
background: transparent url(charte/menu.gif) top left no-repeat;
}

#menu_1 a {
width: 124px;
}
#menu_1 a:hover {
background-position: 0 -25px;
}

#menu #menu_2 a {
width: 86px;
background-position: -124px 0px;
}
#menu #menu_2 a:hover {
background-position: -124px -25px;
}

#menu #menu_3 a {
width: 119px;
background-position: -210px 0px;
}
#menu #menu_3 a:hover {
background-position: -210px -25px;
}

#menu #menu_4 a {
width: 144px;
background-position: -329px 0px;
}
#menu #menu_4 a:hover {
background-position: -329px -25px;
}

#menu #menu_5 a {
width: 119px;
background-position: -473px 0px;
}
#menu #menu_5 a:hover {
background-position: -473px -25px;
}
#menu #menu_6 a {
width: 137px;
background-position: -592px 0px;
}
#menu #menu_6 a:hover {
background-position: -592px -25px;
}

#menu #menu_7 a {
width: 97px;
background-position: -729px 0px;
}
#menu #menu_7 a:hover {
background-position: -729px -25px;
}

#menu #menu_8 a {
width: 74px;
background-position: -826px 0px;
}
#menu #menu_8 a:hover {
background-position: -826px -25px;
}

#menu #menu_9 a {
width: 100px;
background-position: -900px 0px;
}
#menu #menu_9 a:hover {
background-position: -900px -25px;
}

#s_menu1 ul {
background-color: #ff00c6;
}
#s_menu1 dd ul, #s_menu1 li a:hover {
background: #ff99e8;
}
#s_menu2 ul {
margin-left: 124px;
background-color: #ff3833;
}
#s_menu2 dd ul, #s_menu2 li a:hover {
background: #ffafad;
}
#s_menu3 ul {
margin-left: 210px;
background-color: #ff8033;
}
#s_menu3 dd ul, #s_menu3 li a:hover {
background: #ffccad;
}
#s_menu4 ul {
margin-left: 329px;
background-color: #ffd200;
}
#s_menu4 dd ul, #s_menu4 li a:hover {
background: #ffed99;
}
#s_menu5 ul {
margin-left: 473px;
background-color: #d0ca2a;
}
#s_menu5 dd ul, #s_menu5 li a:hover {
background: #eceaaa;
}
#s_menu6 ul {
margin-left: 592px;
background-color: #479d19;
}
#s_menu6 dd ul, #s_menu6 li a:hover {
background: #b5d8a3;
}
#s_menu7 ul {
margin-left: 729px;
background-color: #0f7685;
}
#s_menu7 dd ul, #s_menu7 li a:hover {
background: #9fc8ce;
}
#s_menu8 ul {
margin-left: 790px;
background-color: #3e1fc1;
}
#s_menu8 dd ul, #s_menu8 li a:hover {
background: #b2a5e6;
}
#s_menu9 ul {
margin-left: 900px;
background-color: #7d078f;
}
#s_menu9 dd ul, #s_menu9 li a:hover {
background: #cb9cd2;
}
/* ###################################################################################### */

h1, h2{
display: inline;
}
h1, .titre{
font-size: 18px;
color: #45a9b7;
font-weight: bold;
margin-bottom: 8px;
text-align: left;
}
h2, .soustitre{
font-size: 15px;
color: #ba5648;
font-weight: bold;
margin-top: 5px;
margin-bottom: 5px;
}
h1{
margin-top: 8px;
}
.trait{
width: 80%;
margin-left: 10%;
height: 15px;
border-bottom: solid 1px #cacedb;
clear: both;
}