/*CSS VALID CSS 2.0, 2006/01/01 */
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 DIFFICULTÉ 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 : 0px 0px 0px 150px;
   font-size  : 1em;
}
#navlist{
	margin : 0 0 2px 0;
	padding : 0px;
	list-style-type : none;
	text-align : left;
	letter-spacing : 0em;
}
#navlist li{
   float: left;   
   display: block;
}
#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;
}
#navlist li div {
   padding: 0px 0px 0px 2px;
   /*display: block;*/
   width: 87px;
   height: 14px;
   background: black;
   color: white;
   font-weight: bolder;
   text-decoration: none;
}

#langue{
   letter-spacing: .1em;
}
#contact{
   font-size: .9em;
   line-height: 15px;
}
#aide{
   letter-spacing: .1em;
	color: black;
   width: 87px;
   height: 14px;
   background: black;	
}
#recherche{
   letter-spacing: .1em;
	color: black;
   width: 87px;
   height: 14px;
   background: black;	
}
#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;
   padding: 0px;
   letter-spacing : 0.1em; 
   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 0 1px 5px;
   margin : 0;
   color : white;
   background : #237899;
   font-weight : bolder;
   height : 1.3em;
}
#osl-menu li a:hover{
   color : #F8F2C5;
   background : #237899;
}
#themes{
   margin: 0px;
   padding: 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;
   padding: 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;
/*   background: #F0ECD7;
   color: black;
   border: 1px solid black;*/
}
#nouveau h2{
   font-size: 100%;
   margin: 0;
   padding: 0px 0px 5px 0px;
	color: #000;
}
#nouveau p{
	margin: 0;
	padding: 0px 0px 8px 0px;
	font-weight: bold;
}
#nouveau p a{
	color: #C14A02;
	font-weight: bolder;
    text-decoration: none;
}
#nouveau p a:hover{
	color: #000;
	font-weight: bolder;
   text-decoration: underline;
}
#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: transparent;
}
#css{
   cursor: help;
   text-decoration: none;
   border-bottom: dashed 1px #237899;
}

/* SECTION TEMPORAIRE SONDAGE DU GC */
#sondageGC{
	border-top: 1px solid #ccc;
	padding-top: 5px;
	text-align: center;
}
#sondageGC a {
	color : #237899;
	background-color : transparent;
	text-decoration : none;
	display : block;
}
#sondageGC a:hover {
	text-decoration: underline;
}
/* FIN SECTION SONDAGE DU GC */
/* FIN DE LA COLONE DE GAUCHE */

/* CENTRE PAGE D'ACCUEIL FR & EN */
#milieu {
   width: 450px;
   margin: 0px 0px 0px 150px;
	padding: 15px 0px 0px 0px;
	text-align: justify;
   letter-spacing: .1em;
}
.d {
	float: right;
	margin: 10px 0px 10px 10px;
}
#milieu ul li {
font-weight: bold;
	list-style-image: url(../images/pointe.gif);
	line-height: 1.5em;
}

/* CENTRE */
#centre {
   margin-left: 150px;
   width: 450px;
   letter-spacing: .1em;
}
#centre_gauche{
   float: left;
   overflow: hidden;
   width: 220px;
   max-width: 220px;
}
#centre_droite{
   float: left;
   overflow: hidden;
   width: 220px;
   max-width: 220px;
   margin-left: 10px;
}

#intro p.g{
   float: left;
   overflow: hidden;
   width: 240px;
   max-width: 240px;
	margin: 10px 0px 0px 0px;
 	font-size: 100%;
}
#intro p.d{
   float: left;
   overflow: hidden;
   width: 200px;
   max-width: 200px;
   margin-left: 10px;
	margin: 10px 0px 0px 0px;
}
#centre p{
   font: .9em/16px Arial, Helvetica, sans-serif;
   letter-spacing: .2em;
}
.section{
   margin: 20px 0px 0px 0px;
   border-left: 1px solid black;
   background: transparent;
   padding: 0px;
   width: 220px;
}
#geoConnection a, #intro a, #milieu a{
   color: #237899;
   background: white;
}
img{
   border: none;
   margin: 0;
   padding: 0;
}
#foudebassan{
   float: right;
   margin: 5px 3px 0px 0px;
}
#bouee{
   float: right;
   margin: 20px 5px 0px 0px;
   display: block;
}
.section h2{
   font-weight: bolder;
   /* font-size: 12px; */
   font-size: .9em;
   margin: 0px;
   padding: 5px 0px 3px 5px;
   background: #CCEEFF;
   color: black;
   border-bottom: 1px solid black;
   width: 220px;
}
.section p{
   margin: 5px 0px 0px 0px;
   padding: 0px 1px 2px 5px;
   background: #FFFFEE;
   color: black;
}
.section p .titre{
   width: 220px;
   margin: 0px;
   padding: 0px;
   font-weight: bolder;
   color: #C14A02;
   text-decoration: none;
   background: #FFFFEE;
}
.img_fleche{
   white-space: nowrap;
   color: black;
   background: white;
}
.img_fleche img{
   margin: 0;
   padding: 0;
}
.section a{
   background: transparent;
   text-decoration: none;
}
.section a img{
   background: transparent;
}
#crabe{
   float: right;
   margin: 2px 3px 0px 0px;
}
/* FIN DU CENTRE */
/* FOOTER*/
#footer{
   font-size: .9em;
   clear: both;
   width: 100%;
   border-top: 1px solid black;
   margin: 20px 0px 20px 0px;
   height: 15px;
}
#footer a{
   color: black;
   text-decoration: none;
   background: white;
}
#footer a:hover{
   color: #C14A02;
   text-decoration: none;
    background: white;
}
#update{
   width: 219px;
   float: left;
}
/* FIN DU FOOTER */
/* CLASSE DIVERSE */
.center{
text-align: center;
}
.floatl{
   float: left;
}
.floatr{
   float: right;
}
.clear{
   clear: both;
   visibility: hidden;
}
.section a.titre:hover{
   text-decoration: underline;
   color: black;
   background: #FFFFEE;
}
.italic{
   font-style: italic;
}
.publication_copy{
   margin: 0;
   padding: 0;
   font-size: .9em;
}
.img_top{
   margin: 10px 0px 7px 10px;
   padding: 0;
}
abbr{
   text-decoration: none;
   border: 1px none black;
}
#publication{
	font-family : Arial, Helvetica, sans-serif;
	font-size : 70%;
	font-weight : normal;
	color : #000;
	letter-spacing: .1em;
	margin: 10px 0px 0px 25px;
	padding: 0px;
}
#premier{
	margin: 0px 0px 0px 30px;
	padding: 0;
}


/* publications.html */
#publication_liste a{
 color : #237899;
 background-color : transparent;
}
#publication_liste a:hover{
 color : #c14a02;
 background-color : transparent; 
}
#publication_liste{
	margin: 10px 0px 0px 35px;
	padding: 0;
	font-size: .9em;
}
#publication_liste ul{
	margin: 0px 0px 0px 20px;
	padding: 0;
}
#publication_liste ul ul{
	margin: 0px 0px 0px 15px;
	padding: 0;
}
#publication_liste li{
	list-style-image: url(../images/pointe.gif);
	margin: 0px 0px 13px 0px;
	padding: 0px 0px 0px 0px;
	list-style-position: outside;
}
#publication_liste li li{
	list-style-image: none;
	list-style-type: none;
	margin: 0px;
	padding: 0;
}
#publication_liste li li li{
	list-style-image: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#geoConnection a:visited{
   color: #c14a02;
}
#geoConnection a:hover{
   color: #c14a02;
}
#intro a:visited{
   color: #c14a02;
}
#intro a:hover{
   color: #c14a02;
}
#sondageGC a:visited{
   color: #c14a02;
}
.titre2{
   font-weight: bolder;
   color: #C14A02;
}
.lien_inside{
	color : black;
	background-color : transparent;   
}
.lien_inside:hover{
	text-decoration: underline;
}
a.urlCache{
	font-size : 0.7em;
	font-weight : normal;
	color : white;
	background-color :#FFFFFF;
}
acronym, abbr {
cursor: help;
}
/* 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 */