/*bootstrap perso */
body{
font-family:'Trebuchet MS', Arial, sans-serif;
}

h1{
font-family: impact,'Arial Black', sans-serif;
font-weight: bold;
color:#22426E;/*bleu foncé*/
}
h2,h3{
font-family: 'comic sans ms','Arial Black', sans-serif;
font-weight: bold;
color:#22426E;/*bleu foncé*/
}
 h4,h5 {
    margin: 10px 0px;
    font-family: inherit;
    font-weight: bold;
    line-height: 20px;
    color: #1A3563;
    text-rendering: optimizelegibility;
}
 h6 {
    margin: 10px 0px;
    font-family: inherit;
    font-weight: bold;
    
    color: #1A3563;
    text-rendering: optimizelegibility;
}
/*h1, h2, h3, h4, h5, h6 {
    margin: 10px 0px;
    font-family: inherit;
    font-weight: bold;
    line-height: 1;
    color: #1A3563;
    text-rendering: optimizelegibility;
}*/
a,ul,ol,li{
font-family:  verdana, sans-serif;
font-size:1em;

/*'Lucida Sans Unicode';*/
}
p, a, ul, ol, li {
    font-family:  verdana, sans-serif;
    font-size: 1em;
}
p, ul,ol,li{
color:black;
}
a{
color:#339EEA;
}
aside{
background:white;
 border-radius: 2px 2px 2px 2px;
 border: 1px #4d8fc1 solid;
 /*margin-bottom:10px;*/
 margin:1px;
 padding:10px;
}

article,aside,footer,.centre,.banniere{
background:white;
 /*border-radius: 5px 5px 5px 5px;
 border: 1px #4d8fc1 solid;*/
 margin-bottom:10px;
/* padding:10px;*/
}

@media (max-width: 768px) { 
.listedexos ul{
line-height: 2;
}
}

.banniere{
 
 margin-top:-10px;
padding:10px;
background:url('../images/banniere.png') ;
}
.centre{
/*background:#e3edf4;*/
}


body{

background:#3664ae;
}

.page{
background:#C2D4E0;
}
.jecentre{ 
 text-align: center;
 
}



.navbar-default {
    background-color: #35527F ; /*bleu*/  
}
.navbar-default .navbar-nav >li >a{
    color: #F89832;/*orange */
    background-color: #35527F;/*bleu */
}
 .navbar-default .navbar-nav >li >a:focus, .navbar-default .navbar-nav >li >a:hover {
    color: #FEBB7A;/*orange clair*/
    background-color: #4872AC;/*bleu clair*/
}
.navbar-default .navbar-nav >li.active > a {
    color: white;
    background-color: transparent;
}
.navbar-default .navbar-nav >.active>a:focus, .navbar-default .navbar-nav > .active>a:hover {
    color:  white;
    background-color:  #4872AC;/*bleu clair*/
}
.navbar-default .navbar-nav >li .active>a:focus, .navbar-default .navbar-nav >li .active>a:hover {
    color:  white;
    background-color: #4872AC;/*bleu clair*/
}
.navbar-default .navbar-brand, .navbar-default .navbar-brand:hover{
    color: #97AFD4;/*bleu clair*/
     background-color: #35527F;/*bleu */
}

 .navig .navbar-default .navbar-nav >li  {
    width:100%;
	
    background-color: #35527F;/*bleu */
} 




.definition{
background:#FCE0C4;
background:linear-gradient(to top, #FCE1C4,#FDEFDF,#FCE1C4);

 border-radius: 2px 2px 2px 2px;
 border: 1px #4d8fc1 solid;
 padding:5px;
 margin-top:3px;
}
.exemple{
 padding:5px;
}
.propriete{
background:#F1F4F9;
background:linear-gradient(to top, #E6EBF2,#F1F4F9,#E6EBF2);

 border-radius: 2px 2px 2px 2px;
 border: 1px #4d8fc1 solid;
 padding:5px;
 margin-top:3px;
}
.savoir-faire{
background:#E4EECA;

 border-radius: 2px 2px 2px 2px;
 border: 1px #4d8fc1 solid;
 padding:5px;
 margin-top:3px;
}
.savoir-faire p{

  font-family:  verdana, sans-serif;
    font-size: 1em;
 color:red;
}
.im_tex{
 margin-top:10px;
 
}
.f-math{
display: inline-block;
padding-right:5px;
}
.avertissement{

color:red;
}
.cadre{
border-radius: 1px 1px 1px 1px;
 border: 1px #4d8fc1 solid;
  padding:5px; 
   background-color:white;
}
.cadreb{
border-radius: 1px 1px 1px 1px;
 border: 1px #4d8fc1 solid;
  padding:4px;
  padding-top:1px;
  padding-bottom:3px;
    background-color:white;
}
.cadreh{
border-radius: 1px 1px 1px 1px;
 border: 1px #4d8fc1 solid;
  padding:5px;
  padding-top:6px;
  padding-bottom:10px;
   background-color:white;
  
}
.cadreth{
border-radius: 1px 1px 1px 1px;
 border: 1px #4d8fc1 solid;
  padding:5px;
  padding-top:8px;
  padding-bottom:10px;
    background-color:white;
  
}
.cadreth2{
border-radius: 1px 1px 1px 1px;
 border: 1px #4d8fc1 solid;
  padding:5px;
  padding-top:10px;
  padding-bottom:10px;
    background-color:white;
  
}
.cadretth{
border-radius: 1px 1px 1px 1px;
 border: 1px #4d8fc1 solid;
  padding:5px;
  padding-top:14px;
  padding-bottom:17px;
    background-color:white;
  
}
.cadrehm{
border-radius: 1px 1px 1px 1px;
 border: 1px #A77453 solid;
  padding:5px;
  padding-top:5px;
  padding-bottom:10px;
    background-color:white;
  
}
.colonnedte{
margin-left:-20px;

}
.centrepage{
/*margin-left:10px;
margin-right:10px*/
}
.pubgche{
margin-left:0px;/*10px*/
margin-top:10px;/*10px*/
}
.pubdroite{
margin-left:-19px;/*10px*/

}
.pubhoriz{
margin-top:20px;
padding-left:25px;
padding-top:55px;
height: 200px;
border-radius: 2px 2px 2px 2px;
 border: 1px #4d8fc1 solid;
  margin:1px;
  background-color:#ffffff;/*#C2D4E0;*/
  }
 
 .pubfilm{
margin-top:0px;
padding-left:0px;
padding-top:0px;
height: 200px;
border-radius: 2px 2px 2px 2px;
 border: 1px #A77453 solid;
  margin:1px;
  background-color:#ffffff;/*#E1D9D3;*/
  }
  
.pubmobile{
height: 100px;
  }
@media (max-width: 490px) { 
.pubmobile{
height: 150px;
  }
}
  
.socialpub{
height: 75px; 
}
@media (max-width: 768px) { 
.socialpub{
height: 30px;
}
}
  
.pubperso {
margin-left:0px;
margin-right:-15px;
margin-top:10px;
padding-bottom:10px;
 border-radius: 2px 2px 2px 2px;
 border: 1px #4d8fc1 solid;

}
.pubperso h5{
color:black;
font-family: 'comic sans ms','Arial Black', sans-serif;
}
.pubperso a{
color:transparent;
}
.pubperso h5:hover{
color:red;
}

.grisable{
color:grey;
font-style:italic;
}
.remarque{
color:grey;
font-style:italic;
}
.exo a:hover {border-bottom: 0px}/* indispensable pour IE seulement */

.exo  span.commentaire {display:none ; /* cache les <span> placés dans un lien <a> */
font-size:.8em;
font-style:italic;
color:grey} /* met le texte <span> en gris */

.exo a:hover + span.commentaire {display: inline; /* Montre le texte <span> lors du survol */
}
.pubstack {

 margin-left:0px;
 margin-right:-15px;
margin-top:10px;
padding-bottom:10px;
 border-radius: 2px 2px 2px 2px;
 border: 1px #4d8fc1 solid;

}