/* CSS Document */
/* CSS Document Site http://www.http://abcd-photographe-toulouse-sud.com- Pages mobiles FR template mars 2016
feuille CSS Nicole Vivant - Webcreation11   */

@media (max-width: 1500px) {
 
#headercoord h2 {
font-size: 2em;
margin: 0 auto;
}
@media (max-width: 1280px) {
#colleft p {
  font-size: 1em;
  letter-spacing: 0;
  line-height: 1.5em;
}

@media (max-width: 1250px) {
 
#headercoord h2 {
font-size: 1.8em;
margin: 0 auto;
}
@media (max-width: 1024px){
.headfloatleft {
max-width:250px;
}
.headfloatright {
max-width:250px;
}
}

/* Landscape phones*/


/*  MENU  */ 


@media (max-width: 780px) {
.navbar .nav > li > a {
font-weight:400;
height: 25px;
line-height: 25px;
padding: 0 10px;
font-size:0.90em;
width: 300px;
}
.nav-collapse ul{
margin-bottom: 20px
}
.nav-collapse .nav > li > a, 
.nav-collapse .dropdown-menu a {
color:#000;
padding: 2px 15px;
}
.nav-collapse .nav > li > a, .nav-collapse .dropdown-menu a {
font-size:0.85em;
text-transform: lowercase;
}
.navbar .nav > li > a:focus, .navbar .nav > li > a:hover {
background:none;
}

.navbar .nav > .active > a, .navbar .nav > .active > a:focus, .navbar .nav > .active > a:hover {
background: none;
}
.navbar .nav li.dropdown.open > .dropdown-toggle, .navbar .nav li.dropdown.active > .dropdown-toggle, .navbar .nav li.dropdown.open.active > .dropdown-toggle {
background: none;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus, .dropdown-submenu:hover > a, .dropdown-submenu:focus > a {
background-color: none;
background-image: none; 
}
.nav-collapse .nav > li > a:hover, .nav-collapse .nav > li > a:focus, .nav-collapse .dropdown-menu a:hover, .nav-collapse .dropdown-menu a:focus {
background:none;
}
.navbar .nav li.dropdown.open > .dropdown-toggle .caret, .navbar .nav li.dropdown.active > .dropdown-toggle .caret, .navbar .nav li.dropdown.open.active > .dropdown-toggle .caret {
 margin-top: 8px;
}
#headercoord h2 {
font-size: 1.7em;
margin: 120px 15px 20px auto;
}
aside#colleft h3, aside#colright h3, h1 {   
  font-size: 1.2em;
  padding: 6px 5px;
}
}

    
@media (max-width: 480px) {
 * {
 -webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}   
body {
width: auto;
margin: 0;
padding: 0;
}
.navbar .btn-navbar {
    background-repeat: repeat-x;
    float: right;
}
#headerbox{ 
background: url("../images/bg-body3.jpg") repeat top left;
}
#headercoord h2 {
font-size: 1.2em;
margin: 130px 15px 20px auto;
}
.headfloatleft {
text-align:center;
}
.headfloatright {
margin:0 auto;
}  
.navbar-nav > li > a {
font-weight: 400;
height: 40px;
line-height: 40px;
padding: 0 14px;
text-align: left; 
font-size:0.90em;
}
article {
margin: 5px 8px;
}
div.item-page {
padding: 0 5px;
}
p, div p, div.blog p, div.items-leading p, .item-page p, .remind, .moduletable_secteurs {
font-size: 0.90em;
letter-spacing: 0;
}
h1,.item-page h1, div.blog h1, div.item.blog h1, 
div.contact h1, div.moduletable_logos h3, h2.componentheading{
font-size: 1.2em;
line-height: 1.3em; 
}
h2,.item-page h2, div.blog h2{
font-size: 1.1em;
line-height: 1.1em; 
}
aside#colleft h3, aside#colright h3 {
font-size: 0.9em;
}   
}