/* CSS Document */

body {
	color: #e7e3e3 ; 
	background-color: #123 ; }

/* --- structure --- */
#cadre {
	position: relative ; z-index: 1 ; 
	width: 980px ; height: 600px ; 
	margin: 0.5em auto ; 
	background: url(../img/degrade.jpg) left top repeat-x #394a5c ; }
#header { 
	position: absolute ; z-index: 2;
	top: 0 ; left: 0 ; 
	width: 750px; height: 150px ; 
	background-color: #eCC ; 
	background: url(../img/trait1.jpg) left 100px no-repeat ; }
#contenu {
	position: absolute ; z-index: 0 ;
	top: 150px ; left: 230px ; 
	width: 520px; height: 300px ; 
	/*background-color: #333 ;*/  }
#contenu2 {
	position: absolute ; 
	top: 450px ; left: 230px ; 
	padding: 10px 20px 20px ;
	width: 710px; height: 120px ; 
	overflow: hidden ; 
	background: url(../img/trait4.jpg) 100% 10px no-repeat; }
#colG {
	position: absolute ; 
	top: 150px ; left: 0px ; 
	width: 230px; height: 450px ; 
	background: url(../img/trait3.jpg) 214px 283px no-repeat ; 
	/*background-color: #999 ;*/  }
#colD {
	position: absolute ; 
	top: 0px ; left: 750px ; 
	width: 190px; height: 350px ; 
	padding: 100px 0 0 40px ; 
	background-color: #Cec ;
	background: url(../img/trait2.jpg) left top no-repeat ; }
#footer {
	position: relative ; 
	width: 970px ; margin: 0 auto 1em ;   
	color: #fff ; }
#contact {
	position: relative ; 
	z-index:0 ; 
	width: 100% ;
	display: none ; }

/* --- header --- */
#logo {
	position: absolute ; 
	top: 85px ; left: 35px ; }
#nav {
	position: absolute ; 
	top: 100px ; left: 300px ; 
}
#nav ul.niv1 {
	position: relative ; 
	z-index: 5 ; }
#nav ul.niv1 li {
	position: relative; 
	display: block; 
	float: left ; 
	padding: 0.2em 0.2em 0.2em ; margin: 0 0.5em ;  
	color: #f63 ; }
#nav ul.niv1 li.ssmenu:hover {
	color: #000 ; 
	background-color: #f63 ; }
#nav ul.niv1 li.ssmenu:hover ul.niv2 {
	display: block ; z-index: 50}
#nav ul.niv2 {
	position: absolute ; 
	left: -0.5em ; top: 1.6em ; 
	z-index: 50 ; 
	width: auto ;
	background-color: #000 ; 
	padding: 0.5em ; 
	border-color : #F63 ; 
	border-style: solid ; 
	border-width: 1px ;  
	display: none ; }	
#nav ul.niv2 li { 
	width: 100% ; 
	white-space: nowrap ;}
#nav ul.niv2 li a {
	clear: both ; 
	display: block ; }

/* ---  footer  --- */
#footer ul {
	position: relative ; 
	text-align: right ;  }
#footer li, #footer li h3 {
	display:inline ;
	font-size: 0.8em ; 
	color: #fff ; }
#footer a {
	font-weight: normal ; 
	color: #fff ; }
	
/* ---  contact  --- */
#contact form {
	width: 35em ; 
	margin: 1em auto ; }
#contact form p#titre_form {
	font-size: 1.5em ;	margin: 0.5em 0 0 ; 
	text-align: center ; }
#contact form p {
	clear: both ; 
	padding: 0.5em 0 ; }
#contact form p label, 
#contact form p input {
	display:block ; float:left ; }
#contact form p label {
	width: 10em ; margin: 0 1em 0 0 ; 
	text-align: right ; }
#contact form p input {
	width: 18em ; }
#contact form p textarea {
	width:19.5em ; height: 7em ; }
#contact form p #input_bt {
	width: 5em ; 
	float: right ; margin: 0 50px 0 0 ;}
#contact form p.required {
	text-align: center ; }
#contact p.close {
	font-size: 0.8em ; 
	text-align: right ; }
#contact p.close a {
	font-weight: normal ; color: #999 ;}
#contact p.close a:hover {
	color: #999 ; 
	text-decoration: none ; }

/* --- colG --- */
#colG h2 {
	padding: 0 10px 0 0 ;}
#colG p {
	padding: 0 10px 0 0 ; }
#colG-contenant {
	position: relative ; 
	top: 4em ; 
	width: 210px; height: 387px ; 
	margin: 0 0 0 10px ; 
	overflow: hidden ; 
	/*background-color: #006;*/ }
#colG-contenant #mouvant{
	position: relative ; 
	top: 5px ; left: 25px ; 
	width: 120px; height: auto ; 
	padding: 0 5px ; 
	/*background-color: #006666;*/ }
#mouvant img {
	display: block ; 
	margin: 5px auto ; }
#colG-contenant img.up, 
#colG-contenant img.down {
	position: absolute;
	top: 10px ; right: 25px ; } 
#colG-contenant img.down {
	top: 355px ; }
img.asc {
	display: none ; }
.galerie img.mini:hover {
	cursor: pointer ; }

/* --- contenu --- */
#contenu h1 {
	font-size: 1.7em ; }
#contenu h2 {}

#contenu table {
	width: 100% ; height: 100% ; 
	/*background-color: #f00 ;*/ }
tr td#ecran {
	display: block ; 
	margin: 0 auto ; 
	width: 450px; height: 280px ; 
	overflow: hidden ; }
tr td#ecran img {
	display: block ; 
	/*width: 510px; height: 280px ; */
	margin: 0 auto ; }
tr td#ecran img#loader {
	width: 100px ; height: auto; 
	margin-top: 60px ; }

/* --- contenu2 --- */

/* --- HOME --- */
#home #colG {
	padding: 20px ;
	width: 190px; height: 410px ; 
	overflow: hidden ; }
#home #contenu {
	padding: 20px ;
	width: 480px; height: 260px ; 
	overflow: hidden ; }

/* --- colD --- */
#colD h2.nom {
	color: #e7e3e3 ; 
	margin: 0 0 1em ; 
	font-size: 1.1em ;}
#colD p {
	margin: 1em 0 ; }

/* copyright */
#copyright {
	position: absolute ; 
	width: 450px; height: 280px ; 
	top: 152px ; left: 265px ;
}
p#cde {
	margin: 50px 0 0 ; 
	background: url(../img/bt-commander.gif) left top no-repeat ; 
	width: 97px ; height: 22px ; 
}
p#cde a {
	display: block ; 
	padding: 4px 0 0 ;  text-align: center; 
}
p#cde a:hover {	
	text-decoration: none ; 
}