/*
	Variable Grid System.
	Learn more ~ http://www.spry-soft.com/grids/
	Based on 960 Grid System - http://960.gs/

	Licensed under GPL and MIT.
*/

@charset "utf-8";

/*  ____________________________________________________________________ 
#	
#   GRID
#	
#   * Largeur :             960 px
#   * Colonnes :            8
#   * Largeur de colonne :  120 px
#   * Gouttiere :           0 px
#	* Ligne de base :       16 px
#	
#	____________________________________________________________________ */




/* BODY ---------------------------------------------------------------- */
body
{
	margin:  0px 0px 0px 0px;
	padding: 0;
	
	font-family: Verdana, Arial, Helvetica,sans-serif;
	font-size:   11px;
	line-height: 16px;
	text-align: left;
	color: #000;
	background-color:#FFFFFF; 
}

/* DIV PRINCIPAL, Conteneur --------------------------------------------- */
.container
{
	width:   960px;
	margin:  0 auto 0 auto;
	padding: 0;
}

/* COLONNES -------------------------------------------------------------- */

/* Initailisation Float */
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.bloc-075, div.bloc-1, div.bloc-2, div.bloc-3, div.bloc-4, div.bloc-5, div.bloc-6, div.bloc-7, div.bloc-8,
div.title-6, div.title-8, div.bloc-9
{
	float:left;
}

/* Blocs avec gouttiere pour les textes*/
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8
{
	padding-right: 10px;
}

/* colonnes textes avec gouttieres de 10px  */
.col-1  { width: 110px;  }
.col-2  { width: 230px; }
.col-3  { width: 350px; }
.col-4  { width: 470px; }
.col-5  { width: 590px; }
.col-6  { width: 710px; }
.col-7  { width: 830px; }
.col-8  { width: 950px; }

/* colonnes standard (de 1 à 16) */
.bloc-075  { width: 100px;  }
.bloc-1  { width: 120px;  }
.bloc-2  { width: 240px; }
.bloc-3  { width: 360px; }
.bloc-4  { width: 480px; }
.bloc-5  { width: 600px; }
.bloc-6  { width: 720px; }
.bloc-7  { width: 840px; }
.bloc-8  { width: 960px; }
.bloc-9  { width: 600px; }
.bloc-10  { width:275px; }

/* Saut de colonnes - GAUCHE */
.append-1  { margin-right: 120px;  }
.append-2  { margin-right: 240px; }
.append-3  { margin-right: 360px; }
.append-4  { margin-right: 480px; }
.append-5  { margin-right: 600px; }
.append-6  { margin-right: 840px; }
.append-7  { margin-right: 960px; }

/* Saut de colonnes - DROITE */
.prepend-1  { margin-left: 120px;  }
.prepend-2  { margin-left: 240px; }
.prepend-3  { margin-left: 360px; }
.prepend-4  { margin-left: 480px; }
.prepend-5  { margin-left: 600px; }
.prepend-6  { margin-left: 840px; }
.prepend-7  { margin-left: 960px; }

.padded { padding:10px;}
.padded_notop {	padding:0 10px 10px 10px;}
.padded_left { padding-left:10px;}
.padded_top { padding-top:10px;}
.righted { float:right;}

/* MARGES VERTICALES DES BLOCS -------------------------------------------------------------- */
.marginTop    { margin-top:    10px; }
.marginBottom { margin-bottom: 10px; }
.marginBottom50 { margin-bottom: 50px; }

/* Classe specifique pour sauter 2 lignes de textes en bas de bloc */
.line-2 { margin-bottom: 20px; }

/* Bloc avec filet superieur */
.borderTop
{
	border-top:  #CCC 1px solid;
	padding-top: 9px;
}
.borderBottom
{
	border-bottom:  #CCC 1px solid;
	padding-bottom: 9px;
}

/* CLEAN Clean la hauteur des div evite le bug sur le div conteneur principal -------------- */
.clear { clear:both; }


/* TEXTES ------------------------------------------------------------------------------------------------ */
p { margin:0px 0px 16px 0px; } /* Paragraphe standard avec marge inferieure (16px = 1 ligne de texte) */


/* LIENS  ------------------------------------------------------------------------------------------------- */
a:link, a:active, a:visited
{
	color:#333;
	text-decoration:none;
}

a:hover, .copy a:hover
{
	color:#999;
	text-decoration:none;
}


/* LISTES  ---------------------------------------------------------------------------------------------- */

/* Listes sans puce */
ul.clearList
{
	list-style:none;
	margin:0px;
	padding:0px;
}

/* Liste classique avec puces */
ul.regularList
{
	margin:0px;
	padding:0px;
	list-style-position:inside;
}

/* IMAGES  -------------------------------------------------------------------------------------------- */
img
{
	border: 0;
}

/* MARGIN speciaux */
.mt10 {	margin-top:10px;}
.mt20 {	margin-top:20px;}
.mt30 {	margin-top:30px;}

.bord {
	border:1px solid #FF0000;
}