
.spip_surligne{
	background : #FFFFCC;
	}

a {
	text-decoration: none;
	color: #B90000;
}

a img
{
border: none ;
}

form {
	padding: 0;
	margin: 0;
	}

div {
	padding: 0;
	margin: 0;
	}

.spip_logos {
	margin-left: 10px;
}

/* Espaceur de blocs */
.nettoyeur { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; }

body {
	text-align: center;
	font-family: Verdana, Optima, Geneva, Helvetica, sans-serif;
	font-size: 12px;
	color: #454545;
	background: #FFF;
	margin: 0;
	padding: 0;
 
	}

p {
	padding: 0 0 10px 0;
	margin: 0;

	}

#container { 
	margin-left: auto;
	margin-right: auto;
	width: 850px;
	text-align: left;
	margin-bottom: 25px;
	padding-bottom: 25px;
}

#logo {
	width: 850px;
	height: 96px;
	text-indent: -4000px;
	background-image: url("images/logo.gif");
	margin: 0;
	padding: 0;
	}


.hidden {
	visibility: hidden;
	}


.spip_documents {
	margin: 10px;
	}
	
.lettrine {
	float: left; /* positionnement de la lettrine dans le conteneur*/
	font-size: 50px;
	font-style: normal;
	font-weight: bold;
	color: #60909F;
	margin: 0 10px 0 0;
	padding: 0;
	}
	
/* ======================================================================
   menu
*/

	#menu {
		width: 265px;
		float: left;
		font-size: 10px;
		color: #FFF;
		}

		

#fleche {
	position: relative;
	left: 50px;
	width: 201px;
	height: 28px;
	border-bottom: 2px solid #FFF;
	background: #B3B5B2 url(images/arrow_diag_d.gif) 103px 16px  no-repeat; 
	}
#eliepix {
	float: left;
	position: relative;
	left: 50px;
	width: 104px;
	height: 295px;
	background: #B3B5B2 url(images/elie-cohen.jpg);
	}
#menu-principal {
	position: relative;
	float: left;
	left: 50px;
	width: 95px;
	height: 295px;
	background: #B3B5B2;
	border-left: 2px solid #FFF;
	text-align: right;
	}
	
			a.bouton1{
				padding: 36px 3px 0 0;
				display: block;
				width: 92px;
				height: 15px;
				background: #9E4861;
				border-bottom: 1px solid #FFF;
				color: #FFF;
				}
					a.bouton1:hover {
						background: #78374A;
						}

			a.bouton2{
				padding: 36px 3px 0 0;
				display: block;
				width: 92px;
				height: 15px;
				background: #815F94;
				border-bottom: 1px solid #FFF;
				color: #FFF;
				}
					a.bouton2:hover {
						background: #624871;
						}

			a.bouton3{
				padding: 36px 3px 0 0;
				display: block;
				width: 92px;
				height: 15px;
				background: #60909F;
				border-bottom: 1px solid #FFF;
				color: #FFF;
				}
					a.bouton3:hover {
						background: #496E79;
						}

			a.bouton4{
				padding: 36px 3px 0 0;
				display: block;
				width: 92px;
				height: 15px;
				background: #879F60;
				border-bottom: 1px solid #FFF;
				color: #FFF;
				}
					a.bouton4:hover {
						background: #677949;
						}
#links {
	width: 104px;
	background: #B3B5B2;
	position: relative;
	float: left;
	left: 50px;
	text-align: right;
	padding: 3px 0 0 0;
	border-top: 2px solid #FFF;
	}
	#links a {
		color: #FFF;
		display: block;
		padding-right: 6px;
		}
		#links a:hover {
			background-color: #8F918E;
			}
			#links p {
				padding: 6px 0;
				}
				#biseau-links {
					background: url(images/coinglinks.gif) no-repeat;
					height: 16px;
					}
					#recherche {
						text-align: left;
						padding: 	3px;					
						}
						.bold {
					font-size: 11px;
					font-weight: bold;
					font-style: oblique;
					padding: 3px 6px 10px;
					border-top: 1px dotted;
					display: block;
					}
						

#thematique {
	position: relative;
	float: left;
	left: 50px;
	width: 95px;
	background: #71779F;
	border-left: 2px solid #FFF;
	border-top: 2px solid #FFF;
	padding: 3px 0 0 0;
	
	}
	#thematique a {
		color: #FFF;
		display: block;
		padding-left: 6px;
		padding-bottom: 4px;
		padding-top: 4px;
		border-bottom: 1px dotted #FFF;
		}
		#thematique a:hover {
			background-color: #C7B2B2;
			}
			#thematique p {
				padding: 6px
				}
				#thematique p {
					font-size: 11px;
					font-weight: bold;
					font-style: oblique;
					padding-bottom: 10px;
					border-bottom: 1px dotted #FFF;
					}
					#ornement1 {
						background: url(images/ornement1.gif) 20px 15px  no-repeat;
						height: 50px;
						}
						#biseau-them {
							background: url(images/coingthem.gif) no-repeat;
							height: 16px;
							}

/* ======================================================================
   menulist
*/


ul#menulist li ul{
  display:none;
}

ul#menulist li:hover>ul{
  display:block;
}
ul#menulist {
  position: static;
}

ul#menulist, ul#menulist ul {
  list-style:none;
  margin:0;
  padding:0;
  width:95px;
  background: #71779F;
}



ul#menulist ul{
  position:absolute;
  top:0px;
  left:95px;
}

ul#menulist li{
  position:relative;
  padding:0 0 0 3px;

  z-index: 1;
}

ul#menulist a{
  display:block;
  width:100%;
  text-decoration: none;
  width: 95px;
  padding: 5px 0;
}

ul#menulist li:hover, ul#menulist li a:hover {
  
  background-color: #8D92B2;
}

ul#menulist a {
	color: #FFFFFF;
	text-decoration: none;
}

/* ======================================================================
   contenu 
*/

	#contenu {
		width: 552px;
		padding-left: 33px;
		float: right;
		text-align: left;
		}

/* ======================================================================
   GROUPE MOT
*/

.theme {
	font-family: georgia, Big Calson, Palatino, serif;
	font-weight: bold;
	font-size: 20px;
	font-style: italic;
	padding: 0 15px;
	letter-spacing: 4px;
	margin-bottom: 0px;
	color: #454545;
		background: transparent url(http://www.elie-cohen.eu/squelettes/images/parenthese1.gif) no-repeat;
		background-position: -2px;

	}
#groupemot h4 {
	margin-top: 0;
	}

#parenthese {
	background: transparent url(http://www.elie-cohen.eu/squelettes/images/parenthese2.gif) no-repeat;
	background-position: 2px;
	display: inline-table;
	margin-top: 50px;
	
	}


/* ======================================================================
   MOT
*/

		#titre-mot {
			background: #B3B5B2 url(images/arrow_d.gif) 10px 10px  no-repeat;
			margin: 0 0 2px 0;
		}
			#menu-mot {
		background-color: #B3B5B2;
		font-size: 11px;
		margin: 0px;
		}
		#mot-contenu a:hover {
			border-bottom: 1px dotted;
			}
		#mot-contenu h3 {
			margin: 10px 0 0 0;
			}
			#mot-contenu h3 a {
				color: #60909F ;
				}

			.mot_bloctitre {
				margin-bottom: 15px;
				font-size: 10px;
				}
		.mot_bloctitre span a {
			font-family: georgia, serif;
			color: #B90000;
			font-weight: bold;
			font-style: italic;
			font-size: 13px;
			}

/* ======================================================================
   contenu menu-rubrique
*/


	#titre-rubrique1 {
			background: #9E4861 url(images/arrow_d.gif) 10px 10px  no-repeat;
			margin: 0 0 2px 0;
		}
	#titre-rubrique2 {
			background: #815F94 url(images/arrow_d.gif) 10px 10px  no-repeat;
			margin: 0 0 2px 0;
		}
	#titre-rubrique3 {
			background: #60909F url(images/arrow_d.gif) 10px 10px  no-repeat;
			margin: 0 0 2px 0;
		}
	#titre-rubrique4 {
			background: #879F60 url(images/arrow_d.gif) 10px 10px  no-repeat;
			margin: 0 0 2px 0;
		}


		
		h2 {
			color: #FFF;
			text-indent: 25px;
			font-weight: bold;
			font-size: 17px;
			letter-spacing: 3px;
			padding: 4px 3px 3px 3px;
			margin: 0;
			}


	#menu-rubrique1 {
		background-color: #B3B5B2;
		font-size: 11px;
		margin: 0px;
		}

			#menu-rubrique1 a {
				padding: 0px 10px;
				color: #FFF;
				border-right: 1px solid #FFF;
			}
			#menu-rubrique1 a:hover {
				background: #868885;
				text-decoration: none;
				}
	#logo-rubrique {
		text-align: right;
		height: 103px;
		margin-top: 2px;
		}

	#themesrub {
		color: #9C9C9C;
		font-size: 10px;
		}
		#themesrub a {
			color: #545453;
			}
			#article_liste {
				font-family: georgia, Big Calson, Palatino, serif;
				font-size: 13px;
				font-weight: bold;
				letter-spacing: 1px;
				}
				#liensmag a{
					color: #60909F;
					font-weight: bold;
					}
				#introlist_art {
					padding-left: 15px;
					background-image: url("http://www.elie-cohen.eu/squelettes/images/flechpix.gif");
					background-repeat: no-repeat;
					background-position: 0px 4px;
					}

/* ======================================================================
   article texte
*/

#art-container {
	
	}

#collone-d {
	width: 103px;
	float: right;
	text-align: right;
	margin-top: 4px;
	}
	#collone-d a:hover {
	text-decoration: underline;
	}
	#collone-d p {
		display: block;
		border-bottom: 1px dotted #60909F;
		padding-bottom: 3px;
		font-size: 9px;
		}
		
#article {
	width: 425px;
	position: relative;
	}
	
	#hierarchie {
		font-family: georgia, Big Calson, Palatino, serif;
		font-size: 11px;
		font-style: italic;
		padding: 3px;
		border-bottom: 1px solid;

		}
		#hierarchie a:hover {
			text-decoration: underline;
			}
			#hierarchie p {
				padding: 2px;
				}
	
	#texte {
		padding-bottom: 20px;
		text-align: justify;
		border-bottom: #DEDEDE 1px solid;
		}
			#texte a:hover {
				border-bottom: 1px dotted;
				}
	#texte img.spip_logos {
		border: 1px solid #333 !important;
		margin: 10px 0 15px 25px;
		}
	
	
#titres {
	margin-top: 20px;
	margin-bottom: 40px;
	}
/* ======================================================================
   meme themes
*/
		#meme_theme a:hover {
			border-bottom: 1px dotted;
			}
			#meme_theme h4 a {
				color: #60909F ;
				}


	
/* ======================================================================
   titres
*/
h3 {
	font-family: georgia, Big Calson, Palatino, serif;
	font-weight: bold;
	font-size: 22px;
	font-style: italic;
	letter-spacing: 2px;
	text-indent: 25px;
	background: url(images/icon-article.gif) 0px 3px no-repeat;
	padding-bottom: 0;
	margin-bottom: 0;
}

h4 {
	font-family: georgia, Big Calson, Palatino, serif;
	font-size: 13px;
	font-weight: bold;
	letter-spacing: 1px;
	}
	.liendate {
		margin: 0;
		}
/* ======================================================================
   footer
*/

#footer {
	color: #B3B5B2;
	clear: both;
	font-size: 10px;
	padding-top: 50px;
	margin: 10px 0 3px 0;
	text-align: center;

	}
	#footer a:hover {
		border-bottom: 1px dotted;
		}
		
.courier {
	font-family: courier, monospace;
	}


/* ======================================================================
   SOMMAIRE
*/

#container-index { 
	margin-left: auto;
	margin-right: auto;
	width: 515px;
	text-align: left;
	margin-bottom: 25px;
	padding-bottom: 25px;
}

#logo-index {
	width: 515px;
	height: 88px;
	text-indent: -4000px;
	background-image: url("images/logo-index.gif");
	margin: 0;
	padding: 0;
	}
	
#index-boite {
	width: 479px;
	position: relative;
	left: 36px;
	}

#fleche-index {
	text-align: right;
	padding: 5px;
	height: 20px;
	margin-bottom: 2px;
	background: #B3B5B2 url(images/arrow_diag_d.gif) 7px 7px  no-repeat;	
	}

#menu-index {
	font-size: 10px;
		margin: 0;
		padding: 0;
		white-space:nowrap;
		text-align: right;
		display: inline;
	}
	.floating-left {
		float: left;
		margin-bottom: 2px;
		}

			a.index-bouton1{
						padding: 25px 3px 0 0;
				display: block;
				width: 116px;
				height: 15px;
				background: #9E4861;
				margin-right: 1px;
				color: #FFF;
						}
							a.index-bouton1:hover {
								background: #78374A;
								}
			a.index-bouton2{
						padding: 25px 3px 0 0;
				display: block;
				width: 116px;
				height: 15px;
				background: #815F94;
				margin-right: 1px;
				color: #FFF;
						}
							a.index-bouton2:hover {
								background: #624871;
								}
			a.index-bouton3{
						padding: 25px 3px 0 0;
				display: block;
				width: 116px;
				height: 15px;
				background: #60909F;
				margin-right: 1px;
				color: #FFF;
						}
							a.index-bouton3:hover {
								background: #496E79;
								}
			a.index-bouton4{
						padding: 25px 3px 0 0;
				display: block;
				width: 116px;
				height: 15px;
				background: #879F60;
				color: #FFF;
						}
							a.index-bouton4:hover {
								background: #677949;
								}

#container-index img {
	margin: 0;
	padding: 0;
	}

.petit-titre {
	font-size: 14px;
	font-weight: bold;
	color: #333;
	padding: 3px 0px 3px 6px;
	/* border-bottom: 1px dotted #FFF; */
	margin-bottom: 0 !important;
	}


#news-index {
	background-color: #abb3be;
	margin: 0;
	font-size: 12px;
	color: white;
	}
*html #news-index {
display: inline-block; /*hack IE6 peek a boo bug*/
}	
	#news-index a {
		display: block;
		border-top: 2px solid #FFF;
		color: white;
		font-size: 12px;
		clear: both;
		text-decoration: none;
		}
	*>#news-index a:hover { /* hack tout sauf IE6 */
		background: #838c98;
		text-decoration: none;
		}		

	#news-index p {
		padding: 6px;
		}
#news-container {
	}

#news-index h4 {
	background-color: #333;
	border-top: 2px solid #FFF;
	text-align: center;
	margin: 0;
	padding: 3px 0;
	font-family: Verdana, sans-serif;
	color: #eed718;
	}

p.news-sousitre {
	margin-top: 0 !important;
	padding-top: 0 !important;
	font-size: 9px;
}

.accueil_minilogo {
	float: right;
	margin: 3px;
	}

	
.accueil_minilogo_book {
	float: right;
	margin: 6px 6px 0 6px;
	border: #333 solid 1px;
	}	

	
.clearing {
	clear: both;
	}

