/* feuille de style développée par Romain Bergeron. info@comcecile.com*/


body {
	font: 11pt Century gothic, Arial, sans-serif;
	margin:0px;
	background-image: url("../img/background.gif"); 
	background-repeat : repeat-x;
	color:#727272;
	}
html {
	height:100%;
	}

a {
	text-decoration:none;
	color:#7cf53b;
	}

h1 {
	color:#7cf53b;
	font-size:16;
	}

/*---- proprietes des cadres d'affichage principaux : conteneur + footer + drapeaux + drapeaux----*/

#centreur {
	position:absolute;
    left: 50%; 
	height:620px;
    width: 850px;
	background-color:white;
	margin-left: -425px; /* moitié de la largeur */
	}

#footer {
	position:absolute;
	width:800px;
	height:20px;
	top:580px;
	left:0px;
	border-top: 1px solid #B3A89B;
	text-align:right;
	text-transform:uppercase;
	font-size:8pt;
	}

#logo {
	position:absolute;
	left:0px;
	top:0px;
	}

#log {
	position:absolute;
	right:20px;
	top:525px;
	}

#cadreHG {
	position:absolute;
	left:10px;
	top:172px;
	width:170px;	/*pour FF : compensation des paddings*/
	_width:206px;	/*pour IE*/
	height:223px;
	padding:20px;
	background-image: url("../img/cadreHG.jpg") ;  
	background-repeat: no-repeat;
	}
#cadreBG {
	position:absolute;
	left:12px;
	top:384px;
	width:186px;	/*pour FF : compensation des paddings*/
	_width:206px;	/*pour IE*/
	height:200px;
	padding:20px;
	background-image: url("../img/cadreBG.jpg"); 
	background-repeat: no-repeat;
	}
#cadreHD {
	position:absolute;
	left:216px;
	top:172px;
	width:480px;	/*pour FF : compensation des paddings*/
	_width:516px;	/*pour IE*/
	height:223px;
	padding:20px;
	background-image: url("../img/cadreHD.jpg"); 
	background-repeat: no-repeat;
	}
#cadrePrincipal {
	position:absolute;
	left:216px;
	top:172px;
	width:480px;	/*pour FF : compensation des paddings*/
	_width:516px;	/*pour IE*/
	height:420px;
	padding:20px;
	background-image: url("../img/cadrePrincipal.jpg"); 
	background-repeat: no-repeat;
	}

#paiements {
	position:absolute;
	left:716px;
	top:230px;
	width:150px;
	height:200px;
	padding:0px;
	}

#services {
	position:absolute;
	left:15px;
	bottom:0px;
	padding:0px;
	}

/*ATTENTION : Objet et Epingles sont liés en valeur "top"*/
#objets {
	position:absolute;
	right:0px;
	top:0px;
	}
#epingles {
	z-index:1;
	position:absolute;
	width:610;
	height:104;
	left:0px;
	top:107px;
	background-image: url("../img/epingles.gif"); 
	}

/*---- proprietes des formulaires ----*/

p.form {
	font-size:8pt;
	text-valign:absmiddle;
	}
.compact {
	font-size:8pt;
	line-height: 1.1em 
}
	
input {
	background-color: #ECE8E3 ;
	border: 0px solid;
	border-width: 0; 
	font-family: Century Gothic, Arial, sans-serif ;
	font-size:8pt;
	margin-bottom:2px;
	}
	
input.bouton {
	cursor:pointer;
	}


/*---- proprietes du tableau de menu supérieur ----*/

table#menu {
	z-index:2;
	position:absolute;
	top:67px;
	right:120px;
	width:250px;
	text-align:center;
	}

table#menu td {
	background-color:white;
	color:#7cf53b;
	}
	
table#menu td a {
	font-weight:bold;
	font-size:11px ;
	text-transform:uppercase;
	letter-spacing:2;	
	text-align: center;
	text-decoration: none;
	color: #7cf53b;
  	
	display:block;
	padding:4px;
	}
	
table#menu td a:hover {
   	background-color:#7cf53b;
	text-decoration: none;
	color:white;
	}
	
table td#menu-selected {
	background-color:#7cf53b;
	}
	
table td#menu-selected a {
	color:white;
	}
	
/*---- proprietes du tableau de sous-menu ----*/

table#ssmenu {
	z-index:2;
	position:relative;
	top:0px;
	left:0px;
	width:90%;
	text-align:left;
	}

table#ssmenu tr {
	font-weight:bold;
	font-size:18px ;
	text-transform:Capitalize;
	letter-spacing:2;	
	text-align: left;
	color:#727272;
	
	}
	
table#ssmenu tr a {
	
	text-decoration: none;
	color: #7cf53b;
	padding:10px;
	display:block;
	
	}
	
table#ssmenu tr a:hover {
 	text-decoration: underline;
	color:#727272;
	}
	
table tr#ssmenu-selected {
	background-color:#7cf53b;
	}
	
table tr#ssmenu-selected a {
	color:white;
	}