body {
margin: 0;/* sans marges, la page sera collŽe aux bords */
text-align: left;
font-family: verdana, arial, sans-serif; /* on dŽfinit la police de base dans la page */
font-size: 12px; /* on dŽfinit la taille de police de base dans la page */
color:#424242;
background: #8D8D8D url(graphismes/fond-gris.jpg) fixed repeat-x ; fixed repeat-y ;
border-style: none;

}
img { border-spacing:5px}

.podcast{
text-align :left;
font-size:9px;
}
#communication{
    font-size:10px;
    }

#global {
position: relative;
     margin-left: auto;
     margin-right: auto;
     width: 799px;
     text-align:left; /* largeur obligatoire pour tre centrŽ */
     }
/*SOMMAIRE.html*/

#titre_page {
position:absolute;
margin-left:0;
top=145px;
width=800px;
height=30px;
}

#fond {
position relative;
text-align=left;
left:0;
}



.actualite {
position:relative;
top:-170px;
left:124px;
width:128px;
}

#actu{
position:absolute;
left:534px;
top:414px;
width:248px;
max-height:231px;
text-align:left;
font-size:90%;
}

#vignettes{
position:relative;
top:0px;
left:0px;
width:178px;
max-height:231px;
margin-left: 2px;
	padding-left: 2px;
	margin-right: 0.8em;
}
#breves{
position:relative;
top:0px;
left:68px;
width:178px;
}

#dessin{
position:absolute;
left:536px;
top:218px;
width:251px;
height:155px;
max-height:155px;
line-height: 250%;
font-size : 90%;
font-weight : bolder ; 

}


.dessin-news {
position:relative;
top:-9px;
left:0px;
width:150px;

}

#edito{
position:relative;
text-align:left;
padding-left:10px;
padding-right: 10px;
padding-bottom: 10px;
padding-top:0px;
}




#tablo{
position:absolute;
left:118px;
top:329px;
width:381px;
height:80px;
text-align:right;
font-size:90%;
}


#illustration{
position:absolute;
left:118px;
top:442px;
width:381px;
height:80px;
text-align:right;
font-size:90%;
}
#photo{
position:absolute;
left:118px;
top:555px;
width:381px;
height:80px;
text-align:right;
font-size:90%;
}
#plus{
position:absolute;
left:118px;
top:700px;
width:372px;
height:160px;
text-align:left;
font-size:90%;
}

/*navigation*/
#navigationn{
position:absolute;
top:185px;
left:129px;
font-size:80%;
font-weight:lighter;
}
#navigation{
font-size:80%;
}



#menu_gauche1 {
	position: absolute;
	left:08px;
	top: 174px;
	width: 83px;
	padding: 0px;
	margin: 0px;
	margin-left:1px;
	margin-top:1px;
	height: 400px;
	color: #8D8D8D;
	font-size: 80%;
	font-weight: bold;
	letter-spacing:0px;
	text-align : left;
	line-height:18px;
	
	
	
}
#menu_gauche4 {
/* a reprendre partout 20 aout 2005*/
	color: #8D8D8D;
	font-size: 80%;
	font-weight: bold;
	text-align : left;
	line-height:20px;
}



#menu_gauche {
    position: absolute;
	left:08px;
	top: 205px;
	width: 83px;
	padding: 0px;
	margin: 0px;
	margin-left:1px;
	margin-top:1px;
	height: 164px;
	color: #8D8D8D;
	font-size: 80%;
	font-weight: bold;
	letter-spacing:0px;
	text-align : left;
	line-height:18px;
}

#menu_gauche2 {
	position: absolute;
	left:06px;
	top: 205px;
	width: 83px;
	padding: 0px;
	margin: 0px;
	margin-left:1px;
	margin-top:1px;
	height: 164px;
	color: #8D8D8D;
	font-size: 80%;
	font-weight: bold;
	letter-spacing:0px;
	text-align : left;
	line-height:18px;
	
	
	
}


a.spip_out {
color: #FF6600;
text-decoration:underline;
}

.url {
position:relative;
top:0;
left:0;
text-decoration:underline;
font-weight:bold;
} 
	
a:link {
	color: #333333;
	text-decoration:none;
	
}
a:visited {
	
	color: #333333;
	text-decoration:none;
}
a:hover {
	
	color: #FF6600;
	text-decoration:none;
}
a:active {
	
	color: #333333;
	text-decoration:none;
}
/*PEINTURE.html*/
#harry{
position:absolute;
top:220px;
left:121px;
width:318px;
max-height:65px;
text-align:left;
font-size:90%;
}
#peinture-harry{
position:absolute;
top:293px;
left:147px;
width:290px;
height:272px;
}


#celine{
position:absolute;
top:220px;
left:466px;
width:318px;
max-height:65px;
text-align:left;
font-size:90%;
}
#peinture-celine{
position:absolute;
top:293px;
left:466px;
width:290px;
height:272px;
text-align:center;
}

/*ILLUSTRATION*/
#harry2{
position:absolute;
top:255px;
left:146px;
width:258px;
max-height:288px;

}
#celine2{
position:absolute;
top:255px;
left:493px;
width:258px;
max-height:288px;
}

.article{
position:absolute;
text-align:left;
}
.article2{
position:relative;
top:0px;
left:0px;
text-align:left;
}

.article3{
position:absolute;
top:230px;
left:135px;
text-align:left;
}

/*GRAPHISME*/

#web{
position:absolute;
top:232px;
left:191px;
height:77px;
font-size:90%;
color:#868585;

}

#print{
position:absolute;
top:321px;
left:191px;
height:77px;
font-size:90%;
color:#868585;

}
#video{
position:absolute;
top:404px;
left:191px;
height:77px;
font-size:90%;
color:#868585;

}
#logo{
position:absolute;
top:497px;
left:191px;
height:77px;
font-size:90%;
color:#868585;

}

/*styles typos*/
/*IMAGES*/
/*articles-graphismes*/
#visuels{
position:relative;
top:0px;
left:0px;
width:278px;


}
.visuels2{
position:relative;
top:12px;
left:0px;
min-width:650px;
font-size:90%;
font-weight: normal;
right:90%
text-align:center;
}

.visuels3{
position:relative;
top:0px;
left:0px;
height : 100%;
margin-bottom:5%;
font-weight: normal;

}
.visuels4{
position:relative;
top:-20px;
left:307px;

font-weight: normal;

}
.visuels5{
position:relative;
top:0px;
left:0px;

font-weight: normal;

}



/*illustration*/


/*TEXTE*/

.sous-titre{
position:absolute;
top:20px;
left:320px;
width:320px;
font-size:90%;
font-weight: bold;
color:#EB9E30;
}
.sous-titre2{

font-size:90%;
font-weight: bold;
color:#EB9E30;
}

.texte{
white-space: normal ;
line-height:100%;
font-weight: normal;
font-size:90%;
color:#424242;


}
.texte3{
position:relative;
top:-1000px;
left:0px;
bottom:10px;
width:600px;
max-height:50px;
font-weight: normal;
font-size:90%;
}

.texte4{
position:relative;
top:-100px;
left:0px;
width:600px;

font-weight: normal;
font-size:90%;
}

.texte2{
position:relative;
top:20px;
width:349px;
font-weight: normal;
font-size:80%;


}
.texte6{

font-weight: normal;
font-size:95%;
line-height:100%;
font-color:#424242;

}


/*TITRES*/
/*grand titre d'une sous-rubrique pour les articles*/

#grand-titre{
position:absolute;
top:201px;
left:137px;
width:400px;
height:27px;
font-size:100%;
font-weight:bold;
color:#DC6B00;
}



/*titre d'un article*/


#titre{
position:relative;
top:0px;
left:0px;
width:400px;
height:27px;
font-size:100%;
font-weight:bold;
color:#D24A00;
}
.titre2{
position:relative;
width:200px;

font-size:90%;
font-weight:bold;
color:#EB9E30;
}
/*album-photo : popup*/


.album-pagination {
	margin: 10px 0px;
	font-size: 11pt;
	text-align: center;
}

.album-pagination a {
	color: #ff6519;
}

.popup{
position:absolute;
left:0px;
top:82px;
width:800px;
height:100%;
text-align:center;

}
/* */

.illustration{
position:relative;
top:0px;
left:0px;
width:650px;
font-size:80%;
}
.illustration2{
position:relative;
top:0px;
left:0px;
width:650px;
font-size:80%;
}
.illustration3{
position:relative;
top:12px;
width:650px;
font-size:80%;
}
.illustration4{
position:relative;
top:0px;
left:0px;
width:650px;
font-size:80%;
text-align:center;
}
.illustration5{
position:relative;
top:0px;
left:0px;


}


h1{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
	font-size: 14px;
	text-align: left;
	color:#F77C04;
	

}
h2{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
	font-size: 12px;
	text-align: left;
	color:#EB9E30;
	
}


h3{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 80%;
	font-weight:normal;
	text-align: left;
	
	
}
/*lire la suite*/
h4{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	text-align: right;
	
	
}
h5{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	text-align: left;
	
	
}
/*pour indiquer les infos-bulles*/
h6{
font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 11px;
	font-weight:lighter;
	}


h7{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
	font-size: 12px;
	text-align: left;
	color:#EB9E30;
	
}


h8{
	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-weight: bold;
	font-size: 12px;
	text-align: left;
	color:#EB9E30;
	line-height:100%;
	
}
/*liste pour le graphisme*/
#liste{
position:absolute;
left:135px;
top:250px;

}

#liste2{
position:absolute;
left:125px;
top:220px;
height:100px;
max-width:627px;


}
#liste3{
position:absolute;
left:125px;
top:220px;
height:100px;
width:668px;


}

/*popup*/

.pied{
position:relative;
bottom:0px;
}
.nom{
position:absolute;
top:510px;
left:10px;
}

.Style2{color:#EB9E30;	font-weight: bold;
}
#footer2{
text-align : center;
font-size : 5;
}
#menuderoulant {
	position: absolute;
	z-index: 2;
	height: 200px;
	width: 220px;
	left: 120px;
	top: 148px;
}