/* CSS Document */
*{
margin:0;
padding:0;
}
.clearFix{
clear:both;
}
img{
border:none;
}
body{
margin:0;
padding:0;
background: transparent url(../img/fond.gif) top left repeat;
font-family: Arial,Verdana,Helvetica,sans-serif;
}
.padding10BT{
margin-bottom:6px;
}
#container{
margin:0 auto;
padding-left:0px;
}
#container, #header, #mainContent{
width:999px;
}
/*HEADER*/
#header{
margin-top:19px;
background: transparent url(../img/bandeau_haut.gif) top left no-repeat;
height:112px;
}
#header #logo{
position:absolute;
top:35px;
height:75px;
width:560px;
*margin-left:-295px;
_margin-left:-295px;
}
#header a.logoHatier{
float:left;
display:block;
height:75px;
width:150px;

}
#header a.logoAnnabac{
float:right;
display:block;
height:75px;
width:295px;
}
#header span{
display:none;
}
/*Nav2*/
#header ul#nav1{
position:relative;
float:left;
top:89px;
left:522px;
}
#header ul#nav1 li{
list-style:none;
float:left;
}
ul#nav1,  ul#nav1 li, ul#nav1 li a{
height:23px;
}
ul#nav1 li a{
display:block;
}
ul#nav1 li a.bt01{
display:block;
background: transparent url(../img/nav_haut_2de.gif) top left no-repeat;
width:47px;

}
ul#nav1 li a.bt02 {
background: transparent url(../img/nav_haut_1res.gif) top left no-repeat;
width:60px;
}
ul#nav1 li a.bt03 {
background: transparent url(../img/nav_haut_1rees.gif) top left no-repeat;
width:35px;
}
ul#nav1 li a.bt04{
background: transparent url(../img/nav_haut_1rel.gif) top left no-repeat;
width:32px;
}
ul#nav1 li a.bt05{
background: transparent url(../img/nav_haut_tles.gif) top left no-repeat;
width:58px;
}
ul#nav1 li a.bt06{
background: transparent url(../img/nav_haut_tlees.gif) top left no-repeat;
width:34px;
}
ul#nav1 li a.bt07{
background: transparent url(../img/nav_haut_tlel.gif) top left no-repeat;
width:31px;
}


ul#nav1 li a.bt01:hover{
background: transparent url(../img/nav_haut_2de_on.gif) top left no-repeat;

}
ul#nav1 li a.bt02:hover {
background: transparent url(../img/nav_haut_1res_on.gif) top left no-repeat;
}
ul#nav1 li a.bt03:hover {
background: transparent url(../img/nav_haut_1rees_on.gif) top left no-repeat;
}
ul#nav1 li a.bt04:hover{
background: transparent url(../img/nav_haut_1rel_on.gif) top left no-repeat;
}
ul#nav1 li a.bt05:hover{
background: transparent url(../img/nav_haut_tles_on.gif) top left no-repeat;
}
ul#nav1 li a.bt06:hover{
background: transparent url(../img/nav_haut_tlees_on.gif) top left no-repeat;
}
ul#nav1 li a.bt07:hover{
background: transparent url(../img/nav_haut_tlel_on.gif) top left no-repeat;
}
/*Nav2*/
ul#nav2{
margin-top:2px;
margin-right:12px;
float:right;
background: transparent url(../img/nav_haut_picto.gif)  -1px 20px no-repeat;
_background: transparent url(../img/nav_haut_picto.gif)  43px 20px no-repeat;/*hack IE6*/
width:140px;
}
ul#nav2 li{
float:left;
list-style:none;
margin-left:44px;
}

ul#nav2 li a{
height:20px;
width:99px;
display:block;
}
ul#nav2 li a.btCoaching{
background: transparent url(../img/nav_haut_coach.gif) top left no-repeat;
}

ul#nav2 li a.btTutorat{
background: transparent url(../img/nav_haut_tut.gif) top left no-repeat;
}
ul#nav2 li a.btMetho{
background: transparent url(../img/nav_haut_metho.gif) top left no-repeat;
}

ul#nav2 li a.btForum{
background: transparent url(../img/nav_haut_forums.gif) top left no-repeat;
}
ul#nav2 li a.btSOS{
background: transparent url(../img/nav_haut_sos.gif) top left no-repeat;
height:29px;
}


ul#nav2 li a.btCoaching:hover{
background: transparent url(../img/nav_haut_coach_on.gif) top left no-repeat;
}

ul#nav2 li a.btTutorat:hover{
background: transparent url(../img/nav_haut_tut_on.gif) top left no-repeat;
}
ul#nav2 li a.btMetho:hover{
background: transparent url(../img/nav_haut_metho_on.gif) top left no-repeat;
}

ul#nav2 li a.btForum:hover{
background: transparent url(../img/nav_haut_forums_on.gif) top left no-repeat;
}
ul#nav2 li a.btSOS:hover{
background: transparent url(../img/nav_haut_sos_on.gif) top left no-repeat;
}

/*MAINCONTENT*/
#mainContent{
clear:both;
height:auto;
background: transparent url(../img/menu_degrade.gif) top left no-repeat;
}
/*COLLEFT*/
#colLeft{
float:left;
margin-top:42px;
background: transparent url(../img/fond_ray_jaune.gif) top left repeat;
height:430px;
width:200px;
}
div.boxLeft{
background: transparent url(../img/ombre_menu_bas.gif) bottom left no-repeat;
padding-bottom:6px;
margin: 0 auto;
width:168px;
color:#000;
font-size:65%;
height:auto;
}
div.boxLeftTitre{
width:168px;
height:21px;
}
div.boxLeftCenter{
width:157px;
height:auto;
text-align:right;
padding-right:8px;
padding-left:3px;
}
div.bLCDiffr01{
behavior:url('materials/css/iepngfix.htc');
background: #fffce6 url(../img/ombre_hautd.png) top right repeat-y;
}
div.bLCDiffr02{
behavior:url('materials/css/iepngfix.htc');
background: #c4ccdb url(../img/ombre_hautd.png) top right repeat-y;
height:100px;
}
div.boxLeftCenter img{
padding: 1px 0;
}
div.boxLeft a{
color:#000;
text-decoration:underlign;
}
.BLTitre01{
behavior:url('materials/css/iepngfix.htc');
background: transparent url(../img/menu_ident_haut.png) top left no-repeat;
}
.BLTitre02{
behavior:url('materials/css/iepngfix.htc');
background: transparent url(../img/menu_rech_haut.png) top left no-repeat;
}
input.identification {	
width:60px; 
margin:2px 0 2px 0;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 9px;
border-style:solid;
border-width:1px;
border-color:#f5e247;
color:#000000;
} 
.left{
float:left;
}
select{ 
width:150px; 
margin:5px 0 5px 0; 
}
.recherche {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
  color:#314971;
  line-height:5px;
}

select.recherche { 
  width:150px; 
  margin:2px 0 2px 0;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10px;
	background-color:#ffffff;
  border-style:none;
	border-color:#ffffff;
  color:#314971;
}

/*CONETNT*/
#content{
  position:relative;
  right:140px;
  float:right;
  height:auto;
  width:660px;
  /*background: transparent url(../img/ombre_d_fond.gif) top right repeat-y;*/
}
#content h1{
  behavior:url('materials/css/iepngfix.htc');
  background: transparent url(../img/tit_tutorat.png) top left no-repeat;
  height:35px;
  width:632px;
  font-size:170%;
  padding:7px 0 10px 23px;
  color:white;
  font-weight:normal;
}
#contentText{
behavior:url('materials/css/iepngfix.htc');
background: transparent url(../img/ombre_haut-centre.png) top right repeat-y;
padding:10px;
font-size: 80%;
height:400px;
overflow:auto;
}
#contentText ul {
padding: 10px 0 10px 25px;

}
#contentText h2{
font-size: 100%;
padding:10px 0 5px 0;
color: #ff6600;
}
#contentText a{
color:#000;
text-decoration:none;
}
#contentText h2 a{
text-decoration:none;
color: #ff6600;
}
h2.callAction{
padding: 20px !important;
text-align:center;
display:block;
font-size:150% !important;
color: #bb0a10 !important;
} 
h2.callAction a{
text-decoration:underline !important;
color: #bb0a10 !important;
}
h2.callAction a:hover{
text-decoration:none !important;
color: #bb0a10;
}
#contentText p#morlink{
padding:20px 0 10px 0;
font-size:100%;
}
#contentText p#morlink a{
text-decoration:underline;
}
#contentText p#morlink a:hover{

text-decoration:none;
}
#contentText p#extralinks{
padding:50px 0 10px 0;
font-size:75%;
}

/*FOOTER*/
#footer{
behavior:url('materials/css/iepngfix.htc');
background: transparent url("../img/ombre_centre_bas.png") top right no-repeat;
clear:both;
position:relative;
left:194px;
width:660px;
height:30px;
padding-top:1px;
}

 ul#navFooter{
float:right;
}
ul#navFooter li{
list-style:none;
float:left;
}
ul#navFooter li a span{
display:none;}
ul#navFooter li a{
display:block;
}
ul#navFooter li a.espEnsei{
behavior:url('materials/css/iepngfix.htc');
background: transparent url(../img/menu_ens.png) top left no-repeat;
width:168px; 
height:27px;
}
ul#navFooter li a.clubAnna{
behavior:url('materials/css/iepngfix.htc');
background: transparent url(../img/navbas_club.png) top left no-repeat;
width:95px;
height:27px;
}
ul#navFooter li a.contact{
behavior:url('materials/css/iepngfix.htc');
background: transparent url(../img/navbas_contact.png) top left no-repeat;
width:56px;
height:27px;
}
ul#navFooter li a.mention{
behavior:url('materials/css/iepngfix.htc');
background: transparent url(../img/navbas_mentions.png) top left no-repeat;
width:100px;
height:27px;
}
ul#navFooter li a.aide{
behavior:url('materials/css/iepngfix.htc');
background: transparent url(../img/navbas_aide.png) top left no-repeat;
width:45px;
height:27px;
}
ul#navFooter li a.decouvrir{
behavior:url('materials/css/iepngfix.htc');
background: transparent url(../img/navbas_decouv.png) top left no-repeat;
width:117px;
height:27px;
}


ul#navFooter li a.espEnsei:hover{
behavior:url('materials/css/iepngfix.htc');
background: transparent url(../img/menu_ens_on.png) top left no-repeat;
}
ul#navFooter li a.clubAnna:hover{
behavior:url('materials/css/iepngfix.htc');
background: transparent url(../img/navbas_club_on.png) top left no-repeat;
}
ul#navFooter li a.contact:hover{
behavior:url('materials/css/iepngfix.htc');
background: transparent url(../img/navbas_contact_on.png) top left no-repeat;
}
ul#navFooter li a.mention:hover{
behavior:url('materials/css/iepngfix.htc');
background: transparent url(../img/navbas_mentions_on.png) top left no-repeat;
}
ul#navFooter li a.aide:hover{
behavior:url('materials/css/iepngfix.htc');
background: transparent url(../img/navbas_aide_on.png) top left no-repeat;
}
ul#navFooter li a.decouvrir:hover{
behavior:url('materials/css/iepngfix.htc');
background: transparent url(../img/navbas_decouv_on.png) top left no-repeat;
}

.margRMFooter{
margin-left:28px;
}
.margLMFooter{
margin-left:48px;
}