body {
  font-family: arial;
  font-size: 12px;
  margin:0;
  padding:0;
	min-height: 100%;
	text-align: center;
	background: url('img/fond-top.gif') left top repeat-x #cce1ff;
}
img{
  border: 0;
}
#global{
  width: 910px;
  margin-left: auto;
  margin-right: auto;
}

#header{
  height: 65px;
  width: 910px;
  margin-bottom: 20px;
}

#logo{
  width: 320px;
  float: left;
}

#menu{
  width: 205px;
  float: right;
  padding-top: 18px;
  color: #FFF;
}

#connect{
  width: 205px;
  height: 41px;
  background: url('img/bouton1.gif') left top #74af00;
  display: block;
}
#connect a{
  text-decoration: none;
  color:#FFF;
  font-size:18px;
  line-height:40px;
}

#welcome {
  display: block;
  text-align: left;
  margin-left: 60px;
  color: #F0F0F0;
}
#welcome a{
  color: #FFF;
}


.bouton{ background:url(img/bouton-bg.gif) no-repeat top left; text-decoration:none; color:#fff; display:block; float:left; font-family:Arial,Verdana,sans-serif; font-size:12px; font-weight:bold; height:26px; line-height:26px; margin-right:7px; padding:0 5px 0 14px; position:relative;}
.bouton-bkg{ background:url(img/bouton-bg.gif) no-repeat top right; display:block; height:26px; position:absolute; right:-7px; top:0; width:7px;}

.homep{
  margin:0 0 10px 0;
  font-size:12px;
  color:#555
}

a.info{
  position:relative; 
  z-index:24; background-color:#FFF;
  color:#000;
  text-decoration:none
}

a.info:hover{
  z-index:25; 
}

a.info span{
  display: none
}

a.info:hover span{ 

 display:block; 
 position:absolute;
 top: -10px; 
 left: 10px; 
 width: 100px;
 border:4px solid #394557;
 background-color:#FFF; 
 color:#000;
 padding:5px;
}


#homelist img{
  width: 48px;
  height: 48px;
  border: 7px solid #EEE;
  margin: 4px;
}

#page-top{
  height: 10px;
  width: 900px;
  margin-left: 6px;
  background: url('img/fond-page-top.gif') left top repeat-x #FFF;    
}
#page-bottom{
  height: 10px;
  width: 900px;
  margin: 0 0 50px 6px;
  background: url('img/fond-page-bottom.gif') left top repeat-x #FFF;    
}

#page{
  width: 900px;
  margin-left: 6px;
  background: #FFF;
  text-align: left;
  min-height: 500px;
}

#alert-top{
  height: 10px;
  width: 900px;
  margin-left: 6px;
  background: url('img/fond-alert-top.gif') left top repeat-x #FFF;    
}
#alert-bottom{
  height: 10px;
  width: 900px;
  margin: 0 0 20px 6px;
  background: url('img/fond-alert-bottom.gif') left top repeat-x #FFF;    
}

#alert{
  width: 900px;
  margin-left: 6px;
  background: #fff9c4;
  text-align: left;
  min-height: 50px;
  color: #414036;
}

#content{
  padding: 5px 25px;
}
h1{
  font-size:24px;
  color: #4791ff;
}
h2{
  font-size: 18px;
  color: #333;
  margin: 0 0 4px 0;
}
h3{
  font-size: 15px;
  color: #333;
  margin: 0;
}
p{
  font-size: 14px;
}
#profil_photo{
  float: left;
  width: 73px;
  background: #EEE;
  padding: 10px;
}
#profil_content{
  float: left;
  margin-left: 15px;
  width: 300px;
}
#profil_map{
  margin-right: 20px;
  float: right;
  width: 400px;
}
.avatar{
  width: 48px;
  height: 48px;
  border: 7px solid #EEE;
  margin: 4px;
}

#slideshow img{
  width: 48px;
  height: 48px;
  border: 7px solid #EEE;
  margin: 4px;
}

#slideshow #slidesContainer {  
   margin:0 auto;  
   width:760px;  
   height:320px;  
   overflow:auto; /* affiche une scrollbar au cas ou */  
   position:relative;  
}
#slideshow #slidesContainer .slide {  
   margin:0 auto;  
   width:710px;  /* reduit de 20 pixels la div #slidesContainer pour permettre d'afficher la barre de scroll */  
   height:320px;  
 } 

.control {
  display:block;
  width:25px;
  height:25px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  background:transparent url(img/control_left.jpg) no-repeat 0 0;
}
#rightControl {
  background:transparent url(img/control_right.jpg) no-repeat 0 0;
}

.form1{
  font-size: 12px;
  color: #333;
}