body {
	/*background:#000;*/
	background-color: #000; 
    margin:0;
	scrollbar-3dlight-color:#222;
    scrollbar-arrow-color:#FFF;
    scrollbar-base-color:#000;
    scrollbar-darkshadow-color:#222;
    scrollbar-face-color:#000;
    scrollbar-highlight-color:#000;
    scrollbar-shadow-color:#000;
}
abbr, acronym { border-bottom: 1px dotted #ff7c11; cursor: help; }
ul {margin: 5px 0 5px 20px;list-style: url(../images/bullet.gif);line-height: 1.2em;}
ol {margin: 5px 0 5px 45px;list-style: decimal;font-style: italic;font-size: 0.9em; line-height: 1.4em;}
/* pour que les liens s'ouvre dans une nouvelle fenêtre ou onglet */
a.externe {}
/* fin */
#outer {position: absolute;top: 50%;left: 0;width: 1151px;height: 1px;}
#inner {
	margin-left: -250px;
	position: absolute;
	top: -176px;
	left: 571px;
	width: 699px;
	height: 348px
}
.bgtext {
	font-size: 150px;
	position:absolute;
	top:50px;
	left:-110px;
	right:-80px;
	width: 844px;
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.2); 
}
.bgtext, .footertext {color:#222; font-family:verdana, helvetica, sans serif;}	 
.footertext {
	font-size:12px;
	position:absolute;
	top:320px;
	text-align:center;
	width:500px;
}
div#text1, div#text2, div#text3, div#text4, div#text5, div#text6, div#text7, div#text8, div#text9, div#text10, div#text11, div#text12 {
	color:#222;
	/*text-shadow:	2px 2px 3px #aaa; */
	text-shadow: 1px 1px 0 rgba(255, 255, 255, 0.3); 
	font-family:verdana, helvetica, sans serif;
	position:absolute;
}
div#text1 {font-size:29px;top:-29px;	left:-79px;}
div#text2 {font-size:47px;	top:25px;	left:4px;}	
div#text3 {font-size:40px;	top:217px;left:230px;}
div#text4 {font-size:47px;	top:204px;left:-82px;}
div#text5 {font-size:39px;	top:41px;	left:467px;}
div#text6 {font-size:45px;	top:-54px;	left:139px;}
div#text7 {font-size:40px;	top:315px;left:-39px;}
div#text8 {font-size:38px;	top:18px;	left:234px;}
div#text9 {font-size:40px;	top:289px;left:420px;}
div#text10 {font-size:38px;top:-53px;left:396px;}
div#text11 {font-size:45px;top:290px;left:215px;}
div#text12 {font-size:38px;top:209px;left:441px;}
div#text1 a:hover span {top: -3px; left: 0;}
div#text2 a:hover span {top: -10px; left: 0;}
div#text3 a:hover span {top: -4px; left: 0;}
div#text4 a:hover span {top: -6px; left: 0;}
div#text5 a:hover span {top: -6px; left: 0;}
div#text6 a:hover span {top: -4px; left: 0;}
div#text7 a:hover span {top: -4px; left: 0;}
div#text8 a:hover span {top: -4px; left: 0;}
div#text9 a:hover span {top: -4px; left: 0;}
div#text10 a:hover span {top: -4px; left: 0;}
div#text11 a:hover span {top: -4px; left: 0;}
div#text12 a:hover span {top: -4px; left: 0;}
@-webkit-keyframes rotater {
	0% { -webkit-transform:rotate(0) scale(1) }
	50% { -webkit-transform:rotate(360deg) scale(1.5) }
	100% { -webkit-transform:rotate(720deg) scale(1) }
}
div#inner a:hover, div#inner2 a:hover  {background: none;  cursor:crosshair; /*-moz-transform: scale(1.1);-webkit-transform: scale(1.1);-o-transform: scale(1.1);*/
	/* safari and chrome */
	-webkit-animation-name:rotater; 
	-webkit-animation-duration:500ms; 
	-webkit-animation-iteration-count:1; 
	-webkit-animation-timing-function: ease-out;
	/* firefox */
	-moz-transform:rotate(360deg) scale(1.5);
	-moz-transition-duration:500ms;
	-moz-transition-timing-function: ease-out;
	/* opera */
	-o-transform:rotate(360deg) scale(1.5);
	-o-transition-duration:500ms;
	-o-transition-timing-function: ease-out;
	/* IE */
	-ms-transform:rotate(360deg) scale(1.5);
	-ms-transform-duration:500ms;
	-ms-transform-timing-function: ease-out;}
div#inner a span {display: none;}
div#inner a:visited span {display:none;}
div#inner a {text-decoration: none; color:#fff; }
div#inner a:hover span {display: block;position:relative;background:none;font-size:14px;}
div#inner a:link, div#inner a:visited {text-decoration:none;}

div#inner a:hover {text-decoration:none;}
div#content {
	position:absolute;
	top:-49px;
	left:-110px;
	width:735px;
	height: 500px;
	overflow: auto;
	font-family: verdana, helvetica, sans serif;
	font-size: 13px;
	color:#fff;
	text-align:justify;
	margin:3px;
}
div#inner div#content a:hover {text-decoration:underline;}
div#close, div#top {
	width:17px;
	height:17px;
	background:none;
	text-align:center;
	font-family:verdana, helvetica, sans serif;
	font-weight:bold;
	font-size:12px;
	border: 1px solid #222;
}  
div#top {position:relative; left:573px;   top:319px}
div#close {position:relative;  left:573px; top:-47px;}
div#inner div#close a:link, div#inner div#top a:link {color:#fff; cursor:default;}
div#inner div#close a:visited, div#inner div#top a:visited {color:#fff; cursor:default;}
div#inner div#close a:hover, div#inner div#top a:hover {color:#fff; cursor:default;}
div#urltext {font-family:verdana, helvetica, sans serif;font-size:30px;position:absolute;top:-87px;left:-109px;} 
div#urltext, div#inner div#content a:link, div#inner div#content a:visited, div#inner a:hover, div#inner a:hover span {color:#ff7c11;}	 
div#content div#titlebar {	border: 1px solid #222;background: #000;font-weight: normal;color:  #ff7c11;}			
div#content {margin-left:0;	padding-right:8px;}		 
.titleblock {
	font-family:verdana, helvetica, sans serif;
	font-size:12px;
	color:#ff7c11;
	font-weight:;
	margin-right:6px;
	margin-top:10px;
	margin-bottom:10px;
	margin-left:2px;
	border:1px solid #222;
	padding:4px;
}		
.titleblock span {color:#ff7c11;}
#urltext a:link {color:#444;}
#urltext a:visited {color:#444;}
#urltext a:hover {color:#444;}
#urltext a:active {color:#444;}
/* images */
.floatright {float: right;margin: 0 10px 5px 5px;border: 0;padding: 2px;display: block;}
.imgcenter {position:absolute;    left: 50%;     top: 50%; margin-top: -1940px; /* moitié de la hauteur de l'image */  margin-left: -225px; /* moitié de la largeur de l'image */  border: 0;}
img {border: 0;}
.floatleft {	float: left;margin: -10px 20px 10px 10px;border: 0;padding: 2px;	}
.photo {padding: 5px;display: block;	margin: 0 auto 15px auto;background-color: #f0f0f0;	}
/* fin images */
/* diaporama */
div.pic {float: left; height: 130px; width: 130px; padding: 15px 30px; margin: 10px 3px;  background: url(../images/frame-ls.gif) no-repeat center;  }
div.pt {background-image: url(../images/frame-cbo.gif);}
div.pic img {border: 1px solid; border-color: #444 #aaa #aaa #444;}
div.ls img {height: 96px; width:128px; margin: 16px 0;}
div.pt img {height: 128px;  width:96px; margin: 0 16px;}
div.pic ul {display: none;}
/* fin diaporama */

