body {
	font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;
	font-size: 12px;
}
h1 {
	font-weight: normal;
	font-size: 12px;
}

/*
*  Page: Alerte email (alerte.php)
*  Ajouté le 28/07/2010
*/

		.red { font-weight: bold; color: #dc291e; }
		.text_big { font-family: Arial; font-weight: bold; font-size: 14px; color: #000000; margin-left: 20px; }
		.text_medium { font-family: Arial; font-size: 12px; color: #000000; margin-left: 20px; }
		
		.alert_left { position: relative; float:left;width:400px;height:480px;  background-image:url(images/bgtrans-max.png); background-repeat:repeat-x; }
		.alert_left_content { float: left; width:400px; height: 350px; background-color: #ffffff; border-top: solid 1px #f0f0f0; }
		.alert_left_content p { text-align: left; margin-left: 20px; margin-right: 30px; }
		.alert_right { position: relative; float:right;width:631px;height:480px; background-image:url(images/bgtrans-max.png); background-repeat:repeat-x; }
		.alert_right h1 { font-family: Arial; font-weight: bold; font-size: 15px; color: #000000; margin: 0px; clear: left; text-align: left; margin-left: 20px; }
		.alert_right h2 { font-family: Arial; font-weight: bold; font-size: 13px; color: #dc291e; margin: 0px; clear: left; text-align: left; margin-left: 20px; }
		.alert_right_content { float:left; height:350px; text-align:left; background-color: #ffffff; border-top: solid 1px #f0f0f0; }
		
		.alert_form { position: relative; margin-left: 20px; overflow: auto; padding-top: 10px; padding-bottom: 10px; }
		.alert_form p { width: 100%; overflow: auto; text-align: left; margin: 0px; padding: 0px; margin-bottom: 5px; }
		.alert_form label { font-size: 12px; width: 95px; float: left; padding-top: 3px; margin: 0px; }
		.alert_form .text-input { width: 190px; margin: 0px; margin-right: 10px; float: left; }
		
		.alert_products { position: relative; background-color: #eeeeee; padding-top: 5px; padding-bottom: 10px; }
		.alert_products .text_big { margin-left: 20px; }
		.alert_products table { margin-top: 10px; margin-bottom: 0px; }
		.alert_products td { padding-left: 5px; }
		
		.alert_entretien { float: left; width: 100%; margin-top: 5px; margin-bottom: 5px; }		
		.alert_optin { width: 631px; float: left; background-color: #f9f9f9; margin-top: 10px; padding-top: 5px; padding-bottom: 5px; }		
		.alert_submit { position: absolute; left: 130px; top: 438px; }
		
		.alert_confirm {
			position: relative;
			padding: 10px;
			font-size: 13px;
			font-weight: bold;
			margin-left: 20px;
			margin-right: 20px;
			margin-top: 30px;
			font-family: Arial;
		}
		
		#stderr {
			position: absolute;
			padding: 5px; 
			background-color: #ffffff;
			border: solid 1px #c0c0c0;
			text-align: left;
			width: 350px;
			font-weight: bold;
			color: #ff0000;
			display: none;
		}
		.alert_right_content #stderr { right: 10px; top: 60px; }
		
		#icon-home {
			position: absolute;
			left: 330px; top: 10px;
		}
		
/*
*  Page: Home blocs (index.php)
*  En cours de passage en css
*  Ajouté le 14/10/2010
*/

		.bloc_home_left {
			position: relative;
			width: 380px;
			float: left;
		}
		.bloc_home_left.flash_actu {
			height: 97px;
			background-image: url(images/bg_flash-actu.jpg);
			background-repeat: no-repeat;			
			text-align: left;
			padding: 10px;
			padding-top: 40px;
			width: 360px;
		}
		.bloc_home_left.flash_actu .flag_new { position: absolute; left: 115px; top: 45px; }
		.bloc_home_left.flash_actu .img_product {
			display: inline;
			float: left;
			margin: 10px;
			margin-left: 20px;
			margin-right: 20px;
		}
		.bloc_home_left.flash_actu h2 { font-size: 12px; margin: 0px; padding: 0px; margin-top: 35px; }
		.bloc_home_left.flash_actu p { margin: 0px; padding: 0px; margin-bottom: 10px; float: left; }
		.bloc_home_left.flash_actu a { text-decoration: underline; color: #282828; font-size: 11px; }
		.bloc_home_left.solutions {
			height: 176px;
			background-image: url(images/bg_solutions.jpg);
			background-repeat: no-repeat;			
		}
		.bloc_home_left.solutions .scrollpix {
			margin-top: 50px;
			margin-bottom: 5px;
			width: 350px;
			height: 90px;
		}
		.bloc_home_left.nouveaux_produits {
			height:134px; /*136px*/
			background-image:url(images/flash_bkg-new.png);
			background-repeat:no-repeat;	
		}
		.bloc_home_right {
			position: relative;
			width: 652px;
			float: left;
		}
		
		.block_home_links {
			/*position: relative;*/
			position: absolute; right: 14px; top: 172px;
			width: 282px;
			background-color: #ffffff;
			padding: 3px;
			text-align: center;
			color: #000000;
			font-size: 10px;
			font-weight: bold;
			z-index: 11;
			filter:alpha(opacity=70);
			-moz-opacity:0.7;
			-khtml-opacity: 0.7;
			opacity: 0.7;
		}
		.block_home_links a { text-decoration: none; color: #000000; }
		.block_home_links a:hover { text-decoration: underline; }
		
		
/*
*  Custom lightbox
*  Ajouté le 14/10/2010
*/
		#light_popup {
			position: absolute;
			width: 100%;
			left: 0px; top: 0px;
			z-index: 12;
			display: none;
		}
		#light_popup #lp_bg {
			position: absolute;
			left: 0px; top: 0px;
			width: 100%;
			height: 670px;
			background-color: #000000;
			filter:alpha(opacity=80);
			-moz-opacity:0.8;
			-khtml-opacity: 0.8;
			opacity: 0.8;
		}
		#light_popup #lp_pop {
			position: relative;
			width: 889px;
			margin: auto;
			z-index: 13;
			margin-top: 20px;
			display: none;
		}
		#light_popup #lp_pop .bt_submit {
			position: absolute;
			top: 575px; left: 260px;
		}
		#light_popup #stderr {
			position: fixed;
			top: 0px;
			width: 700px;
			margin: auto;
			padding: 10px;
		}
		
/*
*  Page: Mieux vous connaitre
*  Ajouté le 14/10/2010
*/
		
		.mieux_vous_connaitre {
			width: 889px;
			height: 523px;
			margin: auto;
			background-image: url('images/bg_premiere-visite.png');
			background-repeat: no-repeat;		
			overflow: auto;	
			padding-top: 60px;
		}
		.mieux_vous_connaitre label { float: left; display: inline; width: 100px; }
		.mieux_vous_connaitre .text-input { font-size: 12px; width: 200px; float: left; margin-right: 20px; }
		.mieux_vous_connaitre p { margin: 0px; padding: 0px; clear: both; }
		.mieux_vous_connaitre .bloc1 {
			position: relative;
			margin-left: 115px;
			margin-top: 10px;
			margin-bottom: 10px;
		}
		.mieux_vous_connaitre .bloc1 .intro { color: #dc291e; font-weight: bold; margin-bottom: 10px; }
		.mieux_vous_connaitre .bloc1 p { margin-bottom: 5px; }
		.mieux_vous_connaitre .bloc1 strong { color: #dc291e; }
		.mieux_vous_connaitre .bloc2 { 
			position: relative;
			background-color: #eeeeee;
			padding-top: 10px;
			padding-bottom: 5px;
			margin-left: 25px;
			margin-right: 5px;
			padding-left: 30px;
			overflow: auto;
		}
		.mieux_vous_connaitre .bloc2 p { margin-bottom: 10px; }
		.mieux_vous_connaitre .bloc2 .intro { font-family: Arial; font-weight: bold; font-size: 14px; margin-top: 5px; margin-bottom: 10px; }
		.mieux_vous_connaitre .bloc2 .produits {
			position: relative;
			margin-top: 10px;
		}
		.mieux_vous_connaitre .bloc2 .produit {
			position: relative;
			display: inline;
			float: left;
			width: 160px;
			vertical-align: top;
		}
		.mieux_vous_connaitre .bt_close {
			position: absolute;
			right: 20px; top: 30px;
		}
		.mieux_vous_connaitre_confirm {
			position: relative;
			width: 345px;
			height: 146px;
			margin: auto;
			background-image: url('images/bg_premiere-visite-confirm.png');
			background-repeat: no-repeat;
			margin-top: 60px;
			padding-top: 80px;
			padding-left: 120px;
		}
		.mieux_vous_connaitre_confirm .bt_close {
			position: absolute;
			right: 20px; top: 180px;
		}
		
/*
*  Page: Générique - plan du site,mentions légales,...
*  Ajouté le 14/10/2010
*/

.block_content h1,h2,h3,h4,form { margin:0px; padding:0px; }
.block_content { position: relative; background: transparent url(images/bgtrans-max.png) repeat-x; font-family: Arial; font-size: 12px; }
.block_content_header { position: relative; height: 80px; }
.block_content_inner { position: relative; height: 480px; background-color: #ffffff; border-top: solid 1px #f0f0f0; text-align: left; padding-top: 5px; }
.block_content h1 { font-family: Arial; font-weight: bold; font-size: 15px; color: #000000; margin: 0px; clear: left; text-align: left; margin-left: 20px; }
.block_content h2 { font-family: Arial; font-weight: bold; font-size: 13px; color: #dc291e; margin: 0px; clear: left; text-align: left; margin-left: 20px; }
.block_content h3,h4 { font-family: Arial; font-size: 13px; }
.block_content_header h1 { margin-left: 10px; margin-top: 40px; text-transform: uppercase; font-size: 16px; }

.block_content .col_1_2 { position: relative; display: inline; float: left; width: 400px; }
.block_content .col_2_2 { position: relative; float: left; width: 631px; }
.block_content_header .col_1_2 { border-right: solid 1px #232323; }
.block_content_header .col_1_2 { height: 80px; }
.block_content_header .col_2_2 { height: 80px; }
.block_content_inner .col_1_2 { height: 480px; background-color: #ffffff; }
.block_content_inner .col_2_2 { height: 480px; }

.block_content .col_1_3 { position: relative; width: 235px; display: inline; float: left; }
.block_content .col_2_3 { position: relative; width: 430px; display: inline; float: left; }
.block_content .col_3_3 { position: relative; width: 360px; display: inline; float: right; }
.block_content_inner h3 { margin: 0px; padding: 0px; font-weight: bold; font-size: 18px; font-weight: bold; margin-left: 20px; margin-bottom: 10px; }
.block_content .col_1_3 a { text-decoration: none; color: #000000; }

.block_content ul { float: left; margin: 0px; padding: 0px; margin-top: 0px; list-style-position:inside; }
.block_content .level1 { padding-left: 10px; padding-top: 5px; padding-bottom: 3px; font-size: 14px; font-weight: bold; }
.block_content .level2 { padding-left: 20px; list-style-type: none; font-size: 11px; font-weight: normal; }
.block_content .special { font-size: 14px; margin-bottom: 3px; padding: 5px 0px 5px 10px; background-image: url('images/li-level1_bg_special.jpg'); background-repeat: repeat-y; background-position: left bottom; }
.block_content .level1.light { font-size: 12px; }
.block_content ul a { text-decoration: none; color: #000000; }

.bt_contact { position: relative; width: 139px; height: 42px; background: transparent url('images/contact2.png') no-repeat; }
.block_content_header .bt_contact { position: absolute; right: 30px; top: 0px; }
.block_content #icon-home { position: absolute; left: 330px; top: 42px; }

/* Pour les mentions légales */
.mentions p { font-size: 11px; margin-left: 10px; }
.mentions a { text-decoration: none; color: #000000; }
.mentions p a { text-decoration: underline; }
.block_mentions { display: none; }
#block_mentions-1 { display: block; }
#mention2 { background-image: url('images/NEWHOME/fond_mention.jpg'); text-align:center;}