/*GENERALITE*/

html { 
background: #b8c8e2; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2I4YzhlMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEzJSIgc3RvcC1jb2xvcj0iI2ZmZmNmYyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg3JSIgc3RvcC1jb2xvcj0iI2Y0ZjRmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNiOGM4ZTIiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left,  #b8c8e2 0%, #fffcfc 13%, #f4f4f4 87%, #b8c8e2 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#b8c8e2), color-stop(13%,#fffcfc), color-stop(87%,#f4f4f4), color-stop(100%,#b8c8e2)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left,  #b8c8e2 0%,#fffcfc 13%,#f4f4f4 87%,#b8c8e2 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left,  #b8c8e2 0%,#fffcfc 13%,#f4f4f4 87%,#b8c8e2 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left,  #b8c8e2 0%,#fffcfc 13%,#f4f4f4 87%,#b8c8e2 100%); /* IE10+ */
background: linear-gradient(to right,  #b8c8e2 0%,#fffcfc 13%,#f4f4f4 87%,#b8c8e2 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dadde1', endColorstr='#dadde1',GradientType=1 ); /* IE6-8 */

}

/*#b1c4e1*/

body {
  font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size: 80%; /*13px*/
  line-height: 20px;
  max-width: 70%; /*960px*/
  margin: 0 auto;
  padding: 0;
}


/* ----------------------------- */
/* ==  Header*/
/* ----------------------------- */

/*Bouton E-book*/

.ebook{
  float: right;
  max-width: 25%;
  margin: 0.5%;
}
/*Bannière*/

.logo img{
  float:top;
  margin-top: 0%;
}

/*--------MENU--------*/

/*-----Menu principal-------*/

#menu{
  width:100%;
  height: auto;
  list-style-type: none;
  margin: 0.1% 0.1% 0.1% 1%;
  padding: 0;
  border: 0; 
  text-align: center;
  line-height: 100%;/*25px*/
  font-size: 95%;
 }

#menu img{
  max-height: 30%; 
}

#menu li{
  float: left;
  width: 19%;
  margin: 0%;
  padding: 0.3%;
  border: 0;
}

#menu li a{
  font-size: 95%;
  display: block; 
  color: #FFFFFF;
      background-color: rgb(0, 0, 0);
      background-color: #6A91D4;
  margin: 0%;
  padding-left: 0%;
  padding-right: 0%;
  padding-top: 5%;
  padding-bottom: 5%; 
  border: 3px solid #163250; /**/
  border-radius: 10px;
  text-decoration: none;
}

#menu li a:hover {
  background-color: rgb(12, 145, 190);
  background-color: rgba(12, 145, 190, 0.5);
}

/*-----Menu principal page d'accueil-------*/

#menuindex{
  width:100%;
  height: auto;
  list-style-type: none;
  margin: 0.1% 0.1% 0.1% 1%;
  padding: 0;
  border: 0; 
  text-align: center;
  line-height: 100%;/*25px*/
  font-size: 95%;
 }

#menuindex img{
  max-height: 30%; 
}

#menuindex li{
  float: left;
  width:  23.5%; /*19%*/
  margin: 0%;
  padding: 0.3%;
  border: 0;
}

#menuindex li a{
  font-size: 95%;
  display: block; 
  color: #FFFFFF;
      background-color: rgb(0, 0, 0);
      background-color: #6A91D4;
  margin: 0%;
  padding-left: 0%;
  padding-right: 0%;
  padding-top: 5%;
  padding-bottom: 5%; 
  border: 3px solid #163250; /**/
  border-radius: 10px;
  text-decoration: none;
}

#menuindex li a:hover {
  background-color: rgb(12, 145, 190);
  background-color: rgba(12, 145, 190, 0.5);
}


/*---------------Fin du menu principal-------------*/

/*MENU SECONDAIRE*/

/*Pour le java et le menu pop-up*/
.javamenu{
  width: 100%;
  margin: 1% 0% 0% 0%;
  display:inline-block;
  vertical-align:top;
}

.bouton
        {
        color:#0000ff;
        font-size:100%;
        cursor:pointer;
        }

        .boutonhover
        {
        text-decoration:underline;
        }
        .texte
        {
        border:1px solid #333333;
        background:#eeeeee;
        padding:10px;
        color:#333333;
        }
        .texte:hover
        {
        border:1px solid #000000;
        background:#cccccc;
        color:#000000;
        }

/*Les items dans le menu pop-up*/

#panel_links {
    max-width: 100%;
    min-width: 60%;
    max-height: 100%;
    background: #b8c8e2;
    height: 100%;
    overflow: auto;
    width: 100%;
    border-radius: 0px 0px 15px 15px;
    box-shadow: 0px 10px 10px -5px #141224;

}

#panel_links ul{
  font-size: 95%;
  max-width: 100%;
  min-height: 5%;
  overflow: auto;
  list-style: none;
  margin-left:10%; /*20px*/
  padding:0;
  
}

#panel_links ul li a {
    color: #656060;
    display: block;
    font-size: 95%; /*12px*/
    height: auto;
    text-decoration: none;
    margin: 0;
    padding: 0;
}


#panel_links ul li a:hover{
    color: #900932;
    font-weight: bold;
    margin: 0;
    padding:0;
}

/*Pour que chaque sous-partie du menu*/
#pl_1, #pl_2, #pl_3, #pl_4, #pl_5 {
    float: left;
    width: 100%;
}

/*Taille de chaque rubrique*/

#pl_1 {
    width: 20%;
}
#pl_2 {
    width: 20%;
}
#pl_3 {
    width: 20%;
}
#pl_4 {
    width: 20%;
}
#pl_5 {
    width: 20%;
}

/*Style des "li titre" dans le menu pop up*/

#pop{
  font-size: 95%;/*12px*/
  margin-bottom: 5px;
  text-shadow: 2px 2px 2px #AAAAAA;
  font-weight: bold;
}

#pop2{
  font-size: 95%;/*12px*/
  margin-bottom: 5px;
  text-shadow: 2px 2px 2px #AAAAAA;
  font-weight: bold;
}

/* ----------------------------- */
/* ==  Typo */
/* ----------------------------- */ 

h1{
  color: #051026; 
  font-family: Georgia;
  text-align: center;
  font-size: 26px;
  /*font-size: 24px;
  text-transform: uppercase;
  padding: 5px;
  border-bottom: solid blue;*/
}

h2{
  color:#3973D4;
  font-size: 18px;
  text-indent:20px;
  font-family: Georgia;
}

h3{
  color:#8E0202;
  font-size: 100%;
  font-family: Georgia;
}

h4{
  color: black;
  font-size: 100%;
  padding:0.5% 0% 0% 1%;
  font-family: Georgia;
  margin-left:0;
  margin-right:0;
  margin-bottom:0;
  margin-top: 0%;
}

h5{
  max-width: 100%;
  background:#900932;
  border-radius:10px 0px 10px 0px; 
  border-top: solid #112847 2px;
  border-bottom: solid #112847 2px;
  color:white;  
  padding:0% 0% 0% 0%;
  margin-top: 0%; 
  text-align: center;
  font-size: 15px;
}

h6{
  font-size: 85%;
  font-family: Georgia;
  margin-top: 0;
  margin-bottom: 1%;
}

.bold {
  font-weight: bold;
  padding: none;
  margin: none;
}
/* ----------------------------- */
/* ==  Contenu*/
/* ----------------------------- */

.content-left{
  width: 69%;
  max-width:69%;
  min-width: 69%;
  margin:0% 1% 1% 0%;
  padding:1%;
  float:left;
  display:inline-block;
  vertical-align:top;
  background:#fbf2f5;
  border-radius: 15px;
  box-shadow: 1px 1px 1px 1px #4F9DEB;
}

.content-whole{
  max-width:100%;
  min-width: 97.5%;
  margin:0% 0.5% 1% 0%;
  padding:1%;
  float:left;
  display:inline-block;
  vertical-align:top;
  background:#fbf2f5;
  border-radius: 15px;
  box-shadow: 1px 1px 1px 1px #4F9DEB;
}

.content-whole-accueil{
  max-width:100%;
  min-width: 97.5%;
  margin:1.5% 0.5% 1% 0%;
  padding:1%;
  float:left;
  display:inline-block;
  vertical-align:top;
  background:#fbf2f5;
  border-radius: 15px;
  box-shadow: 1px 1px 1px 1px #4F9DEB;
}

.activite{
  /*padding-top: 100%;*/
 /* margin-top: 10%;*/

}

.center{
  text-align: center;
}

table {
border: thin solid #900932;
border-radius:0px 0px 10px 10px;
/*border-collapse: collapse;*/
width: 100%;
}

table a:link {
color: black;
text-decoration: none;
}

table a:visited {
color: black;
text-decoration: none;
}

table a:hover {
color: #564d4d;
}

table a:active {
color: black;
text-decoration: none;
}



td {
/*border: thin solid #6495ed;*/
width: 50%;
padding: 5px;
text-align: left;
background-color: #fbf2f5;
}

table.tableau{
  border: thin solid blue;
  /*border-collapse: collapse;*/
  width: 100%;
}

.tableau td{
  border: thin solid black;
  border-collapse: collapse;
  width:25%;
}

.tableau th{
  border: thin solid black;
  border-collapse: collapse;
  width:25%;
}

table.appels{
  border: thick solid #3973D4;
  border-collapse: collapse;
  width: 100%;
}

table.appels td{
  border: thin solid #0D223F;
  width:25%;
}

table.appels th{
  border: thin solid black;
  text-align: center;
  font-family: Georgia;
}

/* ==  Paragraphe */
p{
  text-align:justify;
  margin:1% ; /*10px*/
}

p.align-right{
  text-align:right;
}

/* ==Fil d'Ariane*/

.fil {
  font-size: 100%; /*10px*/
  clear: both;
}

.fil a:link {
  font-size:80% ; /*10px*/
  clear: both;
}

.fil a:active{
  text-decoration: none;
}

.fil a:visited{
  text-decoration: none;
}


/* ==  Images */
img {
  max-width: 100%; 
 /* border: 0; */
}

img.floatleft{
  float:left;
  padding:1% 2.5% 0% 1%;
}

img.floatright{
  float:right;
  padding:0.8% 1% 0% 2%;
}
/*
.floatleft{
  float:left;
  padding-right: 5px;
}

.floatright{
  float:right;
  padding-left: 5px;
}
*/
img.SFU {
  padding-top-top: 1%;
  text-align: center;
  margin-top: 1%;
}

img.center {
  height : 20%;
  width : 30%;
  margin : 0 auto;
  display : block; 
}

/* ----------------------------- */
/* ==  Point culture*/
/* ----------------------------- */

.cultures{
  max-height:20%;
  width: 25%;
  min-width: 25%;
  margin: 0% 0% 1% 0.5%;
  padding: 1%;
  display:inline-block;
  vertical-align:top;
  background:#dce8f3;
  border-radius: 15px;
  box-shadow: 1px 1px 1px 1px #4F9DEB;
}

.cultures h5{ 
  max-width: 100%;
  background:#900932;
  border-radius:0px 10px 0px 10px; 
  border-top: solid #112847 2px; /*#386BC6*/
  border-bottom: solid #112847 2px;
  color:white;  
  padding:0% 0% 0% 0%;
  margin-top: 0%; 
  text-align: center;
  font-size: 15px;
}

/* ----------------------------- */
/* ==  Pied de page*/
/* ----------------------------- */

/*Style des liens de pied de page*/

#links{
  width: 90%;
  float: left;
}

#links ul li {
    border-right: 1px solid #FFFFFF;
    display: inline;
    margin: 0 0 0 1%;
    padding-right: 1%; /*4px*/
    text-decoration: none;
    text-align: center; 
}

#links ul li a{
  text-decoration: none;
  color: #656060;
}

#links ul li a:hover{
  text-decoration: none;
  font-weight: bold;
  color: #A6192E;
}

#links ul li:last-child {
    border: medium none;
}
.orange {
list-style-image:url('../images/icone/orange.png');
padding:none;
margin:none;
}

.rouge{
list-style-image:url('../images/icone/rouge.png');
}

.brun{
list-style-image:url('../images/icone/brun.png');
}

.footer {
  /*margin-top: 20px;*/
  width: 100%;
  background: #b8c8e2;
  margin: 0% 0% 0.5% 0%;
  padding: 0%;
  display:inline-block;
  vertical-align:top;
  font-size: 90%;
  text-align: center;
}

/*Liens vers les réseaux sociaux*/

.social{
  float: left;
  max-width:;
}

.social ul li {
  /*border-bottom: 1px solid #FFFFFF;*/
  margin:0% 0% 0% 1%; /*0px 0px 0px 4px*/
  padding:1% 0% 0% 0%; /*4px 0px 0px 0px*/
  text-decoration: none;
  list-style: none;
  text-align: center; 
}

.social ul li:last-child {
    border: medium none;
}

/* ----------------------------- */
/* ==  Glossaire*/
/* ----------------------------- */

#menuglossaire{
  margin-left: 12%;
  margin-right: 10%;
}


#menuglossaire ul{
  overflow: auto;
}


#menuglossaire li {
    background-color: #253E92;
    border-right: 1px solid #FFFFFF;
    border-radius:50% 0% 50% 0%;
    float:left;
    list-style: none outside none;
    margin-bottom: 1%;
    margin-right: 0.5%;
    margin-top: -0.5%;
}

#menuglossaire li a {
    color: #FFFFFF;
    display: block;
    font-weight: bold;
    padding-left:5px; /*27%*/
    padding-right: 5px;
    text-decoration: none;



}

#menuglossaire li a:active, #menuglossaire li a:hover{
    background: none repeat scroll 0 0 #AAD7F5;
    border-radius:50% 0% 50% 0%;
    color: #000000;
}

.TitreGlossaire {
  background:#253E92;
  /*border-radius:15% 15% 0% 0%;*/

}

.TitreGlossaire a{
    color: #FFFFFF;
    display: block;
    font-weight: bold;
    text-decoration: none;
    padding-left: 1%;
    padding-right: 1%;
}

.TitreGlossaire a:active, .TitreGlossaire a:hover{
  background: none repeat scroll 0 0 #AAD7F5;
  color: #000000;
}

/* ----------------------------- */
/* ==  Plan du site */
/* ----------------------------- */ 

h1.PS1{
  font-family: arial;
  font-size: 18px;
  text-align: left;
  text-decoration: none;
  list-style: none;
  font-weight: normal;
  color: #2B3B92;
  border-bottom: medium solid #122D4B;
}

h1.PS1 a{  
  list-style: none;
  text-align: left;
  color: #2B3B92;
  text-decoration: none; 
}

h1.PS1 a:hover{
  text-align: left;
  color: #122D4B;
  font-weight: bold;
  list-style: none;
  text-decoration: none;
}

h2.PS2{
  font-family: arial;
  font-weight: normal;
  font-size: 14px;
  color:#3973D4;
}

h3.PS3 a{
  font-family: arial;
  font-weight: normal;
  color: #122C4A;
  padding-left: 5%;
  text-decoration: none;
}

h3.PS3 a:visited{
  color: #122C4A;
  font-family: arial;
  text-decoration: none;
}

h3.PS3 a:hover{
  color: #122C4A;
  font-family: arial;
  font-weight: bold;
  text-decoration: none;
}

/*
.PS2 li{
  font-size: 16px;
  color: #122D4B;
  list-style: none;
  text-decoration: none;
}

.PS3 li a{
  font-size: 14px;
  color: #2B445F; 
  list-style: none;
  text-decoration: none;
}

.PS3 li a:hover{
  font-weight: bold;
  color: black;
  list-style: none;
  text-decoration: none;
}

.PS4 li a{
  font-size: 12px;
  list-style: none;
  text-decoration: none;
}

.PS4 li a:hover{
  font-weight: bold;
  color: #656060;
  list-style: none;
  text-decoration: none;
}*/

/* ----------------------------- */
/* ==  Culture */
/* ----------------------------- */ 


.cultures ul{
    padding-left: 2%;
    margin-left: 3%;
}

.cultures ul li{
}