/* Start of CMSMS style sheet 'Layout: Top menu + 2 columns' */
/*****************
browsers interpret margin and padding a little differently, 
we'll remove all default padding and margins and
set them later on
******************/
* {
margin:0;
padding:0
}

/*****************
basic layout 
*****************/
body {
text-align:left;
font-family:Arial, Verdana, Lucida, serif, sans;
line-height:1.5em;
font-size:79%;
background-color:#9cbd35;
color:#333;
margin:0;
}

/*
set font size for all divs,
this overrides some body rules*/
div {
font-size:1em
}

/*
if img is inside "a" it would have 
borders, we don't want that*/
img {
border:0
}

/* remove underline on hover and change color */
a:hover {
text-decoration:none;
color:#5c4032
}

#fond_body_2 {
background:url("images/header/logo.png") no-repeat center top;
margin:inherit
}
#fond-haut{
background:#fff url("images/header/motif.png") repeat-x left top;
}

/* center wrapper, min max width */
div#pagewrapper {
width:815px;
max-width:80em;
min-width:60em;
color:#000;
background-color:#FFF;
margin:0 auto
}

/*** header ***
we will hide text and replace it with a image
we need to assign a height for it*/
div#header {
height:80px;
background:#385C72
}

div#header h1 a {
background:#385C72 url(images/cms/logo1.gif) no-repeat 0 12px;
display:block;
height:80px;
text-indent:-999em;
text-decoration:none
}

div#search {
float:right;
text-align:left;
margin-bottom:0.3em;
padding-left:15px;
padding-right:15px;
color:#2281a3;
font-size:90%;
background:url("images/title/ombresepartio.png") no-repeat left 45px;
height:60px
}

div#main-news-eco {
margin-left:5px;
margin-right:5px;
font-size:11px;
color:#8bb747;
line-height:1.2em
}

div.breadcrumbs {
font-size:90%;
border-bottom:1px dotted #000;
margin:0 1em;
padding:1em 0 1.2em
}

div#main {
margin-left:19px;
background-color:#fff;
margin-right:0;
height:auto;
color:#58585a;
width:560px
}

div#main-bas-ombre {
height:20px;
background:#fff url("images/title/ombrebasarticle.png") no-repeat 10px top
}

div#sidebar {
float:right;
width:224px;
display:inline;
background:#90c0d2 url("images/header/basdesidebarre.png") no-repeat left bottom;
height:122px
}

div#sidebarre-haut {
float:right;
width:228px
}

/* if sidebar doesnt include menu but content add class="hascontent" */
div#sidebar.hascontent {
width:24%;
padding:0 1%
}

div#footer {
clear:both;
padding-left:227px;
color:#fff
}

div#footer p {
font-size:0.8em;
text-align:center;
margin:0;
padding:1.5em
}

/* as we hid all hr for accessibility we create new hr with extra div element */
div.hr {
height:1px;
margin-bottom:1em;
border-bottom:1px dotted #2281a3
}

div.hr2 {
height:1px;
margin-bottom:1em;
margin-top:1em;
border-bottom:1px dotted #8bb747
}

/* relational links under content */
div.left49 {
float:left;
font-size:0.8em;
width:79%
}

div.right49 {
float:right;
font-size:0.8em;
width:19%;
text-align:right
}

div#mainbottom {
background:#fff url("images/title/fond_connection.png") no-repeat 19px top;
padding-left:45px;
padding-top:12px;
height:45px;
font-size:1em;
color:#fff
}

.buton {
vertical-align:middle;
padding-left:0;
padding-right:0;
border:0
}
div#global-footer{
clear:both;
background:url("images/footer/fond-footer.gif") repeat-x center top
}
div#footer-imprimerie {
height:105px;
font-size:.9em;
color:#65a7bf;
text-align:center;
background:url("images/footer/footer_images.gif") no-repeat center top
}
div#lienrapide{
float:left;
width:80%;
}

div#footer-imprimerie a {
color:#fff;
text-decoration:none
}

/********************
CONTENT STYLING
********************
 HEADINGS */
div#content h1,h2 {
color:#65a7bf;
font-size:1.3em;
text-align:left;
padding-top:10px;
padding-left:20px;
padding-bottom:15px;
line-height:1.5em;
margin-top:5px;
margin-bottom:1em;
background:url("images/title/ombre.png") no-repeat 0 38px
}

div#content h3, h4 {
color:#65a7bf;
font-size:1.2em;
text-align:left;
padding-left:25px;
line-height:1.5em
}

div#content h5, h6 {
color:#65a7bf;
font-size:1.1em;
text-align:left;
padding-left:25px;
line-height:1.5em;
}

/* END HEADINGS 
 TEXT */
p {
text-align:;
color:#58585a;
margin:0 2em 1.5em;
padding:0
}

blockquote {
border-left:10px solid #ddd;
font-size:1em;
margin-left:10px
}

/* Wrapping text in  tags. Makes CSS not validate */
pre {
font-family:monospace;
border:1px solid #000;
background-color:#ddd;
line-height:1.5em;
font-size:90%;
margin:0 1em 1em;
padding:0.5em
}

em,i {
font-style:italic
}

/* END TEXT 
 LISTS */
div#main ul,div#main ol,div#main dl {
font-size:11.5px;
line-height:1.4em;
margin:0 0 1.5em
}

div#main ul li,div#main ol li {
margin:0 0 0.25em 3em
}

div#dl dt {
font-weight:700;
margin:0 0 0.25em 3em
}

div#dl dd {
margin:0 0 0 3em
}

/* END LISTS */
input,textarea {
border:1px solid #9a8a7c;
background-color:#fff;
color:#2281a3
}

input:hover,textarea:hover {
border:1px solid #2281a3;
color:#000
}

fieldset {
border:none;
background-color:#e6e4d7
}

.glossaire {
color:#9a8a7c;
font-size:1.2em;
text-align:left;
margin-right:65px;
margin-left:65px;
height:31px;
background-color:#cdc9ae;
padding-left:10px;
background:url("images/title/barre-glossaire.png") no-repeat 0 0
}

.glossaire-def {
color:#5c4032;
margin-right:65px;
margin-left:65px;
border-left:1px dotted #cdc9ae;
border-bottom:1px dotted #cdc9ae;
border-right:1px dotted #cdc9ae;
padding:10px
}

a,a:link a:active,a:visited {
text-decoration:underline;
color:#2281a3
}

div.breadcrumbs span.lastitem,strong,b {
font-weight:700
}

div#footer p a,div#mainbottom a {
color:#fff
}
/* End of 'Layout: Top menu + 2 columns' */