html { width: 100%; height: 100%; }
body { margin: 0; padding: 0;
width: 100%; height: 100%;
font: 11px Verdana, Arial, Helvetica, sans-serif;
color: #333333; line-height: 18px;
background-image: url(/_com/images/popup-bg.gif); background-repeat: no-repeat  }


#gauche { position: absolute; width: 186px; height: 464px; }
#droite {
	position: absolute;
	width: 378px;
	height: 464px;
	left: 200px;
	top: 10px;
}
#footer {
	position: absolute;
	width: 588px;
	height: 104px;
	left: 0px;
	top: 465px;
}

h1 { color: #1176bc; font-size: 18px; text-align: center; margin: 0 0 12px 0; }

h2 {
	font: bold 12px/18px Verdana, Arial, Helvetica, sans-serif; color: #3c69ad;
	padding: 0; margin: 1.2em 0 1.4em 0;
	text-transform: uppercase;
	}

.inContent { padding: 5px; }

.intro { margin: 0 auto; width: 90%; text-align:center; }

p { font: 11px/18px Verdana, Arial, Helvetica, sans-serif; text-align: justify; }

.scrollContent { width: 100%; height: 320px; margin: 10px 0 0 10px; overflow-x: hidden; overflow-y: scroll; }


.ScrollGauche { width: 100%; height: 500px; margin: 10px 0 0 10px ; overflow-x: hidden; overflow-y: scroll; }

.photo { padding: 1px; border: 1px solid #3c69ad; margin: 0 0 5px 5px; }
.photo2 { padding: 1px; border: 1px solid #3c69ad; margin: 0 auto; }





.ScrollAll	{ width: 100%; height: 500px; overflow-x: hidden; overflow-y: scroll; }




.PopRight	{ float:right; font: bold 9px Verdana; margin:0 0 5px 14px  ;display:block; text-align:center}
.clear		{ clear:both;}