/*    Feuille de style www.sylvain-bevernage.fr        */

/*    Copyright © 2008 - Sylvain BEVERNAGE        */



/* STYLES DES LIENS */

a:link { color: #030968; font-size: 11px; text-decoration: none; font-weight: bold; background-color: transparent; }

a:visited { color: #030968; font-size: 11px; text-decoration: none; font-weight: bold; background-color: transparent; }

a:hover { color: #037fcc; font-size: 11px; text-decoration: underline; font-weight: bold; }



/* STYLES DE LA PAGE */

html,body 

{

	margin: 0px;

	padding: 0px;

	height: 100%;

	font-family: Tahoma, Arial, Helvetica, sans-serif;

	font-size: 11px;

	background: url(../images/design/fond.png) repeat-x;

	background-color:#FFFFFF;

}



/* STYLES DES BALISES DE TITRE */

h1 { color: #037fcc; font-size: 18px; margin-bottom:0px; padding-bottom:0px; font-weight:normal; }

h2 { color: #037fcc; font-size: 14px; margin-bottom:0px; padding-bottom:0px; font-weight:normal; }

h3 { color: #030968; font-size: 14px; margin-bottom:0px; padding-bottom:0px; font-weight:bold; }



/* STYLES DES TABLEAUX */

table { width:760px; }



object { margin:10px; }



.bouton 

{

	color:#FFFFFF;

	border:0px;

	width:100px;

	height:20px;

	font-weight:bold;

	margin-left:20px;

	margin-right:20px;

	background: url(../images/design/button01.gif);

}



.bouton:hover { cursor:pointer; background: url(../images/design/button02.gif); }



.anim_creation

{

	width:500px;

	height:300px;

	border:dashed 1px;

	border-color:#037fcc;

	margin-left:130px;

	text-align:center;

	padding:20px;

}

.diapo_photos

{
	width:700px;
	
	margin-left:40px;
	
	margin-right:50px;
}

.diapo_sites

{
	width:800px;
	
	margin-left:0px;
	
	margin-right:0px;
}

.diapo_videos

{
	width:700px;
	
	margin-left:20px;
	
	margin-right:0px;
}

.description_videos

{
  margin-top:10px;
  
  height:250px;
  
  text-align:justify;
}

.element_photos img 

{
	border:0px;
}

.element_photos

{
	float:left;
	
	text-align:center;
	
	margin:5px;
}

.element_sites

{
	float:left;
	
	text-align:center;
	
	margin:0px;
}

.image_jeux

{
  margin:5px;
  border:0px;
}

.test_jeux
{
  margin:10px;
  color:#000000;
}

.content_test 
{
  color:#000000;
  text-align:justify;
}

.note_jeux
{
  margin:20px;
  clear:both;
  text-align:center;
  font-size:20px;
  color:#037fcc;
}

.test_jeux h1 
{
  font-variant: small-caps;
  font-size:26px;
}

.main

{

	width:800px;

	margin : 0 auto;

	position: relative;

	min-height: 100%;

}



.banniere

{

	width:800px;

	height:100px;

	background-color:#FFFFFF;

	background: url(../images/design/banniere.png);

	text-align:center;

}



.menu

{

	width:800px;

	height:80px;

	background-color:#FFFFFF;

	background: url(../images/design/menu.png);

	text-align:center;

	

}

	.element_menu

	{

		float:left;

		width:100px;

		height:80px;

		margin-left:3px;

		margin-right:3px;

	}



.presentation1

{

	position:relative;

	width:800px;

	height:230px;

	background-color:#FFFFFF;

}



.presentation2

{

	position:relative;

	width:800px;

	height:150px;

	background-color:#FFFFFF;

}

	.gauche

	{

		position:absolute;

		text-align:justify;

		top:0px;

		left:20px;

		width:50%;

	}

	.droite

	{

		position:absolute;

		top:20px;

		left:400px;

	}

	.logo

	{

		position:absolute;

		bottom:10px;

		right:10px;

	}



.contenu

{

	width:800px;

	height:auto;

	background-color:#FFFFFF;

	margin-bottom:15px;

}



.img_accueil

{

	position:absolute;

	top:250px;

	right:60px;

}



.bas

{

	position: relative;

	bottom: 0px;

	width:100%;

	height:80px;

	text-align:center;

	background: url(../images/design/fond_bas.png) repeat-x;

}



.accueil

{

	width:350px;

	padding:20px;

	text-align:justify;

}



.input_text

{

	border:0px;

	width: 270px;

	height: 23px;

	padding-left:15px;

	padding-right:15px;

	padding-top:7px;

	text-align:left;

	background: url(../images/design/input_text.gif) top left no-repeat;

}



.input_textarea

{

	border:0px;

	width:280px;

	height:150px;

	padding:10px;

	background: url(../images/design/input_text_area.gif) top left no-repeat;

	overflow:auto;

}



.gras { font-weight:bold; color: #037fcc; }

.gras2 { font-weight:bold; color: #000000; }

.italic { font-style:italic; }

.indice { font-style:italic; color:#000000; font-size:11px; }

.blanc { color: #FFFFFF; margin-top:5px; }

.erreur { color: #FF0000; font-weight:bold; }

.validation { color: #037fcc; font-weight:bold; text-align:center; font-size: 16px;}

.padding { text-align:justify; padding:20px; }

.center { text-align:center; }



.td { font-weight:bold; color: #037fcc; width:200px; }

.td2 { text-align:left; }

.tr { height:30px; }



.img { margin-left:8px; margin-right:8px; border:0px; }

.separateur { width:800px; height:10px; }

.separateur2 { height:15px; }