/***************** BODY *****************/
*{
/*---on passe toutes les marges à 0---*/
margin:0;
padding:0;
}
body,html{
height:100%;
}
body{
/*background:#f2f2f2 url(../images/charte/background.jpg) left top repeat-x;*/
background:url(../images/charte/background.jpg) left top repeat-x;
overflow-x:hidden;
font-size:65.5%;
}
/***************** CONTAINER *****************/
#container{
position:relative;
min-height:100%;
width:990px;
margin:0px auto;
}
/***************** HEADER *****************/
#header{
position:relative;
width:100%;
height:223px;
background: url(../images/charte/bg-title.jpg) left top no-repeat;
}
#connexion{
position:absolute;
width:90px;
height:30px;
margin:50px 0 0 880px;
font:11px Arial, Helvetica, sans-serif;
color:#fff;
}
/******************** MENU ******************/
#menu{
position:relative;
width:990px;
height:40px;
margin-left:2px;
/*background:#403F41;*/
top:106px;
}

#boutons, #contact{
position:relative;
}
#boutons ul, #contact ul {
list-style-type:none;
list-style-position:outside;
}
#boutons ul li {
float:left;
display:inline;
cursor: pointer;
line-height:40px;
height:40px;
}
#boutons li a {
text-decoration: none;
display:block;
text-decoration: none;
width:96px;
height:40px;
background:no-repeat scroll left bottom;
}
#boutons li a span{
display:none;
width:96px;
}
#boutons li a.bt1{
	background-image:url(../images/charte/bt-accueil.jpg);
}
#boutons li a.bt2{
	background-image:url(../images/charte/bt-conseil.jpg);
}
#boutons li a.bt3{
background-image:url(../images/charte/bt-formation.jpg);
}
#boutons li a.bt4{
background-image:url(../images/charte/bt-fichiers.jpg);
}
#boutons li a.bt5{
background-image:url(../images/charte/bt-marketing.jpg);
}
#boutons li a.bt6{
background-image:url(../images/charte/bt-demande.jpg);
}
#boutons li a.bt7{
background-image:url(../images/charte/bt-solution.jpg);
}
#boutons li a.bt8{
background-image:url(../images/charte/bt-support.jpg);
}
#boutons li a.bt10{
background-image:url(../images/charte/bt-recrutement.jpg);
}
#boutons  li a:hover, #contact li a:hover{
background-position:left top;
}
#contact li#encours a, #boutons li#encours a{
background-position:left top;
}
#contact{
left:10px;
top:11px;
}

#contact ul li {
float:left;
display:inline;
cursor: pointer;
line-height:29px;
height:29px;
}
#contact li a {
text-decoration: none;
display:block;
text-decoration: none;
width:111px;
height:29px;
background:no-repeat scroll left bottom;
}
#contact  li a span{
display:none;
width:111px;
}
#contact li a.bt9{
background-image:url(../images/charte/bt-contact.jpg);
}

#smenu{
position:relative;
height:47px;
width:990px;
top:110px;
font:bold 1.1em Arial, Helvetica, sans-serif;
}
#smenu ul {
list-style-type:none;
list-style-position:outside;
}
#smenu ul li {
float:left;
display:inline;
line-height:45px;
cursor: pointer;
margin-right:5px;
margin-left:5px;
}
#smenu li a {
display:block;
text-decoration: none;
background:no-repeat scroll left bottom;
}

#smenu1, #smenu2, #smenu3, #smenu4, #smenu5, #smenu6, #smenu7, #smenu8, #smenu9{
display:none;
}



/***************** CONTENU *****************/
#contenu{
width:548px;
margin-left:209px;
min-height:725px;
}

#partner_model{
width:546px;
margin:0 auto;
}

#diaporama{
float:right;
width:269px;
height:196px;
margin:5px 0 0 10px;
}

.separateur-contenu{
display:block;
background-image:url(../images/charte/separateur-contenu.jpg);
width:546px;
height:16px;
margin:5px 0 0px 0;
}
/*---obligatoire pour le footer---*/
/*---mettre <div class="clearer" id="clearFooter"></div>--*/
/*---apres la div contenu---*/
.clearer{
clear:both;
}
#clearFooter{
height:89px;/*--- = à la hauteur du footer ---*/
}
/***************** FOOTER *****************/
#footer{
position:relative;
clear:both;
width:100%;
height:110px;
margin:-110px 0 0;
background:#001433 url(../images/charte/bg-footer.jpg) center repeat-x;
}
#footer1 {
width:932px;
margin:0 auto;
text-decoration:none;
color:#fff;
height:auto;
}
#footer2 {
width:932px;
margin:0 auto;
text-decoration:none;
color:#fff;
height:auto;
}
#footerLogo{
float:right;
width:67px;
height:14px;
color:#FFF;
margin-top:-15px;
}
/****************** COLONNE  GAUCHE ******************/
#colLeft{
float:left;
width:192px;
}
#club-bourse{
width:192px;
}
#club{
width:186px;
height:55px;
margin:0 auto;
}
#bourse{
width:186px;
height:55px;
margin:10px auto 8px auto;
}
#header-newsletter{
margin:0;
line-height:2px;
padding-top:0px;
width:192px;
}
#bg-newsletter0{
background:url(../images/charte/bg-leftbloc.png) repeat-y;
padding:5px 5px 0 5px;
margin-top:-2px
}

#bg-newsletter{
background:url(../images/charte/bg-leftbloc.png) repeat-y;
padding:5px 5px 0 5px;
margin-top:6px
}
#bottom-newsletter{
height:13px;
width:192px;
background:url(../images/charte/bottom-newsletter.png) no-repeat left top;
}
#prestataires{
margin-top:5px;
margin-bottom:5px;
height:120px;
background:url(../images/charte/prestataires.gif) no-repeat left bottom;
}
#header-outils{
margin:0;
padding-top:26px;
width:192px;
background:url(../images/charte/header-outils.jpg) no-repeat left top;
}
#header-download{
padding-top:26px;
width:192px;
background:url(../images/charte/header-download.jpg) no-repeat left top;
}
.bloc-actu-partenaires, .bloc-telechargement{
font:1.15em/1.2em Arial, Helvetica, sans-serif;
color:#1B1B1B;
margin:2px 0 0 3px;
}
.tout-afficher{
font:1.15em/1.2em Arial, Helvetica, sans-serif;
margin:2px 0 0 3px;
margin-left:5px;
}
.tout-afficher :link, .tout-afficher  a:visited{
text-decoration:none;
color:#404040;
}
.tout-afficher  a:hover, .tout-afficher  a:active{
text-decoration:underline;
color:#404040;
}
.separateur-partenaires{
background:url(../images/charte/separateur-partenaires.jpg) repeat-x left top;
height:15px;
width:196px;
margin-top:8px;
}

/****************** COLONNE  DROITE ******************/
#colRight{
float:right;
width:210px;
}
#header-partenaires{
padding-top:36px;
width:210px;
background:url(../images/charte/header-partenaires.png) no-repeat left top;
}
#bg-colonnedroite{
background:url(../images/charte/bg-rightbloc.jpg) repeat-y;
padding:5px;
}
#bottom-partenaires{
height:11px;
width:210px;
background:url(../images/charte/bottom-partenaires.jpg) no-repeat left top;
}
#header-agenda{
padding-top:33px;
width:210px;
background:url(../images/charte/header-dossier.jpg) no-repeat left top;
font:1.15em/1.2em Arial, Helvetica, sans-serif;
color:##404040;
}
#bg-colonnedroite-orange{
background:url(../images/charte/bg-rightbloc-orange.jpg) repeat-y;
padding:10px;
color:#404040;
}
#bottom-agenda{
height:12px;
width:210px;
background:url(../images/charte/bottom-agenda.jpg) no-repeat left top;
}
/************************************************/
#tableau-planning{
font:1.15em/1.2em Arial, Helvetica, sans-serif;
}
table {

border-collapse: collapse;
}
th {
color:#fff;
padding: 5px;
background-color: #696969;
}
td {
/*border: thin solid #D18A16;*/
padding: 5px;
background-color: #ffffff;
}
caption {
font-family: sans-serif;
}
th.theme{
width:250px;
}
th.date{
width:50px;
}

#alerte{
position:fixed;
left: 40%;
top:30%;
z-index:9999;
padding:15px;
background-color:#FFF;
border:1px solid #6D6D6D;
font:bold 1.1em/1.2em Arial, Helvetica, sans-serif;
color:#DA0000;
}

#aide1, #aide2{
visibility:hidden;
position:absolute;
left: 30%;
top:30%;
width: 400px;
z-index:9999;
padding:15px;
background-color:#F9D8AA;
border:1px solid #000;
font:normal 11px Arial, Helvetica, sans-serif;
color:#000;
}

#aide1 p, #aide2 p, #aide1 li, #aide2 li{
font:normal 11px Arial, Helvetica, sans-serif;
color:#000;
}