/* Bisio */



		body

		{

			margin: 10px 0 ;

			padding: 0 ;

			/*text-align: center ;*/

			/*font: 0.8em "Trebuchet MS", helvetica, sans-serif ;*/

			font-family: Arial, Helvetica, sans-serif;

			background:#3B3B3B;



		}

		

		div#conteneur

		{

			width: 1024px ;

			margin: 0 auto ;

			text-align: left ;

			border: 10px solid #9A9A9A ;

			-moz-border-radius: 6px;     /* for Firefox */

			background: #fff ;

		}

		

		h1#header

		{

			height: 100px ;

			margin: 0 ;

			background: url(../images/ban_test4.jpg) no-repeat left top ;

		}

		

		h1#header a

		{

			width: 140px ;

			height: 40px ;

			display: block ;

			/*background: url(../images/lien_lect_mp3.jpg) no-repeat ;*/

			position: relative ;

			left: 630px ;

			top: 0px ;

		}

		

		h1#header a span

		{

			display: none ;

		}

		

		ul#menu

		{

			height: 35px ;

			margin: 0 ;

			padding: 0 ;

			background: url(../images/bg_menu3.gif) repeat-x 0 -25px ;

			list-style-type: none ;

		}

				

		ul#menu li

		{

			float: left ;

			text-align: center ;

		}

		

		ul#menu li a

		{

			/*width: 85px ;*/

			line-height: 25px ;

			font-size: 12px ;

			font-weight: bold ;

			padding-left: 7px;

			padding-right: 7px;

			/*letter-spacing: 2px ;*/

			color: #666666 ;

			display: block ;

			text-transform: uppercase;

			text-decoration: none ;

			/*border-right: 2px solid #DFDFDF ;*/

		}

		

		

/*		ul#menu a.lien_ext:after {

			content: "\0000a0[\2197]";

		} */

		

		ul#menu li a:hover

		{

			background: url(../images/bg_menu3.gif) repeat-x 0 0 ;

			color: #0137FF ;

		}

		

		div#contenu

		{

			padding: 0 25px 0 25px ;

			/*background: url(../images/bg_page.jpg) no-repeat 15px 15px ;*/

			height: 500px;

		}

		

		/* Div qui va contenir le texte */

		div#cadre {

			width: 98%;

			border: 1px solid #9A9A9A ;

			margin: 5px auto;

			padding: 5px 5px 5px 5px;

		}
		
		div#cadrenous {

			width: 98%;
			border: 1px solid #9A9A9A ;
			margin: 5px auto;
			padding: 5px 5px 5px 5px;

		}

		

		div#displayright {

			float:right; 

			display:block;

		}

		

		div#displayleft {

			float:left; 

			text-align: center;

		}
		
		div#displayleft a:hover {
			border:1px  solid #9A9A9A ;
		}

		

		div#displayright a:hover img {

			/*padding-left: 4px;*/

			border:1px  solid #9A9A9A ;

		}

		

		/* Pour cet encule de IE :) */

		html>body div#contenu

		{

			height: auto;

			min-height:500px;

		} 

		

		div#contenu hr

		{

			background-color:#9A9A9A;



		}

		div#contenu img

		{

			border:0;



		}

		

		div#contenu h1 {

			color: #0137FF;

			font-size:36px;

			text-align: center;		

		}

		

		div#contenu h2

		{

/*			padding-left: 25px ;*/

			font-family: Georgia, "Bitstream Vera Serif", Norasi, serif;

			font-weight: normal; /* -> 7 */

			font-style: italic;

			line-height: 25px ;

			font-size: 40px ;

/*			background: url(../images/little_apple.gif) no-repeat left bottom ;*/

			color: #9A9A9A ;

			margin-bottom: 0px;

			margin-left: 4px;

		}

		

		div#contenu h3

		{

			font-size: 18px;

			letter-spacing: -1px;

			font-weight:bold;

			font-family: Verdana, Arial, Helvetica, sans-serif;

			/*			margin-left: 15px ;*/

			margin-bottom: 0px ;

			padding-bottom: 0px ;

/*			border-bottom: 1px solid #9b2 ;

			border-top: 1px solid #9b2 ;

			border-right: 3px solid #9b2 ;*/

			/*border-left: 3px solid #9b2 ;*/

			color: #0137FF ;

/*			background-color:#336633;*/

		}

		

		div#contenu h4

		{

			color: #01BBFF;

			font-size: 15px;

			font-weight: bold;

			font-family: Verdana, Arial, Helvetica, sans-serif;

			padding-bottom: 3px;

			margin-bottom: 0px;

		}

		

		div#contenu h5

		{

			text-align: center;

			font-size: 14px;

			font-family: Verdana, Arial, Helvetica, sans-serif;

		}

		

		div#contenu strong {

			color: #0137FF;

			font-weight: bold;

		}

		

		div#contenu span

		{

			float: right;

			font-size: 18px;

			text-transform: uppercase;

			color: #0137FF ;

			font-weight:bold;



		}

		

		div#contenu span a {

			color: #0137FF ;

		}

		

		div#contenu span a:hover {

			margin-top: 4px;

			font-size:21px;

			color: #0137FF ;

		}

		div#contenu p

		{

			text-align: justify ;
			font-size: 13px;
			padding-left: 20px;

		}

		

		

		

		div#contenu p.centerp 

		{

			text-align:center;

			margin: 0 0 0 30px;

		}

		

/*		div#contenu p.gauche

		{



		}

		

		div#contenu p.gauche img

		{

			float:right; 

		}*/

		

		.image { 

			padding-left:50px;

			float:right;

			margin-bottom:50px;

		}

		

		div#contenu ul {

			font-family:Arial, Helvetica, sans-serif;

			font-size: 13px;

			margin-top: 0px ;

			padding-top: 0px ;

			

		}

		

		div#contenu li.contenularge {

			margin-bottom: 15px;

			margin-top: 15px ;

		}

		

		div#contenu li {

			display : list-item;

			list-style-image:url(../images/puceFlecheVerte.png);

			list-style-position: outside;

		}

		

		div#contenu li strong {

			font-size: 15px;

			color: black;

		}

				

		div#contenu a

		{

			color: #0137FF ;
			text-decoration: none ;
		}

		

		div#contenu a:hover

		{

			color: #0137FF ;

			text-decoration: underline ;

		}
		
		div#cadrenous p {
			font-size: 25px;
			font-weight: bold;
			color: #666666;
			text-align: center;
		}
		
		div#cadrenous h3 {
			font-size: 25px;
			font-weight: bold;
			color: #019A67;
			text-align: center;
		}
		
		div#cadrenous h4 {
			font-size: 25px;
			font-weight: bold;
			color: #000;
			text-align: center;
		}
		

		p#footer

		{

			font-size:11px;

			margin: 0 ;

			padding-right: 10px ;

			line-height: 30px ;

			text-align: right ;

			color: #8a0 ;

		}

		

		p#footer a

		{

			font-size:11px;

			color: #8a0 ;

		}

		

		

		pre

		{

			overflow: auto ;

			background: #dea ;

			border: 2px solid #9b2 ;

			padding: 5px 0 0 5px ;

			font-size: 1.2em ;

		}

		

		* html pre

		{

			width: 636px ;

		}

		

		pre span

		{

			color: #560 ;

		}

		

		pre span.comment

		{

			color: #b30000 ;

		}

		

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

/* ATTENTION, INFO */

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

.info, .attention {

  border: 1px solid #9b2; /* Pas besoin d'expliquer */

  padding: 4px;           /* Ne pas coller le TEXTE à la bordure */

  padding-left: 40px;     /* Pour que le texte ne soit pas SUR l'icône (image de fond) */

  min-height: 32px;       /* Au cas où le texte est plus petit : afficher l'icône en entier (2*4+32)... */

  vertical-align: middle; /* ... et centrer le texte verticalement */

}

.info {

  background: url('../images/info.png') #DDDDDD; /* Si on définit une propriété background alors il faut définir toutes les autres :   */

  background-repeat: no-repeat;        /* Impossible de définir la couleur, la position et la répétition une fois pour toute */

  background-position: 4px 50%;        /* dans la règle d'au dessus et de ne changer que l'image ici et en dessous !         */

  background-color:#9b2;

  color:#fff;

}

.attention {

  background: url('../images/attention.png') #DDDDDD; /* On définit donc la couleur de fond et l'icône à utiliser... */

  background-repeat: no-repeat;             /* ... une seule fois */

  background-position: 4px 50%;             /* et positionnée à 4 pixels de la gauche et centrée (impossible de d'utiliser une longueur */

  background-color:#9b2;

  color:#fff;

}   



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

/* GALERIE */

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

div#galerie

{

	/*width: 690px ;*/

	/*background: #CCC ;*/

	border: 1px solid #dcb ;

	padding: 10px ;

	margin: 10px 5px ;

	text-align: center ;

	font: 0.9em Georgia, serif ;

	min-height: 250px;

}



ul#galerie_mini

{

	margin: 0 ;

	padding: 0 ;

	list-style-type: none ;

	

}



ul#galerie_mini li

{

	float: left ;

	list-style:none;

	

}



ul#galerie_mini li p {

	margin-top: 2px;

	padding-top: 2px;

	text-align: center;

	width: 90px;
	color: #0137FF;

}



ul#galerie_mini li a img

{

	margin: 2px 1px ;

	border: 2px solid #fff ;

}



ul#galerie_mini li a:hover img

{

	border: 2px solid #0137FF ;

}



dl#photo

{

	clear: both ;

	margin: 0 auto ;

}



dl#photo dt

{

	font: italic 1em "Trebuchet MS", helvetica, sans-serif  ;

	color: #fff ;

}



dl#photo dd

{

	margin: 0 ;

}



dl#photo img

{

	border: 1px solid #000 ;

}