/* Reset CSS */
html, body, div, span,
applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, imgs, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dd, dl, dt, li, ol, ul,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td  {
margin: 0;padding: 0;border: 0;font-weight: inherit;font-style: inherit;font-size: 100%;line-height: 1.5;font-family: inherit;vertical-align: baseline; }

/* Params */
body  { font: 100% Arial, Helvetica, sans-serif; background: #d72e7c url(../design/fond-page.gif) 50% 0 repeat-y; color: black;  }
hr, .cache  {position: absolute;left: -5000px;top: -5000px; font-size: 1px; }
img  { border: none;  }
strong  { font-weight: bold;  }
em  { font-style: italic;  }
acronym  { border-bottom: 1px solid #ccc; cursor: help;  }
a img, :link img, :visited img  { border: 0 none;  }
.cache {  position: absolute; top: -1000px; font-size: 1px; color:#fff; }

/* Structure */
#design { width: 1200px; margin: 0 auto; font-size: .85em/1.2em; }
#entete { width: 1200px; height: 337px; background: url(../design/entete.gif) no-repeat; color: white; }
#entete img { position: absolute; z-index: 1;  top:0;  }
#menu {  position: fixed; z-index: 1; top:165px; left: 50%; margin-left: -582px; width: 80px; }
#tools {  position: fixed; z-index: 1; top:260px; left: 50%; margin-left: 500px; width: 80px; }
#doc {  margin: 50px 395px 50px 405px; background:  #c41d6e  url(../design/light.gif) repeat-x; min-height: 200px; border-radius:10px; padding: 30px; color: white; position:relative; z-index:1;
 -moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
 -ms-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
 -o-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
 -webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
 box-shadow: 0 0 20px rgba(0, 0, 0, 0.5); } 
 #slide  { width: 800px; height: 600px; background-color:#333; position:absolute; z-index:-1; margin-top:-130px; left:50%; margin-left: -400px; }

/* Visuel */
#visuel  { width: 1400px; height: 700px; }
#visuel img  { position: absolute; width: 1400px; height: 700px; opacity:0.0; filter:alpha(opacity:0); }
#visuel img#prims  { opacity:1.0; filter:alpha(opacity:10); }

/* Menus */
#menu a, #tools a  { display: inline-block; width: 80px; height: 80px; background-color: #d72e7c; margin: 7px 0; border-radius:8px; border:1px solid transparent,
 -moz-box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
 -ms-box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
 -o-box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
 -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, 0.8);
 box-shadow: 0 0 10px rgba(0, 0, 0, 0.8); }
 
 /* Doc */
#doc.top {}
#doc  h1 { font-size: 1.6em; margin-bottom: 25px; line-height:1; padding-bottom:3px; }
#doc  h1 span, #doc  h1.span { border-bottom: 5px solid white; }
#doc  h2 { font-size: 1.4em; margin-bottom: 15px; line-height:1;font-weight: bold;  }
#doc p { font-size: .9em; margin-bottom: 15px; }
#doc p a { color: white; }
#doc p span { background-color: white; color:  #c41d6e; padding: 3px; }
#doc p span b { color:  #666; }


/* Popups */
.popup { display: none; position: absolute; z-index: 10; left:50%; margin-left: -300px; width:600px; background-color: white; border: 5px solid white; border-radius: 10px; -webkit-box-shadow: 0 0 15px #000; -moz-box-shadow: 0 0 15px #000; box-shadow: 0 0 15px #000; font-size: .8em;  } 
.contenupop { margin: 20px; display: block; }
.closepop a {  }

/* Slide */
#slide img { }

/* Iframe */
iframe { width: 340px; height: 340px; }
input.submit {
	padding: 0;
	margin-top: 10px;
	width: 340px;
	height: 30px;
	line-height: 28px;
	font-size: 1em;
	text-align: center;
	color: #d72e7c;
	border: 1px solid #d72e7c;
	border-radius: 5px;
	background-color:  white;
	cursor: hand;
	font-weight: bold;
	}
	
/* RA */
	
iframe#RA { width: 700px; height: 700px; margin: 0 250px; }