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

body {
background-color:#dadada;
font-family:Georgia, "Times New Roman", Times, serif;
}

.nettoyeur {
clear:both;
}

.clear{
	clear:			both;
	visibility:     hidden;
	margin:         0;
	padding:        0;
}

#top {
background-color:#333333;
display:block;
height:20px;
margin-top: -8px;
margin-left:-8px;
margin-right:-8px;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
color:#FFFFFF;
font-size:11px;
text-align:center;
padding-top:8px;
}

#top h1 {
margin:0;
font-size:11px;
font-family:Georgia, "Times New Roman", Times, serif;
color:#c5c5c5;
display:inline;
}

.main-couleur {
width:840px;
margin-left:auto;
margin-right:auto;
background-color:#FFF;
}

.main {
width:800px;
margin-left:auto;
margin-right:auto;
}

.logo-top {
background-image:url(../../medias/imgs/habillage/logo-top.gif);
width:125px;
height:125px;
margin-left:auto;
margin-right:auto;
margin-top:5px;
float:left;
}


/******************************
*                          MENU
******************************/ 

#menu {
width:640px;
float:right;
border-top:1px dashed #333333;
border-bottom:1px dashed #333333;
height:30px;
line-height:30px;
margin-top:88px;
padding-top:5px;
padding-bottom:5px;
}

#menu ul {
margin:0;
padding:0;
text-align:center;

}

#menu ul li {
display:inline;

}

#menu ul li a {
color:#0092cf;
font-family:Georgia, "Times New Roman", Times, serif;
font-weight:bold;
font-size:16px;
padding:5px 25px 5px 25px;
text-decoration:none;
margin-right:10px;
text-transform:uppercase;
}

#menu ul li a.on{
color:#fff;
background-color:#0092cf;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
padding:5px 25px 5px 25px;
text-decoration:none;
margin-right:10px;
text-transform:uppercase;
}

#menu ul li a:hover {
background-color:#0092cf;
color:#fff;
}

/******************************
*                      MENU HOME
******************************/ 
#menu-home{
color:#fff;
background-color:#0092cf;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
padding:5px 25px 5px 25px;
text-decoration:none;
margin-right:10px;
text-transform:uppercase;
}

/******************************
*                PHOTO A LA UNE
******************************/ 
.photo-une {
width:800px;
/*height:280px;
margin-bottom:160px;*/
}

.photo-une img {
margin-top:15px;
width:792px;
height:272px;
border:#0092cf solid 4px;

}

.photo-legende {
background-color:#333333;
color:#FFFFFF;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
padding-bottom:3px;
padding-top:3px;
margin-top:1px;
}


.contenu {
width:800px;
}

/******************************
*                PRESENTATION
******************************/ 

.presentation {

border-right:2px solid #0092cf;
width:500px;
float:left;
margin-top:10px;
font-family:Georgia, "Times New Roman", Times, serif;
padding-right:7px;
}

.presentation h1{
border-top:1px dashed #333333;
padding-top:15px;
width:495px;
color:#0092cf;
text-transform:uppercase;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
font-weight:bold;
margin:0;
}

/******************************
*   DERNIERE REALISATION - HOME
******************************/ 

.realisation {
width:280px;
float:right;
margin-top:10px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
}

.realisation h1{
border-top:1px dashed #333333;
padding-top:15px;
width:280px;
color:#0092cf;
text-transform:uppercase;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
font-weight:bold;
margin:0;
margin-bottom:15px;
text-align:center;
}

/******************************
*   DOMAINE D ACTIVITE - HOME
******************************/ 

.domainedactivite-titre {
border-top:1px dashed #333333;
padding-top:15px;
border-bottom:1px dashed #333333;
padding-bottom:15px;
color:#0092cf;
text-transform:uppercase;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
font-weight:bold;
}

.domainedactivite {
width:800px;
margin-top:10px;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
float:left;
display:block;
margin-bottom:5px;
}

.serruerie-home {
display:block;
float:left;
overflow:hidden;
width:230px;

}

.serruerie-home h1{
background-color:#0092cf;
color:#FFFFFF;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
text-align:center;
line-height:55px;
}


.construction-home {
display:block;
float:left;
overflow:hidden;
width:230px;
margin-left:55px;

}

.construction-home h1{
background-color:#0092cf;
color:#FFFFFF;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
text-align:center;
line-height:55px;
}


.ferronnerie-home {
display:block;
float:left;
overflow:hidden;
width:230px;
margin-left:55px;

}

.ferronnerie-home h1{
background-color:#0092cf;
color:#FFFFFF;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:14px;
text-align:center;
line-height:55px;
}


/* Portfolio */

#nosrealisations {
	width:800px;
	height:280px;
	margin-bottom:170px;
}

#nosrealisations img{
	width:792px;
	height:272px;
	margin-top:18px;
	border:#0092cf solid 4px;
}


#documents_portfolio {
clear: both;
text-align:justify;
}

#documents_portfolio ul {
	margin-left:0;
	padding:0;
	width:800px;
}

#documents_portfolio ul li{
background-color:#0e5088;
width:260px;
height:280px;
text-align:center;
display:block;
float:left;
margin-right:6px;
margin-bottom:20px;
}

#documents_portfolio li h2 {
color:#FFFFFF;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:11px;
font-weight:normal;
padding-bottom:3px;
padding-top:3px;
margin-top:10px;
width:260px;
line-height:16px;
}

#documents_portfolio h1{
border-top:1.5px dashed #333333;
padding-top:5px;
border-bottom:1.5px dashed #333333;
padding-bottom:5px;
color:#0092cf;
text-transform:uppercase;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
font-weight:bold;
text-align:center;
margin-bottom:25px;
margin-top:175px;
}


#documents_portfolio .spip_logos {
margin: 6px 3px 0 3px;
/*border: 14px solid #0092CF;*/
background-color:#0092CF;

}

#documents_portfolio a .spip_logos {
border:solid 1px #FFF;
}

#documents_portfolio a.on .spip_logos {
border-color: #FFF;
}
#documents_portfolio a:focus .spip_logos{
border-color: #FFF;
}
#documents_portfolio a:hover .spip_logos{
border:solid 2px #0092CF;
}
#documents_portfolio a:active .spip_logos {
border-color: #FFF;
}


/******************************
*                        LIENS
******************************/ 
#liens{

padding-top:5px;
color:#000;
font-family:Georgia, "Times New Roman", Times, serif;
}

#liens ul li a{
color:#0092CF;

}

#liens ul li p{
font-family:Georgia, "Times New Roman", Times, serif;
font-size:12px;

}

#liens ul li a:hover{
color:#333333;
}

#liens img{
float:left;
margin-right:10px;
}

#liens h1{
color:#0092cf;
text-transform:uppercase;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:16px;
font-weight:bold;
text-align:left;
}

#liens-titre h1{
border-top:1.5px dashed #333333;
padding-top:5px;
border-bottom:1.5px dashed #333333;
padding-bottom:5px;
color:#0092cf;
text-transform:uppercase;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
font-weight:bold;
text-align:center;
margin-bottom:25px;
}

#liens ul {
margin:0;
padding:0;
}

#liens ul li{
border-bottom:1px dashed #333333;
margin-bottom:15px;
margin-top:20px;
list-style:none;
padding-bottom:20px;
}


/******************************
*                      CONTACT
******************************/ 
.contact{
font-family:Georgia, "Times New Roman", Times, serif;
width:800px;
}

#contact-left{
height:350px;
border-right:2px solid #0092cf;
float:left;
width:350px;
}

#contact-left p{
margin:0}

#contact-right{
float:right;
width:440px;
text-align:center;}

#contact-right p{
margin:0}

#contact-titre h1{
border-top:1.5px dashed #333333;
padding-top:5px;
border-bottom:1.5px dashed #333333;
padding-bottom:5px;
color:#0092cf;
text-transform:uppercase;
font-family:Georgia, "Times New Roman", Times, serif;
font-size:18px;
font-weight:bold;
text-align:center;
margin-bottom:25px;
}

/******************************
*                 PIED DE PAGE
******************************/ 

#pied {
clear: both;
padding: 0.40em 0;
border-top: 1px solid #8B6F92;
text-align: center;
font-size: 0.90em;
background-color:#333333;
height:20px;
color:#FFFFFF;
font-family:Georgia, "Times New Roman", Times, serif;
margin-bottom:-8px;
margin-left:-8px;
margin-right:-8px;
}

#pied a{
color:#FFFFFF;}


#pied img {
vertical-align: middle;
}