/*---------------------------------------------------------------------- 
Copyright : Quentin Mendel
quentin@virtualdreams.fr

/****************Les couleurs******************/
/* #003399 ===> Bleu fonc?
/* #d0dcfa ===> Bleu pale/pastel
/* #2280a6 ===> Cyan
/**********************************************/
/*******************Generale*******************/
/**********************************************/
a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:19em;
    border:1px dotted #99CC00;
    background-color:#FFFFFF; color:#99CC00;
    text-align: left;
padding:2px;}
a.info span{display: none}
a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#FFFFFF;
    color:#000;
    text-decoration:none}

a.info:hover{z-index:25; background-color:#ffFFFF}
body {
	margin : 10px;
	padding : 0;
	background : white; 
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#000000;
}
a { 
	text-decoration: none; 
	color: #000000;
}
a:hover { 
	text-decoration: none; 
	color: #003399;
}
.link { font-size: 12px; text-decoration: none; font-family: verdana; color : #666666;}
.link a:link { font-size: 12px; text-decoration: none; font-family: verdana; color : #3399CC;}
.link a:visited { font-size: 12px; text-decoration: none; font-family: verdana; color : #3399CC;}
.link a:hover { background-color:#EEEECC;}

.petitsaut { line-height:4px;}

table { font-size : 1em; }
p { margin : 3px; text-align:justify;}

img  { border : none; display:block; }
.artimgleft { border : none; display:inline; float:left; padding:3px;}
.artimgright { border : none; display:inline; float:right; padding:3px;}

h1 { 
	color:#4c6bc0;
	font-size:18px;
	font-weight:bold;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin-left:15px;
	padding-left:4px;
	border-left:5px solid #90afdd;
	border-bottom:1px solid #90afdd;
	margin-top:0px;
	padding-top:0px;
  }
h2{
	border-bottom:1px solid #b2d5ec;
	color:#000000;
	font-size:13px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	margin-top:2px;
	margin-bottom:3px;
	padding:0px;
	padding-left:5px;
}

h3{ /* libre */
padding-top:5px;
font-size:16px;
color:#003399;
}
h4 { font-size : 12px;  }	
h5 { font-size : 12px;  }
h6 { font-size : 12px;  }

#centrer { text-align: center;}


#contenu {
	color:#000000;
}
#contenu a {
	text-decoration:underline;
}
#contenu p.intro {
	text-indent: 17px;
	font-weight:bold;
	text-align:justify;
	margin-top:0px;
	margin-bottom:10px;
	padding:0px;
}

/**************************************************/
/**********************Mise en page****************/
/**************************************************/
#page {
	width : 760px;
	height:auto;
	margin : 0px auto;
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
	background-color:#ffffff;

}


#left {
	float:left;
	width : 170px;
	margin : 0px;
	padding-left: 5px;
	}
	
#right {
	float:right;
	width : 121px;
	margin : 0px;
	padding-right: 2px;
	}

#center5050left {
	float:left;
	width:49%;
	padding-right:5px;
	padding-bottom:20px;
	}
#center5050right {
	float:right;
	width:49%;
	padding-bottom:20px;
	}	
	

#center5050right a, #center5050left a {
color:#336666;
text-decoration:underline;
}

#center5050leftart {
	float:left;
	width:49%;
	padding-right:5px;
	padding-bottom:20px;
	}
#center5050rightart {
	float:right;
	width:49%;
	padding-bottom:20px;
	}	
/**************************************************/
/******************Blocs accueil*******************/
/**************************************************/

#titre{
	padding-left: 0px;
	border-bottom:1px solid #000000;
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
	letter-spacing:3px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	background: transparent url(../style/barres/deg.png) no-repeat right;
	background-color:#CCCCCC;
	}
#titre li{
background: transparent url(../style/barres/pucetitre.png) no-repeat 0 0;
list-style: none;
padding-left: 10px;
}



#home-left{
	float:left;
	width : 315px;
	text-align:justify;
	font-size:11px;
	}
#home-adsense{
	float:right;
	}
	
#article{
	float:right;
	width : 370px;
	text-align:justify;
	font-size:11px;
	margin:0px;
	}
	
#leftofactu{
	float:left;
	width : 210px;
	font-size:11px;
	margin:0px;
	}
/**************************************************/
/***********D?finition des blocs*******************/
/**************************************************/
#blocsimpleL {
	margin:5px;
	}
	

#bloclogo {
	float: left;
}

#blochead {
	margin-left:350px;
	padding:2px;
	margin-right:5px;
}

#footer{
	border-top:4px groove #7791cb;
	height: 35px;
	clear:both;
}

.hauthome{
	/*border-bottom:1px solid #003399;*/
	width:760px;
	margin:-3px auto;
	display:table;
	}

/**************************************************/
/***********D?finition des boites******************/
/**************************************************/

#stats{
	float:right;
	position:relative;
	margin-top:10px;
	width: 140px;
	height:45px;
	border-left:2px solid #0f61c5;
	padding:0 0 0 6px;
	font-size: 12px;
	line-height:15px;
}

#sousheader {
	height:65x;
}

#adsense_menu{
position:relative;
height:18px;
float:right;
width:468px;
}

#pub{
	border:1px dashed #3b5ca1 ;
	margin:3px auto;
	padding-top:5px;
	height: 20px;
	width:600px;
	float:right;
}


/**************************************************/
/**********************Barres**********************/
/**************************************************/

.annonce ul li a:hover {
	border:1px solid #3b5ca1 ;
	background-color:#b6cffa;
	list-style: none;
	display:inline;
}
.annonce ul li{
	display:inline;
	list-style: none;
}

.annonce a{
	float:right;
	display:block;
	font-size: 90%;
	padding:3px;
	border:1px solid #2280a6 ;
}

#nav{
	background-image:url(http://jeunautes.com/style/barres/barre.jpg);	
	height: 32px;
}

#nav ul{
display: inline;
border: none;
list-style: none;
}

#nav ul li  {
	width: 100px; /* largeur entre les liens */
	float: left;
	text-align: center;
	display: inline;
}

#nav ul li a:hover, #nav ul li a:focus, #nav ul li a:active {
	list-style: none;
	color:#003399;
	background-image:url(http://www.jeunautes.com/style/barres/barrehover.jpg);
}
#nav ul li a {
	font-weight:bold;
	color: #FFFFFF;
	text-decoration: none;
	font-size: 14px;
	display:block;
	height:32px;
	padding: 4px 0 0 0;
	voice-family: "\"}\"";
	voice-family:inherit;
	height:28px;
	background-image:url(http://jeunautes.com/style/barres/barre.jpg);
}

#mini-bar  {
	/*border: 1px dotted #003399; */
	border-left:none;
	border-right:none;
	background: #b6cffa;
	height: 18px;
	letter-spacing:2px;
	font-weight:bold;
}

/**************************************************/
/********************Highlights********************/
/**************************************************/


ul.titre-sous-menu {
	padding-top:0px;
	padding-left:3px;
	margin:0;
	border-left:1px solid #4c6cb2;
	border-right:1px solid #4c6cb2;
	background-color: #f8f8f8;
}
.titre-sous-menu li { 
	padding-bottom:2px;
	padding-top:2px;
	display: block;
	padding-left:15px;
	background: transparent url(../style/picto/punaise.gif) no-repeat 0 0;
	font-weight:bold;
	list-style:none;
	width: 150px;
	margin:0;
}
ul.titre-sous-menu a {color:#1c4597; display: block; padding-top:0px;}
ul.titre-sous-menu  a:hover{background-color: #dde5f9; text-decoration: none; padding-top:0px;}


/**************************************************/
/******************Formulaires*********************/
/**************************************************/

#nav input{
	margin:5px;
	float: right;
	vertical-align:middle;
}

.hauthome input, .hauthome textarea , .hauthome button {
background-color: #f3f6fd;
border:1px solid #90afdd;
color:#4c6cb2;
}

/**************************************************/
/**********************Forum***********************/
/**************************************************/
ul#derniers_messages{
padding:0;
margin:0;
}
ul#derniers_messages li{
display: block;
font-size: 11px;
padding:1px;
line-height: 120%;
list-style: none;
}
ul#derniers_messages li a{
color:#534199;
padding-left: 15px;
text-decoration:none;
display: block;
background: transparent url(../style/picto/3puce.gif) no-repeat 0 0;
}
#derniers_messages li a:hover{
background: #cfdbf1 url(../style/picto/3puceFF.gif) no-repeat 0 0;
text-decoration:none;
}

.impaire {
background-color:#cde3f3;
}


/**************************************************/
/**********************ArticleS***********************/
/**************************************************/
ul#listart{
padding:0;
margin:0;
}
ul#listart li{
display: block;
font-size: 12px;
padding:1px;
line-height: 120%;
list-style: none;
}
ul#listart li a, ul#listart li a:visited{
color:#5d5d5d;
padding-left: 2px;
text-decoration:none;
display: block;
}
#listart li a:hover{
background: #cfdbf1;
text-decoration:none;
}

#listart li {
border-bottom:1px solid #e0e8fa;
display: block;
}


/**************************************************/
/****************Gestions des images***************/
/**************************************************/
.imgfloatleft{ float:left; padding:3px; display:inline;}
.texthome{ color:#333333; margin:1px; background-color:#dde5f9;}
.dernierarticle {color:#333333; margin:1px; font-size:12px; background-color:#dde5f9;}
.fontionarticle, .fontionarticle a  {font-size:11px; text-align:right; padding:2px; color:#666666;}

/**************************************************/
/**************Cat?gories blogz********************/
/**************************************************/
.blogz li { 
	padding-bottom:5px;
	padding-left:15px;
	background: transparent url(../style/picto/dossier.gif) no-repeat 0 0;
	font-weight:bold;
	list-style:none;
	margin-bottom:5px;
}
ul.blogz a {color:#4d6bb3; font-size:14px;}
ul.blogz  a:hover{ color:#000000; text-decoration: none; padding:2px; border:1px #90afdd solid;}
/**************************************************/
/**************Affichage blogz******* *************/
/**************************************************/
.affblog {
	border:1px #90afdd solid;
	background-color:#d8e1f8;
	font-size:15px;
	padding:8px;
	margin-bottom:5px;
	text-align:justify;
	}
.affblog a { font-size:16px; color:#000000;}
.affblog a:hover { text-decoration:underline; background-color:#79B7DB; color:#000000;}

/**************************************************/
/*************Footer annuaires******* *************/
/**************************************************/
.Style111 {
	font-size: 10px;
	color: #666666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
#afoot {
	border-top:1px #90afdd solid;
	border-bottom:1px #90afdd solid;
	font-size:12px;
	padding:8px;
	margin-bottom:5px;
	text-align:center;
	}

#afoot a { font-size:12px; color:#000000;}
#afoot a:hover { text-decoration:underline;}