/*terrafirma1.0 by nodethirtythree design
http://www.nodethirtythree.com

This template is released under the Creative Commons Attributions 2.5 license, which
basically means you can do whatever you want with it provided you credit the author.
(ie. me). In the case of this template, a link back to my site is more than sufficient.

If you want to read the license, go here:

http://creativecommons.org/licenses/by/2.5/

If you're sufficiently intoxicated, or just like a good mental beating, you can also
read the full legal code here:

http://creativecommons.org/licenses/by/2.5/legalcode

- enks
*/


*
{
padding: 0px;
margin: 0px;
}

body
{
background: #F9F9F7 url('images/back-body.jpg') repeat-x;
font-size: 14px;
font-family: helvetica, verdana, sans-serif;
color: #333;
line-height: 18px;
}

sup
{
font-size: 0.5em;
}

p
{
margin-bottom: 14px;
text-align: justify;
}

.top{/*ligne sous le menu*/
border:none;
position:relative;
top:217px;
background:#CED331;
height:4px;
width: 50%;
text-align: left;/*this will align it for IE*/
margin: 0 auto 0 0; /*this will align it left for Mozilla*/
}

.topblue{/*ligne sous le menu de couleur bleu ciel*/
border:none;
position:relative;
top:210px;
background:#12A8D5;
height:2px;
width: 100%;
text-align: left;/*this will align it for IE*/
margin: 0 auto 0 0; /*this will align it left for Mozilla*/
}

.bottom{/*ligne au dessus de menu*/
border:none;
position:relative;
top:167px;
background:#CED331;
height:4px;
width: 50%;
text-align: right;/*this will align it for IE*/
margin: 0 0 0 auto; /*this will align it right for Mozilla*/
}

.bottomblue{/*ligne au dessus du menu de couleur bleu ciel*/
border:none;
position:relative;
top:168px;
background:#12A8D5;
height:2px;
width: 100%;
text-align: right;/*this will align it for IE*/
margin: 0 0 0 auto; /*this will align it right for Mozilla*/
}

img.pic 
{
position: relative;
top: -2px;
border:1px solid #7E9D00;
padding: 3px;
}

img.floatleft /*Images flottantes sur la gauche*/
{
float: left;
margin: 0px 50px 3px 125px;
vertical-align:center;
}


#upbg /*Header*/
{
position: absolute;
top: 0px;
left: 0px;
background: #fff url('images/back-head.jpg') no-repeat;
width: 800px;
height: 387px;
z-index: 1;
}

#outer /*Site*/
{
position: relative;
width: 800px;
margin: 0 auto;
background: #fff url('images/back-wrapper.jpg') repeat-y;
}

#inner
{
position: relative;
padding: 13px 30px 13px 30px;
z-index: 2;
}

#header
{
position: absolute;
background: #16697D;
width: 202px;
height: 150px;
color: #fff;
padding-left: 20px;
}

#header img
{
position:relative;
top:5px;
left:15px;
}

#header span
{
font-weight: normal;
}

#header h1
{
position: absolute;
font-size: 23px;
letter-spacing: -1px;
top: 40px;
height: 92px;
}

#header h2
{
position: absolute;
font-size: 10px;
font-weight: normal;
color: #FCE2CA;
top: 51px;
}

#header sup
{
color: #FCE2CA;
}

#splash
{
position: absolute;
right: 30px;
background: #EAEAE2 url('images/header2.jpg') no-repeat;
width: 458px;
height: 150px;
}

#bande-menu
{
position: relative;
background: #16697D; 
height: 30px;
padding: 0px 0px 0px 20px;
margin: 170px 0px 5px 0px;
z-index:1;
}

/*Couleur verte #7E9D00*/ 
/*Couleur bleu foncé #16697D*/
/*couleur bleu clair #12A8D5*/

/* ================================================================ 
This copyright notice must be kept untouched in the stylesheet at 
all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/elegant2.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#menu, #menu ul {padding:0; margin:0; list-style:none; height:30px; background:#16697D;}

#menu {padding-left:50px; width:600px;}
#menu table {border-collapse:collapse; width:0; height:0; padding:0; margin:-1px;}
#menu ul {position:absolute; left:-9999px;}
#menu li {float:left; border-right:1px solid #16697D;}
#menu li a {white-space:nowrap; background:#16697D; display:block; float:left; height:30px; line-height:30px; 
font-family:helvetica, verdana, sans-serif; font-size:14px; text-decoration:none; color:#fff; padding:0 20px 0 15px;}
#menu li a.drop {background:#16697D url(images/down.gif) no-repeat right center;}
#menu li a:hover {position:relative; color:#16697D; background-color:#fff;}
#menu li:hover {position:relative;}
/*#menu li:hover > a {color:#080;}*/
#menu :hover ul {left:-1px; top:29px; width:120px; background:#16697D; padding-top:0px; border-bottom:0;}
#menu :hover ul li a {border-left:1px solid #16697D; height:30px; line-height:30px; width:120px; border-bottom:1px solid #16697D; 
font-size:14px;}
#menu :hover ul ul {left:-9999px; padding-top:0;}


#secondarycontent
{
position: relative;
top:40px;
width: 180px;
float: right;
margin-right:30px;
font-size:12px;
}

#secondarycontent a {
color:#036594; 
text-decoration:none;
}
#secondarycontent a:hover {
text-decoration:underline;
color:#7E9D00; 
}

#secondarycontent .link {
color:#16697D;
text-decoration:none;
/*border-bottom : 1px solid #999;*/
/*background:url(images/new-window.png) 100% -2px no-repeat;*/
/*padding-right:17px;*/
}

#secondarycontent .link:hover {
text-decoration:none;
color:#7E9D00;
border-bottom:solid #7E9D00 1px;
/*background:url(images/new-window.png) 100% -2px no-repeat;*/
/*padding-right:17px;*/
}

#secondarycontent ul{
list-style: none;
}

#secondarycontent h3
{
position: relative;
top: 4px;
font-size: 16px;
line-height: 25px;
color: #7E9D00;
padding: 0px 0px 10px 0px;
margin-bottom: 10px;
text-align:center;
}

#secondarycontent .content
{
padding: 0px 10px 0px 10px;
margin-bottom: 20px;
}

/*Couleur verte #7E9D00*/ 
/*Couleur bleu foncé #16697D*/
/*couleur bleu clair #12A8D5*/

#primarycontent
{
position: relative;
top:20px;
width: 500px;
float: left;
}

#primarycontent .link {
color:#16697D;
text-decoration:none;
/*border-bottom : 1px solid #999;*/
}

#primarycontent .link:hover {
text-decoration:none;
color:#7E9D00;
border-bottom:solid #7E9D00 1px;
}

#primarycontent h1 {
font-size : 30px ;
font-family: Freestyle Script, Helvetica, Verdana, sans-serif;
font-weight: bold;
text-align: left;
/*text-transform : uppercase ; Pour mettre en majuscule */
color: #16697D;
background: transparent;
}

#primarycontent h2 {
font-size : 40px ;
font-family: Freestyle Script, Helvetica, Verdana, sans-serif;
font-weight: bold;
text-align: center;
/*text-transform : uppercase ; Pour mettre en majuscule */
color: #16697D;
background: transparent url(images/h2.png) repeat-x 0 50%;
}

#primarycontent h2 span {
    padding: 0 4px;
    background: #FFF;
}

#primarycontent h3
{
position: relative;
top: 4px;
font-family: helvetica, verdana, sans-serif;
font-size: 15px;
font-weight:bold;
color: #16697D;
border-bottom: solid 1px #D6D6D6;
padding: 0px 0px 0px 0px;
margin-bottom: 10px;
}

#primarycontent .content
{
padding: 0px 15px 0px 15px;
margin-bottom: 20px;
text-align:justify;
}

/*Couleur verte #7E9D00*/ 
/*Couleur bleu foncé #16697D*/
/*couleur bleu clair #12A8D5*/

.clear {float:none !important;float:none;clear:both;}

.bas_page {
background-image: url(images/haut_page.gif);
background-repeat: repeat-x;
padding-top: 0px;padding-right: 30px;padding-bottom: 50px;
text-align: right;
margin-top: 5px;
}

#footer
{
position: relative;
clear: both;
font-size:11px;
height: 66px;
text-align: center;
line-height: 66px;
background: #16697D;
color: #fff;
font-weight:bold;
}

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


#footer a:hover {
text-decoration: underline; 
}