@charset "UTF-8";
/* CSS Document
   Pour Dannick Chaput Construction
*/

/************************************************************************************
RESET
*************************************************************************************/
html{
	font-size:10pt;	
}

html, body, address, blockquote, div, dl, form, h1, h2, h3, h4, h5, h6, ol, p, pre, table, ul,
dd, dt, li, tbody, td, tfoot, th, thead, tr, button, del, ins, map, object,
a, abbr, acronym, b, bdo, big, br, cite, code, dfn, em, i, img, kbd, q, samp, small, span,
strong, sub, sup, tt, var, legend, fieldset {
	margin: 0;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
}

img, fieldset {
	border: 0;
}

/* set image max width to 100% */
img {
	max-width: 100%;
	height: auto;
	width: auto\9; /* ie8 */
}

/* set html5 elements to block */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { 
    display: block;
}

.video{
	width:100%; padding:50px 0 70px;}

.video iframe{
	width:100%; height:600px;}

/************************************************************************************
GENERAL STYLING
*************************************************************************************/

body{
	background-image:url(../images/graylinedbg.jpg); background-repeat:repeat;	
}

#main_container{
	position:relative;
	width:100%;
	z-index:5;
}

#media_sociaux_box{
	position:absolute; top:25px; left:0px; width:65px; text-align:center; z-index:99999999;	padding:7px 0px;
	
	-webkit-border-radius: 0px 15px 15px 0px;
    border-radius: 0px 15px 15px 0px;
		
	background: #333333; /* Old browsers */
	background: -moz-linear-gradient(top,  #333333 0%, #111111 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#333333), color-stop(100%,#111111)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #333333 0%,#111111 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #333333 0%,#111111 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #333333 0%,#111111 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #333333 0%,#111111 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#333333', endColorstr='#111111',GradientType=0 ); /* IE6-9 */

}

#media_sociaux_box a{
	display:block;
	float:left;
	margin-bottom:5px; margin-left:5px;
}

#main_wrap{
	position:relative; width:1000px; min-height:100%; margin:0 auto; z-index:10; padding-bottom:25px;
	background-color:#E9E7E5;
	background-image:url(../images/top-bg-img.jpg); background-repeat:no-repeat;
	
	-moz-box-shadow:    0px 0px 5px 3px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0px 0px 5px 3px rgba(0,0,0,0.3);
    box-shadow:         0px 0px 5px 3px rgba(0,0,0,0.3);
}

#main_wrap_94{
	position:relative; width:94%; min-height:100%; margin:0 auto; z-index:inherit; 	
}

/************************************************************************************
STRUCTURE
*************************************************************************************/

/* TOP (Header)################################################################################################################################ */
#top_bg{
	position:absolute; top:0px; left:0px; width:100%; height:155px;
	background-image:url(../images/topbg.png); background-repeat:repeat-x;
	z-index:1;
	
}

#top_underbg{
	position:absolute; top:155px; left:0px; width:100%; height:10px;
	background-color:#7E7E7E;
	z-index:1;
}

#top_logo_and_menu_container{
	position:relative; width:100%; height:135px;	
}

#logo_container{
	float:left; width:20%; height:auto; margin-top:16px;	
}

#top_menu_and_text{
	float:right; width:48%; margin-top:8px;	
	font-family: 'PiximisaRegular';
	font-size:1.6em;
	text-align:right;
	color:#908883;
}

#top_menu_and_text a{
	text-decoration:none;
	margin-left:15px;
	font-family: 'PiximisaRegular';
	color:#908883;
}

#top_menu_and_text a:hover{
	color:#000;	
}

/* MAIN MENU ################################################################################################################################ */

#menu_container{
	position:relative; width:100%; height:90px; margin-bottom:5px;
	background-image:url(../images/menu-bg.jpg);
}

#menu_container ul, #menu_container li{
	list-style:none;	
}

#menu_container_ul{
	display:block;
	width:100%;
	height:90px;
}

.li_width{
	position:relative;
	display:block;
	float:left;
	width:15%;	
}

.menu_sep{
	display:block; float:left; width:2%; height:90px;
	background-image:url(../images/menu-sep.jpg); background-repeat:no-repeat; background-position:center;
}

.menu_btn{
	display:block; width:100%; height:90px;
	line-height:90px; color:#000; font-family: 'PiximisaRegular'; font-size:1.5em;
	text-align:center; text-decoration:none;
	
	cursor:pointer;
	text-shadow: #666 0.1em 0.1em 0.2em;
}

.menu_btn:hover{
	color:#333;
}

.sub_menu{
	position:absolute; top:90px; left:0; width:100%; padding:10px 0; z-index:100;
	background-color:#ffcb06;
}

.sub_menu_li{
	width:100%; text-align:center;	
}

.submenu_link{
	width:100%; text-align:center; text-decoration:none;
	font-family: 'PiximisaRegular'; font-size:1.5em; line-height:1.8em; color:#000;
	
	text-shadow: #666 0.1em 0.1em 0.2em;
}

.submenu_link:hover{
	color:#333;	
}

#sm_coffrage, #sm_realisations{
	display:none;
}

/*  WINDOW - MODULE SLIDESHOW ################################################################################################################################ */

#window_container{
	position:relative; width:100%; height:500px; background-color:#fff;	margin-bottom:15px;
	
	-moz-box-shadow:    0px 0px 1px 1px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 0px 1px 1px rgba(0,0,0,0.2);
    box-shadow:         0px 0px 1px 1px rgba(0,0,0,0.2);
}

#window{
	margin:0 auto; padding:5px 0; width:99%; position:relative; /*height:490px;*/
}

.slide{position:absolute; padding:5px 0; top:0px; left:0px; width:100%; max-width:100%;}

#slide2, #slide3, #slide4, #slide5, #slide6, #slide7{opacity:0; filter: alpha(opacity=0);}

#left_arrow{position:absolute; top:47%; left:5px; z-index:99}
#right_arrow{position:absolute; top:47%; right:5px; z-index:99}

#window > div > a{cursor:pointer}

/* 3 BOXES - PHOTOS COFFRAGE################################################################################################################################ */

#boxes_container{
	position:relative; width:100%; margin-bottom:20px;
}

.box_left{
	float:left; width:32%; margin:5px 1%;
}

.box_left_accueil{
	float:left; width:48%; margin:5px 1%;
}

.box_center{
	float:left; width:32%; margin:5px 0;
}

.box_right{
	float:left; width:32%; margin:5px 1%;
}

.box_right_accueil{
	float:left; width:48%; margin:5px 1%;
}

.box_title{
	position:relative; width:100%; height:55px; margin-bottom:5px;
	background-image:url(../images/box-title-bg.jpg); background-repeat:repeat-x;
	
	line-height:55px; text-align:center;
}

.box_links{
	color:#000; font-family: 'PiximisaRegular'; font-size:1.5em; text-decoration:none;
	text-shadow: #666 0.1em 0.1em 0.2em;
}

.box_links:hover{
	color:#333;	
}

.esp_space{
	position:relative; width:100%; height:30px;
	background-image:url(../images/dark-grd.jpg); background-repeat:repeat-x;
	line-height:30px; text-align:center;
}

.esp_link{
	color:#fff; text-decoration:none;
}

.esp_link:hover{
	text-decoration:underline;	
}

/* MAIN CONTENT - 3 COLUMNS ################################################################################################################################ */

#page_spacer{
	position:relative; width:100%; height:10px;	
}

#content_container{
	position:relative; width:100%;
}

#content_container ul{
	margin-left:15px;	
}

#content_container h1,h2{
	color:#000; font-family: 'PiximisaRegular'; font-size:1.6em; margin-bottom:15px;
}

#content_container h3{
	color:#000; font-family: 'PiximisaRegular'; font-size:1.4em; margin-bottom:5px;
}

.main_text{
	color:#666; margin:10px 0; font-size:1.2em;
}

.enlarge_text{
	font-size:1.6em; font-weight:bold;	
}

.main_link{
	color:#666; font-weight:bold; text-decoration:none;
}

.main_link:hover{
	color:#000; text-decoration:underline;
}

/* 2 COLUMNS - POUR PAGE (2/3 et 1/3) ###################################################################################################################### */

#two_column_left{
	float:left; width:64%; max-width:64%; margin:5px 1%;
}

#two_column_right{
	float:right; width:32%; max-width:32%; margin:5px 1%;
}

/* NOUVELLES ################################################################################################################################ */

.news_item{
	position:relative; width:100%; margin-bottom:20px; color:#000;
}

.news_date_square{
	float:left; width:20%; padding-top:5px; padding-bottom:10px; text-align:center;
	background-color:#b8b6b4; margin-right:3%;
	
	font-size:1.6em; font-family: 'PiximisaRegular';
	
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    border-radius: 7px;
}

.news_date_square_page{
	float:left; width:12%; padding-top:5px; padding-bottom:10px; text-align:center;
	background-color:#b8b6b4; margin-right:2%;
	
	font-size:1.6em; font-family: 'PiximisaRegular';
	
    -moz-border-radius: 7px;
    -webkit-border-radius: 7px;
    -khtml-border-radius: 7px;
    border-radius: 7px;
}

.big_date{
	font-size:2em; font-family: 'PiximisaRegular'; line-height:0.6em;
}

.news_main_text{
	color:#666;	
}

.news_title{
	color:#000; font-weight:bold; margin-bottom:5px;
	text-transform:uppercase;
}

.news_link{
	color:#666; text-decoration:none;
}

.news_link:hover{
	text-decoration:underline;
}

/* CONTACT FORM ################################################################################################################################ */

.textfield{
	width:96%; height:25px; border:1px solid #cbcbcb; margin-bottom:5px;	
}

.textarea{
	width:96%; max-width:96%; height:75px; border:1px solid #cbcbcb; margin-bottom:5px;
}

.message_erreur{
	color:#F00; font-size:0.8em;	
}

#human{
	display:none;	
}

#submit{
	background-color:#e0e0df; border:1px solid #acacab;
	padding:5px; margin-top:5px; font-weight:bold;
	
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}

/* BOTTOM (FOOTER) ################################################################################################################################ */

#bottom_container{
	position:relative; width:100%; height:122px; z-index:5;	
}

#bottom_bg{
	position:absolute; top:0px; width:100%; height:122px; z-index:10;
	background-image:url(../images/topbg.png); background-repeat:repeat-x; background-position:top;
}

#bottom_upshadow{
	position:absolute; top:-25px; width:100%; height:25px;
	background-image:url(../images/bottom-upshadow.jpg); background-repeat:repeat-x;
}

#bottom_wrap{
	position:relative; width:1000px; height:122px; margin:0 auto; z-index:15;
	background-image:url(../images/bottom-bg.png); background-repeat:repeat-x;
	background-color:#ffcb06;
}

#bottom_wrap_94{
	position:relative; width:94%; height:122px; margin:0 auto; z-index:inherit; 	
}

#bottom_wrap_94 img{
	float:right;
}

#copyright_and_share{
	float:left; color:#000; font-weight:bold; margin-top:30px;
}

/* ################################################################################################################################ */

#Gallery a{
	float:left; margin-right:2px; margin-bottom:2px;	
}

.realisations_space{
	width:100%; margin-bottom:15px;	
}

/* ################################################################################################################################ */



/* ################################################################################################################################ */



/* ################################################################################################################################ */

	

/* ################################################################################################################################ */



/* ################################################################################################################################ */



/* # CLASSES ###################################################################################################################### */

.telephone{
	color:#000;	
	font-size:2em;
	font-family: 'PiximisaRegular';
}

.small_telephone{
	font-family: 'PiximisaRegular';
	color:#000;
	font-size:1em;	
}
.clear{
	clear:both;	
}

/* ################################################################################################################################ */