/* CSS Document 


___________•\\_~_//•__________ 
··..:.:.::cheznoir.com:::.:.:...·· 
¯¯¯¯¯¯¯¯¯¯¯•//¯~¯\\•

*/

body {
	background: #E14207 url(../images/bg.jpg) left top !important;
	background: #E14207 url(../images/bgie.jpg) left top repeat-x;
	text-align: center;
	margin: 0;
	padding: 0;
	}


img {
	margin: 0;
	padding: 0;
}

div[id="back-stripe"] {
	width: 100%;
	background: transparent url(../images/ombre.png) top left repeat-x;
}

div[id="shadow"] {
	width: 825px; 
 	text-align: center; 
	background: transparent url(../images/shadow.png) top left repeat-y;
	margin: 0 auto;
}

 #container {
 	width: 805px;
 	min-height: 1100px;
 	margin: 0 auto;
 }

#titre {
	
	height: 258px;
	background: transparent url(../images/titre.gif) no-repeat left top;
}

#bodytile {
	text-align: left;
	background: transparent url(../images/bodytile.jpg) top left repeat-y;
 	float: left;
 	width: 805px;
 }

#leftwrap {
	float: left;
 	margin-top: 10px;
	padding-left: 35px;
 	width:435px;
}
	
#rightwrap {
	width: 237px;
 	float: left;
 	margin: 0 0 0 21px;	
	}
	
#right-side-divider {
	background: transparent url(../images/photo_cipto.jpg) top left no-repeat;
	width: 237px;
 	height: 190px;
}

#right-side-divider2 {
	background: transparent url(../images/photo2.jpg) top left no-repeat;
	width: 237px;
 	height: 190px;
}

#right-side-divider3 {
	background: transparent url(../images/photo3.jpg) top left no-repeat;
	width: 237px;
 	height: 190px;
}

#right-side-divider4 {
	background: transparent url(../images/photo4.jpg) top left no-repeat;
	width: 237px;
 	height: 190px;
}

#right-side-divider5 {
	background: transparent url(../images/photo5.jpg) top left no-repeat;
	width: 237px;
 	height: 190px;
}
		
		
#right-side-divider6 {
	background: transparent url(../images/photo6.jpg) top left no-repeat;
	width: 237px;
 	height: 190px;
}

#right-side-divider7 {
	background: transparent url(../images/photo7.jpg) top left no-repeat;
	width: 237px;
 	height: 190px;
}

#right-side-divider8 {
	background: transparent url(../images/photo8.jpg) top left no-repeat;
	width: 237px;
 	height: 190px;
}
#footer {
	display:block; 
	margin: 0pt; 
	padding: 0pt 0px 0pt 0pt; 
	background: transparent url(../images/footer.gif) no-repeat scroll left top; 
	width: 800px; 
	height: 56px; 
	clear: both; 
	overflow: hidden;	
}
 #footer span { visibility: hidden; }

#footer p {
		text-indent: -1000em;
}


#fioriture {
	background: transparent url(../images/fioritur.gif) top left no-repeat;
	width: 237px;
 	height: 80px;
}

/*************************************************************************************************************/

/***** menu CSS *****/
@media print {
/*A l'impression on cache le menu, marche au moins pour IE, Moz et Opéra.*/
	.menu, .ssmenu {
		visibility:hidden;
	}
}

.menu, .ssmenu {
	background-color:#ffff99;
	color:black;
	font-size:12px;
	font-weight:bold;
	border:2px solid #660000;
	padding:1px;
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	opacity: 0.75;
/* width et margin sont au cas où le javascript est désactivé. */
	width:15em;
	margin:1em;
}
/* .menu = les cases toujours visibles (comme Fichier, Edition... dans un logiciel) */
.menu {
	text-align:center;
}
.menu span, .ssmenu span {
/* Ne pas toucher
	C'est pour cacher les ; en fin de <li>, ce qui permet aux synthèse vocales de prendre une
	pause dans l'élocution */
	display:none;
}
/* .ssmenu = Les parties "déroulantes" qui s'affiche au survol d'un .menu */

.ssmenu ul, .ssmenu li {
/* Ne pas trop toucher.
	Les items (les <li>) des sous-menus, notamment pour enlever les puces des liste */
	padding:0;
	margin:0;
	list-style-type:none;
}

.menu a, .ssmenu a, .menu a:visited, .ssmenu a:visited {
/* Les liens qui ne sont pas sous le curseur. */
	font-family: "MS Sans Serif", sans-serif, Verdana, Arial;
	text-decoration:none;
	color:#000;
	padding:2px 1px;
/* Ne pas modifier le block */
	display:block;
/*	Un width:100% fait planter Mozilla, sans le width:100% c'est IE et Opera... La combinaison
	aucun width et height:100% marche sur tous, donc ne pas toucher ces 2 lignes */
/*	height:100%;
	margin:0px;*/
	margin:0px;
	width:100%;
}
html>body .menu a, html>body .menu a:visited, html>body .menu a:hover, html>body .menu a:active,
html>body .ssmenu a, html>body .ssmenu a:visited, html>body .ssmenu a:hover, html>body .ssmenu a:active {
	width:auto;
}

.ssmenu ul:hover, .ssmenu a:hover, .ssmenu a:focus, .menu a:hover, .menu a:focus {
/* Les liens sous le curseur.
	On change les couleurs du texte et de fond, et on enlève le soulignement.
	*/
	background-color:#cc3300;
	color:white;
	text-decoration:none;
}


img {
/* Si on met une image dans un lien (par exemple un logo à gauche du lien), pas de bordure
	car c'est vilain :-p */
	border:none;
}

.ssmenu img {
/* un petit espacement entre l'image et le texte du lien <a href="..."><img.../>blabla</a> */
	margin-right:2px;
}

.ssmenu img.hr {
/* Encore un peu expérimental, un <hr /> entre deux items pour faire un "séparateur"... */
	margin-top:1px;
	margin-bottom:1px;
	margin-left:0;
	margin-right:0;
	width:100%;
	display:block;
}


/*************************************************************************************************************/

#leftwrap a:link, /*couleur des lien du container de gauche*/
#leftwrap a:visited,
#leftwrap a:active {
	color: #000000;
	text-decoration: none;
	padding-bottom: 1px;
	font-weight: bold;
}

#leftwrap a:hover {
	color: #fff;
	text-decoration: none;
	padding-bottom: 1px;
}


#rightwrap a:link,
#rightwrap a:visited,
#rightwrap a:active {
	color: #914121;
	text-decoration: none;
	padding-bottom: 0px;
	background: transparent url(../images/dots-bottom.gif) bottom left repeat-x;
}

#rightwrap a:hover {
	color: #000;
	text-decoration: none;
	padding-bottom: 0px;
}


/*************************************************************************************************************/

#leftwrap h1 {
	font-family: "Georgia", "Times", serif;
	font-size: 1.3em;
	font-weight: normal;

	line-height: 100%;
	letter-spacing: -0.04em;

	text-align: left;
	
	margin-left: 0; margin-right: 0;
  margin-top: 10px;
	padding-bottom: 4px;
	color: #fff;
}
#leftwrap h4 {
	font-size: 0.96em;
	color:#630C02;
}


#leftwrap p,
#leftwrap li { 
	font-family:  "Georgia", "Times", serif;
	font-size: 0.78em;
	line-height: 155%;

	text-align: left;

	margin-left: 0; margin-right: 0;

	color: #630C02;
}

#leftwrap ul {
	list-style: none;
	margin: 0;
	padding: 0;
	padding-left: 20px;
	margin-top: 10px;
	margin-bottom: 10px;
}




/*************************************************************************************************************/

#rightwrap h1 {
	font-family:  "Georgia", "Times", serif;
	font-size: 1.05em;
	font-weight: normal;

	line-height: 100%;
	letter-spacing: -0.04em;

	text-align: center;

	margin: 0;
	margin-top: 10px;
	margin-bottom: 20px;

	color: #815D48;
}

#rightwrap h2,
#rightwrap h3 {
	font-family:  "Georgia", "Times", serif;
	font-size: 0.85em;
	font-weight: normal;
	font-style: italic;

	line-height: 125%;

	text-align: left;

	margin-left: 15px;
	margin-right: 15px;

	padding-bottom: 1px;

	background: transparent url(../images/dots-bottom-light.gif) bottom left repeat-x;

	color: #815D48;
}

#rightwrap ul {
	list-style: none;
	margin: 0 0 15px 0;
	padding: 0;
}

#rightwrap p,
#rightwrap blockquote p {
	font-family:  "Georgia", "Times", serif;
	font-size: 0.7em;
	line-height: 155%;

	text-align: left;

	margin-left: 25px;
	margin-right: 15px;

	border-left: 1px solid #9F765F;
	padding-left: 10px;

	color: #744D37;
}

#rightwrap li {
	font-family:  "Georgia", "Times", serif;
	font-size: 0.7em;
	line-height: 125%;

	text-align: left;

	margin-top: 5px;
	margin-bottom: 5px;

	margin-left: 25px;
	margin-right: 15px;

	border-left: 1px solid #9F765F;
	padding-left: 10px;

	color: #744D37;
}

.horalab {
margin-left: 40px;
}
.horalab2 {
margin-left: 20px;
}


/*************************************************************************************************************/

/*************************************************************************************************************/