/*
Theme Name: Emailleurs de lanaudiere theme
Version: 1
Author: IZO WEB
*/

/*CSS DESIGN  BY IZOWEB.CA*/
@import "css/reset.css";
@import "css/layout.css";


/* FONTS
--------------------------------------------------------------------------------------- */
@font-face {
/*
    font-family: 'DistrictBold';
    src: url('inc/fonts/distth___-webfont.eot');
    src: url('inc/fonts/distth___-webfont.eot?#iefix') format('embedded-opentype'),
         url('inc/fonts/distth___-webfont.woff') format('woff'),
         url('inc/fonts/distth___-webfont.ttf') format('truetype'),
         url('inc/fonts/distth___-webfont.svg#DistrictBold') format('svg');
    font-weight: normal;
    font-style: normal;
*/
}
/*--------------------------------------------------------------------------------------- */

/*GENERAL CLASSES*/

body{
	background:url("images/bg.jpg") top center no-repeat #abb0b0;
	font-family:'Source Code Pro', arial;
}


a, a:link{color:#2d52a3;}
a:visited{color:#2d52a3;line-height:27px;}
a:hover, a:focus{color:#2d52a3;text-decoration:none;}
a:active{color:#2d52a3; text-decoration:none;}

h1, h2, h3, h4, h5, h6{
	font-family:'Source Code Pro', arial;
	color:#2d52a3;
	font-weight:600;
	margin-bottom:10px;
}

h1{ 
font-size: 23px;
/*line-height: 60px;*/
background: url("images/header_puce.png") top left no-repeat;
padding-left: 48px;
height: 40px;
padding-top:10px;
}
h1 a, h1 a:link, h1 a:visited{text-decoration:none;}

h2{font-size:16px; line-height:100%;}
h2 a, h2 a:link, h2 a:visited{text-decoration:none;}

h3{font-size:16px; line-height:100%;}
h3 a, h3 a:link, h3 a:visited{text-decoration:none;}

h4{font-size:14px; line-height:100%;}
h4 a, h4 a:link, h4 a:visited{text-decoration:none;}

h5{font-size:12px; line-height:100%;}
h5 a, h5 a:link, h5 a:visited{text-decoration:none;}

h6{font-size:12px; line-height:100%;}
h6 a, h6 a:link, h6 a:visited{text-decoration:none;}


a.logo:link,a.logo:active,a.logo:visited,a.logo:hover{
font-size: 0px;
text-indent:-1000px;
display: block;
width: 301px;
height:65px;
background:url("images/emailleurslanaudiereinc_logo.jpg") top left no-repeat;
margin:5px 0px 0px 10px;
padding:0px;
}
h1.logo{
background:none;
padding:0px;
height: 100px;
}

/*MENU*/

.page-item-215, .page-item-229{
border-right:1px solid black;
}

#topHeader{
width: 500px;
margin: auto;
position: relative;
top: 50px;
left: 25px;
}
div#topHeader ul li{float:left;}
div#topHeader ul li a:link,div#topHeader ul li a:active,div#topHeader ul li a:visited{
margin: 10px;
font-size: 24px;
text-transform: uppercase;
text-decoration: none;
letter-spacing: -2px;
color:black;
}

#topHeader ul li a:hover, #topHeader li.current_page_item a{
color:#2d52a3;
text-decoration:none;
}

#videoContainer{
	background:#353535;
	color:#ffffff;
	padding:5px;
}
.CTAbox{
width: 292px;
height: 115px;
color: black;
background: #9EACAD;
border: 7px solid #353535;
display: block;
float: left;
margin-right: 5px;
padding: 10px 5px 10px 3px;
}
.CTAboxLast{margin:0px;}

.both{clear:both;}

#container{
	width:954px;
	margin:auto;
	background:url("images/top_container_bg.jpg") top left no-repeat #ffffff;
	
	padding:17px 18px 50px 18px;
	
	/*min-height cross-browser supported*/ 	
	min-height:1000px;
	height:auto !important;
	height:1000px;
	line-height:24px;
	font-size:15px;
}


#topHeader{
	margin-bottom:20px;
	width:990px;
	margin:auto;
	height:200px;
}

nav{
	margin:10px 0px;
}
nav ul li{
	padding-right:10px;
}


#contenu{
	min-height:435px;
	height:auto !important;
	height:435px;
	
	width: 970px;
	padding: 0px 10px;
	font-size: 16px;
	font-family:'Source Code Pro', arial;
	line-height: 24px;
	margin-top:20px;
}




.realisationcolums{



}
.realisationcolums .left{
width: 638px;
margin-right: 20px;
float: left;
}
.realisationcolums .right{
width: 275px;
float: left;
border-left: 1px solid #E6E6E6;
padding: 20px 0px 0px 20px;
font-size: 14px;
line-height: 17px;
}
.realisationcolums .right ul{
list-style:disc;
padding-left: 20px;
}



#listerealisations ul li{
margin-bottom: 25px;
border-bottom: 1px solid #ECECEC;
padding-bottom: 15px;
width: 319px;
float: left;

}



.listeimg{
float:left;
}

.listeimg a:link,.listeimg a:active,.listeimg a:visited{
border:3px solid #C8CFE7;
display:block;
}

.listeimg a:hover{
border:3px solid #9CAEEB;
}

.listedescription{
float: left;
padding-left: 10px;
width: 190px;
line-height: 18px;
}
#detailpage h1.detailpage{
float: left;
width: 475px;
margin: 10px 10px 20px 0px;
line-height: 25px;
}
#detailpage div.img{
float: left;
margin: 0px 20px 10px 0px;
}

a.backLNK{

}

article{
/*
	margin-bottom:20px;
	padding:0px 20px;
	*/
}
article h1{
	margin-bottom:10px;
}
aside{
	width:220px;
	float:left;
}

#footerContainer{
    margin-top: 50px;
}
#webmaster{
	float:right;
}

a#copyLNK:link,
a#copyLNK:active,
a#copyLNK:visited{
	text-decoration:none;
}
a#copyLNK:hover{
	text-decoration:underline;
}



a.liresuiteLNK:link,
a.liresuiteLNK:active,
a.liresuiteLNK:visited{
	text-decoration:underline;
	text-style:italic;
	color:#2D52A3;
	float:right;
	margin-top:10px;
}
a.liresuiteLNK:hover{
	text-decoration:none;
}






/*
a#facebook:link,a#facebook:active,a#facebook:visited,a#facebook:hover{
	background:url("images/facebook.png") top left no-repeat;
    display: block;
    float: right;
    position: relative;
	padding-right:5px;
}
a#twitter:link,a#twitter:active,a#twitter:visited,a#twitter:hover{
	background:url("images/twitter.png") top left no-repeat;
    display: block;
    float: right;
    position: relative;
	padding-right:5px;
}
*/


#contact{
	padding:20px 20px 0px 20px;
}

.wpcf7 input,.wpcf7 textarea{
width:275px;
}
.wpcf7 .fileupload{
background: #DADADA;
width: 285px;
border: 1px solid #ACACAC;
}

.wpcf7 .wpcf7-submit{
background: #2B3345;
color: white;
border: 0px;
width: 95px;
padding: 5px 10px;
margin-top: 10px;
font-size:17px;
cursor:pointer;
}

#contact .wpcf7-not-valid-tip{
font-size: 10px;
left: 139px;
top: -27px;
border: none;
background: none;
color: red;
}


#IZOWebSignature{
font-family: 'Source Code Pro', arial;
font-size: 12px;
width: 990px;
background: url("images/footer_bg.png") top center no-repeat;
color: #696969;
font-size: 11px;
height: 15px;
margin: auto;
margin-top: -54px;
line-height: 26px;
padding: 29px 183px 10px 187px;
}

#IZOWebSignature a:link,#IZOWebSignature a:active,#IZOWebSignature a:visited{
	color:#696969;
	font-size:11px;
}
#IZOWebSignature a:hover{
	color:#696969;
}


.cboxPhoto{
width:1000px;
}