* {
margin:0 auto;
padding:0;
    }
body {
	font-family:verdana,Arial,Helvetica,sans-serif;
	color:#555458;
	font-size:12px;
	margin:0;
	padding:0;
	background-color:#FFF;
	;
}
a {
text-decoration:none;
    }
a:hover {
color:#881011;
    }
	
#wrap {
    width:1024px;
	height:768px;
	}
#bandeau {
	width:1012px;
	height:110px;
	margin-left:12px;
	background:#FFF url(../images/logo_couleur.png) no-repeat scroll 0 0;
	}
	
#menu1 {
	float:left;
	width:100px;
	height:546px !important;
	background-color:#CC9;
	}
#menu1 ul {
    list-style-type:none;
	padding:10px 2pt 10px 2pt;
	line-height:15px;
	text-align:right;
	}
#menu1 ul li a {
	font-weight:normal;
	color:#555458;
	letter-spacing:1px;
	}
#menu1 ul li a:hover {
	font-weight:bold;
	color:#881011;
	}
	
#menu1 ul li#page_active a {
    font-weight:bold;
	color:#881011;
	}		
	
#menu2 {
    float:left;
	width:250px;
	height:528px;
	background-color:#FFF;
	}
	
#titre {
    font-weight:bold;
	color:#881011;
	padding-bottom: 3px;
	}		

#accueil {
	float:left;
	width: 924px;
	height:546px !important;
	background: #FFF;
	}
	
#offre {
	padding: 25px 0px 20px 20px;
	text-align:justify;
	line-height:1.25;
	
	
	}	
	
#competence {
    float:left;
	width:395px;
	background-color:#FFF;
	margin-left:20px;
	-margin-left: 10px; /* IE6 uniquement */
	text-align:justify;
	line-height:1.25;
	}


#competence p, #offre p {padding-bottom: 7px;}
	
#welcome {
	padding-top: 90px;
	}


#texte_accueil {
		text-align:justify;
		padding-right:10px;
		}
	
/*	
#studio {	
	position : relative;
	margin-left : 5px;
	margin-top: 35px;
	width : 300px;
	background : url(../images/alpha.png) scroll 0 0;
	text-align : justify;*/
	/*
	background-image: url(transparent.png) !important;  /* Mozilla uniquement 
	background-color: transparent !important;           /* Mozilla uniquement 
	background-image: none;                             /* IE uniquement 
	background-color: #ffffff;                          /* IE uniquement 
	filter:alpha(opacity=100);                           /* IE uniquement 
	}
	*/
#contact {	
	position : relative;
	margin-top: 35px;
	width : 247px;
	margin-left : 3px;
	text-align : justify;
	}
	
#contenu {
	float:left;
	width:674px;
	-width:672px;
	height:528px;
	background-color:#FFF;
	text-align: center;
	}

#contenu_accueil {
	float:left;
	width:509px;
	height:370px;
	background-color:#FFF;
	text-align: right;
	padding-top:0px;
	}
	
#info {	
	clear:both;
	width:245px;
	background-color:#FFF;
	padding:145px 0px 0px 5px;
	font-size: 11px;
	}
	
	
#defilement {
	width : 245px;
	height : 22px;
	text-align: center;
	padding-top : 10px;
	padding-left: 0px;
	}
#defilement ul {
    list-style-type:none;
	}
#defilement ul li a {
	font-weight:normal;
	background-color: #FFF;
	border : 1px solid #555458;
	/line-height:1.4; /* IE7 uniquement, affichage border-bottom */
	color:#555458;
	margin-right: 10px;
	padding: 0px 8px;
	}
#defilement ul li a:hover {
	background-color : #D6B5AC; 
	font-weight:normal;
	color:#881011;
	}
	

#pied_page {
	clear:both;
	/*width:640px; 1022px */
	/*height:0px;*/
	background-color:#FFF;
	padding-left:284px;
	border-left: 100px solid #CA9;
	}

/* css menu 2 */	
	#nav, #nav ul { /* toutes les listes */
		padding: 0;
		margin: 0;
		list-style: none;
		float : left;
		width : 250px;
	}
	
	#nav li { /* tous les items de liste */
		position : relative;
		float : left;
		line-height : 1.8em;
		width: 250px;
		border-bottom : 1px dotted;
	}
	
	#nav li ul { /* listes de deuxième niveau */
		position : absolute;
		left: -999em;
		margin-left : 250px;
		margin-top : -1.8em;
	}
	#nav li a {
		width: 250px;
		w\idth : 240px;
		display : block;
		color : #555458;
		font-weight : normal;
		text-decoration : none;
		background-color : white;
		border : 0px solid black;
		padding : 0 0.5em;
	}
	
	#nav li a:hover {
		color : #881010;
		background-color :#D6B5AC;
		font-weight : bold;
	}
	
	
	#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul { /* listes imbriquées sous les items de listes survolés */
		left: auto;
	}