*{
padding:0px;
border:0px;
margin:0px;
}


body{

background-color:#014078; /* grs bas du bg_body.jpg */
font-family: 'Raleway', sans-serif;
font-size:13px;
color#404040;
}

#ligne{
width:100%;
height:14px;
background-image:url('images/ligne.jpg');
background-repeat:repeat-x;
}

#banner{
width:1000px;
height:126px;
margin:auto;
}

#banner img.thermocam_logo{
margin-top:18px;
}

#banner #coordonnees{
width:480px;
height:128px;
text-align:right;
float:right;
color:#CCD9E4;

}

#banner #coordonnees p.nom{
font-size:35px;
font-weight:600;
margin-top:18px;
}

#banner #coordonnees p.adresse{
font-size:14px;
font-weight:400;
}

#banner #coordonnees p.tel{
font-size:21px;
font-weight:500;
font-family:Arial;
color:white;
}

#bg_wrapper{
width:100%;
background-color:#275c8c;

}

#wrapper{
width:1000px;
margin:auto;
min-height:528px;
}

#footer{
width:1000px;
margin:auto;
min-height:35px;
margin-top:15px;
margin-bottom:80px;
}

#footer p.liens_footer{
font-size:25px;
font-weight:500;
text-align:center;
color:#80A0BC;
letter-spacing:1px;
}

#footer p.liens_footer a{
color:#80A0BC;
text-decoration:none;
-webkit-transition: all 350ms ease-in-out;
-moz-transition: all 350ms ease-in-out;
-ms-transition: all 350ms ease-in-out;
-o-transition: all 350ms ease-in-out;
transition: all 350ms ease-in-out;
}

#footer p.liens_footer a:hover{
color:white;
}

#metro_menu{
position:relative;

}

#metro_menu  img{
position:absolute;
border:3px solid #275c8c;
z-index:50;
-webkit-transition: all 350ms ease-in-out;
-moz-transition: all 350ms ease-in-out;
-ms-transition: all 350ms ease-in-out;
-o-transition: all 350ms ease-in-out;
transition: all 350ms ease-in-out;
}

#metro_menu .lien1{
}

#metro_menu .lien2{
left:336px;
}

#metro_menu .lien3{
left:505px;
}

#metro_menu .lien4{
left:672px;
}

#metro_menu .lien5{
left:336px;
top:169px;
}

#metro_menu .lien6{
top:336px;
}

#metro_menu .lien7{
left:336px;
top:336px;
}

#metro_menu .lien8{
top:336px;
left:672px;
}

#metro_menu img:hover{
border:3px solid white;
z-index:100;

-moz-transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
		-webkit-transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
        -o-transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
/*        -ms-transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);*/
        transform: scale(1.1) rotate(0deg) translateX(0px) translateY(0px) skewX(0deg) skewY(0deg);
		
}

#texte{
width:1000px;
min-height:492px;
background-color:white;
background-image:url('images/bg_menu_vertical.png');
background-repeat:repeat-y;
}

#menu_vertical{
width:220px;
height:100%;
float:left;
margin-right:20px;
/* background menu dans #texte pour afficher hauteur totale page */
position:relative;
z-index:100;
}

#menu_vertical a.unselected{
width:200px;
height:38px;
display:block;
line-height:38px;
border-bottom:1px solid white;
background-color:#D9E3EB;
color:#404040;
text-decoration:none;
font-size:12px;
-webkit-transition: all 350ms ease-in-out;
-moz-transition: all 350ms ease-in-out;
-ms-transition: all 350ms ease-in-out;
-o-transition: all 350ms ease-in-out;
transition: all 350ms ease-in-out;

}

#menu_vertical a.unselected:hover{
width:220px;
height:38px;
display:block;
line-height:38px;
border-bottom:1px solid white;
background-color:#D9E3EB;
color:#404040;
text-decoration:none;
font-size:12px;

}

#menu_vertical a.selected{
width:220px;
background-color:#7C9DB9;
color:white;
font-size:14px;
font-weight:600;
height:38px;
display:block;
line-height:38px;
border-bottom:1px solid white;
text-decoration:none;
}


#menu_vertical .back_to_home{
position:relative;
left:6px;
font-size:12px;
color:#404040;
text-decoration:none;
}

#menu_vertical .back_to_home:hover{
font-size:12px;
color:#404040;
text-decoration:underline;
font-weight:500;
}


h1{
color:#014078;
font-weight:600;
font-size:27px;
position:relative;
top:6px;
margin-bottom:15px;
}

h2{
color:#8FABC4;
font-size:18px;
margin:6px;
}

#texte p{
line-height:20px;
margin-bottom:20px;
}

#texte a{
color:#333333;
}

#texte a:hover{
color:#214BFF;
}

#content{
width:755px;
float:right;
}


.image{
float:right;
padding:8px 0px 8px 8px;
border-top:1px dotted #c0c0c0;
border-left:1px dotted #c0c0c0;
border-bottom:1px dotted #c0c0c0;
margin-bottom:15px;
margin-left:15px;
clear:both;
}

.image_voir_invisible{
width:227px;
height:166px;
display:inline;
background-image:url('images/photos_site/thermocam-welkenraedt-voir-invisible-1.jpg');
background-repeat:no-repeat;
background-position:8px 8px;
float:right;
padding:8px 0px 8px 8px;
border-top:1px dotted #c0c0c0;
border-left:1px dotted #c0c0c0;
border-bottom:1px dotted #c0c0c0;
margin-bottom:15px;
margin-left:15px;
clear:both;
}

.image_voir_invisible:hover{
background-image:url('images/photos_site/thermocam-welkenraedt-voir-invisible-2.jpg');

}