body {
margin: 0 ;
padding: 0 ;
font-family :  verdana, helvetica, sans-serif ;
font-size : 14px;
color : #000;
background-color : #eaeaea;
}
img {
margin:5px;

}
/* ======================================================== affichage sous menu */
h1 {
font-size : 16px;
font-family :  verdana, helvetica, sans-serif ;

color: #33a; 
text-align:center;
}

h2 {
font-size : 18px;
font-family :  verdana, helvetica, sans-serif ;
color: #33a; 
text-align:left;
}

h3 {
font: bold 12pt Arial;
color: #008800; 
text-align:left;
}

 #page { margin: 0px auto;
    width: 1024px;
    }

 #haut 
{ 
background-image : url(images/haut.jpg);
background-color : #ffffff;
background-repeat:no-repeat;
height : 20px ;
}


 #headlogo 
{ 
background-image : url(images/parolejesus.jpg);
background-repeat:no-repeat;
background-position:0px -160px;

height : 100px ;
width: 230px;
padding:10px;
font-family :  verdana, helvetica, sans-serif ;
font-size : 18px;
color : #0000ff;
text-align:center;
float: left;
margin-left:15px;

BORDER-top:  #999  1pt solid;
BORDER-right:  #999  1pt solid;
BORDER-bottom:  #999  1pt solid;
BORDER-left:  #999  1pt solid;
border-bottom-right-radius: 20px;
border-top-left-radius: 20px;
 box-shadow: 5px 5px 4px #bbb; 
}


 #imghaut 
{ 
background-image : url(images/ciel1.gif);
background-repeat:no-repeat;
height : 100px ;
width: 560px;
padding:10px;
font-family :  verdana, helvetica, sans-serif ;
font-size : 18px;

color : #0000ff;
margin-left:295px;
text-align:center;

}
 #centre 
{ 
background-image : url(images/centre.jpg);
text-align : left;
padding-left:10px;
}

 #bas 
{ 

background-image : url(images/bas.jpg);
background-repeat:no-repeat;

}

#pbody 
{
width:100%;
margin-top:20px;
/*background-color:#7755ff;*/
}
#pmenuv {
margin-left:15px;
margin-top:-30px;
width: 260px !important;
width:260px;
float:left;
/*background-color:#bb55ff;
border:#550000 1px solid;*/

}

#pcont {
float:left;
margin-left:15px;
/*background-color:#bbeeff;*/
width: 700px !important; /* intended total box width - padding-right(next) */ 
width: 700px; /* IE Win = width - padding */ 
/*border:#550000 1px solid;*/
}

/* ================== boite ronde menu ===============================*/

/* set the image to use and establish the lower-right position */ 
.cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2 
{ background: transparent url(images/box.png) no-repeat bottom right; }
 
.cssbox 
{ 
width: 260px !important; /* intended total box width - padding-right(next) */ 
width: 260px; /* IE Win = width - padding */ 
padding-right: 15px; /* the gap on the right edge of the image (not content padding) */ 
margin-top:20px;
/*margin-left: 0px auto; /* use to position the box */ 
margin-left:-10px
}
 /* set the top-right image */ 
.cssbox_head { background-position: top right; 
margin-right: -15px; /* pull the right image over on top of border */ 
padding-right: 40px; /* right-image-gap + right-inside padding */ } 

/* set the top-left image */ 
.cssbox_head h2 { background-position: top left; 
margin: 0; /* reset main site styles*/ 
border: 0; /* ditto */ 
padding: 25px 0 15px 40px; /* padding-left = image gap + interior padding ... no padding-right */ 
height: auto !important; height: 1%; /* IE Holly Hack */ } /* set the lower-left corner image */ 

.cssbox_body 
{ 
background-position: 
bottom left; 
margin-right: 25px; /* interior-padding right */ 
padding: 10px 0 15px 20px; /* mirror .cssbox_head right/left */ 
} 
/* ================== boite ronde milieu ===============================*/
	
/* ================================================ debut boite ronde blanche ========= */
.conteneur-arrondi{
padding:0;
margin: 0px auto; 
}



.g1
 {
margin:0 4px;
height:1px;
background-color: #aaaaaa; 
overflow:hidden;/*necssaire pour IE */
BORDER-right: #aaaaaa 1pt solid;
BORDER-left: #aaaaaa 1pt solid;
}

.g2 {
margin:0 3px;
height:1px;
overflow:hidden;/*necssaire pour IE */
background-color: #bbbbbb; 
BORDER-right: #aaaaaa 1pt solid;
BORDER-left: #aaaaaa 1pt solid;
}

.g3{
margin:0 2px;
height:1px;
overflow:hidden;/*necssaire pour IE */
background-color: #cccccc; 
BORDER-right: #aaaaaa 1pt solid;
BORDER-left: #aaaaaa 1pt solid;

}

.g4 {
margin:0 1px;
height:2px;overflow:hidden;/*necssaire pour IE */
background-color: #dddddd; 
BORDER-right: #aaaaaa 1pt solid;
BORDER-left: #aaaaaa 1pt solid;
	}
.gca {
padding: 3px;
min-height:20px;
height:auto!important;
height:20px;
background-color: #eefefe; 
/*font-size : 11px;*/
BORDER-right: #aaaaaa 1pt solid;
BORDER-left: #bbbbbb 1pt solid;
}

.listeseriedetail {
padding: 3px;
background-color: #eefefe; 
font-size : 12px;
BORDER-top: #bbbbbb 1pt solid;
font-family :  verdana, helvetica, sans-serif ;
color : #222;
text-align:left;

}

.nb 
{
font-size : 10px;
color: #556; 
}

.uptitre
{
font: bold 11pt Arial;
font-family :  verdana, helvetica, sans-serif ;
color: #000; 
}
.updesc
{
font-size : 12px;
font-family :  verdana, helvetica, sans-serif ;
color: #000; 
}
.mediaupdesc
{
font-size : 12px;
font-family :  verdana, helvetica, sans-serif ;
color: #000; 
margin-left: 20px; 
margin-right: 20px; 
BORDER: #eaeaea 1pt solid;
padding:5;
}

/* ================================================ boutons du menu �2 niveaux ====== */

div.menu {
/*width:150px;*/
float:left;
/*margin-bottom:-1.2em;*/
padding:0px;
background-color: #ffffff;

}

a.boutonm1
{
font-size : 12px;
font-family :  verdana, helvetica, sans-serif ;
padding-left: 15px;
padding-top:7px;
margin-left: 2px;
width: 210px;
height: 22px;
display: block;
text-decoration:none;
font-weight:bold;
BORDER-left:  #aaaaaa 1pt solid;
BORDER-bottom:  #888888  1pt solid;
BORDER-bottom:  #bbbbbb  1pt solid;
color : #111133;
background-color:#fafafa;
color : #ffffff;

background-color: #446688; 
-moz-border-radius-bottomright: 50px;
border-bottom-right-radius: 20px;
border-top-left-radius: 20px;

BORDER-top:  #fff  1pt solid;
BORDER-right:  #fff  1pt solid;
BORDER-bottom:  #eee  1pt solid;
BORDER-right:  #eee  1pt solid;
}

a.boutonm1:visited
{

}

a.boutonm1:hover
{

color : #111133;
background-color:#fafafa;
color : #ffffff;
background-color: #246; 


BORDER-top:  #888888  1pt solid;
BORDER-right:  #888888  1pt solid;
BORDER-bottom:  #aaa  1pt solid;
BORDER-right:  #aaa  1pt solid;
}

a.boutonm2
{
font: bold 11pt Arial;
color: #000000;
padding-left: 12px;
margin-left: -40px;
width: 120px;
height: 20px;
display: block;
text-decoration:none;
font-weight:bold;
background: url(images/degradejaunegris2.jpg) top left ;
/*background: url(images/degradeorange4.jpg) top left ;*/
background-color: #cceecc;
BORDER-left:  #888888 1pt solid;
BORDER-bottom:  #888888 1pt solid;
}

a.boutonm2:visited
{
}

a.boutonm2:hover
{
color: #000000;
background-color: #ddffdd;
/*BORDER-right:  #995500 1pt solid;*/
/*background: url(images/degradevert.jpg) top left ;*/
}

.boite2
{
 
 margin-left:5px;
 padding-left:10px;
 
color: #000000;
background-color: #fff;
BORDER-top:  #999  1pt solid;
BORDER-right:  #999  1pt solid;
BORDER-bottom:  #999  1pt solid;
BORDER-left:  #999  1pt solid;
border-bottom-right-radius: 20px;
border-top-left-radius: 20px;
 box-shadow: 5px 5px 4px #bbb; 
}