/* CSS Document Site http://www.spectacle-gil-aventure.com Pages mobiles FR template Octobre 2016
feuille CSS Nicole Vivant - Webcreation11  
*/
@media (max-width: 1550px) {
#centr-1{
min-width:920px;
}
.tel{
font-size: 1.4em !important;
}
.carnet-roots{
font-size: 1.3em !important;
}
}

/* "desktop */

@media (max-width: 1250px) {
#centr-1{
min-width:810px;
}
h1,.item-page h1, div.blog h1, div.item.blog h1, 
div.contact h1, div.moduletable_logos h3, h2.componentheading{
font-size: 1.5em;
line-height: 1.5em; 
}
#latright{
width:98%;
margin: 20px 1%;
}
}

/* "desktop */
@media (max-width: 1100px) {
#centr-1{
min-width:750px;
}

}
/* 15"desktop */

@media (max-width: 1025px) {
#centr-1{
min-width:720px;
}
.tel{
font-size: 1.2em !important;
}
.carnet-roots{
font-size: 1.2em !important;
}

h1,.item-page h1, div.blog h1, div.item.blog h1, 
div.contact h1, div.moduletable_logos h3, h2.componentheading{
font-size: 1.4em;
line-height: 1.5em; 
}
.item-page h2,.blog h2, .page-header h2, .items-leading h2{
font-size:1.3em;
line-height: 1.3em;
}

aside#colleft h3, aside#colright h3 {
  font-size: 1.2em;
}
aside#colleft p, aside#colright p {
  font-size: 0.9em;
}
.navbar .nav > li > a {
font-weight:400;
padding: 0 10px;
font-size:1em;  
} 
} 


/* tablettes */


@media (max-width: 980px) { 

.row-fluid .span3 {
width:100%;
}
div#wrap-left, div#wrap-right{
position:relative;
margin: 0;
}
div#wrap-left .moduletable, div#wrap-right .moduletable{
padding:0 5px;
margin:25px 0;
}
#centr-1{
width:100%;
}
.navbar .btn-navbar{
float:left;
}   
.navbar .nav > li > a {
font-weight:400;
height: 30px;
line-height: 30px;
padding: 0 10px;
font-size:1.2em;     
}
.nav-collapse .nav > li > a, 
.nav-collapse .dropdown-menu a {
color:#FAA881;
padding: 5px 15px;
}
.dropdown-menu > li > a {
line-height: 18px;
font-size:0.85em;
}
div#back-top{
display:none;
}

 

@media (max-width: 640px) {
#headercoord h2 {
font-size: 1.2em;
margin: 35px 15px 20px 40px;
}
h1,.item-page h1, div.blog h1, div.item.blog h1, 
div.contact h1, div.moduletable_logos h3, h2.componentheading{
font-size: 1.3em;
line-height: 1.3em; 
}
.item-page h2,.blog h2, .page-header h2, .items-leading h2{
font-size:1.1em;
line-height: 1.3em;
}
#centr-1 {
min-width: 100%;
}
}    
        
/* Landscape phones and down */
    
@media (max-width: 480px) {
 * {
 -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
.mobiledisplay{
display:none;
}
body {
width: auto;
margin: 0;
padding: 0;
font-size: 12px;
}
#headerbox{
margin-top:40px;
margin-left:5px;
}
#headercoord h3 {
font-size:1em;
}
div#slogan h3 {
font-size:1.3em;
line-height:1.5em;
}
div#lang {  
top:110px;
}
#back-top,#back-top a{
display:none;
}
div#wrap-left, div#wrap-right {
margin: 0;
}
div#content1, div#content2, div#content3{ 
width:100%;
}
.navbar .nav > li, .nav-pills > li, .nav-tabs > li {
line-height: 20px;
}
.navbar .nav > .active > a, .navbar .nav > .active > a:focus, .navbar .nav > .active > a:hover {
 height: 20px;
}
.navbar .btn-navbar {
float: left;
}
#centr-1 {
min-width: 100%;
}
article{
margin: 0;
margin-top:20px;
min-height: 100px;
}
.accordion-inner {
padding: 4px 5px;
}
div.contact-form {
padding: 0;
}
div.item-page {
padding: 0 5px;
}
h1,.item-page h1, div.blog h1, div.item.blog h1, 
div.contact h1, div.moduletable_logos h3, h2.componentheading{
font-size: 1.1em;
line-height: 1.3em; 
text-shadow:none; 
}
h2,.item-page h2, div.blog h2{
font-size: 1em;
line-height: 1.1em; 
text-shadow:none; 
}
div#wrap-left, div#wrap-right{
margin: 0;
}
aside#colleft h3, aside#colright h3 {
font-size: 1.1em;
}
div#video-intro {
width:100%;
background:none;
} 
#scroll {
width:30px;
height:30px;
    -webkit-border-radius:4px;
    -moz-border-radius:40px;
    border-radius:40px

}  
}