/******************************
** Romain de Landesen        **
**                  Hechter  **
**                      2010 **
******************************/

/*
** Général
*/

body
{
	margin: 0;
	padding: 0;
	background-color: #e6e6e6;
	
	font-family: comic sans ms, verdana, arial, sans-serif;
	font-size: 0.8em;
	color: #090b84;
}

a
{
	color: #000;
	text-decoration: none;
}

a:hover
	{ text-decoration: underline; }
	
img
	{ border: none; }

/*
** Répétitions
*/
	/* Margin auto */
	.conteneur, .menu, #footer, .ecriture, #logo
	{ margin: auto; }
	
	/* Width 100% */
	.center
	{ width: 100%; }
	
	/* Width 1000 */
	.conteneur, #arrondi-haut, #arrondi-bas, #footer
	{ width: 1000px; }
	
	/* Width 766 */
	.droite-contenu, #hoche
	{ width: 766px; }
	
	/* Width 172 */
	.menu, .onglet, .onglet-haut, .onglet-bas
	{ width: 172px; }
	
	/* Width 168 */
	.onglet, .onglet-haut, .onglet-bas
	{ width: 168px; }
	
	/* Overflow hidden */
	.conteneur, .menu, .droite, .droite-contenu, .onglet, .ecriture
	{ overflow: hidden; }
	
	/* Float left */
	.gauche, .droite-contenu, .gauche-ref
	{ float: left; }
	
	/* Float right */
	.droite, .droite-ref
	{ float: right; }
	
	/* background-color: #a7a9ac; */
	.conteneur, .gauche, .droite
	{ background-color: #a7a9ac; }
	
	/* Height 16 */
	.droite-bas
	{ height: 16px; }


/*
** Divs
*/

	#logo
	{
		width: 145px;
		height: 48px;
		background-image: url(../pics/logo.png);
		margin-top: 20px;
		margin-bottom: 20px;
	}
	
	#arrondi-haut, #arrondi-bas
	{
		height: 18px;
	}
	
	#arrondi-haut
	{ background-image: url(../pics/arrondi-haut.png); }
	
	#arrondi-bas
	{ background-image: url(../pics/arrondi-bas.png); }
	
	.margin-top
	{ margin-top: 40px; }
	
	
	/* Gauche
	*/
		.gauche
		{
			width: 214px;
		}
		
		.menu
		{
			text-align: center;
		}
		
		.onglet
		{
			margin-bottom: 10px;
		}
		
		.onglet-haut
		{
			background-image: url(../pics/onglet-haut.png);
			height: 5px;
		}
		
		.onglet-bas
		{
			background-image: url(../pics/onglet-bas.png);
			background-position: bottom;
			background-repeat: no-repeat;
			background-color: #e2e2e2;
			min-height: 5px;
			padding-bottom: 3px;
		}
		
	/* Droite
	*/
		.droite
		{
			width: 786px;
		}
		
		#hoche
		{
			height: 566px;
			background-image: url(../pics/droite-haut-hoche.jpg);
		}
		
		.droite-haut
		{
			background-image: url(../pics/droite-haut-hoche2.jpg);
			background-repeat: no-repeat;
			background-color: #dddddd;
			min-height: 566px;
		}
		
		.droite-haut-sortir
		{
			background-image: url(../pics/droite-haut-sortir.jpg);
			background-repeat: no-repeat;
			background-color: #dddddd;
			min-height: 521px;
		}		
		
		.droite-bas
		{
			background-image: url(../pics/droite-bas.png);
			background-repeat: no-repeat;
			margin-top: 50px;
		}
		
		.droite-contenu
		{
			background-color: #dddddd;
		}
		
		.ecriture
		{
			width: 640px;
			line-height: 1.8em;
			text-align: justify;
			font-size: 1.1em;
			padding-top: 40px;
		}
		
		.center
		{
			text-align: center;
		}
		
		.imgborder
		{ width: 100%; text-align: center; }
		
		.imgborder img
		{
			border: 4px solid #a9a9a9;
		}
		
		.imgborder img:hover
		{
			border: 4px solid #858585;
		}		
		
		/* Références
		*/
			.gauche-ref, .droite-ref
			{
				width: 50%;
			}
			
			.gauche-ref
			{
			
			}			
			
			.droite-ref
			{
			
			}
		
		
	/* Footer
	*/
		#footer
		{
			margin-top: 20px;
			height: 40px;
		}
		
	/* JS Galerie
	*/
		#preview
		{
			position:absolute;
			display:none;
			color:#fff;
			z-index: 10000;
		}