/*  ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,  */
/*                                                        */
/*                   Com personne	                      */
/*                                                        */
/*  ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,  */


/*  ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,  */
/*               ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,  */
/*  généralitées ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,  */
/*               ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,  */
/*  ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,  */

html, body {
	margin:0; 
	padding:0; 
	background-color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	}

#container {
	width:950px; 
	margin:0 auto; 
	padding-top:15px;
	}
	
#main {
	margin:0 15px;
	background-color:#7d9fa5;
	position:relative; 
	/*  la hauteur est spécifiée dans chaque page  */
	}
	
img {
	border:none;
	}

div.long {
	width:500px;
	text-align:justify;
	}

ul.nopuce {
	list-style:none;
	}

div.iframe { /*  les pages html appelées dans l'iframe  */
	background-color:#7d9fa5;
	margin:0; padding:0;
	text-align:center;
	height:300px;
	}

#iframe { /*  la div contenant l'iframe  */
	padding:0;	margin:0;
	width:398px;	height:260px;
	position:absolute;	top:170px;	right:10px;
	text-align:center;
	}

#illustration { /*  la div contenant l'image qui se trouve à la même place que l'iframe dans les pages sant diaporama */
	padding:0;	margin:0;
	position:absolute;	top:170px;	right:10px;
	width:398px ;text-align:center;
	}

/*  ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,  */
/*               ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,  */
/* pied de page  ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,  */
/*               ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,  */
/*  ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,  */

#footer {
	position:relative;
	margin:0 15px 5px;

	}
	
#lientextil { 
	position:absolute;
	right:0 !important;
	right:15px;
	top:-85px;
	}
	
#footer p {
	margin:5px 0 0 0;
	padding:0;
	color:#89a8ad;
	text-align:justify;
	font-size:12px;
	}

.orange {
	color:#f49f24;
	}	
	
#footer a {
	color:#89a8ad; 
	text-decoration:none;
	}
	
#footer a:hover {
	color:#000;
	}

#retour {
	margin:0;
	padding:0;
	}



/*  ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,  */
/*               ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,  */
/*  typographie  ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,  */
/*               ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,  */
/*  ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,  */

h1 {
	color:#fff;
	font-size:24px;
	padding:15px 0 3px 45px;
	margin: 0 0 10px 50px;
	}

h2 {
	color:#fff;
	font-size:18px;
	padding:0;
	margin:5px 0 0 50px;
	}

h3 {
	color:#fff;
	font-size:14px;
	font-weight:100;
	padding:5px 0 0 50px;
	margin:0;
	}


h4 {
	margin:5px 0 8px 50px;
	padding:0;
	color:#fff;
	font-size:16px;
	font-weight:bold;
	}	

.chapo {
	font-weight:bold;
	color:#a00;
	}
	
p {
	margin:5px 0 8px 50px;
	padding:0;
	color:#fff;
	font-size:14px;
	}	

ol, ul {
	color:#fff;
	font-size:14px;
	line-height:1.5em;
	margin:5px 0 8px 50px;
	padding:0;
	list-style-position:inside;
	}

a {
	color:#fff;
	text-decoration:underline;
	}

a:hover {
	color:#000;
	}

label {	
	color:#fff;
	font-size:14px;
	}
	
/*  images des titre h1  */
	
h1.editions {background: transparent url(../com_personne/images/h1editions.gif) bottom left no-repeat;}
h1.images {background: transparent url(../com_personne/images/h1images.gif) bottom left no-repeat;}
h1.evenementiel {background: transparent url(../com_personne/images/h1evenementiel.gif) bottom left no-repeat;}
h1.objets {background: transparent url(../com_personne/images/h1objets.gif) bottom left no-repeat; }
h1.agencement {background: transparent url(../com_personne/images/h1agencement.gif) bottom left no-repeat;}
h1.exposition {background: transparent url(../com_personne/images/h1exposition.gif) bottom left no-repeat;}
h1.contact {background: transparent url(../com_personne/images/h1contact.gif) bottom left no-repeat;}



/*  ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,  */
/*                            ,,,,,,,,,,,,,,,,,,,,,,,,,,  */
/*  Spécifiques à telle page  ,,,,,,,,,,,,,,,,,,,,,,,,,,  */
/*                            ,,,,,,,,,,,,,,,,,,,,,,,,,,  */
/*  ,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,,  */ 



/*  page d'accueil  ,,,,,,,,,,,,,,,,,,,,,,,,,,  */

#info img#logoindex {
	position:absolute;
	top:140px;
	right:100px;
	}
	
#index #main {
	background:#7d9fa5 url(../com_personne/images/bg.gif) top left repeat-y; 
	z-index:5;
	}

.actu {
	position:absolute;
	top:142px;
	right:63px;
	text-decoration:none;
	z-index:1;
	}
	

/*   objets et objets_catalogue ,,,,,,,,,,,,,,,,,  */

#objet #footer {
	margin:0 15px 10px 15px;
	padding-top:80px;
	background:transparent url(../com_personne/images/banniere_objets.jpg) top left no-repeat;
	}
#objet #lientextil { 
	top:0;
	}
	
/*   expositions   ,,,,,,,,,,,,,,,,,,,,,,,,,  */

#expositions #footer {
	margin:0 15px 10px 15px;
	padding-top:80px;
	background:transparent url(../com_personne/images/banniere_expositions.jpg) top left no-repeat;
	}
#expositions #lientextil { 
	top:0;
	}
	
/*   événementiel   ,,,,,,,,,,,,,,,,,,,,,,,,,  */

#evenementiel #footer {
	margin:0 15px 10px 15px;
	padding-top:80px;
	background:transparent url(../com_personne/images/banniere_evenementiel.jpg) top left no-repeat;
	}
#evenementiel #lientextil { 
	top:0;
	}
	
/*   agencement   ,,,,,,,,,,,,,,,,,,,,,,,,,  */	

#agencement #pix {
	margin: 50px 0 0 50px;
	}
#agencement #pix img {
	margin-right:20px;

	}	

/*   contact   ,,,,,,,,,,,,,,,,,,,,,,,,,  */

#form {
	float:right;
	margin-top:-550px;
	margin-right:80px;
	width:400px;
	}
	
#form p {
	margin-left:0;
	}
	
#plan {
	margin-left:50px;
	font-size:12px;
	text-decoration:none;
	}
#plan span {
	margin-left:50px;
	}