/* css de la page d'accueil */

#content #data{
  background: none;
}

#content #content-left{ 
	float: left;	
	margin: 0;
	padding: 0 40px 0 20px;
	border: none;
	width: 270px;
}

#content #content-left h2{
  margin-bottom: 20px;    
  padding: 0;
  font-size: 16px;
  font-weight: bold;
  color: #12004F;
  background : #FFF url(../../images/css/barre-grise.jpg) no-repeat 100% 60%;
}

#content #content-left h2 span{    
  margin: 0;
  padding: 0 5px 0 20px;
  background : #FFF url(../../images/css/puce-asterwind.jpg) no-repeat center left;
}

#content #content-left p{
  margin-bottom: 20px;
  text-align: justify;
  font-size: 12px;  
  color: #12004F;
}

#content #content-left p.plus{
  float: right;
}

#content #content-left p.plus a{
  color: #DD0A10;
}

#content #content-left p.plus a:hover{
  color: #DD0A10;
}

#content #content-middle{	
	float: left;		
	margin: 0;
	padding: 0 30px 0 40px;
	width: 455px;
}

#content #content-middle h2{	
  height: 52px;
  margin-bottom: 15px;
  padding: 0;  
  font-size: 16px;
  font-weight: bold;
  text-transform: none;
  background: #FFF url(../../images/css/barre-rouge.jpg) no-repeat bottom left;
  color: #12004F;
}

#content #content-middle h2 span{	
  display: block;
  background: none;
  padding: 0;
  margin:0;
  text-align:center;
}

#content #content-middle h2 span strong{
  font-size: 1.1em;
}		

#content #content-middle p{
  float: left;
  margin: 0 10px 15px 0;
  padding: 97px 0 0 35px;
  width: 180px;
  height: 48px;
  font-size: 12px;
  color: #FFF;
}

#content #content-middle p a{
  display: block;
  width: 180px;
  height: 48px;
  color: #FFF;
}

#content #content-middle p a:hover{
  color: #97A2C3;
}

#content #content-middle p img{
  margin-right: 5px;
}

#content #content-middle p#milieuP1{
  background: #FFF url(../../images/css/photo1.jpg) no-repeat top left;
}

#content #content-middle p#milieuP2{
  background: #FFF url(../../images/css/photo2.jpg) no-repeat top left;
}

#content #content-middle p#milieuP3{
  padding-top: 107px;
  height: 38px;
  background: #FFF url(../../images/css/photo3.jpg) no-repeat top left;
}

#content #content-middle p#milieuP4{
  background: #FFF url(../../images/css/photo4.jpg) no-repeat top left;
}

#content #content-right{
	float: left;	
	margin: 0;
	border: none;
	padding: 0 5px 0 25px;
	width: 105px;
}

#content #content-right div#locales{
  position: relative;
  width: 107px;
  height: 376px;
  background: #FFF url(../../images/css/locales.jpg) no-repeat top left;
}

#content #content-right div#locales p{
  position: absolute;
  left: 15px;
  margin: 0;
  padding: 0;
  width: 80px;  
  text-align: center;
  font-size: 12px;
  color: #FFF;  
}

#content #content-right div#locales p#heureParis{  
  top: 15px;  
}

#content #content-right div#locales div#horlogeParis{
  position: absolute;
  top: 31px; left: 17px;
}

#content #content-right div#locales p#meridiemParis{
  top: 80px; left: 44px;
  font-size: 10px;
  font-weight: bold;
}

#content #content-right div#locales div#masqueHorlogeParis{
  position: absolute;
  top: 31px; left: 17px;
  z-index: 100;  
}

#content #content-right div#locales p#heureShangai{  
  top: 115px;
}

#content #content-right div#locales div#horlogeShangai{
  position: absolute;
  top: 129px; left: 17px;
}

#content #content-right div#locales p#meridiemShangai{
    top: 178px; left: 44px;
    font-size: 10px;
    font-weight: bold;
}

#content #content-right div#locales div#masqueHorlogeShangai{
  position: absolute;
  top: 129px; left: 17px;
  z-index: 100;
}

#content #content-right div#locales p#change{
  top: 214px;
}

#content #content-right div#locales p#eur{
  top: 270px;
  font-weight: bold;
}

#content #content-right div#locales p#usd{
  top: 313px;
  font-weight: bold;
}

#content #content-right div#locales p#eur span, #content #content-right div#locales p#usd span{
  color: #DD0A10;
}