/* SOMMAIRE */
/*	
	[ 0 ] general rules
	
	[ 1 ] left_col rules
	
	[ 2 ] right_col rules
		[ a ] content rules
		[ b ] sub_content rules
	
	NB : left_col + right_col = 812px
	
	[ 3 ] pages specific rules
		[ a ] gabarit
		[ b ] form
		[ c ] page1
		[ d ] page2
		[ e ] page3
		[ f ] page4
		[ g ] page5
		[ h ] page6
*/
	
	
	
	/*[ 0 ]____________________________________ general rules */
	/*[ 0 ]____________________________________ general rules */
	/*[ 0 ]____________________________________ general rules */
	
	body {
		background:transparent url(../img/bg_body.jpg) repeat 0 0;
		/* text rules */
		font:normal 12px Arial, Helvetica, sans-serif;
		color:#000;
	}
	
	img {display:block;}
	img.imgFloatLeft {float:left;}
	a {color:#000; text-decoration:none;}
	a:hover {text-decoration:underline;}
	p.small {font-size:0.9em; line-height:11px;}
	.bigger {font-size:1.3em;}
	
	#wrapper {
		background:#fff;
		width:826px; /* 832px-6pad */
		margin:0 auto;
		padding:0 0 0 6px;
		/* bug d'extensibilté */
		display:table;
	}
	
	#wrapper.withBG {background:#fff url(../img/wrapper_bg.gif) repeat-y 35px bottom;}
	
	#middle {width:100%; float:left;}
	
	#footer {
		float:left;
		clear:both;
		width:649px; /* 826px-177pad */
		padding:5px 0 10px 177px;
		/* text rules */
		font-size:0.9em;
		text-align:center;
	}
	
	.clearer {clear:both;}
	
	
	
	
	
	
	/*[ 1 ]____________________________________ left_col rules */
	/*[ 1 ]____________________________________ left_col rules */
	/*[ 1 ]____________________________________ left_col rules */
	
	#left_col {float:left; width:177px;}
	
	
	/* nav rules */
	
	#nav {background:transparent url(../img/nav_bg.gif) repeat-y 0 0;}
	
	#nav ul {
		background:transparent url(../img/nav_separateur.gif) no-repeat 0 bottom;
		width:163px; /* 177px-9marg-5pad */
		margin:0 0 0 9px;
		padding:7px 5px 7px 0;
	}
	
	#nav ul.lastUL {background-image:none;}
	
	#nav ul li {
		list-style-type:disc;
		list-style-position:outside;
		color:#0056a3;
		margin:0 0 0 25px;
	}
	
	#nav ul li.firstLI {
		margin-left:0;
		padding:0 0 2px 0;
		list-style:none;
	}
	
	#nav ul li a {
		color:#0056a3;
		text-decoration:none;
	}
	
	#nav ul li a:hover {text-decoration:underline;}

	
	/* inscription newsletter */
	
	#nav form {
		background:transparent url(../img/nav_bottom.jpg) no-repeat 0 bottom;
		width:168px; /* 177px-9pad */
		height:85px;
		padding:0 0 0 9px;
	}
	
	#nav form label {
		background:#f9fc71;
		display:block;
		width:168px;
		margin:0 0 5px 0;
		padding:3px 0 1px 0;
		/* text rules */
		text-align:center;
		font-size:1.25em;
		font-weight:bold;
		color:#e2017b;
	}
	
	#nav form input {
		display:block;
		margin:2px auto;
	}
	
	#valid_btn {width:35px;}
	
	#carte_oxybul {
		background:transparent url(../img/carte_oxybul.png) no-repeat 0 0;
		display:block;
		width:177px;
		height:97px;
	}
	
	
	
	
	
	
	/*[ 2 ]____________________________________ right_col rules */
	/*[ 2 ]____________________________________ right_col rules */
	/*[ 2 ]____________________________________ right_col rules */
	
	#right_col {
		float:left;
		width:635px;
		position:relative;
		/* text rules */
		line-height:18px;
	}
		
	#right_col strong,
	#right_col ul li strong {
		color:#0056a2;
	}
		
		
		
		/*[ a ]______ content rules */
		/*[ a ]______ content rules */
		
		
		#content_cadre {
			display:table;
			width:623px;
			margin:0 0 0 11px;
		}
		
		#content {
			background:transparent url(../img/intern_encart_white_bg.gif) repeat-y 0 0;
			width:616px; /* 623px-7pad */
			padding:15px 0 0 7px;
		}
		
		
		/* modules elements */
		
		div.moduleParagraph {
			width:550px;
			margin:0 auto;
			padding:10px 0 0 0;
		}
		
		div.moduleParagraph div.title {
			position:relative;
			height:80px;
		}
		
		div.moduleParagraph div.title h1 {
			position:absolute;
			background:transparent url(../img/intern_encart_white_h1bg.gif) no-repeat 0 0;
			/*width:498px;*/ /* 550px-52pad */
			height:30px; /* 80px-50pad */
			padding:50px 0 0 52px;
			top:0;
			left:-15px;
		}
		
		div.moduleParagraph h1 {
			/* text rules */
			font-weight:bold;
			font-size:1.5em;
			color:#0055a2;
		}
		
		div.moduleParagraph p {padding:10px 0 0 0;}
		
		
		/* specific modules -> type1 */
		
		div.moduleParagraph.type1 img {margin:0 20px 5px 0;}
		div.moduleParagraph.type1 div {float:left;}
		div.moduleParagraph.type1 div h1 {width:500px;}
		div.moduleParagraph.type1 p {padding:90px 0 0 0;}
		
		
		/* inter-modules */
		
		div.topAnchor {
			display:table;
			clear:both;
			width:545px; /* 550px-5pad */
			margin:20px auto 0 auto;
			padding:0 5px 0 0; /* for ie6 double margin bug */
		}
		
		div.topAnchor a {
			display:block;
			float:right;
			/* text rules */
			text-decoration:none;
			font-weight:bold;
			color:#9c9d9f;
		}
		
		div.topAnchor a:hover {text-decoration:underline;}
		
		div.separator {
			background:transparent url(../img/content_p_separateur.gif) repeat-x 0 0;
			width:550px;
			height:5px; /* point : w=10px h=5px */
			margin:20px auto 20px auto;
		}
		
		
		
		/*[ b ]______ sub_content rules */
		/*[ b ]______ sub_content rules */
	
		/*
			<div class="sub_content">
				<img src="library/img/intern_encart_blue_top.jpg" alt=" " />
				<div class="sub_content_cadre">texte</div>
				<img src="library/img/intern_encart_blue_bottom.jpg" alt=" " />
			</div>
		*/	
		
		
		div.sub_content_cadre {
			width:563px;
			margin:20px auto;
		}
		
		div.sub_content_cadre.lastSub {
			margin-bottom:0;
		}
		
		div.sub_content {
			background:#e0f2fc;
			width:523px; /* 563px-40pad */
			padding:0 20px;
		}
				
		div.sub_content.bg1 {
			background-image:url(../img/form_sub_content_bg.gif);
			background-position:25px bottom;
			background-repeat:no-repeat;
		}
		
		
		
		
		
		
	/*[ 3 ]____________________________________ pages specific rules */
	/*[ 3 ]____________________________________ pages specific rules */
	/*[ 3 ]____________________________________ pages specific rules */
	
		
		/*[ a ]______ gabarit page rules */
		/*[ a ]______ gabarit page rules */
		
		#wrapper.gabarit #content_visu_top {
			position:absolute;
			background:transparent url(../img/facade_oxybul_faches.png) no-repeat 0 0;
			width:220px;
			height:167px;
			top:130px;
			left:385px;
		}
		
		#wrapper.gabarit #content {padding-top:40px;}



		/*[ b ]______ form page rules */
		/*[ b ]______ form page rules */
		
		#wrapper.form #content {
			padding-top:0;
			color:#0056a2;
		}
		#form_container {color:#000;}



		/*[ c ]______ page1 rules */
		/*[ c ]______ page1 rules */
		
		#wrapper.home #content_visu_top {
			position:absolute;
			background:transparent url(../img/page1_visu_top.png) no-repeat 0 0;
			width:149px;
			height:136px;
			top:115px;
			left:455px;
		}



		/*[ d ]______ page2 rules */
		/*[ d ]______ page2 rules */
		
		#wrapper.page2 #content_visu_top {
			position:absolute;
			background:transparent url(../img/facade_oxybul_faches.png) no-repeat 0 0;
			width:220px;
			height:167px;
			top:130px;
			left:385px;
		}
		
		#wrapper.page2 #content {padding-top:40px;}
		
		
		/* produits heading : moduleParagraph */
		
		#produits {
			background:transparent url(../img/produits_bg.jpg) no-repeat 0 0;
			height:651px; /* for bg render */
			padding:0 16px 0 17px; /* for bg position */
		}



		/*[ e ]______ page3 rules */
		/*[ e ]______ page3 rules */
		
		#wrapper.page3 #content_visu_top {
			position:absolute;
			background:transparent url(../img/page3_visu_top.png) no-repeat 0 0;
			width:220px;
			height:158px;
			top:130px;
			left:385px;
		}
		
		#wrapper.page3 #content {padding-top:40px;}
		
		/* anniv heading : moduleParagraph */
		
		#anniv {
			background:transparent url(../img/anniv_visu.jpg) no-repeat right 20px;
			padding:0 29px 0 29px; /* for bg position */
		}
		#anniv div {
			height:136px;
			padding:0;
		}
		#anniv div h1 {
			background-image:url(../img/anniv_titre.gif);
			width:100%;
			height:136px;
			padding:0;
		}
		#anniv p {padding:20px 0 0 0;}
		#anniv table tr th {
			padding:2px 20px 2px 0;
			text-align:left;
		}
		#anniv table tr #smallTH {
			padding:5px 0 0 0;
			font-size:0.9em;
		}
		
		/* troxy heading : sub_content */
		
		#troxy div.sub_content {
			background-image:url(../img/troxy_titre.jpg);
			background-repeat:no-repeat;
			background-position:0 0;
			padding-top:100px;
		}
		#troxy div.sub_content {background-color:#eef1c6;}
		#troxy div.sub_content ul {margin:0 0 0 20px;}
		#pdf_line {margin:0 0 0 40px;}
		#pdf_line img {display:inline; margin:0 5px -2px 0;}
		
		/* testeurs heading : moduleParagraph */
	
		#testeurs img {padding:10px 0;}
	



		/*[ f ]______ page4 rules */
		/*[ f ]______ page4 rules */
		
		#wrapper.page4 #content_visu_top {
			position:absolute;
			background:transparent url(../img/page4_visu_top.png) no-repeat 0 0;
			width:223px;
			height:150px;
			top:125px;
			left:360px;
		}
		
		#wrapper.page4 #content {
			background-image:url(../img/intern_encart_orange_bg.gif);
			padding-top:0;
			/* text rules */
			color:#fff;
		}
		
		#wrapper.page4 h1 {padding-top:20px;}
		#wrapper.page4 h1.firstH1 {padding-top:0;}
		#wrapper.page4 p span.smaller {font-size:0.9em;}
		#wrapper.page4 div.moduleParagraph p strong {color:#fff;}
		
		/* moduleParagraph */
		
		#wrapper.page4 div.moduleParagraph.firstModule {padding-top:0;}
		#wrapper.page4 div.topAnchor a {color:#fff;}
		
		/* petit encart */
		
		#wrapper.page4 div.flap {
			float:left;
			background:#fabe50;
			margin:10px 0 0 30px;
			padding:0;
			/* text rules */
			text-align:center;
		}
		
		#wrapper.page4 div.flap p {
			margin:0;
			padding:0 10px;
		}
		
		#wrapper.page4 div.flap p strong {color:#0056a2;}
		#wrapper.page4 div.flap.size1 {width:232px;}
		
		/* sub_content */
		
		#wrapper.page4 div.sub_content_cadre {
			position:relative;
			width:576px;
		}
		
		#wrapper.page4 div.sub_content_cadre.firstSub {margin-bottom:30px;}
		
		#wrapper.page4 #visu1 {
			background:transparent url(../img/page4_visu1.png) no-repeat 0 0;
			width:188px;
			height:188px;
			position:absolute;
			top:-60px;
			left:415px;
		}
		
		#wrapper.page4 #visu2 {
			background:transparent url(../img/page4_visu2.png) no-repeat 0 0;
			width:169px;
			height:139px;
			position:absolute;
			top:-70px;
			left:415px;
		}
		
		#wrapper.page4 div.sub_content {
			background:#fabe50;
			width:536px; /* 576px-40pad */
			padding:0 20px;
		}
		
		#wrapper.page4 div.sub_content {color:#000;}
	



		/*[ g ]______ page5 rules */
		/*[ g ]______ page5 rules */
		
		#wrapper.page5 #content {
			padding-top:0;
			color:#0056a2;
		}
		#wrapper.page5 #plan1 {float:right;}
		
		/* moduleParagraph */
		
		#wrapper.page5 div.moduleParagraph {width:577px;}
		#wrapper.page5 #par1 {background:transparent url(../img/page5_plan1.gif) no-repeat right 80px;}
		#wrapper.page5 #par2 {background:transparent url(../img/page5_plan2.gif) no-repeat right 0;}
		#wrapper.page5 div.moduleParagraph span {
			display:block;
			margin-bottom:20px;
			/* text rules */
			line-height:20px;
		}
		#wrapper.page5 div.moduleParagraph p {margin:0 0 15px 15px;}
		#wrapper.page5 div.moduleParagraph div.title h1 {left:0;}
	



		/*[ h ]______ page6 rules */
		/*[ h ]______ page6 rules */
		
		#wrapper.page6 #content {
			padding-top:0;
			color:#0056a2;
		}
		
		#wrapper.page6 .moduleParagraph a {
			color:#0056a2;
			text-decoration:underline;
		}
		
		#wrapper.page6 .moduleParagraph h2 {
			font-size:13px;
			margin:39px 0 13px 0;
		}