/*	Servantes des Pauvres - osb
	Copyright © 2008
	
	screen_accueil.css
*/	

html {
	background	: #fff url(/$/img/fd_degrade.png);
	padding		: 0;
	margin		: 0;
	font-family	: verdana, arial, sans-serif;
	font-size	: 85%;
	color		: #000;
	}

a {
	color			: rgb(153, 0, 0);
	text-decoration	: none;
	}
a:focus {
	outline			: none;		/* Supprime les pointillés lors d'un focus sur un lien */
	}

#conteneur {
	background	:  url(/$/img/etoile4.png) 0 -55px;
	text-align	: center;
	width		: 800px;	/* Largeur de l'image de fond */
	margin		: auto;
	}

#titre1 {
	margin-top	: 20px;
	}	
.imgaccueil {
	margin		: 23px 123px;
	padding		: 100px;
	width		: 165px;
	height		: 166px;
	border		: 0;
	}

#soustitre {
	position	: relative;
	top			: 280px;
	margin		: auto;
	color		: #921902;
	font		: 2em times, serif;
	}

/* Gestion des items de menus */
dl, dt, dd {
	padding			: 0;
	margin			: 0;
	}
ul, li {
	padding			: 0;
	margin			: 0;
	}
li {
	margin-left		: 30px;
	}

#menu {
	position	: relative;
	top			: 0;
	margin		: auto;
	height		: 300px;
	}

#menu dt {
	cursor		: pointer;
	height		: 20px;
	line-height	: 20px;
	margin		: 2px 0;
	text-align	: center;
	font-weight	: bold;
	color		: #AE4831; 
	}
#menu dt a {
	color		: #AE4831 !important;
	}

#menu dd {
	position	: absolute;
	left		: 0;
	margin-top	: -3px;
	min-width	: 165px;
	font-weight	: normal !important;
	text-align	: left;
	}

#menu ul {
	padding			: 2px;
	list-style-type	: none;
	list-style-image: url(/$/img/csb2.png);
	}
#menu li {
	margin-left		: 20px;
	text-align		: left;
	font-size		: 85%;
	height			: 18px;
	line-height		: 18px;
	}
#menu li a, #menu dt a {
	color			: #000;
	text-decoration	: none;
	display			: block;
	}

#menu li a:hover {
	text-decoration	: underline;
	}

#menu1,#menu2,#menu3,#menu4,
#menu5,#menu6  {
	position		: absolute;
	width			: 140px;
	}

#menu1 {
	left	: 80px;
	top		: 40px;
	}
#menu2 {
	right	: 80px;
	top		: 40px;
	}
#menu3 {
	left	: 50px;
	top		: 125px;z-index		: 50;
	}
#menu4 {
	right	: 50px;
	top		: 125px;
	}
#menu5 {
	left	: 80px;
	top		: 210px;
	}
#menu6 {
	right	: 80px;
	top		: 210px;
	}

/* Sous-menu cachés en cas de javascript désactivé */
#smenu1, #smenu2, #smenu3, #smenu4, #smenu5, #smenu6  {
	display: none;
	}

/* rollover.css */
/* images centrales */

#f0 {
	position		: absolute;
	top				: 38px;
	left			: 303px;
	color			: #f00;
	font			: 0.9em arial;
	background-color: transparent;
	width			: 150px;
	height			: 150px;
	}
	
#f1, #f2, #f3, #f4, #f5, #f6 {
	position		: absolute;
	top				: 40px;
	left			: 305px;
	visibility		: hidden;
	background-color: transparent;
	width			: 150px;
	height			: 150px;
	}
#f0 img, #f1 img, #f2 img, #f3 img, #f4 img, #f5 img, #f6 img {
	border			: none;
	}

/* pensees */
.pensee {
	clear				: both;
	font-size			: 0.8em;
	background-color    : #FDF6EC;/*#fbedd9;*/
	border			    : 1px solid #E5B8B0;
	color		        : #B8402E;
	font-style	        : italic ;
	font-weight		    : bold;
	width				: 70%;
	margin				: 6em auto -4em auto;
	padding				: 0.1em 0.8em;
	line-height			: 150%;
	}
.pensee p {
	text-align			: left;
	}
.pensee p.right {
	text-align			: right;
	}
.pensee3 {
	clear				: both;
	font-size			: 0.8em;
	background-color    : #FDF2DE;
	border			    : 1px solid #E5B8B0;
	color		        : #B8402E;
	font-style	        : italic ;
	font-weight		    : bold;
	width				: 70%;
	margin				: 6em auto -4em auto;
	padding				: 0.1em 0.8em;
	line-height			: 150%;
	-moz-border-radius	: 9px;
	}
.pensee3 p {
	text-align			: left;
	}
.pensee3 p.right {
	text-align			: right;
	font-style	        : normal;
	}
.pensee3 a:hover {
	text-decoration		: underline;
	}

#pensee {
	clear				: both;
	font-size			: 0.8em;
	background-color    : #FDF2DE;
	border			    : 1px solid #E5B8B0;
	/*color		        : #B8402E;*/
	color		        : #68241A;
	font-style	        : italic ;
	font-weight		    : bold;
	width				: 70%;
	margin				: 6em auto -4em auto;
	padding				: 0.1em 0.8em;
	line-height			: 150%;
	-moz-border-radius	: 9px;
	}
#pensee  p {
	text-align			: left;
	}
#pensee  p.right {
	text-align			: right;
	font-style	        : normal;
	}

	
#javascript {
	position			: fixed;
	top					: 1em;
	right				: 1em;
	border				: 1px solid #c00;
	padding				: 0.3em;
	background-color	: #FFF8F8;
	color				: #800;
	font-size			: 0.8em;
	}

#pied {
	margin-top			: 70px;
	font-size			: 0.8em;
	text-align			: center;
	padding				: 0.3em 0;
	}