body {
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
background-color:#155083;
}

#bocvideolivre{
font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
margin: 0;
padding: 0;
background-color:#cbedfe;
padding:10px;
}

p, ul  {font-size: 13px;}
li{margin:1px;}
p, li {
color: #525252;
text-align:justify;
margin:4px;
}

hr.separationlivres{
color: #a5c4dc;
background-color: #097bd8;
width:100%;
height: 1px;
margin-top:30px;
margin-bottom:30px;
}

img{
border:none;
}

A.lien1, #pedago a {font-family: Arial, Helvetica, sans-serif;font-size: 13px;color:#0099cc; text-decoration:underline; font-weight:bold;}
A:hover.lien1 {font-family: Arial, Helvetica, sans-serif;color:#003399;font-size: 13px; text-decoration:underline;}

A.lienAcc{
display:list-item;
list-style-position:outside;
margin-left:25px;
list-style-image:url(images/puceAcc.jpg);
font-family: Arial, Helvetica, sans-serif;font-size: 13px;color:#0099cc; text-decoration:none; font-weight:bold;}

.titre_accueil {
color:#008ECD;
font-family:Arial,Helvetica,sans-serif;
font-size:16px;
font-weight:bold;
}

A.lienvideo{
margin-left:10px;
margin-bottom:20px;
font-family: Arial, Helvetica, sans-serif;font-size: 14px;color:#0099cc; text-decoration:none; font-weight:bold;
}
A.lienvideo:hover{
text-decoration:underline; 
}


.imgMarge{margin-left:5px;}

.imgGauche{float:left;margin-right:10px;margin-bottom:10px;margin-top:3px;}
.imgGauche2{float:left;margin-right:40px;margin-bottom:10px;margin-top:3px;}
.imgDroite{float:right;margin-left:20px;margin-bottom:20px;margin-top:20px;}
h2{font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color:#307CAF;
	text-align:left;
	margin-top:50px;
	margin-bottom:5px;
	margin-left:0px;
}
h2 li {
	list-style-image:url(images/puce_fleche.jpg);
	list-style-position:outside;
	}
	
	li.parcours {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #525252;
	list-style-image:url(images/puce2.jpg);
	list-style-position:outside;
	margin:20px;
	}
	

/******************************************************************* HEADER ****************************************************/
#header {
height: 196px;
background-color: #FFFFFF;
background-image:url(images/banniere.gif);
background-repeat:no-repeat;
margin-left:12px;

}
#header img {border:0px;}

.hbt1, .hbt2, .hbt3, .hbt4  {position:absolute;height:46px;margin-top:23px;}
.hbt0 {position:absolute;height:150px;margin-top:0px;margin-left: 0px;width:170px;cursor:hand;}
.hbt1 {margin-left: 177px;width:70px;}
.hbt2 {margin-left: 269px;width:78px;}
.hbt3 {margin-left: 375px;width:109px;}
.hbt4 {margin-left: 506px;width:100px;}

/******************************************************************* CONTENEUR ****************************************************/
#conteneur {
position: relative;
width: 770px;
margin: 0 auto; 
background-color:#FFFFFF;
padding-top:5px;
}

#centre-acc {
margin-left: 360px;
margin-right:20px;
padding:10px;
}

#centre-acc p {
font-size:14px;
margin-bottom:20px;
}

#centre {
background-color:#FFFFFF;
margin-left: 0px;
padding:10px;
margin-left:12px;
margin-right:12px;
}
#gauche {
position: absolute;
left:0;
width: 335px;
padding-top:20px;
margin-left:12px;
}
#pied {
height: 30px;
background-image:url(images/fond-pied.gif);
padding-left:30px;
}

#pied img {
border:none;
}


/******************************************************************* DIV COINS ARRONDIS ****************************************************/
#cadre { /* taille du cadre, à titre d'exemple */
width: 100%;
background-color: #cbedfe;
}

#cadre ul{
list-style-image:url(images/puce-menu-gauche.gif);
padding:8px;
margin:0px;
list-style-position:inside;
}

/* propriétés communes à l'ensemble des 4 coins */
#hautgauche, #hautdroit, #basgauche, #basdroit {height: 10px; width: 10px;background-repeat: no-repeat;font-size:1px; /* correction d'un bug IE */}
/* propriétés spécifiques à chaque coin */
#hautgauche {background: url(images/hautgauche.gif);}
#hautdroit {float: right;background: url(images/hautdroit.gif);}
#basgauche {background: url(images/basgauche.gif);}
#basdroit {float: right;background: url(images/basdroit.gif);}

.livre-titre1{
color:#525252;
font-weight:bold;
letter-spacing:0.1em;
text-align:left;
}
.livre-titre{
color:#525252;
font-weight:normal;
letter-spacing:0.1em;
text-align:left;
}
.livre-titre1{font-size:1.2em;}
.livre-titre{font-size:1.1em;}



#bandeaubas{
background-color:#cbedfe;
border:1px solid #60c7fa;
width:100%;
margin-top:10px;
margin-bottom:10px;
padding-top:10px;
padding-bottom:10px;
}

#humourT, #questionnaireT{
background-color:#60c7fa;
height:20px;
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:14px;
font-weight:bold;
padding:5px;
}

#humour{
background-color:#ecf5f9;
border:1px solid #60c7fa;
width:100%;

}
#humour p, #bandeaubas p{
text-align:left;
}
/*******************livres **************************/
#ouvrages{
border-collapse:collapse;
width:100%;
font-size:12px;
line-height:14px;
font-weight:bold;
letter-spacing:1px;

}

/*#ouvrages th{
background-color:#bbe0f6;
border-bottom:5px solid #71c7ea;
color:#1182c5;
text-align:left;
padding:2px;
font-size:14px;
}
*/
#ouvrages td{
padding-top:15px;
padding-left:0px;
padding-right:10px;
padding-bottom:25px;
font-family: Arial,"Trebuchet MS", Verdana, Helvetica, sans-serif;
vertical-align:top;
}



#ouvrages p.nomlivre{
text-align:left;
font-weight:bold;
font-size:13px;
color:#284e5d;

}
#ouvrages p.snomlivre{
font-style:italic;
text-align:left;
font-size:11px;
color:#666666;
}
#ouvrages p.datelivre{
text-align:left;
font-size:11px;
color:#666666;
}

ul.ensavoirplus li {
list-style-image:url(images/puce-savoir-plus.gif);
list-style-position:inside;
padding-left:15px;

font-size:14px;
font-weight:bold;
}

ul.ensavoirplus li a{
color:#1180b7;
}

ul.ensavoirplus li a:hover{
color:#1180b7;
}

ul.auteurs  li{
list-style-position:inside;
padding-left:15px;

}

#retour{
width:100%;
text-align:right;
margin-top:25px;
margin-bottom:25px;
}
#retour img{
border:none;
}
/*-----------------------------------------	TABLEAU ARTICLES--------------------------*/
table#articles{
	width:100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #525252;	
	}
	
table#articles td {
	padding-bottom:30px;
	}
	
table#articles li {
	list-style-image:url(images/puce2.jpg);
	list-style-position:outside;
	margin-top:20px;
	}

table#articles li li {
	list-style-image:url(images/puce-savoir-plus.gif);
	list-style-position:outside;
	margin-top:0px;
	}
	
table#articles A.lien1{
font-size:12px;
}

/*-----------------------------------------	TABLEAU PEDAGOGIE--------------------------*/
#pedago{
	width:100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #525252;
	border-collapse:collapse;
	text-align:left;
	}
#pedago tr {
	vertical-align:top;
}

#pedago td {
	padding:5px;
	border: 1px solid #9ad6f4;
	text-align:left;
	vertical-align:top;
}

#pedago td.case1 {
	font-weight:bold;
}


#pedago th {
	padding:5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight:bold;
	color:#003366;
	text-align:left;
	background-color:#E3ECF9;
	border: 1px solid #9ad6f4;
}

#pedago li {
	list-style-image:url(images/puce2.jpg);
	list-style-position:outside;
	margin-top:5px;
	margin-bottom:5px;
	margin-left:0px;
}

/************************************************************************     ONGLETS  ***************************************/
div#contenuonglets{border:3px solid #71C7EA;margin-top:0px;padding:10px;margin-bottom:20px;}
div#bloconglets{background-color:#eef5e2; width:100%;}
.onglets{ position:relative;  height:30px; margin-bottom:0px;}
.onglets ul{ position:absolute; list-style-type:none; margin:0; padding:0;}
.onglets ul li{display:inline; float:left; text-align:left;}
.onglets ul li a{display:block; font-size:11px; font-weight:bold; text-decoration:none; float:left;padding:0px;margin-right:0px; width:156px;}
.onglets ul li a:hover{color:#F25821;}

.ongletON a{color:#FFFFFF;border:5px solid #FFFFFF;background-color:#155083;}
.ongletOFF a{color:#666666;border:5px solid #FFFFFF;background-color:#FFFFFF;}