*{
padding:0 ; 
}

@font-face{  
	font-family: "Helvetica"; 
	src: 	url('Helvetica.ttf')  format('truetype'), 
        	url('Helvetica.otf')  format('opentype') ,
        	url('Helvetica.eot')  format('opentype') ,
         	url('Helvetica.woff')  format('woff');
}

html{font-family: verdana, sans-serif;
 margin:0;
  padding:0;
  background: url(images/body-acropa.png) no-repeat; 
  background-size:cover;
}

body{
	height:100%;
	font-family:verdana, sans-serif;
}

#main{width:100%;
margin:auto;
height:100%;
}

#head{width:1024px;
height:150px;
margin:auto;
}

#head1{width:260px;
height:135px;
float:left;
}

#head2{width:724px;
height:135px;
float:left;
font-family:verdana, sans-serif;
}


#barre{width:1024px;
height:13px;
background: url(images/barre-acropa.png) center top no-repeat;
margin:auto;
}


#contenu_box {
	width: 1024px;
	margin:auto;
	background:#FFF;
}

#contenu_box1{
	width:1024px;
	height:75px;
	border-bottom:1px solid #cc3333;
	margin-top:-20px;

}

#contenu_box1 h1{
	color:#cc3333;
	font-size:30px;
	font-family:verdana, sans-serif;
	font-weight:bold;
	padding-top:20px;
	padding-left:20px;
	
}
#contenu_box2{
	width:1024px;
	overflow: hidden;
    font-family: verdana, sans-serif;
}

#contenu_box2 h2{
    text-transform: uppercase;
    font-size:17px;
	color:#666666;
	font-weight:bold;
    margin: 0;
}

.gamme{
	min-height:170px;
	width:1024px;
	float:left;
	border-top:1px solid #cccccc;
	font-family:verdana, sans-serif;
    font-weight: 600;
}

.gamme a{display: block; overflow: hidden;}

#imagegamme1{
    margin: 20px 0 20px 40px;
	float:left;
	height:auto;
    width: 191px;
}

#imagegamme1 img:nth-child(2){
    margin-top: 18px;
}

.legende{
	color:#000;
	padding: 20px 10px 10px 40px;
	float:left;
	width:540px;
    font-size: 10pt;
}

.legende2{
	color:#000;
	padding: 20px 0 10px 40px;
	float:left;
	width:700px;
    font-size: 10pt;
    text-align: justify;
}
.legende ul {margin:-10px 0 0 15px;}
.legende ul li{font-size: 8pt;}

.ddl{
    width: 160px; float: left;
    border:1px solid #cc3333;
    padding: 10px; margin: 20px 0 20px 0;
    font-size: 10pt;
}
.ddl p{margin: 0; color:#cc3333;}
.ddl a{
    text-decoration: underline; color: black;
}
.ddl ul{margin: 0;}
.ddl ul li{margin: 5px 0 0 15px; list-style: none;}


/* FOOTER */

#footer{width:1024px;
margin:auto;
height:75px;
background: #000;
border-top: 3px solid #979797;
border-bottom: 3px solid #333;
}


#nav-foot{width:650px;
float:left;
}
#adresse{width:1024px;
margin:auto;
height:75px;
background: #000;
border-top: 3px solid #979797;
}


#footer a{
	color:#fff;
	text-decoration:none;
	padding:14px;
	height:50px;
	padding-left:22px;
	padding-right:22px;
	line-height:75px;
	font-size:13px;
	text-align:center;
	font-weight:bold;
}

#footer a:hover{
	color:#cc3333;

}

#footer2
{
    width: 350px;
    float:left;
}

#footer2 div
{ 
    width: 29px;
    height: 30px;
    float: left;
    margin-right:5px;
}

#footer2 #facebook
{    margin-left:100px;
margin-top:20px;
    background: url(images/facebook.png) no-repeat center center;
}
#footer2 #google
{margin-top:20px;
    background: url(images/google+.png) no-repeat center center;
}
#footer2 #in
{margin-top:20px;
    background: url(images/in.png) no-repeat center center;
}

#footer2 #facebook:hover
{margin-left:100px;
margin-top:20px;
    background: url(images/facebook_hover.png) no-repeat center center;
}
#footer2 #google:hover
{margin-top:20px;
    background:url(images/google+_hover.png) no-repeat center center;
}
#footer2 #in:hover
{margin-top:20px;
    background:url(images/in_hover.png) no-repeat center center;
}