
*{margin:0; padding:0}
img{border:none;}
.logo{}
body{text-align: center;background-color:#333333;color:#ccc;font-size: 1em;}
a:visited{color:#BE280F;text-decoration: none;}
a{color:#BE280F;text-decoration: none;}
.menu0{font-size: 1.2em;text-align: left;}
#menu{text-align: left;}
#templatemo_top_panel a, #templatemo_top_panel a:visited{color:#fff}
#templatemo_top_panel a:hover {color:#BE280F}
#submenu{text-align: center;}
#submenu a, #submenu a:visited{color:#fff}
#menu a:hover, #submenu a:hover, a:hover{color:#BE280F;text-decoration: none;}
h1{}
h2{}
.on {color:#BE280F!important;}
.popupbody{border:0;width:698px;margin:auto;color:#333;background:#ddd;text-align: center;overflow:hidden}



.realisation
{
border: 1px solid #fff;
background-color: #fff;
width:150px;
height: 100px;
float:left;
margin:2px;
opacity:0.5;
/* 8f8466*/
}
.popupbody > .realisation{background:#ddd;opacity:0.8;border:none;}
.realisation > a{
width: 150px;height: 100px;
vertical-align: middle;
display: table-cell;
}
.realisation_image{
max-width: 150px;max-height: 100px;
}

.technologie
{
/*border-color: #675949;*/
border-color: 1px solid #CCCCCC;
background-color: #FFFFFF;
width:128px;
height: 64px;
float:left;
margin:2px;
opacity:0.5;
/* 8f8466*/
}
.technologie > a{
width: 128px;height: 64px;
vertical-align: middle;
display: table-cell;
}
.technologie_image{
max-width: 128px;max-height: 64px;
}


.technologie_small
{
/*border-color: #675949;*/
border-color: 1px solid #CCCCCC;
background-color: #FFFFFF;
width:64px;
height: 32px;
float:left;
margin:2px;
opacity:0.75;
/* 8f8466*/
}
.technologie_small > a{
width: 64px;height: 32px;
vertical-align: middle;
display: table-cell;
}
.technologie_image_small{
max-width: 64px;max-height: 32px;
}


.over{opacity:0.8;}

p{
font-size:14px;
line-height:17px;
margin-bottom:5px;
margin-left:5px;
margin-right:5px;
margin-top:5px;
text-align:justify;
}

#realisations{width: 780px;margin: auto;
clear:both;}
#technologies{width: 650px;margin-left:110px;;text-align:center;clear:both;}

#top{}
/* Footer */
#footer {text-align:center;margin:0 auto;padding:3px 0 1.5em 0;width:980px;color:#fff;font-size:1em;}
#footer img {margin: 2px 0 -2px 0}
#footer a {color:#fff;}
#footer a:hover {}

/* Form & Input */
form.aligned input[type="text"], form.aligned textarea, form.aligned select {padding : 1px;padding-left : 2px;border:1px solid #84827f;margin:2px;width:60%}
form.aligned textarea			{width:60%}
form.aligned select			{width:auto;margin:0px 2px 2px 2px;padding-top:0;}
form.aligned label				{color:#000000;display:block;float:left;width:250px;background-color: #EDEDED;text-align: left;margin:2px;font-weight:bold;} 
form.aligned br{clear:both;} 