body
{
	font-family:"Helvetica Neue Light", Arial, "Myriad Pro", "sans serif";
	font-size:0.9em;
	text-align: justify;
	background-color:#FFF;
	margin: auto;
	width:960px;
}

/* ////////////////////// CONTENU HEADER//////////////////////// */

#logo
{
	margin-left:300px;
	margin-bottom:9px;
}

#img_langues
{
	background-image: url(imagesSite/fondSiteDrapeau.gif);
	background-repeat: no-repeat;
	height: 24px;
	width: 181px;
	margin-left:743px;
	padding-left:15px;
	top:98px;
	position: absolute;
}

#drapeaux .dr_fr
{
	background-image: url(imagesSite/drapeau-fr.jpg);
	width: 26px;	
}

#drapeaux .dr_en
{
	background-image: url(imagesSite/drapeau-en.jpg);
	width: 28px;	
}

#drapeaux .dr_pt
{
	background-image: url(imagesSite/drapeau-pt.jpg);
	width: 24px;
}

#drapeaux .dr_es
{
	background-image: url(imagesSite/drapeau-es.jpg);
	width: 26px;	

}

#drapeaux .dr_fr, #drapeaux .dr_en, #drapeaux .dr_pt, #drapeaux .dr_es
{
	background-repeat: no-repeat;
	display:block;
	height: 16px;
	margin-left:9px;
	margin-top:7px;
	float:left;
}

ul .dr_activer a  /*safari ne comprend pas => si pas ul devant*/
{
	background-position:bottom;
}

#drapeaux a:hover
{
	background-position: bottom;	
}

#navigation span, #drapeaux span
{
	display:none;
}

#drapeaux li, #nav li .accueil,  #nav li .production, #nav li .certifications_et_normes, #nav li .actualites, #nav li .contact
{
	float:left;	
}

/* ////////////////////// CONTENU NAVIGATION + SOUS-NAV //////////////////////// */

#nav
{
	padding-top:8px;
	padding-left:10px;
}

#navigation
{
	background-image:url(imagesSite/fondNav.jpg);
	background-repeat:no-repeat;
	height:34px;
	width:878px;
}

#navigation, #navigation ul
{
	padding:0;
	margin:0;
	list-style:none; 
	line-height:22px; /* on défini une hauteur pour chaque élément */
	text-align:center;
}

#navigation
{
	font-weight:bold;
	font-size:0.8em; /* hauteur du texte dans la sous-nav */
}

#navigation a /* Contenu des listes */
{
	display:block;
	padding:0;
	color:#FFF;
	text-decoration:none;
}

#navigation li /* Elements des listes */	
{ 
	float:left;/* pour ie qui ne reconnait pas "transparent" */ 		
}

#navigation li ul /* Sous-listes */
{
	position:absolute;
	width:200px; /* Largeur des sous-listes */
	left:-999em; /* On envoi loin du champ de vision */
}

#navigation .sous-nav /* bloc sous-nav => pour bouger le tout */
{
	margin-top:34px;
}

#navigation li ul li /* Eléments de sous-listes */
{
	/* pour ie qui ne reconnait pas "transparent" (comme précédement) */
	border-top:1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
}

/* ie ne reconnaissant pas le sélecteur ">" */
html>body #navigation li ul li		
{
	border-top:1px solid transparent; /* on met une bordure transparante en haut de chaque élément */
}

/* ie ne reconnaissant pas le sélecteur ">" */
html>body #navigation li ul ul		
{
	border-left:1px solid transparent ; /* on met une bordure transparante sur la gauche de chaque élément */	
}

#navigation li ul a	
{
	color:#FFF;
	background-color:#666666;
	text-decoration:none;
	padding:5px;
	width:160px;
}

#navigation li ul a:hover	
{
	color: #FFF;
	background-color: #333333;
	text-decoration:none;
	padding:5px;
	width:160px;
}

#navigation li:hover ul, #navigation li li:hover ul, #navigation li.sfhover ul, #navigation li li.sfhover ul  
/*Sous-listes lorsque la souris passe sur un élément de liste*/ 
/*ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste*/ 
{
	left: auto; /* Repositionnement normal ET n'est pas affecté par le redimensionnement de la fenetre */
	min-height: 0; /* Corrige un bug */
}

#navigation a:hover
{
	background-position:bottom;
}

.activer a
{
	background-position:bottom;
}

#navigation span
{
	display:none;
}

#navigation a.production, #navigation a.certifications_et_normes, #navigation a.actualites, #navigation a.contacts
{	
	height: 34px;
	background-repeat: no-repeat;
}

/* /////////////////////////////////// CONTENU SITE ////////////////////////////// */

#container
{
	margin:auto;
	width:960px;
	margin-top:10px;
	margin-bottom:20px;
}

#fond_repeat
{
	background-image: url(imagesSite/fondSiteCenter.gif);
	background-repeat:repeat-y;
	background-position: 34px;
}

#header
{
	
	background-image: url(imagesSite/header.jpg);
	background-repeat: no-repeat;
	height: 72px;
	width: 899px;
}

.h1_credits, .h1_mentions_legales, .h1_contact, .h1_actualites, .h1_certifications_et_normes, .h1_production, .h1_accueil
{
	background-repeat: no-repeat;
}

.h2_produits_3
{
	background-image: url(imagesSite/secteurs_dactivites.jpg);
	height: 20px;
	width: 234px;
}

.h3_produits_1, .h3_produits_4, .h3_produits_5, .h3_produits_6, .h3_produits_7, .h3_produits_8, .h3_produits_9, .h3_produits_10, .h3_produits_11, .h3_produits_12, .h3_produits_13, .h3_produits_14, .h3_produits_15, .h3_produits_16, .h3_produits_17, .h3_produits_18
{
	background-repeat: no-repeat;
	margin-left:203px;
	margin-top:10px;
	font-size:1.4em;
	color:#7f6546;
	font-weight: lighter;
}

.h3_damasse_1, .h3_damasse_7, .h3_damasse_11, .h3_damasse_15, .h3_semi_crepe_1, .h3_semi_crepe_7, .h3_semi_crepe_11, .h3_semi_crepe_15, .h3_non_tisse_1, .h3_non_tisse_7, .h3_non_tisse_11, .h3_non_tisse_15, .h3_bubble_1, .h3_bubble_7, .h3_bubble_11, .h3_bubble_15, .h3_color_1, .h3_color_7, .h3_color_11, .h3_color_15
{
	background-repeat:no-repeat;
	margin:5px 0px 25px 0px;
	width:845px;
	height:300px;
} 

.h3_damasse_1, .h3_damasse_7, .h3_damasse_11, .h3_damasse_15
{
	background-image:url(imagesSite/papier_damasse.jpg);
}

.h3_semi_crepe_1, .h3_semi_crepe_7, .h3_semi_crepe_11, .h3_semi_crepe_15 
{
	background-image:url(imagesSite/papier_gaufre_semi-crepe.jpg);
}

.h3_non_tisse_1, .h3_non_tisse_7, .h3_non_tisse_11, .h3_non_tisse_15
{
	background-image:url(imagesSite/papier_non-tisseRET.jpg);
}

.h3_bubble_1, .h3_bubble_7, .h3_bubble_11, .h3_bubble_15
{
	background-image:url(imagesSite/papier_gaufre-bubble.jpg);
}

.h3_color_1, .h3_color_7, .h3_color_11, .h3_color_15
{
	background-image:url(imagesSite/papier_color.jpg);
}

.h3_verge_vellin_4, .h3_verge_vellin_8, .h3_verge_vellin_12, .h3_verge_vellin_16, .h3_gris_brun2_4, .h3_gris_brun2_8, .h3_gris_brun2_12, .h3_gris_brun2_16, .h3_gris_brun_4, .h3_gris_brun_8, .h3_gris_brun_12, .h3_gris_brun_16
{
	background-repeat: no-repeat;
	width:845px;
	height:300px;
	margin:5px 0px 25px 0px;
}

.h3_verge_vellin_4, .h3_verge_vellin_8, .h3_verge_vellin_12, .h3_verge_vellin_16
{
	background-image:url(imagesSite/papier_verge_vellin.jpg);
}

.h3_gris_brun2_4, .h3_gris_brun2_8, .h3_gris_brun2_12, .h3_gris_brun2_16
{
	background-image:url(imagesSite/papier_gris-brun2.jpg);
}

.h3_gris_brun_4, .h3_gris_brun_8, .h3_gris_brun_12, .h3_gris_brun_16
{
	background-image:url(imagesSite/papier_gris-brun.jpg);
}

.h3_blanc_5, .h3_blanc_9, .h3_blanc_13, .h3_blanc_17
{
	background-image:url(imagesSite/papier_blanc.jpg);
	background-repeat: no-repeat;
	width:845px;
	height:300px;
	margin:5px 0px 25px 0px;
}

.h3_couleur_6, .h3_couleur_10, .h3_couleur_14, .h3_couleur_18, .h3_couleur2_6, .h3_couleur2_10, .h3_couleur2_14, .h3_couleur2_18
{
	background-repeat: no-repeat;
	width:845px;
	height:300px;
	margin:5px 0px 25px 0px;
}

.h3_couleur_6, .h3_couleur_10, .h3_couleur_14, .h3_couleur_18
{
	background-image:url(imagesSite/papier_couleur.jpg);
}

.h3_couleur2_6, .h3_couleur2_10, .h3_couleur2_14, .h3_couleur2_18
{
	background-image:url(imagesSite/papier_couleur2.jpg);
}

.h1_produits span, .h1_certifications_et_normes span, .h1_actualites span, .h1_contact span, .h1_credits span,
.h1_mentions_legales span, .h2_produits_1 span, .h2_produits_2 span, .h2_produits_3 span, .h2_produits_4 span
{
	display:none;	
}

#contenu
{
	padding-left:30px;
}

#liens_gammes1, #liens_gammes4, #liens_gammes5, #liens_gammes6, #liens_gammes7, #liens_gammes8, #liens_gammes9, #liens_gammes10, #liens_gammes11, #liens_gammes12, #liens_gammes13, #liens_gammes14, #liens_gammes15, #liens_gammes16, #liens_gammes17, #liens_gammes18
{	
	background-repeat: no-repeat;	
	height: 70px;
	width: 400px;
	padding-left:140px;
	padding-top:35px;
	margin-left:25px;	
	margin-bottom:35px;
	background-image: url(imagesSite/icone_papier.jpg);	
}

#liens_gammes1 a, #liens_gammes4 a, #liens_gammes5 a, #liens_gammes6 a, #liens_gammes7 a, #liens_gammes8 a, #liens_gammes9 a, #liens_gammes10 a, #liens_gammes11 a, #liens_gammes12 a, #liens_gammes13 a, #liens_gammes14 a, #liens_gammes15 a, #liens_gammes16 a, #liens_gammes17 a, #liens_gammes18 a
{
	font-size:1.4em;
	text-decoration:none;
	color:#000;
}

#liens_gammes1 a:hover, #liens_gammes4 a:hover, #liens_gammes5 a:hover, #liens_gammes6 a:hover, #liens_gammes7 a:hover, #liens_gammes8 a:hover, #liens_gammes9 a:hover, #liens_gammes10 a:hover, #liens_gammes11 a:hover, #liens_gammes12 a:hover, #liens_gammes13 a:hover, #liens_gammes14 a:hover, #liens_gammes15 a:hover, #liens_gammes16 a:hover, #liens_gammes17 a:hover, #liens_gammes18 a:hover
{
	font-size:1.4em;
	text-decoration:none;
	color:#0A5C9A;
}

#contenu .panoramaUsine /* preciser où car safari bug */
{
	padding-top:15px;
	margin-bottom:23px;
}

#contenu p /* cible la page index.php uniquement */
{
	padding-right:50px;
	padding-top:15px;
	line-height:1.3em;
}

.colonne_gauche
{
	float:left;
	padding-right:190px;
}

#feuille_dr_haut
{
	background-image: url(imagesSite/fond_droit.jpg);
	background-position:right top;
	background-repeat:no-repeat;
}

#footer/* ne pas mettre de dimension car sinon bug*/
{
	background-image: url(imagesSite/fond_gauche.jpg);/* feuille en bas à gch*/
	background-position:left bottom;
	background-repeat:no-repeat;
	padding-left:35px;
	padding-right:30px;
	padding-bottom:80px;
}

#footer_gch/* ne pas mettre de dimension car sinon bug*/
{
	background-image: url(imagesSite/footer_gch.jpg);
	background-position:left bottom;
	background-repeat:no-repeat;
}

#vide1, #vide2, #vide3
{
	clear:both;	
}

/* //////////////////////Page PARC MACHINE//////////////////////////// */

#boite_tableau, #boite_tableau_2
{
	border:2px solid #000;
	-moz-border-radius:15px;
	border-radius:15px;
	-khtml-border-radius:15px;
	-webkit-border-radius:15px;
	width:780px;
	margin-top:40px;
	margin-left:28px;		
}

#boite_tableau_2
{
	margin-top:90px;
	margin-bottom:180px;
}

#boite_tableau_2 .cadre_parc_machines tbody td
{
	padding-left:30px;
}

#boite_tableau_2 .cadre_parc_machines thead th
{
	padding:9px 0px 9px 17px;
}

.cadre_parc_machines
{
	width:780px;
	background-color:#CCDBEC;
	-moz-border-radius:15px;
	border-radius:15px;
	-khtml-border-radius:15px;
	-webkit-border-radius:15px;	
}

.cadre_parc_machines thead th
{
	padding:9px 0px 9px 17px;
}

.cadre_parc_machines tbody th
{
	padding:9px;
}

.cadre_parc_machines tbody td
{
	padding:0px 20px 15px 20px;
}

.schema_prod
{
	margin-left:12px;
}

.schema_h2
{
	margin:40px 0px 20px 10px;
}

.p_transformation
{	
	width: 765px;
	position:absolute;
	margin-top:415px;
	margin-left:30px;
}

.p_transformation2
{	
	width: 765px;
	position:absolute;
	margin-top:655px;
	margin-left:30px;
}

.p_transformation2 p
{	
	padding-bottom:15px;
}

.p_transformation2 li
{	
	padding-bottom:8px;
}

.p_transformation2 a
{	
	text-decoration:none;
	color:#0A5C9A;
}

.p_transformation2 a:hover
{	
	text-decoration:underline;
	color:#964712;
}

/* ////////////////////// page ACTUALITES //////////////////////// */

#logo-FSC
{
	background-image: url(imagesSite/fsc-logo.jpg);
	background-repeat: no-repeat;
	height: 150px;
	width: 144px;	
}

/* ////////////////////// CONTENU NAV FOOTER //////////////////////// */

#nav_footer
{
	background-image: url(imagesSite/footer.jpg);
	padding-left:45px;
	margin-bottom:10px;
	padding-top:43px;
	height:73px;
	background-repeat:no-repeat;
}

#nav_footer a
{
	color: #000;
}

#nav_footer a:hover
{
	background-position: bottom;		
}

#nav_footer a.activer
{
	background-position: top;		
}

#nav_footer, #nav_footer a:hover, #nav_footer a.activer
{
	color:#AD9273;
}

#nav_footer, #nav_footer a, #nav_footer a:hover
{
	text-decoration:none;
}

.copyright
{
	margin-top:12px;
	font-size:0.8em;
	color:#999;
}

#nav_footer p a.onglets_rajouter
{
	margin-top:12px;
	color:#999;
}

#nav_footer p a.onglets_rajouter:hover
{
	margin-top:12px;
	color:#000;
}

/* ////////////////////// CONTENU GALERIE //////////////////////// */

.colonne_droite
{
	margin-left:648px;
	padding-top:15px;
}

#galerie_photo_accueil .photo1, #galerie_photo_accueil .photo2, #galerie_photo_accueil .photo3
{
	width:195px;
	height:148px;
}

#galerie_photo_accueil .photo1, #galerie_photo_accueil .photo2
{
	margin-bottom:8px;
}

#galerie_photo_accueil .photo1
{
	background-image: url(imagesSite/machine_a_fabriquer_le_papier.jpg);
	background-repeat: no-repeat;	
}

#galerie_photo_accueil .photo2
{
	background-image: url(imagesSite/bobine_papier.jpg);
	background-repeat: no-repeat;
}

#galerie_photo_accueil .photo3
{
	background-image: url(imagesSite/bobine_papier_stock.jpg);
	background-repeat: no-repeat;
}

#galerie_photo_accueil .photo1 span, #galerie_photo_accueil .photo2 span, #galerie_photo_accueil .photo3 span
{
	display:none;
}

/* ////////////////////// .....................CONTENU MISE EN PAGE - pages generales........................... */

#mise-en-forme
{
	margin-left:0px;
}

#mise-en-forme li
{
	margin-top:8px;
	margin-left:40px;
}

#mise-en-forme2 li
{
	margin-top:8px;
	margin-left:40px;
}

#mise-en-forme2 li a
{
	text-decoration:none;
	color:#999;
}

#mise-en-forme2 li a:hover
{
	text-decoration:none;
	color:#333;
}

.chapo
{
	margin:0px 20px 25px 20px;
}

div.miseEnPage {
	margin-bottom:10px;
}

.miseEnPage h2
{
	padding-bottom:8px;
	font-size:1.3em;
	
}
.miseEnPage h3
{
	margin-top:3px;
	font-size:1.1em;
	padding-left:7px;
}
.miseEnPage p
{
	padding-left:7px;
	line-height:1.3em;
	margin-right:60px;
	margin-left:20px;
	padding-top:15px;
	padding-bottom:9px;
}

.miseEnPage p a, .miseEnPage2 p a
{
	text-decoration:none;
	color:#3366CC;
}

.miseEnPage p a:hover, .miseEnPage2 p a:hover
{
	text-decoration:underline;
	color:#964712;
}

.miseEnPage2 h2
{
	margin-top:15px;
	text-decoration:underline;
	font-size:1.1em;
	padding-bottom:10px;
}

.miseEnPage2 li
{
	font-size:1.3em;
}

.miseEnPage2 h3
{
	margin-top:15px;
	text-decoration:none;
	font-size:1.1em;
}

.miseEnPage2 p
{
	margin-top:10px;
	margin-bottom:30px;
}

.miseEnPage2 li
{
	margin-bottom:7px;
}

.miseEnPage3 h3
{
	margin-top:15px;
	text-decoration:none;
	font-size:1.1em;
}

.miseEnPage3 p
{
	margin-top:5px;
	margin-bottom:10px;
}

.asterisque
{
	font-family: "Courier New", Courier, "sans serif";
	font-size:0.8em;	
}

/* ////////////////////// .....................CONTENU CONTACT........................... */

#contour_tableau_contact
{
	border:2px solid #000;
	-moz-border-radius:15px;
	border-radius:15px;
	-khtml-border-radius:15px;
	-webkit-border-radius:15px;
	width:780px;	
}

.tableau_contact
{
	background-color:#ADCACB;
	-moz-border-radius:15px;
	border-radius:15px;
	-khtml-border-radius:15px;
	-webkit-border-radius:15px;
	width:780px;
	height:400px;
}

#container_contact
{
	margin-left:27px;
}

#contenu_contact td
{
	padding-top:10px;
	padding-left:10px;	
}

#logo_tel
{
	background-image: url(imagesSite/logo_tel.jpg);
	background-repeat: no-repeat;
	height: 125px;
	width: 300px;
	float:left;
}

#logo_fax
{
	background-image: url(imagesSite/logo_fax.jpg);
	background-repeat: no-repeat;
	height: 125px;
	width: 300px;
	margin-left:478px;
}
