/* CSS Document */
/*
 * @author ( Angie Radtke )
*/

/* not ready */

/* ##########################  general  ########################### */




body
{
	background: #eee;
	color: #000;
    font-size: 11px;
	font-family: arial, sans-serif; 
    margin: 0px;
    padding: 0px;
    text-align: left;
	border:solid 0px ;
}

#all
{
	border:solid 0px ;
	background: #fff;
    margin: 0px auto 10px;
    width: 1286px;
    height : 909px;
    padding: 0;
}
#back
{
	border:solid 0px ;
	background:url("fond.png") top left no-repeat;
    margin: 0px auto 10px;
    width: 1286px;
    height : 909px;
    padding: 0;
}

a:link,
a:visited
{
	color:#000;
	text-decoration : none;
}

a:hover,
a:active,
a:focus
{
	text-decoration : underline;
}
a:hover span,
a:active span,
a:focus span
{
	text-decoration : underline;
}


#left-col {
    position : relative;
    width : 307px;
    height : 909px;
    float : left;
    
}
#marques {
    position : absolute;
    top : 810px;
    left : 13px;
}
#marques h2{
    font-size: 13px;
    font-weight: normal;
    margin: 7px 10px;
    text-align: center;
}

#marques img{
    float : left;
}


#logo {
    width : 233px;
    height : 186px;
	margin : 0px 40px;    
}

#itw{

}

#encart-30-ans{
	background:url("encart-30-ans.png") top left no-repeat;
    height: 456px;
    margin: 20px 0;
    padding: 30px 40px;
    width: 227px;

}

#encart-30-ans div.text h1{
    font-size : 20px;
/*transform:rotate(-2deg);
-ms-transform:rotate(-2deg); 
-moz-transform:rotate(-2deg); 
-webkit-transform:rotate(-2deg);  
-o-transform:rotate(-2deg); */  

}
    
#encart-30-ans p {
	font-size : 13px;
    margin-bottom : 20px;    
}

#encart-30-ans p.p1 {margin-left : 3px;}    
#encart-30-ans p.p2 {margin-left : 6px;}    
#encart-30-ans p.p3 {margin-left : 9px;}    
#encart-30-ans p.p4 {margin-left : 12px;}    
#encart-30-ans p.p5 {margin-left : 18px;}    
#encart-30-ans p.p6 {margin-left : 21px;}    

#encart-30-ans p strong{
	color : #e95e27;
    
}

#header {
    position : relative;
    width : 979px;
    height : 150px;
    float : left;
    
}

#header ul {
    position : relative;
    width : 979px;
    height : 150px;
    padding : 0px;
    list-style-type:none;
}

#header ul li {
    width : 139px;
    height : 150px;
    float : left;
    text-align : center;
    font-size : 10px;
    font-weight : bold;    
}
#header ul li span {
    display : inline-block;
    padding : 123px 0px 0px;
}

#header ul li.accueil           { background:url("accueil.jpg") top left no-repeat;}
#header ul li.travaux-publics   { background:url("travaux-publics.jpg") top left no-repeat;}
#header ul li.industries        { background:url("industries.jpg") top left no-repeat;}
#header ul li.agro-alimentaire  { background:url("industries-agro-alimentaire.jpg") top left no-repeat;}
#header ul li.services          { background:url("services-aux-collectivites-et-transport.jpg") top left no-repeat;}
#header ul li.materiel          { background:url("materiel-d-application.jpg") top left no-repeat;}
#header ul li.contact           { background:url("contact.jpg") top left no-repeat;}

#header ul li a:hover ,
#header ul li a:active,
#header ul li a:focus 
{
	opacity: 0.4;
    filter:alpha(opacity=40); /* For IE8 and earlier */
}

#content2 {
    float : left;
    margin : 96px 0 0 10px;
    padding : 0px 0px 0px 25px;
    width : 815px;
}

#presentation {
    margin : 0px;
    padding : 0px 0px 0px 25px;
}

#presentation h1 {
    margin : 0px 0px 17px 0px;
    padding : 0px;
    font-weight : bold;
    font-size : 16px;
    
}
#presentation h2 {
    margin : 0px;
    padding : 0px 0px 0px 20px;
    background:url("pouce-itecma.png") 0px 3px no-repeat;
    font-weight : normal;
    font-size : 16px;   
}

#presentation ul li {
    margin : 2px 0px;
    padding : 0px 0px 0px 60px;
    font-size : 15px;   
}
#presentation ul  {
    margin : 0px 0px 30px 0px;
    padding : 0px ;
        list-style-type:none;
}

#demo {
    background:url("demonstration-itecma.png") left top no-repeat;
    height: 135px;
    margin: 45px 0 0;
    padding: 50px 95px;
    width: 650px;
}

#demo .wrapper {
    /* transform:rotate(-2deg);
    -ms-transform:rotate(-2deg); 
    -moz-transform:rotate(-2deg); 
    -webkit-transform:rotate(-2deg);  
    -o-transform:rotate(-2deg); */
    font-family: 'Anonymous Pro', sans-serif;
    text-align : center;
    width : 604px; 
}

#demo h3 {
    font-size : 26px;
	color: #FFF;
	padding : 0px;
	margin : 0px 0px;
	font-weight : 700;

}
#demo p {
	padding : 0px;
	margin : 0px 0px;
}

#demo p a:link,
#demo p a:visited {
    font-size : 18px;
	color: #FFF;
	font-weight : 500;
}

#footer {
    float: left;
    margin: 6px 0 0 10px;
    padding: 0 0 0 35px;
}

#adresse {
    text-align : center;
    width :  790px;
    font-size : 11px;
    line-height : 19px;
}

#adresse .adresse-nouvelle {
    font-weight : bold;
    color : #e95e27;
}

#right-col {
    position : relative;
    width : 100px;
    height : 909px;
    float : left;   
}

#iso {
    left: 10px;
    position: absolute;
    top: 670px;  

}


*, *::before, *::after {
    box-sizing: unset;
}

p {
	line-height: 1.3;
}

#logo{
	box-sizing: unset;
	display: block;
}

#logo a{
 padding-top: 0;
}


#logo a img {
	max-height : unset;
}
p.marques {
	width : 286px;
}
p.marques a {
	display : inline-block;
	float : left;
}

h1, h2, h3, h4, h5, h6 {
    line-height: 1.1;
}

#main-content.site-main {
	background-color: #eee !important;	
}

#menu {
	margin : 10px 0px;
}