#bloc_page
{
width: 1000px;
margin: auto;
background: white;
}

#entete
{
height: 271px;
background: url('images/fond.JPG');
}

#entete_page
{
background-color: rgb(83, 0, 13);
height: 155px;
}

#jeune
{
left: 550px;
}

#idole
{
left: 530px;
}

#conse
{
left: 443px;
}

#retro
{
 left: 432px; 
}

#culte
{
left: 550px;
}
#deliv
{
left: 490px;
}
#haine
{
left: 430px;
}
#piete_titre
{
left: 560px;
}
#medi
{
left: 500px;
}


/* menu principal */
#menu{
width: 999px;
position: relative;
top: 20px;
margin: 0;
padding: 10px 0 0 0;
list-style: none;
background: rgb(255, 248, 151);
-moz-border-radius: 50px;
border-radius: px;
-moz-box-shadow: 0 2px 1px #9c9c9c;
-webkit-box-shadow: 0 2px 1px #9c9c9c;
box-shadow: 0 2px 1px #9c9c9c;
}
#menu li{
float: right;
padding: 0 0 10px 0;
position: relative;
right: 15px;
}
#menu a{
float: left;
height: 25px;
padding: 0 10px;
color: black;
---text-transform: uppercase;
font: 12px/25px Helvetica;
text-decoration: none;
text-shadow: 0 1px 0 #000;
}
#menu li:hover > a{
color: #999;
}
*html #menu li a:hover{ /* IE6 */
color: #999;
}
#menu li:hover > ul{
display: block;
}
/* Rétablissement du flottement */
#menu:after{
visibility: hidden;
display: block;
font-size: 0;
content: " ";
clear: both;
height: 0;
}
* html #menu { zoom: 1; } /* IE6 */
*:first-child+html #menu { zoom: 1; } /* IE7 */

.une
{
background: red; 
color: white; 
margin-left: 35px; 
text-align: center; 
font-size: 1.8em; 
font: 28px Rockwell Condensed;
text-decoration: none; 
padding: 8px 10px 10px 10px;
position: relative;
top: 7px; 
}
.une:hover {
color: #999;
}

.formation /* C'était pour le lien de la bande passante */
{
color: rgb(185, 240, 230);
text-decoration: none;
}
.formation:hover {
color: #999;
}

.imagelivres
{
margin-top: 15px;
}

.livres
{
text-decoration: none; 
color: rgb(220, 222, 245);
}
.livres:hover {
color: #999;
}

.editions
{
text-decoration: none;
color: black;
}
.editions:hover {
color: #999;
}
.sortie
{
text-decoration: none;
color: rgb(196, 16, 26);
}
.sortie:hover {
color: #999;
}

.imagejournal
{
margin-top: 5px;
}
.journal
{
text-decoration: none; 
color: rgb(220, 222, 245);
}
.journal:hover {
color: #999;
}


.imagehd1
{
text-align: center;
}
#P1
{
text-decoration: none; 
color: white;	
}

#P1:hover {
color: rgb(196, 16, 26);
}

/** css image au centre **/

div#col1 {
		float				: left;
		---background-color	: yellow;
		width				: 445px;
		text-align: justify;
		padding: 15px 15px 15px 15px;
		---border: 1px solid black;

}

span#bloc1 {
		float				: right;
		width				: 200px;
		height				: 250px;
		padding-left: 20px;  
		---border: 1px solid purple;

}

div#col2 {
		float				: right;
		---background-color	: pink;
		width				: 445px;
		text-align: justify;
		padding: 15px 15px 15px 15px;
		---border: 1px solid green;
}

span#bloc2 {
		float				: left;
		width				: 190px;
		height				: 250px;
		---border: 1px solid red;
}

#img_centre {
		display				: block;
		margin-top			: 20px;
		width				: 400px;
		height				: auto;
}

br#clear {
		clear				: both;
}

#MON2
{
font-size: 14px; 
background: blue; 
color: white; 
width: 600px; 
text-align: center; 
position: absolute; 
top: 960px; 
left: 509px;
}

#img_electro2
{
float: right;
margin-left: 25px;
margin-bottom: 10px;
margin-top: 10px;
}

#img_j2
{
float: left;
margin-right: 25px;
margin-bottom: 10px;
}

#piete
{
width: 280px;
height: 820px;
---border: 1px solid black;
position: absolute;
left: 170px;
padding: 5px 15px 0 15px;
---background-color: rgb(138, 220, 255);
}
.crainte
{
width: 280px;
height: 820px;
---border: 1px solid black;
position: absolute;
left: 478px;
padding: 5px 15px 0 15px;
---background-color: rgb(138, 220, 255);
}
.culte
{
width: 280px;
height: 820px;
---border: 1px solid black;
position: absolute;
left: 785px;
padding: 5px 15px 0 15px;
---background-color: rgb(138, 220, 255);
}

#piete1
{
width: 285px;
height: 520px;
---border: 1px solid black;
position: absolute;
left: 170px;
padding: 5px 15px 0 15px;
---background-color: rgb(138, 220, 255);
}
.crainte1
{
width: 290px;
height: 520px;
---border: 1px solid black;
position: absolute;
left: 478px;
padding: 5px 15px 0 15px;
---background-color: rgb(138, 220, 255);
}
.culte1
{
width: 280px;
height: 520px;
---border: 1px solid black;
position: absolute;
left: 785px;
padding: 5px 15px 0 15px;
---background-color: rgb(138, 220, 255);
}

#j5
{
width: 150px;
height: 290px;
---border: 1px solid black;
position: absolute;
left: 195px;
padding: 5px 15px 0 15px;
---background-color: rgb(138, 220, 255);
}
.j4
{
width: 150px;
height: 290px;
---border: 1px solid black;
position: absolute;
left: 395px;
padding: 5px 15px 0 15px;
---background-color: rgb(138, 220, 255);
}
.j3
{
width: 150px;
height: 290px;
---border: 1px solid black;
position: absolute;
left: 590px;
padding: 5px 15px 0 15px;
---background-color: rgb(138, 220, 255);
}
.j2
{
width: 150px;
height: 290px;
---border: 1px solid black;
position: absolute;
left: 785px;
padding: 5px 15px 0 15px;
---background-color: rgb(138, 220, 255);
}
.j1
{
width: 150px;
height: 290px;
---border: 1px solid black;
position: absolute;
left: 980px;
padding: 5px 15px 0 15px;
---background-color: rgb(138, 220, 255);
}

.imageS_e10
{
float: left;
margin-right: 25px;
margin-bottom: 10px;
}
.image
{
float: left;
margin-right: 25px;
margin-bottom: 10px;
border: 1px solid rgb(255, 206, 222);
}
#juillet16
{
text-decoration: none; 
color: white;	
}

#juillet16:hover {
color: rgb(196, 16, 26);
}

#piete_B
{
width: 280px;
height: 1670px;
---border: 1px solid black;
position: absolute;
left: 170px;
padding: 5px 15px 0 15px;
---background-color: rgb(138, 220, 255);
}
.crainte_B
{
width: 280px;
height: 1670px;
---border: 1px solid black;
position: absolute;
left: 478px;
padding: 5px 15px 0 15px;
---background-color: rgb(138, 220, 255);
}
.culte_B
{
width: 280px;
height: 1670px;
---border: 1px solid black;
position: absolute;
left: 785px;
padding: 5px 15px 0 15px;
---background-color: rgb(138, 220, 255);
}
.img_B
{
float: left;
margin-right: 25px;
margin-bottom: 10px;
---border: 1px solid rgb(255, 206, 222);
}
#a4
{
width: 200px;
height: 290px;
---border: 1px solid black;
position: absolute;
left: 195px;
padding: 5px 15px 0 15px;
---background-color: rgb(138, 220, 255);
}
.a3
{
width: 200px;
height: 290px;
---border: 1px solid black;
position: absolute;
left: 440px;
padding: 5px 15px 0 15px;
---background-color: rgb(138, 220, 255);
}
.a2
{
width: 200px;
height: 290px;
---border: 1px solid black;
position: absolute;
left: 685px;
padding: 5px 15px 0 15px;
---background-color: rgb(138, 220, 255);
}
.a1
{
width: 200px;
height: 290px;
---border: 1px solid black;
position: absolute;
left: 925px;
padding: 5px 15px 0 15px;
---background-color: rgb(138, 220, 255);
}
#serviteur0816
{
 text-decoration: none; 
 color: white;
}
#serviteur0816:hover{color: red;}

#piete_j13
{
width: 280px;
height: 380px;
---border: 1px solid black;
position: absolute;
left: 170px;
padding: 5px 15px 0 15px;
---background-color: rgb(138, 220, 255);
}
.crainte_j13
{
width: 280px;
height: 380px;
---border: 1px solid black;
position: absolute;
left: 478px;
padding: 5px 15px 0 15px;
---background-color: rgb(138, 220, 255);
}
.culte_j13
{
width: 280px;
height: 380px;
---border: 1px solid black;
position: absolute;
left: 785px;
padding: 5px 15px 0 15px;
---background-color: rgb(138, 220, 255);
}
#piete1_j19
{
width: 282px;
height: 520px;
---border: 1px solid black;
position: absolute;
left: 170px;
padding: 5px 15px 0 15px;
---background-color: rgb(138, 220, 255);
}
.crainte1_j19
{
width: 290px;
height: 520px;
---border: 1px solid black;
position: absolute;
left: 478px;
padding: 5px 15px 0 15px;
---background-color: rgb(138, 220, 255);
}
.culte1_j19
{
width: 280px;
height: 520px;
---border: 1px solid black;
position: absolute;
left: 785px;
padding: 5px 15px 0 15px;
---background-color: rgb(138, 220, 255);
}