/* ------------------------------------------------------------------------
	Reset
------------------------------------------------------------------------ */
a,:focus {
	outline: 0;
}

/* ------------------------------------------------------------------------
	Généralités
------------------------------------------------------------------------ */
body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-size: 62.5%;
	color: #000;
	background: #fff url(/img/fond-body.gif) left top repeat-x;
}

a{
	text-decoration: none;
	color: #3399cc;
}
a:visited {
	color: #3399cc;
}
a:hover, a:active {
	text-decoration: underline;
}

h1{
	padding: 0;	
	margin: 0;	
}

h1 a {
	display: block;
	width: 154px;
	height: 115px;
	background: url(/img/logo-francis-vachon.gif) no-repeat center center;
	text-indent: -9999px;
}
.titreen{
	background: url(/img/titre-francis-vachon-english.gif) no-repeat;
}
h2 {
	font-size: 2.6em;
	margin: 0;
	padding: 60px 0 16px;
	font-weight: normal;
}
h3 {
	font-size: 1em;
	margin: 0 0 10px 0;
}
p, form {
	margin: 0 0 1em 0;
	line-height: 1.3;
}
li{
	list-style: none;
	font-size: 0.92em;
}
ul{
	padding: 0;
	margin: 0;
}

form input {
	vertical-align: middle;
}
input.champ {
	width: 180px;
	margin-right: 5px;
	padding: 3px 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	border: 1px solid #ccc;
}
img {
	border: none;
}

.groupe:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .groupe {display: inline-block;}
/* Hides from IE-mac \*/ * html .groupe {height: 1%;} .groupe{display: block;} /* End hide from IE-mac */

#enrobage {
	position: relative;	
	width: 100%;
	background: url(/img/fond-page-large.jpg) center top no-repeat;
}

#page {
	padding: 110px 0 280px 0;
	position: relative;
	width: 960px;
	margin: 0 auto;
	text-align: left;
	font-size: 1.3em;
	background: url(/img/fond-contenu.jpg) 70% bottom no-repeat;	
}

#langue{
	position: absolute;
	height: 32px;
	line-height: 32px;
	padding: 0 20px;
	display: block;
	color: #fff;
	background: #000;
	top: 45px;
	right: 40px;
}

#langue:hover{
	color: #aaa;
}

/* ------------------------------------------------------------------------
	Colonne de gauche
------------------------------------------------------------------------ */
#col-gauche {
	width: 154px;
	padding: 0 41px 0 24px;
	float: left;
}

#col-gauche ul li{
	text-transform: uppercase;
	font-size: 0.75em;
}

#categories,
#categories2 {
	margin: 50px 0;
}

#categories ul li,
#categories2 ul li{
	background: #eeeeee;
	border-top: solid 1px #b2b2b2;
	border-bottom: solid 1px #b2b2b2;
	color: #939391;
	margin-top:2px;
}

#categories ul li.titre,
#categories2 ul li.titre{
	background: #b2b2b2 url(/img/bg-titre-liste.gif) 134px 9px no-repeat;
	border-bottom: solid 2px #fff;
	padding: 4px 12px;	
	color: #eeeeee;
	font-weight: bold;
	margin-bottom:-2px;
}

#categories2 ul li a,
#categories ul li a{
	display: block;
	padding: 6px 12px;
	color: #939391;
}

#categories ul li a:hover,
#categories2 ul li a:hover{
	text-decoration: none;
	background: #b2b2b2;	
	color: #eeeeee;	
}

#categories ul li a.active,
#categories2 ul li a.active{
	background: #3AACE2;
	color: #fff;
}

#navigation{
	margin: 50px 0 0 0;
}

#navigation ul li{
	border-bottom: solid 1px #b2b2b2;
}

#navigation ul li.premier{
	border-top: solid 1px #b2b2b2;	
}

#navigation ul li a{
	display: block;
	padding: 4px 12px;
	color: #939391;	
}

#col-gauche p.info{
	color: #000;	
	margin: 30px 0 0 0;
	padding: 4px 12px;
	font-size: 0.90em;	
}

#col-gauche p.info a{
	color: #000;	
}


/* ------------------------------------------------------------------------
	Colonne de droite
	------------------------------------------------------------------------ */
#col-droite {
	float: right;
	width: 700px;
	padding: 0 40px 0 0;
}

/* ------------------------------------------------------------------------
	Slideshow
------------------------------------------------------------------------ */

#slideshows{ width: 700px; height: 500px;	position:relative; }
.slideshow { width: 700px; height: 500px;	position:absolute; top: 0; left: 0; }
.slideshow .images { 
	text-align: center;
	position: relative;
	height: 100%;
	width: 100%;
}
.slideshow .images img { 
	display: none;
	position: absolute;
	left: 0;
	top: 0;
}
.slideshow a.back,.slideshow a.next{ position: absolute; top: 0; width: 50%; height: 100%; line-height: 500px; display: block; z-index: 9999;}
.slideshow a.back img,.slideshow a.next img{ display: none;}
.slideshow a.back{ left: 0; }
.slideshow a.next{ right: 0; text-align: right;}
.slideshow p.description { width: 680px; font-size: 0.94em; position:absolute; left:0; bottom:0; padding: 8px 10px; margin: 0; display: none; background: #000; color: #fff;}
	
}

/* ------------------------------------------------------------------------
	Contenu
------------------------------------------------------------------------ */
#contenu {
	float: right;
	padding: 0 0 0 22px;
}

#contenu ul{
	margin: 0 0 20px 10px;
}

#retourHaut {
	position:absolute;
	z-index: 100;
	visibility: hidden;
	display: block;
	width: 52px;
	height: 30px;
	background: #000;
}
#flash {
	position: absolute;
	top: 77px;
	left: 115px;
}
#noflash {
	margin: 60px;
}
#noflash * {
	margin: 1em 0;
	padding: 0;
}