/*------------------------------------------*/
/*       Feuille de style du portail        */
/*------------------------------------------*/

/*------------------------------------------*/
/*                 Général                  */
/*------------------------------------------*/

#global{
	width: 800px;
	margin: auto;
	padding-top: 20px;
	padding-bottom: 5px;
	background-image:url(Assets/parasol.jpg);
	background-repeat:no-repeat;
	background-position: 0px 95px;	
}


body {
	background: white;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	text-align : left;
}

p {
color : #444449;
}

a {
	text-decoration: none;
	color: #4682b4;
}


a img:hover {
	font-weight: normal;
}
a img{
	border: none;
}

h1 {
color : #0778c0;
font-family : Arial,Helvetica,sans-serif;
font-size : 18px;
text-align : center;
}

h2 {
color : #0091d0; 
font-family : Arial,Helvetica,sans-serif;
font-size : 14px;
}


em {
color : white;
font-weight: normal;
}


#en_tete {
text-align : center;
margin-top : 50px;
margin-bottom : 110px;
}

#pied{
	color: #626262;
	text-align: center;
	border-top: thin solid #626262;
	padding-top: 0px;
	margin-top: 5px;
}

/*------------------------------------------*/
/*              Style images                */
/*------------------------------------------*/


a.logo {
  position:relative;
  text-decoration: none; 
}

a:hover.logo {
  text-decoration: none;
  background: none;
}

a.logo span {display: none;}

a:hover.logo span {
  display: inline;
  position: absolute; 
  top:50px;
  right: -130px;
  text-align: center;
  z-index: 20;
  background: white;
  color: #4682b4;
  border:none;
  width:650px;
  text-align:center;
  font-weight:normal;
  font-style:italic;
  font-size: 14px;
  font-family: Arial,Helvetica,sans-serif;
  line-height:22px;
}




a.sites {
  position:relative;
  text-decoration: none; 
  float: left;
  margin-right: 10px;
  margin-bottom: 5px;
}

a:hover.sites {
  text-decoration: none;
  background: none;
}

a.sites span {display: none;}

a:hover.sites span {
  display: inline;
  position: absolute; 
  bottom:0px;
  text-align: left;
  z-index: 20;
  background: black;
  color: #cdd5d8;
  border:none;
  width:200px;
  height: 50px;
  font-weight:normal;
  font-size: 12px;
  font-family: Arial,Helvetica,sans-serif;
  line-height:12px;
  padding:4px 4px;
}


a.partenaires {
  position:relative;
  text-decoration: none; 
  float: left;
  margin-right: 10px;
  margin-bottom: 5px;
}

a:hover.partenaires  {
  text-decoration: none;
  background: none;
}

a.partenaires  span {display: none;}

a:hover.partenaires  span {
  display: inline;
  position: absolute; 
  top:0px;
  text-align: left;
  z-index: 20;
  background: black;
  color: #cdd5d8;
  border:none;
  width:225px;
  height: 65px;
  font-weight:normal;
  font-size: 12px;
  font-family: Arial,Helvetica,sans-serif;
  line-height:12px;
  padding:4px 4px;
}