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

html{
margin:20px;
padding:0;
}

body{
background-color: #FFF;
}

#global p{
	color:#CCC;}
	
#global li{
	color:#FFF;}

#global{
width:1024px;
height:768px;
margin:0 auto;
font-family: Verdana, Geneva, sans-serif;
font-size:11px;
text-align:left;
line-height:16px;
}
#globalpropos{
width:1024px;
height:1100px;
margin:0 auto;
font-family: Verdana, Geneva, sans-serif;
font-size:11px;
text-align:left;
line-height:16px;

}


#entete{
	height:94px;
	width:1024px;
	background-image:url(images/images%20menu/interface_01-1.jpg);
	font:Verdana, Geneva, sans-serif;
	color:#CD8A0C;
}
#entete p{
	font-size:18px;
	line-height:24px;
	text-align:center;
	text-shadow:#000;
}

#menu{
	height:77px;
	width:100%;
}

#menu ul{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:italic;
	margin: 0;
	padding:0;
	list-style-type:none;
}

#menu li {
    margin: 0; 
    padding: 0;
    display: inline;
	float:left;
}

#fondg{
	height:77px;
	width:471px;
	background-image:url(images/images%20menu/interface_02-1.jpg);
	
}

#accueil a:link, #accueil a:visited {
    display: block;
    float: left;
    height: 77px;
    width: 50px;
    background:#fff url(images/images%20menu/interface_03-1.jpg);
    padding: 0;
}

#fond1{
	height:77px;
	width:27px;
	background-image:url(images/images%20menu/interface_04-1.jpg);
}

#produit a:link, #produit a:visited{
	display: block;
    float: left;
    height: 77px;
    width: 50px;
    background:url(images/images%20menu/interface_05-1.jpg);
    padding: 0;
}

#fond2{
	height:77px;
	width:22px;
	background-image:url(images/images%20menu/interface_06-1.jpg);
}

#devis a:link, #devis a:visited{
	display: block;
    float: left;
    height: 77px;
    width: 50px;
    background:url(images/images%20menu/interface_07-1.jpg);
    padding: 0;
}


#fond3{
	height:77px;
	width:28px;
	background-image:url(images/images%20menu/interface_08-1.jpg);
}

#apropos a:link, #apropos a:visited{
	display: block;
    float: left;
    height: 77px;
    width: 50px;
    background:url(images/images%20menu/interface_09-1.jpg);
    padding: 0;
}


#fond4{
	height:77px;
	width:25px;
	background-image:url(images/images%20menu/interface_10-1.jpg);
}

#contact a:link, #contact a:visited{
	display: block;
    float: left;
    height: 77px;
    width: 50px;
   background:url(images/images%20menu/interface_11-1.jpg);
    padding: 0;
}

#fond5{
	height:77px;
	width:26px;
	background-image:url(images/images%20menu/interface_12.jpg);
}

#boutique a:link, #boutique a:visited{
	display: block;
    float: left;
    height: 77px;
    width: 50px;
   background:url(images/images%20menu/interface_12-1.jpg);
    padding: 0;
}

#fondd{
	height:77px;
	width:125px;
	background-image:url(images/images%20menu/interface_13.jpg);
}

#basmenu{
	height:30px;
	width:100%;
	background-image:url(images/images%20menu/interface_14.jpg);
}

#anim{
	width: 371px;
	height: 554px;
	float:left;
}

#contenu{
	
	width: 603px;
	height: 554px;
	float:right;
	overflow:auto;
	padding:0px 0px 0 0;
	margin-left:30px;
	
}

#content{
	
	width: 1024px;
	height: 554px;
}
#stand{
	width:auto;
	height:50px;
	padding-top:15px;
	padding-left:10px;
	padding-right:10px;
	border-style:solid;
	border-width:thin;
	border-color:#F60;
}

#accueilavantages{
	color:#CCC;
	text-decoration:none;
}


#menupropos{
	width: 250px;
	height: 175px;
	float:left;
	background-image:url(images/interfacemenupropos.png);
	background-repeat:no-repeat;
}

#menupropos ul{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:italic;
	margin:0;
	padding:3px 0px 0px 0px;
	list-style-type:none;
	margin-left:30px;
	margin-right:30px;
}

#menupropos ul a{
	color:#090;
	text-decoration:none;
}
#menupropos ul li{
	float:none;
	margin-top:9px;
	
	
}
#menupropos ul a:hover{
	color:#FFF;
}

#levelrun{
	font-family:Tahoma, Geneva, sans-serif;
	font-size:14px;
	color:#FFF;
	font-style:italic;
	padding-bottom:2px;
}

#historique{
	margin-left:30px;
}

#avantages{
	margin-left:30px;
}

#savoirfaire{
	margin-left:30px;
}

#mentionslegales{
	margin-left:30px;
}

#realisation{
	margin-left:30px;
}

#contenupropos{
	
	width: 705px;
	height:554px;
	padding-left:279px;
	padding-right:40px;
	background-image:url(images/interfacepropos.jpg);
background-repeat:no-repeat;
background-position:bottom;
	
}
#contenupropos ul{
	list-style:disc;
}

#titre{
	height:45px;
	width:685px;
	margin-bottom:25px;
	margin-top:15px;
}

#texte1{
	width:685px;
	height:40px;
}

#texte2{
	width:685px;
height:139px;
float:left;
}

#texteint1{
	width:400px;
	height:138px;
	float:left;
	
	margin-right:50px;
	padding-top:0px;
}

#texteint1 li{
	list-style:none;
	margin-left:20px;
}

#conceptionimg{
	width:252px;
	height:139px;
}

#barreh{
	width:685px;
	height:10px;
	margin-top:15px;
	background-color:#5fad25;
	clear:both;
}

#texte3{
	width:685px;
	height:265px;
	
}

#texteint2{
	width:685px;
	height:125px;
}

#fabricationimg{
	margin-left:32px;
}

#texte4{
	width:335px;
	height:365px;
	float:left;
}

#texteint3{
	width:335px;
	height:100px;
}

#marquageimg{
	margin-left:12px;
}

#barrev{
	width:10px;
	height:365px;
	background-color:#5fad25;
	float:left;
}

#texte5{
	width:335px;
	height:365px;
	float:left;
}

#texteint4{
	width:335px;
	height:100px;
}

#marquage2img{
	margin-left:32px;
}
#formulaire{
	padding-left:150px;
	padding-right:170px;
	width:auto;
	height:554px;
}
#textecontact{
	margin-top:20px;
	margin-bottom:50px;
	width:705px;
	height:auto;
}
#textecontact p{
	text-align:center;
}
	
#coordonnees{
	float:left;
	width:250px;
	height:300px;
	
}
#coordonnees p{
	text-align:center;
	font-size:12px;
}
#logo{
	padding-left:25px;
}
	
H1{
	margin-left:20px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:16px;
	font-style:italic;
	color:#090;
}

H2{
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	font-style:italic;
	margin: 30px 0 5px 20px;
	color:#090;
}


p {
font-family:Verdana,Geneva,sans-serif;
font-size:11px;
margin:0;
padding:0;
}

#pied {
background-image:url("images/interface_06.jpg");
float:left;
height:18px;
margin-left:auto;
margin-right:auto;
width:1024px;
}

#piedindex {
background-image:url("images/interface_06.jpg");
float:left;
height:18px;
margin-left:auto;
margin-right:auto;
margin-top:27px;
width:1024px;
}

#bas {
float:left;
height:554px;
}