body {
		font-family: lucinda,verdana,sans-serif;
		clear: both;
		font-size: 12px;
		margin: 0em 0 0em;
		padding: 0;
		background: #94FC25;
		color: #000000;
		text-align: center; /*center layout in ie5 and 5.5. */
		}
	/* General */
	
	p {
		font-weight: normal;
		font-size: 1.1em;
		text-align: left;
		color: #000000;

	
	

	}
	h1 {
		font-size: 13px;
		color: #000000;
		padding: 10px 0px 10px 0px;
		margin: 0px 0px 0px 20px;

	}

	h2 {
		font-size: 12px;
		font-weight: bold;
		color: #000000;
		margin: 0px 20px 5px 20px;
		padding: 3px;
		background: #C6FB8A;

	}
	
	h3 {
		font-size: 15px;
		color: #000000;
		margin-left: 20px;
		font-weight: normal;
		
		}
	h4 {
		font-size: 14px;
		font-weight: bold;
		color: #000000;
		margin-left: 20px;
		margin-top: 5px;
	
	}
	
	h5 {
		font-size: 14px;
		font-weight: bold;
		text-align: center;
		color: #000000;
		margin: 10px 20px 0px 20px;
		padding: 5px;
		background: #C6FB8A;
		
		
	}
	a {
		color: #000000;
		text-decoration: none;
		font-weight: bold;
		
	}
	
	a:hover {
		text-decoration: underline;
	}
	img{
	border : 0;
	}
		
		
	
	
	#container	{
	width: 750px;
	margin: auto;/* centre for compliant browsers*/
	background: #fff;
	text-align: left;
	border-left: 1px solid  #1A1AB3;
	border-right: 1px solid  #1A1AB3;
	border-bottom: 1px solid  #1A1AB3;
	
	}
	#container2	{
	width: 750px;
	margin: auto;/* centre for compliant browsers*/
	background: #94FC25;
	text-align: left;
	border-left: 1px solid  #1A1AB3;
	border-right: 1px solid  #1A1AB3;
	border-bottom: 1px solid  #1A1AB3;
	
	}
	
	#bandeau	{
	padding: 0;
	margin: 0;
	height: 180px;
	background: #fff url("pics/elements/bandeau.jpg") no-repeat left top;
	border-bottom: 0px solid #fff;	
	}
	
	#bandeau a#lienlogo {
		display: block;
		width: 280px;
		height: 105px;
		float: left;
	}
	#bandeau p {
		margin: 0;
		padding: .5em 0;
		font-size: .85em;
	}
	
	#bandeau p a {
		font-weight: normal;
	}
	
	
/* Navigation HAUTE */
	
	#navtop {
	border-top: 3px solid #E10B2D;
	padding: .0em .0em;
	border-right: 1px solid  #fafa;
	}
	
	#navtop ul
	{
	padding: .8em 0 .8em 0;
	margin: 0 0 0 0em;
	font-size: 11px;
	list-style-type: none;
	background: /*#27498B*/#1A1AB3;
	
	}
	
	#navtop li { display: inline; }

	#navtop li a
	{
	padding: .5em .5em;
	text-decoration: none;
	color: #fff;
	border-right: 1px solid #FAFBFC
	}
	
	#navtop a#current
	{
	background: #fff;
	}
	
	#navtop li a:hover
	{
	color: #333;
	background: #94FC25;
	
	}
	
	#navtop a#current
	{
	color: #E10B2D;
	font-weight: bold;
	}
	
	/* Navigation DROITE */
	
	

	/* CONTENU */
	
	#content{
		width: 750px;
		margin: 0px 0px 0px 0px;
		padding: 0px;
		margin-left: 0px;
		background: url("pics/visuels/fond.gif") no-repeat left top;
		
		}
		
	#content2{
		width: 750px;
		margin: 0px 0px 0px 0px;
		padding: 0px;
		margin-left: 0px;
		background: url("pics/visuels/fond2.gif") no-repeat left top;
		}
		
		#centre_blanc{
		width: 750px;
		margin: 0px 0px 0px 0px;
		padding: 0px;
		margin-left: 0px;
		background: #ffffff;
		}
		
	#content3{
		width: 750px;
		margin: 0px 0px 0px 0px;
		padding: 0px 0px 0px 0px;
		margin-left: 0px;
		background: url("pics/visuels/fond3.gif") no-repeat left top;
		
		}

				
		
	.accueil{
		width: 750px;
		padding: 0px;
		margin: 5px 0px 5px 5px;	
		background: #fafa;

	
		}
	.span{
    	font-size: 12px;
		font-weight: bold;
		text-align: center;
		color: #000000;
		margin: 0px 20px 10px 20px;
		padding: 5px;
		background: #C6FB8A;
		}
		
		
	.infos {
		width: 300px;
		height: 750px;
		padding: 0px;
		margin: 0px	;
		background: #F45610;
		text-align: center;
		}
	.infos h3 {
		font-size: 1.9em;
		color: #8A7A0B;
		margin: 0px 0px 0px 0px;
		}
	.infos h2 {
		font-size: 1.8em;
		color: #8A7A0B;
		text-decoration: underline;
		text-align: center;
		}
	.infos h1 {
		text-align: center;
		color: #1C1124;
		
		}
		div hr {
		clear: both;
		visibility: hidden;
		height: .2em;

	 }
	 
	#content ul{
		font-size: 1em;
		padding: 0px 0px 0px 20px;
	}
	#content li{
		font-size: 14px;
		margin-left: 0px;
		padding: 2px;
			}

		
		
	#content p{
		font-weight: normal;
		font-size: 1.1em;
		text-align: left;
		color: #000000;
		margin-left: 20px;
		}
	#content strong {
		font-size: 1em;
		text-align: left;
	}

		
		
	#content2 ul{
		font-size: 1em;
		padding: 0px 0px 0px 20px;
	}
	
	#content2 li{
		font-size: 12px;
		margin-left: 10px;
		padding: 0px;
		text-align: left;
	}

		
		
	#content2 p{
		font-weight: normal;
		font-size: 1.1em;
		text-align: left;
		color: #000000;
		margin-left: 20px;
	}
	
	#content2 strong {
		font-size: 1.2em;
		text-align: left;
	}
	
	#content3 ul{
		font-size: 1em;
		padding: 0px 0px 0px 20px;
		}
	#content3 li{
		font-size: 12px;
		margin-left: 20px;
		padding: 2px;
	}

		
		
	#content3 p{
		font-weight: normal;
		font-size: 1.1em;
		text-align: left;
		color: #000000;
		margin-left: 20px;
	}
	#content3 strong {
		font-size: 1.1em;
		color: #1A1AB3;
		text-align: left;
	}

	/* Paragraphes */
	
	img.floatright, img.floatleft, div.floatright, div.floatleft, .floatcenter img {
		text-align: left;		
		}	

	
	.floatright {
		
		float: right;
		margin: 0px 8px 0px 5px;
		background:#FFFFFF;
	
	}
	.floatleft {
		float: left;
		margin: 10px;
		margin-left:18px;
		background:#FFFFFF;
		
		
	}
	.floatlefta {
		float: left;
		margin: 0px 10px 0px 10px;
		
	}
	.floatcenter {
		float: center;
		margin: 0px;
		text-align: center;
		padding: 0px;
	}
	
	.floatcenter img {
		text-align: center;
		}	
		
	/* tableau*/

	
	
	.elastomere table {
	 
	border-collapse: collapse;
	margin: .1em .2em 0 0;
	width: 650px;
	font-size: 12px;
	margin-left: 60px;
	}
	
	.elastomere tr, {
	text-align: left; 
	border-collapse: collapse;
	padding: .1em;
	}

	.elastomere  td {
	text-align: left; 
	width: 30%; 
	border-collapse: collapse;
	padding: .1em;
	font-size: 1em;
	margin-left: 200px;
	
	}
	

	.elastomere2 table {
	align: center;
	border-collapse: collapse;
	width: 90%;
	font-size: 12px;
	}
	
	.elastomere2 tr, {
	text-align: left; 
	border-collapse: collapse;
	}

	.elastomere2  td {
	text-align: left; 
	width: 40%; 
	border-collapse: collapse;
	font-size: 1em;
	}
	
	
	.pieces table {
	 
	border-collapse: collapse;
	margin: .1em .2em 0 0;
	width: 600px;
	font-size: 12px;
	color: #000000;
	
	}
	
	
	.pieces tr, .pieces td {
	text-align: left; 
	width: 10%; 
	border-collapse: collapse;
	padding: .1em;
	font-size: 1em;
	color: #000000;
	margin-left: 200px;
	}
	
	
	.pieces1 table {
	 
	border-collapse: collapse;
	cellspacing: 2px;
	width: 650px;
	font-size: 12px;
	color: #000000;
	
	}
	
	
	.pieces1 tr{
	text-align: right;
	 
	width: 20%; 
	border-collapse: collapse;
	
	font-size: 1em;

	}
	
	.pieces1 td {
	text-align: left; 
	width: 45%; 
	border-collapse: collapse;
	
	
	}
	
	.form table {
	 
	border-collapse: collapse;

	width: 600px;
	font-size: 12px;
	color: #000000;
	
	}
	
	
	.form tr {
	text-align: left; 
	width: 10px; 
	border-collapse: collapse;
	font-size: 1em;
	margin-left: 0px;
	}
	.form td {
	text-align: left; 
	width: 10px; 
	border-collapse: collapse;
	
	font-size: 1em;
	margin-left: 0px;
	}
	
				
	/* Formulaires */
	
	form {
		font-size : 1.1em;
		margin: 0px;
	}

	textarea {
		padding: 7px;
		margin: 4px;
		border : 1px solid #1A1AB3;
	}

	/* Contact */
	
	#formcontact {
		margin: 20px 0 0;
		padding: 10px;
		margin-bottom: 1em;
		text-align: left;
		background: #C9FFBD;
	}
	
	#formcontact table {
		text-align: left;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 1em;
		color: #000000;
	}
	
	textarea {
		width: 330px;
		margin: 4px;
	}
	
	.personnage_carrat
	{
	position:absolute;
	top:775px;
	left:873px;
	}
	
	
    /* footer */
    
   #footer {
	 	font-size: 1.2em;
		height: 150px;
		background: #1A1AB3;
		color: #fff;
		text-align: right;
		border-top: 2px solid  #E10B2D;
		
		}
		 #footer2 {
		margin : 0 0 0 400px;
		text-align: left;
		}
	
  #footer a{
		font-size: 0.8em;
		color: #fff;
		text-decoration: underline;		
		}
	
	
  #footer2 .floatleft{
		float: left;
		margin: 0px 10px ;
		}