@font-face {font-family: amandine1; src: url('amandine.ttf'); }
.clear { clear: both; }
* { margin: 0; padding: 0; border: 0; }
a { outline: none; }

body { 
	background-color:#eee; font-family:Arial;
	background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #fff), color-stop(1, #ddd));
	height: 100%;
}

/* Hack Firefox */
html:not([lang*=""]) body { background-image: -moz-linear-gradient(top, #fff, #ddd); }

div#container { width:980px; height:100%; margin:0 auto; position:relative;}
#header { padding:20px 0; height:75px; }
#logo h1 { 
	background-color:#262626; font-size:30px; color:#fff; display:inline; padding:18px; float:left; 
	/*background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #aeaeae), color-stop(1, #6e6d6d)); */
	/*text-shadow:0 1px 1px #ccc; */
}
#logo h1 a { text-decoration:none; color:#fff;	}

#newsinfo { position:absolute;top:0;right:0;font-size:12px;color:#fff;padding:5px 10px;background:#f35c20;-webkit-border-radius:0 0 10px 10px;-moz-border-radius:0 0 10px 10px; }
#header #facebook { position:absolute;top:25px;right:0;-webkit-border-radius:5px;-moz-border-radius:5px;border:1px solid #ccc;background:#fff; }


/*
div#notice { margin-bottom: 20px; border: 5px solid #4f504f; position: relative; overflow: visible; -webkit-border-radius: 10px; -moz-border-radius: 10px; color: #EEE; background-color: #262626; text-shadow: 0 -1px 1px #000; }
*/
div#notice { margin: 0 auto 30px auto; position:relative; overflow:visible; color:#333; -webkit-border-radius:10px; -moz-border-radius:10px; background-color:#e4e4e4;width: 875px; }
span#jour, span#mois { float: left; font-size: 25px; font-weight: bold; font-variant: small-caps; margin: 12px 0 10px 10px;}
div#notice p {float:right;margin:20px 15px;font-size:15px;width:540px;text-align:right;}

/* Hack Firefox */ 
/*html:not([lang*=""]) #logo h1 { background-image: -moz-linear-gradient(top, #aeaeae, #6e6d6d); }*/

div#notice a, div#notice span.array { position: absolute; display: block; height: 30px; width: 30px; background-image: url(../imgs/boutons3.png);}
a#left-array { background-position: 0 0; top: 14px; left: -50px; }
a#right-array { background-position: 30px 0; top: 14px; right: -50px; }
span#left-null-array { background-position: 0 30px; top: 14px; left: -50px; }
span#right-null-array { background-position: 30px 30px; top: 14px; right: -50px; }
a#left-array:hover { background-position: 0 -30px; }
a#right-array:hover { background-position: 30px -30px; }

#slogan span { font-family: amandine1; font-size: 45px; color: #FFF; float: right; }

div#nothingyet { text-align: center; margin: 80px 0 80px 0; }
div#nothingyet p { font-family: Arial; font-size: 27px; color: #BBB; margin-bottom: 40px; }

/* Diaporama */
#diaporama { width: 980px; overflow: hidden; }
#diaporama h2 { height: 30px; font-weight: normal; color:#333; }
#diaporama h2.h2_bonjour {color:#999; font-size: 14px;padding-top: 10px;height: 20px;}
#diaporama ul { list-style: none; width: 1030px; }
#diaporama li { float: left; margin: 0 32px 25px 0; position:relative; overflow:hidden;width:170px;height:200px; }
#diaporama li div {
	display:block;width:150px;height:150px;
	overflow:hidden;font-size:12px;background-color:#000; color: #fff;
	position:absolute;top:30px;left:0;padding:10px;margin-left:-300px;
	-webkit-transition: margin-left;
	-webkit-transition-timing-function: ease-in;
	-webkit-transition-duration: 250ms;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	opacity: .9;
}
#diaporama li:hover div { margin-left: 0; }
#diaporama li div p { margin-bottom: 20px; }
#diaporama li div strong { font-family: Arial; font-weight: bold; font-size: 22px; display: block; margin-bottom: 20px;	}
#diaporama li a img {
	border: 5px solid #4f504f;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}
#diaporama li a:hover img {
	border: 5px solid  #f35c20;
}
#diaporama li a { color: #FFF; font-weight: bold; }
#diaporama li strong a { text-decoration: none; }

/* Adsense */
div.adsense { width:200px; height:200px; }
.pub_mega { position:absolute;width:728px;height:90px;top:10px;right:0; }

/* Show */
#fblike{padding:5px;height:25px;width:490px;}
#twlike{height:30px;float:right;}
.pub_menu { background:#fff; width: 728px; height: 15px; margin-bottom: 10px; }
#show { margin-bottom: 60px; }
#show #show_left { float: left; width: 300px; margin-right: 20px; }
#show #show_left .pub_pave { width: 300px; height: 250px; text-align: center;margin-bottom: 20px; }
#show #show_left .facebook { width:250px;margin:0 auto 15px;background:#fff;-webkit-border-radius:5px;-moz-border-radius:5px;border:1px solid #ccc;}
#show .photo_desc { padding:5px; color: #fff; font-size: 12px; display: block; background: #4f504f;
	-webkit-border-radius: 5px 5px 0 0;
	-moz-border-radius: 5px 5px 0 0;
}
#show .photo_desc1 { margin-top:10px; }
#show .photo_desc2 { background:#fff; color: #333;
	-webkit-border-radius: 0 0 5px 5px;
	-moz-border-radius: 0 0 5px 5px;
}
#show .photo_desc p {margin:5px;}
#show .photo_desc span { display:block; color:#fff; font-size: 13px; font-weight:bold; }
#show .photo_desc2 span { color:#262626; padding-bottom: 5px; }
#show .photo_desc a { color:#ccc; text-decoration:none; }
#show .photo_desc a:hover { text-decoration:underline; }
#show #show_left  .vignettes { 
	display: block; width: 300px; background: #e4e4e4;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
}
#show #show_left  .vignettes span { display:block; padding: 5px; color:#262626; font-size: 13px; font-weight:bold; }
#show #show_left  .vignettes ul { list-style: none; }
#show #show_left  .vignettes  ul li{ float: left; margin: 5px 5px 0; }

#show #show_img  { float:left;width:660px; }
#show #show_img img { 
	display:block;border:5px solid #4f504f;
	-webkit-border-radius:10px;
	-moz-border-radius:5px;
}
#show .pub_sky { float:left; width:160px; height:600px; text-align:center; margin-left:20px; }	

#show #page { 
	display: block;	float: left; width: 440px; background:#4f504f; border: 10px solid #4f504f; color:#fff;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
}

/* Links */
#links { position: fixed; bottom: 10px; left: 10px;}
#links a {display: block; float: left; margin-right: 10px; height: 75px; width: 75px; }
#links a#twitter { background: url(../imgs/twitter.png) no-repeat top left;}
#links a#rss { background: url(../imgs/rss.png) no-repeat top left;}

/* Footer */

div#footer { text-align: center; color: #4f504f; font-size: 11px; margin-bottom: 10px;}
div#footer a { color: #000; font-weight: bold; text-decoration: none; }

.tipsy { padding: 5px; font-size: 10px; opacity: 0.8; filter: alpha(opacity=80); background-repeat: no-repeat;  background-image: url(../imgs/tipsy.gif); }
  .tipsy-inner { padding: 5px 8px 4px 8px; background-color: black; color: white; max-width: 200px; text-align: center; }
  .tipsy-inner { -moz-border-radius:3px; -webkit-border-radius:3px; }
  .tipsy-north { background-position: top center; }
  .tipsy-south { background-position: bottom center; }
  .tipsy-east { background-position: right center; }
  .tipsy-west { background-position: left center; }