* {margin:0;padding:0}
body {padding: 0 0 20px;background: #fff;color:#748288;font:11px arial,tahoma,verdana,sans-serif}
table td {vertical-align:top;}
h1 {color:#748288;font:16px arial; font-weight:lighter; line-height:26px}
a {color:#5289C2; text-decoration:underline}
a:hover {color:#000;}

#page {width: 100%;margin:0;padding:0; border:0}	
#gauche {background: url(../img/bg-left.jpg) no-repeat 100% 0;}	
#droite {background: url(../img/bg-right.jpg) no-repeat 0 0;}
	
#contenu {width: 950px;}	 
#logo {
	width: 410px;
	height:67px;
	margin:30px 0 0 30px;
}	
#logo img {border:0}
	
#navigue {width: 246;padding:47px 0 0 57px}	
#navigue img {border:0; display:block}	

#accueil {width: 950px; height:492px;background: url(../img/home.jpg) no-repeat 0 0;}	
#concept {width: 950px; background: #fff url(../img/concept.gif) no-repeat 0 0; height:216px}	
#benefits {width: 950px; background: #fff url(../img/benefits.jpg) no-repeat 0 0; height:216px}	
#products {width: 950px; background: #fff url(../img/products.jpg) no-repeat 0 0; height:216px}	
#contact {width: 950px; background: #fff url(../img/contact.jpg) no-repeat 0 0; height:216px}	
	
.colonne3 {width: 200px; float:left; margin:25px 0 0 0; padding:0}
.colonne3 p {margin:0 30px 0 10px; padding:0}
.colonne3 img {margin-left:2px;border:0}

.colonne2 {width: 290px; float:left; margin:120px 0 0 0; padding:0}
.colonne2 p {margin:0 30px 0 20px; padding:0}
.colonne2 img {margin-left:2px;border:0}

#colonne-droite {margin:25px 0 0 15px; padding:0}
#colonne-droite p {margin:0 0 0 15px;}

#footer {width: 950px; height:90px;background: url(../img/bg-footer.jpg) no-repeat 0 0;}	
#footer span {color:#5289C2; margin:0 10px 0 10px}	
#footer div {margin-left:45px; padding-top:30px}	




[if lte IE 6]>

	<style type="text/css">

	div#page {

		height: 100%;

	}

	div#piedpage2 {

		bottom: -1px;

		/* Corrige un décalage d'1px par rapport au bord inférieur (source du bug IE ?) */

	}

	</style>

<! endif 

/* FORMS */
/*form {margin: 0 0 1.5em;}
input {font-family: 12px arial,tahoma,verdana,sans-serif;margin: 2px 0;}
fieldset {border: none;font-family: 12px arial,tahoma,verdana,sans-serif;}
label {display:block;padding: 5px 0}
label br {clear:left}*/

	/* FORMS - general classes */
	/*input.f-submit {padding: 1px 3px;background:#666;color:#fff;font-weight:bold;font-size:96%}*/
	
	/* FORMS - f-wrap-1 - simple form, headings on left, form elements on right */
	/*form.f-wrap-1 {padding: .5em 0;position:relative; margin:80px 0 0 40px}
		form.f-wrap-1 fieldset {width:auto;margin: 0 1em}
		form.f-wrap-1 h3 {margin:0 0 .6em;font: bold 155% arial;color:#5289C2}
		form.f-wrap-1 label {clear:left;float:left;width:100%;border-top: 1px solid #fff}*/
		
		/* hide from IE mac \*/
		form.f-wrap-1 label {float:none}
		/* end hiding from IE5 mac */
	
		/*form.f-wrap-1 label input, form.f-wrap-1 label textarea, form.f-wrap-1 label select {width:15em;float:left;margin-left:10px; background-color:#EFEFEF}
		
		form.f-wrap-1 label b {float:left;width:8em;line-height: 1.7;display:block;position:relative}
		form.f-wrap-1 label b .req {color:#5289C2;font-size:150%;font-weight:normal;position:absolute;top:-.1em;line-height:1;left:-.4em;width:.3em;height:.3em}
		form.f-wrap-1 div.req {color:#5289C2;font-size:96%;font-weight:normal;position:absolute;top:.4em;right:1em;left:auto;width:13em;text-align:right}
		form.f-wrap-1 div.req b {color:#5289C2;font-size:100%}
		form.f-wrap-1 label select {width: 15.5em}
		form.f-wrap-1 label textarea.f-comments {width: 20em}
		form.f-wrap-1 div.f-submit-wrap {padding: 5px 0 5px 8em}
		form.f-wrap-1 input.f-submit {margin: 0 0 0 10px}
		
		form.f-wrap-1 fieldset.f-checkbox-wrap, form.f-wrap-1 fieldset.f-radio-wrap {clear:left;float:left;width:32em;border:none;margin:0;padding-bottom:.7em}
		form.f-wrap-1 fieldset.f-checkbox-wrap b, form.f-wrap-1 fieldset.f-radio-wrap b {float:left;width:8em;line-height: 1.7;display:block;position:relative;padding-top:.3em}
		form.f-wrap-1 fieldset.f-checkbox-wrap fieldset, form.f-wrap-1 fieldset.f-radio-wrap fieldset {float:left;width:13em;margin: 3px 0 0 10px}
		form.f-wrap-1 fieldset.f-checkbox-wrap label, form.f-wrap-1 fieldset.f-radio-wrap label {float:left;width:13em;border:none;margin:0;padding:2px 0;margin-right:-3px}
		form.f-wrap-1 label input.f-checkbox, form.f-wrap-1 label input.f-radio {width:auto;float:none;margin:0;padding:0}
		
		form.f-wrap-1 label span.errormsg {position:absolute;top:0;right:-10em;left:auto;display:block;width:16em;background: transparent url(images/errormsg_bg.gif) no-repeat 0 0}
		form.f-wrap-1 label span.errormsg b {padding: 10px 0;margin: 0 10px 0 30px;color:#B30800;font-weight:bold;display:block;width:auto;float:none;line-height:1.3}*/