.nospace {

	width:100%;
	margin: 0px;
	background-color: #d3d3d3;
	/*background-image: url(../gfx/fond.gif);*/
}
.header {

	position:absolute;
	top:0px;
	width:748px;
	height:215px;
	background: url(../gfx/hautind.jpg) left top no-repeat;
	left: 50%;
	margin: 0px 0 10px -374px;
}
.headerdinh {

	position:absolute;
	top:0px;
	width:748px;
	height:215px;
	background: url(../gfx/hautdinh.jpg) left top no-repeat;
	left: 50%;
	margin: 0px 0 10px -374px;
}
.headerkim {

	position:absolute;
	top:0px;
	width:748px;
	height:215px;
	background: url(../gfx/hautkim.jpg) left top no-repeat;
	left: 50%;
	margin: 0px 0 10px -374px;
}
.main {
	position:absolute;
	width:748px;
	margin-right:-15px;
	margin: 11px 0px 0px -374px;
	left: 50%;
	top:180px;
	background-image: url(../gfx/bg_corps.jpg);
	background-repeat: repeat-y;
}
* html body .main {height:100%;overflow:hidden}
/* IE-mac ne voit pas les lignes qui suivent \*/
* html body .main {height:100%;overflow:visible} 
/* fin du text caché pour IE/mac */
.central
 {
	position:relative;
	top:0px;
	width:auto;
	margin:0px 35px 0px 195px

}
.corps {
position:relative;
min-height:360px

}
* html body .corps {height:360px} 
.div-min-height {position:relative;height:0px;width:0px;float:left}
.div-min-height-bottom {position:relative;height:0px;clear:left}


.menus {
position:absolute;
padding:4px;
width:160px;
top:20px;
left:20px;
}


.pied {position:relative;width:100%;height:25px;}

.suckertreemenu{
	position:absolute;
	background: url(../gfx/menus.jpg) left top no-repeat;
	width:700px;
	height:19px;
	top:196px;
	padding-left:50px;

}
.suckertreemenu ul{
	margin: 0;
	padding: 0;
	list-style-type: none;
	font: bold 12px Arial;
}

/*Top level list items*/
.suckertreemenu ul li{
position: relative;
display: inline;
float: left;
}
/*Top level menu link items style*/
.suckertreemenu ul li a{
display: block;
padding: 1px 0px 1px 0px;
border-left-width: 0;
text-decoration: none;
color: #ffffff;
}
.suckertreemenu ul li a:hover{
text-decoration: underline;
}	
.suckertreemenu ul li span{
display: block;
width: 10px; /*Width of top level menu link items*/
padding: 1px 0px 1px 0px;
border-left-width: 0;
text-decoration: none;
color: #ffffff;
}
/*1st sub level menu*/
.suckertreemenu ul li ul{
left: -9px;
position: absolute;
top: 1em; /* no need to change, as true value set by script */
display: block;
visibility: hidden;
font: bold 11px Arial; 
}

/*Sub level menu list items (undo style from Top level List Items)*/
.suckertreemenu ul li ul li{
display: list-item;
float: none;
}
/* Sub level menu links style */
.suckertreemenu ul li ul li a{
display: block;
width: 105px; /*width of sub menu levels*/
color: white;
text-decoration: none;
padding: 1px 0px 0px 10px;
border: 1px solid #333333;
background-color:#333333;
}
.suckertreemenu ul li ul li a:hover{
width:100px;
color: #ff0000;
text-decoration: none;
padding: 1px 0px 0px 14px;
background:#333333 url(../gfx/puce_orange.gif) top left no-repeat;
}	
/* Holly Hack for IE \*/
* html .suckertreemenu ul li { float: left; height: 1%; }
* html .suckertreemenu ul li a { height: 1%; }
/* End */

#pointermenu2{
	
	margin: 0;	
	padding: 0;
	height:25px;
	font: bold 10px Arial;
	
	
	
}


#pointermenu2 ul{
			margin-left : 0px;			 								/*menu offset from left edge of window*/
			padding-left: 0px;
			padding-right: 0px;
			height:25px;
			background-color: #FFC90F;
			
					
			
										 /*url(../gfx/basg.jpg) top left no-repeat; 					/*optional left round corner*/
}

* html #pointermenu2 ul{ 									/*IE6 only rule. Decrease ul left margin and add 1em bottom margin*/
margin-bottom: 1em;
margin-left: 0px; /*menu offset from left edge of window in IE*/


}

#pointermenu2 ul li{
display: inline;
}

#pointermenu2 ul li a{
float:left;
color: black;
text-decoration: underline;
padding: 7px 2px 6px 2px;
}
#pointermenu2 ul li span{
float:left;
color: black;
text-decoration: none;
padding: 7px 2px 6px 2px;
}
#pointermenu2 ul li a:hover, #pointermenu2 ul li a#selected{ 							/*hover and selected link*/
color: lightyellow;
}
#pointermenu2 ul li a#rightcorner{


padding-right:34px;
background: url(../gfx/basd.jpg) bottom right no-repeat; /*optional right round corner*/
}

* html #pointermenu2 ul li a#rightcorner{


padding-right:34px;
background: url(../gfx/basd.jpg) bottom right no-repeat; /*optional right round corner*/
}
* html #pointermenu2 ul li a#leftcorner{

padding-left: 12px;
background: url(../gfx/basg.jpg) bottom left no-repeat; /*optional right round corner*/
}
#pointermenu2 ul li a#leftcorner{

padding-left: 12px;
background: url(../gfx/basg.jpg) bottom left no-repeat; /*optional right round corner*/

}



#vignet{
	float:left;
	border: 1px solid black;
	width:100%;
	height:150px;
	background-color:#ffffff;
	text-align: center;
}
#vignet .titre{
font: bold 12px Arial; 
background-color:#fe0000;
color: #333333;
padding:4px 4px 4px 4px;
border-bottom: 1px solid black;

}
#vignet .message{

}
 #loggin
{
	margin-bottom:45px;
	/*border: 1px solid black;*/
}


#loggin input#user
{
	position:relative;
	top:1px;
	right: -1px;	
	border: 1px solid black;
	font: normal 10px Arial; 
	margin:0px 0px 0px 0px;
	width:90px;
}
*html #loggin input#user
{	
	right: -1px;
	width:80px;
}
#loggin input#password
{
	position:relative;
	top:2px;
	right:-3px;
	border: 1px solid black;
	font: normal 10px Arial; 
	margin:0px 0px 0px 0px;
	width:70px;
}
*html #loggin input#password
{	
	right:-2px;
	width:60px;
}

#loggin label{

font: bold 11px Arial; 
width:64px;
}
#loggin p{
margin:0px;
}
#loggin a#ok{
position:relative;
top:2px;
padding-left:1px;
padding-right:2px;
padding-bottom:1px;
right:1px;
float:none;
border: 1px solid black;
border-left-color:white;
text-decoration: none; 
color: navy;
font: bold 11px Arial; 
}
*html #loggin a#ok{
position:relative;
top:1px;
right:2px;

float:none;

}

#loggin a#ok:hover
{
	color: #fbc118;
}
#loggin a#compte{
position:relative;
top:4px;
margin-left:65px;
padding-left:1px;
padding-right:2px;
padding-bottom:1px;
right:1px;
float:none;
text-decoration: none; 
color: navy;
font: bold 9px Arial; 
}

#loggin a#compte:hover
{
	color: #fbc118;
}
* html #loggin a
{
	
	top:1px;
	right:2px;
}


/*
Dans une autre CSS
*/

h1{
margin:40px 0px 20px 15px;
font: bold 16px Arial; 
color: #708090;
padding:0px 0px 0px 20px;


}
h2{
margin:0px 20px 0px 20px;
font: bold 18px Arial; 
color:#333333;
padding:30px 20px 0px 70px;
background: url(../gfx/puce_jaune.jpg) top left no-repeat; /*optional right round corner*/
}
h3{
margin:5px 0px 5px 70px;
color:#333333;
font: normal 12px Arial;
text-align:justify;
padding:0px 0px 0px 20px;
background: url(../gfx/puce_carres.gif) top left no-repeat;

}

p{
font: normal 12px Arial ; 
color:#222222;
margin:10px 0px 10px 20px;

text-align:justify;
clear: left;
display:block;
}


#enumeration{
display:block;
}

#enumeration ul{
list-style-type: none;
font: bold 11px Arial;
color:#0e4195;
margin: 0; 								/*menu offset from left edge of window*/
padding-left: 80px;
margin-bottom:20px;						 /*url(../gfx/basg.jpg) top left no-repeat; 					/*optional left round corner*/
}
* html #enumeration ul{
list-style-type: none;
font: bold 11px Arial;
color:#0e4195;
margin: 0; 								/*menu offset from left edge of window*/
padding-left: 80px;
margin-bottom:5px;						 /*url(../gfx/basg.jpg) top left no-repeat; 					/*optional left round corner*/
}

#enumeration ul li{
margin-top:10px;
padding:0px 0px 0px 20px;	
height:20px;
background: url(../gfx/puce_orangefb.gif) top left no-repeat;
								 /*url(../gfx/basg.jpg) 1px left no-repeat; 					/*optional left round corner*/
}

* html #enumeration ul li{
margin-top:2px;

								 /*url(../gfx/basg.jpg) 1px left no-repeat; 					/*optional left round corner*/
}




#btn {


}

* html #btn {



}

#btn a{



float:none;

text-decoration: none; 
color: navy;
font: bold 18px Arial; 
}

#btn a:hover
{
	color: #fbc118;
	
}

A.lnkbig:link,A.lnkbig:visited,A.lnkbig:active{
color: #ffc90f;text-decoration: none;
}
A.lnkbig:hover {
color: #0033cc; text-decoration: underline;
}

#frmcontact
{

	margin : 0px  0px  0px 80px;	
	/*border: 1px solid black;*/
}


#frmcontact input#nom
{
	
	border: 1px solid #0e4195;
	font: normal 10px Arial; 
	margin:5px 0px 0px 0px;
	width:150px;
}

#frmcontact input#prenom
{
	
	border: 1px solid #0e4195;
	font: normal 10px Arial; 
	margin:5px 0px 0px 0px;
	width:150px;
}
#frmcontact input#sujet
{
	
	margin-left:16px;
	border: 1px solid #0e4195;
	font: normal 10px Arial; 
	margin:5px 0px 0px 0px;
	width:300px;
}


 #frmcontact textarea#message
{		
	border: 1px solid #0e4195;
	right:-0px;
	width:300px;
	height:180px;
}


#frmcontact label#nom{
color:#0e4195;
margin-left:2px;
font: bold 11px Arial ; 
width:64px;
}
#frmcontact label#prenom{
color:#0e4195;
font: bold 11px Arial; 
width:64px;
}
#frmcontact label#sujet{
color:#0e4195;
margin-left:16px;
font: bold 11px Arial; 
width:64px;
}
#frmcontact label#message{
color:#0e4195;
position:relative;
top:14px;
font: bold 11px Arial; 

}


#frmcontact p{
margin:0px;
}


#frmcontact a{
position:relative;
padding-left:1px;
padding-right:2px;
padding-bottom:1px;
left:309px;
float:none;
border: 1px solid #0e4195;
text-decoration: none; 
color: navy;
font: bold 11px Arial; 
}

#frmcontact a:hover
{
border: 1px solid #ffc90f;
	color: #fbc118;
}
* html #frmcontact a
{
	
	top:1px;
	right:2px;
}



____________________


#frmcrealoggin
{

	margin : 0px  0px  0px 80px;	
	/*border: 1px solid black;*/
}


#frmcrealoggin select
{
	
	width:189px;
	border:1px solid black;
	font: normal 10px Arial;
	width:150px;
}
#frmcrealoggin input
{
	
	border: 1px solid black;
	font: normal 10px Arial; 
	
	width:147px;
}



#frmcrealoggin a{
position:relative;
padding-left:1px;
padding-right:2px;
padding-bottom:1px;
left:95px;
top:10px;
float:none;
border: 1px solid #333333;
text-decoration: none; 
color: #333333;
font: bold 11px Arial; 
}

#frmcrealoggin a:hover
{
border: 1px solid #ffc90f;
	color: #fbc118;
}
* html #frmcrealoggin a
{
	
	top:1px;
	right:2px;
}

div#imgtran1 {
	
	width: 180px;
	background-image: url(../gfx/ctn/image016.png);
	height: 197px;
	visibility: inherit;
	float: left;
	position: absolute;
	top: 220px;
	float: left;
	left: 20px;
}

div#histoire1 {
	
	width: 315px;
	background-image: url(../gfx/ctn/image022.png);
	height:211px;
	visibility: inherit;
	float: left;
	position: absolute;
	top: 235px;
	left: 410px;
}



.txtred
{
text-decoration: none; 
color: #c60000;
font: bold 14px Arial; 
}

#btnvid a{
text-decoration: underline; 
float:none;
color: black;
font: bold 12px Arial; 
}

#btnvid a:hover
{
	color: #fbc118;
	
}

#lnk a{
text-decoration: underline; 
float:none;
color: black;
font: bold 14px Arial; 
}

#lnk a:hover
{
	color: #fbc118;
	
}

#tntiu
{
text-align:center;
margin-top:5px;
height:10px;
}


#tntiu a{

padding-left:2px;
padding-right:2px;
padding-bottom:2px;
padding-top:2px;

border:2px solid #ff0000;
text-decoration: none; 
color: #ff0000;
font: bold 12px Arial; 
}

#tntiu a:hover
{
	border:2px solid #00ff00;
	color: #00ff00;
	
}