/*  ----------------------------------------------------------- */
/*  Feuilles de styles du squelette IQ pour SPIP 1.9.x          */
/*  ----------------------------------------------------------- */

html,body { margin:0; padding: 14px; }
body { font: 76% arial,sans-serif; text-align:center; background-color:#e5e5e5;}
/* p { margin:0 10px 10px; } */
a { color: #981793; }

/* Mise en page */
#conteneur { width:747px; margin:0 auto; text-align:left; background-color:#f9f9f9; padding-left: 13px; padding-right: 13px; padding-bottom: 6px; padding-top: 6px; } 
#pre-entete { height:45px;}
#ephemeride { height:32px; width:587px; float: left; background-color:#00488c; padding: 5px; font-size: 10px; font: arial; color: white; }
#projet { background-image: url(images/monolys-normal.jpg); display: block; height:42px; width:147px; float: left; margin-left: 2px; }
#projet a { text-decoration: none; display: block; height: 42px; width: 146px; }
#projet a:hover { background-image: url(images/monolys-selection.jpg); } 
#entete { height:86px; padding-bottom:4px; margin-bottom:4px; border-bottom: solid 1px black; }
#logo { background-image: url(images/logo-iq-01.jpg); display: block; width: 155px; height: 86px; float: left; margin-right: 2px;}
#logo a { display: block; text-decoration: none; width: 155px; height: 86px; }
#logo a:hover { background-image: url(images/logo-iq-02.jpg); }
#contenu { float:right; width:580px; padding-left:10px; }
#gauche-haut { background:#B9CAFF; }
#gauche-haut { float:left; width:155px; }
#gauche-bas { float:left; clear:left; width:155px; height:357px; border: 1px; }
#gauche-bas p { height:346px; }
#pied { clear:both; width:100% }

/* Ceinture */
.ceinture { 
	height: 15px; 
	width: 747px; 
	background-image: url(images/ceinture.jpg); 
	background-repeat: no-repeat; }
	
/* Ceinture */
.chevron-ligne { 
	height: 12px; 
	width: 747px; 
	background-image: url(images/chevron-ligne.jpg); 
	background-repeat: no-repeat; }

/* Chevron */
.chevron { float:left; }

/* Menu horizontal */
.case-01 { 
	background-image: url(images/case-normale-01.jpg);  
	width: 142px;  
	height: 84px;
	margin-left: 5px;
	float: left; 
	position: relative;
	} 
.case-01 a { display:block; } 
	
.case-02 { 
	background-image: url(images/case-normale-02.jpg);  
	width: 142px;  
	height: 84px;
	margin-left: 5px;
	float: left; 
	position: relative;
	} 
.case-02 a { display:block; } 
	
.case-03 { 
	background-image: url(images/case-normale-03.jpg);  
	width: 142px;  
	height: 84px;
	margin-left: 5px;
	float: left; 
	position: relative;
	} 
.case-03 a { display:block; } 
	
.case-04 { 
	background-image: url(images/case-normale-04.jpg);  
	width: 142px;  
	height: 84px;
	margin-left: 5px;
	float: left; 
	position: relative;
	} 
.case-04 a { display:block; } 
	
.case-01 h1 { clear: left; line-height: 55px; vertical-align: middle; text-align:center; color: white; center; font: arial; font-size: 12px; font-weight: bold; }
.case-02 h1 { clear: left; line-height: 55px; vertical-align: middle; text-align:center; color: white; center; font: arial; font-size: 12px; font-weight: bold; }
.case-03 h1 { clear: left; line-height: 55px; vertical-align: middle; text-align:center; color: white; center; font: arial; font-size: 12px; font-weight: bold; }
.case-04 h1 { clear: left; line-height: 55px; vertical-align: middle; text-align:center; color: white; center; font: arial; font-size: 12px; font-weight: bold; }
.case-01 a { text-decoration: none; height: 65px; width: 123px; padding:10px; }
.case-02 a { text-decoration: none; height: 65px; width: 123px; padding:10px; }
.case-03 a { text-decoration: none; height: 65px; width: 123px; padding:10px; }
.case-04 a { text-decoration: none; height: 65px; width: 123px; padding:10px; }

.case-01 a:hover { background-image: url(images/case-selection-01.jpg); } 
.case-02 a:hover { background-image: url(images/case-selection-02.jpg); } 
.case-03 a:hover { background-image: url(images/case-selection-03.jpg); } 
.case-04 a:hover { background-image: url(images/case-selection-04.jpg); } 

/* Menu gauche */
.casette { 
	list-style-type: none; 
	margin: 0px; 
	padding: 0px; 
	width: 155px; 
	background-color: #f9f9f9; /* Gris pale */
	padding-bottom:4px; 
	border-bottom: solid 1px black;
	} 
.casette li { padding-top: 4px; margin-bottom: 1px; width: 100%; }
.casette h1 {
	font-weight: bold;
	text-align: center;
	margin: 0px;
	font-stretch: narrower;
	font-size: 12px;
	font: arial;
}

.casette-01 a { 
	display: block; 
	background-image: url(images/casette-normale-01.jpg);
	color: white; 
	text-align: right; 
	padding-bottom: 3px; 
	padding-top: 3px; 
	text-decoration: none; 
	}  
.casette-01 a:hover { background-image: url(images/casette-selection-01.jpg); }

.casette-02 a { 
	display: block; 
	background-image: url(images/casette-normale-02.jpg);
	color: white; 
	text-align: right; 
	padding-bottom: 3px; 
	padding-top: 3px; 
	text-decoration: none; 
	}  
.casette-02 a:hover { background-image: url(images/casette-selection-02.jpg); }

/*  ------------------------------------------
/*  Typographie generale du site
/*  ------------------------------------------ */

/* Typo pour les menus et la navigation */
body, #navigation, .encart, .formulaire_spip {
	font-family: Verdana, Tahoma, Arial, sans-serif; }

/* Typo pour le contenu */
#contenu {
	font-family: "Trebuchet MS", Helvetica, sans-serif; }

/* Typo pour les citations et extraits introductifs */
q, blockquote, .liste-articles li .texte, h3.spip, .voirskel {
	font-family: Georgia, Times, serif; }

/*  ------------------------------------------
/*  Habillage du contenu
/*  ------------------------------------------ */

/*  Cartouche et titraille
---------------------------------------------- */
.cartouche { margin-bottom: 0px; }

.cartouche .titre {
	font-size: 14px;
	font-weight: bold;
	font: arial;
	margin-top: 4px;
	padding-left: 8px;
	padding-top: 2px;
	padding-bottom: 2px;
	color: white; 
	background: #00488c;}
#contenu .surtitre, #contenu .soustitre { font-size: 0.82em; }

.cartouche .spip_logos {
	float: right;
	margin-left: 16px;
	margin-bottom: 16px; }
	
.date { font: arial; color: #01488a; font-size: 10px; padding-left: 8px; }

.cartouche p { margin: 0; padding: 0; clear: left; }
.cartouche small { font: arial; font-size: 10px; color: #02a4e4; }

.cartouche .traductions { font-size: 0.71em; }
.cartouche .traductions * { display: inline; }
.cartouche .traductions li { padding-left: 1em; }


/*  Mise en forme des textes du contenu
---------------------------------------------- */
.chapo {
	margin-bottom: 1.5em;
	font-weight: bold;
	line-height: 1.4em; }

.lien {
	background: #EEE;
	margin: 1em;
	margin-bottom: 1.5em;
	padding: 0.82em;
	border: 1px solid #CCC;
	font-size: 0.82em;
	font-weight: bold; }

.texte { font: arial; color: #01488a; font-size: 12px; margin: 0px; padding-left: 8px; }

.ps, .notes {
	margin-top: 1.4em;
	padding-top: 2px;
	border-top: 2px solid #CCC; }
.ps { font-size: 0.82em; }
.notes { clear: both; font-size: 0.77em; }
.ps h2, .notes h2 { font-size: 1.19em; font-weight: bold; }

.separateur {
height: 1px;
width: 50%;
display: left;
background-color: #02a4e4;
margin-left: 0px;
margin-top: 6px;
margin-bottom: 6px;
}

.separateur-01 {
height: 1px;
width: 90%;
display: left;
background-color: #02a4e4;
margin-left: 0px;
margin-top: 6px;
margin-bottom: 6px;
}

.separateur-02 {
height: 1px;
width: 50%;
display: left;
background-color: #00488c;
margin-left: 0px;
margin-top: 6px;
margin-bottom: 6px;
}

/* Listes d'articles et extraits introductifs
----------------------------------------------- */

.liste-articles a { color: #02a4e4; text-decoration: none; margin:8px; }
.liste-articles a:hover { color: #00488c; margin:8px;}
.liste-articles h3 { font-size: 12px; margin: 0px; }

.pagination { font-size: 0.90em; }