/* CSS Document */

@import url("main.css");

body {
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:18px;
	color:#262626;
	background:#fff;
	min-width:320px;
}

.image_fond {
	position:fixed;
	z-index:-1;	
	left:0;
	top:0;
}

/* Global */
h1, .titre_h1 {
	font:normal 22px 'bodonixt_web';
	color:#262626;
	margin:10px 0px;
	text-transform:uppercase;
}
h2, .titre_h2 {
	font:normal 18px 'bodonibt_web';
	color:#13737f;
	margin:8px 0px;
	text-transform:uppercase;
	padding-left:10px;
	background:url(/global/img/bg/point.png) no-repeat left center;
}
h3, .titre_h3 {
	font:normal 16px 'bodonibt_web';
	color:#FF6600;
	margin:7px 0px;
}
h4, .titre_h4 {
	font:normal 14px 'bodonibt_web';
	color:#13737f;
	margin:6px 0px;
}
p {
	margin:0px;
	padding:10px 0px 10px 0px;
	text-align:justify;
}
a {
	color:#13737f;
	text-decoration:none;
}
a:hover {color:#000000;}

hr {
	position:relative;
	display:block;
	height:1px;
	background-color:#bfbfbf;
	overflow:hidden;
	border:none;
	margin-bottom:10px;
	margin-top:10px;
}
img { border:none;}
ul {
	position:relative;
	margin:10px 0px 10px 0px;
	padding:0;
	list-style:none;
}
ul li {
	position:relative;
	margin:0;
	padding:0;
	background:url(../img/puces/fbleu-16.png) no-repeat 0px 5px;
	padding-left:20px;
	line-height:22px;
	margin-left:20px;
}

.liste_orange li {
	background:url(../img/puces/forange-16.png) no-repeat 0px 8px;
}

.no-margin{
	margin:0;
}
/* Conteneur */
#main {
	position:relative;
	margin:auto;
	width:962px;
}

/* Haut */
#haut {
	position:relative;
	height:110px;
	padding:50px 0px;
	text-align:center;
}
#haut_titre {
	position:absolute;
	padding:10px;
	bottom:0px;
	left:0px;
	right:0px;
	text-align:center;
	background-image:url(../img/bg/trs-b-80.png);
	background-repeat:repeat;
}
.nom_societe {
	font:normal 50px 'bodonixt_web';
	color:#0B454C;
	text-transform:uppercase;
	/* margin-bottom:10px; */
	letter-spacing:1px;	
}
#contact{
	color: grey;
 	position: absolute;
    right: 15px;
    text-align: right;
    top: 55px;
	font-size:8pt;
}
#slogan { 
	font:normal 20px 'bodonixt_web';
	color:#0B454C;
	text-transform:uppercase;
	margin-bottom:0px;
	margin-top:10px;		
}
.txt_confirm {
	border-radius:0;
	background:#D5D5D5;	
	color:#262626;
	text-shadow:1px 1px 1px #fff;
	border:1px solid #262626;
	text-transform:uppercase;
}

/* Menu */
#menu_haut {
	display:block;
	position:relative;
	margin:-15px -15px 80px -15px;
	font:normal 14px "bodonibt_web";
	z-index:1000;
}
#menu-mobile, #menu-mobile ul.sous-menu-mobile, .affiche-mobile{
	display:none;
}
.m_haut, .m_actif {
	position:relative;
	float:left;	
	text-align:center;
	height:57px;
}
.m_haut span, .m_haut h2, .m_actif span, .m_actif h2 {
	position:relative;
	color:#262626;
	top:20px;
	font:normal 14px "bodonibt_web";
	background:none;
	padding:0;
	margin:0;
	z-index:10;
	text-transform:uppercase;
}
.m_actif span, .m_actif h2 {color:#fff;}
.m_haut .m_image, .m_actif .m_image {
	position:absolute;
	top:0;
	left:0;
	z-index:1;
}
.m_actif .m_image {display:none;}
.m_haut .m_lien, .m_actif .m_lien {
	position:absolute;
	z-index:100;	
}
#m_accueil {background:url(/global/img/bt/accueil-hover.png) no-repeat top left;width:108px;}
#m_realisations {background:url(/global/img/bt/realisations-hover.png) no-repeat top left;width:175px;}
#m_plafonds_tendus {background:url(/global/img/bt/plafonds-tendus-hover.png) no-repeat top left;width:239px;}
#m_panneau_decoratif {background:url(/global/img/bt/panneau-decoratif-hover.png) no-repeat top left;width:234px;}
#m_design {background:url(/global/img/bt/design-hover.png) no-repeat top left;width:97px;}
#m_contact {background:url(/global/img/bt/contact-hover.png) no-repeat top left;width:109px;}
.m_haut .f_sel, .m_actif .f_sel {
	position:absolute;
	width:100%;
	text-align:center;
	display:none;	
}
.m_actif .f_sel {display:block;}

.sous_menu {
	position:absolute;
	width:100%;
	top:56px;
	border-right:1px solid #ccc5b8;
	border-left:1px solid #ccc5b8;
	border-bottom:1px solid #ccc5b8;
	z-index:100;
	font:normal 14px "bodonibt_web";
	display:none;
}
.smenu a {
	position:relative;
	display:block;
	color:#093d43;
	height:15px;
	border:1px solid #fff;
	padding:10px 20px;
	text-transform:uppercase;
	background:url(/global/img/bg/smenu.png) no-repeat center top;
	background-color:#e6e6e6;	
}
.smenu a:hover {
	background:url(/global/img/bg/smenu-hover.png) repeat-x;
	background-color:none;
	color:#fff;		
}

#recherche {
	position:absolute;
	top:20px;
	right:10px;
}
#recherche input[type=text] {
	padding-right:50px;
	font-size:14px;
	padding:5px 10px;
	background:linear-gradient(#D9D9D9, #F6F6F6);
	background:-webkit-gradient(linear, 0 0, 0 100%, from(#D9D9D9), to(#F6F6F6));
	background:-moz-linear-gradient(#D9D9D9, #F6F6F6);
	background:-ms-linear-gradient(#D9D9D9, #F6F6F6);
	background:-o-linear-gradient(#D9D9D9, #F6F6F6);
	-pie-background:linear-gradient(#D9D9D9, #F6F6F6);
	border:1px solid #F6F6F6;
	behavior:url(/global/css/pie.htc);	
}	
#recherche input[type=submit] {
	background:none;
	-pie-background:none;
	border-radius:0;
	-moz-border-radius:0;
	-webkit-border-radius:0;
	-ms-border-radius:0;
	-o-border-radius:0;
	background:0;
	border:none;
	font:normal 14px 'bodonibt_web';
	color:#000;
	behavior:url(/global/css/pie.htc);	
}


/* Contenu */
#contenu {
	position:relative;
	width:932px;
	padding:15px;
	height:600px;
	background:#fff;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	-ms-border-radius:7px;
	-o-border-radius:7px;
	behavior:url(/global/css/pie.htc);
	z-index:10;
}

html>body #contenu {
	height:auto;
	min-height:600px;	
}
a.lien_suite {
	background:url(/global/img/puces/fgris-23.png) no-repeat center right;
	padding-right:30px;	
	font-size:11px;
}
.encart_suite {
	background:url(/global/img/bg/pli-gris.png) no-repeat center right;
	font-size:11px;
	height:24px;
}
.encart_suite a {
	display:inline;
	background:url(/global/img/puces/fblanc-23.png) no-repeat 98% center;
	background-color:#737373;
	padding:2px 35px 2px 10px;
	color:#fff;	
}
.encart_suite a:hover {color:#E6E6E6;}

.book_italic {font-family:"bodonibt_italic_web";}

.liste_avantage {
	margin-top: -5px;
}

.remonter {
	margin-top: -3px;
	position:relative;
}

.liste_avantage li {
	padding-bottom: 5px; 
	padding-top:5px; 
	border-bottom: 1px solid #CCCCCC; 
	min-height: 20px; 
	background-position:0px 7px;
	margin-left: 0px;

}
	
#lien_lo {
	display:block;
	background:url(/global/img/icones/avis.png) no-repeat left center;
	padding:15px 0 0 115px;	
	color:#13737F;
	height:40px;
	margin-bottom:10px;
	font:normal 16px 'bodonixt_web';
}

/* Encart du haut sur la page d'accueil */
#encart_haut {
	position:relative;
	width:911px;
	height:152px;
	margin:10px auto;	
	border:3px solid #e6e6e6;
}
#encart_haut #image {
	position:absolute;
	top:0;
	left:0;
	z-index:0;	
}
#encart_haut #nom_societe {
	position:absolute;
	top:10px;
	right:1px;
	width:105px;
	height:20px;
	color:#fff;
	font:normal 18px "bodonibt_italic_web";
	text-transform:uppercase;
	background:#13737f;
	padding:5px 40px 5px 20px;	
}
#encart_haut #fond_texte {
	position:absolute;
	bottom:15px;
	width:911px;
	height:60px;
	background:#000;
	-khtml-opacity:0.8;
    -moz-opacity:0.8;
    -ms-filter:"alpha(opacity=80)";
    filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80);
    filter:alpha(opacity=80);
    opacity:0.8;
	z-index:10;
}
#encart_haut #texte {
	position:absolute;
	bottom:10px;
	left:30px;
	width:850px;
	line-height:28px;
	height:50px;
	color:#fff;
	background:none;
	font:normal 16px "bodonibt_italic_web";
	text-transform:none;
	z-index:100;
}

/* Contenu accueil */
div.majuscule.noir{
	text-align:center;
	margin:20px auto 50px;
	font-weight:bold;
	float:none;
}
.img-plafond img{
	width:100%;
}
.img-plafond hr{
	width:50%;
	background-color: #13737F;
}
.liste-plafond img{
	width:70px !important;
}
blockquote h2{
	background: none;
}
/* Compétences */
.col_competences{
	margin-top:25px;
}
.col_competences .c_100{
	margin-bottom: 20px;
}
ul#competences {
	margin:10px 0px;	
}
ul#competences li {
	margin:0;
	padding:7px 40px;
	background-position:15px 10px;
	border-top:1px solid #bfbfbf;		
}
ul#competences li.pair {background-color:#fff;}
ul#competences li.impair {background-color:#e6e6e6;}


/* Partenaires */
#partenaires{
	margin:0 0 50px;
}
#partenaires div{
	text-align: center;
	margin:5px 0;
}
#partenaires img:first-child{
	margin-bottom:20px;
}
#partenaires .c_100 img{
	max-width:200px;
}

/* Pages */
.img_produit { 
	width: 150px;
	min-height:113px;
	overflow:hidden;
}

.img_design { 
	padding: 5px; 
	background-color: rgb(255, 255, 255); 
	border: 1px solid rgb(204, 204, 204);
	margin: 5px;
}
.fond_img_travaux {
	background:url(/global/img/bg/bg-photos.png) no-repeat;
	width: 162px;
	height: 140px;
	margin: 5px; 
	float:left;
	background-position: 7px 124px;
	overflow:hidden;
}

.bordure_img_travaux {
	height:113px;
	overflow:hidden;
	padding: 5px; 
	background-color: rgb(255, 255, 255); 
	border: 1px solid rgb(204, 204, 204);
}
.bordure_img_travaux:hover {border: 1px solid #13737F;}

.conteneur_img_travaux {
	height:188px;
	overflow:hidden;
}


/* Réalisations */
.fond_img_realisations {
	background:url(/global/img/bg/bg-photos-300.png) no-repeat 7px 199px;
	width:260px;
	height:250px;
	margin:5px; 
	float:left;
	overflow:hidden;
}

.bordure_img_realisations {
	height:188px;
	overflow:hidden;
	padding:5px; 
	background-color:#FFF; 
	border:1px solid rgb(204, 204, 204);
}
.bordure_img_realisations:hover {border:1px solid #13737F;}

.conteneur_img_realisations {
	height:188px;
	overflow:hidden;
}
.conteneur_img_realisations:hover, .conteneur_img_realisations_min:hover {border:1px solid #FFF;}

.img_realisations { 
	width:250px;
	overflow:hidden;
}

.fond_img_realisations_min {
	background:url(/global/img/bg/bg-photos-150.png) no-repeat 0px 125px;
	width:150px;
	height:180px;
	margin:5px; 
	float:left;
	overflow:hidden;
}

.bordure_img_realisations_min {
	height:113px;
	overflow:hidden;
	padding:5px; 
	background-color:#FFF; 
	border:1px solid rgb(204, 204, 204);
}
.bordure_img_realisations_min:hover {border:1px solid #13737F;}

.conteneur_img_realisations_min {
	height:113px;
	overflow:hidden;
}

.img_realisations_min { 
	width:150px;
	overflow:hidden;
}


/* Contact */
input[type=submit].bouton_fleche {
	border:none;
	height:28px;
	width:177px;
	color:#000;
	font:normal 14px "bodonibt_web";
	text-shadow:0px 0px 1px #fff;
	padding:0px 0px 0px 15px;
	border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
	-ms-border-radius:0px;
	-o-border-radius:0px;
	background-color:transparent;
	background:url(/global/img/bt/bouton-fleche.png) no-repeat;
}
input[type=submit].bouton_fleche:hover {
	background-position:0px -28px;
	color:#fff;
	text-shadow:0px 0px 1px #000;
}

#plan {
	height:300px;
	width:360px;
	margin-bottom:10px;	
}

#coordonnees {
	margin-top:-10px;
	line-height:20px;
	font-size:13px;
	background:#F1F1F1;
	padding:10px;
	text-align:center;	
}

/* Avis */
#avis {
	position:relative;
	padding:50px 20px 50px 20px;
	background:url(/global/img/bg/dq-open.png) no-repeat 2% 2%, url(/global/img/bg/dq-close.png) no-repeat 98% 98% #e1e1e1;
}
.avis {
	position:relative;
	margin-bottom:15px;	
}
.avis_nom, .avis_date {
	position:relative;
	font-size:14px;
	color:#13737f;
	display:inline;
	padding-bottom:5px;
	border-bottom:1px solid #13737f;
} 
.avis_nom {font-weight:bold;}
.avis_texte {
	margin-top:10px;	
}


/* Bas */
#bas {
	position:relative;
	height:250px; 
	background:url(/global/img/bg/bas.png) repeat;
	height:47px;
	padding:18px 10px 10px 10px;
	margin:-10px 0px 20px 0px;
	z-index:1;
	border-radius:7px;
	-moz-border-radius:7px;
	-webkit-border-radius:7px;
	-ms-border-radius:7px;
	-o-border-radius:7px;
	behavior:url(/global/css/pie.htc);
	color:#fff;
	font:normal 14px "bodonibt_web";
}

#logo_bas {
	letter-spacing:1px;
	font:normal 18px 'bodonixt_web';
}
#slogan_bas {
	font:normal 14px 'bodonibt_italic_web';
	color:#fff;
}

#menu_bas {
	color:#13737f;
	margin-bottom:5px;
}
#menu_bas a {color:#fff;}
#menu_bas a:hover {color:#262626;}