/* FORMAT DE PAGE
--------------------------------------------------*/

body {
	behavior:url("csshover.htc");	/* +++ Permet le Roll Over pour IE 6 et versions antérieures +++ */
	text-align: center;
	background-color: #999;
	font: 12px verdana,Arial;
	scrollbar-face-color: #000000; 
	scrollbar-shadow-color: #000000;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #000000; 
	scrollbar-darkshadow-color: #696969; 
	scrollbar-track-color: #808080; 
	scrollbar-arrow-color: #FFFFFF;
}

@font-face {	/* +++ Ne fonctionne que sur IE +++ */
	font-family: Papyrus;
      src: url("PAPYRUS1.eot");
      font-style:  normal;
      font-weight: normal;
}

#global{
	position: relative;
	width: 1000px;
	height: 700px;
	text-align: left;
    margin-left: auto;
    margin-right: auto;
	margin-top: 30px;
}

a:link {
	color: #FFF;
	text-decoration: none;
}

a:visited {
	text-decoration: none;
	color: #CCC;
}

a:hover {
	text-decoration: none;
	color: #FFFF00;
}

a:active {
	text-decoration: none;
}



/* STYLES
--------------------------------------------------*/

.Style1 {
	color: #FF0000}

.Style2 {
	font-family: Papyrus;
	font-size: 16px;
	margin-left: 60px;
	margin-right: 60px;
	color: #FFFFFF;
}

.Style3 {
	font-family: Papyrus;
	font-size: 16px;
	margin-left: 60px;
	margin-right: 60px;
	color: #FF6633;
}

.Style4 {
	font-family: Papyrus;
	font-size: 16px;
	margin-left: 60px;
	margin-right: 60px;
	color: #FF0000;
}

.Style5 {
	font-family: Papyrus;
	font-size: 16px;
	margin-left: 60px;
	margin-right: 60px;
	color: #00CC00;
}

.Style6 {
	font-family: Papyrus;
	font-size: 15px;
	margin-left: 60px;
	margin-right: 60px;
	color: #FFFFFF;
}

.Style7 {
	font-family: Papyrus;
	font-size: 17px;
	margin-left: 60px;
	margin-right: 60px;
	color: #FFFFFF;
}

.Style8 {
	font-family: Papyrus;
	font-size: 26px;
	margin-left: 60px;
	margin-right: 60px;
	color: #FFFFFF;
}

.Style9 {
	font-family: Papyrus;
	font-size: 18px;
	margin-left: 60px;
	margin-right: 60px;
	color: #FFFFFF;
}

.Style13 {
	color: #666666
}

.Style14 {
	color: #CCCCCC
}

.Style15 {
	color: #FFFFFF
}

.Style16 {
	font-family: Papyrus;
	font-size: 17px;
	color: #FF0000
}

.Style17 {
	font-family: Papyrus;
	font-size: 15px;
	color: #FF0000
}

.Style18 {
	font-family: Papyrus;
	font-size: 17px;
	color: #FF6633
}

.Style19 {
	font-family: Papyrus;
	font-size: 15px;
	color: #FF6633
}

.Style20 {
	font-family: Papyrus;
	font-size: 15px;
	color: #FFFFFF
}

.Style21 {
	font-family: Papyrus;
	font-size: 17px;
	margin-left:10px;
	margin-right:60px;
	color: #FFFFFF;
}

.Style24 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
}

.Style25 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
}

.Style250 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	text-indent: 2px;
	color: #FFFFFF;
}


.Style80 {
	font-size: 12px
}

.Style87 {
	color: #FFFFFF;
	font-weight: bold;
    font-size: 30px;
}


.Style88 {color: #FF6633}

.Style89 {color: #339900}

.Style26 {
	font-family: Papyrus;
	font-size: 18px;
	color: #FFFFFF
}


/* ENTETE DE PAGE
--------------------------------------------------*/

#header{
	position: relative;
	text-align:center;
	font: bold 23px Papyrus;
	width: 1000px;
	height: 55px;
	line-height:60px;
	background-color: #000;
	color: #FFF;
	margin-bottom:1px;
}


/* MENU DEROULANT
--------------------------------------------------*/

#menu {
	position: absolute;
	width: 1000px;
	height: 30px;
	background-color: #000;
	visibility: inherit;
}

#menuDeroulant {
	font-family:Papyrus;
	width: 1000px;
	font-size:16px;
	height: 30px;
	left: 0px; 
	top: 0px;
	margin: 0px; 
	padding: 0px;
	list-style-type: none;
}

#menuDeroulant li {
	float:left;
	width: 20%;
}

#menuDeroulant li ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	border-top: 1px solid #FFFF00;
	border-bottom:1px solid #CCCCCC;
}

#menuDeroulant li ul li {
	float: none;
	opacity : 0.85;
	width:100%;
      filter : alpha(opacity=85);
}

#menuDeroulant li ul li a {
	opacity : 1;
      filter : alpha(opacity=100);
}

#menuDeroulant a {
	display: block;
	height: 30px;
	line-height: 30px;
	color: #FFF;
	background-color: #333;
	padding-left: 30px;
	margin: 0px;
	border: 1px solid #000;
	border-top: 0px;
	text-decoration: none;
}

#menuDeroulant a:hover {
	color: #FF0;
	background-color: #444;
	font-weight: bold;
}



/* MENU DEROULANT ROLL OVER
--------------------------------------------------*/

#menuDeroulant li ul {
	display: none;
}

#menuDeroulant li:hover ul {
	display: block;
}



/* CONTENU
--------------------------------------------------*/
#espace {
	width: 1000px;   
	height: 14px; /* espace pour dépasser le menu */
	padding-top:15px;
	text-align: center;
	background-color: #000;
}	

#content {
	width: 1000px;   
      height: 500px; 
	padding-top:10px;
	text-align:center;
	background-color: #000;
}	

a:link.vert { color:#33CC00;}
a:visited.vert { color:#33CC00;}
a:hover.vert { color: #FFFF00;}
a:active.vert { color: #339900;}


#content1 {
	width: 1000px;   
	height: 500px;
	padding-top:10px;
	text-align:center;
	background-color: #000;
}	

#content2 {
	width: 1000px;   
      height: 500px;
	padding-top:10px;
	text-align:center;
	background-color: #000;
}	

#content3 {
	width: 1000px;   
      height: 410px;
	padding-top:100px;
	text-align:center;
	background-color: #000;
}	


#img {
	width:30%;
	height:400px;
	text-align:center;
	float: left;
}	

.centrer
{
    text-align:center;
    }
	
#img2 {
	width:70%;
	height: 400px;
	float: left;
	text-align:right;
}

a:link.orange { color:#FF6633;}
a:visited.orange { color:#FF6633;}
a:hover.orange { color: #FFFF00;}
a:active.orange { color: #339900;}


a:link.rouge { color:#FF0000;}
a:visited.rouge { color:#FF0000;}
a:hover.rouge { color: #FFFF00;}
a:active.rouge { color: #339900;}

#bloc1 {
	width: 1000px;  
      height: 410px;
	overflow: auto;
	padding: 20px;
	text-align: right;
	background-color: #000;
}	


#blochaut {
	width: 1000px;   
      height: 245px;
	padding:10px;
	text-align: center;
	background-color: #000;
}	

#blochaut1 {
	width:1000px;   
      height: 245px;
	padding-top:10px;
	text-align: center;
	background-color: #000;
}	

.imagehaut { 
	float:left; 
	margin:2px 10px 2px 10px ;
}

#blocbas {
	width: 1000px;   
      height: 245px;
	padding:10px;
	text-align: center;
	background-color: #000;
}	

#blocbas1 {
	width: 1000px;   
      height: 245px;
	padding-top:10px;
	text-align: center;
	background-color: #000;
}	

.imagebas { 
	float: right; 
	margin:2px 10px 2px 10px ;
}



/* PIED DE PAGE
--------------------------------------------------*/
#esphome {
	width: 1000px;   
      height: 0px; 
	text-align: center;
	font-style:normal;
	background-color: #999;
}	

#footer {
	width: 1000px;
	height: 17px;
	text-align:right;
	font: 12px Tahoma;
	font-style:normal;
	color: #FFF;
	background-color: #000;
	margin-top: 1px;
}

#foot {
	margin-right:-5px;
}


/* Galeries
--------------------------------------------------*/

	#galerie {
	width: 1000px;
	background: #000 ;
	border: 1px solid #000;
	margin: 10px 30px ;
	text-align: center ;
	}

	ul#galerie_mini {
	list-style-type: none ;
	}

	ul#galerie_mini li {
	float: left ;
	}
	
	ul#galerie_mini li a img {
	margin: 4px 45px ;
	width:100px;
	border: 1px solid #000;
	}
	
	dl#photo {
	clear: both ;
	}
    
	dl#photo dt {
	font: 1.5em Papyrus, serif ;
	color: #FFF ;
	}

	dl#photo img {
	border: 1px solid #000;
	}

/* SCROLLER
--------------------------------------------------*/
#homeNews {
	position:absolute;
	top: 250px;
	left: 765px;
	padding: 0px;
	margin: 0px;
	width: 190px;
	height:260px;
	background-color: #000;
}

#homeNews #newsScrollPlace {
	position:absolute;
	top: 75px;
	left: 10px;
}

#newsScrollPlaceRub {
	width: 195px;
	height: 235px;
	margin-right: 13px;
}

#newsScroll {
	width: 170px;
	height:180px;
	background-color: #4B4B4B;
}

#newsScroll h1 {
	padding: 0px;
	padding-top:12px;
	margin: 3px;
	text-align:center;
	color: #FFFFFF;
	font: 12px tahoma;
	font-weight: bold;
}

#newsScroll p {
	padding: 6px;
	margin: 6px 0px 0px 0px;
	text-align:center;
	color:#FFFFFF;
	font: 11px tahoma;
}

#newsScroll a {
	text-align:center;
	padding: 6px;
	margin: 6px 0px 0px 0px;
	color: #fff;
	font: 11px tahoma;
}

#newsScroll a:hover {
	color: #FF0;
	font: 11px tahoma;
}

