/*  ------------------------------------------
/*  Corps Principal
/*  ------------------------------------------
*/


body 
{
background: #DC7439;
margin: 0;
padding: 0;
font: 100% Verdana, Geneva, Arial, Helvetica, "Bitstream Vera Sans", sans-serif;
text-align: center;
}

#site 
{
width: 700px;
margin: auto;
padding: 0;
text-align: left;
font-size: 70%;
line-height: 150%;
background-color: #FFF;
}

#home #site 
{
background-color: #FFF;
background:url("meridien-fond.png");

}


/*  ------------------------------------------
/*  Header
/*  ------------------------------------------
*/





#home #header
 {
background:url("logo4.jpg");
height: 222px;
width:700px;
margin: 0;
padding-bottom: 0px;
}

#english
{
float:center;
text-align:right;
right:6px;
top:6px; 
font-style: italic;
font-size:13px;
font-family: Georgia, Times, Serif;
margin-bottom: 10px;
}

#english a
{
text-decoration:none;
}

#english img
{
padding:2px;
width: 25px;
height: 14px;
}

#french
{
float:center;
text-align:right;
right:6px;
top:6px; 
font-style: italic;
font-size:13px;
font-family: Georgia, Times, Serif;
margin-bottom: 10px;
}

#french a
{
text-decoration:none;
}


/* ________________________
Menu
________________________*/

#menu dl, dt, dd, ul, li 
{
margin: 0;
padding: 0;
list-style-type: none;
}

#menu 
{
position: center; /* placement du menu, à modifier selon vos besoins */
top: 0;
left: 0;
z-index:100;
width: 100%; /* correction pour Opera */
height:80px;
}

#menu dl {
float: left;
width: 20%;
text-decoration: ;
}

#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #ccc;
border: 1px solid gray;
margin: 1px;
font: Georgia, "Times New Roman", Times, serif;
}

#menu dd {
display: none;
border: 1px solid gray;
}

#menu li {
text-align: left;
margin-left: 5px;
list-style-type:none;
}

#menu li a, #menu dt a {
text-decoration:none;
font: black,  Georgia, "Times New Roman", Times, serif;
display: block;
height: 100%;
border: 0 none;
}

#menu li a:hover, #menu li a:focus, #menu dt a:hover, #menu dt a:focus 
{
background: #eee;
text-decoration:underline;
font: black;
}

/*  ------------------------------------------
/*  Colonne principale - Home
/*  ------------------------------------------
*/

#une, #article, #contenu2
 {
float: left;
width: 440px;
margin-top: 0px;
padding: 5px;
}



/*  ------------------------------------------
/*  Colonne de droite - Home
/*  ------------------------------------------
*/

#externes2
{
background: #E2E2E2;
width:150px;
height:auto; 
margin-top:10px;
margin-right: 5px;
float: right;
border-style:outset;
border-width:3px;
border-color:#dc7439;
text-align:center;
}




#externes
{
background: #E2E2E2;
width: 229px;
height:auto; 
margin-top:10px;
margin-right:5px;
padding: 5px;
float: right;
border-style:outset;
border-width:3px;
border-color:#dc7439;

}

#externes h3 
{
font: bold 15px Georgia, "Times New Roman", Times, serif;
color: #dc7439;
padding-right: 5px;
margin: 0.5em 0;
text-indent: 19px;
line-height: 130%;
text-align:right;
}

#externes h3 a:link, #externes h3 a:visited 
{
color: #3C3C3C;
text-decoration:none;
}

#externes h3 a:hover, #externes h3 a:active, #externes h3 a:focus 
{
color: #000000;
text-decoration:underline;
}

#externes h3 span.auteur 
{
display: block;
font-size: 0.8em;
text-indent: 0;
}

#externes img
{
float:right;
}

#externes p
{
text-align:left;
text-indent:none;
}

#externes li
{
list-style-position:inside;
list-style-type:circle;
}
/*  ------------------------------------------
/*  Footer
/*  ------------------------------------------
*/


#credits 
{
height: 26px;
text-align: center;
clear: both;
padding-top:20em;
font-size: 10px;
background-color: #FFF;
}

#disclaimer
{
font: italic 11px Georgia, "Times New Roman", Times, serif;
background-color: #dc7439;


clear:both;

}








/*  ------------------------------------------
/*  Corps de texte - Général
/*  ------------------------------------------
*/

a:link, code a:link, a:link code, p.plus a:link, p.plus a:visited, #tri a:visited 
{
color: #525252;
}

a:visited, code a:visited, a:visited code 
{
color: #525252;
}

a:hover, code a:hover, a:hover code, p.plus a:hover, #tri a:hover
{
color: #9FAC0B;
}

a:active, a:focus, code a:active, a:active code, code a:focus, a:focus code, p.plus a:active, p.plus a:focus
{
color: #CB1804;
}

a img 
{
border: 0;
}

q 
{
font-style: italic;
quotes: "«\0000a0" "\0000a0»";
}

cite 
{
font-style: italic;
}

li
{
margin-left:40px;
list-style-type:square;
font-size:12px;

}

h1
{
text-align:center;
font-family:Georgia, Arial, Serif;
font-size:x-large;
padding-bottom:10px;
line-height: 100%;
}





h2 
{
padding-left: 10px;
font: bold 22px Georgia, "Times New Roman", Times, serif;
}

h3 
{
font: italic 1.5em Georgia, "Times New Roman", Times, serif;
color: #353535;
padding-left: 10px;
padding-bottom: 5px;
}

h3 a:link, h3 a:visited 
{
color: #454545;
text-decoration:none;
}

h3 a:hover, h3 a:active, h3 a:focus 
{
color:#000000;
text-decoration:underline;
}

h3 span.auteur 
{
font-style: normal;
font-size: 0.8em;
font-weight: bold;
color: #696969;
}

p 
{
text-align:justify;
padding: 5px;
text-indent: 20px;
line-height: 160%;
font-size:12px;


}

#cadre
{
border-style:outset ;
border-color: #454545;
margin-left:5%;
margin-right:5%;
margin-top:5%;
margin-bottom:5%;
font-weight:bolder;
font-size:1.1em;
color: #800000;
padding: 2%;


}

#cadre2
{
text-indent: 0;

color: #800000

}

#cadrespe
{

margin-left:5%;
margin-right:5%;
margin-top:2%;
margin-bottom:5%;
font-weight:bolder;
font-size:1.3em;
color: black;
text-align:center;
text-indent:0px;

}

img
{
float:right;
}

ul
{
padding-left: 5%;
}

#suivant
{
text-align:right;
font-style:normal;
color:black;
}

#droite
{
float:left;
padding:1%;

}

#spe
{
clear: both;

}