body{
background: #ddd url(https://www.piloter.org/images/fond.png) repeat-y 49% 0;
text-align:left;
  margin:0;
  padding:0;
  left: 0;
  top: 0;
  color:#333;
  height:100%;
  width:100%;
   font-size:15px;
   overflow-x: hidden;
 }
#conteneur {
font-family: Verdana,Helvetica,Arial,sans-serif;
  line-height:1.5;
background-color:#fff;
  position : relative;
  margin : 0 auto;          
    padding : 0;
  text-align : left;
  width:100%;
    max-width:1108px;
        
/*    box-shadow:8px 0 8px -10px #000000 (gauche)
box-shadow:-8px 0 8px -10px #000000 (droite)*/
  }
h1{font-family: verdana,Arial,Helvetica,sans-serif;margin-top:0px;margin-bottom:6px;padding-bottom:4px;margin-left:;text-align:left;color:#004A6B;font-weight:normal}
div.titre h1{font-family: verdana,Arial,Helvetica,sans-serif;font-size: 28px;margin-top:0px;margin-bottom:6px;padding-bottom:4px;margin-left:0px;text-align:left;color:#004A6B; background:;font-weight:normal}
h2{font-family:verdana,sans-serif;font-weight:normal;font-size: 20px;margin-left:0px;margin-right:4px;margin-top:6px;margin-bottom:4px;padding-bottom:4px; color:#004A6B;border-bottom: 1px solid #d9d9d9;}
h3{font-family:georgia,sans-serif;color:#004A6B;font-weight:normal;font-size: 1.4em;margin-top:.5em;margin-left:.2em;margin-bottom:.2em;color:navy}
h4{font-family:verdana,sans-serif;color:#666;font-weight:bold;font-size: 14px;margin-top:8px;margin-left:2px;margin-bottom:6px}
dt{font-family:Arial,sans-serif;font-weight:bold;margin-left:1em;margin-top:1em;color:maroon;background:transparent;font-size:16px}
dd{position:relative;left:8%;top:0.25em;width:75%;font-size:16px}
blockquote{background:url(images/citation.jpg) no-repeat top left;padding:0 0 0 60px;min-height:50px;font-style: italic;font-size:18px;font-family:georgia, serif;margin-bottom:10px;color: #555}
ul{list-style-type:none;padding-left:20px}
hr{color:#003A5B;background-color:#004A6B;height:5px}
a{font-family: Arial,sans-serif;font-weight:normal;border-style:none;font-size:110%}
a:link{color:#38A;text-decoration:none;}
a:visited{color:#38A;text-decoration:none;;border-style:none;}
a:active{color:RGB(70,67,107);text-decoration:none}
a:hover{color:#0b0;text-decoration:underline}
li a{font-family: Arial,sans-serif;font-weight:normal;border-style:none;font-size:115%;}
li a:link{color:#38A;text-decoration:none;}
li a:visited{color:#38A;text-decoration:none;;border-style:none;}
li a:hover{color:#0b0;text-decoration:underline}
.lien-exergue{font-size:1.5em;font-family:georgia, serif}
.lientitre{font-size:115%;font-weight:bold}
.grandlientitre{font-size:130%;font-weight:bold}
.liengras{font-size:105%;font-weight:bold}
.li-exergue{border:2px solid #ecb63e;padding:10px 10px 15px 10px;margin-bottom:35px}
.li-index{margin-bottom:35px}
select{font-size:16px;border-bottom:1px solid #aaa;width:100%} /* pour la liste déroulante de sélection gauche */
a.lien{text-decoration:underline; font-size:110%;color:#38A}
a.lien:link{color:#38A;text-decoration:underline;}
a.lien:visited{color:#38A;text-decoration:underline;;border-style:none;}
a.lien:hover{color:#0b0;text-decoration:underline}
div.livregauche{float:left;border-right:4px double #ccc;width:355px;padding:5px;padding-bottom:10px;margin:8px 10px 0px 0px;background:#eee;text-align:left}
div.livregauche a{color:green}
div.livregauche a:link{color:green}
div.livregauche a:visited{color:#483}
div.livregauche a:hover{color:#0b0;text-decoration:underline}
div.livredroite{float:right;border-left:4px double #ccc;width:355px;padding:5px;padding-bottom:10px;margin:8px 0px 0px 10px;background:#eee;text-align:left}
div.livredroite a{color:green}
div.livredroite a:link{color:green}
div.livredroite a:visited{color:#483}
div.livredroite a:hover{color:#0b0;text-decoration:underline}
div.livre{width:80%;float:left;margin-left:0px}
.livrevedette{float:left;margin:0px 10px 8px 5px ;width:150px;border:0px solid #ccc}
div.renvoi{width:97%; text-align:center;background-color:#eee;padding: 10px 5px 10px 5px;margin :10px 0px 10px 0px;font-size:105%;color:#38A;line-height:1.5}
.livretitre{color:#666;font-weight:bold;font-size:15px}
/*class specifiques */
.hrcourt{color:#dadada;height:1px;background:#dadada;border:0px}
.hrpetit{color:#dadada;height:1px;width:80px;margin-left:40%;background:#dadada;border:0px}
a.externe{color:#9a226a}
.lettrine{font-size:2.8em;line-height:0.9em;float:left;width:0,7em;padding-right:3px;color:#004A6B}
.select1{border:none;padding:2px;font-weight:bold;background:#004a6b;color:white;}
.select2{border:solid #004A6B 1px;padding:2px;font-weight:bold;}
.circle{list-style-type:circle;padding-left:30px}
.disc{list-style-type:disc;padding-left:30px}
.pucecarre{list-style-image:url(/images/icones/pucecarre.png);padding-left:30px}
.pucemoyencarre{list-style-image:url(/images/icones/p.png);padding-left:15px}
.pucepetitcarre{list-style-image:url(/images/icones/pucepetitcarre.png);padding-left:30px}
.puceronde{list-style-image:url(/images/icones/puceronde.png);padding-left:30px}
.pucedoigt{list-style-image:url(/images/icones/doigt-index.gif);padding-left:30px}
.puceyeux{list-style-image:url(/images/icones/yeux.jpg);padding-left:30px}
.pucefleche{list-style-image:url(/images/icones/petite-fleche.png);padding-left:30px}
.pucetriangle{list-style-image:url(/images/icones/triangle.png);padding-left:30px}
.pucepdf{list-style-image:url(/images/icones/pdf.png);padding-left:30px}
.pucecaseok{list-style-image:url(https://www.piloter.org/images/icones/casok.png);padding-left:30px;padding-top:-10px}
.pucecasenook{list-style-image:url(https://www.piloter.org/images/icones/casnook.png);padding-left:30px;padding-top:-10px}
.caseacocher{list-style-image:url(https://www.piloter.org/blog/images/icones/caseacocher.png);padding-left:30px;padding-top:-10px}
.numero-exergue{color:navy;font-size:135%}
.sansmarge{margin-left:-20px}
.vignette{float:left;margin:8px 5px 0px 0px;width:120px}
.themadroite{float:right;margin-left:10px}
.pin{width: 60px;float:right}
.partager{border:none;width:50px;margin-right:6px;margin-bottom:-4px}
.comment-en-dur{text-align:left}
#comment-en-dur li{margin-top:38px}
.stitremenu{background:#eee;color:#444;font-weight:bold}
.lien{color:#004a6b}
 .petitlien{font-size:14px;color:#004a6b}
 .lasuite{font-size:14px}
 .publiele{font-family:georgia;color:#663}
 .billetdujour{font-family:garamond,serif;font-size:26px;color:#990000}
.chapeau{font-size:133%;font-family:georgia, serif;color:#000;margin-top:10px}
.commentaire{font-size:110%;font-family:georgia, serif;background:#eee;padding:5px}
.decouvrir{background:#eee;margin:8px;padding:8px;border-radius:5px}
.grasrouge{color:#990000;font-size:120%}
.tdm{float:right;margin:8px;padding:4px;border-left: 3px gray solid ;color:#555}
.tdm a{font-size:95%}
.fildar{width:98%;margin:-1.5em -1em 0 -0.4em;padding-left:9px;background:} /*fil d'ariane*/
#ariane{ float:left;margin-left:-22px; }  #ariane li{ display:inline; }  #ariane li a{ margin:0 2px ; color:#003A5B; text-decoration:underline;font-size:13px }  #ariane li a:hover, #ariane li a:focus{ color:#003A5B; }  #ariane li.selected a{ color:#003A5B; text-decoration:none; }  #ariane li.home{ padding:0; margin:0; overflow:hidden; background:none; }  #ariane li.home a{ float:left; width:16px; height:16px; text-indent:-1000px; background:url(https://www.piloter.org/images/icones/home2.gif) } 
table{border:0px; border-collapse:collapse;border-spacing:0; width:100%;margin-left:auto;margin-right:auto;}
th{padding : 5px; border : 1px solid gray;background:#000;color:white;text-align:center}
td{vertical-align:top;padding : 5px;}
div.hautdepage{position:absolute;top:160px;left:0px;width:1000px;height:150px;text-align: justify}

.monnom{display:;width:600px;} /**/
 /**/
.pilotermobile a{color:#fff;font-size:15px} /**
.mobileentete{margin-left:00px;} /**/
.iconesreseaux{width:40px;height:40px}

div.billet{padding:6px;padding-left: 16px;padding-right: 16px; }
div.memeauteur{font-size:115%;font-family:georgia, serif;color:#000;margin:10px;text-align:center;line-height:1.2}
div.memeauteur2{border-radius:5px;padding:10px;box-shadow: 2px 2px 8px #aaa}
div.exergue{ font-size:100%;color:#fff; background:#004b76; padding:10px;line-height:1.4;border-radius:5px; }
div.exergue h2{color:#f7c839;font-size:120%} 
div.exergue a{font-size:110%;color:#fff}
div.exergue a:link{font-size:110%;color:#fff}
div.exergue a:visited{font-size:110%;color:#fff}
div.exergue a:hover{font-size:110%;color:#0c0;text-decoration:underline}


/*  Responsive Design */ 

@media screen and (min-width: 1071px)
{
.mobileentete{display:}
.enseignemobile{visibility:hidden}
.pilotermobile{display:none}
.article{position:absolute;top:240px;left:0px;width:700px;text-align: justify;background:#fff;padding-left:10px;margin-left:3%;padding-right:3%}
.articlelivre{position:absolute;top:260px;left:0px;width:700px;text-align: justify;background:#fff;padding-left:10px;padding-right:10px;width:90%;margin-left:4%}
.articleindex{position:absolute;top:210px;left:0px;width:700px;text-align: justify;background:#fff;padding-left:10px;padding-right:10px;}
.sidebar{position:absolute;top:220px;left:790px;width:300px;height:220%;color:black;margin : 0.0em; text-align:left}
.imghaut{position:absolute;top:190px;width:728px;height:90px;border:0px solid black;padding:0px;}
.titreindex{ position:absolute;left:0px;top:145px;width:1000px;height:100px; text-align:}/* page index*/
div.titreindex h1{font-family: verdana,Arial,Helvetica,sans-serif;font-size: 34px;line-height:1.5;margin-top:0px;margin-bottom:4px;margin-left:6px;background:#fff; color:#004A6B}
.livresiconesindex{ position:absolute;left:0px;top:136px;width:1100px;height:90px;padding:0px;font-family:georgia;background:#7db8e6;text-align:center;background-image:url(images/ciel.jpg);border:3px double #990000} 
.livresicones{ position:absolute;left:0px;top:136px;width:1100px;height:90px;padding:0px;font-family:georgia;background:#7db8e6;text-align:center;background-image:url(images/ciel.jpg);border:3px double #990000} 
.pubhaut{ position:absolute;left:320px;width:730px;height:90px;top:2px;padding:2px; }
/*.pubhaut{ position:absolute;left:250px;top:0px;width:730px;height:90px;padding:2px;} */
.titre{position:absolute;left:0px;top:150px;width:990px;height:100px; text-align:left;line-height: 0.9;;padding-top:6px;padding-left:0px;padding-right:10px;margin-left:6px; }

#menu-deroulant{position:absolute;top:100px;left:0px;background: #004b76;width:98%;list-style-type:none;margin:5px;padding:3px;border:0}
#menu-deroulant li a:link, #menu-deroulant li a:visited
{ display: block;
color: #FFF;
background:  #004b76;
margin: 0;
padding: 4px 8px 3px 6px;
border-right: 0px solid #fff;
font-family:Arial,sans-serif;font-size:13px;text-decoration:none;text-align:center;  }

}

@media screen and (max-width:1070px){
.mobileentete{display:}

.pilotermobile{display:none}
.enseignemobile{visibility:hidden}
.article{position:absolute;top:260px;left:0px;width:655px;text-align: justify;background:#fff;padding-left:10px;padding-right:10px;}
.articleindex{position:absolute;top:220px;left:0px;width:655px;text-align: justify;background:#fff;padding-left:10px;padding-right:10px;}
.sidebar{position:absolute;top:230px;left:695px;width:350px;height:220%;color:black;margin : 0.0em; text-align:left}
.imghaut{position:absolute;top:190px;width:728px;height:90px;border:0px solid black;padding:0px;}
.titreindex{ position:absolute;left:0px;top:145px;width:1000px;height:100px; text-align:}/* page index*/
div.titreindex h1{font-family: verdana,Arial,Helvetica,sans-serif;font-size: 34px;line-height:1.5;margin-top:0px;margin-bottom:4px;margin-left:6px;background:#fff; color:#004A6B}
.livresiconesindex{ position:absolute;left:0px;top:136px;width:1100px;height:90px;padding:0px;font-family:georgia;background:#7db8e6;text-align:center;background-image:url(images/ciel.jpg);border:3px double #990000} 
.livresicones{ position:absolute;left:0px;top:136px;width:1100px;height:90px;padding:0px;font-family:georgia;background:#7db8e6;text-align:center;background-image:url(images/ciel.jpg);border:3px double #990000} 
.pubhaut{ position:absolute;left:320px;width:730px;height:90px;top:2px;padding:2px}
/*.pubhaut{ position:absolute;left:250px;top:0px;width:730px;height:90px;padding:2px;} */
.titre{position:absolute;left:0px;top:150px;width:990px;height:100px; text-align:left;line-height: 0.9;;padding-top:6px;padding-left:0px;padding-right:10px;margin-left:6px; }


#menu-deroulant{ position:absolute;top:100px;left:-3px;background: #004b76;  width:1060px;list-style-type: none;margin: 5px;padding:3px ;border: 0;}
#menu-deroulant li a:link, #menu-deroulant li a:visited

{ display: block;
color: #FFF;
background:  #004b76;
margin: 0;
padding: 4px ;

font-family:Arial,sans-serif;font-size:13px;text-decoration:none;text-align:center;  }

}													/*Menu déroulant sur 2 rangs + sidebar + pubhaut*/ 
 
/*1024px*/ @media screen and (max-width:1024px){


.pubhaut{ position:absolute;left:250px;width:730px;height:90px;top:2px;padding:2px}
/*.pubhaut{ position:absolute;left:250px;top:0px;width:730px;height:90px;padding:2px;} */
#menu-deroulant{position:absolute;top:100px;background: #004b76;  width:1024px;list-style-type: none;border: 0;margin: 0px;padding:3px 3px 3px 10px}
.livresiconesindex{position:absolute;top:140px;background: #afda60;  width:655px;list-style-type: none;border: 0;padding-bottom:5px;background:#7db8e6;text-align:center;background-image:url(images/ciel.jpg);border:3px double #990000}
.livresicones{position:absolute;top:80px;background: #afda60;  width:395px;list-style-type: none;border: 0;padding-bottom:5px;background:#7db8e6;text-align:center;background-image:url(images/ciel.jpg);border:3px double #990000}
.titre{position: absolute;top:145px;width:1000px}
.titreindex{position: absolute;top:145px;width:1000px}

.sidebar{position: absolute;top:240px;left:695px;width:320px}
.article{top:265px;width:660px;padding:0px 5px 0px 10px}
.articleindex{top:220px;width:660px}
 li#pdf,.hautdepage,.imastuce,.imastuce1{display:none}


 }
													/*Menu déroulant sur 2 rangs + sidebar - Pas de pubhaut - Petite enseigne */ 
/*960px*/ @media screen and (max-width:960px){

.iconesreseaux{width:25px;height:25px}
.enseignemobile{visibility:visible}
.enseignemobile a:link, div.enseignemobile a:visited, div.enseignemobile a:active, div.enseignemobile a:hover {font-family:Arial,Helvetica,sans-serif;font-weight:bold;font-size: 20px;color:#004b76;line-height:1;}
#menu-deroulant{ position:absolute;top:45px;background: #004b76;  width:600px;list-style-type: none;border: 0;margin:0px;padding:3px 3px 3px 10px}
.titremobile,.fildar,.mobileentete{display:none} 
.monnom,.pubhaut{display:none}
.livresiconesindex{position:absolute;top:140px;background: #afda60;  width:395px;list-style-type: none;border: 0;padding-bottom:5px;background:#7db8e6;text-align:center;background-image:url(images/ciel.jpg);border:3px double #990000}
.livresicones{position:absolute;top:80px;background: #afda60;  width:395px;list-style-type: none;border: 0;padding-bottom:5px;background:#7db8e6;text-align:center;background-image:url(images/ciel.jpg);border:3px double #990000}
div.titre h1{font-size:20px;text-align:center}
div.titreindex h1{font-size:20px}
h2{font-size:18px}
h3{font-size:16px}
.titre{position: absolute;top:115px;width:600px}
.titreindex{Position: absolute;top:110px;width:600px}
.article{top:145px;width:600px;padding:0px 5px 0px 5px}
.articleindex{top:140px;width:600px}
.sidebar{position: absolute;top:10px;left:630px;width:320px}
li#pdf,.enseigne,.hautdepage,.imastuce,.imastuce1{display:none}
.imghaut,.detail li {display:none}
.recherche,.sites{display:none}
.imghaut{display:none}
.detail{visibility:hidden} 

}
 														/*Menu déroulant sur 2 rangs + sidebar */ 
/*768px*/ @media screen and (max-width:768px){ 
.enseignemobile{position:absolute;top:0px; width:100%;height:45px;padding:5px}
#menu-deroulant{ position:absolute;top:45px;background: #004b76;  width:700px;list-style-type: none;border: 0;margin:0px;padding:3px 60px 3px 10px}
h1{line-height:1.1;text-align:center}
h2{font-size:17px;margin-left:5px;line-height:1.1}
h3{font-size:16px}
.livresiconesindex{position:absolute;top:140px;background: #afda60;  width:395px;list-style-type: none;border: 0;padding-bottom:5px;background:#7db8e6;text-align:center;background-image:url(images/ciel.jpg);border:3px double #990000}
.livresicones{position:absolute;top:80px;background: #afda60;  width:395px;list-style-type: none;border: 0;padding-bottom:5px;background:#7db8e6;text-align:center;background-image:url(images/ciel.jpg);border:3px double #990000}
.titre{position: absolute;top:115px;width:440px}
.titreindex{Position: absolute;top:110px;width:430px}
.article{top:170px;width:440px;padding:0px 5px 0px 5px}
.articleindex{top:180px;width:450px}
.sidebar{position: absolute;top:125px;left:470px;width:290px}
#menu-deroulant li a:link, #menu-deroulant li a:visited
{ display: block;
color: #FFF;
background:  #004b76;
margin: 0;
padding: 4px ;
font-family:Arial,sans-serif;font-size:14px;text-decoration:none;text-align:center;  }
.lettrine{font-size:1.8em;}
.chapeau{font-size:110%;}
}
														
/*667px*/ @media screen and (max-width:667px){

#menu-deroulant{ position:absolute;top:45px;background: #004b76;  width:667px;list-style-type: none;border: 0;margin:0px;padding:3px}
.livresiconesindex{position:absolute;top:96px;background: #000;  width:361px;list-style-type: none;border: 0;margin:0px  5px 0px 5px;padding-bottom:5px 5px 0px 5px;background:#7db8e6;text-align:center;background-image:url(images/ciel.jpg);border:3px double #990000}
 .livresicones{position:absolute;top:96px;background: #afda60; width:361px;list-style-type: none;border: 0;margin:0px  5px 0px 5px;padding-bottom:5px 5px 0px 5px;background:#7db8e6;text-align:center;background-image:url(images/ciel.jpg);border:3px double #990000} 
 .titre{top:115px;width:385px}
 .titreindex{position: absolute;top:110px;width:385px}
 .article{top:180px;width:385px;padding:0px 5px 0px 5px}
 .articleindex{top:180px;width:385px}
 .sidebar{position: absolute;top:125px;left:410px;width:250px}

}

/*640px*/ @media screen and (max-width:640px){    			

 #menu-deroulant{ position:absolute;top:45px;background: #004b76;  width:640px;list-style-type: none;border: 0;margin:0px;padding:3px}
.livresiconesindex{position:absolute;top:96px;background: #000;  width:361px;list-style-type: none;border: 0;margin:0px  5px 0px 5px;padding-bottom:5px 5px 0px 5px;background:#7db8e6;text-align:center;background-image:url(images/ciel.jpg);border:3px double #990000}
 .livresicones{position:absolute;top:96px;background: #afda60; width:361px;list-style-type: none;border: 0;margin:0px  5px 0px 5px;padding-bottom:5px 5px 0px 5px;background:#7db8e6;text-align:center;background-image:url(images/ciel.jpg);border:3px double #990000} 
 .titre{top:115px;width:370px}
 .titreindex{position: absolute;top:110px;width:370px}
 .article{top:170px;width:370px;padding:0px 5px 0px 5px}
 .articleindex{top:180px;width:370px}
 .sidebar{position: absolute;top:125px;left:390px;width:240px}

}														/*Menu déroulant sur 2 rangs sans sidebar */ 
															
/*568px*/ @media screen and (max-width:568px){

#menu-deroulant{ position:absolute;top:45px;background: #004b76;  width:568px;list-style-type: none;border: 0;margin:0px;padding:3px}
.livresiconesindex{position:absolute;top:96px;background: #000;  width:361px;list-style-type: none;border: 0;margin:0px  5px 0px 5px;padding-bottom:5px 5px 0px 5px;background:#7db8e6;text-align:center;background-image:url(images/ciel.jpg);border:3px double #990000}
.livresicones{position:absolute;top:96px;background: #afda60; width:361px;list-style-type: none;border: 0;margin:0px  5px 0px 5px;padding-bottom:5px 5px 0px 5px;background:#7db8e6;text-align:center;background-image:url(images/ciel.jpg);border:3px double #990000}
.titre{top:110px;width:560px}
.titreindex{position: absolute;top:115px;width:500px}
.article{top:150px;width:550px;padding:0px 5px 0px 5px}
.articleindex{top:175px;width:550px}
.sidebar{display:none}
}
														/*Menu déroulant sur 3 rangs sans sidebar*/  
/*480px*/ @media screen and (max-width:480px){
 
.titremobile,.fildar,.mobileentete{display:none} 
.monnom,.pubhaut{display:none}

#menu-deroulant{ position:absolute;top:45px;background: #004b76;  width:480px;list-style-type: none;border: 0;margin:0px;padding:3px}
.livresiconesindex{position:absolute;top:140px;background: #afda60;  width:395px;list-style-type: none;border: 0;padding-bottom:5px;background:#7db8e6;text-align:center;background-image:url(images/ciel.jpg);border:3px double #990000}
.livresicones{position:absolute;top:80px;background: #afda60;  width:395px;list-style-type: none;border: 0;padding-bottom:5px;background:#7db8e6;text-align:center;background-image:url(images/ciel.jpg);border:3px double #990000}
.titre{position: absolute;top:140px;width:470px}
.titreindex{Position: absolute;top:140px;width:430px}
.article{top:195px;width:465px;padding:0px 5px 0px 5px}
.articleindex{top:205px;width:465px}
}

												
/*414px*/ @media screen and (max-width:414px){
    
#menu-deroulant{ position:absolute;top:45px;background: #004b76;  width:414px;list-style-type: none;border: 0;margin:0px;padding:3px}
.livresiconesindex{position:absolute;top:96px;background: #000;  width:361px;list-style-type: none;border: 0;margin:0px  5px 0px 5px;padding-bottom:5px 5px 0px 5px;background:#7db8e6;text-align:center;background-image:url(images/ciel.jpg);border:3px double #990000}
.livresicones{position:absolute;top:96px;background: #afda60; width:361px;list-style-type: none;border: 0;margin:0px  5px 0px 5px;padding-bottom:5px 5px 0px 5px;background:#7db8e6;text-align:center;background-image:url(images/ciel.jpg);border:3px double #990000}
.titre{top:140px;width:410px}
.titreindex{position: absolute;top:140px;width:395px}
.article{top:195px;width:400px;padding:0px 5px 0px 5px}
.articleindex{top:200px;width:400px} 
}
														/*Menu déroulant sur 4 rangs*/ 
/*384px*/ @media screen and (max-width:384px){

#menu-deroulant{ position:absolute;top:45px;background: #004b76;  width:384px;list-style-type: none;border: 0;margin:0px;padding:3px}
.livresiconesindex{position:absolute;top:96px;background: #000;  width:370px;list-style-type: none;border: 0;margin:0px  5px 0px 5px;padding-bottom:5px 5px 0px 5px;background:#7db8e6;text-align:center;background-image:url(images/ciel.jpg);border:3px double #990000}
.livresicones{position:absolute;top:96px;background: #afda60; width:361px;list-style-type: none;border: 0;margin:0px  5px 0px 5px;padding-bottom:5px 5px 0px 5px;background:#7db8e6;text-align:center;background-image:url(images/ciel.jpg);border:3px double #990000}
.titre{top:170px;width:380px}
.titreindex{position: absolute;top:140px;width:360px}
.article{top:225px;width:370px;padding:0px 5px 0px 5px}
.articleindex{top:205px;width:370px} 
}

/*375px*/ @media screen and (max-width:375px){

#menu-deroulant{ position:absolute;top:45px;background: #004b76;  width:375px;list-style-type: none;border: 0;margin:0px;padding:3px}
.livresiconesindex{position:absolute;top:96px;background: #000;  width:365px;list-style-type: none;border: 0;margin:0px  5px 0px 5px;padding-bottom:5px 5px 0px 5px;background:#7db8e6;text-align:center;background-image:url(images/ciel.jpg);border:3px double #990000}
.livresicones{position:absolute;top:96px;background: #afda60; width:360px;list-style-type: none;border: 0;margin:0px  5px 0px 5px;padding-bottom:5px 5px 0px 5px;background:#7db8e6;text-align:center;background-image:url(images/ciel.jpg);border:3px double #990000}
.titre{top:170px;width:370px}
.titreindex{position: absolute;top:175px;width:360px}
.article{top:225px;width:360px}
.articleindex{top:245px;width:355px}
}

/*360px*/ @media screen and (max-width:360px){

#menu-deroulant{ position:absolute;top:45px;background: #004b76;  width:360px;list-style-type: none;border: 0;margin:0px;padding:3px}
.livresiconesindex{position:absolute;top:96px;background: #000;  width:350px;list-style-type: none;border: 0;margin:0px  5px 0px 5px;padding-bottom:5px 5px 0px 5px;background:#7db8e6;text-align:center;background-image:url(images/ciel.jpg);border:3px double #990000}
.livresicones{position:absolute;top:96px;background: #afda60; width:304px;list-style-type: none;border: 0;margin:0px  5px 0px 5px;padding-bottom:5px 5px 0px 5px;background:#7db8e6;text-align:center;background-image:url(images/ciel.jpg);border:3px double #990000}
.titre{top:170px;width:350px}
.titreindex{position: absolute;top:175px;width:350px}
.article{top:225px;width:345px}
.articleindex{top:245px;width:345px} 
}
												  
/*320px*/  @media screen and (max-width:320px){

#menu-deroulant{position:absolute;top:45px;background: #004b76;  width:320px;list-style-type: none;border: 0;margin:0px;padding:3px}
.livresiconesindex{position:absolute;top:96px;background: #000;  width:305px;list-style-type: none;border: 0;margin:0px  5px 0px 5px;padding-bottom:5px 5px 0px 5px;background:#7db8e6;text-align:center;background-image:url(images/ciel.jpg);border:3px double #990000}
.livresicones{position:absolute;top:96px;background: #afda60; width:304px;list-style-type: none;border: 0;margin:0px  5px 0px 5px;padding-bottom:5px 5px 0px 5px;background:#7db8e6;text-align:center;background-image:url(images/ciel.jpg);border:3px double #990000}
.titre{top:170px;width:300px}
.titreindex{position: absolute;top:175px;width:310px}
.article{top:225px;width:305px}
.articleindex{top:245px;width:305px;}
div.livre{width:100%;float:left;margin-left:0px}

}


/* Fin Responsive Design */ 


#menu-deroulant li { float: left;margin: 0; padding: 0; border: 0; }



#menu-deroulant li a:hover { color:#fff;background-color: #0089a0;text-decoration:underline; }  
#menu-deroulant li a:active { background-color: #004b76;text-decoration:none }
   
#menu-deroulant .detail
{display: none;
list-style-type: none;
line-height:3px;
margin-top:3px;
padding: 9px 9px 5px 9px;
background-color:#ddd;
font-size:16px;
border: 0px solid #ccc;
position:absolute;
left:0;
width:auto;z-index:3}
    
#menu-deroulant .detail li
{ float: none;margin: 0;padding:0; border: 0;padding-bottom:3px  }
     
#menu-deroulant .detail li
a:link, #menu-deroulant .sdetail li a:visited { display: block; color: #555; margin:0;  text-decoration: none; background:#fff;font-family:Arial,sans-serif; text-align:left;width:auto;font-size:115%;}
      
#menu-deroulant .detail li a:hover { background: #fff; text-decoration:underline}
#menu-deroulant .detail li a:visited { background: #fff; color:#333;text-decoration:underline}
       
#menu-deroulant li:hover > .detail { display: block; }
caption {caption-side:top;padding-bottom:2.0em; padding-top : 1.5em;margin-left:auto;margin-right:auto;font-size:12px}

/* Les principales divisions */

div.enseigne{position:absolute;left:0px;height:90px;width:210px;top:10px;padding:2px}
div.enseignemobile{position:absolute;top:0px; width:99%;height:45px;padding:5px}
div.enseigne a:link, div.enseigne a:visited, div.enseigne a:active, div.enseigne a:hover {font-family:Arial,Helvetica,sans-serif;font-weight:bold;font-size: 32px;color:#444;line-height:1.5;color:#444;text-decoration:none}
div.enseignemobile a:link, div.enseignemobile a:visited, div.enseignemobile a:active, div.enseignemobile a:hover {font-family:Arial,Helvetica,sans-serif;font-weight:bold;font-size: 20px;color:#004b76;line-height:1;}
/*div.recherchegoogle{} position:absolute;left:0;top:0;background:#000;color:#fff;width:1000px;height:26px;padding:3px;text-align:center
div.recherchegooglemobile{position:absolute;left:200px;top:0;background:#000;color:#fff;width:50%;height:26px;padding:3px;text-align:center } /*position:absolute;left:0;top:0;background:#000;color:#fff;width:1000px;height:26px;padding:3px;text-align:center*/

div.sites{position:absolute;top:0px;left:0px;width:1000px;height:25px;text-align: left;margin-right:auto;padding-top:5px} 
div.logo{position:absolute;top:22px;left:4px;margin:0px;width:1000px;height:69px;} /* en haut a gauche */
div.annonce{} 
div.ribbon{ position:absolute;top:95px;left:00px;width:990px;height:20px;  text-align: center;background:navy; padding: 5px;} /* Le menu principal */
div.bestseller{margin-left:auto;margin-right:auto;width:400px;height:90px;border:2px  solid #000;padding:8px;text-align:center}
div.casehaut{position:absolute;top:185px;left:100px;width:680px;height:200px;color:black;margin : 0.5em;text-align:justify}
div.gauche{}
div.centre{}
div.refportail{border-radius:5px;padding:10px;box-shadow: 2px 2px 8px #aaa}
div.memetheme{border:2px solid #ccc;padding:10px;border-radius:5px;box-shadow: 2px 2px 8px #aaa}
div.memesujet{border:2px solid #ccc;padding:10px;border-radius:5px;box-shadow: 2px 2px 8px #aaa}
div.memesujet h2{color:#666;margin-bottom:12px} 
div.memesujet a{font-family: georgia, serif;border-style:none;  }
div.memesujet a:link{text-decoration:none;background:transparent;font-size:18px;color:#666;line-height:}
div.memesujet a:visited{text-decoration:none;background:tranparent;border-style:none;}
div.memesujet a:active{text-decoration:none;background:transparent}
div.memesujet a:hover{color:navy;text-decoration:underline;background:transparent;}
div.memesujet img{border:0;width:60px;float:left;margin-right:5px;margin-bottom:8px}
div.res{display:none}
div.livres{font-size:12px;color:#333;text-align:left}
div.livres a{font-family: Arial,Helvetica,sans-serif;font-size:12px;font-weight:bold;border-style:none; color:#004a6b;text-decoration:none;background:transparent}
div.livres a:hover{text-decoration:underline;color:#000 }
div.librairies{background:#F0F0F0;padding:5px 5px 10px 10px;border: none;margin-top:20px;text-align:center}
div.librairies a:link{font-family: Arial,Helvetica,sans-serif;font-size:12px;font-weight:bold;border-style:none; color:#004a6b}
div.suivre{position:absolute;top:171px;left:800px;width:170px;height:100%;text-align: justify;}
div.intro{position:;left:0px;width:780px;height:100%;text-align: justify;}
div.citationperso{background:url(images/citation.jpg) no-repeat top left;padding:0 0 0 60px;min-height:50px;font-style: italic;font-size:18px;font-family:georgia, serif;margin-bottom:10px;color: #555}
div.themabasvert{width:100%;background:#c0d0b0;padding:5px 0px 3px 0px}
div.encadre{color:black;background:#eee;margin-left:0;padding:10px 20px 20px 20px;border-radius: 5px}
div.encadregris{background:#eee;;padding:5px;border-radius: 5px}

div.centre li{margin-top:4px;margin-left:2px;margin-right:10px}
div.sites p {margin-top:-10px;font-family: verdana,sans-serif;font-size:15px;height:30px text-align: center;background:#ccc;padding: 10px 0px 10px 5px ;font-weight:none;color:#ccc}
div.sites a {font-family:verdana,Helvetica,sans-serif;font-size:15px;font-weight:bold;text-decoration: none;color:#000}
div.sites span {padding : 0px ; margin : 0px}
div.sites a:link, div.sites a:visited, div.sites a:active {padding: 10px;margin-top: 0px; display: inline;  background:#ccc;}
div.sites a:hover { color:#333; background:#ccc;font-style: none; text-decoration: none;display: inline;padding: 10px 10px 7px 10px;border-bottom:3px solid #990000}
div.gauche a{font-family: Arial,Helvetica,sans-serif;font-weight:;border-style:none;font-size:14px }
div.gauche a:link{text-decoration:none;background:transparent}
div.gauche a:visited{text-decoration:none;background:tranparent;border-style:none;}
div.gauche a:active{text-decoration:none;background:transparent}
div.gauche a:hover{text-decoration:underline;background:transparent;color:#0c0}
div.gauche p{margin-top:14px;margin-bottom:10px}
div.gauche ul{margin-top:1px; margin-left:3px}
div.gauche hr {height:1px;margin-top:7px;margin-bottom:0px;width:100%;color:#004A6B} 
div.gauche table{border:1px solid gray; border-spacing:2px; width:100%;margin-left:5px;margin-right:5px;font-size:16px;font-family: Verdana,Arial,helvetica,sans-serif;}
div.gauche th{padding : 3px 3px; border : 1px solid gray;background:#004A6B;font-size:16px;color:#ffffff}
div.gauche td{padding : 3px 3px; border : ; background:#FFF}
div.gauche tr{border-bottom: solid 1px #aaa}
div.intermenu{background:#ddd;color:#004A6B;font-weight:;font-size:14px;margin-top:-8px;width:100%}
/* CSS spécifique  */

.btn-group .button1 {
    background-color: #FF8000; /* orange */
    border: none;
    color: black;
    padding: 6px 16px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    cursor: pointer;
    width: 150px;
    display: block;
    border-radius: 12px;
    margin:4px;
    outline: 0;
}
.btn-group .button1:not(:last-child) {
    border-bottom: none; /* Prevent double borders */
}
.btn-group .button1:hover {
    background-color: #DF7401;
}
.btn-group .button2 {
    background-color: #FF8000; /* orange */
    border: none;
    color: black;
    padding: 4px 6px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 14px;
    cursor: pointer;
    width: 120px;
    display: block;
    border-radius: 12px;
    margin:3px;
    outline: 0;
}
.btn-group .button2:not(:last-child) {
    border-bottom: none; /* Prevent double borders */
}
.btn-group .button2:hover {
    background-color: #DF7401;
}


button.accordion {
    background-color: #fff;
    color: #004A6B;
    cursor: pointer;
    padding: 5px;
    width: 100%;
    border: none;
    text-align: left;
    outline: none;
    font-size: 15px;
    font-weight:bold;
    transition: 0.4s;
    
}
button.accordionstat {
    background-color: #fff;
    color: #004A6B;
    cursor: pointer;
    padding: 5px;
    width: 100%;
    border: 1px solid #ccc;
    text-align: left;
    outline: none;
    font-size: 15px;
    font-weight:bold;
    transition: 0.4s;
    
}

button.accordion.active, button.accordion:hover {
    background-color: #eee;
}

button.accordion:after {
    content: '\02795';color:red;
    font-size: 13px;
    color: #777;
    float: right;
    margin-left: 0px;
}

button.accordion.active:after {
    content: "\2796";
}

div.panel {
    padding: 0 5px;
    background-color: white;
    font-weight:bold;
    color : red ;
    max-height: 0;
    overflow: hidden;
    transition: 0.6s ease-in-out;
    opacity: 0;
 
}

div.panel.show {
    opacity: 1;
    max-height: 1000px;  
}
}



/*Fin CSS spécifique  */