@charset "utf-8";

/* -- CSS Document -- */


/*

STRUCTURE:             -
* Largeur de page:     950 px
* Nombre de colonnes:  16
* Largeur de colonne:  50 px
* Gouttière:           10 px
   
*/

html, body
{
	margin: 0;
	padding: 0;
	height: 100%;
}


body
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	line-height:17px;
	color:rgb(50, 0, 100);
	text-align:left;
	background: url(img/vues_gradient.gif) #f5f9ea;
	background-repeat:repeat-y;
}

.container
{
	margin:40px 0px 0px 40px;
	padding:0;
}

.elasticDiv
{
	float:left;
}
.fullHeight
{
	height:100%;
	
}
body>#fixe {position:fixed} /* annule le hack "fixed" pour les autres navigateurs que IE */
/* annule le hack "fixed" pour les autres navigateurs que IE */
#fixe { /* menu fixe à gauche de l'écran */
position: absolute; /* idem menu1 */
height: 100%;
} 
.showgrid { background: url(img/grid_50+10x17.png); }

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

/* Blocs (1 à 16 colonnes) */
div.bloc1, div.bloc2, div.bloc3, div.bloc4, div.bloc5, div.bloc6, div.bloc7, div.bloc8, div.bloc9, div.bloc10, div.bloc11, div.bloc12, div.bloc13, div.bloc14, div.bloc15, div.bloc16 
{ float:left; margin-right:10px; }

/* Bloc en fin de ligne */
div.last { margin-right: 0; }

div.divClear { clear:both; }

/* Largeur de bloc */
.bloc1  { width: 50px;  }
.bloc2  { width: 110px; }
.bloc3  { width: 170px; }
.bloc4  { width: 230px; }
.bloc5  { width: 290px; }
.bloc6  { width: 350px; }
.bloc7  { width: 410px; }
.bloc8  { width: 470px; }
.bloc9  { width: 530px; }
.bloc10 { width: 590px; }
.bloc11 { width: 650px; }
.bloc12 { width: 710px; }
.bloc13 { width: 770px; }
.bloc14 { width: 830px; }
.bloc15 { width: 890px; }
.bloc16, div.bloc16 { width: 950px; margin: 0; }

/* Saut de colonne vers la droite */
.append-1  { padding-right: 60px;  }
.append-2  { padding-right: 120px; }
.append-3  { padding-right: 180px; }
.append-4  { padding-right: 240px; }
.append-5  { padding-right: 300px; }
.append-6  { padding-right: 360px; }
.append-7  { padding-right: 420px; }
.append-8  { padding-right: 480px; }
.append-9  { padding-right: 540px; }
.append-10 { padding-right: 600px; }
.append-11 { padding-right: 660px; }
.append-12 { padding-right: 720px; }
.append-13 { padding-right: 780px; }
.append-14 { padding-right: 840px; }
.append-15 { padding-right: 900px; }

div.marginR-1  { margin-right: 60px;  }
div.marginR-2  { margin-right: 120px; }
div.marginR-3  { margin-right: 180px; }
div.marginR-4  { margin-right: 240px; }
div.marginR-5  { margin-right: 300px; }
div.marginR-6  { margin-right: 360px; }
div.marginR-7  { margin-right: 420px; }
div.marginR-8  { margin-right: 480px; }
div.marginR-9  { margin-right: 540px; }
div.marginR-10 { margin-right: 600px; }
div.marginR-11 { margin-right: 660px; }
div.marginR-12 { margin-right: 720px; }
div.marginR-13 { margin-right: 780px; }
div.marginR-14 { margin-right: 840px; }
div.marginR-15 { margin-right: 900px; }

/* Saut de colonne vers la gauche */
.prepend-1  { padding-left: 60px;  }
.prepend-2  { padding-left: 120px; }
.prepend-3  { padding-left: 180px; }
.prepend-4  { padding-left: 240px; }
.prepend-5  { padding-left: 300px; }
.prepend-6  { padding-left: 360px; }
.prepend-7  { padding-left: 420px; }
.prepend-8  { padding-left: 480px; }
.prepend-9  { padding-left: 540px; }
.prepend-10 { padding-left: 600px; }
.prepend-11 { padding-left: 660px; }
.prepend-12 { padding-left: 720px; }
.prepend-13 { padding-left: 780px; }
.prepend-14 { padding-left: 840px; }
.prepend-15 { padding-left: 900px; }



/* MENU */

ul.menuList 
{
	padding:0px;
	list-style-type:none;
	line-height:17px;
}

.item
{
	background-color:#999999;
}

.marginTop { margin:17px 0px 0px 0px; }
.marginBottom { margin:0px 0px 17px 0px; }

h6.revue
{
	font-size:12px;
	color:#cbb3ff;
	background-color: rgb(50, 0, 100);
	display:inline;
	line-height:17px;
	margin:0px;
	padding:0px;
	font-weight:100;
}

h6.vues
{
	font-size:12px;
	color:#f5f9ea;
	background-color:rgb(50, 0, 100);
	display:inline;
	line-height:17px;
	margin:0px;
	padding:0px;
	font-weight:100;
}

/* ARTICLE */

.artContainer
{
	height:136px;
	position:relative;
}

.articleBackground
{
	padding:10px;
	background-color:inherit;
}

.articleOver
{
	left:-130px;
	width:380px;
	position:relative;
}


.articlePreviewImg
{
	float:left;
	width:110px;
	margin:0px 10px 0px 0px;
	visibility:hidden;
}
.articlePreviewTexte
{
	float:left;
	width:230px;
	margin:0px 0px 0px 0px;
}

h1
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	line-height:20px;
	font-weight:bold;
	margin:0px;
}

p { margin:0px 0px 17px 0px; }


a, a:link { text-decoration:none; };



.type10 { font-size:10px; line-height:13px; }
.type11 { font-size:11px; line-height:15px; }
.type12 { font-size:12px; line-height:16px; }
.type13 { font-size:13px; line-height:18px; }
.type14 { font-size:14px; line-height:19px; }

.notes
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:14px;
}

input
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	line-height:14px;
	border:0;
	background-color:#FFFFFF;
	color:#464632;
}

select
{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	line-height:14px;
	border:0;
	background-color:#FFFFFF;
	color:#464632;
}

img
{
	border:0;
}

hr
{
  background:rgb(50, 0, 100);
  color:rgb(50, 0, 100);
  clear: both; 
  float: none; 
  width: 100%; 
  height: 1px;
  margin: 8px 0px 8px 0px;
  border: none; 
}

.legal {
display: none;
}