/* STRUCTURE */
#container{width:900px; margin:0 auto;}
#topbar1{width:auto; height:50px; display:block; float:left; margin-left: 0px;}
#topbar2{width:auto; height:50px; display:block;}
#btbar1{ position: relative; top:-10px; width:40px; height:40px; display:block; float:left; margin-left:16px; }
#btbar2{ position: relative; top:-10px; width:40px; height:40px; display:block; float:left; }
#btbar3{ position: relative; top:-10px; width:40px; height:40px; display:block; float:left; }
#main{width:auto; display:block;}
div.spacer{clear:both; height:20px; display:block;}
#main2{width:auto; margin-top:40px; display:block;}
#nuagedeliens{width:730px; margin-left:20px; float:left;}
#services{width:auto; display:block;}
#pied{width:auto; margin-top:40px; display:block;}

/* STYLES */
body {
  background-color: #333;
  color: #FFF;
  text-align: center;
  font-family: Arial, Verdana, sans-serif;
  font-variant: small-caps;
  font-size: 14pt;
}
a {
  color: #666;
  text-decoration: none;
}
a:hover {
  color: #8a1717;
  text-shadow: 1px 1px 5px #FFF;
}
.titre1 {
  font-size: 30pt;
  text-align: right;
  color: #FFF;
  text-shadow: 0px 0px 8px #FFF;
}
.titre2
{font-size: 20pt;}
.texte_normal {font-variant: normal;}
.blocmain {
  background-color: #666;
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0.00,#666), color-stop(1.00,#222));
  background: -moz-linear-gradient(90deg, #222, #666);
  backround-repeat: no-repeat;
  border-radius : 10px;
  -moz-border-radius: 10px;
  -moz-box-shadow:0 0 8px #FFF;
  -webkit-box-shadow:0 0 8px #FFF;
}
.liens_services {font-size: 10pt; color: #666;}
.infos {font-size: 10pt; color: #666;}
.tag {font-variant: normal; color: #666;}
.t1 {font-size:11px;}
.t2 {font-size:14px;}
.t3 {font-size:18px;}
.t4 {font-size:21px;}

.clear { clear:both; }

/* Info bulles */
.info_bulle ul {
  list-style-type: none;
  margin:0px;
  padding:0px;
}
.info_bulle ul li {
  width:150px;
  float:left;
  position: relative;
}
.info_bulle ul li a img {
  border:none;
}
.info_bulle ul li a {
  color:#FFF;
}
.info_bulle ul li a:hover {
  color:#666;
  text-shadow: none;
}
.bulle{								   
  position: absolute;
  top: 0px;
  left: -35px;
  width: 220px;
  height: auto;
  overflow: visible;
  text-shadow: none;
  font-size: 10pt;
  font-variant: normal;
  text-align: justify;
  background-color:#222;
  color: #FFF;
  border-radius : 5px;
  -moz-border-radius: 5px;
  opacity:0.9;
  z-index:9;
  display:none;
}              
.bulle .bulleInside{
  padding: 5px;
  margin: 5px;
}

/* Boutons Legendes */

.liens_legendes ul {
  list-style-type: none;
  margin:0px;
  padding:0px;
}
.liens_legendes ul li {
  width:300px;
  float:left;
  position: relative;
}
.liens_legendes ul li a img {
  border:none;
}
.caption{
  position:absolute;
  bottom:0px;
  left:10px;
  width:280px;
  display:none;
  border-radius : 5px;
  -moz-border-radius: 5px;
  background:#8a1717;
  color:white;
  opacity:0.9;
}
.caption .captionInside{
  padding:10px;
  margin:0px;
}

/* Photos */
.photos ul {
  list-style-type: none;
  margin:0px;
  padding:0px;
}
.photos ul li {
  margin-left:20px;
  width:90px;
  float:left;
  position: relative;
}

.photos img {
  -moz-box-shadow: 0px 0px 18px #FFF;  
  -webkit-box-shadow: 0px 0px 18px #FFF;  
  box-shadow: 0px 0px 18px #FFF;
  border: 0; 
  opacity:0.9;
  z-index:9;
}

.socnet {								   
  position: absolute;
  top: 0px;
  left: 0px;
  width: 90px;
  height: auto;
  overflow: visible;
  text-align: left;
  display:none;
}              
.socnet .socnet_Inside{
  padding: 3px;
  margin: 3px;
}