/* Pour toutes versions, FF...  */
html, body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin: 0 0 40px 0;
	padding: 0;
	text-align: center;
	background-color: #000000;
	background-repeat: repeat-x;
	width: 100%;
}
* {
	margin: 0;
	padding: 0;
}
img {
	padding: 0;
	margin: 0
}
.p-left {text-align: left;}
.p-right {text-align: right;}
.p-center {text-align: center;}
.p-justify {text-align:justify;}

.spacer { clear: both; }

/* COMMUN POUR TOUTES LES PAGES */

#global {
	height: 100%;
	width: 800px; /* Pour IE 720 au lieu de 760, car padding cumulé aux 720px */
	margin-left: auto;
	margin-right: auto;
	padding : 0; /* Pour IE padding 20, et enlever les margins des conteneurs */
	text-align: center;
	background-color:#CCCCCC;
	border: 1px solid #4c4c4c;
}
.entete h1 {
	font-size: 10px;
	color: #CCCCCC;
	margin: 0;
	padding: 5px 0 0 0;
	height: 20px;
	width: 800px;
	text-align: center;
	background-color: #1c1c1c;
}
.p-pied-site {
	text-align: center;
	font-size: 10px;
	 color: #777777;
	}
/* Liens p-pied-site */
a.p-pied-site:link { text-decoration: underline; font-size: 10px; color: #777777; }
a.p-pied-site:visited { text-decoration: underline; font-size: 10px; color: #777777; }
a.p-pied-site:hover { text-decoration: none; font-size: 10px; color: #FF0000; }
a.p-pied-site:active { text-decoration: none; font-size: 10px; color: #FF0000; }

/* Liens */
a:link { font-size: 10px; color: #CCCCCC; }
a:visited { color: #CCCCCC; }
a:hover { color: #FFFFFF; }
a:active { color: #FFFFFF; }

/* Liens haut de page */
a.haut:link { text-decoration: none; font-size: 10px; color: #666666; }
a.haut:visited { text-decoration: none; font-size: 10px; color: #666666; }
a.haut:hover { text-decoration: none; font-size: 10px; color: #000000; }
a.haut:active { text-decoration: none; font-size: 10px; color: #000000; }


/* Fin des liens */


/* PAGE PRINCIPALE DEROULANTE */
.list { /* style liste à puces */
    margin: 0px;
}
.list ul {
    margin:0;
    padding:0 0 0 15px;
	list-style-type: square;
}
.list2 { /* style liste à puces */
    margin: 0px;
}
.list2 ul {
    margin:0;
    padding:0 0 0 15px;
	list-style-type: square;
}
.list2 li {
    margin:20px 0 0 0;
}
.p-list2 { /* paragraphe aligné liste à puce  */
	padding:0 0 0 15px;
}

.hautdepage { /* conteneur pour placer le lien "haut de page" */
	float: left;
	width: 724px;
	height: 30px;
	font-weight: normal;
	text-align: right;
}

#conteneur0 { /* Conteneur du bandeau photo */
	float: left;
	width: 800px;
	height: 180px;
	margin: 0;
	padding: 0px;
	background-image : url(http://www.espacerepro.fr/images/photo_produits.jpg);
}

#conteneur1 h1 { /* Conteneur des coordonnees */
	float: left;
	width: 790px;
	height: 20px;
	margin: 0;
	padding: 5px 5px 0 5px;
	color:#FFFFFF;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 0.05em;
	background-color : #993300;
}
#conteneur1 a:link,  #conteneur1 a:visited,  #conteneur1 a:active {
	font-size: 12px;
	color: #FFFFFF;
	text-decoration: none;
}
#conteneur1 a:hover,  #conteneur1 a:focus {
	text-decoration: underline;
}
	
	
#conteneur2 { /* Conteneur du logo ER */
	float: left;
	width: 800px ;
	height: 120px ;
	margin: 0;
	padding: 0;
	background-color : #FFFFFF;
}

#conteneur3 h1 { /* Conteneur du menu des ancres */
	float: left;
	width: 800px ;
	height: 40px;
	margin: 0;
	padding: 15px 0 0 0;
	background-color : #CCCCCC;
}
/* Liens de la liste des ancres */
#conteneur3 h1 a:link, #conteneur3 h1 a:visited {font-size: 11px; color: #000000; font-weight: bold; text-decoration: none; }
#conteneur3 h1 a:hover, #conteneur3 h1 a:active {color: #FF0000;}

#conteneur4 { /* Conteneur de titre rubriques */
	float: left;
	width: 800px;
	height: 54px;
	margin: 0;
	padding: 0;
}

#conteneur5 { /* Conteneur de l'intro */
	float: left;
	width: 660px;
	height: 120px;
	margin: 0;
	padding: 0;
	background-color : #CCCCCC;
	margin: 30px 0 0 64px;
	height: 100%;
	color: #000000;
}
/* Liens conteneur5 */
#conteneur5 a:link { text-decoration: underline; color: #000000; }
#conteneur5 a:visited { text-decoration: underline; color: #000000; }
#conteneur5 a:hover { text-decoration: none; color: #FF0000; }
#conteneur5 a:focus { text-decoration: none; color: #FF0000; }
/* Miniat conteneur5 */
.photo5 {
margin: 0 18px 0 12px;
padding: 0;
float: left;
border: 1px solid #000000;
}
.p-deborde {
	text-align:justify;
	margin: 10px 0 0 12px;
}

#conteneur6 { /* Calque-texte des colonnes produits */
	float: left;
	height: 100%;
	width: 672px;
	font-size: 12px;
	font-weight: normal;
	margin: 30px 0 0 64px;
	text-align: justify;
}
.photo6 {
margin: 20px 0 20px 0;
padding: 0;
border: 1px solid #000000;
}

h1:after /* Pour tricher sur la justification forcée d'une seule ou dernière ligne sur FF */
{
	content: "  _____________________________";
	line-height: 0;
	visibility: hidden;
}
#conteneur6 h1 {
	font-weight: bold;
	letter-spacing: 0.2em;
	font-size: 14px;
	margin-bottom: 15px;
	text-justify: distribute-all-lines;		/* Pour  la justification forcée d'une seule ou dernière ligne sur IE */
	text-align: justify;
	text-justify: distribute;
	text-align-last: justify;
	margin : 0 0 -0.3em 0;
	!margin: 0 0 0.6em 0;
}
#conteneur6 span { /* style gras dans les colonnes colorées */
	font-weight: bold;
}

#list6A1 { /* style contener6A1 (col gauche) */
 	color: #993300;
	margin: 0 12px 0 12px;
	width: 200px;
	float: left;
}
#list6A1 ul {
	list-style-type: none;
}
a.list6A1:link {font-size: 12px; color: #993300; font-weight: bold; text-decoration: underline;}
a.list6A1:visited {color: #993300; font-weight: bold; text-decoration: underline;}
a.list6A1:hover {color: #663300;}
a.list6A1:active {color: #663300;}

#list6A2 { /* style pour le contener6A2 (col centre) */
    margin: 0 12px 0 12px;
	width: 200px;
	color: #E80707;
	float: left;
}
a.list6A2:link {font-size: 12px; color: #E80707; font-weight: bold; text-decoration: underline;}
a.list6A2:visited {color: #E80707; font-weight: bold; text-decoration: underline;}
a.list6A2:hover {color: #990000;}
a.list6A2:active {color: #990000;}



#list6A3 { /* style pour le contener6A3 (col droite) */
    margin: 0 12px 0 12px;
	width: 200px;
	color: #CC3300;
	float: left;
}
a.list6A3:link {font-size: 12px; color: #CC3300; font-weight: bold; text-decoration: underline;}
a.list6A3:visited {color: #CC3300; font-weight: bold; text-decoration: underline;}
a.list6A3:hover {color: #993300;}
a.list6A3:active {color: #993300;}

#list6B { /* style pour le contener6B (col en bas à droite) */
    margin: 50px 12px 30px 12px;
	width: 200px;
	color: #000000;
	float: right;
	text-align: right;
}
#list6B ul {
    margin:0;
    padding:0;
	list-style: none;
}
/* Liens de la list6B */
a.list6B:link {font-size: 12px; color: #000000;}
a.list6B:visited {color: #000000;}
a.list6B:hover {color: #FF0000;}
a.list6B:active {color: #FF0000;}
/* Liens de devis dans 6B */
a.list6B2:link {font-size: 12px; color: #000000; text-decoration: none;}
a.list6B2:visited {color: #000000; text-decoration: none;}
a.list6B2:hover {color: #FF0000;}
a.list6B2:active {color: #FF0000;}

h4 { /* Ligne bas de page */
	color: #4C4A4A;
	border-top-style: solid;
	border-width: 2px;
	width: 800px;
	height: 5px;
	float: left;
}
h3 { /* Titre Demander un devis */
	color: #OOOOOO;
	font-size: 12px;
	letter-spacing: 0.1em;
	border-top-style: solid;
	border-width: 6px;
	border-bottom-style: solid;
	margin: 0px;
	padding: 5px 0;
	text-align: center;
}

#conteneur-pied {
	margin: 0;
	padding: 3px 0 0 0;
	height: 30px;
	float: left;
	width: 800px;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #4C4A4A;
}