/* Feuille de styles du site d-jeunes-ez.com */
/* Vous pouvez vous servir de cette feuille pour votre site */
/* Des commentaires explicatifs sont laissés le long des styles */

body {
margin: 0 ;
padding: 0 ;
display : block ;
text-align : center;
font-family :  verdana, helvetica, sans-serif ;
font-size : 12px;
color : #000;
background-color : #EEEEEE;
}

.cont { 
width : 814px ; 
height : 978px ; 
background-color : transparent;
margin-left : auto;
margin-right : auto;
}


/* LES TITRES */

/* Titres des paragraphes */
h1 {margin : 10px 20px 10px 15px ; font-size : 12px; color : #000 ; background-color : #fff ; }
/* Titres des paragraphes à gauche */
h1.lefth1{margin : 10px 20px 10px 15px ; font-size : 12px; color : #000 ; background-color : #F8FCFC ; }


/* Titres soulignés */
h2 {margin : 10px 60px 0 15px ; font-size : 12px ; color : #111 ; border-bottom: 1px solid #00f ; border-left: 3px solid #00f ; padding-left : 5px; background-color : #fff ;}
/* Titres soulignés à gauche */
h2.lefth2{margin : 10px 60px 0 15px ; font-size : 12px ; color : #111 ; border-bottom: 1px solid #f90 ; border-left: 3px solid #f90 ; padding-left : 5px; background-color : #F8FCFC ;}
/* Titres soulignés à droite */
h2.righth2{margin : 10px 60px 0 15px ; font-size : 12px ; color : #004 ; border-bottom: 1px solid #66f ; border-left: 0px ; padding-left : 5px; background-color : #fff ;}



/* LES PARAGRAPHES */

/* Paragraphe normal */
p {margin : 5px 10px 0 10px; padding : 0 }
/* Début d'un paragraphe avec espace en haut */
.top {margin : 10px 10px 0 10px}
/* Paragraphe passage à la ligne */
.notop {margin : 0px 10px 0 10px }
/* Même chose que le .top mais avec du texte en majuscule */
.topup {margin : 10px 10px 0 10px; text-transform : uppercase}
/* Paragraphe sous-titre */
.subtitle {margin : 0px 10px 0 10px ; font-size : 9px ; }
/* class pour centrer */
.center{text-align:center;}
/* Paragraphe signature */
.psign {text-align: right ; margin : 0px 50px 0 10px ; font-style: italic ;}
/* Paragraphe aligné à droite */
.pright {text-align: right ; margin : 0px 50px 0 10px ;}


/* SIGNATURE en bas de page */
.signature {
color : #008 ;
clear : both ; 
height : 15px ;
background-color : transparent ; 
text-align : right ;
padding-right : 50px ;
}



/* HEADER */
.haut {
width : 814px ; 
height : 110px ;
background-image : url(site_img/haut.gif);
border-top : 1px solid #eee; }


/* CENTRE */
.centre {
width : 814px ; 
height : 706px ; 
background-image : url(site_img/centre.gif);
text-align : left;}

html>body .centre{height : auto ; min-height : 706px}

/* COLONNE DE GAUCHE */
.gauche {
float : left ;
width : 230px ;
background-color :#F8FCFC;
margin-left : 14px;
margin-top : 0px;
color : #000}
html>body .gauche {margin-left : 23px;}


/* COLONNE DE DROITE (contenu) */
.droite {
float : left ;
width :528px ;
color : #008 ;
background-color : #fff ;
margin-left :7px;
margin-top : 0px ; 
text-align : justify;}


/* IMAGE EN HAUT DU CONTENU */

.imagedroite {
width : 100% ; 
height : 50px ; 
background-image : url(site_img/001.jpg) ;
background-position : center ; 
background-color : #fff; 
color : #000 ;
margin-top : 0px; border : 0px}

html>body .droite {margin-left : 9px; width : 528px ;}


/* FOOTER */

.footer {
width : 814px ; 
height : 60px ; 
background-image : url(site_img/bas.gif) ;
}


/* LES LIENS */

 
a:hover {color:#008; text-decoration:underline;} 
a.asite {color:#06F; font-size: 12px; text-decoration:underline;} 
a:hover.asite {color:#008; text-decoration:underline overline;}
a.aleft {color:#06F; font-size: 12px; text-decoration:none; margin-left : 15px;} 
a:hover.aleft {color:#008; text-decoration:underline overline; margin-left : 20px;}
a.class1 {color: #c60; text-decoration:underline; font-size : 12px ;} 
a:hover.class1 {color:#000; text-decoration:underline overline;}
a.menu_haut { padding-top : 3px ; display : block ; color : #333 ; text-decoration : none} 
a:hover.menu_haut {padding-top : 3px ;  color : #008 ; text-decoration : underline overline;}
/* Propriétés du lien de bas de page */
a.copy{color:#666; background : transparent ; text-decoration:none; font-size : 11px ; display : block ; padding-top : 21px ; }
/* Image-lien sans contour  */
a img {border: 0;}


/* LES LISTES */

ul.menutop {
margin :78px 23px 0 0;
padding : 0 ; 
list-style : none ;
color :#fff ;
font-size : 13px ;
text-align : center ;
}
li.menutop {
float : right ; 
background-image : url(site_img/head_menu.gif);
border-right: 1px solid #515151 ;
border-top: 1px solid #515151 ;
border-bottom : 1px solid #515151 ;
width : 95px ; 
height : 23px ; 
margin-right : 0px;
margin-top : 9px ;
}

/* LES IMAGES */

/* Image avec marge  */
.img_left {margin-left : 15px}
.img {margin-left : 10px}
.contour {margin : 10px 10px 10px 10px ;} 


/* Image avec du texte à côté */
.presentcont {
  padding-top: 0px;
  padding-left: 0px;
}
.presentleft {
  float: left;
  margin-right : 10px ;
  margin-left : 10px ;
  } 
.presentright {
  float: right;
  margin-right : 10px ;
  margin-left : 10px ;
  } 

/* Fin Image avec du texte à côté */