/*
         ___________________
        | #conteneur
        |
        |   ___________________
        |  |  #header
        |  |
        |  |      h1
        |  |      .slogan
        |  |    ___________________
        |  |   |  #bandeau_gauche
        |  |   |  ul li
        |  |   |___________________
        |  |___________________
        |   ___________________
        |  |  #contenu
        |  |
        |  |    ___________________
        |  |   |  #bandeau_droit
        |  |   |  ul li
        |  |   |___________________
        |  |    ___________________
        |  |   |  #sections
        |  |   |  .secpart (separateur mainSection/altSection)
        |  |   |___________________
        |  |
        |  |___________________
        |   ___________________
        |  |  #footer
        |  |
        |  |___________________
        |
        |_________________________
*/

/* ne pas modifier les styles tenant sur une ligne : valeurs par defaut */

body {
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 10pt;
color:#000;
margin: 0;
padding: 0;
background-color:#F7F7F7;
border-style:hidden;
}
a { text-decoration:none; color:blue; }
/*a:hover { color:blue;text-decoration:underline;  } */



body {
  margin: 0; /* pour éviter les marges */
  text-align: center; /* pour corriger le bug de centrage IE5 */
}

#conteneur {
position: absolute;
border-style:hidden;

        width: 800px;
        margin:0 auto;
        text-align: left; /* on rétablit l'alignement normal du texte IE5 */
        position: relative; /* on positionne le conteneur */
}




a img {
border:0;
}






#header {
width:800px;
height:148px;
background-color:white;
background-image:url('college/header.gif');
background-image:url('college/header+.jpg');
background-repeat:no-repeat;
margin:0;
padding:0;
}

#libre10  {
        height:479px; width:640px;
        background: transparent url('college/leCollege02.jpg') no-repeat;
}

#header h1 {
margin:0;
padding:0;
font-family:"Albertus MT Lt", tahoma, arial;
font-size: 1.2em;
float:left;
font-weight :bold;
text-align:center;
color:#1a67c1;
margin-left:15px;
margin-top:15px;
}
#header h1 span { cursor:pointer; }

#header .slogan {
display:inline;
margin:0;
padding:0;
margin-left:4px;
font-family:tahoma sans-serif;
font-size: 10px;
color:#4da2bd;
font-weight :bold;
}

#header p {     padding : 0; margin-left:0;margin-right:15px;margin-top:3px;margin-bottom:0; /* : 3px 15px 0 0 ;*/
}


h2 {
margin:0;
padding:0;
font-size: 15pt;
color : #1a67c1;
color : black;
font-weight :bold;
padding:15px 5px 5px 10px;
}


h3 {
margin:0;
padding:0;
font-size: 10pt;
text-align:left;
color : #1a67c1;
font-weight :bold;
padding:2px;
}








 /* #bandeau_gauche fait partie de #header */

#bandeau_gauche {
        position:relative;
        text-align:right;
        font-weight : bold;
        overflow : hidden;
        margin : 5px 20px 0 0 ;
        color :#fff ;

}
html>body #bandeau_gauche {
        margin-left :10px;
}

#bandeau_gauche ul {margin:0;padding:0;font-size: 14pt;list-style-type: none;width: 100%;}
#bandeau_gauche hr {display:none;}

#bandeau_gauche li {
        float : left ;
}
#bandeau_gauche a {
        text-decoration : none ;
        /*background : url(natureverte/ul.jpg) right bottom repeat-y;*/
        padding-right : 30px ;
        padding-left : 20px ;
        color:white;
        font-size: 14pt;
        background : url("college/pic_close.png") left 80% no-repeat;
        color: #4DA2BD;
}

#bandeau_gauche a.selection {
        font-size: 18pt;
        background : url("college/pic_open.png") left 80% no-repeat;
        color :#fff ;
}

#bandeau_gauche a:hover,
#bandeau_gauche a:active {
        color: #1a67c1;
        color:white;
        text-decoration:underline;
}







/* conteneur contenu */
#contenu {
        width : 800px ;
        min-height:300px;
        padding:0; margin:0;
        padding:5px 5px; /* modif 11/2009 */
        margin-left : auto;
        margin-right : auto;
        background: transparent url('college/background.gif') repeat-y;
}




#bandeau_droit {
      /*  float:right; */
        width : 160px;
        margin-left : auto;
        margin-right : 10px;
        padding-bottom : 10px;
        overflow : hidden;
        position:absolute;
        top:65px;
        top:175px;
        right:50%;
        margin-right: -385px;
        background-color :#fff ;
}


#bandeau_droit a {
        color : #3445aa; /* bleu */
        text-decoration : none;
}
#bandeau_droit a:hover {
        color : #1a67c1;
        text-decoration:none;
        border-bottom: 1px #3445aa dotted;
}

#bandeau_droit ul {
        list-style-type: none ;
        padding: 0 ;
        margin:0 5px 5px;
}
#bandeau_droit ul ul {
        border-left:2px solid #6D6D6D;
}
#bandeau_droit li {
        list-style-image : none ;
        font-size: 1em;
        line-height:1.5em;
        padding-top: 0 ;
        margin-top: 0 ;
        color:#6EA325; /* vert */
        color : #6D6D6D; /* bleu */
}
#bandeau_droit li a{
        color : green;
        color: #1a67c1;  /* bleu */
        color : #3445aa; /* bleu */
        text-decoration : none;
        padding-left:5px;
        background : url("college/a_link.jpg") left bottom repeat-y;

}
#bandeau_droit li a font,
#bandeau_droit li a span { line-height:10px; }

#bandeau_droit li.ishover a{
        background : url("college/a_hover.jpg") left bottom repeat-y;

}
#bandeau_droit li a:hover {
        color : green;
        color : #1a67c1;
        text-decoration:none;
        border-bottom: 1px green dotted;
        border-bottom: 1px #3445aa dotted;
        background : url("college/a_hover.jpg") left bottom repeat-y;
}







/*
contenu diviser: mainSection/altSection
.secpart est division de mainSection
 */
#sections {
        width:600px;
        max-width: 600px ;
        min-width: 100px ;
        overflow:auto;
        margin-left : 15px;
        margin-right : auto;
        margin-top : 0;
        padding-bottom : 100px;
       /* border:1px solid #d4d4d4; */
}

#sections h3 {
      /*  width: 500px ;   */
        margin : 30px 0 0 0 ; font-size : 14px;
       padding : 0 ;  padding : 0 0 12px 0;
        text-transform : uppercase ;
        background :  url("college/hr3.gif") left 70% repeat-x;
}
#sections img { margin:1px; }
#sections hr {
}
#sections .bloc {
        margin : 0 0 30px 0 ;
}
#sections p {
        margin-top:0;
         /*  margin : 0 0 30px 0 ;
        padding : 0;
        text-indent : 10px ;
        background :  url(natureverte/pboot.jpg) left top no-repeat;
        */
}

#sections li { /*
margin-right:100px;
padding-right:100px !important; *//* Corrige un problème sur les listes
padding-right:0;  */ /* Cette ligne corrige un bug de IE  */
}

#sections table { border-collapse:collapse; padding:1px;  border:1px solid black; }
#sections td { border:1px solid black; }
#sections .secpart { margin:0; padding:0; /*border-bottom : 1px dotted #4B3D40 ;padding-bottom : 5px;*/  }




#sections a {   text-decoration:none;
        text-decoration:none; color : green;  color : #BCDF21; color : #4B3D40;
        font-weight :normal; color : #3445aa; /* bleu */

        font-weight :bold;
        text-decoration: none;
        color : #6EA325;
        color : #1a67c1;
        color : #24679E; /* bleu/noir*/
        color : #1C4F7A; /* bleu/noir*/
        }
#sections a:hover {  color : #4B3D40; color : #BCDF21; text-decoration:underline;
        color : #1a67c1;
        border-bottom: 1px #3445aa dotted;
        text-decoration:underline;
        text-decoration:none;
        border-bottom: 1px #192FC1 dashed;
        color : green;
        color : #192FC1;
}


#bandeau_droit h3 {
        font-size : 11px;
        margin : 12px 0 6px 0 ;
        padding : 0 0 6px 0;
        border-bottom: 1px black dotted;
        text-transform : uppercase ;
}
#bandeau_droit h3 a {
        text-decoration:none;
        color : #1a67c1;
}



/* conteneur basdepage */
#footer {
        overflow : hidden;
        text-align:right;
        font-family: Tahoma, Arial, sans-serif;
        font-size:0.8em;

        background : transparent;
        clear:both;
        width:800px;
        background-image:url('college/footer.gif');
        background-repeat:no-repeat;
        margin:0;
        padding:0;
}

#footer p {     padding : 0; margin-right:15px;margin-top:3px }

#footer, #footer a {
margin: 0px;
padding-top: 21px;
text-decoration: none;
}

#footer a {
color: #A0A0A0;
}


#module_recherche {   }
#module_recherche ul {list-style-type: none;margin:0;padding:0; cursor:pointer; }
#module_recherche li { border-left:2px solid white;padding-left:2px; }
#module_recherche li:hover { border-left:2px solid blue; }
#module_recherche li:hover b { color:blue;  }

.editable { border:1px dashed green; }
.editable:hover { border:1px dashed blue; cursor:pointer; }



a[target=_blank] {
 background: url("college/external.png") no-repeat right;
 padding-right:12px;
}




#edit_151 ul { padding:0;list-style-type:none; margin:0; }
#edit_151 li a {
        padding-left:5px;
        background : url("empty.gif") no-repeat; /* supprime target= */
}
#edit_151 li a:hover {
        background : url("college/a_hover.jpg") left bottom repeat-y;
}
s.dateImgOn { text-decoration:none;  }
s.dateImgOn { clear:both; /* aussi pour l'enfant suivant : js */
        display:block; width:46px; height:49px; float:left;
        background : url("college/calendar.gif") left top no-repeat;
        text-decoration:none; text-align:center; padding-top:4px;
        margin-right:5px; cursor:crosshair  ;
}
s.dateImgOn span { font:normal 9px arial, Tahoma, sans-serif; color:white;
}
s.dateImgOn b { font:bold 24px  verdana, arial, Tahoma, sans-serif;
}




#bandeau_gauche a.nostyle {  display:none; }
.nostyle { border:0; padding:0; margin:0; display:inline; background-color:transparent;  }