body
{
background:#FFF url(../images/bg.gif) repeat-x;font-family:Arial, Helvetica, sans-serif;font-size:12px;margin:0;padding:0;/*text-align:center;*/height:100%;color:#013158;
}

html{height:100%;}

/* Titres */
h1{font-size:19px;}
h2{font-size:120%;margin-top:30px;margin-bottom:15px;}
h3{font-size:100%;padding:0;margin:0;margin-bottom:15px;}

.bt{padding:2px 5px;line-height:20px;background-color:#0056A4;color:#FFF;border:2px solid #000;text-decoration:none;font-size:11px;}

.bt:hover{background-color:#FF9B06;text-decoration:none;border:2px solid #000;padding:2px 5px;}
.thumbnail{cursor: hand;cursor: pointer;border:3px solid #FFF;}

/* Liens */
a{color:#0056A4;text-decoration:none;font-weight:bold;}
a:hover{text-decoration:underline;}

small{font-size:10px;line-height:11px;}
small a{font-weight:normal;}

.img_left
{
margin-right:15px;margin-bottom:15px;
}

.img_right
{
margin-left:15px;margin-bottom:15px;
}

.img_border
{
border:1px solid #013158;
}


/* Bande top */
#top{height:98px;background:url(../images/bg_top.gif) no-repeat right;width:780px;}

#container{width:780px;text-align:left;background:url(../images/bg_fade.jpg) no-repeat 0px 64px;height:100%;}

/* Colonne gauche */

#leftcol{float:left;position:relative;top:-20px;width:200px;z-index:1000;}
#leftcol p{margin-left:15px;}

/* Colonne droite */
#rightcol{float:left;margin-left:30px;position:relative;top:-5px;width:535px;}


/* Navigation */

#nav ul li, #nav_en ul li{list-style:none;text-indent:-9999px;}

#nav ul li a,#nav_en ul li a{display:block;height:28px;width:197px;}
#nav ul li a:hover,#nav_en ul li a:hover{background-position:left -28px;}

#voyage #nav li#voyage_tab a, #histoire #nav li#histoire_tab a, #production #nav li#production_tab a, #encyclopedie #nav li#encyclopedie_tab a, #outils #nav li#outils_tab a, #liens #nav li#liens_tab a{background-position:left -28px;}

#voyage #nav_en li#voyage_tab a, #histoire #nav_en li#histoire_tab a, #production #nav_en li#production_tab a, #encyclopedie #nav_en li#encyclopedie_tab a, #outils #nav_en li#outils_tab a, #liens #nav_en li#liens_tab a{background-position:left -28px;}

#ecriveznous #nav li#ecriveznous_tab a{background-position:left -33px;}
#ecriveznous #nav_en li#ecriveznous_tab a{background-position:left -33px;}

#nav li#voyage_tab a{background-image:url(../images/bt_voyage.gif);}
#nav li#histoire_tab a{background-image:url(../images/bt_histoire.gif);}
#nav li#production_tab a{background-image:url(../images/bt_production.gif);}
#nav li#encyclopedie_tab a{background-image:url(../images/bt_encyclopedie.gif);}
#nav li#outils_tab a{background-image:url(../images/bt_outils.gif);}
#nav li#liens_tab a{background-image:url(../images/bt_liens.gif);}
#nav li#ecriveznous_tab a{background-image:url(../images/bt_ecriveznous.gif);height:33px;}
#nav li#ecriveznous_tab a:hover{background-position:left -33px;}
#nav li#jeunesse_tab a{margin-top:5px;background-image:url(../images/bt_jeunesse.gif);height:33px;}
#nav li#jeunesse_tab a:hover{background-position:left -33px;}

#nav_en li#voyage_tab a{background-image:url(../images/bt_voyage_en.gif);}
#nav_en li#histoire_tab a{background-image:url(../images/bt_histoire_en.gif);}
#nav_en li#production_tab a{background-image:url(../images/bt_production_en.gif);}
#nav_en li#encyclopedie_tab a{background-image:url(../images/bt_encyclopedie_en.gif);}
#nav_en li#outils_tab a{background-image:url(../images/bt_outils_en.gif);}
#nav_en li#liens_tab a{background-image:url(../images/bt_liens_en.gif);}
#nav_en li#ecriveznous_tab a{background-image:url(../images/bt_ecriveznous_en.gif);height:33px;}
#nav_en li#ecriveznous_tab a:hover{background-position:left -33px;}
#nav_en li#jeunesse_tab a{margin-top:5px;background-image:url(../images/bt_jeunesse_en.gif);height:33px;}
#nav_en li#jeunesse_tab a:hover{background-position:left -33px;}

#outils #nav li#outils_tab ul li a, #outils #nav_en li#outils_tab ul li a{background-position:left 0;}
#outils #nav li#outils_tab ul li a:hover, #outils #nav_en li#outils_tab ul li a:hover{background-position:left -24px;}


#nav ul ul li a, #nav_en ul ul li a{height:24px;width:128px;}
#nav ul ul li a:hover, #nav_en ul ul li a:hover{background-position:left -24px;}

#nav ul ul li#cycle1_tab a{background-image:url(../images/bt_cycle1.gif);}
#nav_en ul ul li#cycle1_tab a{background-image:url(../images/bt_cycle1_en.gif);}
#nav ul ul li#cycle2_tab a{background-image:url(../images/bt_cycle2.gif);}
#nav_en ul ul li#cycle2_tab a{background-image:url(../images/bt_cycle2_en.gif);}
#nav ul ul li#cycle3_tab a{background-image:url(../images/bt_cycle3.gif);}
#nav_en ul ul li#cycle3_tab a{background-image:url(../images/bt_cycle3_en.gif);}

#nav ul, #nav_en ul {list-style: none;margin:0;padding:0;}

#nav li, #nav_en li {position:relative;}

#nav ul ul, #nav_en ul ul{position: absolute;top: 0;left:197px;z-index:10000;width:100%;}






#bt_lang
{
float:right;position:relative;top:-33px;right:140px;
}

#bt_en
{
text-indent:-9999px;
display:block;width:60px;height:26px;background:url(../images/bt_english.gif) no-repeat 0px 0px;
}

#bt_fr
{
text-indent:-9999px;
display:block;width:65px;height:26px;background:url(../images/bt_francais.gif) no-repeat 0px 0px;
}

#bt_en:hover,#bt_fr:hover
{
background-position:0 -26px;
}
table 
{
border:solid 1px #013158;border-collapse:collapse;background-color:#9ACDFF;
}
table td, table th
{
padding:5px;border:solid 1px #013158;
}

table th
{
text-align:left;background-color:#6FB7FF;
}

#leftcol table
{
border:none;background-color:#FFF;
}
#leftcol table td, #leftcol table th
{
border:none;padding:0;
}


table.noborder
{
background-color:transparent;border:none;
}
table.noborder td
{
border:none;
}

.left
{
float:left;margin-right:20px;
}

.right
{
float:right;margin-left:20px;
}

.note
{
padding:10px;
border:1px dashed #013158;background-color:#9ACDFF;
}

.fiche
{
padding:10px;
border:1px solid #013158;margin-bottom:20px;
}

.fiche h2
{
margin-top:0;
}


/* Form */
form{margin:0;padding:0;}
form label{width:100px;padding-right:10px;padding-bottom:5px;display:block;}
label.important{background: url(../images/star.gif) no-repeat;padding-left:12px;}
form input, form textarea{
	width:180px;
	padding:2px;
	margin-bottom:10px;
	font-size:100%;
}
form textarea{height:80px;}
form input.bt{font-weight:bold;width:auto;cursor:pointer;}



.nav_tools
{
float:right;height:23px;padding-top:5px;margin-top:10px;*margin-top:5px;
}

.nav_tools_table
{
margin-top:27px;*margin-top:22px;
}

.fiche .nav_tools
{
margin-left:5px;margin-top:0;position:relative;top:-3px;
}


#showimage{
position:absolute;
visibility:hidden;
border: 1px solid gray;background-color: #CCCCCC;
}

#dragbar{
cursor: hand;
cursor: pointer;
font-size:10px;
background-color: #CCCCCC;
padding:1px 0px;
min-width: 100px; /*NS6 style to overcome bug*/
}

#dragbar #closetext{

white-space:nowrap;
font-weight:bold;font-size:11px;
margin-right: 4px;margin-left:5px;
}
#dragbar #credit{white-space:nowrap;

}