@media (max-width: 480px) {
/*
    .logo {width:200px; height:75px; text-align:left; padding-bottom:10px; background-color:#fff; color:#656A6D;}
    .raleway_s {font:20pt 'Raleway'; font-weight:normal;}
    .raleway_b {font:20pt 'Raleway'; font-weight:bold;}
	*/
}

@media (max-width: 480px){
/*
    #row_onglets {margin:auto;}
	*/
}

@media (max-width: 480px){
/*
#searcha {float:left; width:150px; height:50px; background-color:#fff; color:#656A6D; font:20pt 'OpenSans'; border: 0px solid; outline: 0; border-top:1px solid #DCDCDC;}
*/
}


@media (max-width: 480px){


/*
    #myCarousel {display:none;}
	*/
	
/*
#myCarousel {width:100%; height:200px;}

.carousel {
height: 200px;
margin-bottom: 0px;
}

.carousel .item {
 width:320px;
  height: 200px;
  background-color: #777;
}

.carousel-inner > .item > img {
  position: absolute;
  top: 0;
  left: 0;
  
  width: 320px;
  height: 200px;

}
*/

}

@media screen and (max-width: 820px){
body {}
.container {display: table; padding:0; margin:0;}
#general_haut {width: auto; padding:0; margin:0; padding-top:0;}
#haut {width:auto; padding:0; margin:0; padding-top:0;}
#haut p {width:auto; padding:0;}
#haut h1 {padding-top:10px; margin-top:0px; }
#ariane {width:auto; margin:0; padding:0; padding-left:0px;}

#general_contenu {width:auto; padding:0; margin:0; 
-webkit-box-shadow: none;
-moz-box-shadow: none;
box-shadow: none;
}
#contenu {width:auto; padding:0; margin:0; padding-left:5px; padding-right:5px;}

#contenu iframe {width:auto; }

#outils {width:auto;  margin:0;}

#bas, #btn_up, #btn_up.scrolled, .scrolled, #last_comms, .pc {display:none;}
#choix_livre_titre {padding-left:0;}

#chap_sup, #chap_inf {width:150px;}
#chap_sup {float:right; text-align:right;}

#menu {width:auto; display:block; float:none;}

#commentaire {width:auto; padding-left:0; }
#commentaire h3 {font-size:14pt;}
#commentaire input {width:auto; height:25px;} 
#commentaire textarea {width:auto; height:150px;}

#alune {width:auto; padding-left:0; }
#alune h3 {font-size:14pt;}
#alune input {width:auto; height:25px;}
#alune textarea {width:auto; height:150px;}

#comms {padding-left:0px; padding-right:5px;}
.highlight.comm {
	width:auto; 
/*
-ms-word-break:   break-all;
 
  word-break:       break-word;
  word-wrap:        break-word;
 
  -webkit-hyphens:  auto;
     -moz-hyphens:  auto;
hyphens: auto;
*/
 
  
}

#date_art {font-size:8pt;}
#outil_tweet {display: none;}

#choix_livre {width:auto; margin:0;}
.subsub {width:auto;}
.ulsub {width:33%;}
.ulsub li {width:auto;}



img {
  width: inherit;  /* This makes the next two lines work in IE8. */
  max-width: 100%; /* Add !important if needed. */
  height: auto;    /* Add !important if needed. */
}
#close_pop {width:30px; height:30px;}

.titre_bible_comparee {height:40px;}


.divleftstrong {width:100%; /*border:solid 1px #b61313;*/ /*background-color:#123698;*/}
.divrightstrong {width:100%; /*border:solid 1px #b61313;*/ /*vertical-align:top;*/ /*background-color:#f66547;*/ /*padding-left:20px; padding-bottom:20px;*/}
.simili {}
	
}

@media screen and  (max-width: 480px){
/*
    .cont_nav {display:none;}
	*/
.subsub {width:auto;}
.ulsub {width:100%;}
.ulsub li {width:95%;}
}

@media screen and (min-width: 1280px){
	
	body {
	 background-image:url(../images/rosette-nebula3.jpg);
    background-position:top center;
    background-repeat: no-repeat;
    background-attachment: fixed;
 }
    
	#menu {
		position:relative;
		top:-28px;
	}

}


@media print {
    #menu, #commentaire, #comms, #general_haut, #haut, #jourNuit, #trad, #outils, .labels, iframe, #crea   {display:none;}
    #general_contenu {width:90%;}
    #contenu {width:100%;}
    #contenu.highlight {width:100%;}
    #contenu img:not(.smiley){display: none!important;}

    #contenu p {
    break-inside: avoid;
  }



  /*
    #ariane, #ariane p, #ariane select, #trad {
    display:inline;
  }
  */
    
}

@media screen and (max-width: 360px){
    #moncalendrier .borderleft {width:13%;}
}