/*  ----------------------------------------------------------- */
/*  Feuilles de styles des squelettes par defaut pour SPIP 2  */
/*  ----------------------------------------------------------- */

/* taille typo
 * Base				100%
 * -------------------------------------
 * 20px				1.27em
 * 19px				1.21em
 * 18px				1.15em
 * 17px				1.09em
 * 16px				1.03em
 * 15px				0.96em
 * 14px				0.88em
 * 13px				0.82em
 * 12px				0.77em
 * 11px				0.71em
 * 10px				0.65em
 *  9px				0.59em
 * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE
 */

/* ------------------------------------------
/* TYPO GENERALE
/* ------------------------------------------ */
body {
	margin:0;
	padding:0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #59514a;
}
html, body {
	height: 100%;
	width: 100%;
}

img, table { margin: 0; padding: 0; border: none; }
h1, h2, h3, h4, h5, h6, dl, dd, dt, ul, li { margin: 0; padding: 0; }
h1, h2, h3, h4, h5, h6, dl, dd { font-weight: normal; }

h2 a:hover, h2 span a:hover,
a:hover, .couleur { color: #c00418; }

a { color: #59514a; }

.clear {clear:both;}

.rouge {color:#c00418;}


/* BLOCS PRINCIPAUX */
#conteneur {
	width: 100%;
	position: relative;

	height: auto;
	min-height: 100%; /* pour firefox prenne toute la hauteur de page*/
	_height: 100%; /*underscore hack uniquement interprété par IE Win*/
	min-height: 100%;

	background-color:#1a1a1a;
}
#centre {
	position:relative;
	width: 100%;
	margin: 0;
	padding: 0;
	background:url(../images/fd.jpg) no-repeat #adadad;
}

#piedpage {
	position:relative;
	background-color:#1a1a1a;
	width: 100%;
}

#contenu_piedpage {
	position:relative;
	margin:0 auto;
	width:988px;
	height:87px;
	margin-top:1em;
}

#contenu_piedpage p {
	margin:0;
	padding:0;
}

#centre #entete {
	position:relative;
	margin:0 auto;
	width:988px;
	height:57px;
	z-index:1;
}

#centre #page {
	margin:0 auto;
	width:988px;
	position:relative;
}

#logo {
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
#logo h1 {
	text-indent:-50000px;
}


#contenu_piedpage p {
	font-size:0.71em;
	color:#939393;
}

#contenu_piedpage p a {
	color:#939393;
	text-decoration:none;
}

#contenu_piedpage p a:hover {
	color:#c00418;
}

#contenu_piedpage p span {
	font-size:18px;
	font-weight:bold;
	color:#c00418;
	font-family:Arial, Helvetica, sans-serif;
	border-left:solid 1px #484848;
	border-right:solid 1px #484848;
	padding-left:0.5em;
	padding-right:0.5em;
	margin-right:0.5em;
}

#contenu_piedpage #logo_piedpage {
	float:left;
	border-right:solid 1px #484848;
	padding-right:0.5em;
	margin-right:0.5em;
}

#hp_footer {
	position:absolute;
	right:0;
	top:-12px;
	width:350px;
}
#hp_footer h3 {
	font-size:0.65em;
	color:#FFFFFF;
	padding-top:1em;
}
#hp_footer img {
	float:left;
	margin-right:4px;
}




/* ACCUEIL */

body.page_accueil #centre {
	height:700px;
	}

#visuel_accueil {
	position:relative;
	background:url(../images/visuel_accueil.jpg) no-repeat;
	height: 380px;
	width:988px;
}

#bt_video {
	position:absolute;
	left:822px;
	top:287px;
}
#visuel_accueil #hp_texte {
	position:absolute;
	left:100px;
	top:300px;
	font-size:0.65em;
	font-weight:bold;
	color:#003c89;
	width:310px;
	padding-top:10px;
}

div.encart {
	position:relative;
	float:left;
	width:244px;
	height:157px;
	margin-bottom:2em;
	margin-right:0.5em;
}
div.solutionscreatives h2 a {
	position:absolute;
	top:75px;
	left:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.5em;
	color:#FFFFFF;
	text-decoration:none;
	width:80%;
}
div.solutionstirages h2 a {
	position:absolute;
	top:75px;
	left:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.5em;
	color:#1a1a1a;
	text-decoration:none;
	width:110px;
}
div.solutionglobale h2 {
	position:absolute;
	top:50px;
	left:100px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.77em;
	font-weight:bold;
	color:#ffffff;
	text-decoration:none;
	width:85px;
}
div.solutionglobale p a {
	position:absolute;
	top:70px;
	left:120px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.71em;
	color:#ffffff;
	text-decoration:none;
}

div.solutionstirages h2 a:hover,
div.solutionscreatives h2 a:hover,
div.solutionglobale p a:hover {
	text-decoration:underline;
}

#texte_accueil {
	position:relative;
	font-size:0.65em;
	color:#8c8c8c;
	font-weight:bold;
	padding-top:0.5em;
	padding-bottom:0.5em;
	padding-left:0.5em;
}

#actu {
	position:relative;
	float:left;
	width:230px;
	border-left:dashed 1px #979798;
	height:157px;
}
#actu h3 {
	padding-left:10px;
	text-transform:uppercase;
	font-size:0.65em;
	padding-bottom:5px;
}
#actu p {
	margin:0;
	padding:0;
	padding-left:10px;
	font-size:0.71em;
}
#actu a {
	padding-left:10px;
	font-size:0.71em;
	text-decoration:none;
	color:#c00418;
}
#actu a:hover {
	color:#000000;
}
#actu p a {
	padding-left:0px;
	padding-top:5px;
	font-size:10px;
	text-decoration:none;
	color:#59514A;
}




/* SOLUTIONS CREATIVES */

.creatives {
	background:url(../images/fd_page_creatives.jpg) no-repeat;
	padding-top:130px;
	padding-bottom:5em;
}

#page.creatives h2 {
	font-size:1.15em;
	color:#7c7c7c;
	padding-left:1em;
	margin-bottom:1em;
	width:49%;
}
dl#borne,
dl#flux,
#impression {
	position:relative;
	float:left;
	font-size:0.71em;
	padding:5px;
	}

dl#borne dd.titre h2,
dl#flux dd.titre h2,
#page.creatives #impression h2 {
	color:#FFFFFF;
	font-weight:bold;
	padding-left:15px;
	padding-top:5px;
	font-size:1em;
	margin-bottom:0;
	width:100%;
}

#page.creatives #impression h2 {
	padding-left:20px;
}

dl#borne dd.description,
dl#flux dd.description,
#impression p {
	padding-left:5px;
	margin-top:1em;
	width:90%;
}

#impression p {
	padding-left:150px;
	width:50%;
}

#impression h3 {
	padding-left:150px;
	width:50%;
	font-size:11px;
	font-weight:bold;
	text-transform:uppercase;
	color:#333333;
}

#impression img {
	position:absolute;
	top:0px;
	width:130px;
	height:170px;
}

dl#borne {
	background:url(../images/creatives_cadre1.gif) no-repeat;
	height:286px;
	width:149px;
}

dl#flux {
	background:url(../images/creatives_cadre2.gif) no-repeat;
	height:286px;
	width:168px;
}

#impression {
	background:url(../images/creatives_cadre3.gif) no-repeat;
	height:286px;
	width:326px;
}

div.doc {
	position:relative;
	height:16px;
	padding-left:20px;
	font-size:10px;
	background:url(../images/icone_pdf.png) no-repeat;
}
div.doc a {
	color:#8c8c8c;
	text-decoration:none;
}
div.doc a:hover {color:#C00418;}

dl#borne dd div.doc {
	position:absolute;
	bottom:30px;
	left:20px;
}

#impression div.doc {
	position:absolute;
	bottom:20px;
	right:65px;
}

dl.produits_creatifs {
	position:absolute;
	right:10px;
	top:190px;
	width:280px;
	border-left:dashed 1px #979798;
	padding-left:1em;
	font-size:0.71em;
}
#page.creatives dl.produits_creatifs dd.titre_produit {
	padding-left:95px;
}
#page.creatives dl.produits_creatifs dd.titre_produit h2 {
	text-transform:uppercase;
	color:#C00418;
	font-weight:bold;
	font-size:11px;
	margin-bottom:0;
	width:95%;
	padding-left:0;
}
dl.produits_creatifs dd.descriptif_produit {
	color:#000000;
	padding-left:95px;
	margin-bottom:1em;
}

dl.produits_creatifs dt {
	float:left;
	margin-right:5px;
}


/* TIRAGE PHOTO */

.tirage {
	background:url(../images/fd_page_tirage.jpg) no-repeat;
	height:639px;
}

div.intro {
	position:absolute;
	right:10px;
	top:190px;
	width:200px;
	padding-left:1em;
	font-size:0.77em
}

div.intro h2 {
	text-transform:uppercase;
	font-size:1em;
	color:#C00418;
	font-weight:bold;
}
div.intro p {
	font-size:1em;
	color: #000000;
}

#machines {
	position:absolute;
	font-size:0.71em;
	top:140px;
	left:20px;
}

#machines dl {
	position:relative;
	margin-bottom:1em;
	padding-bottom:0.5em;
	border-bottom:dashed 1px #666666;
	width:490px;
	padding-left:2em;
	height: auto;
}

#machines dl dd {
	position:relative;
	padding-left:150px;
}

#machines dl dd.titre {
	padding-top:3px;
	padding-bottom:3px;
	padding-left:156px;
	font-size:12px;
	color:#ffffff;
	background:url(../images/fd_titre_rouge.gif) no-repeat 150px 0;
}

#machines dl dd.intertitre {
	color:#000000;
}

#machines dl dd.description ul {
	margin-top:0.6em;
	margin-bottom:0.6em;
	width:230px;
}

#machines dl dd.description ul li {
	color:#c00418;
	line-height:1.2em;
	margin-left:2em;
}
#machines dl dt.photo_machine {
	position:relative;
	float:left;
}
#machines dl dd.detail_machine {
	position:absolute;
	right:0;
	top:0;
}

.box,
.box_head,
.box_body,
.box_footer {
	width:200px;
	background:url(../images/cadre_arondi.png) no-repeat;
}

.box {
	position:relative;
	font-size:10px;
	color:#FFFFFF;
}

.box_head {
	position:relative;
	height:20px;
	background-position:top left;
}

.box_body {
	position:relative;
	height:190px;
	background-position:0px -20px;
	color:#FFFFFF;
}

.box_footer {
	position:relative;
	height:20px;
	background-position:bottom left;
}

.box_body ul li {
	list-style-type:none;
	margin-left:0.5em;
	margin-bottom:1em;
	background:url(../images/valid.png) no-repeat;
	padding-left:28px;
}



/* SOLUTION GLOBALE */

.globale {
	background:url(../images/fd_page_globale.jpg) no-repeat;
	height:639px;
}

#page.globale #intro {
	position:absolute;
	width:360px;
	right:20px;
	top:180px;
}

#page.globale h2 {
	font-size:1.15em;
	color:#C00418;
}

#page.globale h3 {
	font-size:1.15em;
	color: #333333;
	margin-bottom:0.5em;
}

#page.globale ul {
	margin-bottom:1em;
}

#page.globale ul li {
	font-size:0.77em;
	color:#000000;
	margin-left:2em;
	line-height:1.2em;
}

#page.globale #intro div.doc a {
	color:#FFFFFF;
}

#page.globale #intro div.doc a:hover {
	color:#C00418;
}



/* QUI SOMMES NOUS */

.qui {
	height:600px;
	background:url(../images/visuel_qui.jpg) no-repeat;
}

#page.qui .box_head,
#page.qui .box_body,
#page.qui .box_footer {
	width:310px;
	background:url(../images/cadre_arondi2.png) no-repeat;
}
#page.qui .box {
	position:absolute;
	right:80px;
	top:140px;
	width:310px;
	}
#page.qui .box_body h3 {
	padding-left:32px;
	margin-bottom:1em;
}
#page.qui .box_body {
	height:200px;
	background-position: 0px -20px;
}
#page.qui .box_footer {
	position:relative;
	height:20px;
	background-position: bottom left;
}

#page.qui #intro {
	position:absolute;
	left:50px;
	top:140px;
	color:#000000;
	width:500px;
}
#page.qui #intro p { font-size:0.77em;}
#page.qui #intro h2 {
	font-size:1.15em;
	color:#C00418;
}


/* CONCEPT STORE */

.concept {
	height:600px;
	background:url(../images/visuel_concept.jpg) no-repeat;
}
#page.concept #intro {
	position:absolute;
	left:500px;
	top:140px;
	color:#000000;
	width:480px;
	text-align:justify;
}
#page.concept #intro p,
#page.concept #intro ul {
	font-size:0.77em;
}

#page.concept #intro h2 {
	font-size:1.15em;
	color:#C00418;
}

#page.concept #intro ul {
	margin-top:1em;
}

#page.concept #intro ul li {
	margin-left:2em;
	width:70%;
	text-align:left;
}

#visuels_store {
	position:absolute;
	left:50px;
	top:140px;
	width:400px;
}

#visuels_store img {
	float:left;
	}



/* CONSOMMABLES */

.consommable {
	height:600px;
	background:url(../images/visuel_consommables.jpg) no-repeat;
}

#page.consommable #intro {
	position:absolute;
	left:50px;
	top:120px;
	color:#000000;
	width:300px;
}

#page.consommable #intro p,
#page.consommable #intro ul {
	font-size:0.77em;
	color:#000000;
}

#page.consommable #intro h2 {
	font-size:1.15em;
	color:#C00418;
}

#page.consommable #intro ul {
	margin-top:1em;
	margin-bottom:1em;
}

#page.consommable #intro ul li {
	margin-left:2em;
	width:70%;
	text-align:left;
}


/* CONTACT */

.contact {
	height:600px;
	background:url(../images/visuel_contact.jpg) no-repeat;
}

#page.contact .box {
	position:absolute;
	right:90px;
	top:140px;
	font-size:14px;
	}
#page.contact .box_body {
	height:120px;
	font-weight:bold;
}

#page.contact .box_body p {
	margin-left:20px;
}


/* ACTUALITES */

.actualites {
	height: auto;
	min-height: 600px; /* pour firefox prenne toute la hauteur de page*/
	_height: 600px; /*underscore hack uniquement interprt par IE Win*/
	min-height: 600px;

	background:url(../images/visuel_actu.jpg) no-repeat;
}
#liste_actu {
	position:relative;
	padding-top:140px;
	margin-left:30px;
}



#liste_actu p {
	font-size:0.71em;
	text-align:justify;
	margin-bottom:10px;
	margin:0;
	padding:0;
}
#liste_actu p.intro_actu {
	padding-top:5px;
}
#liste_actu h5 {
	margin-top:5px;
	padding-top:5px;
	margin-bottom:5px;
	color:#c00418;
}
#liste_actu a {
	color:#000000;
}
#liste_actu img.photo_left {
	float:left;
	margin-right:5px;
}
#liste_actu div.actu {
	width:430px;
	border-top: dashed 1px #999999;
	clear:both;
}



/* MENTIONS LEGALES */

.mentions {
	height: auto;
	min-height: 600px; /* pour firefox prenne toute la hauteur de page*/
	_height: 600px; /*underscore hack uniquement interprt par IE Win*/
	min-height: 600px;

	background:none;
}
#page.mentions #intro {
	position:absolute;
	left:50px;
	top:140px;
	color:#000000;
	width:500px;
}
#page.mentions #intro p { font-size:0.77em;}
#page.mentions #intro h2 {
	font-size:1.15em;
	color:#C00418;
}



/* extranet */
#page.extranet {
	background:url(../images/fd_extranet.jpg) no-repeat;
	
	height: auto;
	min-height: 500px; 
	_height: 500px; 
	min-height: 500px;
}
body.extranet #deconnexion {
	position:absolute;
	right:100px;
	top:75px;
	text-align:right;
	z-index:1;
}
body.extranet #deconnexion h2 {
	color:#FFFFFF;
	font-size:1.8em;
	display:none;
	}
body.extranet #deconnexion h3 a {
	color:#FFFFFF;
	font-size:0.71em;
	text-decoration:none;
	}
body.extranet #deconnexion h3 a:hover {
	color:#C00418;
	}
body.extranet #gauche ul {
	list-style-type:none;
	margin-left:2em;
	}
body.extranet #gauche div.libelle {
	background:url(../images/folder.png) no-repeat;
	height:25px;
	padding-left:25px;
	}
body.extranet #gauche div.selected a {
	font-weight:bold;
	}
body.extranet #gauche ul li a {
	text-decoration:none;
	font-size:0.71em;
	text-transform:uppercase;
	}
body.extranet #gauche ul li ul {
	border-top:dotted 1px #CCCCCC;
	padding-top:4px;
	}
#page #conteneur_contenus {
	padding-top:120px;
	padding-bottom:20px;
	font-family:Arial, Helvetica, sans-serif;
	}
#page #conteneur_contenus {
	position:relative;
	}
#page #conteneur_contenus #gauche {
	float:left;
	width:23%;
	overflow:auto;
	height:100%;
	z-index:1;
	border-right:dotted 1px #CCCCCC;
	margin-right:1em;
	padding-right:1em;
	}
#page #conteneur_contenus #droite {
	}
#page #conteneur_contenus #droite #all_contenus {
	height:100%;
	overflow:auto;
	}
#page #conteneur_contenus #droite #all_contenus .contenu {
	float:left;
	}
#page #conteneur_contenus #droite div.texte {
	font-size:0.88em;
	color:#C00418;
	font-weight:bold;
	margin-bottom:1em;
	}
body.extranet  div.contenu {
	position:relative;
	border:solid 1px #CCCCCC;
	margin-right:5px;
	margin-bottom:5px;
	background-color:#FFFFFF;
	width:70px;
	height:90px;
	}
body.extranet  div.contenu div.lien_content {
	position:absolute;
	bottom:3px;
	text-align:center;
	width:100%;
	}
body.extranet  div.contenu div.titre {
	font-size:0.65em;
	text-align:center;
}
/* fin extranet */

#formulaire_extranet {
	position:absolute;
	left:250px;
	top:160px;
	}
#formulaire_extranet label {
	display:block;
	font-size:0.71em;
	width:150px;
	margin-bottom:5px;
	}
#formulaire_extranet h2 {
	color:#C00418;
	}
#formulaire_extranet input.bt_submit {
	background-color:#C00418;
	border:0;
	color:#FFFFFF;
	margin-top:1em;
	}
#visuel_extranet {
	position:absolute;
	right:380px;
	top:140px;
	width:180px;
	height:210px;
	background:url(../images/cadena.gif) no-repeat;
	z-index:2;
	}