/******************* STRUCTURE DE LA PAGE *****************************/

/* General */

body {

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

	margin: 0px 0px 0px 0px;

	background-image: url(./pix/back.png);

	background-color: #ffffff;

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

	font-size:12px;

	text-align: center;

	min-height: 100%;

	height: 100%;

}

a{

	color: #330000;

  text-decoration: none;

}

#page {

			display: block ;

			clear:both;

			position: relative;

			width: 900px;

			min-height: 100%;

			background: url(pix/page.png);

			margin-left: auto;

			margin-right: auto;

}

#page-bas {

			clear:both;

			display: block ;

			width: 900px ;

			height: 25px;

			margin-left: auto;

			margin-right: auto;

}



/* Horizon */

#horizon {   

	position: absolute;

	height: 200px;

	width: 100%;

	left: 0px;

	margin: 0px 0px 0px 0px;

	padding: 0px 0px 0px 0px;

  background-image: url(./pix/horizon.png);

  background-repeat: repeat-x;

}



/* Header */

#fun-factory {

	display: block;

	position: relative;

	float:left;

	width: 590px;

	height: 200px;

	background-image: url(./pix/ban.png);

	text-align:left;

}

#logo a:hover {background: url(./pix/fun_factory.png) no-repeat 0 -200px ;}

#logo a:active {background: url(./pix/fun_factory.png) no-repeat 0 -400px ;}

#logo a {

		  float: left;

			display: block ;

			position: relative;

			width: 310px ;

			line-height: 200px ;

			color: #000 ;

			text-decoration: none ;

			background: url(./pix/fun_factory.png) no-repeat 0 0 ;

			border: 0px;

}



/* Navigation */

#nav {

	display: block;

	position: relative;

	width:900px;

	height:42px;

	margin-left: auto;

	margin-right: auto;

	padding: 0 0 0 0;

}

#nav-produit a:hover {background: url(./pix/nav-produit.png) no-repeat 0 -42px ;}

#nav-produit a:active {background: url(./pix/nav-produit.png) no-repeat 0 -84px ;}

#nav-produit a {

			float: left;

			display: block ;

			width: 200px ;

			line-height: 42px ;

			background: url(./pix/nav-produit.png) no-repeat 0 0 ;

			border: 0px;

}

#nav-produit-here a {

		  float: left;

			display: block ;

			width: 200px ;

			line-height: 42px ;

			background: url(./pix/nav-produit.png) no-repeat 0 -42px;

			border: 0px;

}

#nav-realisation a:hover {background: url(./pix/nav-realisation.png) no-repeat 0 -42px ;}

#nav-realisation a:active {background: url(./pix/nav-realisation.png) no-repeat 0 -84px ;}

#nav-realisation a {

		  float: left;

			display: block ;

			width: 200px ;

			line-height: 42px ;

			background: url(./pix/nav-realisation.png) no-repeat 0 0 ;

			border: 0px;

}

#nav-realisation-here a {

		  float: left;

			display: block ;

			width: 200px ;

			line-height: 42px ;

			background: url(./pix/nav-realisation.png) no-repeat 0 -42px;

			border: 0px;

}

#nav-contact a:hover {background: url(./pix/nav-contact.png) no-repeat 0 -42px ;}

#nav-contact a:active {background: url(./pix/nav-contact.png) no-repeat 0 -84px ;}

#nav-contact a {

		  float: left;

			display: block ;

			width: 200px ;

			line-height: 42px ;

			background: url(./pix/nav-contact.png) no-repeat 0 0 ;

			border: 0px;

}

#nav-contact-here a {

		  float: left;

			display: block ;

			width: 200px ;

			line-height: 42px ;

			background: url(./pix/nav-contact.png) no-repeat 0 -42px;

			border: 0px;

}

#nav-fin {

		  float: left;

			display: block ;

			width: 300px ;

			height: 42px;

			background: url(./pix/nav-back.png);

			border: 0px;

}

.w3c {

 width: 885px;

 text-align: right;

 margin-left: auto;

 margin-right: auto;

}



/***************** CONTENU ********************************************/

.contenu {

  display: block;

	float: left;

	position: relative;

	width: 500px ;

	margin-left: 40px;

	margin-top: 20px;

	text-align: left;

	color: #666666;

	font-size: 12px;

}

.texte {

	text-align: justify;

	color: #000000;

	font-size: 12px;

	margin-left:0px;

}

.texte p{

	text-align: justify;

	color: #000000;

	font-size: 12px;

	margin-left:0px;

}

h1 {

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

  font-size: 18px;

	color: #244869;

	text-align: left;

	margin-top: -5px;

	padding-top: 0px;

}

h2 {

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

  font-size: 15px;

	color: #244869;

	text-align: left;

	margin-bottom:0px;

	padding-bottom: 0px;

	margin-top: 5px;

}



/* Réalisations */

.realisation {

	display:block;

	text-align:left;

	padding-left: 30px;

	margin-left: 0px;

	width: 800px;

}



.realisation h2{

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

  font-size: 15px;

	color: #244869;

	text-align: left;

	margin-bottom:0px;

	padding-bottom: 0px;

	margin-top: 25px;

}

/***************** PRODUITS *******************************************/

/*Pack*/
.pack {
 padding-top: 20px;
}

.pack li{
	color: #666666;
	font-size: 11px;
}

.pack a {
  text-decoration: none;
	font-weight: bold;
	margin: 0 0 0 0;
	font-size: 12px;
}

/***************** FORMULAIRE *****************************************/

input {

 border:1px solid #244869;

 width:400px;

}

.captcha {

 width: 200px;

}

textarea {

 border:1px solid #244869;

 font-family:"trebuchet ms",sans-serif;

 width:400px;

}

.formul {

 font-size: 10px;

 font-weight: bold;

}

.clear {

  clear: both;

}

#form-mail a:hover {background: url(pix/envoyer-message.png) no-repeat 0 -36px ;}

#form-mail a:active {background: url(pix/envoyer-message.png) no-repeat 0 -72px ;}

#form-mail a {

			display: block ;

			position: relative;

			width: 160px ;

			line-height: 36px ;

			background: url(pix/envoyer-message.png) no-repeat 0 0 ;

			border: 0px;

}



/***************** RAPIDE LINK ****************************************/

.gauche {

			position: relative;

			float: right;

			display: block;

			width: 300px ;

			padding-top : 0px;

			margin-top: 20px;

			margin-left: 0px;

			margin-right: 40px;

}

.rapide {

	display:block;

	text-align:left;

	float: left;

	padding-bottom: 20px;

}

div.rapide a{

  text-decoration: none;

	font-weight: bold;

	margin: 0 0 0 0;

}

div.rapide a:hover{

  text-decoration: none;

}

div.rapide p{

  margin: 0 0 0 0;

  text-align: justify;

	padding-left: 50px;

	padding-top: 0px;

	color: #666666;

	font-size: 12px;

}

div.rapide img{

	float:left;

}

div.rapide b{

	font-size: 15px;

	color: #000;

}





/***************** PAGES PRODUITS *************************************/