@CHARSET "UTF-8";

/************** RESET ***************/

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,table,th,td{margin:0;padding:0;outline: none;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img,abbr{border:0;}
address,caption,cite,code,dfn,h1,h2,h3,h4,h5,h6,th,var{font-style:normal;font-weight:normal;}
ul {list-style:circle;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:1.0em;}
q:before,q:after{content:'';}
a{text-decoration:none;outline:none;}

.clearer {
	clear:both;
	height:0;
	overflow:hidden;
}

/************** //RESET ***************/


body {
	background-color: #0076bd;
	color: #666666;
	font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;
	font-size: 12px;
	margin:0;
	padding:0;
}

#wrapper {
	margin:0 auto;
	position:relative;
	width:960px;	
	background-color: #ffffff;	
}

#header {
	width: 100%;
	height: 170px;
	background: #ffffff url('../images/header-fond.jpg') repeat-x scroll;
}

#logo {
	position: absolute;
	left: 30px;
	top: 30px;
}

#header-pub {
	width: 476px;
	height: 115px;
	position: absolute;
	top: 30px;
	left: 450px;
}

#content {
	width: 100%;
	min-height: 800px;
	background-color: #ffffff;
}

.text {
	margin: 0px 0px 0px 30px;
	text-align: justify;
}

.text-float {
	float: left;
	width: 650px;
	margin: 30px 0px 0px 30px;
	text-align: justify;
}

.text-border {
	border-bottom: 1px solid #87bfe0;
	height: 230px;
}

.encarts {
	margin: 50px auto 0 auto;
}

.encart {
	margin: 8px;
	float: left;
}

.encarts-verticaux {
	width: 224px;
	float: right;
	margin-right: 20px;
	margin-top: 30px;
}

.encart-vertical {
	margin-bottom: 10px;
}

div.actualite {
	width: 435px;
	height: 160px;
	float: left;
	margin-left: 30px;
	position: relative;
}

div.actualite p {
	text-align: justify;
}

div.actualite p.plus_actu {
	text-align: right;
	position:absolute;
	top: 130px;
	left: 328px;
}

div.actualite-full {
	width: 450px;
	height: 160px;
	float: left;
	margin-left: 20px;
}

div.actualite-image {
	width: 130px;
	height: 100px;
	float: left;
}

/************** MENU ***************/

div.menu {
	border-bottom: 1px solid #87bfe0;
	width: 100%;
	height: 25px;
}

ul.menu {
	list-style: none;
	width:630px;
	float: right;
}

ul.menu li {
	float: left;
	width: 100px;
	text-align: center;
	display: block;
}

ul.menu li a {
	background: url('../images/menu.gif') bottom center no-repeat;
	width: 100px;
	height: 25px;
	font-family: "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #9c9e9f;
	display: block;
}

ul.menu li a:hover {
	font-family: "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #0076bd;
	background: url('../images/menu-on.gif') bottom center no-repeat;
}

ul.menu li a.active {
	background: url('../images/menu.gif') bottom center no-repeat;
	width: 100px;
	height: 25px;
	font-family: "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 13px;
	color: #0076bd;
	display: block;
}

	/************** MENU-HOVER ***************/
	
	div.menu-hover {
		width: 100%;
		height: 45px;
	}
	
	ul.menu-hover {
		list-style: none;
		width:560px;
		float: right;
	}
	
	ul.menu-hover li {
		float: left;
		width: 130px;
		text-align: center;
		display: block;
		line-height: 25px;
	}
	
	ul.menu-hover li a {
		width: 130px;
		height: 25px;
		font-family: "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size: 13px;
		color: #9c9e9f;
		display: block;
	}
	
	ul.menu-hover li a:hover {
		font-family: "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size: 13px;
		color: #0076bd;
	}
	
	ul.menu-hover li a.active {
		background: url('../images/menu.gif') bottom center no-repeat;
		width: 100px;
		height: 25px;
		font-family: "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif;
		font-size: 13px;
		color: #0076bd;
		display: block;
	}
	
	/************** //MENU-HOVER ***************/


/************** //MENU ***************/

/************** FOOTER ***************/

.baseline {
	height: 40px;
	min-height: 40px;
}

#footer {
	height: 110px;
	padding-top: 20px;
	width: 100%;
	background-color: #f3fbff;
}

#footer-container {
	margin: 0px 30px 0px 30px;
}

#footer ul {
	list-style: none;
	float: left;
}

#footer ul.short {
	width: 215px;
}

#footer ul.large {
	width: 250px;
}

#footer .entete {
	font-size: 10px;
	font-weight: bold;
	color: #9e9e9e;
	text-decoration: none;
	font-family: "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#footer .simple {
	font-size: 10px;
	font-weight: normal;
	color: #9e9e9e;
	text-decoration: none;
	font-family: "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#footer a.simple:hover {
	text-decoration: underline;
}

/************** //FOOTER ***************/


/************** TITRES ***************/

	/** H1 **/

	h1 {
		font-size: 24px;
		color: #0076bd;
		font-family: "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif;
		margin-bottom: 20px;
	}
	
	h1.produits {
		font-size: 24px;
		color: #0076bd;
		font-family: "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif;
		margin-bottom: 2px;
	}	
	
	/** H2 **/

	h2 {
		font-size: 12px;
		color: #666666;
		font-weight: bold;
		font-family: "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif;
		margin-bottom: 20px;
	}
	
	.partenaire-content h2 {
		margin-bottom: 5px;
	}

	h2.produits {
		font-size: 18px;
		color: #0076bd;
		font-family: "Lucida Grande", "Helvetica Neue", Helvetica, Arial, sans-serif;
		margin-bottom: 20px;		
	}
	
	/** H3 **/

	h3 {
		font-size: 14px;
		font-weight: bold;
		color: #0076bd;
		font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
		margin-bottom: 10px;
	}
	
	h3.pseudo {
		font-size: 13px;
	}

/************** //TITRES ***************/


/************** PARAGRAPHES ***************/

p.short {
	width: 420px;
	margin-bottom: 20px;
}

p.medium {
	width: 655px;
	margin-bottom: 20px;
}

/************** //PARAGRAPHES ***************/

/************** STYLES ***************/

.fleft {
	float: left;
}

strong.bleu {
	font-weight: normal;
	color: #0076bd;
}

strong.bleu-bold {
	font-weight: bold;
	color: #0076bd;
}

a.bleu {
	color: #008bc9;
	text-decoration: underline;
}

a.bleu-bold {
	color: #008bc9;
	text-decoration: underline;
	font-weight: bold;
}

a.gris {
	font-size: 14px;
	color: #666;
	text-decoration: none;
}

ul.plan {
	list-style-image: url('../images/puce.gif');
	padding-left: 46px;
}

#netviewer {
	color: #fff;
	margin-top: 45px;
	font-size: 11px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

#netviewer-connect {
	margin-top: 10px;
	margin-left: 2px;
}

input.bleu, textarea.bleu {
	color:#0076bd;
	font-weight: bold;
}

label.gris {
	color: #666;
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 8px;
	width: 300px;
}

div.error {
	width: 350px;
	padding: 20px;
	background:#FBE6F2 none repeat scroll 0 0;
	border:1px solid #D893A1;
	margin-top: 20px;
}

li.error {
	list-style: disc;
	color:#A70000;
	font-family:"Lucida Grande",Verdana,Geneva,Sans-serif;
	font-style:normal;
	font-weight:bold;
}

div.flash {
	width: 350px;
	padding: 20px;
	background:#e4f0f8 none repeat scroll 0 0;
	border:1px solid #0076BD;
	margin-top: 20px;
	font-size: 14px;
	font-weight: bold;
	color: #0076BD;
}

	/************** PRETTY TABLE ***************/

	table.prettytable {
	  margin: 1em 1em 1em 2em;
	  background: whitesmoke;
	  border-collapse: collapse;
	}
	table.prettytable th, table.prettytable td {
	  border: 1px silver solid;
	  padding: 0.2em;
	}
	table.prettytable th {
	  background: gainsboro;
	  text-align: left;
	}
	table.prettytable caption {
	  margin-left: inherit;
	  margin-right: inherit;
	}

	/************** //PRETTY TABLE ***************/
	
#print:hover {
	cursor: pointer;
}

/************** //STYLES ***************/


/************** IMAGES ***************/

img.img-left {
	position: absolute;
	top: 244px;
	left: 510px;
}

/************** //IMAGES ***************/


/************** CONTAINERS ***************/

	/************** PARTENAIRES ***************/
	
	.partenaire {
		margin-bottom: 45px;
	}
	
	.partenaire-logo {
		width: 200px;
		float: left;
		text-align: center;
	}
	
	.partenaire-content {
		width: 450px;
		float: left;
		text-align: justify;
	}	
	
	/************** //PARTENAIRES ***************/
	
	/************** RECYCLAGE ***************/
		
	.recyclage-logo {
		width: 200px;
		float: left;
		text-align: center;
		margin-right: 25px;
	}
	
	.recyclage-content {
		width: 425px;
		float: left;
		text-align: justify;
	}	
	
	.recyclage-content h2 {
		margin-bottom: 2px;
	}
	
	a.recyclage {
		color: #0076bd;
		font-size: 14px;
		text-decoration: none;
	}
	
	.recyclage-content h3 {
		color: #666666;
		font-size: 12px;
		font-weight: bold;	
	}
	
	a.conibi {
		color: #0076bd;
		font-style: italic;
		text-decoration: underline;
	}
	
	/************** //RECYCLAGE ***************/	
	
	/************** NETVIEWER ***************/
	
	.text-produits {
		float: left;
		width: 230px;
	}
	
	.netviewer-container {
		float: left;
		width: 230px;
	}
	
	.netviewer {
		width: 176px;
		padding: 15px;
		height: 113px;
		background: url('../images/netviewer.jpg') no-repeat scroll;
	}
	
	/************** //NETVIEWER ***************/
	
	/************** PERSONNEL ***************/
	
	.personnel-container {
		width: 200px;
		height: 305px;
		float: left;
		margin-right: 10px;
	}
	
	.personnel-bt {
		margin-top: 15px;
	}
	
	p.personnel {
		width: 180px;
	}
	
	/************** //PERSONNEL ***************/
	
	/************** PAGINATION ***************/
	
	div.pagination {
		float: right;
	}
	
	div.pagination a {
		color: #666;
	}
	
	span.currentpage {
		color: #0076bd;
		font-weight: bold;
	}
	
	/************** //PAGINATION ***************/
	
	/************** CONTACT ***************/
	
	#contact input, #contact textarea {
		color: #666666;
	}
	
	#contact label {
		color: #0076bd;
	}
	
	div.form125 {
		width: 125px;
		float: left;		
	}
	
	div.form220 {
		width: 225px;
		float: left;
	}
	
	div.form220 input {
		width: 195px;
	}
		
	div.form287 {
		width: 287px;
		float: left;
	}
	
	div.form287 input {
		width: 260px;
	}	
	
	div.form575 {
		width: 575px;
		float: left;
	}
	
	div.form575 input {
		width: 545px;
	}	
	
	div.form575 textarea {
		width: 552px;
	}		
	
	div.spacer {
		height: 1px;
		width: 100%;
		margin-top: 20px;
	}
	
	div.cases {
		float: left;
		width: 400px;
	}
	
	div.cases input {
		float: left;
		margin-right: 10px;
	}
	
	div.cases label {
		float: left;
		margin-top: 2px;
	}
	
	div.contact-submit {
		float: left;
		margin-top: 17px;
		margin-left: 36px;
	}
	
	input.error-form {
		border: 2px inset #ff4747;
		height: 17px;
	}
	
	textarea.error-form {
		border: 1px solid #ff4747;
	}
	
	.exergue {
		font-size: 11px;
	}
	
	.exergue a {
		color: #666666;
		text-decoration: underline;
	}
	
	p.contact {
		width: 420px;
	}
	
	/************** //CONTACT ***************/
	
	/************* PRODUITS *****************/
	
	.produit-generique-g {
		width: 290px;
		float: left;
		margin-right: 50px;
	}
	
	.produit-generique-d {
		width: 290px;
		float: left;
	}
	
	.produit-generique-g a, .produit-generique-d a {
		color: #0076bd;
		font-size: 13px;
		font-weight: normal;	
		margin-top: 20px;	
		line-height: 27px;
	}
	
	.produit-imprimante {
		width: 290px;
		float: left;
		margin-right: 15px;
		margin-bottom: 50px;
	}

	.produit-imprimante p {
		width: 115px;
		text-align: left;
	}

	.produit-imprimante h2 {
		font-size: 14px;
		color: #0076bd;
		font-weight: bold;
		margin-top: 20px;
		margin-bottom: 2px;
	}

	.produit-imprimante h3 {
		font-size: 12px;
		color: #666666;
		font-weight: bold;
		margin-bottom: 15px;
	}
	
	.produit-imprimante img {
		margin-right: 10px;
	}
	
	.produit-multifonctions {
		width: 600px;
		margin-right: 15px;
		margin-bottom: 100px;
	}	
	
	.produit-multifonctions img {
		margin-right: 40px;
 	}
		
	p.description-longue {
		width: 430px;	
	}
	
	/************* //PRODUITS *****************/
	
/************** //CONTAINERS ***************/


/************** BACK ***************/

a.back {
	color: #666;
	text-decoration: none;
}

a.back:hover {
	color: #0076bd;
	text-decoration: none;
	border-bottom: 1px dashed #666;
}

ul.back {
	padding-left: 40px;
	list-style: disc;
	color: #0076bd;
}

ul.back li {
	margin-bottom: 10px;
}

.blue-star {
	color: #0076bd;
	font-size: 14px;
}

/************** //BACK ***************/