/*
 * __________________________________________________________________________________
 * AUTEUR              : Hugues Dubois - developer.hugdubois@gmail.com - ANGIE ECR!TO
 * CLIENT              : France5
 * DATE CREATION       : 27-12-2005
 * DATE MODIFICATION   : 04-01-2006
 */

body {
margin:0;
/*overflow: hidden;*/
text-align:center;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;

}
h1,
h1 a {
font-size:18px;
font-weight:bold;
}
h2,
h2 a {
font-size:13px;
font-weight:bold;
}
a {
font-size:10px;
text-decoration:none;
}
a img {
border:none;
}
a.bold {
font-weight:bold;
}
img {
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}
#container {
margin-left: auto;
margin-right: auto;
text-align:left;
position:relative;
top:22px;
width:780px;
height:auto;
}
#container .left {
float:left;
width:25px;
}
#container .right {
float:right;
width:25px;
}
#container .content {
float:left;
}
#container #top .content {
padding-left:3px;
}
#container #top .content a {
font-weight:bold;
}
#container #top .left,
#container #top .right,
#container #top .content,
#container #bottom .left,
#container #bottom .right,
#container #bottom .content {
height:13px;
}
#container #top {
height:13px;
}
#container #bottom {
height:13px;
}
#container #header {
height:89px;
}
#container #header .left, 
#container #header .right {
height:89px;
width:25px;
}
#container #header #bannerVisuel {
background-repeat: no-repeat;
float:left;
width:166px;
height:89px;
}
#container #header #banner {
float:left;
height:89px;
}
#container #content,
#container #content .left,
#container #content .right,
#container #content #contentContainer,
#container #content #menuContainer {
height:400px;
}
#container #content #menuContainer {
width:164px;
float:left;
}
#container #content #menuContainer ul {
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
list-style:none;
text-align:left;
font-size:11px;
}
#container #content #menuContainer ul li {
padding-top:1px;
vertical-align:middle;
line-height:16px;
padding:0px 0px 0px 2px;
margin:0px 0px 0px 0px;
font-weight:bold;
font-size:10px;
}
#container #content #menuContainer ul li a {
padding:0px 0px 0px 2px;
margin:0px 0px 0px 0px;
font-weight:normal;
}
#container #content #menuContainer ul li.titre {
line-height:16px;
padding:0px 1px 0px 1px;
margin:0px 0px 0px 0px;
}
#container #content #menuContainer ul li.titreMnuSpecial a,
#container #content #menuContainer ul li.titre a {
font-weight:bold;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}

#container #content #contentContainer {
position:relative;
left:1px;
width:563px;
float:left;
}
#container #content #contentContainer .headerHome {
padding-left:11px;
padding-top:11px;
}
#container #content #contentContainer .contentHome {
width:540px;
//width:557px;
height:180px;
padding-left:11px;
padding-right:11px;
position:relative;
overflow:auto;
}
#container #content #contentContainer .headerArticle {
/*width:540px;*/

padding-left:11px;
padding-top:11px;
top:-15px;
position:relative;
}
#container #content #contentContainer .pages,
#container #content #contentContainer .page1 {
width:540px;
//width:557px;
height:300px;
top:-20px;
padding-left:11px;
padding-right:11px;
position:relative;
overflow:auto;
}
#container #content #contentContainer .pages,
#container #content #contentContainer .page1 {
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
}
#container #content #contentContainer .page1 .visuel {
float:left;
border-right-width:14px;
border-right-style:solid;
border-bottom-style:solid;
border-bottom-width:5px;
text-align:center;
padding:0px 0px 0px 0px;
margin:0px 0px 0px 0px;
}
#container #content #contentContainer .page1 .visuel .legende {
text-align:center;
padding:0px 0px 0px 0px;
overflow:show;
}
#container #content #contentContainer .page1 .visuel img {
float:none;
}
#container #content #contentContainer .page1 .spacer {
height:13px;
}
#container #content .busy {
background-repeat:repeat;
height:100%;
width:auto;
text-align:center;
}
#container #content .busy .animate {
margin:auto;
top:160px;
position:relative;
}
.template {
display:block;
}
#container #content #contentContainer .toolsBar .navBar {
display:block;
}
#container #content #contentContainer .toolsBar .printBar {
float:center;
}
#container #content #contentContainer .toolsBar .navBar .cmd,
#container #content #contentContainer .toolsBar .navBar .cmd .cmdPrev img,
#container #content #contentContainer .toolsBar .navBar .cmd .cmdNext img {
height:17px;
width:107px;
}
#container #content #contentContainer .toolsBar .navBar .cmd {
margin:5px;
position:relative;
top:2px;
float:left;
}
#container #content #contentContainer .toolsBar .navBar .cmdPrev {
/*float:left;*/
left:0px;
}
#container #content #contentContainer .toolsBar .navBar .cmdNext {
position:relative;
left:299px;
//left:290px;
}
#container #content #contentContainer .toolsBar {
height:29px;
top:-5px;
width:533px;
left:11px;
background-repeat:repeat-x;
position:relative;
font-size:2px;
}
p,
p a {
padding-top:0px;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
}
sup {
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:normal;
}

#credits,
#espenseignant {
position:relative;
padding:11px 11px 11px 11px;
}
#credits .contentContainer .content,
#espenseignant .contentContainer .content {
margin:0px 0px 0px 0px;
padding:0px 0px 0px 0px;
position:relative;
top:0px;
left:0px;
width:538px;
height:380px;
}
#credits .contentContainer .content .visuel {
float:right;
}
#espenseignant .contentContainer .content .visuel {
float:left;
}
#credits .contentContainer .content .xmlContent,
#credits .contentContainer .content .titre, 
#espenseignant .contentContainer .content .xmlContent,
#espenseignant .contentContainer .content .titre {
padding:0px 11px 0px 11px;
}
#espenseignant .contentContainer .content .titre {
font-size:16px;
font-weight:bold;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
#espenseignant .contentContainer .content .xmlContent a {
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}
.xmlContent ul {
padding:0px 0px 0px 0px;
margin-left:130px;
list-style:disc;
}
.xmlContent ul li {
padding:0px 0px 0px 0px;
margin:10px 10px 10px 20px;

}
.numpage {
display:block;
}
#cyberMonitorStat {
display:block;
}
.chapo,
.chapo a {
font-size:11px;
font-weight:bold;
}
#bibliographie,
#webographie {
height:100%;
}
#bibliographie .abook {
margin:3px 0px 3px 0px;
min-height:90px;
}
#bibliographie .abook {
height:90px;
}
#webographie .awebsite {
margin:10px 0px 3px 0px;
}
#webographie .awebsite .link {
margin:0px 0px 13px 0px;
}
#bibliographie .abook .abookVisuel,
#webographie .awebsite .awebsiteVisuel {
float:left;
margin-right:10px;
}
#bibliographie .abook .title,
#webographie .awebsite .title {
font-size:11px;
font-weight:bold;
}
#container #content #contentContainer #espparents .pages,
#container #content #contentContainer #espparents .page1 {
top:auto;
}
#container #content #contentContainer #espparents .spacer2 {
width:533px;
}
#container #content #contentContainer #espparents .titre {
font-size:16px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-weight:bold;
padding-right:5px;
}
#container #content #contentContainer #webographie .page1 img.visuel {
float:none;
}
#container #content #contentContainer a {
text-decoration:underline;
}
#container #content #contentContainer #espparents .headerArticle {
position:relative;
}
#container #content #contentContainer #espparents {
top:20px;
position:relative;
}
#container #content #contentContainer  #espparents .toolsBar {
top:3px;
//top:17px;
}
#container #content #menuContainer ul li img.puce {
vertical-align:middle;
}
#container #header #banner img {
border:none;
}
#container #bottom .content div {
width:720px;
text-align:right;
}
#container #bottom .content li,
#container #top .content li {
display: inline;	
}