/* Styles par defaut
______________________________________________________________ */
body {
background:#FFFFFF url(../iso_icons/bg-body.gif) repeat-x scroll center top;
font-family:Arial,sans-serif;
font-size:13px;
line-height:18px;
}
p, ul, ol {
margin-bottom:5px;
}
ul {
list-style-type:square;
margin-left:2em;
}
h1 {
font-size:28px;
line-height:36px;
margin-bottom:18px;
font-family:trebuchet MS;
}
h2 {
font-size:22px;
line-height:22px;
margin:0 0 22px 0;
}

h3 {
font-size:12px;
line-height:18px;
}

.intro {font-weight:bold;color:#2e988e;}
.left {float:left;margin:0 15px 15px 0;}
.right {float:right;margin:0  0 15px 15px;}

a:link, a:visited {color:#2DA4C5;text-decoration:underline;}
a:hover, a:active {color:#2DA4C5;text-decoration:none;}
a:link.savoirplus, a:visited.savoirplus{font-weight:bold;color:#fff;width:auto;padding:2px 10px;background:#4B8EA9;text-decoration:none;margin:10px 0 0 0;}
a:hover.savoirplus, a:active.savoirplus{text-decoration:underline;}

/* container
______________________________________________________________ */

#container {
width:907px;
margin:0 auto;
position:relative;
}

/* header
______________________________________________________________ */

#header {
background:transparent url(../iso_icons/bg-bandeau.jpg) no-repeat scroll 0px 0px;
height:161px;
position:relative;
}

#header h1 {
background:transparent url(../iso_icons/logo-flamant-vert.png) no-repeat scroll right top;
height:89px;
left:65px;
margin:0;
padding:0;
position:absolute;
top:220px;
width:77px;
}

#header h1  a {
display:block;
width:43px;
height:50px;
text-indent:-9999em;
}

#header h2 {
background:transparent url(../iso_icons/logo-algue-bleu-des-andes.png) no-repeat scroll right top;
height:93px;
left:-37px;
margin:0;
padding:0;
position:absolute;
text-indent:-9999em;
top:106px;
width:300px;
}

/* sidebar
______________________________________________________________ */

#sidebar {
float:left;
margin:19px 0 0 6px;
width:217px;
font-size:12px;
}

#sidebar .cadre {
background:transparent url(../iso_icons/bg-sidebar-cadre.jpg) repeat-x scroll left top;
border:1px solid #DDDDDD;
margin:0 0 15px;
padding:0 0 0 0;
}

#sidebar .inner_cadre {
margin:38px 10px 10px 10px;
}

#sidebar .cadre span.fin_cadre {
background:transparent url(../iso_icons/bg-sidebar-cadre-fin.jpg) repeat-x scroll left top;
height:6px;
font-size:1px;
padding:0;
margin:0;
display:block;
position:absolute;
margin:-5px 0 0 -1px;
width:217px;
}

#sidebar .cadre h2{
background:transparent url(../iso_icons/bg-sidebar-h2.jpg) no-repeat scroll left top;
color:#FFFFFF;
font-size:12px;
height:28px;
line-height:30px;
margin:-1px 0 0 -1px;
position:absolute;
text-indent:14px;
text-transform:uppercase;
width:217px;
padding:0 0 0 0;
}

#sidebar .cadre ul {
list-style-type:none;
margin:0;
padding:5px;
}

#sidebar .cadre ul li {
border-bottom:1px solid #DDDDDD;
margin:0;
padding:4px 0 0;
}

#sidebar .cadre ul li a:link,
#sidebar .cadre ul li a:visited {
text-decoration:none;
font-size:12px;
color:#373737;
font-weight:bold;
text-transform:uppercase;
}

#sidebar .cadre ul li a:hover,
#sidebar .cadre ul li a:active {
text-decoration:none;
color:#888;
}

#sidebar #cadre_zoom .inner_cadre {
text-align:center;
}

#sidebar #cadre_zoom .inner_cadre p {
text-align:left;
}

#sidebar #cadre_zoom h3 a:link,
#sidebar #cadre_zoom h3 a:visited {
color:#2da4c5;
}

#sidebar #cadre_zoom h3 a:hover,
#sidebar #cadre_zoom h3 a:active {
color:#2da4c5;
}


/* content
______________________________________________________________ */

#content {
margin:78px 0 0 246px;
width:635px;
}

#content h1 {
border-bottom:1px solid #BAE2EA;
color:#2DA4C5;
font-family:trebuchet MS;
font-weight:normal;
padding:10px 0 5px 5px;
}


#content h2 {
border-bottom:1px solid #BAE2EA;
color:#2DA4C5;
font-family:trebuchet MS;
font-style:italic;
font-weight:normal;
padding:10px 0 5px 5px;
}

#content h2 a:link,
#content h2 a:visited,
#content h2 a:hover,
#content h2 a:active {
color:#2DA4C5;
text-decoration:none;
}

#content h3 {
font-weight:bold;
color:#2e988e;
margin:16px 0 10px 0;
font-size:13px;
}

#content h3 a:link,
#content h3 a:visited {
font-weight:bold;
color:#2e988e;
text-decoration:none;
}

#content h3 a:hover,
#content h3 a:active {
color:#2e988e;
text-decoration:underline;
}

/*Actus */

#content .actualites {
margin:24px 0 0 0;
}

#content .actus {
margin:10px 0 0 0;
}


#content .actus img {
float:left;
padding:2px;
border:1px solid #ddd;
margin:0 15px 15px 0;
}

/* raccourcis
______________________________________________________________ */

#raccourcis {
position:absolute;
top:0;
right:30px;
background:transparent url(../iso_icons/bg-raccourcis.gif) no-repeat scroll left top;
width:244px;
text-align:center;
}

#raccourcis ul {
margin:0 0 0 15px;
padding:0;
list-style-type:none;

}

#raccourcis ul li {
margin:0 10px 0 0;
padding:0;
display:inline;
}

#raccourcis ul li a:link,
#raccourcis ul li a:visited {
text-decoration:none;
font-family:arial;
font-size:11px;
color:#3c98af;
font-weight:bold;
}

#raccourcis ul li a:hover,
#raccourcis ul li a:active {
text-decoration:underline;
}


/*Partenaires */

#content .partenaires {
background:#FFFFFF none repeat scroll 0 0;
display:block;
float:right;
margin:20px 0 10px 10px;
width:220px;
}

/* footer
______________________________________________________________ */

#footer {
background:#FFFFFF url(../iso_icons/bg-footer.jpg) repeat-x scroll left bottom;
clear:both;
color:#4593AA;
font-size:12px;
height:70px;
padding-top:40px;
text-align:center;
}

#footer a:link,
#footer a:visited {
color:#4593aa;
text-decoration:none;
}

#footer a:hover,
#footer a:active {
color:#4593aa;
text-decoration:underline;
}

#footer ul {
list-style-type:none;
padding:0;
width:800px;
margin:0 auto;
}

#footer ul li {
display:inline;
margin:0 5px;
}

#footer ul li a:link,
#footer ul li a:visited  {
color:#000;
text-decoration:none;
font-size:10px;
text-transform:uppercase;
}

#footer ul li a:hover,
#footer ul li a:active {
text-decoration:underline;
}