.text {  font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: white; list-style-position: inside}
.text1 {  font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: white; list-style-position: inside; text-align: justify}
a.text1 {  font-family:  Verdana,Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: blue; text-decoration: none}
a.text1:hover {  font-family:  Verdana,Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: white; text-decoration: none}
a.text1:visited {  font-family:  Verdana,Arial, Helvetica, sans-serif; font-size: 11px; color: gray; text-decoration: none}
a.text1:visited:hover {  font-family:  Verdana,Arial, Helvetica, sans-serif; font-size: 11px; color: orange; text-decoration: none}
.gig {  font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: blue; list-style-position: inside; text-decoration: none}
.textfaca {  font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: black; list-style-position: inside}

.textsmall {  font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 9px; color: gray; list-style-position: inside}
a.textsmall {  font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; color: orange; text-decoration: none}
a.textsmall:hover {  font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; color: white; text-decoration: none}
a.textsmall:visited {  font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; color: orange; text-decoration: none}
a.textsmall:visited:hover {  font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 9px; font-weight: bold; color: white; text-decoration: none}

a:link          {color: gray; text-decoration: none}
a:visited       {color: gray; text-decoration: none}
a:active        {color: white; text-decoration: none}
a:hover         {color: #FF9900; text-decoration: none}

body { 
scrollbar-3dlight-color:#CCCCCC; 
scrollbar-arrow-color:orange;
scrollbar-base-color:white;
scrollbar-darkshadow-color:gray;
scrollbar-face-color:white;
scrollbar-highlight-color:gray;
scrollbar-shadow-color:black;
} 
.textinfo {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #CCCCCC;
}
.textcahier {
	font-family: "Times New Roman", Times, serif;
	font-size: 17px;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	line-height: normal;
	letter-spacing: 1px;
	text-align: justify;
	clip:   rect(auto auto auto auto);


}
.opac { FILTER: alpha(opacity=100); moz-opacity: .3}
.clair { FILTER: alpha(opacity=50)}

.round {
 -webkit-border-radius: 15px;
 -moz-border-radius: 15px;
 border-radius: 15px;
}

.arrondi { 
    -moz-border-radius: 20px; 
    -webkit-border-radius: 20px; 
    -khtml-border-radius: 20px; 
    border-radius: 20px; 
    behavior: url(PIE.htc); 
}

.arrondiombre { 
    -moz-border-radius: 20px; 
    -webkit-border-radius: 20px; 
    -khtml-border-radius: 20px; 
    border-radius: 20px; 
    behavior: url(PIE.htc); 
  -moz-box-shadow: 2px 2px 10px #999; 
  -webkit-box-shadow: 2px 2px 10px #999; 
  box-shadow: 2px 2px 10px #999;
}

.arrondiombrevignette { 
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    -khtml-border-radius: 10px; 
    border-radius: 10px; 
    behavior: url(PIE.htc); 
  -moz-box-shadow: 2px 2px 10px #999; 
  -webkit-box-shadow: 2px 2px 10px #999; 
  box-shadow: 2px 2px 10px #999;
}
.ombre { 
  -moz-box-shadow: 2px 2px 10px #999; 
  -webkit-box-shadow: 2px 2px 10px #999; 
  box-shadow: 2px 2px 10px #999;
}

.arronditop { 
        -moz-border-radius: 20px 20px 0 0; 
        -webkit-border-radius: 20px 20px 0 0; 
        border-radius: 20px 20px 0 0;         
        -webkit-border-top-left-radius: 20px; /* pour Chrome */ 
        -webkit-border-top-right-radius: 20px; /* pour Chrome */ 
        behavior: url(PIE.htc); 
}
.arrondibot { 
        -moz-border-radius: 0 0 20px 20px; 
        -webkit-border-radius: 0 0 20px 20px; 
        border-radius: 0 0 20px 20px;         
        -webkit-border-bottom-left-radius: 20px; /* pour Chrome */ 
        -webkit-border-bottom-right-radius: 20px; /* pour Chrome */ 
        behavior: url(PIE.htc); 
}
.bigger img {
  display: inline-block;
  background:#fff;
  margin: 2px 2px 2px 2px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  -moz-box-shadow: 1px 1px 9px #999; 
  -webkit-box-shadow: 1px 1px 9px #999; 
  box-shadow: 1px 1px 9px #999;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

.bigger a:hover img, #bigger a:focus img {
  -moz-transform: scale(1.15) rotate(5deg); 
  -webkit-transform: scale(1.15) rotate(5deg);
  transform: scale(1.15) rotate(5deg);
}

#smaller img {
  display: inline-block;
  background:#000;
  margin: 2px 2px 2px 2px;
  -moz-border-radius: 20px;
  -webkit-border-radius: 20px;
  border-radius: 20px;
  -moz-box-shadow: 1px 1px 1px #666; 
  -webkit-box-shadow: 1px 1px 1px #666; 
  box-shadow: 1px 1px 1px #666;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

#smaller a:hover img, #bigger a:focus img {
  -moz-transform: scale(0.95); 
  -webkit-transform: scale(0.95);
  transform: scale(0.95);
}

#smallerrond img {
  display: inline-block;
  background:#000;
  margin: 2px 2px 2px 2px;
  -moz-border-radius: 150px;
  -webkit-border-radius: 150px;
  border-radius: 150px;
  -moz-box-shadow: 1px 2px 2px #999; 
  -webkit-box-shadow: 1px 2px 2px #999; 
  box-shadow: 1px 2px 2px #999;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

#smallerrond a:hover img, #bigger a:focus img {
  -moz-transform: scale(0.85); 
  -webkit-transform: scale(0.85);
  transform: scale(0.85);
}