/* Feuille de style globale pour pls-sa.com */

/* Balises XHTML */
body{
	margin:0;
	padding:0;
	font-size:12px;
	font-family:"lucida sans",sans;
	background:#fff;
	color:#333;
	line-height: 16px;
}
a{
	color:#369;
}
a:hover {
	text-decoration: none;
}
ul{
	list-style-image:url(/images/pucebleue.gif);
	margin:0;
	padding:0 0 10px 15px;
}
fieldset{
	border:none;
	padding:0;
}
fieldset p{
	margin:0 0 10px 0;
	padding:0;
}
fieldset label{
	float:left;
	display:block;
	width:100px;
}
fieldset label.checkbox{
	width:auto;
}
fieldset span.required{
	color:red;
}

/* Texte défilant */
.marquee{
	position: relative;
	overflow: hidden;
	width:100%;
	height:20px;
	line-height:20px;
	background:#fff;
	padding:4px 0 0 0;
	border:1px solid #033;
}
.marquee div{
	position: absolute;
	width:1000px;
	white-space:nowrap;
}

/* Conteneur de la page */
#page{
	background:url(/images/fond-page.gif) repeat-x;
	width:100%;
}

/* Haut de page */
#haut{
	float:left;
	width:100%;
	height:143px;
	padding:10px 0 0 0;
	background:url(/images/fond-haut.jpg) no-repeat;
	color:#fff;
	overflow:hidden;
	font-family:"times new roman",times,serif;
	font-size:14px;
}
#haut h1{
	float:left;
	padding:0;
	margin:0;
}
#haut h1 a{
	display:block;
	width:91px;
	height:25px;
	margin:33px 20px 50px 23px;
	background:url(/images/logo.png) no-repeat;
}
#haut h1 a span{
	display:none;
}
#haut h2{
	float:left;
	width:38%;
	height:100%;
	padding:20px 0 0 20px;
	margin:0;
	font-size:13px;
	text-transform:uppercase;
}
#haut address{
	float:right;
	width:40%;
	font-style:normal;
	text-align:center;
}
#haut address a{
	color:#fff;
}
#haut address span{
	display:block;
	float:left;
	width:36%;
	height:100%;
}
#haut address span#inovelec_industrie{
	padding:0 0 0 100px;
	background:url(/images/terre.png) no-repeat center left;
}

/* Menu */
ul#menu{
	clear:both;
	list-style:none;
	margin:0;
	padding:0;
	background:url(/images/fond-menu.gif);
	width:100%;
	height:30px;
	line-height:30px;
	/*border-left:8px solid #033;*/
}
ul#menu li{
	float:left;
	padding:0 2px 0 0;
	background:url(/images/separateur.gif) no-repeat right;
}
ul#menu li a{
	padding:8px 20px 9px 20px;
	text-decoration:none;
	font-weight:bold;
	color:#033;
	text-transform:uppercase;
}
ul#menu li a:hover{
	background:url(/images/fond-menu-roll.gif) repeat-x;
}

/* Certifications */
#certifications{
	/*position:absolute;
	right:0;*/
	clear:both;
	list-style:none;
	list-style-image:none;/* IE... */
	float:right;
	margin:0;
	padding:0;
}
#certifications li{
	margin:20px;
}

/* Contenu */
#contenu{
	float:left;
	width:850px;
	min-height:391px;
	padding:20px;
	background:url(/images/barre-gauche.gif) no-repeat;
}
#contenu h1{
	font-size:18px;
	line-height:18px;
	margin:0 0 20px 0;
	color:#033;
}
#contenu h2{
	font-size: 14px;
}
#contenu h3{
	font-size: 12px;
}
#contenu ul li img{
	margin:0 0 20px 0;
}

/* Boutons*/
.bouton{
	padding:5px;
	background:#033;
	color:#fff;
	text-decoration:none;
	border:none;
	cursor:pointer;
}
.bouton:hover{
	background:#1650db;
}

/* Colonnes */
.colonne{
	float:left;
	margin:0 0 0 20px;
}
.colonne.premiere{
	margin:0;
}
.colonne.un_demi{
	width:46%;
}

/* Bas de page */
#bas{
	clear:left;
}
#bas p{
	text-align:right;
	margin:0;
	padding:0 20px 20px 0;
}

/* Page d'accueil */
#accueil #contenu{
	width:90%;
	padding:0 0 20px 0;
}
#accueil #contenu .colonne{
	width:45%;
	padding:20px 0 0 0;
}
#accueil #contenu .colonne ul{
	width:47%;
	float:left;
}
#accueil #contenu .colonne ul li{
	margin:0 0 10px 0;
}
#accueil #contenu .colonne ul li h2{
	margin:0 0 20px 0;
}
#accueil #contenu .colonne.premiere{
	clear:both;
	float:left;
	width:577px!important;
	padding:20px 0 0 20px;
}
#accueil #contenu .colonne.premiere ul{
	float:none;
	width:100%;
}
#accueil #contenu .colonne.premiere ul li{
	margin:0;
}
#accueil #contenu div#visuel{
	background:url(/images/visuel-accueil-pls-2.jpg) no-repeat;
	height:247px;
	padding:120px 20px 20px 20px;
	margin:-20px 0 0 -20px;
	text-align:center;
	font-size:18px;
}
#accueil #contenu div#visuel h1{
	padding:0;
	margin:0;
	color:#fff;
	line-height:40px;
}
#accueil #contenu div#visuel a{
	color:#1650db;
	text-decoration:none;
	font-weight:bold;
}
#accueil #contenu div#actualite{
	color:#1650db;
}
#accueil #contenu{
	clear:none;
}

/* Page Moyens de production */
#production #contenu{
	width:85%;
}
#production_inovelec_pls,
#production_inovelec_industrie{
	height:400px;
}

/* Liens PDF */
.pdf{
	display:block;
	height:20px;
	line-height:20px;
	background:url(/images/pdf.gif) no-repeat left center;
	padding-left:20px;
}
