/* Feuille de style pour le contenu des pages 
 * C'est cette feuille de style qui doit être liée aux pages du site
 * La feuille de style de la charte est appelée depuis cette feuille.
 */
 
/* Import des style pour la charte */
@import "charte.css";
@import "jd.slideshow.css";

/* STYLE CONTENU */
#contenu h1{
font-family:Arial, Helvetica, sans-serif;
font-size:2.2em;
font-weight:bold;
text-align:right;
color:#0046eb;
letter-spacing:1px;
border-bottom:3px solid #00009f;
margin-bottom:25px;
}
#contenu h2{
font-family:"Times New Roman", Times, serif;
font-size:1.6em;
font-weight:bold;
text-align:left;
color:#0046eb;
border-bottom:2px solid #00009f;
display:inline;
letter-spacing:normal;
}
#contenu p{
font-family:Arial, Helvetica, sans-serif;
font-size:1.1em;
line-height:1.2em;
text-align:justify;
color: #17264e;
}
#contenu p.couleur, .couleur{
font-weight:bold;
color:#00009e;
}
#contenu a:link, #contenu a:visited{
font-weight:bold;
text-decoration:underline;
color: #0046eb;
}
#contenu a:hover, #contenu a:active{
font-weight:bold;
text-decoration:none;
color: #000;
}
#footerMenu p{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em;
	color: #4475eb;
	text-align:center;
	padding-top:10px;
	letter-spacing:1px;
}
#footerMenu a:link, #footerMenu a:visited{
	font-weight:normal;
	text-decoration:none;
	color: #4475eb;
}
#footerMenu a:hover, #footerMenu a:active{
	font-weight:normal;
	text-decoration:underline;
	color: #17264e;
}
/* STYLE DE LA PAGE CONTACT */
#contactTxt{
	width:45%;
	float:left;
}
#contactPlan{
	width:45%;
	float:right;
}
#formContact input,textarea{
	width:100%;
	border:1px solid #000;
	font-size:12px;
}
#formContact input:focus,textarea:focus{
	border-color:#FF0000;
}
#formContact .champRequis{
	color:#FF0000;
}


/*------------- ACCUEIL ------------*/
.accueil {
	width:330px;
	margin:0 0 0 10px;
	float:left;
	}
.jaccsy {
	width:100px;
	float:left;
	}
.UL_jacssy_accueil {
	}
.UL_jacssy_accueil li{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#17264E;
	border-bottom:1px solid #DADAEC;
	margin:5px 0 5px 0;
	padding:0 0 5px 0;
	list-style-image:url(../images/charte/li.gif);
	margin-left:20px;
	text-align:justify;
	}
.UL_jaccsy {
	margin:0 0 0 15px;
	}
.UL_jaccsy li{
	margin:0 0 6px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#17264E;
	}
.jaccsy-majuscule {
	font-size:20px;
	font-weight:bold;
	}
.jaccsy-visuel img {
	margin:0 12px;
	} 
.jaccsy-visuel {
	float:left;
	text-align:center;
	width:660px;
	margin:25px 0 0 0;
	}
/*------------------- REFERENCES ---------------------------*/
.UL_references {
	margin:20px 0 0 100px;
	float:left;
	}
.reference-visuel {
	width:99px;
	height:309px;
	float:left;
	background-image:url(../images/charte/reference.gif);
	margin:0 0 0 80px;
	}
.UL_references li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#17264E;
	margin:0 0 8px 0;
	list-style-image:url(../images/charte/li.gif);
	}
/*------------------- CONTROLE QUALITE ---------------------*/
.controle-qualite-visuel img {
	margin:0 40px;
	}
.controle-qualite-visuel {
	width:660px;
	float:left;
	margin:30px 0 0 0;
	text-align:center;
	}
legend {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	font-weight:bold;
	color:#17264E;
	padding:0 9px;
	}
fieldset {
	padding:5px;
	border:1px solid #17264E;
	}
.controle-flacons {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#17264E;
	float:left;
	margin:0 0 0 135px;
	}
.controle-qualite-laboratoire {
	width:240px;
	float:left;
	margin:0 0 0 30px;
	}
.controle-qualite-equipement {
	width:270px;
	float:left;
	margin:0 0 0 10px;
	}
.UL_controle-qualite {
	margin:15px 0 0 15px;
	}
.UL_controle-qualite li{
	margin:0 0 3px 15px;
	list-style-image:url(../images/charte/li.gif);
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#17264E;
	}
/*------------------- PARC MACHINES ------------------------*/
.UL_menu-parc {
	}
#container .UL_menu-parc li a{
	color:#FFFFFF;
	text-decoration:none;
	width:164px;
	height:21px;
	display:block;	
	padding-top:3px;
	}
#container .UL_menu-parc li a:hover{
	color:#FFFFFF;
	text-decoration:none;
	background-image:url(../images/charte/bouton-roll.jpg);
	}
#container .UL_menu-parc li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#FFFFFF;
	background-image:url(../images/charte/bouton.jpg);
	background-repeat:no-repeat;
	text-align:center;
	float:left;
	margin:0 1px 0 0;
	}
.parc-menu-selectionne {
	background-image:url(../images/charte/bouton-roll.jpg);
	}
.parc-titre {
	width:655px;
	background-color:#E6F0FF;
	height:27px;
	padding:0 0 0 5px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	color:#17264E;
	float:left;
	margin:20px 0;
	}
.UL_parc-machines li {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#17264E;
	list-style-image:url(../images/charte/li.gif);
	margin:0 0 5px 0;
	}
.UL_parc-machines {
	width:200px;
	float:left;
	margin:0 0 0 50px;
	}

/*------------------- CONTACT ------------------------------*/
.cellule {
	width:190px;
	background-color:#FFF;
	border:1px solid #2E4C9C;
	color:#2E4C9C;
	font-size:11px;
	}
#contact {
	background-color:#CCD7F3;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding:10px;
	margin:20px 0;
	float:left;
	width:640px;
	}
.bouton {
	background-color:#2E4C9C;
	border:1px solid #493003;
	cursor:pointer;
	color:#FFF;
	}
.petit {
	font-size:9px;
	font-family:Arial, Helvetica, sans-serif;
	color:#2E4C9C;
	display:block;
	}
.contact-loi {float:left; width:600px;}
.merci {font-size:12px;margin:80px 0 0 195px; font-family:Arial, Helvetica, sans-serif;}
.bloc-adresse {	
	width:284px;
	float:left;
	margin:10px 20px 0 0;
	}
.bloc-adresse2 {	
	width:340px;
	float:left;
	margin:10px 20px 0 0;
	}
/*---- PRESS ROOM ---*/
.press {
	width:164px;
	float:left;
	margin:26px;
	}
.acrobat {
	background-image:url(../images/charte/acrobat.gif);
	background-repeat:no-repeat;
	margin:10px 0 0 10px;
	font-family:Arial, Helvetica, sans-serif;
	padding:0 0 0 20px;
	display:block;
	}