@charset "utf-8";
/* CSS Document */
/*

C H A P I T R E  D U N H I L L 

*/
/*  REGLES POUR DIMENSIONS DES BOITES 
    ................................................................................ */
/*			Colonne principale	 */
	 .colonne-princ {width: 650px;}
	 .boite-entete, .entete-index, .texte, .trad, .boite-marque, .bas-de-page, #conteneur, #chart, #ariane {width: 600px;}
	 /*
	 "#chart" : boite qui contient les infos chronologiques 
	 "boite-entete" contient : entete-index, fil ariane, mise a jour, titres. 
	 ".texte" et ".conteneur" dans : dans fichiers shape shape-l
	 */
	 .entete-index {height: 130px;}
	 #chart {
	height:1350px;
}
	 
	 
/*			Largeurs contraintes par largeur colonne principale 	 */
	 .trad-act {width:70px;}
	 .r-btag {height:10px; width:5px;}
	 .r-top {width: 45px;} /* fleche vers le haut avec "Top" */

	 .e-lettrine {width: 150px;} /* reçoit image DUNHILL MARKINGS */
	 .e-menu { width: 81px; height: 45px;}

/*			Largeurs contraintes par largeur d'une "ENTREE" (boite-marque)   */
	 .m-marque {width: 250px;}/*Finition ou Nom du modèle*/
	 .long {width: 350px;}/* a combiner avec m-marque*/
	 .c-3 {width: 190px; height: 100px;}
	 .m-date {width: 250px;} /*Année de la pipe*/
	 .c-separa-g-d {width: 400px;}
	 .c-separa-d { width: 200px;}
	 .r-com {width: 400px;}
	 /*.r-document {width:98px;}*/
	 .r-doc ul {
	width:350px
}
	 
/*			Autres boites  */	
	 iframe {width:150px; height:420px;}
	 #lift {width:50px;}
	 

/*			Titres  */
	 
	 .typ-titre-d, .typ-titre-g {width: 290px;}
	 
/*  STYLES DE BASE
    ................................................................................ */
	 	body {background-color: #333333;} 
		h1 {margin-top: 0px; margin-bottom: 0px; margin-right: 8px; display: inline;}
		.centrepage {width: 100%;}
		.colonne-princ {margin-left: auto; margin-right: auto;}

/*  TYPOGRAPHIE
    ................................................................................ */
	 body {font-family: Verdana, Arial, Helvetica, sans-serif;color: #CCCCCC;}
	 h1 {font-size: 20px; font-weight: bold;}
	 .m-date {font-size: 20px;  font-weight: bold;}
	 .m-marque {font-size: 16px;}
	 .c-3 {font-size: 12px;}
	 .c-separat {font-size: 14px;}
	 .c-separa-g-d {font-size: 16px;}
	 .c-separa-d {font-size: 16px;}
	 .r-document {font-size: 10px; font-weight: bold;}
	 .r-doc {font-size: 14px;}
	 #ariane {font-size: 12px;}
	 #conteneur {font-size:10px;}
	 #update {font-size: 10px;}
	 .entete-index {font-size: 12px;} /*reçoit toute l'entete*/
	 .e-menu {font-size: 12px;}
	 .bas-de-page {font-size: 10px;}
	 .typ-titre {font-size: 22px;}
	 .souligne {text-decoration: underline;}
	 .evidence {font-weight: bolder;color: #FFFF33;}
	 .guide-mark {font-size:11px;}/*dans page shell-guide*/
	 .r-top {font-size: 10px;}
	 .fondtext {background-color:#000000;font-weight:bold;}



/*  LES LIENS
    ................................................................................ */
	 a:link {color: #7AA999; text-decoration: none;}
	 a:visited {color: #7AA999; text-decoration: none;}
	 a:hover {color: #FF6633; text-decoration: underline;}
	 
/*  ARRIERE-PLANS
    ................................................................................ */
	 .entete-index {background-repeat: no-repeat;}
	 .e-menu {background-image:url(images/deco/fond-sombre.png); background-repeat:repeat;}
	 .r-doc {background-image:url(images/deco/fon-hach4.jpg);}
	 .guide-mark {background-image:url(images/deco/fon-hach2.jpg)}/*dans page shell-guide*/

/*  POSITIONNEMENTS, MARGES ET BORDURES
    ................................................................................ */
	 
	 iframe {position: fixed; padding:0; margin:0px; left:5px; top:5px; z-index: 10;}
	 #lift {position:fixed; top:-400px; left:0px; text-align:center; visibility:hidden;}
	 #chart { clear:both; position:relative; top:0px; left:0px; z-index:0;} /* conteneur des infos chronologiques dans les guides*/
	 #conteneur {clear:both; padding-top:10px}/*boite contenant les formes de pipes */
	 div#conteneur .ligne {height:110px;margin-bottom:20px;}
	 div#conteneur .ligne .case6 {	width:100px;float:left;}
	 div#lift a img{ border:0}
	 
	 /*		Boites liées à une "ENTREE"   */
	 
	 .boite-marque{padding-bottom:50px; padding-top:2px;}
	 .ligne-marque {clear: both; height: 20px; border-top: #666666 thin solid; padding-top: 5px; padding-bottom:10px;}
	 .m-marque {float: left; }/*Finition ou Nom du modèle*/
	 .bloc-images {clear: both;} /*Deux conteneurs d'images par "ENTREE"*/
	 .c-3 {float: right; padding-left: 10px;}
	 div.c-3 p, div.r-com p {margin-top:0; margin-bottom:3px;}
	 .m-date {float: right; text-align: right;} /*Année de la pipe*/
	 .r-com {text-align: justify; float: left;}
	 .r-document {text-align: center; float: left;}
	 .r-doc {clear: both;padding-top: 5px;padding-bottom: 3px;overflow: auto;}
	 .r-doc ul {list-style-type: square; padding-left:15px;margin-top:2px;margin-bottom:2px;}
	 .c-separa-d {float: right;text-align: right;}
	 .c-separat {clear: both; padding-top: 5px;}
	 .r-btag {clear:both; float:right; border-right:10px solid #999999; margin-right:30px;}
	 .r-top {float: right; text-align: right; clear: both;}
	 .r-article {font-size: 10px; float: right; clear:right;  min-width:100px; margin-left: 0.833333333333333%; margin-bottom:5px; padding-left:30px; text-indent:-15px; width: 27%; border-left: 5px solid #666666}
	 div.r-article p {margin-top:0; margin-bottom:3px;}
	 
	 /*		Titres  */
	 
	 #ariane {clear:both; text-align:right; padding-top:5px}
	 #update {clear: both; padding-top:10px; padding-bottom:15px;}
	 .entete-index {margin-top: 2px;padding-top: 40px;} /*padding laisse la place aux icones de langues*/
	 .e-menu{float:right; border:solid #7AA999 1px; text-align:center; margin-right:1px; margin-left: 2px; }/* situé dans "e-menu" a modifier*/
	 .bas-de-page {border-top: #666666 solid thin; text-align: right; margin-top: 30px; margin-bottom: 80px; padding-top: 5px;}
	 .typ-titre {margin-top: 20px; margin-bottom: 30px;}
	 .typ-titre-g {text-align: left; border-top-width: thin solid #999999; float: left;}
	 .typ-titre-d {text-align: right;border-top-width: thin solid #999999; float: right;}
/*...............................*/
	 .trad {position:absolute; top: 10px;}
	 .trad-act {float:right; text-align:right;}
	 .e-menu { float: right;}
	 .e-lettrine {float: left; margin-top:75px}
	 .enlargepic {float:right; position:relative; left:20px; top:0px;}
	 .guide-mark {position:absolute;}/*dans page shell-guide*/
	 
	 .texte {margin-bottom:10px; clear: both; position: relative;}/*dans fichiers shape shape-l*/
	 .bordbas {border-bottom-width: 1px solid #CCCCCC;} /*utilisé dans pages "shape" et "shape-l"*/
	 .shapebox {width: 600px;}
	 .shapebox ul {list-style-type:none; padding:0; padding-top:5px; margin:0; width:100%;}
	 .shapebox ul li {display:block; float:left; margin:0;   width:150px; height:130px;margin-bottom:20px;}
	 .shapebox ul li p.code {font-size:16px}
	 .shapebox ul li p {margin:0}
	 .shapebox ul li p.pic {text-align:center}
	 .shapebox ul li p.nom { font-size:12px}