html{
	background-position: top;
 	background-image: url(../images/bg.jpg);
	background-repeat:repeat-x;	
}

body{
	background-position: top;
 	background-image: url(../images/bg.jpg);
	background-repeat:repeat-x;
	margin: 0;
 	padding: 0;
 	height: 100%;
 	text-align: center;
    font:14px arial,"Sans Serif",helvetica,clean,sans-serif;
	color: #444;
}

table {
	display: table;
	border-spacing: 0;
	border-collapse: collapse;
	margin-top: 0;
	margin-bottom: 0;
	 /* XXXldb do we want this if we're border-collapse:collapse ? */
	-moz-box-sizing: border-box;
	text-indent: 0;
}

UI, LI, P {

	color: #333;
	font-family: arial;
}

p {
	font: normal 14px/18px Verdana, Arial, Helvetica, sans-serif;
	margin: 0;
}

a {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}

/* tags */
blockquote					{ background:#ddd; border-left:5px solid #999; padding:10px; margin:0 10px 19px 10px; line-height:21px; }
h1								{ color: #FFFFFF;font-size:28px; font-weight:normal; margin: 0;padding: 0;}
h2								{ color: #FFFFFF;font-size:18px; font-weight:normal; margin: 0;padding: 0;letter-spacing: 0px;}
h3								{  }
h4								{ font-weight:bold; font-size:13px; }
h5								{ font-weight:bold; font-size:14px; text-transform:uppercase; color:#900; font-family:arial; }
label,select,input[type='submit'],.point { cursor:pointer; }
textarea,input				{ font:11px tahoma, arial, helvetica, sans-serif; padding:5px; border:1px solid #ccc; }

#content {
	width:900px;
	margin:0px auto;
	text-align:left;
	padding:0px;
	clear: both;
	height: 100%;
}

#container {
	margin-top: 15px;
}

img{
	padding: 0px;
	margin: 0px;
	border: none;
}

p{
	text-align: justify;
}

#locale{
 	position: absolute;
	margin-left: 690px;
	margin-top: 38px;
}

.locale{
	font-size: 14px;
	color: white;
	text-decoration: none;	
}
.locale:hover{
	text-decoration: underline;	
}
.locale:active{
	text-decoration: underline;	
}

.block{
	display: block;
	clear: both;
}

#header{
	text-align: right;
	margin-top: 15px;
	width: 900px;
	height: 82px;
	background-image:url(../images/header.jpg);
}

#menu{
	padding: 0px;
	margin: 0px;
	width: 900px;
	height: 28px;	
}

#accueilProduits{
	float: left;
	width: 609px;
	height: 235px;
	padding: 0px;
	border-style: solid;
	border-width: 1px;
	border-color: #cccccc;
	background-color: #FFFFFF;
}

#accueilProduitsHeader{
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	height: 30px;
	padding-left: 20px;
	background-image:url(../images/box/headerBleu.jpg);
	background-repeat:repeat-x;
}

#accueilDownload{
	float: left;
	width: 272px;
	margin-left: 15px;
	border-style: solid;
	border-width: 1px;
	border-color: #cccccc;
	background: #FFFFFF;
}

#accueilDownload h1{
	line-height: 24px;
}

#telechargementBox{
	text-align: center;
	background-color: #FFFFFF;
}

.headerRed{
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	border-top: 1px solid #FFFFFF;
	height: 30px;
	padding-left: 20px;
	padding-top: 2px;
	margin-bottom: 10px;
	background-color: #FFFFFF;
	background-image:url(../images/box/headerRouge.jpg);
	background-repeat:repeat-x;
}

.headerGreen{
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	height: 30px;
	padding-left: 20px;
	padding-top: 2px;
	background-color: #2d62a2;
	background-image:url(../images/box/headerVert.jpg);
	background-repeat:repeat-x;
}

.headerBlue{
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	height: 30px;
	padding-left: 20px;
	padding-top: 2px;
	background-image:url(../images/box/headerBleu.jpg);
	background-repeat:repeat-x;
}

#accueilContact{
	float: left;
	width: 272px;
	margin-top: 15px;
	margin-left: 15px;
	border-style: solid;
	border-width: 1px;
	border-color: #cccccc;
	background: #FFFFFF;
}

#accueilContactHeader{
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	padding-left: 20px;
	background-image:url(../images/box/headerRouge.jpg);
	background-repeat:repeat-x;
}

#contactBox{
	text-align: center;
	background-color: #FFFFFF;
	padding: 10px;
}

#accueilEnBref{
	float: left;
	width: 609px;
	margin-top: 15px;
	background-color: #FFFFFF;
	text-align: left;
	border: 1px solid #cccccc;
}

#accueilEnBref p{
	padding: 15px;	
}

#accueilEnBrefHeader{
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	height: 30px;
	padding-left: 20px;
	background-image:url(../images/box/headerVert.jpg);
	background-repeat:repeat-x;
}

#catalogueBox{
	padding: 0px;
	text-align: center;
	width: 100%;
	height: 900;
	background-color: #FFFFFF;
}

#footerBox{
	float: left;
	padding-top: 10px;
	padding-bottom: 10px;
	margin-top: 10px;
	text-align: center;
	border-style: solid;
	border-width: 1px;
	border-color: #cccccc;
 	background: #EDEDEC;
	width: 900px;
}

.blackLink{
	color: #000000;
}

.indexJump{
	font-weight: bold;
	color: #2d62a2;
	text-decoration: underline;
}

*|*:link {
	
}

#telechargement{
	padding-left: 1px;
	padding-top: 2px;
	height: 202;
	background-position: center;
	background-image:url(../images/telechargementBG.jpg);
	background-repeat:repeat-y;
	background-position: center 0;	
	
}

#main{
	width: 900px;
	min-height: 600px;
	padding-top: 0px;
	padding-left: 18px;
	padding-right: 23px;
	font-family: Arial;
	font-size: 14px;
	font-weight: normal;
 	background-image: url(../images/bgMain.jpg) ;
	background-repeat:repeat-y;	
}

#entreprise{
	padding: 10px;
	background-image: url(../images/plancher/sliderBG.jpg);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #FFFFFF;
	width: 878px;
	border-style: solid;
	border-width: 1px;
	border-color: #cccccc;
	border-top: 0px;
}

#entreprise p{
	padding: 5px;
}

#entrepriseHeader{
	border-left: 1px solid #FFFFFF;
	border-right: 1px solid #FFFFFF;
	height: 30px;
	padding-left: 20px;
	background-image:url(../images/box/headerVert.jpg);
	background-repeat:repeat-x;
	background-color: #2d62a2;
}

#industriel{
	margin-top: 15px;
	background-color: #FFFFFF;
	border-style: solid;
	border-width: 1px;
	border-color: #cccccc;
	border-top: 0px;
	min-height: 500px;
}

.contenu_titre1{
	text-align: left;
	font-size: 22px;
	font-weight: bold;
	color: #6e080b;
	text-decoration: underline;
}

.contenu_titre2{
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #6e080b;

}

.contenu_titre3{
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	color: #6e080b;

}

.contenu_titre4{
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	color: #6e080b;

}

.textContenu{
	text-align: justify;
}

.accueilH1{
	font-size: 20px;
	line-height: 24px;
	text-align: center;
	color: #003366;
}

.contact{
	font-size: 18px;
	line-height: 22px;
	color: #FFFFFF;
}

#manuelTable{
	display: table;
	border: 1px solid #000000;
	float: left;
	width: 400px;
	margin:10px;
	margin-top: 20px;
	border-spacing: 0;
	border-collapse: collapse;
	 /* XXXldb do we want this if we're border-collapse:collapse ? */
	-moz-box-sizing: border-box;
	text-indent: 0;
}

#manuelTable td{
	border: 1px solid #000000;
	padding: 10px;
}

.headerTitle{
	color: #FFFFFF;
	font-size: 18px;
	font-style: normal;
	letter-spacing: 1px;
}

.editable { background:#eee; }  
.textarea textarea{ height:200px; padding:3px; }  
.editable-empty { background:#fffea1; padding:20px; border:1px dashed #fc0; }  
.box        { border:1px solid #ccc; padding:5px; display:block; width:95%; }
