@charset "utf-8";
/* CSS Document */

html, body, p { padding:0; margin:0; border:0; font-family: Helvetica, Arial, sans-serif; }
img { border: 0px; }

/* positionnement des elements */
body { width: 100%, text-align:center; background: #000; }

#conteneur { width: 100%; position: relative; min-width: 1000px; }
	#contenu { position: absolute; top: 23%; left: 31%; width: 40%; }
		#image { float: left; width: 49%; display: inline; }
		#pipo { float: right; width: 49%; display: inline; }
	#encorediv { position: absolute; top: 43%; left: 31%; width: 40%; text-align:center; }

#footer { width: 966px; margin: 0px auto; position: fixed; _position:absolute; bottom : 0; left: 50%; margin-left : -483px; z-index: 10; background: #000; }
	#footercontent {position: relative; }
		.footer-haut { height: 80px; cursor: pointer; }
		.footer-bas { height: 230px; }
			.foot1 { width: 200px; position: absolute; top: 95px; left: 54px; }
			.foot2 { width: 200px; position: absolute; top: 95px; left: 270px; }
			.foot3 { width: 200px; position: absolute; top: 95px; left: 488px; }
			.foot4 { width: 200px; position: absolute; top: 95px; left: 700px; }
/* images */
.pipoh1 { position: absolute; left: 54px; top: 34px; }
.pipoh2 { position: absolute; left: 700px; top: 34px; }
#encore { cursor:pointer; }
#image { cursor:pointer;  }
#image img { width: 80%; }

/* textes */
.footer-bas h2 { font-size: 16px; color: #808080; font-weight: normal; margin: 0px; padding-bottom: 15px; }
.footer-bas p { font-size: 11px; color: #808080; }
#pipo a, #pipo a:hover, #pipo a:visited { color:#fff; font-size: 12px; }
#pipo p { font-size: 18px; color: #cccccc; }
#pipo1, #pipo3, #pipo5, #pipo7, #pipo2, #pipo4, #pipo6 { color: #cccccc; cursor:pointer;  }
#pipo1.on, #pipo3.on, #pipo5.on, #pipo7.on, #pipo2.on, #pipo4.on, #pipo6.on { color: #8bfefb; }
#pipotot { }
#encorediv a, #encorediv a:hover, #encorediv a:visited { color:#fff; font-size: 12px;}
#encorediv p { font-size: 18px; color: #fff; }

/* liens */
.footer-bas a, .footer-bas a:hover, .footer-bas a:visited { font-size: 11px; color: #808080; text-decoration:underline; }

/*pop-up*/
#backgroundPopup{ display:none; position:fixed; _position:absolute; /* hack for internet explorer 6*/ height:100%; width:100%; top:0; left:0; background:#000000; z-index:1; }
#popupContact{ display:none; position:fixed; _position:absolute; /* hack for internet explorer 6*/ color: #808080; height:384px; width:408px; background:#000000; z-index:10000; padding:12px; font-size:13px; }
	#contactgauche { width: 192px; float: left; display: inline; }
	#contactdroit { width: 192px; float: right; display: inline; }
#popupContact h1{ text-align:left; color:#35b5b5; font-size:22px; font-weight:normal; border-bottom:1px dotted #808080; padding-bottom:2px; margin-bottom:20px; }
#popupContactClose{ font-size:14px; line-height:14px; right:6px; top:4px; position:absolute; color:#808080; font-weight:700; display:block; cursor:pointer; }

/*pop-up crédits*/
#backgroundPopup2{ display:none; position:fixed; _position:absolute; /* hack for internet explorer 6*/ height:100%; width:100%; top:0; left:0; background:#000000; z-index:1; }
#popupContact2{ display:none; position:fixed; _position:absolute; /* hack for internet explorer 6*/ color: #808080; height:365px; width:642px; background:#000000; z-index:10000; padding:12px; font-size:13px; }
#popupContact2 h1{ text-align:left; color:#808080; font-size:22px; font-weight:normal; padding-bottom:2px; margin-bottom:20px; }
	#imagecredits { padding-left: 26px; width: 313px; float: left; display: inline; height: 289px; padding-top: 20px; }
		.hautimage { height: 254px;  }
		.basimage { height: 45px; padding-top: 10px; }
	#textecredits { float: right; display: inline; padding-right: 26px; width: 240px; height: 289px; padding-top: 20px; }
		.hauttexte { height: 254px; }
		.bastexte { height: 45px; padding-top: 10px; }
#popupContactClose2 { font-size:14px; line-height:14px; right:6px; top:4px; position:absolute; color:#808080; font-weight:700; display:block; cursor:pointer; }
#creditsarea a, #creditsarea a:hover, #creditsarea a:visited { color: #808080; font-size:13px; text-decoration:underline; }

/*formulaire*/
#popupContact textarea { width: 384px; height: 60px; padding: 0px; margin: 0 0 10px 0; font-family: Helvetica, Arial, sans-serif; font-size:13px; }
#popupContact input[type="text"] { padding: 0px; margin: 0 0 10px 0; font-family: Helvetica, Arial, sans-serif; font-size:13px; }
#popupContact input[type="submit"]{ margin: 0px; background-image: url('img/envoyer.jpg'); background-repeat: no-repeat; border: 0px; color: transparent; cursor: pointer; padding: 0px; width: 84px; height: 24px; }
#popupContact textarea#pipoarea { height: 120px; }