@charset "utf-8";
/* CSS Document */

body {
margin:0;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;


}
a {
	color: #d7e9f4;
	text-decoration: none;
}
.bleu_clair {
color: #d7e9f4;
}
.pasdebord {
border:0px
}
.form {
margin-top:0px;
margin-bottom:0px;
}
#retour {
position:absolute;
height:20px;
width:70px;
margin-left:5px;
z-index:3

}

#global {
position:relative;
width:980px;
height:620px;
margin-left:auto;
margin-right:auto;
text-align:left;
background-image:url(../images/fond.jpg)
/*background:#9f928b;*/
}
#lang {
position:absolute;
left:950px;
top:20px;

}

#accueil_assenceur {
margin-top:120px;
position:relative;
float:write;
margin-left:0px; 
width:24px;
height:86px;
}

#menu {
position:relative;
width:980px;
height :19px;
/*border:#0033CC 1px solid;
*/}
#menu_collection {
	position:absolute;
	top:88px;
	left:130px;
	width:130px;
	height:61px;
	z-index:5;
	visibility: visible;
/*border:#0033CC 1px solid;*/
}
#menu_close_1 {
	position:absolute;
	left:114px;
	top:90px;
	width:10px;
	height:61px;
	z-index:5;
/*border:#0033CC 1px solid;*/
}
#menu_close_2 {
	position:absolute;
	left:127px;
	top:133px;
	width:130px;
	height:10px;
	z-index:5;
/*border:#0033CC 1px solid;*/
}
#menu_close_3 {
	position:absolute;
	left:259px;
	top:90px;
	width:10px;
	height:61px;
	z-index:5;
/*border:#0033CC 1px solid;*/
}
#contenu {
position:relative;
width:978px;
height:480px;
padding-top:30px;
/*border:#0033CC 1px solid;*/
}
#mentions {
position:relative;
width:978px;
height:20px;
/*border:1px solid #FF0000;*/
text-align:right;
}
#bt_news {
width:264px;
height:13px;
position: absolute;
left:680px;
top:90px;
text-align:right;
z-index:3;

}
#caddie {
position:absolute;
width:240px;
height:55px;
left:700px;
top:5px;
z-index:3;
overflow:auto;
/*border:1px solid;*/
}
#bt_finaliser_commande {
position:relative;
width:200px;
text-align:center;
}
/******************** accueil ************************/
#accueil_photo {
position:relative;
width:349px;
height:349px;
margin-left:50px;
margin-top:50px;
float:left;

}

#accueil_droite {
position:relative;
width:480px;
height:349px;
margin-top:50px;
margin-left:15px;
float:left;
font-size:12px;
font-weight:bold;
line-height:28px;
color:#FFFFFF;
text-align:justify;
}
#accueil_vignettes {
position:relative;
width:480px;
height:100px;
margin-top:15px;
vertical-align:top;
text-align:center;

}
/********************  Historique ************************/
#historique_gauche {
position:relative;
width:450px;
height:468px;
margin-left:10px;
margin-top:0px;
float:left;

}
#historique_texte {
position:relative;
width:437px;
height:360px;
top:20px;
background-image:url(../images/fond_zone_texte.gif);
padding:5px;

}
#historique_container {
position:relative;
width:412px;
height:356px;
overflow:hidden;
float:left;
line-height:20px;
text-align:justify;
}
#historique_assenceur {
margin-top:250px;
position:relative;
width:24px;
height:86px;
float:left;
}
#histo_bt {
position:relative;
width:450px;
height:22px;
float:left;
top:30px;
text-align:right;
}

#historique_droite {
position:relative;
width:460px;
height:468px;
margin-top:0px;
margin-left:15px;
float:left;
font-size:12px;
font-weight:bold;
line-height:28px;
color:#FFFFFF;
text-align:justify;
}

#historique_diaporama {
top:20px;
position:relative;
width:460px;
height:405px;
text-align:center;
background-color:#ccc5c3;
color:#000000;
line-height:16px;
}
#diaporama_zone_photo {
position:relative;
width:460px;
height:345px;
vertical-align:middle;
text-align:center;

}

#historique_diaporama_desc {
position:relative;
width:460px;
height:20px;
}
/********************  Services Educatifs ************************/
#educatif_gauche {
/* ATTENTION UTILISE POUR LES LIENS */
position:relative;
width:460px;
height:438px;
margin-left:20px !important;
margin-left:10px;
margin-top:0px;
float:left;
/*border:1px solid #99FF33;*/

}
#educatif_droite {
/* ATTENTION UTILISE POUR LES LIENS */
position:relative;
width:460px;
height:392px;
margin-top:46px;
margin-left:15px;
float:left;
font-size:12px;
line-height:28px;
text-align:justify;
/*border:1px solid #CC6600;*/

}

.educatif_texte {
position:relative;
width:460px;
height:360px;
/*background-image:url(../images/fond_zone_texte.gif);*/
/*border:1px solid #CCFF66;*/
background-color:#9f928b;
}

.educatif_intro_photo {
position:relative;
width:150px;
height:150px;
/*border:1px solid #CCFF66;*/
float:left;
}
.educatif_intro_texte {
position:relative;
padding:10px;
width:280px;
height:130px;
font-weight:bold;
line-height:16px;
text-align:justify;
float:left;

}
#educatifs_bt {
position:relative;
margin-top:10px;
width:978px;
height:24px;
text-align:center;
float:left;
/*border:1px solid #CCFF66;*/
}

#educatif_container {
position:relative;
width:455px;
height:200px;
overflow:hidden;
line-height:20px;
text-align:justify;
/*border:1px solid #00FFCC;*/
float:left;
}
#educatif_assenceur {
margin-top:130px;
position:relative;
float:left;
/*margin-left:430px !important;*/
margin-left:0px; 
width:24px;
height:86px;
}
/*************************** LIENS *****************************************/
#liens_container {
position:relative;
width:455px;
height:400px;
overflow:hidden;
line-height:20px;
text-align:justify;
/*border:1px solid #00FFCC;*/
float:left;
font-weight:bolder;
background-image:url(../images/fond_zone_texte.gif);
}
#liens_assenceur {
margin-top:320px;
position:relative;
float:left;
/*margin-left:430px !important;*/
margin-left:0px; 
width:24px;
height:86px;
}
/****************************** ACTUALITES ************************************/

#actu_droite {
position:relative;
width:460px;
height:392px;
margin-top:40px;
margin-left:15px;
float:left;
font-size:12px;
line-height:28px;
}

#actu_une_fond {
position:relative;
width:460px;
height:405px;
background-image:url(../images/fond_zone_texte.gif);
}

#actu_une_titre {
position:relative;
width:460px;
height:25px;
}
#actu_intro_global {
position:relative;
width:460px;
height:155px;
/*border:1px dashed*/
}

#actu_une_intro_photo {
position:relative;
width:150px;
height:150px;
/*border:1px solid #CCFF66;*/
float:left;
}
#actu_une_intro_texte {
position:relative;
padding:5px;
width:280px;
height:140px;
font-weight:bold;
font-size:16px;
float:left;
/*border:1px solid #FF0000;*/
}


#actu_une_container {
position:relative;
width:460px;
height:240px;
overflow:hidden;
line-height:20px;
text-align:justify;
float:left;
font-weight:bold;
top:5px;
/*border:1px solid #FF0000;*/
}

#actu_une_assenceur {
margin-top:150px;
position:relative;
/*margin-left:430px !important;*/
margin-left:0px; 
width:24px;
height:86px;
float:left;
}
.actu_categorie{
position:relative;
width:460px;
height:80px;
/*border:1px solid #FF3333;*/
background-image:url(../images/fond_zone_texte.gif);
margin-bottom:10px;
}
.actu_cat_vignette {
position:relative;
width:80px;
height:80px;
float:left;
/*text-align:center;*/
/*border:1px solid ;*/
}
.actu_cat_txt {
position:relative;
width:330px;
height:80px;
float:left;
/*border:1px solid #336699;*/
padding-left:20px;
}
.actu_cat_fleche {
position:relative;
width:20px;
height:80px;
float:left;
/*border:1px solid #00FF99;*/
}
#bt_programe {
position:relative;
width:460px;
height:26px;
text-align:right;
}
#bt_act_prec {
position:absolute;
top: 450px;
left:100px;
width:200px;
height:26px;
text-align:right;

}
#bt_act_suiv {
position:absolute;
top: 450px;
width:200px;
left:250px;
height:26px;
text-align:right;

}
#archives {
position:absolute;
top: 450px;
width:96px;
left:0px;
height:26px;
text-align:right;
}

/***************************  Contact & Accés *******************************/
.decalage {
position:relative;
margin-left:10px;
margin-top:10px;

}
#formulaire {
position:relative;
width:400px;

}
#zone_google {
position:relative;
width:470px;
height:440px;
overflow:hidden;
/*border:1px solid #00FFCC;*/
float:left;

}

#contact_gauche {
position:relative;
width:450px;
height:438px;
margin-left:10px;
margin-top:0px;
float:left;
/*border:1px solid #99FF33;*/

}
#contact_container {
position:relative;
width:430px;
height:400px;
overflow:hidden;
line-height:20px;
float:left;
font-weight:bolder;
background-image:url(../images/fond_zone_texte.gif);
}

#contact_assenceur {
margin-top:280px;
position:relative;
float:left;
margin-left:0px; 
width:24px;
height:86px;
}
#contact_droite {
position:relative;
width:470px;
height:470px;
margin-top:0px;
margin-left:15px;
float:left;

}
#itineraire {
position:absolute;
top:500px;
left:480px;
width:350px;
height:20px;
font-weight:bold;
/*border:1px solid #00CC33;*/

}
/************************* Boutique ****************************************/
.alert {
	background-color: #FFFF66;
	font-weight: bold;
	
}
.titre_tab_commande {
color:#FFFFFF;

}
#boutique_moteur {
margin-left:50px;
position:relative;
width:350px;
height:100px;
/*border:1px solid #FF6633;*/
}
#boutique_droite {
position:relative;
width:460px;
height:392px;
margin-top:40px;
margin-left:15px;
float:left;
font-size:12px;
line-height:28px;
text-align:justify;
/*border:1px solid #CC6600;*/

}
#boutique_container {
position:relative;
width:455px;
height:270px;
padding-left:3px;
padding-top:3px;
overflow:hidden;
text-align:justify;
float:left;
background-image:url(../images/fond_zone_texte.gif);
}
#boutique_assenceur {
margin-top:180px;
position:relative;
float:left;
margin-left:0px; 
width:24px;
height:86px;
}
#commande_droite {
position:relative;
width:460px;
height:392px;
margin-top:40px;
margin-left:15px;
float:left;
font-size:12px;

}

#commande_assenceur {
margin-top:280px;
position:relative;
float:left;
margin-left:0px; 
width:24px;
height:86px;
}
#commande_container {
position:relative;
width:455px;
height:380px;
overflow:hidden;
float:left;
top:5px;
text-align:center;
/*border:1px solid #FFFF00;*/
}
#bt_recherche {
text-align:center;
width:350px;
margin-top:5px;
margin-bottom:0px;
}
.champ_cat {
width:310px;
}
.champ_cle {
width:305px;

}
#vitrine_container {
position:relative;
width:455px;
height:220px;
overflow:hidden;
line-height:20px;
text-align:justify;
float:left;
font-weight:bold;
top:5px;
/*border:1px solid #FFFF00;*/
}

#vitrine_intro_texte {
position:relative;
padding:5px;
width:280px;
height:160px;
font-weight:bold;
font-size:14px;
float:left;
/*border:1px solid #FF0000;*/
}

#vitrine_assenceur {
margin-top:130px;
position:relative;
/*margin-left:430px !important;*/
margin-left:0px; 
width:24px;
height:86px;
float:left;
/*border:1px solid #00FF00*/
}

.liste_liens {
	list-style-type: none;
	margin-top:0px;
}
/****************************** Catalogue *****************************/
#catalogue_gauche {
position:relative;
width:464px;
height:480px;
margin-top:0px;
margin-left:8px;
float:left;
font-size:12px;
/*text-align:justify;
*//*border:1px solid #CC3333;*/
}
#catalogue_intro {
width:450px;
height:100px;
color:#FFFFFF;
position:relative;
font-weight:bold;
line-height:25px;
/*border:1px solid #99FF33;*/

}
.conteneur_form_catalogue {
width:370px;
height:140px;
/*border:1px solid #99FF33;*/
margin-left:50px;
}
.champ_moteur {
width:370px;
height:13px;
}
.champ_moteur_liste {
width:375px;
height:25px;
}

.zone_bt_point_fort {
height:29px;
width:459px;
background-image:url(../images/fond_bt_points_forts.gif);
}

.zone_titre_pf {
height:18px;
width:400px;
float:left;
margin-top:5px;
}

.bt_detail_point_fort {
height:29px;
width:30px;
float:right;
/*border:1px solid #009999;*/

}
.texte__point_fort {
height:29px;
width:400px;
float:left;
font-size:14px;
line-height:28px;
font-weight:bold;


}
#catalogue_droite {
position:relative;
width:450px;
height:480px;
margin-top:0px;
margin-left:20px;
float:left;
font-size:12px;
font-weight:bold;
/*border:1px solid #CC3333;*/
}

#conteneur_oeuvre_mois {
position:relative;
width:465px;
height:200px;
background-image:url(../images/fond_zone_texte.gif);
/*border:1px solid;*/
}
#zone_photo_oeuvre_du_mois {
position:relative;
width:150px;
height:200px;
float:left;

}
#zone_texte_oeuvre_du_mois{
position:relative;
width:255px;
height:200px;
float:left;
margin-left:11px

}
.bt_detail_oeuvre_du_mois {
height:200px;
width:30px;
float:right;
line-height:170px;

}
.zone_dernieres_acquisitions {
height:80px;
width:459px;
background-image:url(../images/fond_derniere_aquisition.gif);
margin-bottom:10px;
}
#zone_photo_derniere_acq {
position:relative;
width:80px;
height:80px;
float:left;

}

.texte_dernieres_acquisitions {
height:77px;
width:320px;
float:left;
font-size:14px;
font-weight:bold;
margin-left:5px;

}
.bt_detail_dernieres_acquisitions {
height:79px;
width:30px;
float:right;
line-height:50px;

}
#bt_archive_acquisition {
height:22px;
width:459px;
position:relative;
text-align:right;

}


/****************************** Catalogue resultat *********************/

#conteneur_catalogue_result {
position:relative;
width:460px;
height:380px;
/*border:1px solid;*/

}
#catalogue_result_suiv {
position:relative;
width:450px;
height:25px;
margin-left:20px;
text-align:right;
}

#panier_alerte {
position:absolute;
top:160px;
left:50px;
width:400px;
height:130px;
border:2px solid #d7e9f4;
z-index:3;
visibility:hidden;
border-style:dashed;
background-image:url(../images/fond_zone_texte.gif);
text-align:center;
line-height:15px;


}



/****************************** Point fort *****************************/
.pf_gauche {
position:relative;
width:460px;
height:380px;
background-image:url(../images/fond_zone_texte.gif);
/*border:1px solid #CCFF66;*/
}
#pf_container {
position:relative;
width:455px;
height:380px;
overflow:hidden;
line-height:20px;
text-align:justify;
/*border:1px solid #00FFCC;*/
float:left;
padding-left:4px;
}
#pf_assenceur {
margin-top:300px;
position:relative;
float:left;
/*margin-left:430px !important;*/
margin-left:1px; 
width:24px;
height:86px;
}
#pf_droite {
/* ATTENTION UTILISE POUR LES LIENS */
position:relative;
width:460px;
height:385px;
margin-top:37px;
margin-left:15px;
float:left;
font-size:12px;
/*border: 1px solid*/
}
#pf_suiv {
position:relative;
width:460px;
height:25px;
margin-left:20px;
text-align:right;
}


/****************************** Biographie ***********************************/
#bio_flash {
position:relative;
width:600px;
height:300px;
/*border:1px solid;*/
margin-top:10px;
left:180px;

}
#bio_decouvrir {
position:relative;
margin-top:10px;
width:245px;
height:26px;
left:350px;
}
#bio_tete {
position:relative;
margin-top:10px;
width:980px;
height:103px;
background-image:url(../images/bio_tetes.png);
}

/********************************** Visite virtuelle ******************************/


#visite_titre {
position:relative;
width:483px;
height:64px;

}
#visite_flash {
position:relative;
width:600px;
height:300px;
margin-left:200px;
margin-top:50px;

}

/*********************************** Oeuvre ****************************************/
#oeuvre_gauche {
position:relative;
width:460px;
height:430px;
margin-left:20px !important;
margin-left:10px;
margin-top:0px;
float:left;
/*border:1px solid #99FF33;*/

}

#fiche_container {
position:relative;
width:455px;
height:400px;
overflow:hidden;
line-height:20px;
/*border:1px solid #00FFCC;*/
float:left;
}
.oeuvre_texte {
position:relative;
width:460px;
height:400px;
background-image:url(../images/fond_zone_texte.gif);
/*border:1px solid #CCFF66;*/
}
#fiche_assenceur {
margin-top:300px;
position:relative;
float:left;
/*margin-left:430px !important;*/
margin-left:0px; 
width:24px;
height:86px;

}
#oeuvre_droite {
position:relative;
width:460px;
height:385px;
margin-top:-25px;
margin-left:15px;
float:left;
font-size:12px;
}

