/* CSS Document */

* { margin: 0; padding: 0; border: 0; font-size: 1em; font-weight: normal; font-style: normal; text-decoration: none; list-style-type: none; color:#533419; border:none; font-family:Georgia, "Times New Roman", Times, serif; }

body { 	font-size:12px; background-color: #f9df78;   }

#global { position:absolute; margin-top: -297.5px; /* moitié de la hauteur */ margin-left: -397.5px; /* moitié de la largeur */ width:795px; height:575px;  left: 50%; top: 50%; }
	
#footer { font-size:0.9em; text-align:center; }
	#footer a:link, #footer a:visited { color:#533419 }
	#footer a:hover { text-decoration:underline; }
	
#main {       }

#top { background: url(images/bg_top.jpg) top center no-repeat; height:15px; }

#logo { background:url(images/bg_middle.jpg) center repeat-y;  color:#ffcc33;   }
	#logo img { margin-left:10px; }
	#logo-menu { float:right; margin:5px 15px 0 0; font-size:0.9em; color:#ffcc33; text-transform:lowercase;  }
	#logo-menu ul { }
	#logo-menu li { display:inline; }
	#logo-menu li a:link, #logo-menu li a:visited { color:#ffcc33;  }
	#logo-menu li a:hover, #logo-menu a#current { color:#ff6600; }

#middle { background:url(images/bg_middle.jpg) center repeat-y; width:795px;}
#middle_780 { width:780px; margin-left:auto; margin-right:auto; }

#left { float:left; width:260px;}

#right { float:left; width: 518px; background-color:#ffcc33; }

/** CONTENT : partie éditable **/

#content { height:487px; overflow:auto; margin:0px; width:514px; margin: 5px 0 5px 0; }
	#content p { line-height:1.6em; margin:10px 0; }
	.content-img { float:right; clear:right; }
	#content legend { font-size:0.8em; color:#000000; padding:1px;}
	#content ul { list-style-image: url(images/puce.png); margin:5px 0; }
	#content li { margin-left:40px; margin-bottom:5px; }
	.content_puce { float:left; }
	#content form { margin:5px 0;}
	#content input, #content textarea { padding:2px; margin: 0 0 5px 0; float:left;  background-color:#f9df78; }
	.select { margin: 0 0 5px 0; float:left;  background-color:#f9df78; }
	#content label { float:left; margin: 5px 0; clear:left; width:150px;}
	.content-button { border:1px solid #a45209; padding:2px; margin: 5px 0; background-color:#f9df78; float:left; }
	#content a:link, #content a:visited { text-decoration:underline; font-weight:bold; }
	#content a:hover { color:#ff6600; }
	#content { 	scrollbar-face-color:#ffcc33; scrollbar-base-color:#ffcc33; scrollbar-arrow-color:#533419; 	scrollbar-track-color:#ffcc33; 	scrollbar-shadow-color:#533419; scrollbar-highlight-color:#ffcc33;	scrollbar-3dlight-color:#ffcc33; scrollbar-darkshadow-Color:#ffcc33; }

	
blockquote { margin:5px 0 10px 30px; padding-left:45px; font-size:1.6em; font-weight:bold; font-style:italic; width:250px; background-image: url(images/block.jpg); background-repeat: no-repeat; background-position: 5px -5px; color:#a45209; }

#bottom { background: url(images/bg_bottom.jpg) no-repeat bottom center; height:23px; color:#ffcc33; font-size:0.8em;
text-align:center; }

#menu { text-align:left;  font-size:1em; border-bottom:2px solid #533419; width:778px; background-color:#a45209; }
	#menu ul { width:auto; padding:5px 15px;}
	#menu li {  display:inline;  }
	#menu li a:link, #menu li a:visited { padding:5px 15px; color:#ffcc33; text-transform:uppercase; font-weight:bold; }
	html>body #menu li a { width: auto;  }
	#menu li a:hover, #menu #current { color:#ff6600; background-color:#533419; }
	
	.presentation { width: 500px; height:100px; padding:5px 0; font-size:0.9em; margin-left:10px; }
	.pre_img { float:left; }
	.pre_texte { }

	
h3 { text-align:left; text-transform:uppercase; width:300px; font-size:1.2em; margin:5px 0; }
h2 { margin:5px 0 10px 0; text-align:left; letter-spacing: 0.1em; font-size:1.5em; text-transform:uppercase; color:#a45209; font-weight:bold;
	background-image: url(images/pu_ce_titre.jpg); 	background-repeat:no-repeat; background-position: left center; padding-left:30px;}
	h4 { text-align:left; text-transform:uppercase; font-size:1em; font-weight:bold; }

.spacer { clear:both; }

.hide_link { position:absolute; left:0; top:0; z-index:1; visibility: hidden; overflow: hidden; width:100px; height:100px; }

.video { position:absolute; margin-top: -150px; /* moitié de la hauteur */ margin-left: -160px; /* moitié de la largeur */ width:320px; height:300px;  left: 50%; top: 50%; }