@charset "utf-8";

/*  ____________________________________________________________________ 
   
	SUPERSCRIPT²  / Layout CSS
	
	* Filename :    layout.css
	* Version :     2.2 - 23122008
	* Site :        http://www.super-script.com
	


    _____________
	
    GRID
	
    * Largeur :             910 px
    * Colonnes :            16
    * Largeur de colonne :  40 px
    * Gouttière :           18 px
	* Ligne de base :       16 px
	
	____________________________________________________________________ */


/* Conteneur */
.container
{
	width:   910px;
	margin:  0;
	padding: 0;
}

/* Afficher la grille */
.showgrid
{ 
	background: url(img/grid_c40_g18_l16.gif); 
}

/* Body */
body
{
	margin:  30px 0px 0px 30px;
	padding: 0;
	
	font-family: Arial, Helvetica, sans-serif;
	font-size:   11px;
	line-height: 16px;
	color: #666666;
	text-align: left;
}

/* Backgrounds */
.frontoffice
{
	background-color:#FFFFFF;
}

.backoffice
{
	background-color:#e7e7e8;
}

.backofficePopup
{
	margin:  10px 0px 0px 10px;
	padding: 0;
	background-color:#e7e7e8;
}


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

/* 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.col-9, div.col-10, div.col-11, div.col-12, div.col-13, div.col-14, div.col-15, div.col-16
{
	float:left;
}

/* Gouttière */
.col-1, .col-2, .col-3, .col-4, .col-5, .col-6, .col-7, .col-8, .col-9, .col-10, .col-11, .col-12, .col-13, .col-14, .col-15
{
	margin-right: 18px;
}

/* Dernière colonne */
div.last { margin-right: 0; }

/* Colonnes de 1 à 16 */
.col-1  { width: 40px;  }
.col-2  { width: 98px;  }
.col-3  { width: 156px; }
.col-4  { width: 214px; }
.col-5  { width: 272px; }
.col-6  { width: 330px; }
.col-7  { width: 388px; }
.col-8  { width: 446px; }
.col-9  { width: 504px; }
.col-10 { width: 562px; }
.col-11 { width: 620px; }
.col-12 { width: 678px; }
.col-13 { width: 736px; }
.col-14 { width: 794px; }
.col-15 { width: 852px; }
.col-16, div.col-16 { width: 910px; margin-right: 0; }

/* Colonnes vides - GAUCHE */
.append-1  { margin-right: 76px;  }
.append-2  { margin-right: 134px; }
.append-3  { margin-right: 192px; }
.append-4  { margin-right: 250px; }
.append-5  { margin-right: 308px; }
.append-6  { margin-right: 366px; }
.append-7  { margin-right: 424px; }
.append-8  { margin-right: 482px; }
.append-9  { margin-right: 540px; }
.append-10 { margin-right: 598px; }
.append-11 { margin-right: 656px; }
.append-12 { margin-right: 714px; }
.append-13 { margin-right: 772px; }
.append-14 { margin-right: 830px; }
.append-15 { margin-right: 888px; }

/* Colonnes vides - DROITE */
.prepend-1  { margin-left: 58px;  }
.prepend-2  { margin-left: 116px; }
.prepend-3  { margin-left: 174px; }
.prepend-4  { margin-left: 232px; }
.prepend-5  { margin-left: 290px; }
.prepend-6  { margin-left: 348px; }
.prepend-7  { margin-left: 406px; }
.prepend-8  { margin-left: 464px; }
.prepend-9  { margin-left: 522px; }
.prepend-10 { margin-left: 580px; }
.prepend-11 { margin-left: 638px; }
.prepend-12 { margin-left: 696px; }
.prepend-13 { margin-left: 754px; }
.prepend-14 { margin-left: 812px; }
.prepend-15 { margin-left: 870px; }

/* Marges verticales */
.marginTop    { margin-top:    16px; }
.marginBottom { margin-bottom: 16px; }

.line-2 { margin-bottom: 32px; }

/* Filet supérieur */
.borderTop
{
	border-top:  #666666 1px solid;
	padding-top: 15px;
}

/* Clean la hauteur des div pour IE */
.cleanIE
{
	line-height:0;
	font-size:0;
}

/* Clearing */
.clear { clear:both; }

/* Erreur */
.erreur
{
	background-image:url(img/error.gif);
	background-repeat:no-repeat;
	height:480px;
}

.erreurMargin
{
	margin-top:192px;
}


/* Blocs image ------------------ */
.smallImg
{
	height: 64px;
}
.mediumImg
{
	height: 160px;
}
.largeImg
{
	height: 320px;
}
.fullImg
{
	height: 480px;
}

.pics
{
	height: 480px;
	width:  678px;
	/*position:relative;*/
	margin:0;
	padding:0;
}
.pics img
{
	top:0;
	left:0;
}


/* Texte --------------------- */

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

p.noMargin { margin:0 ; }

p.mTop { margin:16px 0px 0px 0px ; }

h1
{
	margin:  0 ;
	padding: 0 ;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	line-height: 32px;

}

h2
{
	margin:  0 ;
	padding: 0 ;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 16px;
}

.bigType
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 36px;
	line-height: 48px;
}

h3
{
	margin:  0 ;
	padding: 0 ;
	display: inline;
	font-size: 11px;
	line-height: 16px;
}

.imageNum
{
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 32px;
	line-height: 32px;
}

div.imgHr
{
	float:left;
	margin: 7px 58px 8px 0px;
	padding: 0;
	border-top: 1px #666666 solid;
	width: 40px;
}

.eng{ color:#999999; }

.linkSwf
{
	margin:  0 ;
	padding: 0 ;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 16px;
}

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

a:hover
{
	color:#FFFFFF;
	background-color:#666666;
}

.design-graphique a:link, .design-graphique a:active, .design-graphique a:visited
{
	color:#666666;
	text-decoration:none;
}

.design-graphique a:hover, .bck_design-graphique
{
	color:#FFFFFF;
	background-color:#FF0000;
}

.col_design-graphique { color:#FF0000; }

.multimedia a:link, .multimedia a:active, .multimedia a:visited
{
	color:#666666;
	text-decoration:none;
}

.multimedia a:hover, .bck_multimedia
{
	color:#FFFFFF;
	background-color:#00FF00;
}

.col_multimedia { color:#00FF00; }

.typographie a:link, .typographie a:active, .typographie a:visited
{
	color:#666666;
	text-decoration:none;
}

.typographie a:hover, .bck_typographie
{
	color:#FFFFFF;
	background-color:#0000FF;
}

.col_typographie { color:#0000FF; }



.defaut a:link, .defaut a:active, .defaut a:visited
{
	color:#000000;
	text-decoration:none;
}

.defaut a:hover, .bck_defaut
{
	color:#FFFFFF;
	background-color:#000000;
}

.col_defaut { color:#000000; }



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

ul.regularList
{
	margin:0px;
	padding:0px;
	list-style-position:inside;
}


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


/* Formulaires  ------------------ */

.inputText
{
	margin:  0;
	padding: 0px;
	border:  #999999 1px solid;
	background-color:#666666;
	color:#e7e7e8;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:14px;
}

.submit
{
	margin:  0px;
	padding: 0px;
	border:  none;
	background-color:#666666;
	color:#e7e7e8;
	font-family: Arial, Helvetica, sans-serif;
	font-size:   10px;
	line-height: 11px;
}

.subWidth
{
	width:28px;
	height:16px;
}

.bigSubmit
{
	margin:  0px;
	padding: 0px;
	border:  none;
	background-color:#e7e7e8;
	color:#666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size:   33px;
	font-weight:lighter;
}

.divOver:hover
{
	background-color:#FFFFFF;
}


/* Couleur ------------------ */
.valid { color:#009900; }
.error { color:#FF0000; }