/* ###############################################
######			Feuille de style 			######
######			Faubourg Contrecoeur		######
######					par		 			######
######			Stéphane Blanchard 			######
######			  Image et mots	 			######
################################################*/


/*################################################
######							 			######
######				layout.css 				######
######							 			######
################################################*/

/*	Normalizes margins/paddings	*/
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, p, pre, input, blocquote, th, td
{ margin:0; padding:0; }
p{ margin:0 0 10px 0;}

/*	Normalizes font-size for headers  */
h1, h2, h3, h4, h5, h6 { font-size:100%; }

/*	Normalizes font-size and font-weight to normal  */
address, caption, cite, code, dfn, em, strong, th, var
{ font-style:normal; font-weight:normal; }

/*  Remove list-style from list  */
ol, ul
{ list-style:none; }

/*  Remove borders and spacing from tables  */
table { border-collapse:collapse; border-spacing:0; }

/*  Remove border  */
fieldset, img { border:0; }

/*  left align text in caption  */
caption, th { text-align:left; }

/*  Remove quotation from marks from q */
q:before, q:after { content:''; }

/* CLEARFIX pour la fin des éléments flottants*/
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix {
    display: inline-block;
	background:#FFFFFF;
}

html[xmlns] .clearfix {
    display: block;
}

* html .clearfix {
    height: 1%;
}

.centre {
  margin-left: auto;
  margin-right: auto;
  width: 70%;
  text-align: left;
}

/*  WEBSITE STYLE  */

html { text-align:center; }

body {
position:relative;
width:980px;
margin:0 auto;
text-align:left;  }

div#content_aux{ clear:both; }
div#branding, div#content_aux{
width:100%; }

div#branding{
/*height: 182px;
position:relative;
z-index:10; */}

#url-images{ visibility:hidden;}

/*###########################################*/
/*##########   	 POUR LA HOME  	   ##########*/
/*###########################################*/
div#content.home{
/*position:relative;
height:auto;*/
width:100%;
background:#FFFFFF; }

div#content.home div#content_main {
/*position:absolute;*/
display:block;
float:left;
left:0;
width:565px;
padding:0; }

div#content.home div#content_main .text{
padding:1.8em 20px 20px 30px; }
div#content.home .googleAds{padding:0 0 0 30px; }


div#content.home div#content_sub {
display:block;
float:right;
width:370px;
padding:1em 15px 0 0; }


/*################################################
######							 			######
######			colorAndTypo.css 			######
######							 			######
################################################*/

/*  GENERIC :]  */

body {
background-color:#333333; 
font-family:"Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
}

div#content{
font-family:Helvetica, Arial, sans-serif;
line-height:1.2em;
font-size:0.9em;
background-color:#FFFFFF;
}

H1{
	font-size:1.6em;
	margin:0 0 13px 0;}

P strong{
font-weight:bolder;}

P A{
color:#333333;
font-weight:bolder;
}
P A:hover{
color:#c0262f;}

ul.listext li {
list-style:square;
margin: 5px 0px 10px 15px;
}
div#branding blockquote{
position:absolute;
top:-9999px; }

/*  IN DEPTH :]  */

div#content_aux, div#nav_main{ /*div#content, */
background:#FFFFFF; }

div#site_info {
background:url(../images/elements/cont_bot.jpg) no-repeat 0 0; }

div#branding {
/*background:url(../images/header_fr.jpg) no-repeat 0 0; */}

.img_header{}

.clear{ clear:both;}

/*###########################################*/
/*##########   LE MENU PRINCIPAL   ##########*/
/*###########################################*/

div#nav_main {
position:relative;
height:22px;
font-size:0.8em;
/*clear:both;*/
}
div#nav_main .navLine {
height:22px; }




/*###########################################*/
/*##########    LE MENU LANGUES	   ##########*/
/*###########################################*/
ul#nav_lang{
font-size:0.85em;
position:relative;
top:0;
left:93%;
margin:0;
width:130px;
height:22px;
}
ul#nav_lang li{
display:inline;
float:left;}

ul#nav_lang li a, ul#nav_lang li SPAN{
width:47px;
display:block;
color:#333;
text-decoration:none;
padding-top:5px;
}
ul#nav_lang li a:hover{
text-decoration:underline;
}
ul#nav_lang li#nav_lang{
background:url(../images/elements/nav_lang_barre.jpg) no-repeat 0px 9px;
padding-left:8px;
}


/*#######################################################*/
/*##########    		SECTION  HOME	   	   ##########*/
/*#######################################################*/
.home{ background:url(../images/fr/hp_cont_bkgr.jpg) no-repeat bottom; }

/*LE TEXTE PRINCIPAL*/
div#content.home div#content_main {
background:url(../images/elements/vertical_spacer.gif) no-repeat top right; }
div#content.home div#content_main H2{
font-size:1em;
padding:10px 0 10px 0; }
div#content.home div#content_main P{
text-align:justify; }
div#content.home div#content_main .textsmall{
font-size:0.7em; }
div#content.home div#content_main .inlineImage{
float:left; 
padding:0 10px 5px 0; }
div#content.home div#content_main .inlineImage2{
float:right; 
padding:0 0 5px 15px; }
div#content.home div#content_main .listFct{
height:90px; }


/*LA NEWS*/
div#content.home div#content_sub{
}
div#content.home div#content_sub H3{
font-size:1.5em;
line-height:1em;
color:#c0262f; }

div#content.home div#content_sub P{
text-align:justify;
color:#333333; }
div#content.home div#content_sub P.textsmall{
font-size:0.85em; }
div#content.home div#content_sub P strong{ font-weight:bolder; }


div#content.home div#content_sub .form{
	margin:0 10px 15px 0;
	border:1px solid #999999;
	padding:10px;
	}
div#content.home div#content_sub .form H4{
	padding:0 0 20px 0;
	}
div#content.home div#content_sub .form .formQuestion{
	padding:8px 0 0 0;
	margin:0;
	color:#333333;
	}
div#content.home div#content_sub .form .formCenter{
	padding:8px 0 0 40px;
	margin:0;
	color:#333333;
	}
div#content.home div#content_sub .imgGallery{margin:0 10px 15px 0;	}
div#content.home div#content_sub .title{ background:#232323; }
div#content.home div#content_sub .title h3{ 
	color:#ffffff;
	font-size:1em;
	font-weight:bold;
	padding:5px 0 5px 15px; 
	margin:0 0 5px 0;}
div#content.home div#content_sub .imgGallery .images a{
	margin:0px 13px 13px 0; }
div#content.home div#content_sub .imgGallery .images a .last{ 
	margin:0 0 13px 1px; }






/*#######################################################*/
/*##########    	SECTION LE CONTACT	       ##########*/
/*#######################################################*/

.contact{ 
clear:left;
background:url(../images/fr/contact_cont_bkgr.jpg) no-repeat bottom left;
}

div#content.contact .sub_line{
margin:0 0 0 0;
height:0;
/*border-bottom:1px solid #9C9C9C;*/ }
div#content.contact div#content_main{
padding:31px 10px 60px 38px; } 
div#content.contact div#content_main H2{
margin-top:1em;}
div#content.contact div#content_main H3{
font-size:1.3em;
margin-top:1em;}
div#content.contact div#content_main P{
margin:1em 0 1em 0;}
div#content.contact div#content_main .plan{
position:absolute;
float:right;
margin:-304px 0 0 340px;}

/*###########################################*/
/*##########    	LE FOOTER	   ##########*/
/*###########################################*/


#site_info{ 
padding-top:20px;
font-size:0.8em;
text-align:center;
color:#BABF6A;}
#site_info a, #site_info a:active, #site_info a:link, #site_info a:visited, #site_info a:hover { 
color:#BABF6A;}



/*###########################################*/
/*##########    	Autres		   ##########*/
/*###########################################*/

/* =si_clear_children - http://www.shauninman.com/archive/2004/07/21/absolute_clearance  */
.pc, .sc { position:absolute; top:0; left:0; }
.clear_children, .cc_tallest { position:relative; }
/*\*/ html .clear_children { display:inline; }/**/
.cc_tallest:after { content::'';}/*Prevents redraw bug in safari*/


/*   IMAGE ZOOM   */
div.imgzoom {
	line-height: 0;
	font-size: 0;

	z-index: 10;

	border: 5px solid #fff;
	margin: -5px;

	-webkit-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
	box-shadow: 0 0 20px rgba(0, 0, 0, 0.5);
}

	div.imgzoom a {
		background: url(../__common/gfx/icons/imgzoom-close.png) no-repeat;

		display: block;
		width: 44px;
		height: 45px;

		position: absolute;
		left: -22px;
		top: -22px;
		/* IE-users are prolly used to close-link in right-hand corner */
		*left: auto;
		*right: -22px;

		text-decoration: none;
		text-indent: -100000px;
		outline: 0;

		z-index: 11;
	}

	div.imgzoom a:hover {
		background-position: left -45px;
	}

	div.imgzoom img, 
	div.imgzoom embed, 
	div.imgzoom object, 
	div.imgzoom div {
		width: 100%;
		height: 100%;
	}