@charset "utf-8";
/* CSS Document */

@font-face {
	font-family: 'ChocolateBox';
	src: url('../font/ChocolateBox.eot?') format('eot'),
	     url('../font/ChocolateBox.woff') format('woff'), 
	     url('../font/ChocolateBox.ttf')  format('truetype'),
	     url('../font/ChocolateBox.svg#ChocolateBox') format('svg');
	font-weight: normal;
    font-style: normal;
}
#contener2 ul li {
}

/*///////////////////////////////////////   body    ///////////////////////////////*/

body {
	background-image: url(../images/ToileFond.gif);
	background-repeat: repeat;	
}
/*///////////////////////////////////////   contener    ///////////////////////////////*/
#contener {
	width: 960px;
	min-height:230px;
	margin-right: auto;
	margin-left: auto;
	background-color:#FFFFFF;
	border: 4px solid #F90;
}
#header {
	background-image:url(../images/orangerBondy.jpg);
	background-repeat:no-repeat;
	min-height:375px;
}
h1 {
	color:#FFF;
	font-family:'ChocolateBox';
	font-size: 100px;
	position: relative;
	padding:100px 0 0 80px;
}
/* /////////////////////////////////////////////   navigation */
#nav {
    height: 40px;
    list-style-type: none;
    margin-top: -70px;
    min-height: 330px;
    text-decoration: none;
}
#nav ul {
	float: left;
    margin-left: 30px;
    width: 180px;
}
#nav li {
	margin-bottom:15px;
	width: 150px
}
#nav li a {
	text-decoration: none;
	font-family:ChocolateBox;
	font-size:24px;
	background-color: #FC3;
	height: 40px;
	border: 2px solid #F93;
	color: #3a1800;
	display: block;
	text-align: center;
	padding-top:5px;
}
#nav li a:hover {
	background-color:#930;
	color: #ffffff;
	border:2px solide #FC3;
}

.production {
	float: left;
	width: 560px;
	min-height:173px;
	background-image:url(../images/Ligne-Production.gif);
	background-repeat:no-repeat;
	padding:50px 0 0 180px;
	margin-top:100px;
}
.clear {
	clear: both;
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 36px;
	color: #F93;
	text-align: center;
	display: block;
	margin-right: 50px;
}
.titre1 {
	font-size: 14px;
}
.titre1 .centrer {
	margin: 35px;
}
.titre1 img {
	padding-left: 50px;
	float: left;
	padding-top: 25px;
	margin: 10px;
}

#contener2 {
	background-color: #FFF;
	min-height: 280px;
	width: 960px;
}
#contener .titre {
	padding-top: 50px;
}

/* /////////////////////////////////////////////   graphique */

#contener2 li{
	background-image:url(../images/jusOrange.gif);
	background-repeat: no-repeat;
	background-position: 13px 280px;
	float: left;
	width:77px;
	height: 250px;
	position:relative;
	-webkit-transition: all 1000ms linear;
	-moz-transition: all 1000ms linear;
	-ms-transition: all 1000ms linear;
	-o-transition: all 1000ms linear;
	transition: all 1000ms linear;
}
/*#contener2 li:nth-child(1):hover {
	background-position: 13px 190px;
}
#contener2 li:nth-child(2):hover {
	background-position: 13px 200px;
}
#contener2 li:nth-child(3):hover {
	background-position: 13px 210px;
}
#contener2 li:nth-child(4):hover {
	background-position: 13px 215px;
}
#contener2 li:nth-child(5):hover {
	background-position: 13px 215px;
}
#contener2 li:nth-child(6):hover {
	background-position: 13px 220px;
}
#contener2 li:nth-child(7):hover {
	background-position: 13px 225px;
}
#contener2 li:nth-child(8):hover {
	background-position: 13px 225px;
}
#contener2 li:nth-child(9):hover {
	background-position: 13px 225px;
}
#contener2 li:nth-child(10):hover {
	background-position: 13px 225px;
}
#contener2 li:nth-child(11):hover {
	background-position: 13px 205px;
}*/
#contener2 li a {
	display: block;
	height: 24px;
	color: #e77202;
	background-color: #000;
	text-align: center;
	text-decoration: none;

}
#contener2 li img {
	position:absolute;
	bottom:0;
	left:0;
}
#contener2 ul {
	padding-left: 50px;
}
#contener2 li p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #F30;
	float: left;
	width:77px;
	height: 250px;
	position:absolute;
	-webkit-transition: all 1000ms linear;
	-moz-transition: all 1000ms linear;
	-ms-transition: all 1000ms linear;
	-o-transition: all 1000ms linear;
	transition: all 1000ms linear;
}
/*#contener2 li:nth-child(1):hover p{
	padding-top: 190px;
}
#contener2 li:nth-child(2):hover p{
	padding-top: 190px;
}
#contener2 li:nth-child(3):hover p{
	padding-top: 190px;
}
#contener2 li:nth-child(4):hover p{
	padding-top: 190px;
}
#contener2 li:nth-child(5):hover p{
	padding-top: 190px;
}
#contener2 li:nth-child(6):hover p{
	padding-top: 190px;
}
#contener2 li:nth-child(7):hover p{
	padding-top: 190px;
}
#contener2 li:nth-child(8):hover p{
	padding-top: 190px;
}
#contener2 li:nth-child(9):hover p{
	padding-top: 190px;
}
#contener2 li:nth-child(10):hover p{
	padding-top: 190px;
}
#contener2 li:nth-child(11):hover p{
	padding-top: 190px;
}
*/
p {
	padding-left: 30px;
	padding-right:50px;
	padding-top:10px;
}
.clear {
	clear: both;
}

/* //////////////////////////////////////////////////////Footer././////////////////////////////*/
.footer  {
	margin-top: 60px;
	padding-left: 50px;
	background-image: url(../images/Ligne2.gif);
	background-repeat: no-repeat;
	min-height:250px
}
.footer li a{
	font-size: 18px;
	text-decoration: none;
	color: #F60;
	float: left;
	padding-right: 20px;
	padding-top: 200px;
	font-family:'ChocolateBox';
}
.footer img {
	margin-left: 150px;
	position: absolute;
	margin-top:-10px;
	
}

.titre {
	font-size: 80px;
	text-align: center;
	margin-top: -10px;
}#contener3 ul {
	width: 960px;
	margin-right: auto;
	margin-left: auto;
}
#contener3 ul li {
	background-color: #F93;
	min-height: 40px;
	width: 500px;
	margin-top: 50px;
	font-size: 30px;
	color: #600;
	padding-top: 10px;
	margin-right: auto;
	margin-left: auto;
	display:block;
	text-align:center;
	box-shadow: -3px 5px 5px 5px #999;
	cursor:pointer;
}
.titre3 {
	font-size: 70px;
	color: #F90;
	margin-right: 200px;
}
.production img {
	margin-top: 60px;
	margin-left: -170px;
}
.encadre {
	margin-bottom: 20px;
	padding-bottom: 20px;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #F60;
	border-right-color: #FFF;
	border-bottom-color: #F60;
	border-left-color: #FFF;
	margin-top: 30px;
}
.boite1 img {
	float: left;

}
.boite2 img {
	float: left;
	padding-top:20px;
	margin:20px 20px 0 130px;	
}
.boite {
	display: none;
}
.boite2{
	min-height: 200px;
	display:none;
}
.boite3 {
	display: none;
}
.boite4 {
	display: none;
}

.boite3 img {
	float: left;
	padding-top: 20px;
	position: absolute;
}
.boite4 img {
	float: left;
	padding-top: 20px;
	position: absolute;
}
.encadre p {
	float: left;
	width: 450px;
	padding-top: 40px;
	
}
.footer2 {
	min-height:30px;
	padding-top:50px;
}
.footer2 ul li a {
	text-decoration: none;
	font-size: 18px;
	color: #F60;
	float: left;
	padding-right: 50px;
	padding-left: 20px;
	font-family: 'ChocolateBox';
}
.footer2 ul img {
	margin-left: 100px;
}
.arbre {
	margin-left: 150px;
}
.fleur {
	position: relative;
	left: 500px;
	top: -150px;
}
.deco {
	padding-left: 130px;
}
.orange1 {
	margin-left: 10px;
	margin-top: 40px;
	margin-bottom: 60px;
}
.encadre .valencia {
	width: 570px;
}

input[type="text"]{
	font-family:Verdana, Geneva, sans-serif;
	font-size:18px;
	color:#000
	min-height:30px;
	max-height: 30px;
	min-width:400px;
	max-width:4500px;
	resize:none;
	margin-top:15px;
	
}
textarea {
	min-height:60px;
	max-height: 60px;
	min-width:400px;
	max-width:400px;
	resize:none;
	margin-top:15px;
}

input[type="submit"]{
	margin-left: 50px;
}


.formulaire {
	text-align: right;
}