/* --------------------------------------------------------------
FEUILLE DE STYLE ACCUEIL
SITE 		: http://www.prolog-ingenierie.fr
AUTEUR		: Bruno B. SIMON 
DATE 		: 30 avril 2013
DOMINANTE 1 : Chocolat 2F1B0C - Caramel #782D20 - Anthracite #2F2F2F 	  
DOMINANTE 2	: Plomb #798081 - Fer #595959	
RECESSIVE 1	: Bleu de France #2F84C4 - Citrouille #DF6D14 - Garance #EE1010 - 
RECESSIVE 2	: Sepia #A98C78 - Bleu fumée #D6DAE3
FONTE 1		: Futura - Paul Renner (1924-1927) Fonderie Bauersche Gießerei
FONTE 2		: Peignot - Cassandre (1937) Fonderie Deberny & Peignot
FONTE 3		:  (19??) Fonderie
-------------------------------------------------------------- */
/* FONTES */
 @import "fontes.css";   
  
/* CONTENEURS HTML */
html {font-family: 'futura', sans-serif; font-size:17px; color:#2F2F2F;}
body {margin:0 auto; background:#2F1B0C;}

/* TITRE & LISTES */
h1	{display:inline; font-family: 'hillhouse'; font-size:2.9em;}
h2	{display:inline; font-family: 'peignot'; font-weight:lighter; font-size:1.2em; line-height:1.5em; color:#595959; padding-right:20px;}
h3	{font-family: 'peignot'; font-weight:normal; font-size:2em; color:#DF6D14}
h4	{}
h5	{font-family: 'peignot'; font-weight:normal; font-size:1.5em; margin:10px 0 0 0; border-bottom: solid 1px #798081;}
h6	{display:inline; font-size:1.03em; font-weight:bold; color:#FFFFFF; text-transform:uppercase;}
h6 a:link 	{text-decoration:none;}
hr {display:block; clear:both; height:0; margin:0; padding:0; border:0; line-height:0;}
ul	{list-style-type:none;}
ol	{list-style-type:none;}

/* LIENS LATERAUX SUR FOND BLANC */
a:link		{color:#2F84C4; text-decoration:none;}
a:visited	{color:#A98C78; text-decoration:none;}
a:hover		{color:#DF6D14; text-decoration:underline;}
a:active	{color:#EE1010; text-decoration:none;}

/* CONTENEUR GLOBAL */
#page {position:absolute; z-index:1; width:100%;}

/* ENTETE */
#zone1 		{}
#entete 	{width:1000px; margin:0 auto; padding-bottom:5px; background:#FFFFFF;}
.nomsite	{width:1000px; padding:20px 0 0 15px;}	
.slogan 	{width:1000px; text-align:right;}
h1 a:link	{color:#2F2F2F; text-decoration:none;}

/* NAVIGATION HAUTE */
#zone2 		{}
#navigation	{width:1000px; height:40px; margin:0 auto; background:#782D20;}
.rubriques  {padding:10px 0 0 20px; float:left;}
#navi		{width:1000px; margin:0 auto; padding:0;}
#navi li	{display:block; float:left; font-family: 'peignot'; font-size:1.27em; color:#A98C78;}
#navi li a:link		{color:#FFFFFF; text-decoration:none;}
#navi li a:visited	{color:#FFFFFF; text-decoration:none;}
#navi li a:hover	{color:#DF6D14; text-decoration:none;}
#navi li a:active	{color:#EE1010; text-decoration:none;}
#navi li a.on {color:#A98C78;}

/* CARROUSSEL */
#zone3 		{}
#carroussel {width:1000px; height:433px; margin:0 auto; background:#FFFFFF;}
.credits	{font-family:'peignot'; font-size:0.7em;}
.credits:before {content: " \00A9\ ";}

/* FIL D'ARIANE */
#zone4 		{overflow:auto;}
#aide		{width:1000px; margin:0 auto; padding-top:5px; background:#FFFFFF;}
.ariane		{width:780px; float:left;}
.moteur		{width:220px; float:right; margin-top:5px;}
.fil		{font-size:0.85em; color:#A98C78; line-height:2.5em; padding-left:20px;}

/* MOTEUR DE RECHERCHE */
.saisie_recherche	{width:185px; height:20px; margin:0 -5px 0 0; font-size:0.75em; font-weight:lighter; background:#D6DAE3; color:#798081; border:1px solid #798081;
border-right:none;
-webkit-border-top-left-radius: 0px;
-webkit-border-bottom-left-radius: 0px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-bottomleft: 0px;
border-top-left-radius: 0px;
border-bottom-left-radius: 0px;}
.puce_recherche	{vertical-align:bottom;}

/* ZONE UTILE */
#zone5 	{overflow:auto;}
#centre {width:1000px; margin:0 auto; overflow:auto; background:#FFFFFF;}
.gauche {float:left;  width:210px; margin-left:20px;}
.droite {float:right; width:690px; padding:0 40px 0 40px; line-height:1.4em; font-size:1em; text-align:justify;}
.ps {font-style:italic; font-size: 0.8em; color:#595959; line-height:1.2em;}
.hr {display:block; clear:both; width:100%; height:1px; background-color:#798081;}
.breves	{text-align:right; font-style:italic; font-size: 0.8em; color:#EE1010;}
#documents_joints 		{font-size:0.95em;}
#documents_joints h2	{margin-left:20px; padding-top:20px;}
.document_titre 		{color:#2F84C4;}
.document_description	{font-size:0.9em; line-height:0.9em; color:#798081;}
.document_type 			{font-size:0.8em; color:#EE1010;}

/* PORTRAIT FLOTTANT */
#portrait {position:absolute; top:90px; left:200px; width:700px; height:990px; z-index:2000; display:none;}
#portrait img {border: 1px solid #595959; background:#FFFFFF; padding:4px;}
#portrait p {margin-top:-30px; color:#FFFFFF; text-align:center;}
#vignette {float:right; margin:0 0 10px 20px;}
#vignette img {border: 1px solid #595959; padding:2px;}

/* ZONE BAS ET PIED DE PAGE */
#zone6	{margin:0 auto; font-weight:lighter; }
.bas 	{background:#782D20; width:1000px; height:220px; margin:0 auto; font-size:0.85em; color:#FFFFFF; }
.information	{width:250px; float:left; text-align:center;}
.auteur			{width:250px; float:left; text-align:center;}
.infos			{width:250px; float:left; text-align:center;}
.creative		{width:250px; float:left; text-align:center;}
.bas a:link 	{color:#FFFFFF;}
.bas a:visited	{color:#FFFFFF;}
.bas a:hover	{color:#DF6D14;}
.bas a:active	{color:#EE1010;}

/* SURCHARGES SPIP */
li.section {margin-left:-37px; line-height:2.5em; font-size:0.95em;}
li.chapitre {margin-left:-27px; line-height:1.3em; font-size:0.95em;} 
li.groupes {margin-left:-37px; font-size:0.95em;}
.intro a:link {color:#A98C78; text-decoration:none;}
#documents_joints .spip_logos {margin-left:20px; border:0px;}

* --------------------------------------------------------------

	Carroussel d'images JQuery
	http://workshop.rs/projects/coin-slider

-------------------------------------------------------------- */
.coin-slider  	{position:absolute; overflow:hidden;}
.coin-slider a	{text-decoration: none; outline: none; border:none; }

.cs-title 	{position:absolute; z-index:1000; width:980px; padding:10px 0 10px 20px; background-color:#782D20; font-family: 'peignot'; font-size:1.2em;  color:#FFFFFF;}
.cs-prev, 
.cs-next	{background-color:#2F2F2F; color:#FFFFFF; padding:0px 10px;}

.cs-buttons {position:absolute; z-index:5000; font-size: 0px; margin:-25px 0 0 810px;}
.cs-buttons a {margin-left: 5px; height: 12px; width: 12px; float: left; border: 1px solid #FFFFFF;  border-radius: 10px;}
.cs-active 	{background-color:#FFFFFF;}

.cs-buttons-coin-slider {color:#FFFFFF;}
/* --------------------------------------------------------------
FIN DE FICHIER
-------------------------------------------------------------- */