/*     ==============================       CSS commun  =========================================  */

img {max-width:100%; }
p {font-size:15px; }
li {font-size:15px !important;margin-bottom:12px !important;color:#184693 !important; }

.searchrecherche form {margin:7px 0px 0px 15px; }
div.searchrecherche {height:36px; }
.btn-primary {border-color:#05b5a8; }
.custombanniere {max-width:100%; }
.searchrecherche {width:200px;margin-top:0px;margin-bottom:0px; }
.lang-inline a {font-size:15px;font-style:italic; }

 #aside {background-color:transparent !important;padding: 0px 0px 0px 30px !important;border-left:1px dotted #333333 !important;margin-top:10px !important; }
 .well {background-color:transparent !important; border:0  !important;border-bottom:0px dotted #333333 !important;border-radius:0px !important;box-shadow:0  !important;margin-bottom:30px;}

.page-header  {border-bottom:0; }
h3.page-header  {border-bottom:0; }


h1 {font-size:36px;font-weight:lighter !important; color:#00958d;line-height:42px !important;}
h2 {font-size:18px;  color:#00648d;}
h2.notop {margin-top:0 !important;}



/*     ==============================       CSS cellulaire  =========================================  */
@media (min-width: 280px) and (max-width: 420px) {
 
 .cell {display:block; }
 .desk {display:none; }
body.site {padding:3%; }

h1 {font-size:36px;font-weight:lighter !important; color:#00958d;line-height:42px !important;}

.projet-1 {float:none;width:285px;margin-left:10px;margin-bottom:20px; }
.projet-2 {float:none;width:285px;margin-left:10px;margin-bottom:20px; }
.projet-3 {float:none;width:285px;margin-left:10px;margin-bottom:20px; }
.clearall {clear:both }
 
 }
 
 
 
 
@media (min-width: 421px) and (max-width: 480px) {

h1 {font-size:36px;font-weight:lighter !important; color:#00958d;line-height:42px !important;}
 
 .cell {display:block; }
 .desk {display:none; }
body.site {padding:3%; }
.projet-1 {float:none;width:285px;margin-left:10px;margin-bottom:20px; }
.projet-2 {float:none;width:285px;margin-left:10px;margin-bottom:20px; }
.projet-3 {float:none;width:285px;margin-left:10px;margin-bottom:20px; }
.clearall {clear:both }
 
 } 
 
  
@media (min-width: 481px) and (max-width: 760px) {
 
 .cell {display:block; }
 .desk {display:none; }
body.site {padding:3%; }
.projet-1 {float:none;width:285px;margin-left:10px;margin-bottom:20px; }
.projet-2 {float:none;width:285px;margin-left:10px;margin-bottom:20px; }
.projet-3 {float:none;width:285px;margin-left:10px;margin-bottom:20px; }
.clearall {clear:both }
 
 } 
 
 
 
 
 
 /*     ==============================       CSS ipad  =========================================  */
@media (min-width: 761px) and (max-width: 1024px) { 


body {background-image:url('/images/background-top.jpg'); background-repeat:repeat-x;}
.custombanniere {width:700px;margin-left:auto;margin-right:auto;margin-top:100px;margin-bottom:60px; }
.custom-slider-accueil {max-width:1020px;margin:auto;text-align:center; }
.custom-don {width:940px;margin:auto; }

 .cell {display:none; }
 .desk {display:block; }
body {background-image:url('/2019/images/background-top.jpg'); background-repeat:repeat-x;background-color:grey;}
.bm-cool-menu-wrap {width:1000px;margin-left:auto;margin-right:auto; }
.bm-cool-menu {margin-top:1px !important; }
.bm-cool-menu a {font-size:14px !important; }

.projet-1 {float:left;width:285px;margin-right:42px; }
.projet-2 {float:left;width:285px;margin-right:43px; }
.projet-3 {float:left;width:285px; }
.clearall {clear:both }


 }
 
 
 
  /*     ==============================       CSS desk  =========================================  */
@media (min-width: 1025px) {  

body {background-image:url('/images/background-top.jpg'); background-repeat:repeat-x;}
.custombanniere {width:700px;margin-left:auto;margin-right:auto;margin-top:100px;margin-bottom:60px; }
.custom-slider-accueil {max-width:1300px;margin:auto;text-align:center; }
.custom-don {width:940px;margin:auto; }

 .cell {display:none; }
 .desk {display:block; }

.bm-cool-menu-wrap {width:1000px;margin-left:auto;margin-right:auto;}
.bm-cool-menu {margin-top:0px !important; padding-bottom:0px !important;margin-bottom:0px !important;}
.bm-cool-menu a {font-size:14px !important; }

.projet-1 {float:left;width:285px;margin-right:42px; }
.projet-2 {float:left;width:285px;margin-right:43px; }
.projet-3 {float:left;width:285px; }
.clearall {clear:both }


}