a:link          {color: gray; text-decoration: none}
a:visited       {color: gray; text-decoration: none}
a:active        {color: #cccccc; text-decoration: none}
a:hover         {color: #FF9900; text-decoration: none}
a span{
     position:absolute;  
	 margin-top:10px;
     margin-left:-120px;
	 font-size:11px;
	 color:#ccff00;
     background:rgba(0,0,0,.7);
     padding:8px;
     border-radius:8px;
     box-shadow:0 0 2px rgba(0,0,0,.1);
	 transform:scale(0) rotate(0);
	 transition:all .3s;  
	 opacity:0;
	 line-height: 1.2em;            
}
a:hover span, a:focus span{
     transform:scale(1) rotate(0);  
	 opacity:1;
	 margin-top:10px;
     margin-left:-45px;      
}


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

body { 
scrollbar-3dlight-color:#CCCCCC; 
scrollbar-arrow-color:#ccff00;
scrollbar-base-color:white;
scrollbar-darkshadow-color:white;
scrollbar-face-color:white;
scrollbar-highlight-color:gray;
scrollbar-shadow-color:white;

} 

input.check { display: none; }
.infobulle{
	position: absolute;	
	visibility : hidden;
	border: 0px solid Black;
	padding: 8px;
	font-family: "Armata", Verdana, Arial;
	font-size: 11px;
    color: #000000;
	background-color: #ccff00;
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    -khtml-border-radius: 10px; 
    border-radius: 10px; 
    behavior: url(PIE.htc); 
  -moz-box-shadow: 2px 2px 6px #000; 
  -webkit-box-shadow: 2px 2px 6px #000; 
  box-shadow: 2px 2px 6px #000;
opacity : 0.9; 
    filter : alpha(opacity=90);	}
		




/* Page */ 
html { 
  font-size: 100%;
} 

@font-face {
font-family: "Armata";
src: url('http://laurent.images.free.fr/vegas/armata.eot');
src: local("Armata"),
local("Armata"),
url('http://laurent.images.free.fr/vegas/armata.ttf') format('truetype'),
url('http://laurent.images.free.fr/vegas/armata.woff') format('woff'),
url('http://laurent.images.free.fr/vegas/armata.svg') format('svg');
}

body { 
  margin: 0; 
  padding: 0; 
  font-family: "Armata", Verdana, Arial, Helvetica, FreeSans, sans-serif;
  font-size: 0.9em;
  line-height: 1.4;
  color: white; 
} 

/* Liens */ 
a { 
  text-decoration: none; 
} 
a:link { 
  color: #ccff00; 
} 
a:visited { 
  color: #ccff00; 
} 
a:hover, a:focus, a:active { 
  text-decoration: none;
} 
/* Pas de bordure pointillée ou halo lors du clic sur un lien */ 
a:focus, a:active { 
  outline: none; 
} 

.guestbook { 
  display: inline-block;
  font-family: "Armata", Verdana,  Arial, Helvetica, FreeSans, sans-serif;
  font-weight: normal;
  font-size: 14px; 
  line-height: 1; 
} 
.quote { 
  display: inline-block;
  color: #999;
  font-family: "Armata", Arial, Helvetica, FreeSans, sans-serif;
  font-weight: normal;
  font-size: 13px; 
  letter-spacing: 2px;
  line-height: 1;
  text-shadow: 0px 1px 2px #000; 
} 
.cred { 
  display: inline-block;
  color: #666666;
  font-family: "Armata", Arial, Helvetica, FreeSans, sans-serif;
  font-weight: normal;
  font-size: 9px; 
  letter-spacing: 2px; 
} 


/* Pas de bordure autour des images dans les liens */ 
a img { 
  border: none; 
} 
 
/* Titres */ 
h1 { 
  display: inline-block;
  margin-top: 0;
  font-family: "Armata", Verdana,  Arial, Helvetica, FreeSans, sans-serif;
  font-weight: normal;
  font-size: 80px; 
  text-align: left;
  line-height: 0.8;
  color: black;
  text-shadow: 0px 0px 5px #000; 
} 
h1 span { 
  display: block;
  font-weight: normal;
  font-size: 50px; 
  color: red;
  text-shadow: 0px 0px 5px #000; 
} 
h1 a, h1 a:visited {
  color: white;
  text-decoration: none;
}
h1 a:hover, h1 a:focus {
  text-decoration: none;
  outline: none;
  text-shadow: 0px 0px 15px #fff; 
}

h2 { 
  font-size: 1.5em; 
} 

h3 { 
  display: inline-block;
  margin-top: 0;
  font-family: "Armata", Verdana,  Arial, Helvetica, FreeSans, sans-serif;
  font-weight: normal;
  font-size: 16px; 
  text-align: left;
  line-height: 0.8;
  color: #ccff00;
  text-shadow: 0px 0px 5px #000; 
} 
h3 span { 
   font-family: "Armata", Verdana,  Arial, Helvetica, FreeSans, sans-serif;
   display: block;
  font-weight: normal;
  font-size: 15px; 
  color: #ccff00;
  text-shadow: 0px 1px 2px #000; 
} 
h3 a, h3 a:visited {
  color: #ccff00;
  text-decoration: none;
}
h3 a:hover, h3 a:focus {
  text-decoration: none;
  outline: none;
  text-shadow: 0px 0px 5px #eeeeee; 
}

h4 { 
  display: block;
  font-family: "Armata", Verdana,  Arial, Helvetica, FreeSans, sans-serif;
  font-weight: normal;
  font-size: 12px; 
  color: #ccff00;
  text-shadow: 0px 1px 2px #000; 
} 
h4 span { 
  display: block;
  font-weight: italic;
  font-size: 12px; 
  color: #ccff00;
  text-shadow: 0px 1px 2px #000; 
} 
h4 a, h4 a:visited {
  color: #ccff00;
  text-decoration: none;
}
h4 a:hover, h4 a:focus {
  text-decoration: none;
  outline: none;
  text-shadow: 0px 0px 5px #000; 
}

h5 { 
  display: inline-block;
  font-family: "Armata", Verdana,  Arial, Helvetica, FreeSans, sans-serif;
  font-weight: normal;
  font-size: 17px; 
  line-height: 1;
  color: black;
  text-shadow: 0px 1px 2px #000000; 
}
 
/* Listes */ 
ul, ol { 
  margin: .75em 0 .75em 10px; 
  padding: 0; 
  list-style-type: none;
} 
li {
  padding-left: 20px;
  background: url(img/puce.png) left center no-repeat;
  margin-bottom: 5px;
}
 
/* Paragraphes */ 
p { 
  margin: .75em 0;
    font-family: "Armata", Verdana,  Arial, Helvetica, FreeSans, sans-serif;
} 
 
.titre { 
  display: inline-block;
  font-family: "Armata", Verdana,  Arial, Helvetica, FreeSans, sans-serif;
  font-size: 17px; 
  line-height: 1;
  color: black;
  text-shadow: 0px 1px 2px #333333; 
} 

.Armata { 
  font-family: "Armata", Verdana,  Arial, Helvetica, FreeSans, sans-serif;
  font-weight: normal;
  font-size: 11px; 
  color: gray;
  text-shadow: 0px 1px 2px #cccccc; 
} 
 
/* Divers éléments de type en-ligne (8) */ 
em {
	font-style: italic;
} 
strong { 
  font-weight: bold; 
} 

/* ----------------------------- */
/*  =     Blocs                  */
/* ----------------------------- */

header, nav, footer, figure, section {
  display: block;
}

#wrapper {  
  min-height: 1250px;
  background: url(img/background2.jpg) center top no-repeat;
}

/* Header */ 

header {
  position: relative;
  border-bottom: 1px solid #7394A0;
}

header nav {
  position: absolute;
  right: 0;
  bottom: 15px;
  font: 1.6em "Armata", Verdana, Tahoma, Arial, Helvetica, FreeSans, sans-serif;
}
header nav a {
  position: relative;
  color: white;
  text-decoration: none;
  padding: 6px 12px;
}
header nav a:hover, header nav a:focus {
  text-decoration: none;
  background-color: rgba(255,255,255,0.1);
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
}

header nav a[href^="http:"]:hover {
  background-image: url(img/arrow.png);
  background-position: 95% 3px;
  background-repeat: no-repeat;

}

/* Content */ 

#content {
  width: 950px; 
  height: 817px;
  margin: 0 auto;
  padding-top: 20px;
}

#content p#presentation {
  clear: both;
  font-size: 1.2em;
}
#content section {
  width: 600px;
  margin-top: 30px;
}
section a {
  padding: 1px 5px;
  background-color: #3B6C7E;
}
section a:hover, section a:focus {
  text-decoration: none;
  background-color: #2a5b6d;
}
section a[href^="http:"] { 
  padding-right: 12px;
  background-image: url(img/arrow-text.png);
  background-position: right center;
  background-repeat: no-repeat; 
}

#content section.presentation, #content section.contact {
  padding: 5px 15px;
}
#content section h2 {
  margin: 10px 0 5px 0;
  padding: 0;
}

#content section.presentation h2, #content section.contact h2 {
  display: inline-block;
  font-family: "Armata", Verdana,Tahoma,  Arial, Helvetica, FreeSans, sans-serif;
  padding: 5px 15px;
  background: rgba(255,255,255,0.2);
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px; 
}



#content figure {
	display:inline-block;
	position: relative;
	vertical-align:top;
	width:210px;
	height:168px;
	background:rgba(255,255,255,0.2);
	border:12px solid rgba(255,255,255,0.2);
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	border-radius:3px;
	-moz-box-shadow:1px 1px 13px #999;
	-webkit-box-shadow:1px 1px 13px #999;
	box-shadow:1px 1px 13px #999;
	margin:0 40px 40px 0
}
#content figure a {
  text-decoration: none;
  padding: 0;
}
#content figure a[href^="http:"]:after { 
content: ""; 
}
#content figure h2 {
	position: absolute;
	top: -27px;
	display:block;
	margin:0;
	padding:0;
	font-size:20px;
	color:#fff;
	font-family: "Armata", Verdana, Tahoma, Arial, Helvetica, FreeSans, sans-serif;
	text-shadow:0 0 10px #000;
	opacity:0.7;
}
#content figure:hover, #content figure:focus {
  border: 12px solid rgba(255,255,255,0.4);
}
#content figure:hover h2, #content figure:focus h2 {
  opacity: 0.9;
}

#content p.contact {
  margin-top: 20px;
}
#content p.contact img {
  float: left;
  margin-right: 20px;
}
#content p.livres img {
  float: right;
  margin-left: 20px;
}

/* Footer */ 

footer {
  clear: both;
  width: 925px;
  margin: 20px auto;
  padding-right: 0px;
}
footer nav {
  float: right;
  margin-bottom: 70px;
}
footer nav a {
  display: inline-block;
  vertical-align: top;
  height: 65px;
  line-height: 65px;
  margin-left: 5px;
  padding: 0 10px;
  background: rgba(255,255,255,0.1);
  -moz-border-radius: 8px;
  -webkit-border-radius: 8px;
  border-radius: 8px;
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}
footer nav a img {
  vertical-align: middle;
}

footer nav a:hover, footer nav a:focus {
  -moz-transform: rotate(10deg); 
  -webkit-transform: rotate(10deg);
}
footer #alsacreations {
  clear: both;
  float: right;
}
footer #top a {
  display: block;
  margin-bottom: 15px;
}
footer #alsacreations img {
	-moz-transform: rotate(0deg); 
  -webkit-transform: rotate(0deg);
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
}
footer #alsacreations img:hover, footer #alsacreations img:focus {
  -moz-transform: rotate(5deg); 
  -webkit-transform: rotate(5deg);
}
/* newlook */ 

newlook nav a {
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  -o-transition: all .5s;
  transition: all .5s;
}

newlook nav a:hover, newlook nav a:focus {
  -moz-transform: rotate(10deg); 
  -webkit-transform: rotate(10deg);
}
newlook #top img {
	-moz-transform: rotate(0deg); 
  -webkit-transform: rotate(0deg);
  -webkit-transition: all .5s;
  -moz-transition: all .5s;
  transition: all .5s;
}
newlook #top img:hover, newlook #top img:focus {
  -moz-transform: rotate(10deg); 
  -webkit-transform: rotate(10deg);
}

/* ----------------------------- */
/*  =     Flickr Badge           */
/* ----------------------------- */

/*
      Les images sont emballées dans des classes divs "flickr_badge_image" avec des ids "flickr_badge_imageX" où "X" est un integer spécifiant une position ordinale. Pour commencer, des styles vous sont proposés! 
      */
#flickr_badge_uber_wrapper {
  position: relative;
  left: -20px;
  width:350px; 
  margin-left: 0px;
}
.flickr_badge_image {display: inline;line-height: 1;}

#flickr_badge_uber_wrapper img {
  display: inline-block;
  background:#555;
  padding:2px;
  margin: 0 15px 15px 15px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  -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;
}

#flickr_badge_uber_wrapper a:hover img, #flickr_badge_uber_wrapper a:focus img {
  background:#fff;
  -moz-transform: scale(1.15);
  -webkit-transform: scale(1.15);
  transform: scale(1.15);
}


/* ----------------------------- */
/*  =     Web mobile             */
/* ----------------------------- */

@media only screen and (max-device-width:480px) {
    html {-webkit-text-size-a?????????E?djust: 150% !important;}
    #wrapper { background: black !important; }
    body {font-size:1.2em !important;}
    h1 span {color:#fff!important;}
    header nav {position:static!important; font-size:2em!important;}
    header nav a {padding:10px 20px!important;}
    #content {height: auto!important;width: auto!important;}
    #content section {width:auto!important;margin: 70px 0!important;}
    #content figure {margin:0 10px 10px 0!important; border: 0!important;}
}

@media only screen and (max-device-width:640px), only screen and (max-width:640px) {
	#wrapper, #content, #content section, #content figure, footer {
  	width: auto !important;
	}
	img,table,td,blockquote,object,embed,video,input,code,pre,textarea {
	max-width:90% !important
	}	
	code,pre,textarea {
	word-wrap:break-word!important;
	white-space: pre-wrap!important;
	}
	body {
		background:none!important;
		background-color:#000!important;
		padding: 0 10px;
		font-size: 80%!important;
	}
	#wrapper {
		background:none!important;
		background-color:#000!important;
	}
	#content {
		height: auto!important;
	}
	#content section {
		margin-top: 30px!important;
	}
	#content p#presentation {font-size: 1em!important; margin-bottom:0;}
	#content section h2 {margin:0!important;}
	#content section a {background:none!important;background-color:#000!important;}
	h1 {font-size: 2em!important;}
	h1 span {color:#fff!important;text-shadow:0 0 15px #FFFFFF;}
    header nav {position:static!important; font-size:1.2em!important;}
    header nav a {display:inline-block;padding:10px!important; margin-bottom: 2px!important;}
    #content {height: auto!important;width: auto!important;}
    #content section {width:auto!important;}
    #content figure {margin:0 10px 10px 0!important; border: 0!important; width:130px!important; height:auto!important; -moz-box-shadow:1px 1px 13px #fff;-webkit-box-shadow:1px 1px 13px #fff;}
	#content figure h2 {position: static!important;font-size: 1em!important; margin-left: 4px!important; color:#fff!important}
	#content figure a {color: #fff!important}
}
@media only screen and (max-device-width:640px) and (orientation:landscape)  {
	body {
	-webkit-text-size-adjust: 90% !important;
	}
}
.text_gallery {  font-family:  "Armata", Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #cccccc; list-style-position: inside; margin-left:20px; margin-right:20px; padding: 15px 15px 15px 15px}
.text {  font-family:  "Armata", Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #ccff00; list-style-position: inside; padding: 0px 0px 15px 0px}
.textform {  font-family:  "Armata", Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff; list-style-position: inside}
.textgris {  font-family:  "Armata", Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #E8E8E8; list-style-position: inside;}
.reply {  font-family:  "Armata", Verdana, Arial, Helvetica, sans-serif; font-size: 12px; list-style-position: inside; color: #ccff00; display: block; font-style: italic; padding: 0px 40px 0px 50px}
.text1 {  font-family:  "Armata", Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: white; list-style-position: inside; text-align: justify; padding: 10px 10px;}
a.text1 {  font-family:  "Armata", Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: blue; text-decoration: none}
a.text1:hover {  font-family:  "Armata", Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #ccff00; text-decoration: none}
a.text1:visited {  font-family:  "Armata", Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: gray; text-decoration: none}
a.text1:visited:hover {  font-family:  "Armata", Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #ccff00; text-decoration: none}
.gig {  font-family:  "Armata", Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: blue; list-style-position: inside; text-decoration: none}

.text2 {  font-family:  "Armata", Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: white; list-style-position: inside; text-align: justify; padding: 10px 10px;}
a.text2 {  font-family:  "Armata", Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: gray; text-decoration: none}
a.text2:hover {  font-family:  "Armata", Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; color: white; text-decoration: none}
a.text2:visited {  font-family:  "Armata", Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: white; text-decoration: none}
a.text2:visited:hover {  font-family:  "Armata", Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: blue; text-decoration: none}

.text3 {  font-family:  "Armata", Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: gray; list-style-position: inside; text-align: justify; padding: 10px 10px;}
a.text3 {  font-family:  "Armata", Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: white; text-decoration: none}
a.text3:hover {  font-family:  "Armata", Verdana, Arial, Helvetica, sans-serif; font-size: 10px; font-weight: bold; color: white; text-decoration: none}
a.text3:visited {  font-family: "Armata", Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: white; text-decoration: none}
a.text3:visited:hover {  font-family:  "Armata", Verdana, Arial, Helvetica, sans-serif; font-size: 10px; color: orange; text-decoration: none}

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

.text4 {  font-family:  "Armata", Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: red; list-style-position: inside; display: block; padding: 0px 15px 0px 10px}
a.text4 {  font-family:  "Armata", Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #ffffff; text-decoration: none}
a.text4:hover {  font-family:  "Armata", Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: white; text-decoration: none}
a.text4:visited {  font-family:  "Armata", Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #ffffff; text-decoration: none}
a.text4:visited:hover {  font-family:  "Armata", Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: orange; text-decoration: none}

.text5 {  font-family:  "Armata", Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: #fff; display: block}
a.text5 {  font-family:  "Armata", Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: #ccff00; text-decoration: none}
a.text5:hover {  font-family:  "Armata", Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold; color: yellow; text-decoration: none}
a.text5:visited {  font-family:  "Armata", Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: white; text-decoration: none}
a.text5:visited:hover {  font-family:  "Armata", Verdana, Arial, Helvetica, sans-serif; font-size: 12px; color: white; text-decoration: none}

.textinfo {
	font-family: "Armata", Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
}
.textarialmini {
	font-family: "Armata", Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #999999;
}


.round {
 -webkit-border-radius: 15px;
 -moz-border-radius: 15px;
 border-radius: 15px;
 behavior: url(PIE.htc);
}

.arrondi { 
    -moz-border-radius: 20px; 
    -webkit-border-radius: 20px; 
    -khtml-border-radius: 20px; 
    border-radius: 20px; 
    behavior: url(PIE.htc); 
}
.tableaugalerie { 
background:rgba(0, 0, 0, 0.8) url();
font:13px "Armata", sans-serif;
	text-shadow:0 2px 0px #000;
	min-width:820px;
	width:820px;
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    -khtml-border-radius: 10px; 
    border-radius: 10px; 
    behavior: url(PIE.htc); 
  -moz-box-shadow: 2px 2px 120px #000; 
  -webkit-box-shadow: 2px 2px 120px #000; 
  box-shadow: 2px 2px 120px #000;
}
.tableauachats { 
background:rgba(0, 0, 0, 0.7) url();
font:13px "Armata", sans-serif;
	text-shadow:0 2px 0px #000;
	min-width:700px;
	width:700px;
	float:center;
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    -khtml-border-radius: 10px; 
    border-radius: 10px; 
    behavior: url(PIE.htc); 
  -moz-box-shadow: 2px 2px 120px #000; 
  -webkit-box-shadow: 2px 2px 120px #000; 
  box-shadow: 2px 2px 120px #000;
}

.tableaucontact{ 
background:rgba(0, 0, 0, 0.8) url();
font:13px "Armata", sans-serif;
	text-shadow:0 2px 0px #000;
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    -khtml-border-radius: 10px; 
    border-radius: 10px; 
    behavior: url(PIE.htc); 
  -moz-box-shadow: 2px 2px 120px #000; 
  -webkit-box-shadow: 2px 2px 120px #000; 
  box-shadow: 2px 2px 120px #000;
}
.tableaugalerielight { 
background:rgba(0, 0, 0, 0.5) url();
font:13px "Armata", sans-serif;
	text-shadow:0 2px 0px #000;
	min-width:820px;
	width:820px;
	height:100%;
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    -khtml-border-radius: 10px; 
    border-radius: 10px; 
    behavior: url(PIE.htc); 
}
.tableaugalerielight600 { 
background:rgba(0, 0, 0, 0.5) url();
font:13px "Armata", sans-serif;
	text-shadow:0 2px 0px #000;
	min-width:820px;
	width:600px;
	height:100%;
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    -khtml-border-radius: 10px; 
    border-radius: 10px; 
    behavior: url(PIE.htc); 
}

.tableaugalerietransp { 
font:13px "Armata", sans-serif;
	text-shadow:0 2px 0px #000;
	min-width:820px;
	width:820px;
}

.titreglow{
  font-family: "Armata", Verdana,  Arial, Helvetica, FreeSans, sans-serif;
  font-size: 22px; 
		font-weight:bold;
        line-height:25px;
		background:rgba(0, 0, 0, 0.8) url();
		padding:8px 10px 8px 10px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
    behavior: url(PIE.htc); 
	}
.Armata18 { 
  font-family: "Armata", Verdana,  Arial, Helvetica, FreeSans, sans-serif;
  font-weight: normal;
  font-size: 18px; 
  color: gray;
  text-shadow: 0px 1px 2px #cccccc; 
  		background:rgba(0, 0, 0, 0.8) url();
		padding:8px 10px 8px 10px;
-moz-border-radius:7px;
-webkit-border-radius:7px;
    behavior: url(PIE.htc);
} 

.tableaugaleriewhite { 
background:rgba(255, 255, 255, 0.8) url();
font:13px "Armata", sans-serif;
	min-width:820px;
	width:820px;
    -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 rgba(0, 0, 0, 0.6); 
  -webkit-box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6); 
  box-shadow: 2px 2px 10px rgba(0, 0, 0, 0.6);
}

.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 30px #000; 
  -webkit-box-shadow: 2px 2px 30px #000; 
  box-shadow: 2px 2px 30px #000;
}

.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 #000; 
  -webkit-box-shadow: 2px 2px 10px #000; 
  box-shadow: 2px 2px 10px #000;
}
.arrondiombrevignettenus { 
    -moz-border-radius: 5px; 
    -webkit-border-radius: 5px; 
    -khtml-border-radius: 5px; 
    border-radius: 5px;
	border-color: #ccc;
	border-width: 1px; 
    behavior: url(PIE.htc); 
  -moz-box-shadow: 2px 2px 10px #000; 
  -webkit-box-shadow: 2px 2px 10px #000; 
  box-shadow: 2px 2px 10px #000;
}
.ombre { 
  -moz-box-shadow: 2px 2px 10px #000; 
  -webkit-box-shadow: 2px 2px 10px #000; 
  box-shadow: 2px 2px 10px #000;
}
.ombre_cadre { 
  -moz-box-shadow: 2px 10px 15px #000; 
  -webkit-box-shadow: 2px 10px 15px #000; 
  box-shadow: 2px 10px 15px #000;
}

.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:#000;
  margin: 2px 2px 2px 2px;
  -moz-border-radius: 7px;
  -webkit-border-radius: 7px;
  border-radius: 7px;
  behavior: url(PIE.htc);
   box-shadow: 0px 0px 40px #ccff00; 
  -moz-box-shadow: 1px 1px 9px #000; 
  -webkit-box-shadow: 1px 1px 9px #000; 
  box-shadow: 1px 1px 9px #000;
  -webkit-transition: all .4s;
  -moz-transition: all .4s;
  -o-transition: all .4s;
  transition: all .4s;
}

#bigger a:hover img, #bigger a:focus img {
  -moz-transform: scale(1.1); 
  -webkit-transform: scale(1.1);
  transform: scale(1.1);
  box-shadow: 0px 0px 40px #ccff00; 
  -moz-box-shadow: 0px 0px 40px #ccff00; 
  -webkit-box-shadow: 0px 0px 40px #ccff00; 
  box-shadow: 0px 0px 40px #ccff00;

}

#scroll {
width:100%;
height:400px;
margin:10px auto;
background:transparent;
border:0px solid #000;
overflow:auto;
white-space:nowrap;
}
#scroll img {
margin:0 50px 0 100px;
box-shadow: 10px 10px 5px rgba(0,0,0,0.3); -moz-box-shadow: 10px 10px 10px rgba(0,0,0,0.3); -webkit-box-shadow: 10px 10px 10px rgba(0,0,0,0.3); -khtml-box-shadow: 10px 10px 5px rgba(0,0,0,0.3);
}
::-webkit-scrollbar {
    height: 25px;
width: 25px;
background: transparent;
    }
::-webkit-scrollbar-thumb {
    background: #ccff00;
    -webkit-border-radius: 0.5ex;
}
::-webkit-scrollbar-corner {
    background: #000;
}