/************************************************** BALISES GENERIQUES ********************************************************/
*
{
	margin:0px;
	padding:0px;
	border:0px;
}
html
{
	background: #ffffff no-repeat;
}
body{
	width:100%;
	height:100%;
	margin:0px;
	padding:0px;
	font-family: arial,Tahoma, Arial, Helvetica, sans-serif,'Segoe UI';
	font-size: 10pt;
	color:#324862;
	text-align:justify;
}
p
{
	margin:0px;
	margin-bottom:10px;
	text-align:justify;
}
a
{
	color:#324862;
}
ul
{
	/*display:inline-block;*/
	padding-left:30px;
	margin-bottom:10px;
	list-style-position:inside;
}
table
{
	border-collapse:collapse;
	border:0px solid #FFFFFF;
}
tr
{
	border:0px solid #FFFFFF;
}
td
{
	border:0px solid #FFFFFF;
	text-align:left;
}
hr
{
	width:100%;
	height:1px;
	margin:auto;
	margin-top:10px;
	margin-bottom:10px;
	background-color:#b2b2b8;		
}
h1
{
	float:left;
	width:973px;
	height:28px;
	padding-top:5px;
	padding-left:5px;
	margin:5px 0px 5px 0px;
	background-color:#f9f9f9;
	border:1px solid #748c9a;
	font-size:22px;
	font-weight:normal;
	font-style:italic;
	border-radius: 5px 5px;
}
h2
{
	width:100%;
	margin:0px;
	margin-bottom:10px;
	font-weight:normal;
	font-size:20px;
}
h3
{
	margin:0px;
	margin-bottom:5px;
	font-weight:normal;
	font-size:18px;
}
h4
{
	margin:0px;
	margin-bottom:5px;
	font-weight:normal;
	font-size:16px;
}
h5
{
	margin:0px;
	margin-bottom:5px;
	font-weight:normal;
	font-size:14px;
}
h6
{
	margin:0px;
	margin-bottom:5px;
	font-weight:normal;
	font-size:12px;
}
h7
{
	margin:0px;
	margin-bottom:5px;
	font-weight:normal;
	font-size:10px;
}
form
{
	display:inline;
}
/***************************************************** CLASSES GENERIQUES *************************************************/
.tableau
{
	border:1px solid;
	margin:auto;
}
.tableau td
{
	border:1px solid;
}
.erreur
{
	font-weight:bold;
	color:#FF0000;
}
.important
{
	font-weight:bold;
}
.information
{
	font-size:10px;
	font-style:italic;
}
.EditeurTaille1
{
	font-size:12px;
}
.EditeurTaille2
{
	font-size:14px;
}
.EditeurTaille3
{
	font-size:16px;
}
.EditeurTaille4
{
	font-size:18px;
}
.EditeurTaille5
{
	font-size:20px;
}
.EditeurTaille6
{
	font-size:24px;
}
.EditeurTaille7
{
	font-size:26px;
}
.image_320x240_4x3
{
	display:block;	
	width:313px;
	height:235px;
	padding:3px;
	padding-bottom:8px;
	padding-right:10px;
	background: #FFFFFF url('./images/ombre_320x240_4x3.jpg') no-repeat bottom right;
}
.image_shadow
{
	border:2px solid #FFFFFF;
	box-shadow:0px 0px 10px #555555; 
	filter: progid:DXImageTransform.Microsoft.Shadow(color='#b6b6b6', Direction=135, Strength=4);
	zoom: 1;
}
.image_shadow2
{
	border:0px solid #FFFFFF;
	box-shadow: 0 3px 3px #989796;
}
.spacer
{
	display:block;
	visibility:hidden;
	clear:both;
	width:100%;
	height:0px;
	font-size:0px;
	margin:0px;
	padding:0px;
}
.centre
{
	text-align:center;
}
.cadre_demi
{
	width:980px;
	min-height:500px;
	background-image:url('./images/cadre_demi.jpg');
}
/****************************************************** STRUCTURES *************************************************************/
#conteneur
{
	margin:auto;
	width:980px;
}
#titre
{
	width:980px;
	height:80px;	
	margin:auto;
	text-align:left;
}
#titre h1
{
	float:left;
	width:500px;
	height:30px;
	margin:0px;
	padding:0px;
	font-size:32px;
	border:0px;
	background:none;
}
#titre h2
{
	float:left;
	width:500px;
	height:30px;
	margin:5px 0px 0px 0px;
	padding:0px;
	font-size:18px;
}
#adresse
{
	position:absolute;	
	width:280px;
	margin-left:700px;
	top:0px;
	overflow:hidden;
	text-align:right;
}
#langue
{
	position:absolute;
	width:200px;
	height:30px;
	margin-left:500px;
	top:15px;
	text-align:right;
}
#encart
{
	position:absolute;
	width:280px;
	height:100px;
	margin-left:700px;
	top:30px;
}
#bandeau
{
	width:980px;
	height:23px;
	margin:auto;
	padding-top:7px;
	overflow:hidden;
	background:url('./images/bandeau.png');
}
#recherche
{
	margin:auto;
	width:980px;
}
#menu_principal
{
	margin:auto;
	width:980px;
	overflow:hidden;
}
#corps
{
	width:980px;
	margin:auto;
}
#sous_menu
{
	float:left;
	width:200px;
	min-height:200px;
	margin:0px 6px 0px 6px;
}
#pied
{
	width:980px;
	margin:auto;
	text-align:center;
}
#pied a
{
	text-decoration:none;
}
#remonter
{
	float:left;
	width:100%;
	text-align:center;
}
/********************************************************** MENU *******************************************************************/
#menu_principal ul, #menu_principal li
{
	margin:0px;
	padding: 0px;
	list-style:none;
}
#menu_principal ul.niveau1
{
	width: 980px;
	height: 34px;
}
#menu_principal li
{
	float: left;
}
#menu_principal a { /* dimensions et définitions des boutons */
	display:block;
	height: 25px;
	padding-left:6px;
	padding-right:6px;
	padding-top:10px;
	font-size: 11pt;
	text-align: center;
	text-decoration: none;
}
#menu_principal a.encours
{
	text-decoration:underline;
}
#menu_principal a:hover {
	text-decoration:underline;
}
#menu_principal ul.niveau2
{
	visibility:hidden;
	position:absolute;
	margin:0px;
	width:150px;
	background-color:#FFFFFF;
	z-index:6;
}
#menu_principal ul.niveau2 li a
{
	width:150px;
	text-align:left;
}
#menu_principal li:hover ul
{
	visibility:visible;
}
/********************************************************* SOUS MENU *************************************************************/
#sous_menu ul, #sous_menu li
{
	margin:0px;
	padding: 0px;
	list-style:none;
}
#sous_menu ul.niveau1{
	width: 200px;
	position: relative;
	left: 0px;
	right:auto;
	bottom:auto;
	margin: 0px;
	padding: 0px;
	z-index:0;
}
#sous_menu li{
	float: left;	
}
#sous_menu li a {
	display:block;
	width:190px;
	height: 30px;
	padding: 0px;
	padding-top:10px;
	padding-left:10px;
	border-bottom:1px solid #e6e5e0;
	text-align: left;
	text-decoration: none;
	cursor:pointer;
	font-family: sans-serif; /* on définit la police de base dans la page */
	font-size: 12pt; /* on définit la taille de police de base dans la page */
} 
#sous_menu li a.encours
{
	width:182px;
	padding-left:20px;
	background-color:#FFFFFF;
	background-image:url('./images/sous_menu_actif.png');
}
#sous_menu ul.niveau2{
	margin-left:10px;
}
#sous_menu ul.niveau3{
	margin-left:10px;
}
#sous_menu h2
{
	width:182px;
	height: 30px;
	padding-left:20px;
	padding-top:10px;
	font-size: 12pt;
	text-align: left;
	font-weight:bold;
	background-image:url('./images/sous_menu_actif.png');
	border-bottom:1px solid #e6e5e0;
}
#sous_menu_galerie
{
	width:200px;
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
}
#sous_menu_actualite
{
	width:190px;
	height:110px;
	padding:5px;
	background-image:url('./images/sous_menu_actualite.png');
	overflow:hidden;
	margin-top:10px;
	margin-bottom:10px;
}
#sous_menu_actualite a
{
	text-decoration: none;
}
/******************************************************** BOUTONS ***********************************************************/
.bouton
{
	height:22px;
	padding-left:5px;
	padding-right:5px;
	background-color: #eeeeee;
	border: 1px solid #1e5490;
	margin:1px;
	line-height: 12px;
	cursor:pointer;
}
.bouton_gauche
{
	float:left;
	display:block;
	width:218px;
	height:26px;
	text-align:center;
	padding-top:8px;
	text-decoration:none;
	font-size:14px;
	background-image:url('images/bouton_inactif_gauche.png');
}
.bouton_gauche:hover
{
	background-image:url('images/bouton_actif_gauche.png');
}
.bouton_droite
{
	float:right;
	display:block;
	width:218px;
	height:26px;
	text-align:center;
	padding-top:8px;
	text-decoration:none;
	font-size:14px;
	background-image:url('images/bouton_inactif_droite.png');
}
.bouton_droite:hover
{
	background-image:url('images/bouton_actif_droite.png');
}
/****************************************************** FORMULAIRE *************************************************************/
.champ
{
	width:180px;
	height:16px;
	background-color: #eeeeee;
	border: 1px solid #1e5490;
	border-radius: 5px 5px;
	padding: 2px; 
	margin:1px;
	font-size:12px;
}
.champ.erreur
{
	background-color:#f6d0d0;
}
.champ.multiligne
{
	height:60px;
}
.champ_readonly
{
	width:180px;
	height:16px;
	background-color: #f8f8f8;
	border: 1px solid #cadef4;
	border-radius: 5px 5px;
	-moz-border-radius: 5px;
	color:#324862;
	padding: 2px; 
	margin:1px;
	font-size:12px;
	cursor:not-allowed;
	outline: 0px none;
}
.combo
{
	width:186px;
	background-color: #eeeeee;
	border: 1px solid #1e5490;
	border-radius: 5px 5px;
	padding: 2px; 
	font-size:12px;
}
.combo.erreur
{
	background-color:#f6d0d0;
}
.multiple_boite
{
	width:180px;
	height:60px;
	background-color: #eeeeee;
	border: 1px solid #1e5490;
	border-radius: 5px 5px;
	font-size:12px;
	padding:2px;
	overflow-x:hidden;
	overflow-y:scroll;
}
.multiple
{
	float:left;
	width:180px;
	height:20px;
}
.multiple input
{
	float:left;
	margin-right:2px;
}
.textarea
{
	width:400px;
	height:150px;
	background-color: #eeeeee;
	border: 1px solid #1e5490;
	border-radius: 5px 5px;
	padding: 2px; 
	margin:1px;
	font-size:12px;
}
.textarea.grand
{
	width:725px;
}
.textarea.erreur
{
	background-color:#f6d0d0;
}
/******************************************************* TOUTES RUBRIQUES *************************************************************/
#sous_menu_contenu
{
	float:left;
	width:100%;
	overflow:hidden;
}
#pied_contenu
{
	float:left;
	width:980px;
	overflow:hidden;
}
#encart_contenu
{
	float:left;
	width:100%;
	overflow:hidden;
}
.accroche
{
	float:left;
	width:735px;
	min-height:80px;
	padding:10px;
	padding-bottom:35px;
	background:url('./images/accroche.png') bottom no-repeat;
}
.gabarit_sc .accroche
{
	float:left;
	width:960px;
	min-height:80px;
	padding:10px;
	padding-bottom:35px;
	background:url('./images/accroche_980.png') bottom no-repeat;
}
.accroche img
{
	float:left;
	margin:0px 10px 5px 5px;
	border:1px solid #324862;
}
#oFormulaireContenu
{
	float:left;
}
/********************************************************** ACCUEIL *************************************************************/
#accueil_gauche
{
	float:left;
	width:580px;
	height:260px;
	background-image:url('./images/accueil_gauche.png');
	padding:10px;
	overflow:hidden;
}
#accueil_droite
{
	float:left;
	width:360px;
	height:260px;
	background-image:url('./images/accueil_droite.png');
	padding:10px;
	overflow:hidden;
}
#accueil_bas 
{
	float:left;
	width:960px;
	min-height:280px;
	padding:10px;
	background-image:url('./images/accueil_bas.png');
}
#accueil_actualite
{
	float:left;
	width:360px;
	height:260px;
	padding:10px;
	overflow:hidden;
	background-image:url('./images/accueil_actualite.png');
}
#accueil_actualite p
{
	margin-left:15px;
	text-align:left;
}
#accueil_phare
{
	float:left;
	width:980px;
	padding:10px;
	overflow:hidden;
}
/*********************************************************** MODULES **************************************************************/
/********************************************************** ACTUALITE *************************************************************/

/************************************************************ BLOG ***********************************************************/

/********************************************************** CATALOGUE **********************************************************/
#catalogue_ordre
{
	width:100%;
	float:left;
	text-align:right;
}
#catalogue_critere
{
	float:left;	
	width:725px;
	margin-bottom:5px;
	border:1px solid #d4d2ca;
	padding:5px;
}
.catalogue_critere_td1
{
	width:200px;
	font-weight:bold;
}
.catalogue_critere_td2
{
	width:400px;
}
/********************************************************** CATALOGUE FICHE **********************************************************/
.telechargement
{
	display:block;
	height:20px;
	padding-left:25px;
	margin-top:3px;
	background: url('./images/pdf.jpg') no-repeat bottom left;
}
#catalogue_ecommerce .stock.stock
{
	width:100px;
	height:20px;
	margin-left:20px;
	padding-left:25px;
	background: url('./images/stock_stock.png') no-repeat bottom left;
}
#catalogue_ecommerce .stock.commande
{
	width:100px;
	height:30px;
	margin-left:20px;
	padding-left:25px;
	font-size:12px;
	background: url('./images/stock_commande.png') no-repeat top left;
}
#catalogue_ecommerce .stock.rupture
{
	width:100px;
	height:30px;
	margin-left:20px;
	padding-left:25px;
	font-size:12px;
	background: url('./images/stock_rupture.png') no-repeat top left;
}
/********************************************************** CONTACT *************************************************************/
#contact_accueil
{
	float:right;
	width:735px;
	min-height:150px;
	padding:10px;
	padding-bottom:35px;
	margin-right:5px;
	background-image:url('./images/article.png');
	background-position:bottom;
	background-repeat:no-repeat;
}
/********************************************************** DOCUMENTS *************************************************************/
#document_corps
{
	width:820px;
	height:600px;
	margin: 0px;
	padding:0px;
	font-family: arial,Tahoma, Arial, Helvetica, sans-serif,'Segoe UI';
	font-size: 10pt; /* on définit la taille de police de base dans la page */
	background-color:#FFFFFF;
	overflow:auto;
}
#menu_document ul, #menu_document li
{
	margin:0px;
	padding: 0px;
	list-style:none;
}
#menu_document ul{
	width: 800px;
	height: 30px;
	background-color:#3c3c3c;
	margin-bottom:10px;
}
#menu_document li{
	float: left;
}
#menu_document li a { /* dimensions et définitions des boutons */
	display:block;
	height: 18px;
	padding-right:10px;
	padding-left:10px;
	padding-top:5px;
	font-size: 11pt;
	text-align: center;
	text-decoration: none;
	color:#FFFFFF;
}
#menu_document a.encours {
	text-decoration:underline;
}
#menu_document a:hover {
	text-decoration:underline;
}
/********************************************************** ECOMMERCE *************************************************************/
#livraison h2
{
	width:250px;
}
/************************************************************** INFO ***************************************************************/
.info_categorie
{
	float:left;
	width:940px;
	min-height:80px;
	padding:10px;
	padding-bottom:35px;
	margin-left:10px;
	margin-right:10px;
	background-image:url('./images/info_categorie.png');
	background-position:bottom;
	background-repeat:no-repeat;
	text-align:left;
}
.info_sous_categorie
{
	float:left;
	width:225px;
	min-height:70px;
	padding:5px;
	background:url('./images/info_sous_categorie.png') 0px 0px no-repeat;
}
.info_sous_categorie ul
{
	margin-top:5px;
	margin-left:10px;
}
/********************************************************** LIENS *************************************************************/
#lien .accroche a
{
	text-decoration:none;
}
/********************************************************** LIVRE OR *************************************************************/
#livre_accueil
{
	float:right;
	width:735px;
	min-height:150px;
	padding:10px;
	padding-bottom:35px;
	margin-right:5px;
	background-image:url('./images/article.png');
	background-position:bottom;
	background-repeat:no-repeat;
}
/********************************************************** PAGE *************************************************************/
textarea#contenu
{
	height:1000px;
}
.contenu
{
	min-height:377px;
}
.gabarit_cg #main,.gabarit_cd #main
{
	float:left;
	width:755px;
	margin:0px 6px 0px 6px;
}
.gabarit_sc #main
{
	width:980px;
}
.gabarit_cg #contenu,.gabarit_cg #contenu2,.gabarit_cg .contenu
{
	float:left;
	width:735px;
	padding:10px;
	padding-bottom:35px;
	margin-right:5px;
	background:url('./images/contenu.png') bottom no-repeat;
}
.gabarit_cd #contenu,.gabarit_cd #contenu2,.gabarit_cd .contenu
{
	float:right;
	width:735px;
	padding:10px;
	padding-bottom:35px;
	margin-left:5px;
	background:url('./images/contenu.png') bottom no-repeat;
}
.gabarit_sc #contenu,.gabarit_sc #contenu2,.gabarit_sc .contenu
{
	float:left;
	width:735px;
	padding:10px;
	padding-bottom:35px;
	width:960px;
	background:url('./images/contenu_980.png') bottom no-repeat;
}
/************************************************************ SITUATION *************************************************************/
#situation_accueil
{
	float:right;
	width:735px;
	min-height:150px;
	padding:10px;
	padding-bottom:35px;
	margin-right:5px;
	background-image:url('./images/article.png');
	background-position:bottom;
	background-repeat:no-repeat;
}
#situer_carte
{
	display:block;
	margin:auto;
	border:1px solid black;
	width:100%;
	height:400px;
}
#situer_carte div span
{
	position: absolute;
	top: 0px;
	right: 0px;
	padding: 0px;
	font-size: 5px;
	font-weight: bold;
}
/************************************************************* VIDEO ****************************************************************/
#video object
{
	display:block;
	margin:auto;
}
/************************************************************ VISITE *****************************************************************/
#visite embed
{
	display:block;	
	margin:auto;	
	width:640px;
	height:480px;
}
#visite object
{
	display:block;
	margin:auto;
	width:640px;
	height:480px;
}
#visite #visite_div
{
	display:block;	
	margin:auto;	
	width:640px;
	height:480px;
}
/************************************************************* GALERIE ***************************************************************/
.jcarousel-skin-pika{float:left;}
#thumbs img{width:0px;height:0px;}
#thumbs {overflow:auto; list-style:none; margin:0px;margin-top:10px; padding:0px;background-repeat:no-repeat;} 
#thumbs li {float:left;} 
#thumbs a {display:block;width:100px;height:100px;padding:3px;outline:none;background-position:center;background-repeat:no-repeat;} 
#thumbs a:hover, #thumbs a:focus {background:#FFFFFF;background-position:center;background-repeat:no-repeat;} 
#thumbs a.active {background:#FFFFFF;background-position:center;background-repeat:no-repeat;} 
#viewer {width:735px;display:block;margin:auto;margin-top:10px;text-align:center}