/**
 * Style sheet stylecommun
 */
html, body
{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
}

body
{
	background:#f1f1f1;
}

/* Centrage de l'interface */
#centrage
{
	width:1000px;
	margin-right:auto;
	margin-left:auto;
}

/* Liens d'accès rapides */
#liens_acces
{
	padding:5px 0px 5px 10px;
	font-size:0.9em;
	color:#999;
}

#liens_acces a
{
	text-decoration:none;
	color:#999;
}

#liens_acces a:hover
{
	text-decoration:none;
	color:#666;
}

/* Conteneur général */
#conteneur
{
	width:1000px;
	position:absolute;
	background:url(img/conteneur_bg.gif) repeat-y center;
}

/* Bandeau d'entête */
#entete
{
	width:1000px;
	height:255px;
	background:url(img/entete_bg.gif) no-repeat top center;
}

#entete a.logo
{
	width:200px;
	height:90px;
	position:absolute;
	display:block;
	margin:50px 0px 0px 15px;
	text-decoration:none;
	font-size:0.01em;
	background:url(img/logo.gif) no-repeat;
	text-indent:-10000em;
	z-index:4;
}

#entete a.logo:hover
{
	text-decoration:none;
	background:url(img/logo_over.gif) no-repeat;
}

#entete #bandeau
{
	width:997px;
	height:273px;
	background:url(img/bandeau.png) no-repeat 3px 0;
	_background:url(img/bandeau.gif) no-repeat 3px 0;
}

#entete #flash
{
	z-index:1;
}

#entete #flash_blog
{
	width:500px;
	height:200px;
	top:55px;
	left:500px;
	position:absolute;
	z-index:3;
}

#entete a.blog
{
	width:200px;
	height:163px;
	left:797px;
	top:92px;
	position:absolute;
	display:block;
	text-decoration:none;
	font-size:0.01em;
	background:url(img/blog.jpg) no-repeat;
	text-indent:-10000em;
	z-index:4;
}

#entete a.blog:hover
{
	text-decoration:none;
	background:url(img/blog_over.jpg) no-repeat;
}

/* Menu déroulant */
#menu
{
	width:994px;
	height:35px;
	margin-right:auto;
	margin-left:auto;
	border-top:1px solid #f1f1f1;
	background:url(img/menu_bg.gif) repeat-x top center;
}

#menu div.niv1
{
	float:left;
	display:inline;
	margin:0;
	padding:0;
	background:none;
}

#menu div.niv1 a
{
	height:35px;
	float:left;
	display:block;
	padding:0px 13px;
	border-right:1px solid #fff;
	text-decoration:none;
	font-variant:small-caps;
	font-size:1.1em;
	color:#fff;
	line-height:35px;
}

#menu div.niv1 a:hover, #menu div.niv1.over a
{
	height:31px;
	border-top:4px solid #f8d323;
	text-decoration:none;
	color:#fff2b4;
	line-height:27px;
}

#menu div.niv1 a.select, #menu div.niv1 a.select:hover
{
	height:31px;
	border-top:4px solid #f8be23;
	font-weight:bold;
	color:#98172a;
	line-height:27px;
	background:#f8d323;
}

#menu div.niv1 div.niv2
{
	left:-1000em;
	position:absolute;
	float:left;
	display:block;
	margin:35px 0px 0px 0px;
	padding:3px;
	border-top:0px solid #ffb6dc;
	border-right:1px solid #ffb6dc;
	border-bottom:1px solid #ffb6dc;
	border-left:1px solid #ffb6dc;
	background:#fff1f8;
	z-index:25;
}

#menu div.niv1 div.niv2 div.niv1
{
	width:95%;
	display:block;
	padding:5px 0px;
	background:none;
}

#menu div.niv1 div.niv2 div.niv1 a
{
	float:none;
	display:inline;
	padding:0px;
	border:0;
	font-size:1em;
	color:#790842;
	line-height:12px;
}

#menu div.niv1 div.niv2 div.niv1 a:hover
{
	color:#f00;
	line-height:12px;
}

#menu div.niv1 div.niv2 div.niv1 a.select
{
	font-weight:bold;
	background:none;
}

#menu div.niv1 div.niv2 div.niv1 a.select:hover
{
	font-weight:bold;
	color:#790842;
	background:none;
}

#menu div:hover.niv1 div.niv2
{
	left:0;
	display:block;
}

#menu div:hover.niv1 div.niv2 div
{
	float:none;
	clear:both;
}

#menu div:hover.niv1 div.niv2 div a
{
	width:90%;
}

/* Contenu de la page */
#contenu
{
	width:1000px;
	margin:0;
	padding-top:0;
	padding-right:0;
	padding-bottom:10;
	text-align:justify;
	line-height:16px;
	background:url(img/contenu_bg.jpg) bottom right no-repeat;
}

.ariane
{
	width:962px;
	height:27px;
	margin-left:3px;
	padding-left:32px;
	line-height:27px;
	background:url(img/ariane_bg.gif) #f7f8ff no-repeat 10px 5px;
}

.ariane strong
{
	color:#333333;
}

#contenu ul.ssmenu
{
	width:100%;
	display:block;
	padding:0;
	list-style-type:none;
	margin:0 0 10px 0;
	background:url(img/bg_ssmenu_ie.gif) 0 25px repeat-x;
}

#contenu ul.ssmenu li
{
	float:left;
	margin:0;
	padding:2px 6px;
	background:none;
}

#contenu ul.ssmenu li.select
{
	height:28px;
	display:block;
	background:url(img/bg_ssmenu_ie_select.gif) bottom center no-repeat;
}

#contenu ul.ssmenu li a
{
	padding:0;
}

#contenu ul.ssmenu li.select a, #contenu ul.ssmenu li.select a:hover
{
	font-weight:bold;
	text-decoration:none;
	color:#333;
}

.page .corps
{
	margin:10px 30px 5px 60px;
}

.page h1
{
	margin:10px 0px 20px 30px;
}

.page .corps h1
{
	float:none;
	clear:both;
	margin:5px 0px 15px -30px;
	padding:5px 0px 5px 57px;
	font-weight:normal;
	font-size:1.6em;
	background:url(img/puce_papillons.gif) 0 0 no-repeat;
}

.page .corps .contenu_droite
{
	width:300px;
	float:right;
	margin:10px;
}

.page .corps .contenu_droite p
{
	margin:10px;
}

.page .corps .contenu_gauche
{
	width:580px;
	float:left;
}

a.interet
{
	width:150px;
	height:26px;
	display:block;
	padding-left:27px;
	font-weight:bold;
	text-decoration:none;
	font-size:1.1em;
	color:#fff;
	line-height:26px;
	background:url(img/btn_interet.gif) no-repeat;
}

a:hover.interet
{
	text-decoration:none;
	color:#fff;
	background:url(img/btn_interet_over.gif) no-repeat;
}

/* Pied du conteneur */
#pied_conteneur
{
	width:990px;
	height:29px;
	padding:0px 10px 5px 0px;
	text-align:right;
	line-height:28px;
	background:url(img/pied_conteneur_bg.gif) top center no-repeat #f1f1f1;
}

#pied_conteneur a
{
	text-decoration:none;
}

#pied_conteneur a:hover
{
	text-decoration:none;
}

/* Pied de la page */
#pied_page p
{
	margin:0;
	padding:0px 0px 5px 0px;
}

#pied_page
{
	width:1000px;
	padding-bottom:30px;
	text-align:center;
	font-size:0.9em;
	color:#666;
	background:#f1f1f1;
}

#pied_page a
{
	text-decoration:none;
}

#pied_page a:hover
{
	text-decoration:none;
}

#pied_page p.adresse
{
	font-size:1.3em;
	color:#333;
}

#pied_page p.referencement
{
}

#pied_page p.referencement a
{
	color:#666;
}

#pied_page p.referencement a:hover
{
	color:#333;
}

/* Animation du bandeau */
#flash
{
	top:0;
	position:absolute;
	margin-top:-7px;
}

/* Zones de contenu */
#gauche
{
	width:400px;
	float:left;
	padding:10px 0px 10px 20px;
}

#gauche .corps
{
	margin-left:25px;
}

#gauche .corps h1
{
	margin-left:-25px;
}

#droite
{
	width:500px;
	float:left;
	padding:10px 0px 10px 30px;
}

#bas
{
	float:none;
	clear:both;
}

/* Actualités */
#actualites
{
	width:490px;
	margin-left:25px;
	background:url(img/actualites_bg.gif) no-repeat center bottom;
}

#actualites #actualites_top
{
	width:470px;
	padding:0px 10px;
	background:url(img/actualites_top.gif) no-repeat center top;
}

.actu
{
	float:none;
	clear:both;
	padding:10px 0px 5px 0px;
}

.actu p
{
	margin:0px 0px 5px 0px;
}

.actu .visuel
{
	width:100px;
	float:left;
}

.actu .resume
{
	width:340px;
	float:left;
	padding:0px 0px 0px 15px;
}

.zoom_visuel
{
	width:240px;
	height:180px;
	left:220px;
	top:0px;
	position:absolute;
}

/* Zones */
#references
{
	width:994px;
	height:143px;
	margin-left:3px;
	padding-top:20px;
	background:url(img/references_bg.gif) repeat-x bottom;
}

ul#mycarousel
{
	margin:0px;
	padding:0px;
	list-style-type:none;
}

.jcarousel-container
{
	width:100%;
	position:relative;
}

/* Masque d'affichage */
.jcarousel-clip
{
	width:904px;
	position:relative;
	overflow:hidden;
	margin-right:auto;
	margin-left:auto;
	padding:0px;
	z-index: 2;
}

/* Chaque référence */
.jcarousel-list
{
	top:0px;
	left:0px;
	position:relative;
	overflow:hidden;
	margin:0px;
	padding:0px;
	z-index: 1;
}

.jcarousel-list li, .jcarousel-item
{
	width:145px;
	height:110px;
	float:left;
	margin:14px 0px 0px 0px;
	padding:5px 40px 0px 40px;
	text-align:center;
	background:url(img/reference_visuel_bg.gif) no-repeat center center;
}

.jcarousel-list li a img
{
	border:0;
}

/* Boutons du caroussel */
.jcarousel-next
{
	display:none;
	z-index: 3;
}

.jcarousel-next-horizontal
{
	width:32px;
	height:32px;
	top:55px;
	right:25px;
	position:absolute;
	cursor: pointer;
	background: transparent url(img/references_btn_next.gif) no-repeat 0 0;
}

.jcarousel-next-horizontal:hover
{
	background-position: -32px 0px;
}

.jcarousel-next-horizontal:active
{
	background-position: -64px 0px;
}

.jcarousel-next-disabled-horizontal, .jcarousel-next-disabled-horizontal:hover, .jcarousel-next-disabled-horizontal:active
{
	cursor: default;
	background-position: -96px 0px;
}

.jcarousel-prev
{
	display:none;
	z-index: 3;
}

.jcarousel-prev-horizontal
{
	width:32px;
	height:32px;
	top:55px;
	left:20px;
	position:absolute;
	cursor: pointer;
	background: transparent url(img/references_btn_prev.gif) no-repeat 0 0;
}

.jcarousel-prev-horizontal:hover
{
	background-position: -32px 0px;
}

.jcarousel-prev-horizontal:active
{
	background-position: -64px 0px;
}

.jcarousel-prev-disabled-horizontal, .jcarousel-prev-disabled-horizontal:hover, .jcarousel-prev-disabled-horizontal:active
{
	cursor: default;
	background-position: -96px 0px;
}

/* Affichage du détail de la référence */
.texte_ref
{
	width:200px;
	position:absolute;
	padding:5px;
	text-align:left;
	border:1px solid #ddd;
	font-size:0.9em;
	background:#ffffe1;
}

.texte_ref p
{
	margin:0px;
	padding:0px;
}

/* DIVERS */
div.separator
{
	width:100%;
	height:1px;
	float:none;
	clear:both;
	font-size:1px;
}

/* Fiche référence */
div.fiche_reference
{
	float:none;
	clear:both;
}

div.fiche_reference div.ref_gauche
{
	width:520px;
	float:left;
}

div.fiche_reference div.ref_gauche div.ref_visuel
{
	width:440px;
	height:336px;
	background:url(img/galerie_bg_big.gif) no-repeat;
	margin:0 0 0 50px;
}

div.fiche_reference div.ref_gauche div.ref_visuel img
{
	position:absolute;
	margin:10px 0 0 10px;
}

div.fiche_reference div.ref_gauche p.nom_big
{
	text-align:center;
	font-weight:bold;
	font-style:italic;
}

div.fiche_reference div.ref_droite
{
	width:460px;
	float:left;
}

div.fiche_reference div.ref_droite div.ref_desc
{
	width:440px;
}

div.fiche_reference div.ref_droite div.ref_desc strong
{
	color:#000;
}

div.fiche_reference div.ref_droite div.ref_desc strong.rouge
{
	color:#b8081d;
}

div.fiche_reference div.ref_droite div.ref_details
{
	width:450px;
	height:107px;
}

div.fiche_reference div.ref_droite div.ref_details div.detail_mini
{
	width:138px;
	height:107px;
	float:left;
	padding:8px 0 0 9px;
	background:url(img/galerie_bg_detail.gif) no-repeat;
	cursor:pointer;
}

/* Liste de références */
div.filtrage_ref
{
	float:none;
	clear:both;
	padding-left:50px;
}

div.filtrage_ref form
{
	width:100%;
	margin:0;
	padding:0;
}

div.filtrage_ref form label
{
	width:auto;
	float:left;
	margin-right:5px;
	font-weight:bold;
}

div.filtrage_ref form input, div.filtrage_ref form select
{
	width:auto;
	float:left;
	margin-right:20px;
	font-size:11px;
	color:#333;
}

div.filtrage_ref form input.btn_s
{
	width:60px;
	height:28px;
	float:left;
	display:block;
	margin-top:-7px;
	text-align:center;
	border:0;
	font-weight:bold;
	color:#fff;
	line-height:24px;
	background:url(img/btn_s.gif) no-repeat;
	cursor:pointer;
}

div.liste_ref
{
	float:none;
	clear:both;
	padding-left:10px;
}

div.liste_ref div.ref_element
{
	width:210px;
	height:220px;
	float:left;
	padding:20px 10px 10px 20px;
	_padding:20px 5px 10px 20px;
}

div.liste_ref div.ref_element div.ref_element_img
{
	width:210px;
	height:159px;
	background:url(img/galerie_bg_vig.gif) no-repeat;
	padding:9px 0 0 10px;
}

div.liste_ref div.ref_element div.ref_element_img a img
{
	border:0;
}

div.liste_ref div.ref_element h2
{
	margin:0;
	text-align:center;
}

div.liste_ref div.ref_element h2 a
{
	text-decoration:none;
}

div.liste_ref div.ref_element p
{
	margin:0;
	text-align:center;
}

/* FORMULAIRE */
form
{
	width:560px;
}

form p
{
	float:none;
	clear:both;
	padding:10px 0 10px 0;
}

label
{
	width:220px;
	float:left;
	display:block;
	margin-right:10px;
	text-align:right;
	font-weight:bold;
	color:#91071c;
}

input, select
{
	width:280px;
	float:left;
	font-size:11px;
	color:#333;
}

textarea
{
	width:280px;
	float:left;
}

div.submit_container
{
	padding:0 0 0 290px;
}

input.submit
{
	width:161px;
	height:28px;
	float:left;
	display:block;
	border:0;
	font-weight:bold;
	color:#fff;
	line-height:24px;
	background:url(img/btn_l.gif) no-repeat;
	cursor:pointer;
	margin:10px 0 10px 0;
}

div.error
{
	display:block;
	font-weight:bold;
	font-style:italic;
	font-size:11px;
	color:#ff0000;
	margin:30px 0 0 240px;
}

span.asterisque
{
	height:10px;
	float:left;
	display:block;
	margin:0;
	padding:5px;
	font-weight:bold;
	color:#91071c;
	line-height:10px;
}