body{margin:0; border:0; padding:0;background-attachment:fixed;}
.spip_documents img { border: 0; }

/* ------------------------------------------ ------------------------------------------ ------------------------------------------ */
/* Typographie generale (style transversaux)
/* /* ------------------------------------------ ------------------------------------------ */
html { font-size: 100%; font-family: 'Merriweather', 'merriweather_sansregular', serif; }
h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; font-weight:normal;}
h1 {font-size: 21px;font-family: 'merriweatherbold'; font-weight: 700;color:#280505;line-height: 33px;}
h2 { font-size: 21px;font-family:'merriweatherbold'; font-weight: 700;color: #CCCCCC;line-height: 33px;}
h4{font-size: 18px;font-family: 'merriweather_sansbold'; font-weight: 400;color: #FFFFFF;text-align: left;}
h4.presentation{font-size: 18px;font-family: 'merriweatherbold'; font-weight: 400;color: #280505;text-align: left;}
h3 { font-size: 12px;font-family: 'merriweather_sansregular'; font-weight: 400;padding-top:4px;color:#9E1212;}
h5 {font-size: 21px; font-family: 'merriweatherbold'; font-weight: 400;color: #FFFFFF; margin-top:-5px;; padding:0;line-height: 33px;}
h6 { font-size: 12px;font-family: 'merriweather_sansregular'; font-weight: 400;color: #FFFFFF; line-height: 15px;}

/* texte blanc verdana ex page sommaire ---------------------------------------------- */
.texte_2 {font-size: 12px;line-height: 17px;font-family: 'merriweather_sansregular'; font-weight: 400;color:#FFFFFF;text-align: left;}

 /* texte brun =texte gˇnˇrale---------------------------------------------- */
.texte_3{font-size: 12px;line-height: 17px; font-family: 'merriweather_sansregular'; font-weight: 400;color:#280505;text-align: left;}

a { color:#280505; text-decoration: none; list-style: none;outline:none; font-family: 'merriweather_sansregular';}
a:focus,a:hover,a:active { color: #280505; text-decoration: none; list-style: none;font-family: 'merriweather_sansregular';font-weight: 400;}
a.newsletter {text-decoration: none; list-style: none;outline:none;font-family: 'merriweather_sansregular';font-weight: normal;font-size: 11px;}
a.newsletter:hover {text-decoration: none; list-style: none;outline:none;color:#CCCCCC;}
a.newsletter2 {text-decoration: none; list-style: none;outline:none;font-family: 'merriweather_sansregular';font-weight: normal;font-size: 11px;color:#280505;}
a.newsletter2:hover {text-decoration: none; list-style: none;outline:none;font-family: 'merriweather_sansregular';font-weight: normal;font-size: 11px;color:#280505;}
a.spip_out {color:#3E4B54; text-decoration: none; list-style: none;outline:none}

.hyperlien { display : inline ;  font-weight: normal; color:black;  }
.ps, .notes { margin-bottom: 2em; line-height: 1.40em; }
.notes { clear: both; font-size: 0.90em; }
bold { font-weight: 700; }; em { font-style:italic; }
small{font-size: 10px;}
ins { color: red !important; text-decoration: none; }
blockquote.spip {   border:none; padding-left:1em; border-left: 1px dotted; }

.spip_doc_inner{padding:0; margin:0;}

/* ------------------------------------------ ------------------------------------------ ------------------------------------------ */
/* le menu de rubriques + nom du site+ bouton facebook&newsletter
/* ------------------------------------------ ------------------------------------------ ------------------------------------------ */

#navigation /* le rectangle couleur*/
{ border-left: 0;width:350px;height:205px;background-color:#280505;}

#navigation_Galerie /* le rectangle couleur*/
{ border-left: 0;width:350px;height:205px;background-color:#FFFFFF;}

#entete /*le carrˇ pour le titre du site*/
{float:left;display:block;height: 190px;width: 190px;padding-left:10px;margin:0px;}

#nom_site_spip /* le nom du site*/
{float:left;font-size: 34px; font-family: 'merriweatherbold'; font-weight: 400;font-style: normal;color:#FFFFFF;line-height:38px;margin-top: 15px;}
#nom_site_spip_Galerie 
{float:left;font-size: 34px;font-family: 'merriweatherbold'; font-weight: 400;font-style: normal;color: #280505;line-height:38px;margin-top: 15px;}

.menu_1_2 {float:left;position:relative;padding: 0;margin:0;height: 180px;width: 150px;display:block;}
.menu_rubriques /* Position et couleur typo de la rubrique*/
{padding:35px 0px 5px 0px;text-align: left;width:auto;font-size: 11px;color: #FFFFFF; font-family: 'Merriweather Sans'; font-weight: 400;list-style: none;float:left;}
.menu_rubriques_Galerie
{padding:35px 0px 5px 0px;text-align: left;width:auto;font-size: 11px;color: #280505; font-family: 'Merriweather Sans'; font-weight: 400;list-style: none;float:left;}

.menu_rubriques ul { line-height: 14px; padding: 0;margin:0; list-style: none; color: #FFFFFF;}
.menu_rubriques ul li {  padding:0;margin:0;list-style: none; color: #FFFFFF;}
.menu_rubriques a {color: #FFFFFF;}
.menu_rubriques_Galerie ul { line-height: 14px; padding: 0;margin:0; list-style: none; color: #FFFFFF;}
.menu_rubriques_Galerie ul li {padding:0;margin:0;list-style: none; color: #FFFFFF;}
.menu_rubriques_Galerie a {color: #280505;}

/* survol couleur de la rubrique*/
.coulrubric1 a:hover  {color: #000000;background-color:#cebfb1;font-weight: 400;  text-decoration: none;padding-right:77px;}
.coulrubric2 a:hover  { color:#000000;background-color:#a8b9c9; font-weight: 400; text-decoration: none;padding-right:115px;}
.coulrubric12 a:hover { color: #FFFFFF;background-color:#666666;font-weight: 400;  text-decoration: none;padding-right:115px;}
.coulrubric14 a:hover {color: #000000;background-color:#8b92a4; font-weight: 400; text-decoration: none;padding-right:117px;}
.coulrubric13 a:hover {color: #000000;background-color:#c3b79a;font-weight: 400; text-decoration: none;padding-right:47px;}
.coulrubric16 a:hover {color: #000000;background-color:#92877d; font-weight: 400;text-decoration: none;padding-right:52px; }
.coulrubric10 a:hover { color: #000000;background-color:#E3DED9;font-weight: 400;  text-decoration: none;padding-right:12px;}
.coulrubric15 a:hover {color: #000000;background-color:#bdbeac; font-weight: 400;text-decoration: none;padding-right:42px; }
.coulrubric7 a:hover { color: #000000;background-color:#c0b8a2; font-weight: 400; text-decoration: none;padding-right:83px; }

/* survol qui reste de la rubrique*/
.coulrubric1  a.on  {color: #000000;background-color:#cebfb1; font-weight: 400; text-decoration: none;padding-right:77px;}
.coulrubric2  a.on   {color: #000000;background-color:#a8b9c9; font-weight: 400; text-decoration: none;padding-right:115px;}
.coulrubric12 a.on  {color: #FFFFFF;background-color:#666666;font-weight: 400; text-decoration: none;padding-right:115px; }
.coulrubric14 a.on {color: #000000;background-color:#8b92a4;font-weight: 400; text-decoration: none;padding-right:117px; }
.coulrubric13 a.on  {color: #000000;background-color:#c3b79a;font-weight: 400; text-decoration: none;padding-right:47px; }
.coulrubric16 a.on {color: #000000;background-color:#92877d;font-weight: 400; text-decoration: none;padding-right:52px; }
.coulrubric10 a.on {color: #000000;background-color:#E3DED9;font-weight: 400; text-decoration: none;padding-right:12px; }
.coulrubric15 a.on {color: #000000;background-color:#bdbeac; font-weight: 400;text-decoration: none;padding-right:42px; }
.coulrubric7  a.on{color: #000000;background-color:#c0b8a2; font-weight: 400; text-decoration: none;padding-right:83px; }

.bouton_newsletter_Facebook
{border-left: 0;width:340px;height:auto;padding:2px 0 2px 10px;text-align:left;
margin-top:1px; background-color:#280505; color: #FFFFFF;}
.bouton_newsletter_Facebook_Galerie
{border-left: 0;width:340px;height:auto;padding:2px 0 2px 10px;text-align:left;
margin-top:1px; background-color: #FFFFFF; color: #280505;}

/* ------------------------------------------ ------------------------------------------ ------------------------------------------ */
/* la page newsletter
/* ------------------------------------------ ------------------------------------------ ------------------------------------------ */
#newsletter
{background-image:url(../IMG/logo2.png);width: 1060px;height:auto;  float: left; 
border-top-style: solid;border-top-width: 3px;border-top-color: #FFFFFF;}
.partage
{border-left: 0;width:330px;height:auto;padding:0px; float:right;}
.newsletter
{margin:0 auto;text-align:center;margin-top:180px; margin-bottom:250px;width:480px;height:auto;color: #FFFFFF;}
.newsletter2
{border-left: 0;width:345px;height:auto;padding:2px 0 2px 5px;text-align:left;
margin-top:1px;background-color:#FFFFFF;}

/* ------------------------------------------ ------------------------------------------ */
/* Les bloc menu et pagination Atelier-Extrait-Galerie-Image-Parloir-Volumen_crhonique-Bibilotheque
/* ------------------------------------------ ------------------------------------------ */

#article_disponible_Atelier {width: 330px; height:15px;display: inline;margin:0;line-height: 18px;}
#article_disponible_Atelier ul{margin:0;padding:0;display:inline;list-style-type:none;}

#article_disponible_diaporama_volumen {width: 330px; height:15px;display: inline;line-height: 18px;}
#article_disponible_diaporama_volumen ul {margin:0;padding:0;display:inline;list-style-type:none;}

#article_disponible_Parloir{width: 110px; height:15px;display:block;margin:0; }
#article_disponible_Parloir ul{margin:0;padding:0;display:inline;list-style-type:none;}

.menu_atelier {float: left;width: 223px;display:inline;}
.menu_atelier a {float: left;width: 223px;margin-top:1px;padding:1px;display:inline;font-size:9px;
font-family: 'merriweather_sansregular';font-weight: normal;color: #FFFFFF;background-color:#999999;}
.menu_atelier a:hover {color: #999999;background-color: #FFFFFF;}

.menu_atelier_Galerie
{float: left;width: 238px;display:inline;}
.menu_atelier_Galerie a {float: left;width: 236px;margin-top:1px;padding:1px;display:inline;font-size:9px;
font-family: 'merriweather_sansregular';font-weight: normal;color: #999999;background-color:#FFFFFF;}
.menu_atelier_Galerie a:hover {color:#FFFFFF;background-color: #999999;;}	
	
.menu_atelier_Dessins
{float: left;width: 236px;display:inline;}
.menu_atelier_Dessins a {float: left;width: 236px;margin-top:1px;padding:1px;display:inline;font-size:9px;
font-family: 'merriweather_sansregular';font-weight: normal;color: #FFFFFF;;background-color:#c9bfa5;}
.menu_atelier_Dessins a:hover {color: #FFFFFF;background-color:#938970;}

.menu_atelier_imglabiche
{float: left;width: 236px;display:inline;}
.menu_atelier_imglabiche a {float: left;width: 236px;margin-top:1px;padding:1px;display:inline;font-size:9px;
font-family: 'merriweather_sansregular';font-weight: normal;color: #FFFFFF;background-color:#81776f;}
.menu_atelier_imglabiche a:hover {color: #FFFFFF;background-color:#544c46;}

.menu_atelier_Volumen
{float: left;width: 236px;display:inline;}
.menu_atelier_Volumen a {float: left;width: 236px;margin-top:1px;padding:1px;display:inline;font-size:9px;
font-family:'merriweather_sansregular';font-weight: normal;color: #FFFFFF;background-color:#b4B5A5;}
.menu_atelier_Volumen a:hover {color:#FFFFFF;background-color:#6e6f5e;}

.date_atelier 
{float:left;width: 100px;padding-left:2px;display:inline;font-size: 9px; font-family: 'merriweather_sansregular';
font-weight: normal;color:#CCCCCC;background-color: #999999;margin-top:1px;padding:1px;}

.date_Galerie 
{float:left; width:100px;padding-left:2px;display:inline;font-size: 9px; font-family: 'merriweather_sansregular';font-weight: normal;
color: #999999;background-color:#FFFFFF;padding:1px;margin-top:1px;}

.date_dessins
{float:left; width:100px;display:inline;font-size: 9px; font-family: 'merriweather_sansregular';font-weight: normal;
color: #FFFFFF;background-color:#c9bfa5;padding:1px;padding-left:2px; margin-top:1px;}

.date_imglabiche
{float:left; width:100px;display:inline;font-size: 9px; 
font-family: 'Merriweather Sans';font-weight: normal;color: #FFFFFF;background-color:#81776f;padding:1px;padding-left:2px;margin-top:1px;}

.date_Volumen
{float:left; width:100px;display:inline;font-size: 9px; 
font-family: 'merriweather_sansregular';font-weight: normal;color: #FFFFFF;background-color:#b4B5A5;padding:1px;padding-left:2px;margin-top:1px;}

.date_Parloir
{float:left; width:110px;display:inline;line-height: 18px;}
.date_Parloir a {font-size: 10px; font-family: 'merriweather_sansregular';font-style: normal;
color: #FFFFFF;padding:1px;margin-top:1px;line-height: 20px;}
.date_Parloir a:hover {font-size: 11px;font-style: italic;}

abbr.published2 {border: 0; color: #000000;}
.pagination2 {float:right;height: 15px;width: auto;font-size: 11px; font-family: 'merriweather_sansregular';font-weight: normal;margin-top: 10px;}
.pagination {font-family: 'merriweather_sansregular';font-weight: normal;color:#FFFFFF;height: 20px;width:auto;font-size:12px;display: inline;
float:right;padding: 0px 20px 20px 20px;}

li.pagination-item{display:inline;}

/* ------------------------------------------ ------------------------------------------ ------------------------------------------ */
/* Liseuse pour galerie/image/volumen 
/* ------------------------------------------ ------------------------------------------ ------------------------------------------ */

#text_galerieglobal{float:left;width:340px;height: auto;}
.titre_liseuse {position:relative;width:320px;height:65px;}
#contenu{padding: 0px 0px 0px 0px;}  

#support        
{width:320px;float:left;position:relative;height: 180px;margin-bottom:1px;font-size: 12px;line-height: 18px;
font-family: 'merriweather_sansregular';font-weight: normal;text-align: left;overflow:hidden;}

.liseuse{float:left;display:block;height:20px;}

/* ------------------------------------------ ------------------------------------------ ------------------------------------------ */
/* la page sommaire
/* ------------------------------------------ ------------------------------------------ ------------------------------------------ */
#conteneur_sommaire
{height:auto;width:1055px;float:left;padding-bottom: 20px;}

.contenu_1
{width:330px;float:left;height: auto;margin-right:1px;background-color: #280505;
border-top-style: solid;border-top-width: 3px;border-top-color:#FFFFFF;
padding:10px 10px 10px 10px;}

.contenu_2a
{width:330px;height:auto;float:left;margin-right:1px;margin-bottom:1px;background-color: #280505;
border-top-style: solid;border-top-width: 5px;border-top-color:#FFFFFF;padding:10px 10px 0px 10px;}

.contenu_2b
{width:330px;height:auto;
float:left;margin-right:1px;background-color: #280505;padding:10px;}

#contenus
{padding: 10px 0px 10px 0px;}       

.contenu_3
{width:330px;float:left;height:auto;background-color: #280505;
border-top-style: solid;border-top-width: 10px;border-top-color:#FFFFFF;padding:10px 10px 20px 10px;}



/* ------------------------------------------ ------------------------------------------ ------------------------------------------
/* la page presentation
/* ------------------------------------------ ------------------------------------------ ------------------------------------------ */
#conteneur_presentation
{text-align: left; width: 1407px;float:left;display: inline;}

#colonne_1
{display:block; width: 351px;float:left;}

.c1A 
{display:block; width: 330px;height:auto;border-top-style: solid;border-top-width: 3px;border-top-color: #FFFFFF;
background-color: #cebfb1;margin-right:1px;margin-bottom: 1px;padding: 0px 10px 10px 10px;}

.c1b
{display:block; width: 330px;height: auto;background-color: #cebfb1;
margin-right:1px;margin-bottom: 1px;padding:10px;}

.c1c
{display:block; width: 335px;height: auto;background-color: #cebfb1;padding:5px 5px 5px 10px;
margin-right:1px;margin-bottom: 1px;}

#colonne_2_presentation
{display:block; width: 527px;float:left;}

#colonne_2
{display:block; width: 351px;float:left;}

.c2A_presentation
{display:block; width: 506px;height: auto;border-top-style: solid;border-top-width: 5px;border-top-color: #FFFFFF;
background-color: #cebfb1;margin-right:1px;padding: 10px 10px 10px 10px;}

.c2B_presentation
{display:block; width: 506px;height: auto;background-color:#cebfb1;
margin-right:1px;margin-top:1px;padding: 10px 10px 10px 10px;}

.c2A
{display:block; width: 330px;height: auto;border-top-style: solid;border-top-width: 5px;border-top-color: #FFFFFF;
background-color: #cebfb1;margin-right:1px;padding: 10px 10px 10px 10px;color:#FFFFFF;text-align: left;}

#colonne_3
{display:block; width: 351px;float:left;}

.c3B_presentation
{display:block; width: 330px;height: auto;background-color: #cebfb1;
padding:10px;margin-right:1px;float:left;}

.c3A
{display:block; width: 330px;height: auto;border-top-style: solid;border-top-width: 10px;
border-top-color: #FFFFFF;background-color: #cebfb1;margin-bottom: 1px;padding:10px;margin-right:1px;float:left;}

#colonne_4
{display:block; width: 351px;float:left;}

.c4A
{display:block; width: 330px;height: auto;border-top-style: solid;border-top-width: 15px;
border-top-color: #FFFFFF;background-color: #cebfb1;margin-bottom: 1px;padding:10px;}

.c4B
{display:block; width: 330px;height: auto;padding:10px;
background-color: #cebfb1;}

#pied { clear: both; width: 100%; margin: 0;  text-align:left;  font-size: 11px;font-family: 'Merriweather Sans'; font-weight: 400;}
#pied img { vertical-align: left; }

/* ------------------------------------------ ------------------------------------------ ------------------------------------------ /*
/* L'atelier
/* ------------------------------------------ ------------------------------------------ ------------------------------------------  */
#conteneur_atelier
{text-align: left; width: 1421px;height:auto;float:left;display: inline;padding-bottom: 40px;}
#colonne_1_atelier
{display:block; width: 351px;float:left;}
.c1aat
{display:block; width: 350px;height: 100px;border-top-style: solid;border-top-width: 3px;border-top-color: #FFFFFF;background-color: #a8b9c9;margin-bottom: 1px;}
.c1a
{background-color: #a8b9c9;padding: 0px 10px 10px 10px;border-top-style: solid;border-top-width: 3px;border-top-color: #FFFFFF;margin-bottom: 1px;width: 330px;float:left; }
.c1bat
{float:left;display:block; width: 330px;height: auto;background-color:#a8b9c9;margin-bottom: 1px;padding:10px;}
.c1cat
{float:left;display:block; width: 330px;height: auto;background-color:#a8b9c9;margin-bottom: 1px;padding:10px;}
.c1date
{float:left;display:block; width: 340px;height: auto;background-color:#a8b9c9;padding:10px 5px 5px 5px;}
#colonne_2_atelier
{display:block; width: 527px;float:left;}
.c2aat
{float:left;display:block; width: 507px;height: auto;border-top-style: solid;border-top-width: 5px;
z-index:1;
border-top-color: #FFFFFF;background-image:url(../IMG/logo2.png);margin-bottom: 1px;padding:10px;}
#colonne_3_atelier
{display:block; width: 351px;float:left;}
.c3aat
{float:left;display:block; width: 330px;height: auto;background-color:#a8b9c9;padding:10px;border-top-style: solid;border-top-width: 10px;border-top-color: #FFFFFF;margin-bottom:1px;margin-left:1px;}
.c3bat
{margin-left:1px;float:left;display:block; width: 330px;height: auto;background-color:#a8b9c9;padding:10px;}


/* ------------------------------------------------------------------------------------ ------------------------------------------ /*
/* la page galerie
/* ------------------------------------------ ------------------------------------------ ------------------------------------------ */
#contenu_galerie
{float:left;display:inline;width:1061px;
border-top-style: solid;border-top-width: 3px;
border-top-color: #280505;}

#text_galerie
{float:left;line-height: 33px;margin-top: 15px;
width:320px;height:265px;
padding:10px;font-size: 21px;
font-family: 'Merriweather';font-weight: normal;font-weight: normal;color: #999999;background-color:#FFFFFF;}

.menugallerie
{float:right;display:inline;width:340px;position:relative;}

/* ------------------------------------------ ------------------------------------------ ------------------------------------------ */
/* le parloir
/* ------------------------------------------ ------------------------------------------ ------------------------------------------ */
.menudessinparloir{float: right;display:inline;position:relative;}

/* ------------------------------------------------------------------------------------ ------------------------------------------ /*
/* les dessins
/* ------------------------------------------ ------------------------------------------ ------------------------------------------ */

.banniere_galerie2
{display:inline;float:left;
width:550px;height:auto;}

#contenu_galerie4
{float:left;display:inline;width:1061px;border-top-style: solid;border-top-width: 3px;
border-top-color: #FFFFFF;}

.text_dessin
{margin-top: 15px;float:left;line-height: 33px;width:320px;height:265px;
padding:10px;font-size: 21px;font-family:  'merriweatherregular';font-weight: normal;color: #FFFFFF;
background-image: url(../IMG/galerie4.png);}

.menudessin
{float:right;display:inline;width:340px;position:relative;}


/* ------------------------------------------------------------------------------------ ------------------------------------------ /*
/* Cronique dewandel
/* ------------------------------------------ ------------------------------------------ ------------------------------------------ */
#conteneur_atelier_chronique
{ background-image:url(../IMG/logo2.png);text-align: left; 
width: 1062px;height:auto;float:left;display: inline;padding-bottom: 60px;}

.c1adew
{background-color: #E3DED9;padding: 0px 10px 10px 10px;
border-top-style: solid;border-top-width: 3px;border-top-color: #FFFFFF;
margin-bottom: 1px;width: 330px;float:left;}

.c1cdew
{float:left;display:block; width: 330px;height: auto;background-color: #E3DED9;
margin-bottom: 1px;padding:10px;}

.c2bate_dewandel
{float:left;display:block; width: 590px;height: auto;background-color:#E3DED9;padding:10px 60px 60px 60px;
border-top-style: solid;border-top-width: 6px;border-top-color: #FFFFFF;}


/* ------------------------------------------ ------------------------------------------ ------------------------------------------ */
/* Volumen joelle labiche - Image Joelle labiche
/* ------------------------------------------ ------------------------------------------ ------------------------------------------ */
.text_volumen
{margin-top: 15px;float:left;line-height: 33px;
width:320px;height:265px;padding:10px;
font-size: 21px;font-family:  'merriweatherregular';font-weight: normal;color: #FFFFFF;
background-image: url(../IMG/galerielabiche.jpg);}


.diaporamaclasslabiche
{width:710px;height:auto;
float:left;display:block;margin: 0px;}

.page_archives{height:auto;float:left;width:700px;margin-left:10px;}
.jMyCarousel{top: 15px;float:left;}
.titretexte{height:50px;position:relative;width:320px;}
#text_galerielabiche {float:left;margin-left:10px;width:340px;height: auto;}
.page_archives_image{height:auto;float:left;width:700px;}

.text_images_labiche
{margin-top: 15px;float:left;line-height: 33px;width:320px;
height:265px;padding:10px;font-size: 21px;font-family:  'merriweatherregular';font-weight: normal;color: #FFFFFF;
background-image: url(../IMG/imagelabiche.jpg);}


/* ------------------------------------------ ------------------------------------------  */
/* la page Biblioth¸que
/* ------------------------------------------ ------------------------------------------  */
#contenu_logo 
{margin-top: 15px;margin-left: 10px;width: 1060px;height: auto;}
 
#conteneur_expo
{ background-image:url(../IMG/logo2.png);width: 1060px;height:2030px;  float: left; 
border-top-style: solid;border-top-width: 3px;border-top-color: #FFFFFF;}

.logo {display:inline;}
.menu_article  {display:inline;padding:0;margin: 0;}
.menu_article ul li {display:inline;list-style: none; background-color: #FFFFFF;}
.menu_article ul {padding:0;margin: 0;}

ul#menu li {padding:2px;float:left;margin-right:14px;margin-bottom: 20px;width:158px;height:228px;list-style: none; overflow: hidden;}

/* ------------------------------------------ ------------------------------------------  */
/* la page biblioth¸que articles /les blocs couleurs (voir css thicbox)
/* ------------------------------------------ ------------------------------------------  */
#conteneur_exposition{width:701px;float:left;height: 544px;}

.bloc_expo_logo
{width:330px;
float:left;
height: 520px;
margin-right:1px;
background-color: #dbd4af;
border-top-style: solid;
border-top-width: 3px;
border-top-color:#FFFFFF;
padding: 10px 10px 10px 10px;}

#contenu_expo_titre+texte
{float:left;
width:351px;}

.bloc_expo_titre             
{width:330px;
height: 85px;
float:left;
background-color: #dbd4af;
border-top-style: solid;
border-top-width: 6px;
border-top-color:#FFFFFF;
margin-bottom:1px;
padding: 7px 10px 1px 10px;}
			
#support1           /* bloc texte */
{width:330px;
float:left;
position:relative;
height: 411px;
background-color: #dbd4af;
margin-bottom:1px;
font-size: 12px;line-height: 18px;
font-family: 'merriweather_sansregular';font-weight: normal;
color: #280505;
text-align: left;
padding: 0px 10px 10px 10px;
overflow:hidden;}

#contenu1{padding: 0px 10px 0px 0px;}       

.prec-suiv
{float:left;
width:330px;
height: 15px;
margin-bottom:1px;
padding: 4px 10px 2px 10px;
background-color: #dbd4af;
font-size: 12px;
font-family: 'Merriweather Sans';font-weight: normal;
color:#280505;}

.prec-suiv_position{float:right;position: relative;}
.bloc_expo_img {float: left;width: 689px;height:auto;background-color:#dbd4af;padding: 4px 2px 0px 10px;} 

#image .bloc_expo_img{background-color:#c0b8a2;} 
#image .prec-suiv{background-color:#c0b8a2;}
#image #support1{background-color:#c0b8a2;}
#image .bloc_expo_titre{background-color:#c0b8a2;}
#image .bloc_expo_logo{background-color:#c0b8a2;}

#TB_window 
{position: absolute;background-color: #E6E6E6;z-index: 102;color: #FF0000;display:none;text-align:left;}

/* ------------------------------------------ ------------------------------------------ ------------------------------------------ */
/* Diaporama pour type - Galerie - Images- Dessin- 
/* ------------------------------------------ ------------------------------------------ ------------------------------------------ */
.diaporamaclass{width:720px;height:auto;float:left;display:block;margin: 0px;}

ul{margin:0;padding:0;}

.jDiaporama{position:relative;padding:15px 10px 10px 10px;height:auto;width: 680px;}
.jDiaporama ul{-moz-box-shadow:0px 0px 0em #666666;overflow:hidden;}
.jDiaporama li{list-style-type:none;overflow:hidden;position:absolute}
.jDiaporama li img{display:block}
.jDiaporama li .desc{position:absolute;bottom: 0; left: 0;display:none;margin:0;color: #FF0000;font-size:1px;font-family: Arial;
background-image:url(img/back_desc.png) repeat;
	_filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='img/back_desc.png',sizingMethod='scale');  _background-image:none;
width:100%;height:30px}
.jDiaporama li .title{position:absolute;top: 0; left: 0;display:none;margin:0;color:#fff;font-size:1px;font-family: Arial;}
.jDiaporama li .count{position:absolute;top: 0; right: 0;display:none;margin:0;color:#fff;font-size:12px;font-family:Arial, Helvetica, sans-serif;padding:5px;}
.jDiaporama_controls{display:none;}
.jDiaporama_controls a{font-weight:normal;width:1px;height:1px;text-indent:-9999px;display:block;margin:0 3px;position:absolute;}
.jDiaporama_controls .prev{background: url(../plugins/jDiaporama/img/flechg.png) no-repeat bottom;_background: url(../plugins/jDiaporama/img/flechg.png) no-repeat bottom;
	top:0%;margin-left:10px;height:15px;width:70px;left: 650px;}
.jDiaporama_controls .next{
	background:url(../plugins/jDiaporama/img/flechd.png) no-repeat bottom;
	_background:url(../plugins/jDiaporama/img/flechd.png) no-repeat bottom;
	top:0%;height:15px;width:70px; left: 550px;}
.jDiaporama_controls .pause{background:url(../plugins/jDiaporama/img/stop.png) no-repeat bottom;
	_background:url(../plugins/jDiaporama/img/stop.png) no-repeat bottom;width:32px;height:12px;top:0%;margin-left:615px;}

.jDiaporama_controls .play{
	background: url(../plugins/jDiaporama/img/lecture.png) no-repeat bottom;_background:url(../plugins/jDiaporama/img/lecture.png) no-repeat bottom;
	width:32px;height:12px;top:0%;margin-left:615px;}
/**** Status ****/
.jDiaporama_status{float:left;top:-0px;position:absolute;left:45px;display:none;}
.jDiaporama_status a{background: url(../plugins/jDiaporama/img/bul.png) no-repeat bottom;
	_background: url(../plugins/jDiaporama/img/bul.png) no-repeat bottom;float:right;width:7px;height:8px;text-indent:-9999px;margin-right:-1px;}
.jDiaporama_status a.active, .jDiaporama_status a:hover{background:url(../plugins/jDiaporam/img/bullets2.png) no-repeat bottom;
	_background:url(../plugins/jDiaporam/img/bullets2.png) no-repeat bottom;}
	
	
	
	
	
	
	
	
@font-face {
    font-family: 'merriweatherblack';
    src: url('../../squelettes/webfont/merriweather-black-webfont.woff2') format('woff2'),
         url('../../squelettes/webfont/merriweather-black-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'merriweatherblack_italic';
    src: url('../../squelettes/webfont/merriweather-blackitalic-webfont.woff2') format('woff2'),
         url('../../squelettes/webfont/merriweather-blackitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'merriweatherbold';
    src: url('../../squelettes/webfont/merriweather-bold-webfont.woff2') format('woff2'),
         url('../../squelettes/webfont/merriweather-bold-webfont.woff') format('woff');
    font-weight: 600;
    font-style: normal;

}

@font-face {
    font-family: 'merriweatherbold_italic';
    src: url('../../squelettes/webfont/merriweather-bolditalic-webfont.woff2') format('woff2'),
         url('../../squelettes/webfont/merriweather-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'merriweatheritalic';
    src: url('../../squelettes/webfont/merriweather-italic-webfont.woff2') format('woff2'),
         url('../../squelettes/webfont/merriweather-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'merriweatherlight';
    src: url('../../squelettes/webfont/merriweather-light-webfont.woff2') format('woff2'),
         url('../../squelettes/webfont/merriweather-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'merriweatherlight_italic';
    src: url('../../squelettes/webfont/merriweather-lightitalic-webfont.woff2') format('woff2'),
         url('../../squelettes/webfont/merriweather-lightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'merriweatherregular';
    src: url('../../squelettes/webfont/merriweather-regular-webfont.woff2') format('woff2'),
         url('../../squelettes/webfont/merriweather-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}














@font-face {
    font-family: 'merriweather_sansitalic';
    src: url('../../squelettes/webfont/merriweathersans-italic-webfont.woff2') format('woff2'),
         url('../../squelettes/webfont/merriweathersans-italic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'merriweather_sanslight';
    src: url('../../squelettes/webfont/merriweathersans-light-webfont.woff2') format('woff2'),
         url('../../squelettes/webfont/merriweathersans-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'merriweather_sanslight_italic';
    src: url('../../squelettes/webfont/merriweathersans-lightitalic-webfont.woff2') format('woff2'),
         url('../../squelettes/webfont/merriweathersans-lightitalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'merriweather_sansregular';
    src: url('../../squelettes/webfont/merriweathersans-regular-webfont.woff2') format('woff2'),
         url('../../squelettes/webfont/merriweathersans-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'merriweather_sansbold';
    src: url('../../squelettes/webfont/merriweathersans-bold-webfont.woff2') format('woff2'),
         url('../../squelettes/webfont/merriweathersans-bold-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'merriweather_sansbold_italic';
    src: url('../../squelettes/webfont/merriweathersans-bolditalic-webfont.woff2') format('woff2'),
         url('../../squelettes/webfont/merriweathersans-bolditalic-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}