/*#contenu { background: #ddd; }
#navigation, #extra { background: green; }*/
body { font-size: 0.8125em; font-family: Arial, sans-serif; color: #333; }
#page { position: relative; width: 75em; margin: 0 auto; text-align: left; }
#conteneur { float: right; width: 75%; margin-top: 1em; overflow: hidden; }
#contenu { float: left; width: 63%; }
#zoneright { float: right; clear: right; width: 34%;   }
#navigation { float: left; clear: left; width: 22%; margin-top: 1em; overflow: hidden; }
#extra { float: left; clear: left; width: 22%; margin-top: 1em; overflow: hidden;}

h1,h2,h3,h4,h5,h6 { font-family: Arial, sans-serif; }
h1 {
font-size: 1.4em;
}

a{
text-decoration: none;
color: #88681f;
}
a:hover{
text-decoration: underline;
color: #ad7f16;
}
a:active{
text-decoration: underline;
color: #ffb102;
}
a:visited{
color: #a8883e;
}
img{
border: 0;
}
acronym{
/* style */
border-bottom: dotted 1px #ddd;
cursor: help;
}
dt{
font-weight: bold;
}

.published{
color: #aaa;
}
/* pagination */
.pagination{
}
.pagination a, .cs_pagination_off{
color: #e18001;
background: #f5f5f5;
text-decoration: none !important;
font-weight: bold;
font-size: 1.3em;
padding: 0 .6em;
margin: 0;
}
.cs_pagination_off{
color: #999 !important;
}
.pagination a:hover{
background: #ccc !important;
color: #fff !important;
}

a { color: #82b424; text-decoration: none; }
a:focus,a:hover,a:active { color: #99cc33; text-decoration: underline; }
#extra{
margin: 3em 0 0 0;
}
#extra h2{
font-weight: bold;
color: #444;
font-size: .9em;
background: #f5f5f5;
padding: .2em .5em;
margin: 0;
}
#extra .menu a{
font-size: .85em;
}
#extra .menu a.on {
font-weight: normal;
font-size: .85em;
text-decoration: underline;
}
#extra .menu h4 {
font-weight: bold;
color: #666;
font-size: .85em;
}

#contenu p{
text-align: justify;
}
.zonemaxwidth{
width: 76.95em;
margin: 0 auto;
text-align: left;
/* style */
/*background: yellow; */
}
#header{
height: 4em;
/* style */
background: #5786b9;
}
#footer{
clear: both;
}

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

#header_wave{
position: absolute;
top: 3.8em;
left: 0;
height: 2.05em;
width: 100%;
background: transparent url('/_images/homepage2/header_wave.png') center center no-repeat;
}

/* logo */
#logo{
top: .4em;
position: absolute;
display: block;
padding: 0 0 0 3em;
}
#slogan{
float: left;
margin: 1em 0 0 0;
}

/* main bar */
#mainbar{
width: 61em;
float: right;
}
#mainbar a#search, #mainbar a#members{
display: block;
padding: 1em 3.5em;
float: left;
text-transform: capitalize;
font-family: Verdana, Arial, sans-serif;
font-style: bold;
color: #fff;
}
#mainbar a#search{
background: transparent url('/_images/homepage2/picto_search.png') left center no-repeat;
}
#mainbar a#members{
background: transparent url('/_images/homepage2/picto_members.png') left center no-repeat;
}

/* accesdirect */
#accesdirect{
width: 90px;
height: 25px;
margin: 0;
padding: 1em 3.5em;
font-weight: normal;
font-size: 0.9em;
color: #ffffff;
border: 0;
background: transparent url('/_images/homepage2/picto_navigation.png') left center no-repeat;
}

/* this is the css for the horizontal version */
.horizontal ul{
margin: 3px 0 0 0;
+margin: 4px 0 0 0;
padding: 0;
list-style-type: none;
/* background: green; */
}
.horizontal li{
float: left;
margin: 0;
+margin: -1px 0 0 0; /* hack IE */
padding: 0;
}
.horizontal li a{
display: block;
color: #5786b9;
text-decoration: none;
width: 163px;
padding: 5px 2px 5px 5px;
font-family: Verdana, Arial, sans-serif;
font-size: .8em;
font-weight: bold;
border-left: dotted 1px #76d7fa;
border-top: dotted 1px #5786b9;
}
.horizontal li li a{
}
.horizontal li ul{
display: block;
position: absolute;
margin: -5px 0 0 1px !important;
+margin: -4px 0 0 1px !important;
width: 170px;
border: none;
/* background: orange; */
}
.horizontal li li ul{
position: absolute;
margin: -25px 0 0 169px !important;
padding: 0;
}
a.single{
background: #7cabde;
}
a.multiple{
background: #7cabde;
font-size: .85em !important;
}
a.single:hover{
background: #69c1e0;
}
a.multiple:hover{
background: #69c1e0;
}
/* This section makes the menu not work in non-javascript enabled browsers by not showing the menu by default-This can be worked around by making top level links point to a sitemap */
/* Not sure if I recommend this or not */
.inaccesible li ul{
display: none;
}
/* colors for menu */
.blackwhite li a{
color: #ffffff;
}


/*---- FOOTER ----*/
#footer .rsslink{
display: none; /* A SUPPRIMER UNE FOIS MEDIARAIL LANCE */
}
#footer_sub1{
height: 10em;
width: 100%;
margin: 0;
z-index: 1;
/* style */
background: #e4f1f6;
color: #000000;
}
#footer_sub1_wave{
position: absolute;
height: 2.7em;
left: 0;
margin: -2.5em 0 0 0;
width: 100%;
background: transparent url('/_images/homepage2/footer_sub1_wave.png') center center no-repeat;
}
#footer_sub2{
height: 10em;
width: 100%;
margin: 0;
/* style */
background: #5786b9;
color: #000000;
z-index: 1;
}
#footer_sub2_wave{
position: absolute;
left: 0;
margin: -2.5em 0 0 0;
height: 2.7em;
z-index: 2;
width: 100%;
background: transparent url('/_images/homepage2/footer_sub2_wave.png') center center no-repeat;
}
#footer ul{
position: relative;
z-index: 10;
}
#footer li{
display: inline;
margin: 0;
padding: 0 12px;
border-left: dotted 1px #82b424;
vertical-align: middle;
}
#footer li a{
color: #99cc33;
}
#footer li a:hover{

}
#footer dl{
position: relative;
z-index: 10;
float: left;
margin: 0 .5em 0 2em;
padding: 1em 0;
}
#footer dt{
margin: 0;
padding: 0;
font-weight: bold;
}
#footer dt a{
color: #4e4d4d;
}
#footer dd{
margin: 0;
padding: 0;
}
#footer dd img{
border: solid .25em #9d9d9d;
}
#helptheplanet{
position: absolute;
margin: -1.4em 0 0 60em;
}
#globe{
float: right;
margin: .5em 0 0 0;
}
#backtopofpage{
font-size: .85em;
font-weight: bold;
font-family: Verdana, Arial, sans-serif;
}
#copyright{
clear: both;
text-align: center;
color: #ffffff;
font-size: .85em;
font-weight: normal;
font-family: Verdana, Arial, sans-serif;
}

/*----- ZONELEFT -----*/

/* menu */
#menudepliant {
margin: 1em 0 0 0;
padding: 0;
}
#menudepliant a.head {
cursor: pointer;
display: block;
margin: 15px 0 0 0;
padding: 4px 15px 4px 10px;
font-family: Verdana, Arial, sans-serif;
font-weight: bold;
font-size: 1em;
color: #5d7c8c;
border-top: solid 2px #f2f9fb;
}
#menudepliant a.head:hover {
text-decoration: none;
color: #99cc33;
}
#menudepliant a.selected {
color: #99cc33;
}
#menudepliant a.current {
}
#menudepliant ul {
border-width: 0;
margin: 0;
padding: 0;
text-indent: 0;
}
#menudepliant li {
list-style: none outside none;
display: inline;
}
#menudepliant li li a {
font-family: Tahoma, Verdana, sans-serif;
display: block;
margin: 5px 0;
text-decoration: none;
font-size: .9em;
color: #2b8bbb;
background: transparent url('/_images/homepage2/accordeon_li_item.png') no-repeat left center;
padding: 0 0 0 24px;
}
#menudepliant li li a:hover {
color: #6d7a3d;
background: transparent url('/_images/homepage2/accordeon_li_item_on.png') no-repeat left center;
}