
/*************************************************************************************************************************************************************************/
/* Redefinitions des balises HTML */ 
/*************************************************************************************************************************************************************************/
*{margin:0;padding:0;}

/*body, h1, h2, h3, h4, h5, h6, a, .input_text, select, textarea{font:12px/1.2em , Arial, Helvetica, Sans-serif;font-weight:normal;color:#999;}*/

/* Modification bug IE8 03/07/09 */
body, h1, h2, h3, h4, h5, h6, a, .input_text, select, textarea{font-size:12px;font-family:Arial, Helvetica, Sans-serif;font-weight:normal;color:#999;}img{border:0}

a{text-decoration:underline;outline:none;}
a:hover{text-decoration:none;}

ul{margin:0 0 0 20px;}
ol{margin:0 0 0 30px;}

dd{margin:0 0 0 20px;}

select option{padding:0 3px;}

hr{display:none;}

fieldset{border:none;}
fieldset legend{display:none;}

.block_float:after, .spacer{content:".";display:block;visibility:hidden;clear:both;font-size:0px;line-height:0px;height:0px;width:100%;margin:0;padding:0;}
.float_l{float:left;}

/*************************************************************************************************************************************************************************/
/* Structure generale */ 
/*************************************************************************************************************************************************************************/
	body{text-align:center;background:url(bg-blank.gif) repeat-x 0 0;background-attachment:fixed;}
	
	#global{position:relative;width:1003px;text-align:left;margin:0 auto;background:#FFF;}
	
	#middle, #bottom, #footer{position:relative;width:966px;clear:both;padding:0;margin:0 18px 0 19px;}
	#top {z-index:999;position:absolute;top:0;left:19px;width:966px;clear:both;height:100px;}
	#middle {z-index:2;height:850px;}
	* html body #middle {padding-top:0;}
	#footer {padding:20px 0;}
	
	#middleLeft{position:relative;float:left;display:inline;margin-top:40px;}
	* html body #middleLeft{width:440px;}
	#middleRight {position:relative;width:505px;float:right;display:inline;padding:0;margin-top:40px;}
	
	#middleTop {top:165px;left:0;position:absolute;width:100%;}
	* html body #middleTop {top:5px;}
	#middleBottom {padding:30px 0 0;position:relative;width:100%;text-align:justify;}
	
	#basPage {top:0;left:0;position:absolute;background-image:url(bg-basPage.png);background-repeat: no-repeat;height:20px;width:100%;}
	
	/* DÉCLINAISON STRUCTURE SELON PAGES */
	/* Home page */
	#homePage {background-image:url(20090317/bg-home.jpg);}
	#homeLeft{position:relative;width:754px;float:left;display:inline;margin:0;padding:0;top:0;left:0;}
	#homeRight{position:relative;width:212px;float:right;display:inline;margin:0;padding:230px 0 0;}
	#middleHome{background:url(bg-left-home.jpg) repeat-y top right;z-index:2;padding:135px 0 20px;position:relative;width:966px;clear:both;margin:0 18px 0 19px;}
	* html body #middleHome {padding-top:0;margin-top:135px;}
	
	/* produits - projets - pret personnel */
	#middleBottom2 {padding:30px 0 170px;position:relative;width:100%;text-align:justify;}
	
	/* choix produits */
	#middle_choixTop {top:135px;left:0;position:absolute;width:100%;}
	#middle_choixLeft {position:relative;float:left;display:inline;}
	* html body #middle_choixLeft{width:672px;}
	#middle_choixRight {position:relative;width:276px;float:right;display:inline;padding:0;}
	
	/* Landing */
	#top_land {padding:0;margin:0;position:relative;}
	#middle_landTop {padding:0 0 10px;}
	#middle_land {padding:0;position:relative;width:966px;clear:both;margin:0 18px 0 19px;z-index:2;min-height:710px}
	* html body #middle_land {height:710px;}
	#middle_landLeft {position:relative;width:672px;}
	* html body #middle_landLeft{width:672px;}
	#middle_landRight {position:absolute;width:276px;right:0;padding:0;margin:0;top:0;}
	/*#middle_landBottom{position:absolute;bottom:-280px;left:0;width:780px;padding:0;margin:0;text-align:justify;}*/
	#middle_landBottom{position:absolute;bottom:-280px;}
	.bottom_land {padding:110px 0 15px;}
	
	/* Landing Revolving */
	#middle_landRevLeft {position:relative;float:left;display:inline;}
	* html body #middle_landRevLeft{width:672px;}
	#middle_landRevRight {position:relative;width:276px;float:right;display:inline;padding:0 0 20px;}
	.bottom_landRev {padding:0 0 15px;}
	
	/* Contenu */
	#middle_contenuLeft {position:relative;float:left;display:inline;color:#4c4c4c;}
	* html body #middle_contenuLeft{width:176px;}
	#middle_contenuRight {position:relative;width:790px;float:right;display:inline;padding:0;color:#4c4c4c;}
	
	
	/* BLOCKS DANS LA STRUCTURE GENERALE SUR TOUTES LES PAGES (Menu, Panier, Recherche, fil d'ariane, etc...) */
	
	/* FIL D'ARIANE */
	.fil_ariane{font-size:10px;color:#4c4c4c;width:100%;margin:0;position:absolute;top:140px;left:0;clear:both;}
	* html body .fil_ariane {top:-20px;}
	.fil_ariane a {color:#4c4c4c;font-size:10px;text-decoration:none;}
	.fil_ariane a:hover {text-decoration:underline;}
	.fil_ariane span{font-weight:bold;font-size:11px;}
	
/*************************************************************************************************************************************************************************/
/* CLASS génériques */ 
/*************************************************************************************************************************************************************************/
	/* Coins  arrondis */
	.coins{position:relative;width:100%;height:0px;line-height:0;font-size:0;}
	.coin{position:absolute;overflow:hidden;background:url(bg-blank.gif) no-repeat 0 0;}
	.coinHG, .coinHGa{top:0;left:0;}
	.coinHD{top:0;right:0;}
	.coinBG{bottom:0;left:0;}
	.coinBD{bottom:0;right:0;}
	
	/* Blocks  */
	.box00{position:relative;margin:0;background:url(bg-footer.jpg) repeat-x;}
	.box00_0{padding:4px;}
	.box00 .coin{width:8px;height:8px;background-image:url(bg-coins00.gif);}
	.box00 .coinHG{background-position:0 0;}
	.box00 .coinHD{background-position:-8px 0;}
	.box00 .coinBG{background-position:-19px 0;}
	.box00 .coinBD{background-position:-26px 0;}
	
	.box02{position:relative;margin:0;padding:0;background:#f1ecdd;}
	.box02_0{padding:16px 0 1px 0;}
	.box02 .coin{width:16px;height:16px;background-image:url(bg-coins02.gif);}
	.box02 .coinHG{background-position:0 0;}
	.box02 .coinHD{background-position:-17px 0;}
	.box02 .coinBG{background-position:-33px 0;}
	.box02 .coinBD{background-position:-50px 0;}

	.box03{position:relative;margin:0;padding:0;background:#eeeadc;}
	.box03_0{padding:16px;}
	.box03 .coin{width:16px;height:16px;background-image:url(bg-coins03.gif);}
	.box03 .coinHG{background-position:0 0;}
	.box03 .coinHD{background-position:-17px 0;}
	.box03 .coinBG{background-position:-33px 0;}
	.box03 .coinBD{background-position:-50px 0;}

	/* Ajout Seb 20/04/2010 - Nouveau bloc inscription newsletter */
	.box04{position:relative;margin:0;padding:0;background:url(bg-news.gif) repeat-y 0 0;}
	.box04_0{height:44px;padding:7px 0 0 42px;border:1px solid #C3C1BC;overflow:hidden;}
	.box04 .coin{width:12px;height:12px;background-image:url(bg-coins04.gif);}
	.box04 .coinHG{background-position:0 0;}
	.box04 .coinHD{background-position:-12px 0;}
	.box04 .coinBG{background-position:-25px 1px;}
	.box04 .coinBD{background-position:-37px 1px;}


	/* Formulaires */
	.form{position:relative;width:100%;overflow:hidden;}
	.form_0{}
	.form .lig{position:relative;width:100%;overflow:hidden;padding:2px 0;}
	.form .lig *{float:left;display:inline;}
	.form .lig label{line-height:18px;}
	.form .lig select option{float:none;display:block;}
	.form .lig .label00{width:150px;}
	.form .lig .label01{margin:0 5px;}
	.form .lig .input_radio, .form .lig .input_checkbox{width:18px;height:18px;}


