@charset "utf-8";
/* CSS Document */
/****************************************/
/**          STRUCTURE DU SITE         **/
/****************************************/
html, body {
/*	background-image:url("Images/bande_header.gif");
	background-repeat:repeat-x;*/
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #ffffff;
	color: #000000;
}
.rentreeLitt{

/*background-image:url("Images/coinRL.gif");*/
background-position:right top;
z-index:5000;
float:right;
}
.menuZindex{
z-index:9999;
}
.menuZindex a{ color:#FFFFFF;}
.menuZindex a:hover{ color:#FFFFFF;}
#menu{
font-size:10px;
display:block;
}
* html .rentreeLitt{
 right:0;
 top:0;  
 position:fixed;
! position:absolute;
        z-index:10; }
	
.conteneur{
margin-top:20px;
}
.lost {
 list-style-type:none;
 background-image:url(Images/indent.gif);
 background-repeat:no-repeat;
 background-position:0% 65%;
 padding-left:15px;
 margin-top:5px;
 margin-left: -30px !important;
}
a{
color:#777777;
text-decoration:none;
}
a:hover{
color:#000000;
}
.sep_menu {
font-size:9px; color:#777777;}
/****************************************/
/**            DROP SHADOW             **/
/****************************************/
.img-shadow {
  clear: both;
  float:left;
  background: url(Images/ombras/shadowAlpha.png) no-repeat bottom right !important;
  background: none;
  margin: 20px 0 0 54px !important;
  margin: 20px 0 0 26px;
}

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 0px;
  /*width: 154px;
  height: 203px;*/
}
.img-shadow2 {
  clear: both;
  float:left;
  background: url(Images/ombras/shadowAlpha.png) no-repeat bottom right !important;
  background: none;
  margin-top:5px;
  margin-left:10px;/*
  margin: 20px 0 0 54px !important;
  margin: 20px 0 0 26px;*/
}

.img-shadow2 img {
  display: block;
  position: relative;
  background-color: #fff;
  border: 1px solid #a9a9a9;
  margin: -6px 6px 6px -6px;
  padding: 0px;
  /*width: 154px;
  height: 203px;*/
}
.p-shadow {
  clear: both;
  width: 90%;
  float:left;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='Images/ombras/shadowAlpha.png') !important;
  background: url(Images/ombras/shadowAlpha.png) no-repeat bottom right !important;
  background: none;
 /* margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;*/
}

.p-shadow div {
  background: none !important;
 /*background: url(Images/ombras/shadow2.gif) no-repeat left top;*/
  padding: 0 !important;
  padding: 0 6px 6px 0;
}

.p-shadow p {
  color: #777;
  background-color: #fff;
  font: italic 1em georgia, serif;
  border: 1px solid #a9a9a9;
  padding: 4px;
  margin: -6px 6px 6px -6px !important;
  margin: 0;
}
/****************************************/
/**       PAGE DES COLLECTIONS         **/
/****************************************/
.tab_collections{
background-image:url("Images/arriere_plan/arriere_plan_collection_rocher.jpg");
background-repeat:no-repeat;
}
.marques li {
list-style:none;
font-weight:bold;
}
.familles li{
font-weight:normal;
list-style:inside;
}
.familles a{
text-decoration:none;
color:#90A1C8;
}
.familles a:hover{
text-decoration:none;
color:#777777;
}

/****************************************/
/**            INDEX TEMP 		       **/
/****************************************/
.accueil_durocher{
background-image:url("Images/arriere_plan/arriere_plan_rocher.jpg");
background-repeat:no-repeat;
}
.accueil_serpent{
background-image:url("Images/arriere_plan/arriere_plan_serpent_sans_c.jpg");
background-repeat:no-repeat;
}
/*.accueil_motif{
background-image:url("Images/arriere_plan/arriere_plan_motif.jpg");
background-repeat:no-repeat;
display:block;
height:450px;
}
*/
#liste1_edr{
list-style:none;
}
#liste1_edr a{
font-weight:bold;
color:#000000;
text-decoration:none;
}
#liste1_edr a:hover{
font-weight:bold;
color:#777777;
text-decoration:none;
}
#liste2_edr{
list-style:none;
}
#liste2_edr a{
color:#90A1C8;
text-decoration:none;
}
#liste2_edr a:hover{
color:#90A1C8;
text-decoration:underline;
}
.centre_accueil{
text-align:justify; font-size:11px;
}
/****************************************/
/**       OUVRAGE TEMP ROCHER          **/
/****************************************/
#menu_rocher {
background-color:#FAFAFB;
font-size:11px;
}
#menu_rocher a{
color:#FFFFFF;
text-decoration:none;
}
#menu_rocher a:hover{
color:#FFFFFF;
}
.l_pix_rocher{
background-image:url("Images/decoupe_rocher/pixel_gris_hauteur.gif");
background-repeat:repeat-y;
}
.fond_left{
background-image:url("Images/decoupe_rocher/fond_left_sous_image.jpg");
background-repeat: no-repeat;
}
.resume{
background-image:url("Images/decoupe_rocher/gris_resume.jpg");
background-repeat:repeat-x;
text-align:justify;
padding:20px;
}
.detail{
text-align:justify;
padding:10px;
}
.left_ouvrage{
padding-left:25px;
padding-right:40px;
}
/****************************************/
/**         OUVRAGE TEMP SERPENT       **/
/****************************************/
#menu_serpent {
font-size:11px;
}
#menu_serpent a{
color:#FFFFFF;
text-decoration:none;
}
#menu_rocher a:hover{
color:#FFFFFF;
}
.l_pix_rocher_serpent{
background-image:url("Images/decoupe_serpent/pixel_gris_hauteur.gif");
background-repeat:repeat-y;
}
.fond_left_serpent{
background-image:url("Images/decoupe_serpent/fond_left_sous_image.jpg");
background-repeat: no-repeat;
}
.resume_serpent{
background-image:url("Images/decoupe_serpent/bande_resumer.gif");
background-repeat:repeat-y;
text-align:justify;
padding:20px;
color:#CCCCCC;
}
.detail{
text-align:justify;
padding:10px;
}
.left_ouvrage_serpent{
padding-left:30px;
padding-right:40px;
}
/****************************************/
/**         OUVRAGE TEMP MOTIF         **/
/****************************************/
#menu_rocher {
font-size:11px;
}
#menu_rocher a{
color:#FFFFFF;
text-decoration:none;
}
#menu_rocher a:hover{
color:#FFFFFF;
}
.l_pix_rocher_motif{
background-image:url("Images/decoupe_motif/pixel_gris_hauteur.gif");
background-repeat:repeat-y;
}
.fond_left_motif{
background-image:url("Images/decoupe_motif/fond_left_sous_image.jpg");
background-repeat: no-repeat;
}
.resume_motif{
background-image:url("Images/decoupe_motif/gris_resume.jpg");
background-repeat:repeat-x;
text-align:justify;
padding:20px;
}
.detail{
text-align:justify;
padding:10px;
}
.left_ouvrage_motif{
padding-left:30px;
padding-right:40px;
}
/****************************************/
/**               BANDEAU              **/
/****************************************/

.image {
	border:none;
}
.image2 {
	border:none;
	margin:-11px 0 0 0;
}

/****************************************/
/**             PIED DE PAGE           **/
/****************************************/

.pied {
	font-size: 11px;
	color: #0e3288;
}
.pied a {
text-decoration:none;
color: #0e3288;
}
.pied a:hover {
text-decoration:underline;
}
/*****************************************/
/**              ACCUEIL                **/
/*****************************************/
#boiteAcc2Haut{
background-image: url("Images/boiteAccHaut.gif");
height:10px;
width:913px;
background-repeat:no-repeat;
margin-bottom:0px;
margin-left:auto;
margin-right:auto;
padding:0px;
display:block;
font-size:8px;
}
#boiteAcc2Milieu{
background-image: url("Images/boiteAccMillieu.gif");
background-repeat:repeat-y;
width:913px;
margin:auto;
display:block;
}
#boiteAcc2Bas{
background-image: url("Images/boiteAccBas.gif");
background-repeat:no-repeat;
margin:auto;
height:10px;
width:913px;
display:block;
}
.fondAcc2{
background-image: url("Images/fondAcc2.gif");
height:197px;
width:912px;
background-repeat:no-repeat;
margin:auto;
display:block;
text-align:justify;
}
.boiteAcc2HautSerp{
background-image: url("Images/boiteAccHautSerp.gif");
height:10px;
width:913px;
background-repeat:no-repeat;
margin:auto;
display:block;
padding-bottom:-5px;
font-size:8px;
}
.boiteAcc2MilieuSerp{
background-image: url("Images/boiteAccMillieuSerp.gif");
height:178px;
width:913px;
background-repeat:no-repeat;
margin:auto;
display:block;
}
.boiteAcc2BasSerp{
background-image: url("Images/boiteAccBasSerp.gif");
height:10px;
width:913px;
background-repeat:no-repeat;
margin:auto;
display:block;
font-size:8px;
}
.savpl{
font-size:9px;}
/**********************************************/
/** MODULES A PARAITRE ET EVENEMENT (TICKER) **/
/**********************************************/
#ticker-container {
position:relative;
overflow:hidden;
width: 280px;
height: 100px;
/*background-color: ;
background-repeat: repeat;*/
padding: 2px;
/*border:  dotted ;*/
}
#ticker {
position:relative;
width:150px;
}
#ticker  {
padding:0;
margin:0;
list-style-type:none;
}
#ticker {
display:list-item;
margin-top: 1px;
margin-bottom: 1px;
padding-top: 1px;
padding-bottom: 1px;
font-family: arial;
/*font-size: xx-small;*/
font-weight: normal;
padding-left: 2px;
}
#ticker  a {
font-family: arial;
/*font-size: xx-small;*/
font-weight: normal;
text-decoration: none;
padding-left: 2px;
color:#000000;
}
#ticker a:hover {
font-family: arial;
/*font-size: xx-small;*/
text-decoration: none;
padding-left: 2px;
}

#ticker-container2 {
position:relative;
overflow:hidden;
width: 280px;
height: 100px;
/*background-color: ;
background-repeat: repeat;*/
padding: 2px;
/*border:  dotted ;*/
}
#ticker2 {
position:relative;
width:150px;
}
#ticker2  {
padding:0;
margin:0;
list-style-type:none;
}
#ticker2 {
display:list-item;
margin-top: 1px;
margin-bottom: 1px;
padding-top: 1px;
padding-bottom: 1px;
font-family: arial;
font-size: xx-small;
font-weight: normal;
padding-left: 2px;
}

#ticker2 a {
font-family: arial;
font-size: xx-small;
font-weight: normal;
text-decoration: none;
padding-left: 2px;
}

#ticker2 a:hover {
font-family: arial;
font-size: xx-small;
text-decoration: none;
padding-left: 2px;
}


.boiteticker{
background-image: url("Images/boiteTicker.gif");
background-repeat:no-repeat;
margin:auto;
height:132x;
width:313px;
display:block;
}
.aParaitreTitre{
font-size:12px;
}
.aParaitreAut{
font-size:11px;
}

/**********************************************/
/** MODULES RECHERCHE ET INSCRIPTION NL **/
/**********************************************/
.NL{
width:280px;
height:60px;
border:1px dashed #000000;
background-color:#f3f3f4;
font-size:12px;
color:#000000;
}
.NLtitre{
font-size:16px;
color:#9ca8be;
font-weight:bold;
text-align:center;
}
.NLSerp{
width:280px;
height:60px;
border:1px dashed #000000;
background-color:#e5e7dc;
font-size:12px;
color:#000000;
}
.NLtitreSerp{
font-size:16px;
color:#808855;
font-weight:bold;
text-align:center;
}
/****************************************/
/**          MENTIONS LEGALES          **/
/****************************************/
.titreML {
font-weight:bold;
font-size:12px;
}
.titre1ML {
font-weight:bold;
font-size:16px;
text-align:center;
}
/****************************************/
/**              AUTEURS               **/
/****************************************/
.nom_auteur{
font-size:14px;
font-weight:bold;
}
/******************************************/
/**              EVENEMENT               **/
/******************************************/
.titreEv{
font-size:14px;
font-weight:bold;
}

/********************************************/
/**              COLLECTION                **/
/********************************************/
.nomFam{
font-size:14px;
font-style:italic;
font-weight: bold;
}
#titreCollec{
border: 1px solid #efefef;
}
#menuFam{
border: 1px solid #bfbfbf;
width:250px;/*211px;*/
margin-left:auto;
margin-right:auto;
}
.nomCollec{
font-size:14px;
font-weight:bold;
}
.presentation{
font-size:12px;
text-align:justify;
}
.presOuvr{
font-size:11px;
color:#707070;
}
.resume2{
font-size:10px;
color:#000000;
text-align:justify;
padding:0;
margin:0;
}
#boiteNouvHaut{
background-image: url("Images/boiteNouvHaut.gif");
height:27px;
background-repeat:no-repeat;
margin:auto;
font-size:8px;
/*display:block;*/
}
#boiteNouvMilieu{
background-image: url("Images/boiteNouvMilieu.gif");
background-repeat:repeat-y;
margin:auto;
/*display:block;*/
}
#boiteNouvBas{
background-image: url("Images/boiteNouvBas.gif");
background-repeat:no-repeat;
margin:auto;
font-size:8px;
/*display:block;*/
}
#boiteCollecHaut{
background-image: url("Images/boiteCollecHaut.gif");
height:10px;
background-repeat:no-repeat;
margin:auto;
font-size:8px;
/*display:block;*/
}
#boiteCollecMilieu{
background-image: url("Images/boiteCollecMilieu.gif");
background-repeat:repeat-y;
margin:auto;
/*display:block;*/
}
#boiteCollecBas{
background-image: url("Images/boiteCollecBas.gif");
background-repeat:no-repeat;
margin:auto;
height:10px;
font-size:8px;
/*display:block;*/
}
.nvtitre{
font-size:12px;
font-weight:bold;
text-decoration:underline;	
}
.nvauteur{
font-size:12px;
font-weight:bold;	
}
.nvresume{
font-size:10px;
text-align:justify;	
}
.nvvoir+{
font-size:9px;	
}
.menuFam-Fam{
font-size:14px;
font-weight:bold;
color:#000000;
cursor:pointer;
}
.menuFam-Fam2{
font-size:14px;
font-weight:bold;
color:#000000;
}
.menuFam-Fam a{
color:#000000;

}
#fondSerp{
background-image: url("Images/fondSerp.gif");
background-repeat: repeat-x;
margin:auto;
/*display:block;*/
}
.bgTxtSerp{
background-color: #d7d9ce;
/*margin:5px 5px 5px 5px;*/
padding:10px 10px 10px 10px;
}
.fondblc{
background-color:#FFFFFF;
padding: 5px;
}
/********************************************/
/**              COLLECTION                **/
/********************************************/


/*********************/
/** AUTOCOMPLETION   background:url(Images/moteur_recherche.gif);**/
/*********************/
#exemple4 {
width:224px;
border: 0px;
/*margin-top:23px;
margin-right:18px;*/
background-color:none;
}
.exemple4_class {
/*border: 1px solid;*/
background-color:#FFFFFF;
}
.exemple4_class ul  {
list-style-type: none;
margin:0px;
padding:0px;
text-align: left;
}
.exemple4_class ul li.focused { 
background-color:#CCCCCC;
cursor: pointer; 
}
.exemple4_class li {
height:15px;
}
.exemple4_class li.film {
list-style-type: none;
display:block;
margin:0;
padding:2px;
height:25px;
}
.exemple4_class li.film div.image {
/*float:left;*/
width:32px;
height:20px;
margin-right:8px;
}
.exemple4_class li.film div.titre {
font-size:12px;
line-height:1.2em;
}
.exemple4_class .signature {
height:40px;
border-top: 1px solid;
background-image: url(./img/exemple_signature.gif);
background-repeat: no-repeat;
background-position: center;
}
#exemple5 {
width:224px;
border: 0px;
background-color:none;
}
.exemple5_class {
border: 1px solid;
background-color:#FFFFFF;
}
.exemple5_class ul  {
list-style-type: none;
margin:0px;
padding:0px;
text-align: left;
}
.exemple5_class ul li.focused { 
background-color:#CCCCCC;
cursor: pointer; 
}
.exemple5_class li {
height:15px;
}
.exemple5_class li.film {
list-style-type: none;
display:block;
margin:0;
padding:2px;
height:25px;
}
.exemple5_class li.film div.image {
/*float:left;*/
width:32px;
height:20px;
margin-right:8px;
}
.exemple5_class li.film div.titre {
font-size:12px;
line-height:1.2em;
}
.exemple5_class .signature {
height:40px;
border-top: 1px solid;
background-image: url(./img/exemple_signature.gif);
background-repeat: no-repeat;
background-position: center;
}

/* EVENEMENTS TIKER */
.cnnclass{
width: 296px;
overflow:hidden;
height:85px;
padding: 5px;
background-color: #FFFFFFF;
/*border: 1px solid black;*/
margin-bottom: 1em;
filter:progid:DXImageTransform.Microsoft.alpha(opacity=80); /*Specify fade effect in IE. Remove if desired.*/
-moz-opacity: 0.8; /*Specify fade effect in Firefox. Remove if desired.*/
}
.cnnclass a{
text-decoration: none;
}
.rsstitle{ /*shared class for all title elements in an RSS feed*/
font-weight: bold;
}
.rssdate{ /*shared class for all date elements in an RSS feed*/
color: gray;
font-size: 85%;
}
.rssdescription{ /*shared class for all description elements in an RSS feed*/
}