@charset "utf-8";
/* CSS Document */

* {border:0 none;margin:0;padding:0;}
a img a:hover, a:focus, a:active{border: none; outline: none; -moz-outline-style: none;}

.clear{
	clear:both;
}
body{
	color:#383838;
	line-height:25px;
	font-family:Helvetica, Arial, sans-serif;
	font-size:13px;
}

h1{
	color:#666666;
	font-size:16px;
	margin:0 0 25px 0;
}

h3{
font-size:16px;
font-weight:normal;
margin: 0 0 20px 0;
}
a{
color:#000000;}



/*menu*/
#header{
	background:url(../images/menu_bg.png) repeat-x top left transparent;
	position:fixed;
	top:0px;
	width:100%;
	z-index:30;
}

#menu{
	position:relative;
	z-index:30;
	top:0px;
	left:0px;
	height:58px;
	width:900px;
	margin:auto;
}
#menu ul li{
	display:block;
	float:right;
	list-style:non;
}
#menu ul li a{
	display:block;
	height:77px;
	color: #CCCCCC;
	border:none;
}
#menu ul li a p{
	display: none;
}

#menu ul li a#btn_a_propos{
width:156px;
background:transparent url(../images/btn_propos.png) no-repeat bottom left;
}
#menu ul li a#btn_a_propos:hover{
background:transparent url(../images/btn_propos.png) no-repeat top left;
}

#menu ul li a#btn_animation{
width:179px;
background:transparent url(../images/btn_anim.png) no-repeat bottom left;
}
#menu ul li a#btn_animation:hover{
background:transparent url(../images/btn_anim.png) no-repeat top left;
}

#menu ul li a#btn_imprime{
width:161px;
background:transparent url(../images/btn_imprime.png) no-repeat bottom left;
}
#menu ul li a#btn_imprime:hover{
background:transparent url(../images/btn_imprime.png) no-repeat top left;
}

#menu ul li a#btn_internet{
width:164px;
background:transparent url(../images/btn_internet.png) no-repeat bottom left;
}
#menu ul li a#btn_internet:hover{
background:transparent url(../images/btn_internet.png) no-repeat top left;
}


/*flash*/
div#conteneur_flash{
	background:#FFFFFF url(../images/flash.jpg) center bottom no-repeat;
	height:600px;
	margin:0 auto 400px auto;
	position:relative;
	z-index:0 ;
}
div#conteneur_flash div#flash{
	width:840px;
	height:285px;
	margin:auto;
	padding:258px 0 0 0;
	position:relative;
	z-index:0 ;
}


.conteneur_div_blc{
	background:url(../images/top_blanc_motif.jpg) repeat-x top #f4f4f4;
}
.conteneur_div_blc_first{
	background:url(../images/top_blanc_motif_first.jpg) repeat-x top #f4f4f4;
}


.div_blc{
	background: url(../images/colonne_blc.jpg) top left repeat-y #f4f4f4;
	width:900px;
	margin:auto;
}

.content_blc {
	background:url(../images/top_blc.jpg) top left no-repeat transparent;
	min-height:1000px;
	width:900px;
	margin:auto;	 
}
.content_blc_first {
	background:url(../images/top_blc_first.jpg) top left no-repeat transparent;
	min-height:1000px;
	width:900px;
	margin:auto;	 
}



.conteneur_div_gris{
	background:url(../images/top_gris_motif.jpg) repeat-x top #d7d7d7;
}

.div_gris{
	background: url(../images/colonne_gris.jpg) top left repeat-y #d7d7d7;
	width:900px;
	margin:auto;
}

.content_gris {
	background:url(../images/top_gris.jpg) top left no-repeat transparent;
	min-height:1000px;
	width:900px;
	margin:auto;	 
}



.colonne_gauche{
	width:388px;
	float:left;
	position:relative;
	z-index:10;
}
.colonne_gauche div.texte_gauche{
	padding:230px 40px 30px 40px;
}
/*
.colonne_gauche img.illustration{
	display:block;
	position:absolute;
	top:300px;
	left:0px;
}*/

.colonne_droite{
	float:right;
	width:450px;
}

.colonne_droite img.titre{
	padding:80px 0 50px 0;
	display:block;
	width:100%;
}
.colonne_droite .texte{
	padding:220px 0 50px 0;
	display:block;
	width:100%;
}





#conteneur_footer{
	height:76px;
	background:url(../images/footer_motif.jpg) repeat-x top transparent;
}

#footer{
	height:76px;
	background:url(../images/footer.jpg) no-repeat top left transparent;
	width:900px;
	margin: auto;
}
#footer p{
	text-align:center;
	padding:40px 0 0 0;
}



.galerie{
	width:450px;
}

.galerie a{
	display: block;
	float:left;
	margin:10px;
}

.galerie a.thumb_invisible{
display:none;
}

.fancybox-title-over a{
	color:#FFFFFF;
}