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

body { background-color: #d9d9ff; margin: 0; padding: 0; }
body, p, div { font-family: Myriad Pro, Arial, Helvetica, sans-serif; font-size: 13px; color: #666666; }

#centreur1 { position: absolute; width: 100%; height: 433px; top: 50%; left: 0; margin-top: -220px;
	background: repeat-x center center #d9d9ff url(images/body_bg.jpg);  }
#centreur2 { position: absolute; top: 50%; left: 50%; margin: -220px 0 0 -392px; }

#cadreblanc { width: 784px; height: 433px; padding: 3px 0 13px 0;
	background: url(images/body_cadreblanc.png) no-repeat center !important;
	_background: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled='true', sizingMethod='crop', src='images/body_cadreblanc.png');
	}
	
#slogan { width: 453px; height: 125px; float: left; display: block; position: relative; left: 8px;
	background: url(images/slogan.jpg) top left no-repeat; }
#logo { width: 315px; height: 125px; display: block; float: right; position: relative; right: 8px;
	background: url(images/logo.png) top right no-repeat; }
#droite { width: 225px; height: 300px; float: right; position: relative; right: 15px; text-align: right; }

#exemple, #signeastral { width: 217px; height: 35px; display: block; float: right; margin-top: 10px }
#exemple { background: url(images/bouton_exemple.png); }
#signeastral { background: url(images/bouton_signeastral.png); }

#boutons { height: 155px; _height: 170px; padding: 15px 0 0 35px; _padding-left: 20px;
	font-size: 12px; color: #e5855c; line-height: 18px; text-align: center; font-weight: bold; }

a:link, a:visited { color: #6666cc; text-decoration: underline; }
a:hover, a:active { color: #eb9bc3; text-decoration: underline; }

#contenu { float: left; width: 768px; height: 308px; position: relative; left: 8px; }