@charset "utf-8";

img, div { behavior: url(../iepngfix/iepngfix.htc) }


body{
	background-image: url(../design/degrade_body.jpg);
	background-repeat:repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	text-align: justify;
}
h2{
	font-size:12px;
	padding-top:7px;
	padding-bottom:7px;
	
}
h3{
	font-size:14px;
	padding-bottom:10px;
	text-transform: uppercase;
}
h4{
	font-size:14px;
	padding-top:10px;
	padding-bottom:10px;
	color:#225b86;
	text-transform: uppercase;
}
label{
	font-size: 12px;	
}
.input{
	width:350px;
}
.textarea{
	width:350px;
	height:50px;
}
.spacer {
	clear: both;
	float: none;
	margin: 0px;
	padding: 0px;
}
p{
	padding-left:2px;
	font-size:10px;
}


/* ---------------------------accueil---------------------------------------*/
#conteneur{
	background-image: url(../design/fond_accueil.jpg);
	background-repeat: no-repeat;
	width:940px;
	height:899px;
	margin-right: auto;
	margin-left: auto;
	font-family: Verdana, Geneva, sans-serif;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	background-color: #FFFFFF;
	padding: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.accueil #logo{
	top:1px;
}
.titre_accueil{
	width:540px;
	height:91px;
	position: absolute;
	padding-left:25px;
	top:30px;
	float: left;
}

#bandeau {
	height: 140px;
	width: 940px;
	position: relative;
	margin: 0px;
	padding: 0px;
}
#smoothmenu1 {
	background-image: url(../design/fond_menu.png);
	background-repeat: repeat-x;
	height: 29px;
	width: 940px;
	z-index: 20;
	padding: 0px;
	margin: 0px;
}
#logo {
	background-image: url(../design/ombre_logo.png);
	height: 169px;
	width: 263px;
	float: right;
	z-index: 10;
	margin-right: 47px;
	top:0px;
	position:relative;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	overflow: hidden;
}
#logo img {
	height: 169px;
	width: 249px;
	float: right;
	margin-right:4px;
}
.bleu_ciel{
	color:#26a1d6;
}
.bleu_ciel_r{
	color:#26a1d6;
	font-size:14px;
}
.margin_left_30{
	margin-left: 30px;
}
.nav_right_fin{
	width:300px;
	background-repeat: repeat-x;
}
.nav_right_fin img{
	float:right;
	top:0;
	right:0px;
	bottom:0px;
}
.nav_right_fin h2{
	font-weight: bold;
	z-index:10;
	text-transform:uppercase;
	margin-left:4px;
	font-size:16px;
	
}

.nav_right_fin a{
	color:#000;
	font-weight: bold;
	text-align: right;
	font-size:10px;
}
.nav_right_fin a:hover{
	color:#fff;
}

#nav_right{
	width:300px;
	background-color:#ffffff;
	float: right;
	border-left-width: 1px;
	border-left-style: dashed;
	border-left-color:#a6a6a6;
	margin: 0px;
	padding: 0px;
}
#nav_right p{
	font-size:10px;
	margin-left : 7px;
	line-height: 11px;
}

.nav_right{
	margin-bottom:10px;
	width:300px;
	background-repeat: repeat-x;
}
.nav_right img{
	float:right;
	top:0;
	right:0px;
	bottom:0px;
}
.nav_right a{
	color:#000;
	text-align: right;
	font-size:9px;
}
.float_right{
	float: right;
	margin-right:5px;
}
.nav_right a:hover{
	color:#fff;
}
.nav_right h2{
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	z-index:10;
	text-transform:uppercase;
	margin-left:4px;
	font-size:16px;
	padding-bottom:0;	
}
#entreprise{
	background-image: url(../design/degrade_orange.jpg);
	height:108px;
}
#entreprise h2{
	color:#d86000;
}
#idreal{
	background-image: url(../design/degrade_vert.jpg);
	height:107px;
}
#idreal h2{
	color:#538901;
}
#construction{
	background-image: url(../design/degrade_sable.jpg);
	height:116px;
}
#construction h2{
	color:#BD7A28;
}
#recrutement{
	background-image: url(../design/degrade_bleu.jpg);
	height:107px;
	font-weight: normal;
}
#recrutement h2{
	color: #1C769D;
}
#partenaires{
	background-image: url(../design/ombre_right.jpg);
	background-repeat:no-repeat;
	background-position:left;
	height: 150px;
}
#partenaires h2{
	padding-left:8px;
	padding-top:10px;
	color: #225b86;
	font-size:14px;
}
#partenaires a{
	padding-left:15px;
	/*text-transform:uppercase;*/
	font-variant:small-caps;
	color:#666;
}
#partenaires a:hover{
	color:#a6a6a6;	
}
#contenu{
	float: left;
	width: 620px;
	margin: 0px;
	padding-right: 19px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	background-color: #FFFFFF;
}
.intro{
	font-weight: bold;	
	color:#a6a6a6;
	}
.intro_engagement{
	font-weight: bold;
	color:#a6a6a6;
	font-style: oblique;
	}
.intro_president{
	color:#666;
	font-weight: lighter;
	font-size:12px;
	margin-top: 10px;
}
.encadrer{
	padding:10px;
	font-size:12px;
}
.encadrer li{
	margin-top:5px;
}
.encadrer li a{
	color: #666;
}.encadrer li a:hover{
	color:#fff;
}
#description{
	padding-bottom:20px;
}
.block{
	float:left;
	margin-right:15px;
	width:180px;
	height: 250px;
}
.block p{
	width:180px;
	text-align: left;
	font-size:10px;
	left:0;
	color: #000;
}
.block h2{
	font-size:12px;
	color: #000;
	font-weight: lighter;
}
#intro{
	width:600px;
	height:130px;
	border-bottom: 1px solid #a6a6a6;
	font-size: 12px;
	text-align: justify;
	line-height: 15px;
}
#intro li{
	background-image:url(../design/puce.gif);
	background-position:left center;
	background-repeat: no-repeat;
	padding-left:10px;
	margin-bottom:2Px;
	margin-top:2px;

}
#intro a{
	color:#000;	
}
#intro a:hover{
	color:#a6a6a6;	

}
#intro #actif{
	font-weight: bold;
	text-decoration: underline;
	color: #26a1d6;
}
.gras_souligne{
	font-weight: bold;
	text-decoration: underline;
}
.bleu{
	color:#006fb5;
}
.bleu_b{
	color:#006fb5;
	text-transform:uppercase;
}
.bleu_b2{
	color:#225b86;
}
.carre{
	background-image: url(../design/puce.gif);
	background-repeat:no-repeat;
	width:6px;
	height:6px;
	display: block;
}
.retrait{
	margin-left:10px;
}
#organigramme{
	margin-left: 100px;
}
.no_margin{
	padding-bottom:0px;
}
.groupe #bandeau {
	background-image: url(../design/mot-president.jpg);
	background-repeat:no-repeat;
}
.groupe #conteneur {
	background-color: #FFFFFF;
	background-image: none;
}

.border{
border-bottom: 1px dashed #a6a6a6;
}
hr .president{
	border-top:#999 solid 1px;
	} 
.groupe #p_president{
	width:300px;
	float:right;
	margin-right:10Px;
	line-height: 15px;
	text-align: justify;
	
}
.groupe #titre_president{
	width:300px;
	height:30px;
	float:right;
	margin-top:10px;
	color: #225b86;
	font-weight:bold;
}
.groupe #president{
	float:left;
	margin-top: 10px;
	margin-left:170px;
	margin-right:10px;
	padding-bottom:150px;

}
.groupe #titre_organigramme{
	float:left;
	margin-left:180Px;
	color: #225b86;
}
.groupe .titre_g{
	color: #005187;
	font-size: 12px;
}
.groupe .titre_g2{
	color: #a6a6a6;
	font-size: 14px;
	font-style: italic;
}
.groupe .titre_g3{
	color: #005187;
	font-size: 12px;
	padding-left: 10px;
	text-transform:capitalize;
}

.groupe #contenu li{
	background-image: url(../design/puce.gif);
	background-repeat: no-repeat;
	padding-left: 9px;
	list-style-position: inside;
	background-position: 0px center;
	margin-bottom: 10px;
	font-size:12px;
	color:#666;
	line-height: 14px;
}
.groupe #contenu #engagements{
	text-align: justify;
	line-height: 15px;
}
.groupe .offre{
	border-bottom: 1px dashed #a6a6a6;
	padding-bottom:20px;
}
.groupe .offre h2{
	width:620px;
	background-color:#e0e0e0;
	
}
.groupe .offre a{
	color:#000;

}
.groupe .offre img{
	float:left;
	
}
.groupe .politique_rh{
	line-height:12px;
}
.groupe #sous_contenu{
	margin-left:150px;
}
.groupe #sous_contenu p{
	
}
.groupe #puce_rh{
	position: relative;
	width:10px;
	height:150Px;
	float:left;
}
.groupe #puce_rh #a{
	position:relative;
	top:-5px;
}
.groupe #puce_rh #b{
	position:relative;
	margin-top:22px;
}
.groupe #puce_rh #c{
	position:relative;
	margin-top:15px;
}
.groupe #puce_rh #d{
	margin-top:39px;
	position:relative;
}
.groupe bleu_cap{
	text-transform: uppercase;
	color:
}
/* ---------------------------entreprise---------------------------------------*/
.entreprise #bandeau {
	background-image: url(../design/entreprise-faber.jpg);
	background-repeat:no-repeat;
}

.entreprise #conteneur{
	background-color:#FFF;
	width:940px;
	height:899px;
	margin-right: auto;
	margin-left: auto;
	top:10px;
	font-family: Verdana, Geneva, sans-serif;
	padding: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
	background-image: none;
}
.entreprise #contenu h3{
	width:300px;
	min-height:30px;
	float:right;
}
.entreprise #contenu img{
	float:left;

}
.entreprise #contenu {
	border-bottom: 1px solid #a6a6a6;
	padding-bottom:20px;
	position: relative;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	background-color: #FFFFFF;
}
.entreprise #contenu #p_entreprise p{
	margin-right:5px;
	text-align: justify;
	padding: 0px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.entreprise .titre{
	color:#225b86;
	text-align: left;
	font-size: 14px;
}
.entreprise #contenu td{
}
.entreprise #liste_idreal{
	position: relative;
	font-size:10px;
	height: 100px;
}
.entreprise #liste_idreal li{
	background-image: url(../design/puce.gif);
	background-repeat:no-repeat;
	background-position:left 3px;
	padding-left:10px;
}
#qualification{
	color: #666;
	width:300px;
	float:right;
	background-color:#ebebeb;
	margin-top:6px;
	margin-right:0px;
	padding-bottom:10px;
	border-bottom: 1px dashed #a6a6a6;
	font-size: 10px;
	font-variant: small-caps;
}
#qualification td, #qualification th{
	padding-bottom:5px;
	vertical-align: top;
	line-height: 10px;
}
#metier{
	width:280px;
	height:310px;
	background-color:#e0e0e0;
	float:left;
	margin-top:10px;
	padding-bottom:10px;
	border-bottom: 1px dashed #a6a6a6;
	text-transform:uppercase;
}
#puce{
	list-style-image: url(../design/puce.jpg);
	width:250px;
	/*height:50px;*/
	float:right;
	position:relative;
	margin-right:40px;
	margin-top:10px;
	padding-left:20px;
	visibility: hidden;
	color: #000;
}
#puce li a{
	color:#a6a6a6;
}
#puce li a:hover{
	color:#e0e0e0;
}
#p_entreprise{
	float: left;
	padding-bottom:20px;
	padding-top: 10px;
}
.limeul #p_entreprise{
	width:300px;
	float: right;
	padding-bottom:78px;
	padding-top: 10px;
}
#vignette{
	width:300px;
	height:60px;
	float:left;
	margin-left:0;
	padding-bottom: 60px;
}
#vignette img{
	width:60px;
	height:60px;
	position:relative;
	margin-right:15px;
}
.faber #bandeau{
	background-image:url(../design/bandeau_groupe_2.jpg);
}
.crete #bandeau{
	background-image:url(../design/bandeau_crete.jpg);
}
.idreal #bandeau{
	background-image:url(../design/bandeau_idreal.jpg);
}
.faber #qualification{
	height:310px;
	margin-top: 10px;
}
.limeul #bandeau{
	background-image:url(../design/bandeau_limeul.jpg);
}
.faber #metier{
	height:310px;
}
.limeul #qualification{
	height:210px;
	margin-top: 10px;
}
.limeul #metier{
	height:210px;
}
.crete #qualification{
	height:410px;
	margin-top: 10px;
}
.crete #metier{
	height:410px;
}
.artbat #qualification{
	height:210px;
}
.artbat #metier{
	height:210px;
}
.entreprise #contenu_photo{
	width:300px;
	height:400px;
	margin-top: 10px;
}
.entreprise #contenu_texte{
	float:right;
	width:300px;
}
.entreprise #puce_idreal{
	position: relative;
	width:10px;
	height:130Px;
	float:left;
	margin-top: 153px;
}
#puce_idreal #r{
	margin-top: 24px;
}
#puce_idreal #e{
	margin-top: 24px;
}
/* ---------------------------realisation---------------------------------------*/
.realisation #bandeau {
	background-image: url(../design/charpente-construction-bois.jpg);
	background-repeat:no-repeat;
}

.realisation #conteneur{
	background-color:#FFF;
	width:940px;
	height:899px;
	margin-right: auto;
	margin-left: auto;
	top:10px;
	font-family: Verdana, Geneva, sans-serif;
	background-image: none;
	padding: 10px;
	margin-top: 0px;
}
.realisation #contenu h3{
	width:300px;
	height:60px;
	float:right;
	margin-right:5px;
}
.realisation #contenu img{
	float:left;
	margin-top: 10px;
	padding-bottom:10px;

}
.realisation #contenu {
	border-bottom: 1px solid #a6a6a6;
	padding-bottom:10px;
}
.realisation #contenu #p_entreprise p{
	width:300px;
	float: right;
	margin-right:5px;
}
.realisation .titre{
	color:#005187;
}

/* ---------------------------contact---------------------------------------*/

.contact #bandeau {
	background-image: url(../design/contact.jpg);
	background-repeat:no-repeat;
}
.contact #conteneur{
	background-color:#FFF;
	width:940px;
	height:899px;
	margin-right: auto;
	margin-left: auto;
	top:10px;
	font-family: Verdana, Geneva, sans-serif;
	background-image: none;
	padding: 10px;
	margin-top: 0px;
	margin-bottom: 0px;
}
.contact #contenu h3{
	width:300px;
	margin-right:5px;
}
.contact #contenu img{
	float:left;
	margin-top: 10px;
	padding-bottom:10px;

}
.contact #contenu {
	padding-bottom:10px;
}
.contact #contenu #p_entreprise p{
	width:300px;
	float: right;
	margin-right:5px;
}
.contact .titre{
	color:#005187;
}
.contact table{
	width:580px;
	font-size: 12px;
	margin-left:40px;
	margin-top:0px;
	padding: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}
.contact .btn{
	float:right;
	margin-right:38px;
}
.contact #intro{
	border:0;
	margin: 0px;
	height: auto;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}
#entreprise .metier {
	text-align: left;
	padding-top: 2px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 5px;
}
#entreprise .metier ul {
	font-size: 10px;
}
#entreprise .metier li a {
	display: block;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 1px;
	margin-left: 0px;
	text-align: left;
	width: 150px;
	line-height: 10px;
}
#conteneur #contenu #sous_contenu {
	text-transform: none;
	color: #000000;
}
.groupe #conteneur #contenu ul, #conteneur #contenu #contenu_texte ul {
	margin: 0px;
	padding: 0px;
}
#conteneur #contenu #sous_contenu li, #conteneur #contenu #contenu_texte li  {
	text-transform: none;
	font-size: 10px;
	color: #000000;
	padding-left: 9px;
	line-height: 10px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 8px;
	margin-left: 0px;
	display: block;
	background-position: 0px 3px;
	background-image: url(../design/puce.gif);
	background-repeat: no-repeat;
}
.erreur {
	font-weight: bold;
	color: #FF0000;
}