@import url(spip_style.css);
@import url(menu.css) ;
@import url(menu_left.css);
@import url habillage.css);

/*Style menu horizontal*/
ul,li{
margin: 0;
padding: 0;
list-style-type: none;
}

/*specifs generales*/
body {
	width: 100%; /*	margin-left: 10px;*/
	margin: 0px 0px 0px 0px;
	font-family: Arial;
	font-size: 14px;
	font-style: normal;
	color: black;
	margin: 0;
	padding: 0; /*	background-color: #77B6E4;*/
}
a:link, a:visited{
	color: #1896CE;	
	font-weight: bold;
	text-decoration: none;
	cursor: pointer;
	font-weight: normal;

}
a:hover{
	color: #FFA215;
}
h1{
	font-size: 1.25em;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	display: inline;
	
}
h2{
	font-size: 1.2em;
}

/*Mise en page generale en positionnement absolu*/
#conteneur {
position: absolute;
top: 0px;
width: 100%;
background-color:#fff;
min-width: 800px;
}
#entete{
	height: 60px;
/*	border-bottom: 1px solid #1E94CD;*/
	background-color: #1E94CD;
	padding-bottom: 2px;
	padding-top: 0px; 
	margin: 0px 0px 0px 0px;
	z-index: 1;
}

#header {
height: 100px;
background-color: #99CCCC;
}
#BarreMenu{
	/*	border-top: 1px solid #253D90;*/
	width: 100%;
	min-width: 800px;
	height: 20px;
	font-weight: bold;
	background-color: #001F61;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	color: White;
}
#BarreChemin{
/*	position : absolute;*/
/*	top: 82px;*/
/*	left: 0px;*/
/*	width: 100%;*/
	height: 20px;
	background-color: #1E94CD;
	min-width: 800px;
	color: #001C63;
	font-size: 12px;
	padding: 3px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	
}

#corps{
/*	position: absolute;
	left: 0px;*/
/*	height : auto;
	margin: 0;
	padding: 0;*/
	background-color : white;
/*	width: 100%;*/
}

#gauche {
/*	position: absolute;
	left: 0;*/
/*	top: 105px;*/
	background-color: #1E94CD;
	width: 200px;
}
#droite{
/*	position: absolute;
	right: 0px;*/
/*	top: 105px;*/
	width: 375px;
	height: 100%;
}
#centre {
/*	margin-left: 180px;
	margin-right: 350px;*/
	padding: 10px 25px 5px 20px;

}

#pied {
	/*	bottom : 0px;
	left: 0px;*/
/*	position: absolute;
	left: 0px;*/
	height: 20px;
	background-color: #001F61;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
/*	z-index: 5;*/
	font-size: 12px;
	color: White;
}

/*Fin mise en page générale*/

/* Mise en page des éléments ds la page*/
/*Titre du site : contient logo */
#TitreSite{
	position: absolute;
	top: 10px;
	left: 10px;
	cursor: pointer;
}
/*formulaire de recherche et description*/
#SearchBox{
	position: absolute;
	right: 20px;
	top: 20px;
	display: block;
}
#TitreSearch{
	color: #001F61; 
	display: inline;
}
#Search{
/*	position: absolute;
	right: 15px;
	top: 10px;*/
	display: inline; /*	background-color: #102C63;*/
}
#FieldSearch{
/*	width: 120px;*/
	width: auto;
	background-color: white;
	padding: 1px 0px 1px 2px;
	margin-top: 0px;
	font-size: 10px;
	color: #00619F;
	border: 1px solid #8CA2D9;
	border-top: 2px solid #8CA2D9;
	border-left: 2px solid #8CA2D9;
}
#FieldSearch:hover, #FieldSearch:focus{
	background-color: #EED487;
}
#Submit{
	margin: 0px 0px 0px 0px;
	padding: 1px 0px 1px 0px;
/*	background-color: #6792E6;
	-moz-border-radius: 6px;
	border: 1px solid #005388;
	border-top-color: #8CA2D9;
	border-left-color: #8CA2D9;*/
	background-color: #1E94CD;
	border: none;
	color: white;
	font-weight: bold;
	font-size: 11px;
	cursor: pointer;
}
#Submit:hover, #Submit:focus{
/*	background-color: #497CE0;*/
	color: #EED487;
}
/*Changement de langue*/
#changeLangue{
	padding: 1px 0px 0px 4px;
}
.drapeau{
	padding: 0px 0px 0px 3px;
	display: inline;
}
/*Barre menu*/
/*Barremenu en entete*/
#MenuEumetcal{
	position :absolute;
/*	top: 0px;*/
	left: 150px;
/*	margin-right: 30%;*/
	text-align: left;
/*	width: 50%;*/
	padding: 0px 0px 0px 0px;
}
#MenuEumetcal ul{
	display: inline;
}
#MenuEumetcal li.on{
	color: #EED487;
}
a#ItemEumetcal:link, a#ItemEumetcal:visited{
	color: white;
	cursor: pointer;
	display: inline;
}
a#ItemEumetcal:hover{
	color: #EED487;
}
/*#PosItemMirror{
	float: right;
	text-align: right;
	padding-top: 2px;
	margin-right: 5px;
	
}
div#PosItemMirror a:link, div#PosItemMirror a:visited{
	color: white;
	padding: 1px 2px 1px 2px;
	font-size: 13px;
	font-weight: bold;
}
div#PosItemMirror a:hover{
	border: 1px solid #001C63;
	background-color: #1896CE;
	color: #F7E3A5;
}
*/
/*chemin de la page*/
#Chemin{
	padding-left: 200px;
}
#Chemin a:link, #Chemin a:visited{
	color: white;
	font-weight: normal;
/*	font-size: 11px;*/
	text-decoration: none;
}
#Chemin a:hover{
	color: #F7E3A5;
}
/* corps de la page*/

/*Contenu colonne gauche*/
 

 /*forum page accueil*/
#EumetForum{
	margin: 0px 3px 15px 3px;
	border: 1px solid #001C63;
	background-color: white;
}
#TitreEumetForum{
	color: #FFA215;
	font-weight: bolder;
	text-align: center;
	padding: 5px 3px 0px 3px;
	margin: 0px 3px 0px 3px;
	border-bottom: 2px solid #1896CE;
}
#TitreEumetForum a:link, #TitreEumetForum a:visited{
	padding: 5px 3px 10px 3px;
	margin: 0px 3px 10px 3px;
	color: #FFA215;
}

#TitreEumetForum a:hover{
	color: #1896CE;
	text-decoration: none;
}
li#TousItemForum{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	
}
/*.TextForum span{
	color: black;
	font-size: 13px;
 font-style: italic;
	font-weight: bolder;
}*/
#ItemForum{
	padding: 0px 0px 5px 0px;
	margin: 3px 3px 3px 3px;
	border: 1px solid #1896CE;
}
#ItemForum a span#DateForum{
	display: block;
	font-size: 11px;
	font-weight: normal;
	text-align: left;
	background-color: #1896CE;
	color: #fff;

}
#ItemForum a:hover span#DateForum{
/*	background-color: #AED8F1;*/
	color: #F7E3A5;
}
#ItemForum a span#TitreItemForum{
	display: block;
	background-color: #1896CE;
	font-size: 14px;
	text-align: center;
	color: #fff;
	font-weight: bold;
}
#ItemForum a:hover span#TitreItemForum{
	display: block;
	color: #F7E3A5;
}


#ItemForum a span#texteForum{
	background-color: #fff;
	font-size: 13px;
	color : black;
	font-weight: normal;
	padding: 0px 2px 0px 2px;
}
#ItemForum a:hover span#texteForum{
 color: #696969;
 text-decoration: none;
}
/*Colonne droite*/
 /*conteneur carte flash*/
.CarteEumetcal{
/*	border: 1px solid white;*/

}

/*Mise en forme corps depage*/
.imgTriangle{
	float: left;
	padding-top: 7px;
	padding-right: 5px;
	display: inline;
}
.titreRub{
	color: #00619F;
	width: auto;
	height: auto;
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}
.titreRubDecal{
	margin-left: 20px;
}
.LogoTitre{
	float: left;
	height: auto;
	width: auto;
	margin: 0px 25px 25px 0px;
}

/*lien vers les plateforme intraLibrary ou Moodle */
.directDirectLink{
	background-color: #FFF;
	float: right;
	/*width: auto;*/
	border: 1px solid #D1E6EF;
 /*	margin-top: 5px;*/
/*	margin-right: 0px;*/
	padding: 0px 0px 5px 0px;
	margin: 0px 15px 10px 5px;
	text-align: center;
}
div .directDirectLink div.legend{
	background-color: #1E94CD;
	color: white;
	padding: 3px 3px 3px 3px;
	margin: 0px 0px 5px 0px;
/*	font-style: italic;*/
	font-size: 12px;
	text-align: center;
/*	font-weight: bold;*/
}


.TitreSomm{
	color : #00619F;
	margin: 0px 5px 0px 0px;
	padding: 0px 10px 15px 0px;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	font-variant: small-caps;
	display: block;
}
.souligne{
	margin-top: 15px;
	/*clear: both;*/
}
BlocIntroBreve{
	margin: 0px 0px 10px 0px;
	padding: 0;
	
}
.BlocIntroBreve a:link, .BlocIntroBreve a:visited{
	color: #4B4B4B;
	font-weight: normal;
}
.BlocIntroBreve a:hover{
	color: #000000;
}

.TextSomm{
/*	width : auto;
	height: auto;*/
	padding: 0px 10px 15px 10px;
	margin: 50px 5px 0px 5px;
/*	background-color : #FCF1D4;*/
	/*border-bottom : #1896CE solid 1px;
	border-left : #102C63 solid 2px;
	border-right : #C5C5C5 solid 1px;
	-moz-border-radius-bottomleft: 8px;
	-moz-border-radius-bottomright: 8px;*/

}

div.TextSomm>p{
	padding-bottom: 1em;
	text-indent: 1em;	
}
div.textRub>div.Texte{
	background-color: #FCF1D4;
	margin: 0em 0em 0em 0em;
	padding: 1em 1em 1em 1em;
	border-bottom: 1px dashed #EFD773;
}

.IntroTexte{
	font-weight: normal;
	font-size: 0.9em;
	font-weight: bold; /*	padding: 5px 0px 10px 0px;*/
	padding: 1em 1em 1em 1em;
	margin: 5em 0em 0em 0em;
	line-height: 1.3em;
	color: #001C63;
	border-bottom: 1px dashed #EFD773;
	border-top: 1px dashed #EFD773;
	background-color: #FAEABD;
}
.Texte{
	text-indent: 1em;
}
div.Texte >p{
	padding-bottom: 1em;
}
.Texte span{
	color: #FFA215;                           
	font-weight: bold;
}
/*dernière news en page sommaire*/
.LastNewsBox{
	border: 1px solid #1896CE;
	border-left: 3px solid #1896CE;
	background-color: #D3E9F0;
	margin-top: 1em;
	margin-bottom: 1em;
}
.TitreLastNews{
	position: relative;
	top: -0.7em;
	left: 1em;
	background-color: #1896CE;
/*	width: 8em;*/
	width: 16em;
	color: #fff;
	padding: 0.1em 0.2em 0.1em 0.3em;
	font-size: 95%;
	font-weight: bold;
}
/* Pas utilisé à priori
.TitreNews{
	width: auto;
	height: auto;
	margin: 0px 5px 0px 5px;
	padding: 5px 10px 5px 10px;
	font-size: 0.9em;
	font-style: normal;
	font-weight: bold;
}
*/
/*Derniers Artcles en page sommaire*/
.DerniersArticles{
/*	border: 1px solid #EFD773;*/
	border-left: 3px solid #EFD773;
/*	background-color: #F8F3D5;*/
	padding: 10px 5px 10px 15px;
/*	margin: 5px 0px 10px 0px;*/
	margin-top: 1em;
	margin-bottom: 2em;	
	
}
.TitreLastArticle{
	position: relative;
	top: -1.5em;
	left: 1em;
	background-color: #FFBE5B;
	width: 13em;
	color: #fff;
	padding: 0.1em 0.2em 0.1em 0.3em;
	font-size: 95%;
	font-weight: bold;
	
}
a.LienArticle:link, a.LienArticle:visited{
	color: #1896CE;
	font-size: 1.1em;
	text-decoration:none;
}

a.LienArticle:hover{
	color: #EC8E00;
}
a.LienArticle:link span, a.LienArticle:visited span{
	text-decoration:underline;
}

.BlocIntroArt{
	margin: 0px 0px 10px 0px;
	padding: 0;
	border-bottom: 1px solid #EFD773;
	padding-bottom: 0.6em;
}

.BlocIntroArt div{
	padding-left: 0.8em;
	padding-top: 0.4em;
	font-size: 0.9em;
	font-weight: normal;
}
.BlocIntroArt div a:link, .BlocIntroArt div a:visited{
	color: #4B4B4B;
	font-weight: normal;
}
.BlocIntroArt div a:hover{
	color: #000000;
}
span.Date{
	font-size: smaller;
	font-style: italic;
	font-weight: normal;
}

.TextNews{
	width: auto;
	height: auto;
	padding: 0px 10px 5px 10px;
	margin: 0px 5px 20px 5px;
	font-size: 0.8em;
	font-weight: normal;
	font-style: normal;
}
/*Mise enforme rub Moodle et intra*/
div.lienMoodle{
	
}
div.lienMoodle div.LogoTitre{
	float: right;
	width: 300px;
}
div.TextSomm div.textRub{
/*	border-bottom:  1px dashed #7A776F;*/
}
div.listRubFloat{
	float: right;
	border: 1px solid #7A776F;
	width: 250px;
	padding: 5px;
	margin-top:5px;
	font-weight:bold;
	color:#FFA215;
	font-size: 20px;
}

.newArticle{
	margin: 3em 0em 2em 0em;
	border-top: 2px solid #A7CEDF;
	border-bottom:2px solid #A7CEDF;
	background-color: #EFFAFF;
}
.titreNewArt{
	font-size: 20px;
	padding-top: 1.5em;
	padding-left: 1em;
	color:#00619F;
}
div.titreNewArt span {
	color: #FFA215;
	font-weight: bold;
}

/*mise en page toute rubriques*/
.bloc_contenu {
	padding: 5px 0px 0px 0px;
	margin-bottom: 15px;
}
.notes {
	margin-top: 0.2em;
	margin-bottom: 0.6em;
	border-top: 1px solid #a0a0a0;
	padding: 0.6em;
}
dl.listeRub {
	margin-top: 10px;
}
dt.Rub{
	color: #FFA215;	
	margin-top: 20px;
	font-weight: bold;
	font-size: 1em;
}
dt.Rub div.TextSomm{
	color: #000;
}
dt.Rub a:link, dt.Rub a:visited{
	text-decoration: none;
	font-size: larger;
	font-weight: bold;
	
}
dt.Rub a:hover{
	color : #F7D773;
}
dd.DescRub p{
	margin: 0px;
	padding: 0px 0px 10px 30px;
	font-size: 12px;
	font-weight: bold;
}
/*pour les rubrique et articles contenues dans une sous rubrique*/
dt.ssRub{
	margin-top: 5px;
	margin-left: 15px;
	font-weight: bold;
	font-size: 0.8em;
}
dt.ssRub a:link, dt.ssRub a:visited{
	text-decoration: none;
	font-size: 1.3em;
	font-weight: bold;
	
}
dt.ssRub a:hover{
	color : #F7D773;
}
dd.ssDescRub{
	margin: 0px;
	padding: 3px 0px 0px 25px;
	font-size: 0.8em;
}
/*.spip{
margin: 0px;
padding: 0px;
	
}
*/
.LogoDoc{
	/*float: left;*/
	margin: 10px 0px 5px 10px;
}
.blocDocument{
	margin: 0px 10px 0px 10px;
	padding: 0px;
}
.blocDocument a:link, .blocDocument a:visited, .blocDocument a:hover{
	margin-bottom: 0px;
	margin-top: 0px;
	padding-left: 5px;
}
 a:link span.DocTitre,  a:visited span.DocTitre{
	font-weight: bold; /*text-decoration: underline;*/
	font-size: smaller;
}

.blocDocument a:hover span.DocTitre{
/*color: #1896CE*/
}
a:link span.DocPropriete, a:visited span.DocPropriete, a:hover  span.DocPropriete{
 font-size: 0.8em;
 text-decoration: none;
 color:#4b4b4b;
 padding-left: 10px;
}

.blocDescription{
	/*clear: both;*/
	padding: 0px 0px 0px 5px;
	margin:0px;
	margin-left: 5px;
}
.blocDescription a:link,.blocDescription a:visited{
	padding: 0px 0px 0px 0px;
	font-size: 0.8em;
	font-weight: normal;
	/*color: #4B4B4B;*/
	text-decoration: none;
}
.blocDescription a:hover{
	/*color: #000000;*/
}
.separe{
	clear: both;
/*	margin-left: 25px;
  margin-right: 25px;*/
	border-top: 1px solid #FFD05F;
  	width: auto;
	padding-top: 0px;
	margin: 10px 50px 0px 50px;
}

.BlocRss{
	border: 1px solid #1896CE;
	border-left: 3px solid #1896CE;
	background-color: #E3F4F6;
	padding: 0px 5px 10px 5px;
	margin: 5px 0px 10px 0px;
}
.TitreRss{
	position: relative;
	top: -1em;
	left: 1em;
	background-color: #1896CE;
	width: 13em;
	color: #fff;
	padding: 0.1em 0.2em 0.1em 0.3em;
	font-size: 95%;
	font-weight: bold;
	
}
.BlocRss dl{
	padding: 5px 0px 0px 0px;
}
.BlocRss dl a:link, .BlocRss dl a:visited{
	color: #1896CE;
	text-decoration: underline;
}
.BlocRss dl a:hover{
	color: #FFA215;
}
.BlocRss dt{
	padding: 5px 0px 0px 10px;
}
.BlocRss dd{
	padding: 5px 0px 0px 20px;
	font-size: 90%;
}
.BlocRss  dd a:link, .BlocRss  dd a:visited{
	text-decoration: none;
}
.BlocRss  dd a:hover{
	
}
/*page articles*/
/*page contact*/
.AuthForm{
	width: 400px;
	border: 1px solid #001C63;
	padding: 10px 10px 10px 10px;
  font-weight: bold;
  color : #FFA215;
}
/*Page plan du site*/
.TextMap{
	display: block;
	width : 100%;
	height: auto;
 	padding: 0px 2px 0px 2px;
	margin: 0px 25px 15px 25px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: auto;

}

a.RubMap:link,a.RubMap:visited {
	width: auto;
	height: auto;
	display: block;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
	font-size: 13px;
	color: #FFA210;
	border-style: none; /*	background-color: #708AA2;*/
	padding-top: 2px;
	padding-bottom: 3px;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 20px;
	border-bottom: 1px solid #00619C;
	border-top: 1px solid #00619C;
}
a.RubMap:hover {
	text-decoration: none;
	color: #1896CE;
}

.encart {
	background-color: #FFF;
	float: right;
	width: 180px;
	border: 1px solid #1896CE;
 /*	margin-top: 5px;*/
/*	margin-right: 0px;*/
	margin-bottom: 5px;
	padding: 0px 5px 0px 5px;
	margin: 0px 5px 0px 5px;
}

/*Modif plan ici*/
.PlanSite{
	margin: 0px;
	padding: 0px;
}
ul.planRubrique * {
margin: 0px;
padding: 0px;
}


ul.planRubrique li{
margin-top: 1px;
}
ul.planRubrique li ul.PlanArticle {
	margin-bottom: 20px;
	margin-top: 1px;
	padding-top: 1px;
}

.PlanArticle li a:link, .PlanArticle li a:visited{
	line-height: 1.2em;
	color: #1896CE;
	margin: 1px;
	margin-left: 10px;
	text-decoration: none
}
.PlanArticle li a:hover{
	color: #102C63;
	text-decoration: underline;
}

.planRubrique li a.lienPlanRub:link, .planRubrique li a.lienPlanRub:visited{
	font-weight: bold;
	color: #1896CE;
	text-decoration: underline;
	margin-top: 1px;
	margin-bottom: 1px;
}
.planRubrique li a.lienPlanRub:hover{
	color: #001C63;
}


a.lienPlanRub:link span, a.lienPlanRub:visited span{
	text-decoration: none;
	font-size: 1.2em;
}
ul.PlanSousRub{
	padding-left: 15px;
	margin-bottom: 0px;
	margin-top: 10px;
}
.TitreNewsMap{
	color : #00619C;
	border-bottom: 1px solid #00619C;
	height: auto;
	margin:  0px 0px 5px 0px;
	padding: 2px 5px 2px 5px;
	font-size : 12px;
	font-style : normal;
	font-weight : bold;
	text-decoration : none;
	font-variant : small-caps;
	text-align: center;
}
.TitrePartnersMap{
	color: #00619C;
	border-bottom: 1px solid #00619C;
	height: auto;
	width: auto;
	margin:  0px 0px 5px 0px;
	padding: 2px 5px 2px 5px;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;
	text-align: center;
}

a.LienWebMap:link, a.LienWebMap:visited{
	padding-left: 2px;
	color: #1896CE;
	text-decoration: none;
	font-variant: normal;
	font-size: 11px;
}
a.LienWebMap:hover{
	color: #FFA210;
}
/*Fin page plan du site*/

/*page recherche*/
.bloc_contenu2 {
	/*	background-color: #102C63;*/
	border-top: 1px solid #1896CE;
	border-bottom: 1px solid #1896CE;
	text-align: center;
	font-size: 12px;
	margin: 15px 0px 0px 0px;
	padding: 2px 5px 5px 2px;
	color: #1896CE;
	font-weight: bold;
	width: 98%;
}

.spacer {
	clear: both;
}

.TitreRecherche{
	background-color: #102C63;
	width: auto;
	height: auto;
	margin: 0px 5px 0px 5px;
	padding: 2px 10px 2px 10px;
}

.FloatRight{
	float: left;
	text-align: left;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 0px 0px;
	width: 45%;
}
.FloatLeft{
	float: left;
	text-align: left;
	padding: 5px 10px 0px 0px;
	width: 30%;
	color: #00619F;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-style: normal;
	font-weight: bold;
	text-decoration: none;

}
/*page LearningModule */
/*boites arrondies*/
.bl {background: url(http://www.eumetcal.org/squelettes/css/img/bl.gif) 0 100% no-repeat; width: 20em}
.br {background: url(http://www.eumetcal.org/squelettes/css/img/br.gif) 100% 100% no-repeat}
.tl {background: url(http://www.eumetcal.org/squelettes/css/img/tl.gif) 0 0 no-repeat}
.tr {background: url(http://www.eumetcal.org/squelettes/css/img/tr.gif) 100% 0 no-repeat}
.roundClear {font-size: 1px; height: 1px}


ul.SiteCalModule{
	margin-left: 0px;
	margin-top: 0px;
	margin-bottom: 15px;
	border: 3px solid	#FFF;
	border-left: 3px solid #1896CE; /*padding: 5px;*/
	padding-left: 15px;
	padding-top: 3px;
	padding-bottom: 1px; /*	border: 1px solid blue;*/
}
*>ul.SiteCalModule{
	border: 1px none;
	border-left: 3px solid #1896CE;
}
.SiteCalModule li{
margin-left: 0px;
padding-left: 0px;
margin-top: 1px;
padding-top: 1px;
}
/*.SiteCalModule li ul li{
	margin: 1px;
	padding: 1px;
}*/
a.RubCalModule:link, a.RubCalModule:visited {
	background-color: #1896CE;
	color: #FFF;
	padding: 3px;
	padding-left: 10px;
	font-weight: bolder;
	text-decoration: none;
}
a.RubCalModule:hover {
	background-color: #001C63;
	color: #F7E3A5;
}
.SousRubCalModule{
		margin-top: 5px;
		margin-left: 10px;
}
.SousRubCalModule ul li{
	font-weight: bold;
	/*margin-left: 5px;*/
}
.SousRubCalModule li a:link, .SousRubCalModule li a:visited{
	font-weight: bold;
	text-decoration: underline;
}
.SousRubCalModule li a:hover{
	
}
.ArtCalModule{
		padding-top: 0px;
		margin-top: 0px;
		margin-left: 10px;
}
.ArtCalModule li a:link, .ArtCalModule li a:visited{
	font-weight: normal;
	text-decoration: none;
}
.ArtCalModule li a:hover{
	
}
/*fin page Learning modules*/

/*pied de page*/
span.Date{
	font-size: smaller;
	font-style: italic;
	font-weight: normal;
}
.DateMaj{
	float: left;
	padding: 0px 0px 0px 5px;
	width: 50%;
}
.login{
	padding: 0px 5px 0px 0px;
	text-align: right;
}
/*.PubSPIP{
	margin-left: 80%;
	padding: 0px 10px 0px 0px;
	font-weight: bold;
	text-align: right;
}
*/
/*Fin du contenu de pied de page*/

/*Styles utilisés par SPIP*/
.spip_bouton {
	border: 1px solid #253D90;
/*	padding: 2px 3px 2px 3px;
	margin: 5px 5px 5px 5px;*/
background: #1896CE;
	color: #fff;
	text-align: center;
	font-size: 10px; /*	border-bottom-color: #A5BEEB;
	border-right-color: #A5BEEB;
	border-left-color: #598AE2;
	border-left-width: 1px;
	border-top-color: #598AE2;
	border-top-width: 1px;*/
	-moz-border-radius: 4px;
	cursor: pointer;
}
/*.spip-admin {
	font-size: 90%;*/
/*	padding: 25px 5px 5px 5px;*/
/*	line-height: 1em;
}*/
.spip_encadrer {
	background-color: #6C98EF;
	width: 75%;
/*width: auto;*/
/*	margin: 2% 10% 2% 10%;*/
/*	padding: 2% 2% 2% 2%;*/
	padding: 10px 0px 20px 10px;
	border: 1px solid #102C63;
}
.forml {
	/*width: 80%;*/
	background-color: #C6D7F4;
	border-bottom: 2px solid #AFDAE4;
	border-right: #AFDAE4 solid 2px;
	border-left: 2px solid #3C96AE;
	border-top : #3C96AE solid 2px;
	font-weight: normal;
	color: #17397C;
	
}
table.spip {
}

table.spip tr.row_first {
	background-color: #FCF4D0;
}

table.spip tr.row_odd {
	background-color: #C0C0C0;
}

table.spip tr.row_even {
	background-color: #F0F0F0;
}

table.spip td {
	padding: 1px;
	text-align: left;
	vertical-align: middle;
}
/*.formrecherche { 
	width: 100% ; 
	background-color: #FFDDAA;
}*/
.spip_logos {
/*	width: auto;
	height: auto;
	max-height: 300px;
	max-width: 300px;
	display: block;
	border-width: 0px;
	text-align: center;
	margin-left: auto;
	margin-right: auto;*/
	padding: 0em 0.5em 0em 0.5em;
}
p.spip{
	line-height: 25px;
}
img.spip_puce{
	line-height: 25px;
}
img.spip_logos{
cursor: pointer;
}

ul.spip{
	padding-left: 10px;
}
ul.spip li.spip{
	list-style: disc inside none;
}
ul.spip li.spip ul.spip li.spip{
	list-style: circle inside none;	
	
}
/*Formulaire authentification*/
#formulaire_login fieldset{
	border: 1px solid #001F61;
	width: 50%;
}
#formulaire_login fieldset legend{
	background-color: #001F61;
	color: #FFF;
	padding:5px;
}
li.editer_login_obligatoire, li.editer_password_obligatoire
,editer_session{
		margin-top: 15px;
		padding-left:10px;
}
. label{
	font-size: 0.9em;
	font-weight: bold;
}
 label{
	font-size: 0.9em;
	font-weight: bold;
}

.erreur{
	border: 1px solid #EFB300;
	margin: 5em 1em 0em 1em;
	padding: 1em 1em 1em 1em ;
}
/*carte eumetcal*/
			.mapTooltip {
			position:fixed;
			background-color : #CFECF7;
			moz-opacity:0.70;
			opacity: 0.70;
			filter:alpha(opacity=70);
			border-radius:10px;
			padding : 0;
			margin: 0;
			z-index: 1000;
			max-width: 200px;
			display:none;
			color:#343434;
		}
	
			.container {
			margin:auto;
			width:400px;
		}
		
		.mapeumetcal{
		  width: 370px;
		  height: 500px;
		  margin: 0;
		  padding: 0;
		}
		.areaLegend{
		  z-index: 1000;
		  margin-top: 10px;
		  position: relative;
		  top: -15px;
		}
		.logoEumetnet{
			width: 180px;
			position : relative;
			top: 30px;
			left: 0px;
		}

    	.logoEumetsat{
			width: 150px;
			position : relative;
			top: -10px;
			left: 200px;
		}

		.logoComet{
			width: 160px;
			position : relative;
			top: -50px;
			left: 0px;				
		
		}
		.logoBom{
			width: 170px;
			position : relative;
			top: -10px;
			left: 5px;				
		}
		.logoCanada{
			width: 170px;
			position : relative;
			top: -55px;
			left: 197px;			
		 }
		 .logoRSHU{
			width: 160px;
			position : relative;
			top: 10px;
			left: 190px;				 	
		 }
		 .logoEumetrain{
			width: 170px;
			position : relative;
			top: -10px;
			left: 190px;			 	
		 }
		 .logoECMWF{
			width: 160px;
			position : relative;
			top: 25px;
			left: 10px;			 	
		 }

	.map{
	}
	.container>h1{
		position: relative;
		top: 45px;
		color: #1E94CD;
	}