/* CSS Document */
body {
   font: 76% Arial, Helvetica, sans-serif ;
   letter-spacing : 0.1em; 
   margin: 0;
   padding: 0;
   height: 100%;
   /*height: 1110px;  Inscrire la hauteur de la page sinon DIFFICILE DE SELECTIONNER LE TEXTE AVEC IE */ 
}
#conteneur {
   position: absolute;
   width: 600px;
   left: 10px;
   top: 25px;
}
#header {
   width: 100%;
   margin: 0px 0px 14px 0px;
   min-height: 20px;
}
#logo_pecheetoceans{
   float: left;
   margin: 0px 0px 0px 93px;
   padding: 0;
}
#logo_canada{
   float: right;
   width: 81px;
   margin: 0;
   padding: 0;
}
/* MENU DU GC ET DE L'OSL */
#navcontainer h1{
   margin: 0;
   padding: 0;
}
#navcontainer{
   width: 450px;
   background: transparent;
   text-align: center;
   margin: 0 0 0 150px;
   font-size: 1em;
}
#navlist{
	margin: 0px 0px 2px 0px;
	padding: 0px;
	list-style-type: none;
	text-align: left;
	letter-spacing: 0em;
}
#navlist li{
   float: left;
}
#navlist li a{
   padding: 0px 0px 0px 2px;
   display: block;
   width: 87px;
   height: 14px;
   background: black;
   color: white;
   font-weight: bolder;
   text-decoration: none;
   
}
#navlist li a.padd{
   margin:0px 0px 0px 1px;
}
#navcontainer li a.last{
   margin:0px 0px 0px 1px;
   padding: 0px 0px 0px 2px;
   width:88px;
}
#langue{
   letter-spacing: .1em;
}
#contact{
   font-size: .9em;
   line-height: 15px;
}
#aide{
   letter-spacing: .1em;
}
#recherche{
   letter-spacing: .1em;
}
#menutop{
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   list-style-type: none;
   text-align: left;
   letter-spacing: 1px;
}
#menutop li {
   float: left;
}
#menutop li a{
   width: 86px;
   padding: 0px 0px 0px 3px;
   display: block;
   height: 14px;
   color: white;
   background: #237899;
   font-weight: bolder;
   text-decoration: none;
}
#navcontainer li a.lastmenu{
   margin:0px 0px 0px 1px;
   padding: 0px 0px 0px 3px;
   width: 87px;
}
#menutop li a:hover{
   color: #f8f2c8;
   background: #237899;
}
#menutop li a.padd{
   margin:0px 0px 0px 1px;
}
/* COLONNE DE GAUCHE */
#gauche {
   position: absolute;
   left:0;
   top: 53px;
   width: 132px;
   background: transparent;
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   font: .9em Arial, Helvetica, sans-serif;
}
.class_h2{
   background: #CCEEFF;
   color: black;
   border-top: 1px solid black;
   border-right: 1px solid black;
   border-left: 1px solid black;
   display: block;
   font-weight: bolder;
   font-size: 1em;
   margin: 10px 0px 0px 0px;
   padding: 1px 0px 1px 3px;
}
#osl-menu a, #sujets a, #themes a, #xhtml a{
   text-decoration: none;
   display: block;
}
#gauche ul{list-style-type: none;}
.img_gauche{
   margin: 10px auto;
   padding: 0;
   width: 130px;
   display: block;
}
.img_gauche_sans_centrer{
   margin: 10px 0px 0px 0px;
   padding: 0;
   display: block;
}
#osl-menu{
	margin: 1px 0px 0px 0px;
	padding: 15px 0px 0px 0px;
	background-image: url(../images/vague-menu.gif);
	background-repeat: no-repeat;
	background-position: top;
}
#osl-menu li{
   display: inline;    
}
#osl-menu li a{
   padding: 2px 0px 1px 5px;
   margin: 0px 0px 0px 0px;
   color: white;
   background: #237899;
   font-weight: bolder;
   height: 1.3em;
}
#osl-menu li a:hover{
   color: #F8F2C5;
   background: #237899;
}
#themes{
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   background: transparent;
   border: 1px solid black;
}
#themes a{
   color: black;
   background: white;
}
#themes li{
   display: inline;
}
#themes li a{
   border-top: 1px solid #EEEEEE;
   border-bottom: 1px solid #EEEEEE;
   padding: 0px 0px 0px 3px;
}
#themes li a:hover{
   background-color: #fffbea;
   color: black;
   text-decoration: underline;
   padding: 0px 0px 0px 3px;
}
#sujets{
   margin: 0px 0px 0px 0px;
   padding: 0px 0px 0px 0px;
   background: transparent;
   border: 1px solid black;
}
#sujets li{
   display: inline;
}
#sujets li a{
   border-top: 1px solid #EEEEEE;
   border-bottom: 1px solid #EEEEEE;
   padding: 0px 0px 0px 3px;
   color: black;
   background: white;
}
#sujets li a:hover{
   background-color: #fffbea;
   color: black;
   text-decoration:underline;
   padding: 0px 0px 0px 3px;
}
#nouveau{
   margin: 10px 0px 0px 0px;
   padding: 3px 3px 3px 3px;
   background: #FFFFCC;
   color: black;
   border: 1px solid black;
}
#nouveau h2{
   font-size: 100%;
   margin: 0;
   padding: 0;
}
#nouveau p{
   margin: 0px;
   padding: 0px;
}
#nouveau p a{
	color: #237899;
	font-weight: bolder;
    text-decoration: underline;
    background: #FFFFCC;
}
#nouveau p a:hover{
	color: #237899;
	font-weight: bolder;
   text-decoration: none;
   background: #FFFFCC;
}
#xhtml{
   margin: 7px 0px 10px 0px;
   padding: 0;
   text-align: center;
}
#xhtml a{
   width: 80px;
   height: 15px;
   margin: 3px auto;
}
#xhtml_valid{
   margin: 10px 0px 10px 0px;
   padding: 0px 0px 0px 0px;
   background: red;
}
#css{
   cursor: help;
   text-decoration: none;
   border-bottom: dashed 1px #237899;
}

/* CENTRE */
#centre {
   margin-left: 150px;
   width: 450px;
   letter-spacing: .1em;
}
/* FOOTER*/
#footer{
   font-size: .9em;
   clear: both;
   width: 100%;
   border-top: 1px solid black;
   margin: 0px 0px 20px 0px;
   height: 15px;
}
#footer a{
   color: black;
   text-decoration: none;
   background: white;
}
#footer #update a:hover{
   color: red;
   text-decoration: none;
    background: white;
}
#update{
   width: 219px;
   float: left;
}
a#hautdepage{
display: block;
background: url(../images/symboles/haut.gif) no-repeat;
height: 12px;
width: 12px;
float: left;
}
/* FIN DU FOOTER */

.clear{
   clear: both;
   visibility: hidden;
}
.floatl{
   float:left;
}
.floatr{
   float: right;
}
.strong{
font-weight: bolder;
}
.underline{
text-decoration: underline;
color: #237899;
}
img{
   border: none;
   margin: 0;
   padding: 0;
}
/* POLICE COMMUN */

/* CSS Document */
h1, h2, h3, h4, h5, h6{color: black;}
h1{font-size: 135%;}
h2{font-size: 110%;}
h3{font-size: 105%;}
h4{font-size: 105%;}
h5{font-size: 100%;}
h6{font-size: 95%;}


/* LISTE DE SECTION */
#centre ul.liste_section{
   list-style:none;
   margin: 0;
   padding: 0;
}
#centre ul.liste_section li{
   background: url(../../../images/ligne.gif) no-repeat;
   background-position: 0 .3em;
   margin: 0;
   padding: 0px 0px 0px .8em;
}

/* LES LISTES dans #CENTRE */
#centre ul a{
color: #237899;
}
/* Niveau 1*/
#centre ul{
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0;
}
#centre ul li{
   margin: 0px 0px 8px 0px;
   padding: 0px 0px 0px 10px;
   background-image: url(../images/pointe.gif);
   background-repeat: no-repeat;
   background-position: 0 .3em;
}
/* Niveau 2*/
#centre ul ul{
   list-style:none;
}
#centre ul ul li{
   margin: 0px 0px 5px 15px;
   padding: 0px 0px 0px 10px;
   background-image: url(../images/ligne.gif);
   background-repeat: no-repeat;
   background-position: 0 .3em;
}
/* Niveau 3*/
#centre ul ul ul{
   list-style-type: disc;
}
#centre ul ul ul li{
  background-image: none;
  margin: 0px 0px 5px 25px;
  padding: 0;
}
/* Niveau 4*/
#centre ul ul ul ul{
   list-style-type: square;
}
#centre ul ul ul ul li{
   margin: 0px 0px 8px 25px;
}
/* FIN DE LISTE DU #CENTRE */

p{
   line-height: 1.5em;
}
p a{
   color:#237899;
}




















#retour{
display: block;
height: 12px;
width: 12px;
margin: 8px 0px 0px 0px;
padding: 0;
}





/* HACK POUR FAIRE UN CLEAR BOTH AVEC UNE CLASSE */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */