/* @override Credits */

/* -------------------------------------------------------------- 
Mise à jour le : 07.03.2009
Auteur : Adrien Heury
-------------------------------------------------------------- */

/* -------------------------------------------------------------- 
   
grid.css
* Sets up an easy-to-use grid of 24 columns.
   
By default, the grid is 950px wide, with 24 columns 
spanning 30px, and a 10px margin between columns.
   
-------------------------------------------------------------- */

/* A container should group all your columns. */
.container {
  	width: 950px;
  	margin: 0 auto;
}

/* MODE DEBUG */
.showgrid { background: url(../css/grid.png); }
.red { background: red; }
.yellow { background: yellow; }
.green { background: green; }
.blue { background: blue; }
.borderDebug { border: 1px solid red; }

/* Columns
-------------------------------------------------------------- */

/* Sets up basic grid floating and margin. */
.column, div.span-10, div.span-20, div.span-30, div.span-40, div.span-50, div.span-60, div.span-70, div.span-80, div.span-90, div.span-100, div.span-110, div.span-120, div.span-130, div.span-140, div.span-150,div.span-160, div.span-170, div.span-180, div.span-190, div.span-200, div.span-210, div.span-220, div.span-230, div.span-240, div.span-250, div.span-260, div.span-270, div.span-280, div.span-290, div.span-300, div.span-310, div.span-320, div.span-330, div.span-340, div.span-350, div.span-360, div.span-370, div.span-380, div.span-390, div.span-400, div.span-410, div.span-420, div.span-430, div.span-440, div.span-450, div.span-460, div.span-470, div.span-480, div.span-490, div.span-500, div.span-510, div.span-520, div.span-530, div.span-540, div.span-550, div.span-560, div.span-570, div.span-580, div.span-590, div.span-600, div.span-610, div.span-620, div.span-630, div.span-640, div.span-650, div.span-660, div.span-670, div.span-680, div.span-690, div.span-700, div.span-710, div.span-720, div.span-730, div.span-740, div.span-750, div.span-760, div.span-770, div.span-780, div.span-790, div.span-800, div.span-810, div.span-820, div.span-830, div.span-840, div.span-850, div.span-860, div.span-870, div.span-880, div.span-890, div.span-900, div.span-910, div.span-920, div.span-930, div.span-940, div.span-950, div.col-1, div.col-2, div.col-3, div.col-4, div.col-5, div.col-6, div.col-7, div.col-8, div.col-9, div.col-10, div.col-11, div.col-12, div.col-13, div.col-14, div.col-15, div.col-16, div.col-17, div.col-18, div.col-19, div.col-20, div.col-21, div.col-22, div.col-23, div.col-24 { float: left; margin-right: 10px; }

/* The last column in a row needs this class. */
.last, div.last { margin-right: 0; }

/* 95 Colonnes de 10px de large jusqu'à 950px (avec marge à droite de 10px) */
.span-10 { width: 10px; }.span-20 { width: 20px; }.span-30 { width: 30px; }.span-40 { width: 40px; }.span-50 { width: 50px; }
.span-60 { width: 60px; }.span-70 { width: 70px; }.span-80 { width: 80px; }.span-90 { width: 90px; }.span-100 { width: 100px; }
.span-110 { width: 110px; }.span-120 { width: 120px; }.span-130 { width: 130px; }.span-140 { width: 140px; }.span-150 { width: 150px; }
.span-160 { width: 160px; }.span-170 { width: 170px; }.span-180 { width: 180px; }.span-190 { width: 190px; }.span-200 { width: 200px; }
.span-210 { width: 210px; }.span-220 { width: 220px; }.span-230 { width: 230px; }.span-240 { width: 240px; }.span-250 { width: 250px; }
.span-260 { width: 260px; }.span-270 { width: 270px; }.span-280 { width: 280px; }.span-290 { width: 290px; }.span-300 { width: 300px; }
.span-310 { width: 310px; }.span-320 { width: 320px; }.span-330 { width: 330px; }.span-340 { width: 340px; }.span-350 { width: 350px; }
.span-360 { width: 360px; }.span-370 { width: 370px; }.span-380 { width: 380px; }.span-390 { width: 390px; }.span-400 { width: 400px; }
.span-410 { width: 410px; }.span-420 { width: 420px; }.span-430 { width: 430px; }.span-440 { width: 440px; }.span-450 { width: 450px; }
.span-460 { width: 460px; }.span-470 { width: 470px; }.span-480 { width: 480px; }.span-490 { width: 490px; }.span-500 { width: 500px; }
.span-510 { width: 510px; }.span-520 { width: 520px; }.span-530 { width: 530px; }.span-540 { width: 540px; }.span-550 { width: 550px; }
.span-560 { width: 560px; }.span-570 { width: 570px; }.span-580 { width: 580px; }.span-590 { width: 590px; }.span-600 { width: 600px; }
.span-610 { width: 610px; }.span-620 { width: 620px; }.span-630 { width: 630px; }.span-640 { width: 640px; }.span-650 { width: 650px; }
.span-660 { width: 660px; }.span-670 { width: 670px; }.span-680 { width: 680px; }.span-690 { width: 690px; }.span-700 { width: 700px; }
.span-710 { width: 710px; }.span-720 { width: 720px; }.span-730 { width: 730px; }.span-740 { width: 740px; }.span-750 { width: 750px; }
.span-760 { width: 760px; }.span-770 { width: 770px; }.span-780 { width: 780px; }.span-790 { width: 790px; }.span-800 { width: 800px; }
.span-810 { width: 810px; }.span-820 { width: 820px; }.span-830 { width: 830px; }.span-840 { width: 840px; }.span-850 { width: 850px; }
.span-860 { width: 860px; }.span-870 { width: 870px; }.span-880 { width: 880px; }.span-890 { width: 890px; }.span-900 { width: 900px; }
.span-910 { width: 910px; }.span-920 { width: 920px; }.span-930 { width: 930px; }.span-940 { width: 940px; }.span-950 { width: 950px; }

/* 24 colonnes (bleues sur showgrid) de 30px de large (avec marge à droite de 10px) */
.col-1  { width: 30px; }.col-2  { width: 70px; }.col-3  { width: 110px; }.col-4  { width: 150px; }.col-5  { width: 190px; }.col-6  { width: 230px; }
.col-7  { width: 270px; }.col-8  { width: 310px; }.col-9  { width: 350px; }.col-10 { width: 390px; }.col-11 { width: 430px; }.col-12 { width: 470px; }
.col-13 { width: 510px; }.col-14 { width: 550px; }.col-15 { width: 590px; }.col-16 { width: 630px; }.col-17 { width: 670px; }.col-18 { width: 710px; }
.col-19 { width: 750px; }.col-20 { width: 790px; }.col-21 { width: 830px; }.col-22 { width: 870px; }.col-23 { width: 910px; }.col-24 { width: 950px; margin: 0; }

/* Marge à DROITE à l'INTERIEUR du bloc */
.padding-right-10 { padding-right: 10px; }.padding-right-20 { padding-right: 20px; }.padding-right-30 { padding-right: 30px; }
.padding-right-40 { padding-right: 40px; }.padding-right-50 { padding-right: 50px; }.padding-right-60 { padding-right: 60px; }
.padding-right-70 { padding-right: 70px; }.padding-right-80 { padding-right: 80px; }.padding-right-90 { padding-right: 90px; }
.padding-right-100 { padding-right: 100px; }.padding-right-110 { padding-right: 110px; }.padding-right-120 { padding-right: 120px; }
.padding-right-130 { padding-right: 130px; }.padding-right-140 { padding-right: 140px; }.padding-right-150 { padding-right: 150px; }
.padding-right-160 { padding-right: 160px; }.padding-right-170 { padding-right: 170px; }.padding-right-180 { padding-right: 180px; }
.padding-right-190 { padding-right: 190px; }.padding-right-200 { padding-right: 200px; }.padding-right-210 { padding-right: 210px; }
.padding-right-220 { padding-right: 220px; }.padding-right-230 { padding-right: 230px; }.padding-right-240 { padding-right: 240px; }
.padding-right-250 { padding-right: 250px; }.padding-right-260 { padding-right: 260px; }.padding-right-270 { padding-right: 270px; }
.padding-right-280 { padding-right: 280px; }.padding-right-290 { padding-right: 290px; }.padding-right-300 { padding-right: 300px; }
.padding-right-310 { padding-right: 310px; }.padding-right-320 { padding-right: 320px; }.padding-right-330 { padding-right: 330px; }
.padding-right-340 { padding-right: 340px; }.padding-right-350 { padding-right: 350px; }.padding-right-360 { padding-right: 360px; }
.padding-right-370 { padding-right: 370px; }.padding-right-380 { padding-right: 380px; }.padding-right-390 { padding-right: 390px; }
.padding-right-400 { padding-right: 400px; }.padding-right-410 { padding-right: 410px; }.padding-right-420 { padding-right: 420px; }
.padding-right-430 { padding-right: 430px; }.padding-right-440 { padding-right: 320px; }.padding-right-450 { padding-right: 320px; }
.padding-right-460 { padding-right: 320px; }.padding-right-470 { padding-right: 470px; }.padding-right-480 { padding-right: 480px; }
.padding-right-490 { padding-right: 490px; }.padding-right-500 { padding-right: 500px; }.padding-right-510 { padding-right: 510px; }
.padding-right-520 { padding-right: 520px; }.padding-right-530 { padding-right: 530px; }.padding-right-540 { padding-right: 540px; }
.padding-right-550 { padding-right: 550px; }.padding-right-560 { padding-right: 560px; }.padding-right-570 { padding-right: 570px; }
.padding-right-580 { padding-right: 580px; }.padding-right-590 { padding-right: 590px; }.padding-right-600 { padding-right: 600px; }
.padding-right-610 { padding-right: 610px; }.padding-right-620 { padding-right: 620px; }.padding-right-630 { padding-right: 630px; }
.padding-right-640 { padding-right: 640px; }.padding-right-650 { padding-right: 650px; }.padding-right-660 { padding-right: 660px; }
.padding-right-670 { padding-right: 670px; }.padding-right-680 { padding-right: 680px; }.padding-right-690 { padding-right: 690px; }
.padding-right-700 { padding-right: 700px; }.padding-right-710 { padding-right: 710px; }.padding-right-720 { padding-right: 720px; }
.padding-right-730 { padding-right: 730px; }.padding-right-740 { padding-right: 740px; }.padding-right-750 { padding-right: 750px; }
.padding-right-760 { padding-right: 760px; }.padding-right-770 { padding-right: 770px; }.padding-right-780 { padding-right: 780px; }
.padding-right-790 { padding-right: 790px; }.padding-right-800 { padding-right: 800px; }.padding-right-810 { padding-right: 810px; }
.padding-right-820 { padding-right: 820px; }.padding-right-830 { padding-right: 830px; }.padding-right-840 { padding-right: 840px; }
.padding-right-850 { padding-right: 850px; }.padding-right-860 { padding-right: 860px; }.padding-right-870 { padding-right: 870px; }
.padding-right-880 { padding-right: 880px; }.padding-right-890 { padding-right: 890px; }.padding-right-900 { padding-right: 900px; }
.padding-right-910 { padding-right: 910px; }.padding-right-920 { padding-right: 920px; }.padding-right-930 { padding-right: 930px; }
.padding-right-940 { padding-right: 940px; }.padding-right-950 { padding-right: 950px; }

/* Marge à DROITE à l'EXTERIEUR du bloc */
.margin-right-10 { margin-right: 10px; }.margin-right-20 { margin-right: 20px; }.margin-right-30 { margin-right: 30px; }.margin-right-40 { margin-right: 40px; } 
.margin-right-50 { margin-right: 50px; }.margin-right-60 { margin-right: 60px; }.margin-right-70 { margin-right: 70px; }.margin-right-80 { margin-right: 80px; } 
.margin-right-90 { margin-right: 90px; }.margin-right-100 { margin-right: 100px; }.margin-right-110 { margin-right: 110px; }.margin-right-120 { margin-right: 120px; } 
.margin-right-130 { margin-right: 130px; }.margin-right-140 { margin-right: 140px; }.margin-right-150 { margin-right: 150px; }.margin-right-160 { margin-right: 160px; } 
.margin-right-170 { margin-right: 170px; }.margin-right-180 { margin-right: 180px; }.margin-right-190 { margin-right: 190px; }.margin-right-200 { margin-right: 200px; } 
.margin-right-210 { margin-right: 210px; }.margin-right-220 { margin-right: 220px; }.margin-right-230 { margin-right: 230px; }.margin-right-240 { margin-right: 240px; }
.margin-right-250 { margin-right: 250px; }.margin-right-260 { margin-right: 260px; }.margin-right-270 { margin-right: 270px; }.margin-right-280 { margin-right: 280px; }
.margin-right-290 { margin-right: 290px; }.margin-right-300 { margin-right: 300px; }.margin-right-310 { margin-right: 310px; }.margin-right-320 { margin-right: 320px; }
.margin-right-330 { margin-right: 330px; }.margin-right-340 { margin-right: 340px; }.margin-right-350 { margin-right: 350px; }.margin-right-360 { margin-right: 360px; }
.margin-right-370 { margin-right: 370px; }.margin-right-380 { margin-right: 380px; }.margin-right-390 { margin-right: 390px; }.margin-right-400 { margin-right: 400px; }
.margin-right-410 { margin-right: 410px; }.margin-right-420 { margin-right: 420px; }.margin-right-430 { margin-right: 430px; }.margin-right-440 { margin-right: 320px; }
.margin-right-450 { margin-right: 320px; }.margin-right-460 { margin-right: 320px; }.margin-right-470 { margin-right: 470px; }.margin-right-480 { margin-right: 480px; }
.margin-right-490 { margin-right: 490px; }.margin-right-500 { margin-right: 500px; }.margin-right-510 { margin-right: 510px; }.margin-right-520 { margin-right: 520px; }
.margin-right-530 { margin-right: 530px; }.margin-right-540 { margin-right: 540px; }.margin-right-550 { margin-right: 550px; }.margin-right-560 { margin-right: 560px; }
.margin-right-570 { margin-right: 570px; }.margin-right-580 { margin-right: 580px; }.margin-right-590 { margin-right: 590px; }.margin-right-600 { margin-right: 600px; }
.margin-right-610 { margin-right: 610px; }.margin-right-620 { margin-right: 620px; }.margin-right-630 { margin-right: 630px; }.margin-right-640 { margin-right: 640px; }
.margin-right-650 { margin-right: 650px; }.margin-right-660 { margin-right: 660px; }.margin-right-670 { margin-right: 670px; }.margin-right-680 { margin-right: 680px; }
.margin-right-690 { margin-right: 690px; }.margin-right-700 { margin-right: 700px; }.margin-right-710 { margin-right: 710px; }.margin-right-720 { margin-right: 720px; }
.margin-right-730 { margin-right: 730px; }.margin-right-740 { margin-right: 740px; }.margin-right-750 { margin-right: 750px; }.margin-right-760 { margin-right: 760px; }
.margin-right-770 { margin-right: 770px; }.margin-right-780 { margin-right: 780px; }.margin-right-790 { margin-right: 790px; }.margin-right-800 { margin-right: 800px; }
.margin-right-810 { margin-right: 810px; }.margin-right-820 { margin-right: 820px; }.margin-right-830 { margin-right: 830px; }.margin-right-840 { margin-right: 840px; }
.margin-right-850 { margin-right: 850px; }.margin-right-860 { margin-right: 860px; }.margin-right-870 { margin-right: 870px; }.margin-right-880 { margin-right: 880px; }
.margin-right-890 { margin-right: 890px; }.margin-right-900 { margin-right: 900px; }.margin-right-910 { margin-right: 910px; }.margin-right-920 { margin-right: 920px; }
.margin-right-930 { margin-right: 930px; }.margin-right-940 { margin-right: 940px; }.margin-right-950 { margin-right: 950px; }

/* Marge à GAUCHE à l'INTERIEUR du bloc */
.padding-left-10 { padding-left: 10px; }.padding-left-20 { padding-left: 20px; }.padding-left-30 { padding-left: 30px; }.padding-left-40 { padding-left: 40px; } 
.padding-left-50 { padding-left: 50px; }.padding-left-60 { padding-left: 60px; }.padding-left-70 { padding-left: 70px; }.padding-left-80 { padding-left: 80px; } 
.padding-left-90 { padding-left: 90px; }.padding-left-100 { padding-left: 100px; }.padding-left-110 { padding-left: 110px; }.padding-left-120 { padding-left: 120px; } 
.padding-left-130 { padding-left: 130px; }.padding-left-140 { padding-left: 140px; }.padding-left-150 { padding-left: 150px; }.padding-left-160 { padding-left: 160px; } 
.padding-left-170 { padding-left: 170px; }.padding-left-180 { padding-left: 180px; }.padding-left-190 { padding-left: 190px; }.padding-left-200 { padding-left: 200px; } 
.padding-left-210 { padding-left: 210px; }.padding-left-220 { padding-left: 220px; }.padding-left-230 { padding-left: 230px; }.padding-left-240 { padding-left: 240px; }
.padding-left-250 { padding-left: 250px; }.padding-left-260 { padding-left: 260px; }.padding-left-270 { padding-left: 270px; }.padding-left-280 { padding-left: 280px; }
.padding-left-290 { padding-left: 290px; }.padding-left-300 { padding-left: 300px; }.padding-left-310 { padding-left: 310px; }.padding-left-320 { padding-left: 320px; }
.padding-left-330 { padding-left: 330px; }.padding-left-340 { padding-left: 340px; }.padding-left-350 { padding-left: 350px; }.padding-left-360 { padding-left: 360px; }
.padding-left-370 { padding-left: 370px; }.padding-left-380 { padding-left: 380px; }.padding-left-390 { padding-left: 390px; }.padding-left-400 { padding-left: 400px; }
.padding-left-410 { padding-left: 410px; }.padding-left-420 { padding-left: 420px; }.padding-left-430 { padding-left: 430px; }.padding-left-440 { padding-left: 320px; }
.padding-left-450 { padding-left: 320px; }.padding-left-460 { padding-left: 320px; }.padding-left-470 { padding-left: 470px; }.padding-left-480 { padding-left: 480px; }
.padding-left-490 { padding-left: 490px; }.padding-left-500 { padding-left: 500px; }.padding-left-510 { padding-left: 510px; }.padding-left-520 { padding-left: 520px; }
.padding-left-530 { padding-left: 530px; }.padding-left-540 { padding-left: 540px; }.padding-left-550 { padding-left: 550px; }.padding-left-560 { padding-left: 560px; }
.padding-left-570 { padding-left: 570px; }.padding-left-580 { padding-left: 580px; }.padding-left-590 { padding-left: 590px; }.padding-left-600 { padding-left: 600px; }
.padding-left-610 { padding-left: 610px; }.padding-left-620 { padding-left: 620px; }.padding-left-630 { padding-left: 630px; }.padding-left-640 { padding-left: 640px; }
.padding-left-650 { padding-left: 650px; }.padding-left-660 { padding-left: 660px; }.padding-left-670 { padding-left: 670px; }.padding-left-680 { padding-left: 680px; }
.padding-left-690 { padding-left: 690px; }.padding-left-700 { padding-left: 700px; }.padding-left-710 { padding-left: 710px; }.padding-left-720 { padding-left: 720px; }
.padding-left-730 { padding-left: 730px; }.padding-left-740 { padding-left: 740px; }.padding-left-750 { padding-left: 750px; }.padding-left-760 { padding-left: 760px; }
.padding-left-770 { padding-left: 770px; }.padding-left-780 { padding-left: 780px; }.padding-left-790 { padding-left: 790px; }.padding-left-800 { padding-left: 800px; }
.padding-left-810 { padding-left: 810px; }.padding-left-820 { padding-left: 820px; }.padding-left-830 { padding-left: 830px; }.padding-left-840 { padding-left: 840px; }
.padding-left-850 { padding-left: 850px; }.padding-left-860 { padding-left: 860px; }.padding-left-870 { padding-left: 870px; }.padding-left-880 { padding-left: 880px; }
.padding-left-890 { padding-left: 890px; }.padding-left-900 { padding-left: 900px; }.padding-left-910 { padding-left: 910px; }.padding-left-920 { padding-left: 920px; }
.padding-left-930 { padding-left: 930px; }.padding-left-940 { padding-left: 940px; }.padding-left-950 { padding-left: 950px; }

/* Marge à GAUCHE à l'EXTERIEUR du bloc */
.margin-left-10 { margin-left: 10px; }.margin-left-20 { margin-left: 20px; }.margin-left-30 { margin-left: 30px; }.margin-left-40 { margin-left: 40px; } 
.margin-left-50 { margin-left: 50px; }.margin-left-60 { margin-left: 60px; }.margin-left-70 { margin-left: 70px; }.margin-left-80 { margin-left: 80px; } 
.margin-left-90 { margin-left: 90px; }.margin-left-100 { margin-left: 100px; }.margin-left-110 { margin-left: 110px; }.margin-left-120 { margin-left: 120px; } 
.margin-left-130 { margin-left: 130px; }.margin-left-140 { margin-left: 140px; }.margin-left-150 { margin-left: 150px; }.margin-left-160 { margin-left: 160px; } 
.margin-left-170 { margin-left: 170px; }.margin-left-180 { margin-left: 180px; }.margin-left-190 { margin-left: 190px; }.margin-left-200 { margin-left: 200px; } 
.margin-left-210 { margin-left: 210px; }.margin-left-220 { margin-left: 220px; }.margin-left-230 { margin-left: 230px; }.margin-left-240 { margin-left: 240px; }
.margin-left-250 { margin-left: 250px; }.margin-left-260 { margin-left: 260px; }.margin-left-270 { margin-left: 270px; }.margin-left-280 { margin-left: 280px; }
.margin-left-290 { margin-left: 290px; }.margin-left-300 { margin-left: 300px; }.margin-left-310 { margin-left: 310px; }.margin-left-320 { margin-left: 320px; }
.margin-left-330 { margin-left: 330px; }.margin-left-340 { margin-left: 340px; }.margin-left-350 { margin-left: 350px; }.margin-left-360 { margin-left: 360px; }
.margin-left-370 { margin-left: 370px; }.margin-left-380 { margin-left: 380px; }.margin-left-390 { margin-left: 390px; }.margin-left-400 { margin-left: 400px; }
.margin-left-410 { margin-left: 410px; }.margin-left-420 { margin-left: 420px; }.margin-left-430 { margin-left: 430px; }.margin-left-440 { margin-left: 320px; }
.margin-left-450 { margin-left: 320px; }.margin-left-460 { margin-left: 320px; }.margin-left-470 { margin-left: 470px; }.margin-left-480 { margin-left: 480px; }
.margin-left-490 { margin-left: 490px; }.margin-left-500 { margin-left: 500px; }.margin-left-510 { margin-left: 510px; }.margin-left-520 { margin-left: 520px; }
.margin-left-530 { margin-left: 530px; }.margin-left-540 { margin-left: 540px; }.margin-left-550 { margin-left: 550px; }.margin-left-560 { margin-left: 560px; }
.margin-left-570 { margin-left: 570px; }.margin-left-580 { margin-left: 580px; }.margin-left-590 { margin-left: 590px; }.margin-left-600 { margin-left: 600px; }
.margin-left-610 { margin-left: 610px; }.margin-left-620 { margin-left: 620px; }.margin-left-630 { margin-left: 630px; }.margin-left-640 { margin-left: 640px; }
.margin-left-650 { margin-left: 650px; }.margin-left-660 { margin-left: 660px; }.margin-left-670 { margin-left: 670px; }.margin-left-680 { margin-left: 680px; }
.margin-left-690 { margin-left: 690px; }.margin-left-700 { margin-left: 700px; }.margin-left-710 { margin-left: 710px; }.margin-left-720 { margin-left: 720px; }
.margin-left-730 { margin-left: 730px; }.margin-left-740 { margin-left: 740px; }.margin-left-750 { margin-left: 750px; }.margin-left-760 { margin-left: 760px; }
.margin-left-770 { margin-left: 770px; }.margin-left-780 { margin-left: 780px; }.margin-left-790 { margin-left: 790px; }.margin-left-800 { margin-left: 800px; }
.margin-left-810 { margin-left: 810px; }.margin-left-820 { margin-left: 820px; }.margin-left-830 { margin-left: 830px; }.margin-left-840 { margin-left: 840px; }
.margin-left-850 { margin-left: 850px; }.margin-left-860 { margin-left: 860px; }.margin-left-870 { margin-left: 870px; }.margin-left-880 { margin-left: 880px; }
.margin-left-890 { margin-left: 890px; }.margin-left-900 { margin-left: 900px; }.margin-left-910 { margin-left: 910px; }.margin-left-920 { margin-left: 920px; }
.margin-left-930 { margin-left: 930px; }.margin-left-940 { margin-left: 940px; }.margin-left-950 { margin-left: 950px; }

/* Bordure à droite */
.border {
  	padding-right: 4px;
  	margin-right: 5px;
  	border-right: 1px solid #eee;
}

/* Use these classes on an element to push it into the 
   next column, or to pull it into the previous column. */

.pull-1 { margin-left: -40px; }
.pull-2 { margin-left: -80px; }
.pull-3 { margin-left: -120px; }
.pull-4 { margin-left: -160px; }
.pull-5 { margin-left: -200px; }

.pull-1, .pull-2, .pull-3, .pull-4, .pull-5 {
  	float:left;
	position:relative;
}

.push-1 { margin: 0 -40px 1.5em 40px; }
.push-2 { margin: 0 -80px 1.5em 80px; }
.push-3 { margin: 0 -120px 1.5em 120px; }
.push-4 { margin: 0 -160px 1.5em 160px; }
.push-5 { margin: 0 -200px 1.5em 200px; }

.push-1, .push-2, .push-3, .push-4, .push-5 { 
  	float: right;
	position:relative;
}


/* Misc classes and elements
-------------------------------------------------------------- */

/* Ajouter une marge au DESSUS ou au DESSOUS d'un element */
.margin-top { 
	margin-top: 1.5em; 
}
.margin-bottom { 
	margin-bottom: 1.5em; 
}

/* Use a .box to create a padded box inside a column. */
.box { 
  padding: 1.5em; 
  margin-bottom: 1.5em;
}

/* Clearing floats without extra markup
   Based on How To Clear Floats Without Structural Markup by PiE
   [http://www.positioniseverything.net/easyclearing.html] */

.clearfix:after, .container:after {
    content: "\0020"; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden; 
    overflow:hidden; 
}
.clearfix, .container, .block {display: block;}

/* Ajouts */

hr {
	clear: both;
	visibility: hidden;
	margin: 0 !important;
	padding: 0 !important;
	height: 0px;
}

.visualClear, .clear {
	clear: both;
  	height: 0px;
  	margin: 0 !important;
	padding: 0 !important;
}