/* Général */
body {width:100%;margin: 5px auto;padding: 0;background:#404040 url(fond1.jpg) no-repeat fixed;}
	
img {border:0px;}
a {color: #f28d17;font: 100% Verdana, Arial, Helvetica, sans-serif;text-decoration:underline;font-weight:bold;}
a:hover {color: #f28d17;text-decoration:none;}
.droite{float: right; margin-right:20px;}
.gauche{float: left;padding:10px;}
.centre{text-align: center;}
.clear{clear:both;}
	
/* contenu général du corps du site */

#conteneur {

width:920px;
margin:0 auto;
background-color:#181818;}

a.haut{background:url(haut.png) no-repeat;height:20px;padding-left:25px;}
/* entete */

#entete {background: transparent url(entete.jpg) no-repeat;width:920px;height:191px;margin:auto;}
#fondflux {background: #000 url(fondintro3.png) no-repeat;width:920px;height:120px;padding:0px;margin:auto 0;}
#fondflux span{display: block;text-align: center;margin:auto 0;padding:5px;}

/* corps */

#corps{float:right;background: #181818;width: 620px;font-family: Georgia, Times, "Times New Roman", Helvetica, Verdana;;font-size:100%;font-weight:bold;color:#fff;}
#corps h1{padding: 20px;color: #f1f1f1;font-size: 22px; font-family: "Georgia", Times, Times New Roman, Helvetica, Verdana; font-weight:bold;text-decoration:none;}
#corps h2 {margin-left:20px;padding:10px;color:#fff; font-size: 20px; font-family: Georgia, Times, "Times New Roman", Helvetica, Verdana; font-weight:normal;}
#corps h3 {padding:10px;color:#d83b3b; text-align:center;margin:auto;font-size: 20px; font-family: Georgia, Times, "Times New Roman", Helvetica, Verdana; font-weight:normal;}
.fond-corps {margin:auto 0;background: #181818 url(fotointro.jpg) no-repeat center;width: auto;height:429px;}
#corps p{margin-left:20px;margin-right:20px;text-align:justify;line-height:25px;color:#f1f1f1;}
#ass{margin-right:10px;margin-left:10px;border:1px solid silver;margin:auto 0;background: #181818;width:600px;font-size:100%}
#ass a {color: #f28d17;font: 100% Verdana, Arial, Helvetica, sans-serif;text-decoration:underline;font-weight:bold;}
#ass a:hover {color: #f28d17;text-decoration:none;}
.bio{
margin-left:10px;
margin-right:10px;
line-height:30px;
border:2px solid #c1bfbf;
width:520px;
padding:15px;
-moz-border-radius:30px;
-webkit-border-radius:30px;
border-radius:30px;
-moz-box-shadow:2px 2px 5px #999;
-webkit-box-shadow:2px 2px 5px #999;
box-shadow:2px 2px 5px #999;}
.bio1{background:url(gio-bio1.png) top left no-repeat;width:auto;height:300px;padding-left:280px;}
.bio2{background:url(gio-bio.png) top right no-repeat;width:auto;height:300px;padding-right:280px;}
img.contour{border:3px solid #fff;opacity:0.8;}
img.contour:hover{opacity:1;}
#fond-corps {margin:auto 0;background: #181818 url(404.jpg) no-repeat;width: 580px;height: 435px;border-radius:10px;
-moz-border-radius:10px;
-webkit-border-radius:10px;}

/* colonne gauche */

#colonne {width:300px;float: left;margin:auto 0;background:#181818;}

/* Menu */	
	
#navigation-block {float:left;top:100px;left:100px;}
#hide {position:absolute;top:0px;left:-150px;}
ul#sliding-navigation{list-style: none;font-size: .75em;margin: 10px 0;padding: 0;}
ul#sliding-navigation li.sliding-element h3,
ul#sliding-navigation li.sliding-element a{
-webkit-transition:all .25s;
-moz-transition:all .25s;
-ms-transition:all .25s;
-o-transition:all .25s;
transition:all .25s;border-bottom:2px solid #111;color:#999;width:180px;height:31px;text-decoration: none;font-size: 16px; font-family: Georgia, Times, "Times New Roman", Helvetica, Verdana;display: block;padding: 5px 18px;margin: 0;margin-bottom: 5px;}
ul#sliding-navigation li.sliding-element h3{color: #fff;width:200px;height:31px;font-weight: normal;}
ul#sliding-navigation li.sliding-element a:hover {margin-left:10px;border-bottom:2px solid #c16002;width:200px;height:31px;color: #fff;}
ul#sliding-navigation li.sliding-element a.active {color: #fff; border-bottom:2px solid #c16002;}
	


/* pied */

#pied{background: url(fondintro.png) no-repeat;clear:both;width:920px;height:200px;margin:auto;}
#pied p{font-family: Georgia, Times, "Times New Roman", Helvetica, Verdana;;font-size:12px;font-weight:bold;color:#fff;text-align:center;}
.copyright{text-align:center;color:#fff;}
.copyright a{font-family: Georgia, Times, "Times New Roman", Helvetica, Verdana;;font-size:12px;color:#fff;text-decoration:underline;}
.copyright a:hover{text-decoration:none;}
.compa {line-height:30px;font-style:italic;color:#fff;text-shadow: 1px 1px 5px #000;}