/****************************************
	BODY & GENERALITES
****************************************/
body {
	margin:0;
	padding:40px;
	background:#f3a30d;
	text-align:center;
	color:#000;
	font-family:Arial, sans-serif;
	font-size:12px;
	}
a {
	text-decoration:none;
	color:#f5ad00;
	}
a:hover {
	color:#fff;
	}
a img { border:none; }

img { behavior: url("win_png.htc"); }

hr {
	display:block;
	height:2px;
	margin:35px 60px;
	_margin:2em 5em;
	padding:0;
	border:none;
	background:#1796CD;
	color:#1796CD;
	}
	
.nettoyeur {
	clear:both;
	margin:0;
	padding:0;
	border:0;
	height:0;
	line-height:0.1em;
	font-size:0.1em;
	overflow:hidden;
	}

/****************************************
	ENTETE
****************************************/
#entete {
	position:relative;
	height:86px;
	background:#000;
	border-bottom:1px solid #49363c;
	z-index:10;
	}
#entete h1 {
	position:absolute;
	top:0;
	right:0;
	margin:0;
	padding:0;
	}
#entete h1 img {
	position:relative;
	}
#entete h1 span {
	display:none;
	}
#entete h2 {
	display:none;
	}

/****************************************
	NAVIGATION
****************************************/
#navigation {
	position:absolute;
	top:-30px;
	left:0;
	z-index:100;
	}
#navigation ul {
	position:relative;
	margin:0;
	padding:0;
	}
#navigation ul li {
	position:relative;
	float:left;
	margin:0;
	padding:0;
	list-style:none;
	}
#navigation ul li a {
	position:relative;
	display:block;
	padding:2px 10px;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
	text-transform:uppercase;
	color:#000;
	}
#navigation ul li:hover a,
#navigation ul li a:hover {
	color:#fff;
	}
#navigation ul li.on a {
	padding:40px 10px 2px;
	color:#f5ad00;
	}
#navigation ul:hover li.on a {
	padding:40px 10px 2px;
	}
#navigation ul ul {
	position:absolute;
	width:400px;
	}
#navigation ul li:hover li,
#navigation ul li.on li,
#navigation ul ul li {
	padding:0;
	float:none;
	}
#navigation ul:hover li.on ul li a,
#navigation ul li.on ul:hover li a {
	padding:1px 10px;
	}
#navigation ul li.on li a,
#navigation ul ul li a {
	padding:1px 10px;
	font-size:12px;
	font-weight:bold;
	color:#8c8d8e;
	}
#navigation ul ul li a.on,
#navigation ul ul li a:hover {
	color:#fff;
	}
/****************************************
	PAGE
****************************************/
#page {
	position:relative;
	width:778px; 
	margin:0 auto;
	background-color:#fff;
	color:#fff;
	text-align:left;
	z-index:1;
	}
.contenuPage {
	position:relative;
	background-color:#26161c;
	border:8px solid #fff;
	}
/****************************************
	CONTENEUR
****************************************/
#conteneur {
	position:relative;
	padding:0;
	font-weight:bold;
	z-index:1;
	}

/****************************************
	CONTENU
****************************************/
#contenu {
	position:relative;
	height:310px;
	margin:0;
	padding:80px 14px 13px 50px;
	line-height:13px;
	}
#pageNews #contenu,
#pageEnvironnement #contenu {
	padding:80px 14px 13px 50px;
	}
	
/****************************************
	PAGE SOMMAIRE
****************************************/
#pageSommaire #contenu {
	height:403px;
	margin:0;
	padding:0;
	}
#pageSommaire a.skip {
	position:absolute;
	float:right;
	right:20px;
	bottom:20px;
	}
#pageSommaire a.skip:hover {
	color:gray;
	}
	
/****************************************
	CONTENU NEWS
****************************************/
#contenu #news {
	position:relative;
	width:304px;
	margin:-19px 0 0;
	padding:0;
	float:right;
	}
	
#pageNews #contenu #news {
	position:relative;
	width:261px;
	margin:-58px 0 0;
	}
#pageNews #contenu #edito {
	position:relative;
	margin:0;
	padding:0;
	top:-59px;
	color:#966568;
	}
/***************Bloc news***************/
#contenu #news .logoRub {
	position:relative;
	height:55px;
	margin:0;
	padding:0;
	}
#contenu #news .logoRub img {
	position:absolute;
	}
#contenu #news .contenuNews,
#contenu #news .contenuNews-rose, 
#contenu #news .contenuNews-bleu, 
#contenu #news .contenuNews-vert,
#contenu #news .contenuNews-orange {
	position:relative;
	height:262px;
	margin:-18px 0 0 40px;
	padding:15px;
	}
#contenu #news .contenuNews-rose, 
#contenu #news .contenuNews-bleu, 
#contenu #news .contenuNews-vert,
#contenu #news .contenuNews-orange {
	margin:-17px 0 0 40px;
	overflow:auto;
	}

/***********Bloc fiche client**********/
#contenu #ficheClient {
	position:relative;
	width:374px;
	height:284px;
	float:right;
	margin:0px 0 -13px;
	padding:0 0 0 7px;
	border-left:1px solid #fff;
	}
#contenu #ficheClient #galerie {
	position:relative;
	width:374px;
	margin:-26px 0 0;
	padding:0;
	}
#contenu #ficheClient h2 {
	position:relative;
	margin:7px 0 0 20px;
	padding:0; 
	font-size:1em;
	}
#contenu #ficheClient .texte {
	position:relative;
	margin:-1px 0 0 21px;
	padding:0; 
	line-height:12px;
	}
#contenu #ficheClient #galerie #Photo {
	position:relative;
	width:337px;
	margin:0;
	padding:0;
	}
#contenu #ficheClient #galerie #Photo h3 {
	position:relative;
	margin:0;
	padding:4px;
	background-color:#fff;
	}
#contenu #ficheClient #galerie #Photo h3 img {
	position:relative;
	}

/****************Damier****************/
.vignettes {
	position:absolute;
	width:37px;
	margin:0;
	padding:0;
	bottom:0;
	right:0;
	}
.vignettes li {
	position:relative;
	margin:0;
	padding:0;
	float:right;
	list-style-type:none;
	}
.vignettes li a {
	position:relative;
	display:block;
	width:10px;
	height:10px;
	margin:4px 0 0 5px ;
	padding:0;
	border:1px solid #fff;
	}
.vignettes li.on a,
.vignettes li a:hover {
	background-color:#008ba7;
	}
.vignettes li a span {
	display:none;
	}
/**************Chargement**************/
/*
.loading {
	background:url("images/loading.gif") no-repeat center center;
	}
*/
#Photo strong {
	display:none;
	}

/****************************************
	CONTENU AGENCE (presentation)
****************************************/
#pageAgence .contenuPage #conteneur {}
/***********bandeau de photos***********/
.bandeau_photo {
	position:absolute;
	width:763px;
	margin:-80px 0 0;
	padding:0;
	}
.bandeau_photo li {
	position:relative;
	margin:0;
	padding:0;
	float:left;
	list-style-type:none;
	}
.bandeau_photo li img {
	position:relative;
	margin:0;
	padding:0;
	}

/****************************************
	CONTENU AGENCE (equipe)
****************************************/
#pageEquipe #conteneur {
	padding:0;
	height:403px;
	}
object {}

/****************************************
	CONTENU AGENCE (clients principaux)
****************************************/
#contenuClients {
	position:relative;
	width:100%;
	margin:-50px 0 0;
	padding:0;
	}
#contenuClients ul {
	position:relative;
	margin:10px 0 0;
	padding:0;
	}
#contenuClients ul li {
	position:relative;
	width:219px;
	margin:0;
	padding:0 13px 0 0;
	float:left;
	list-style-type:none;
	text-align:left;
	}
#contenuClients ul li.un {}
#contenuClients ul li.deux {}
#contenuClients ul li.trois {}

/*****Pagination*****/
.pagination {
	position:relative;
	margin:0;
	padding:0;
	text-align:right;
	font-size:1em;
	width:100%;
	}
.pagination a {
	position:relative;
	color:#f5ad00;
	zoom:1;
	}
.pagination a:hover,
.pagination strong {
	color:#fff;
	}
.pagination .item {
	padding:0 5px;
	}

/****************************************
	CONTENU EQUIPE
****************************************/
#pageEquipe #contenu,
#pageEquipe .contenuPage,
#pageEquipe span.spip_documents_center,
#pageEquipe p.spip {
	margin:0;
	padding:0;
	}
#pageEquipe .contenuPage {}

/****************************************
	CONTENU
		h3 .chapo .texte ...
****************************************/
#contenu h3,
#contenu h4,
#contenu h5 {
	margin:0;
	padding:0;
	}
#contenu h3 a,
#contenu h4 a,
#contenu h5 a {text-decoration:none;}

#contenu h3 img.spip_logos,
#contenu h4 img.spip_logos,
#contenu h5 img.spip_logos {}
	
#contenu h4 {}
#contenu h5 {}
	
.chapo 
	font-size:1.2em;
	font-weight:bold;
	text-align:justify;
	}
.texte {text-align:justify;}
.descriptif {
	text-align:justify;
	font-style:italic;
	}
.lien {}
.ps,
.notes {text-align:justify;}

/****************************************
	CONTENU
		blocs, listes (ul, dl) ...
****************************************/
/**************TexteRub*****************/
#contenu #texteRub {
	position:relative;
	width:370px;
	margin:0;
	padding:0;
	float:left;
	}
#contenu #texteRub p.spip {
	position:relative;
	margin:20px 0 0;
	padding:0;
	}

/***************News ul*****************/
#contenu #news ul.spip {
	margin:0 0 0 13px;
	padding:0;
	}
/*#contenu #news ul li.spip,*/
#contenu #news p.spip {
	margin:0;
	padding:0;	
	}

/***************News dl*****************/
#contenu #news dl,
#contenu #news dl dt,
#contenu #news dl dd {
	margin:0;
	padding:0;
	} 
#contenu #news dl dd {}
#contenu #news dl dd .texte{}
	
/***************News h3*****************/
#contenu #news h3 {
	position:relative;
	margin:0;
	padding:0 0 0 13px;
	color:#000;
	font-size:1em;
	background-color:gray;
	background:url("images/puce03.gif") no-repeat left 3px;
	}
#contenu #news h3 a {
	color:#000;
	}
#contenu #news h3 a:hover {
	color:gray;
	}
	
/****************************************
	CONTENU ENVIRONNEMENT
****************************************/
#pageEnvironnement #contenu #news .contenuNews-vert {
	position:relative;
	height:262px;
	margin:-17px 0 0 40px;
	padding:15px 0 15px 8px;
	}
#pageEnvironnement #news dl {
	position:relative;
	width:256px;
	float:left;
	margin:0;
	padding:0;
	}
#pageEnvironnement #news dl dt {
	margin:0;
	padding:0;
	}
#pageEnvironnement #news dl dt img.spip_logos {
	position:relative;
	float:left;
	margin:0 6px 0 0;
	padding:0;
	border:3px solid #2b791c;
	}
#pageEnvironnement #news dl dt a {
	margin:0;
	padding:0;
	}
#pageEnvironnement #news dl dd {
	position:relative;
	margin:0 8px 10px 0;
	padding:0 0 0 66px;
	text-align:justify;
 	display: list-item;
	list-style-type:disc;
	list-style-position:inside;
	}
	
#pageEnvironnement #news dl dd span a {
	color:#fff;
	}
#pageEnvironnement #news dl dd span a:hover {
	color:gray;
	}
/****************************************
	POPUP Environnement
****************************************/
#popupEnvironnement {
	background-color:#fff;
	}
#popupEnvironnement #page {
	position:relative;
	width:329px;
	height:274px;
	top:-32px;
	left:-32px;
	margin:0;
	padding:35px;
	background-color:#96be12;
	color:#fff;
	font-weight:bold;
	}
#popupEnvironnement #page .texte {
	position:relative;
	margin:15px 0 0;
	padding:0;
	}/****************************************
	CONTENU BOOK
**********************************************/
#pageBook #page {
	width:778px; 
	}
#pageBook #conteneur {}
#pageBook #contenu {
	position:relative;
	height:400px;
	margin:0;
	padding:0;
	}
#pageBook ul.listeRef {
	position:absolute;
	margin:0;
	padding:0;
	}
#pageBook ul.listeRef li {
	position:relative;
	list-style-type:none;
	margin:0;
	padding:0;
	height:80px;
	width:127px;
	float:left;
	}
#pageBook ul.listeRef li a {
	position:relative;
	margin:0;
	padding:0;
	}
#pageBook ul.listeRef li img {
	position:absolute;
	margin:0;
	padding:0;
	color:#26161C;
	}
	.thickbox {
		background:red;
		z-index:200;
	}
/*transparence album photo
#pageBook ul.listeRef li a img:hover {
	opacity:0.4;
	filter : alpha(opacity=50);
 pour IE 6 
	height : 1px;
	}
 pour les autres navigateurs 
* > #pageBook ul.listeRef li a img:hover {
	height: auto;
}
pour IE 7 
*+html #pageBook ul.listeRef li a img:hover {
	min-height : 1px;
	}*/
	
/*N° du document : invisible*/
#pageBook ul.listeRef li a img:hover {
	opacity:0.5;/*pour firefox*/
	filter : alpha(opacity=50);/*pour IE*/
	}
/****************************************
	CONTENU CONTACT
****************************************/
#pageContact #contenu {
	height:340px;
	padding:50px 14px 13px 217px;
	margin:0;
	}
#pageContact #contenu .texte {
	position:relative;
	width:250px;
	float:left;
	}
#pageContact #contenu #imgDoc {
	position:relative;
	width:270px;
	float:right;
	}
/****************************************
	PIED
****************************************/
ul#pied {
	position:relative;
	width:779px;
	margin:12px auto 0;
	padding:0;
	}
ul#pied li {
	display:inline;
	margin:0 1em;
	padding:0;
	float:left;
	list-style-type:none;
	font-size:0.8em;
	}
ul#pied li a {
	color:#000;
	font-weight:bold;
	padding: 0 0 0 8px;
	background:url("images/puce02.gif") no-repeat left 5px;
	}
ul#pied li a:hover{
	color:gray;
	}
ul#pied li.droite {
	float:right;
	font-size:1.2em;
	text-transform:uppercase;
	}
ul#pied li.droite a {
	background:none;
	}