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

h1{
font-family: impact,'Arial Black', sans-serif;
font-weight: bold;
color:#1a257f;/*bleu foncé */ 
}
h2,h3{
font-family: 'comic sans ms','Arial Black', sans-serif;
font-weight: bold;
color:#1a257f;/*bleu foncé */ 
}
 h4,h5 {
    margin: 10px 0px;
    font-family: inherit;
    font-weight: bold;
    line-height: 20px;
    color: #0e1547;/*bleu très foncé*/
    text-rendering: optimizelegibility;
}
 h6 {
    margin: 10px 0px;
    font-family: inherit;
    font-weight: bold;
    
    color: #0e1547;/*bleu très foncé*/
    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:#564032;
}
a{
color: #283fec;/*bleu clair*/
}
a:focus, a:hover{
color:#1a257f;/*bleu foncé */ 
}
aside{
background:white;
 border-radius: 2px 2px 2px 2px;
 border: 1px #283fec solid;/*bleu clair*/ 
 /*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;
}
}

img {
    max-width: 100%;
    height: auto;
}

.banniere{
 
 margin-top:-10px;
padding:10px;
background:url('../images/banniere.png') ;
}
.banniere h1, .banniere h3{
color: #a9b3ff;/*bleu très très clair*/
}
.centre{
/*background:#e3edf4;*/
}


body{

background:#6777f3;/*bleu très clair*/
}

.page{
background:#6777f3;/*bleu très clair*/
}
.jecentre{ 
 text-align: center;
 
}



.navbar-default {
    background-color :#1a257f;/*bleu foncé */   
}
.navbar-default .navbar-nav >li >a{
    color: #F89832;/*orange */
    background-color:#1a257f;/*bleu foncé */
}
 .navbar-default .navbar-nav >li >a:focus, .navbar-default .navbar-nav >li >a:hover {
    color: #FEBB7A;/*orange clair*/
    background-color: #283fec;/*bleu clair*/
}
.navbar-default .navbar-nav >li.active > a {
    color: white;
    background-color: #283fec;/*bleu clair ou transparent?*/
}
.navbar-default .navbar-nav >.active>a:focus, .navbar-default .navbar-nav > .active>a:hover {
    color:  white;
    background-color:  #283fec;/*bleu clair*/
}
.navbar-default .navbar-nav >li .active>a:focus, .navbar-default .navbar-nav >li .active>a:hover {
    color:  white;
    background-color: #283fec;/*bleu clair*/
}
.navbar-default .navbar-brand, .navbar-default .navbar-brand:hover{
    color: #FEBB7A;/*orange clair*/
     background-color: #1a257f;/*bleu foncé */
}

 .navig .navbar-default .navbar-nav >li  {
    width:100%;
	
    background-color: #1a257f;/*bleu foncé */
} 




.definition{
background:#FCE0C4;
background:linear-gradient(to top, #a9b3ff,#cfd5fd,#a9b3ff);/*bleu très très clair à encore plus clair*/

 border-radius: 2px 2px 2px 2px;
 border: 1px #1a257f solid;/*bleu foncé */
 padding:5px;
 margin-top:3px;
}
.exemple{
 padding:5px;
}
.propriete{
background:#F1F4F9;
background:linear-gradient(to top, #EAE4E0,#F6F4F2,#EAE4E0);

 border-radius: 2px 2px 2px 2px;
 border: 1px #A77453 solid;
 padding:5px;
 margin-top:3px;
}

.savoir-faire{
background:#F2EBF9;

 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;
}
.avertissementvert{

color:green;
}
.cadre{
border-radius: 1px 1px 1px 1px;
 border: 1px #A77453 solid;
  padding:5px; 
   background-color:white;
}
.cadreb{
border-radius: 1px 1px 1px 1px;
 border: 1px #A77453 solid;
  padding:4px;
  padding-top:1px;
  padding-bottom:3px;
    background-color:white;
}
.cadreb2{
border-radius: 1px 1px 1px 1px;
 border: 1px #A77453 solid;
  padding:4px;
  padding-top:3px;
  padding-bottom:3px;
    background-color:white;
}
.cadremini{
    border-radius: 1px 1px 1px 1px;
    border: 1px #A77453 solid;
    padding:5px;
    padding-top:2px;
    padding-bottom:2px;
    background-color:white;
}
.cadreh{
border-radius: 1px 1px 1px 1px;
 border: 1px #A77453 solid;
  padding:5px;
  padding-top:6px;
  padding-bottom:10px;
   background-color:white;
  
}
.cadreth{
border-radius: 1px 1px 1px 1px;
 border: 1px #A77453 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 #A77453 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 #283fec solid;/*bleu clair*/ 
  margin:1px;
  background-color:#ffffff;/*#E1D9D3;*/
  }
  .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 #A77453 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:#283fec;/*bleu clair*/
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 #A77453 solid;

}
.boutonpremiere{
text-align: center;
background-color:#8E5F40;
color:white;
 border-radius: 2px 2px 2px 2px;
 margin-left:1px;
  margin-right:1px;
  margin-bottom:10px;
  padding:10px;
}

.btn-primary {
  color: #fff;
  background-color:  #283fec;/*bleu clair*/
  border-color: #71a257f;/*bleu foncé */
}
.btn-primary:hover,
.btn-primary:focus,
.btn-primary.focus,
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  color: #fff;
  background-color: #283fec;/*bleu clair*/
  border-color:  #0e1547;/*bleu très foncé*/
}
.btn-primary:active,
.btn-primary.active,
.open > .dropdown-toggle.btn-primary {
  background-image: none;
}
.btn-primary.disabled,
.btn-primary[disabled],
fieldset[disabled] .btn-primary,
.btn-primary.disabled:hover,
.btn-primary[disabled]:hover,
fieldset[disabled] .btn-primary:hover,
.btn-primary.disabled:focus,
.btn-primary[disabled]:focus,
fieldset[disabled] .btn-primary:focus,
.btn-primary.disabled.focus,
.btn-primary[disabled].focus,
fieldset[disabled] .btn-primary.focus,
.btn-primary.disabled:active,
.btn-primary[disabled]:active,
fieldset[disabled] .btn-primary:active,
.btn-primary.disabled.active,
.btn-primary[disabled].active,
fieldset[disabled] .btn-primary.active {
  background-color: #283fec;/*bleu clair*/
  border-color:  #0e1547;/*bleu très foncé*/
}
.btn-primary .badge {
  color: #337ab7;
  background-color: #fff;
}