/*Par Serge Hebert (Qc) pour Le CONcepteur.ca*/

/*Pour me joindre shebert@leconcepteur.ca*/



/* **************** CSS Reset **************** */

*{

	margin: 0;

	padding: 0;

}



header, footer, section, hgroup, aside, nav, article, figure, figcaption, time, dialog {

	display: block;

 }



h1, h2, h3, h4, h5, h6, p, blockquote, form, label, ul, ol, dl, fieldset, address {

	margin:0;

	padding:0

}



img{

	border:0px;

	display:block;

}

/* **************** end reset **************** */





/* ------------- DIV CONSTRUCTION ------------- */

html {

	font-size:100%;

	margin:0;

	padding:0

}



html,body {

	color:#555555;

	font-size:14px;

	font-family:'Architects Daughter', Arial, Helvetica, sans-serif;

	background:url("imgs/fond_body.jpg") repeat-x scroll center top #FFF;

	width:100%;

	height:100%;

	min-height:100%;

	margin:0 auto;

	padding:0;

}

#body_master {

	display:none;

}



#principal

{

	background-image: url("imgs/fond_principal.jpg");

    background-position: center top;

    background-repeat: repeat-y;

    border: 0 solid #FFFFFF;

    height: auto;

    margin: 0;

    min-height: 100%;

    overflow: hidden;

    padding: 0;

    position: relative;

    width: 100%;

}



#structure

{

	background-image: url("imgs/fond_header.jpg");

	background-position:center top;

	background-repeat: no-repeat;

	height: auto;

    margin: auto;

    min-height: 100%;

    overflow: hidden;

    padding: 0px;

    position: relative;

    width: 100%;

    z-index: 10;

}

#contenair

{

	height: auto;

    margin: auto;

    min-height: 100%;

    overflow: hidden;

    padding: 0 0 240px;

    position: relative;

    width: 980px;

    z-index: 10;

}

header

{

	

	margin: 0px;

	padding:0px;

	height: 365px;

	width: 980px;

}

#top_header

{

	height: 260px;

    margin-left: 0px;

    margin-top: 52px;

    padding: 0;

    width: 980px;

}



nav

{

	background-image   : url("imgs/fond_menu.jpg");

	background-position: center bottom;

	background-repeat  : no-repeat;

	float              : left;

	height             : 103px;

	margin             : 0;

	width              : 755px;

}

nav a

{

	color         : #FFFFFF;

	font-family   : 'Scada',Helvetica,'Architects Daughter', Arial,sans-serif;

	font-size: 16px;

    margin-right: 12px;

	text-transform: uppercase;

}

#nav

{

    margin-left: 124px;

    margin-top: 73px;

}

#menu_footer #nav

{

	margin-left: 30px;

	margin-top: 0px;

}

section

{

	/*

	width: 608px;

	height: auto;

	min-height: 10px;

	float: left;

	overflow: hidden;

	margin-left: 53px;

	margin-top: 10px;

	*/

	height    : auto;

	margin    : 30px auto auto;

	min-height: 10px;

	overflow  : hidden;

	width     : 730px;

}

#idsection_contact

{

	width: 608px;

	height: auto;

	min-height: 10px;

	float: left;

	overflow: hidden;

	margin-left: 53px;

	margin-top: 10px;

}



aside

{

	float      : left;

	height     : auto;

	margin-left: 10px;

	margin-top : 7px;

	overflow   : hidden;

	width      : 295px;

	display    : none;

}

#idaside_contact { display: block !important; }



article

{

	background-image: url("imgs/fond_col_gauche.jpg");

	background-position: center bottom;

	background-repeat: repeat-x;

	border-bottom: 2px solid #EEEEEE;

	color: #555555;

	font-family: 'Architects Daughter', Arial,Helvetica,sans-serif;

	font-size: 13px;

	height: auto;

	margin: 0 0 20px;

	min-height: 150px;

	overflow: hidden;

	padding: 0 0 20px;

	width: 730px;

}

article header

{

	width: auto;

	height: auto;

	margin-bottom: 10px;

}

article header h1

{

	font-family: 'Scada','Doppio One',sans-serif;

	/*color:#333333;*/

	color:#65275a;

	font-size: 18px;

    text-transform: uppercase;

}

article header h2

{

	font-family: 'Architects Daughter', Arial, sans-serif;

	/*color:#808080;*/

	color:#eb7b18;

	font-size: 13px;

    text-transform: uppercase;

}

article p { 

	margin: 0;

    padding: 4px;

	padding-left:0px;

    text-align: justify;

    font-family: 'Architects Daughter', Arial, sans-serif;

}





figure

{

	border: 1px solid #D9D9D9;

    height: auto;

    margin: 0px;

    overflow: hidden;

    padding: 4px;

    width: 160px;

}



footer

{

	background-image: url('imgs/fond_footer.jpg');

	background-repeat: repeat-x;

	background-position: center top;

    bottom: 0;

    height: 200px;

    margin:auto;

    padding: 0;

    position: absolute;

    width: 100%;

    z-index: 15;

}

footer a

{

	border-bottom: 1px solid #7B3277;

    color: #7B3277;

    display: inline-block;

    height: 16px;

    padding-bottom: 1px;

    text-decoration: none;

    text-transform: none;

}

footer p

{

	color: #FFFFFF;

    font-family: Helvetica,'Architects Daughter', Arial,Helvetica,sans-serif;

    font-size: 14px;

    line-height: 19px;

}

#position_footer

{

	background-image: url('imgs/fond_pos_footer.jpg');

	background-repeat: no-repeat;

	background-position: center top;

	height: 240px;

	width: 100%;

	margin: 0px;

	padding: :0px;

	position: absolute;

}



	#contenu_footer, #menu_footer

	{

		width: 980px;

		height: auto;

		overflow: hidden;

		margin: auto;

		margin-top: 0px;

		position: relative;

	}

	#contenu_footer{ margin-top: 65px; }

/* ----------- FIN DIV CONSTRUCTION ----------- */





/* ************** DIV POSITIONNEMENT ************** */

hgroup  {

	height: 50px;

    margin-left: 0;

    margin-top: 0;

    width: 980px;

}

#site-title, #site-title  a  {

	background: url("imgs/img_siteweb.jpg") no-repeat scroll left center transparent;

    display: block;

    height: 52px;

    text-indent: -9999px;

    width: 288px;

    float: left;

}

#site-title { margin-left: 20px; }



#site-description, #site-description  a {

	background: url("imgs/img_sophro.jpg") no-repeat scroll left center transparent;

    display: block;

    float: left;

    height: 45px;

    text-indent: -9999px;

    width: 148px;

}

#site-description { margin-left: 100px; }



.postion_photos

{

	float:left;

	width:188px;

	height: auto;

	margin: 0px;

	padding: 0px;

}



.postion_texte

{

	float:left;

	height: auto;

	margin: 0px;

	padding: 0px;

}



ul, li {

    border: 0 none;

    margin: 0;

    padding: 0;

	list-style: none outside none;

}

#menu_footer ul, #menu_footer li {

    border: 0 none;

    margin: 0;

    padding: 0;

	list-style: none outside none;

	float: left;

}

 nav li 

 {

	float:left;

 }

 

.titre_02

{

	margin:0 0 12px;

	padding:0px;

	color: #000;

    font-family: 'Marck Script','Architects Daughter', Arial,Helvetica,sans-serif;

    font-size: 25px;

}





 #footer_contenu p

 {

	color: #FFFFFF;

    font-family: 'Architects Daughter', Arial,Helvetica,sans-serif;

    font-size: 11px;

    letter-spacing: 0.5px;

    line-height: 124px;

    text-align: center;

}

#footer_contenu a

{

	color: #FFFFFF;

    font-family: 'Architects Daughter', Arial,Helvetica,sans-serif;

    font-size: 12px;

	text-decoration: none;

}



.identifiant

{

	background-image: url("imgs/search_fond01.jpg");

	border          : 0 none;

	margin-top      : 5px;

	padding         : 8px 27px 8px 12px;

	width           : 180px;

	width           : 170px\9;

}

.tapezTexte

{

	background-image : url("imgs/fond_inputtexte.png");

	background-repeat: no-repeat;

	height           : 29px;

	width            : 383px;

}



a

{

	color          : #e64a22;

	font-family    : 'Architects Daughter', Arial,Helvetica,sans-serif;

	font-size      : 13px;

	text-decoration: none;

	outline: medium none;

}



a.lien{ font-size: 13px; }



#rappel_gratuit, #contact_rapide {

	height     : auto;

	margin-top : 2px;

	overflow   : hidden;

	width      : 300px;

	font-family: 'Architects Daughter', Arial,Helvetica,sans-serif;

	font-size  : 13px;

	color      : #555555;

}



#rappel_gratuit_top, #contact_rapide_top {

	background-image: url("imgs/rappel_gratuit_top.jpg");

	border          : 0 none;

	height          : 16px;

	margin-left     : 16px;

	width           : 284px;

}



#rappel_gratuit_contenu, #contact_rapide_contenu {

	background-image: url("imgs/rappel_gratuit_contenu.jpg");

	border          : 0 none;

	height          : auto;

	margin-left     : 16px;

	overflow        : hidden;

	padding-left    : 25px;

	text-align      : left;

	width           : 284px;

	display: none;

}



#rappel_gratuit_bottom, #contact_rapide_bottom {

	background-image: url("imgs/rappel_gratuit_bottom.jpg");

	border          : 0 none;

	height          : 21px;

	margin-left     : 16px;

	width           : 284px;

}



.contacttop

{

	color         : #fff;

	font-size     : 17px;

	/* margin-left: 215px; */

	margin-right  : 7px;

	margin-top    : 6px;

	float         : right;

}



/* ************ FIN DIV POSITIONNEMENT ************ */

/* hack Chrome / Safari */

@media screen and (-webkit-min-device-pixel-ratio:0) {

	footer

	{

		/*width:931px;*/

	}

}