/* Template Ordinateurs Laval - CSS Responsive */
/* Portrait tablet to landscape and desktop */
@media (max-width: 1221px) {
#ol-contenantcentre a.jcepopup.jcemediabox-image {
width: 32.8%;
}
}

@media (max-width: 1150px) {
.ligne1 {
min-height: 397px;
}
.ligne2 {
min-height: 420px;
}
.ligne3 {
min-height: 390px;
}
.ligne4 {
min-height: 475px;
}
.ligne5 {
min-height: 600px;
}
#ol-footer a:link, #ol-footer a:visited {
font-size: 9px;
}
#ol-footer .customfootermenu .menuleft {
margin-left: 2.5%;
width: 20.5%;
}
.customfootermenu .span3 {
text-align: left;
}
#toTop {
bottom: 40px;
}
}

@media (max-width: 999px) {
#ol-topdiapo .camera_caption > div {
  line-height: 20px;
  padding: 10px 10px 4px 30px;
}
.mod-colonne h3 {
font-size: 16px;
}
#ol-footer .customfootermenu .menuleft {
margin-left: 2%;
width: 21%;
}
}

@media (max-width: 979px) {
#ol-header {
height:auto !important;
}

#ol-contenunocolonne, #ol-contenudroite {
margin-left: 5px;
margin-right: 5px;
max-width: 98%;
}

#ol-contenantcentre.span9 {
padding-top:2px;
width: 70%;
float:left;
}

#ol-contenantcentre {
margin-left: 1%;
}

#ol-contenantcoldroite {
margin-left: 0;
margin-right: 0;
padding-right: 0;
width: 19%;
}

.blog-featured {
margin-top: 0;
}

#ol-contenantcentre .blog-featured .items-leading h2.item-title {
font-size: 16px;
}

.mod-colonne.modaccueil {
margin: -1px 0 5px !important;
}

.mod-colonne.modaccueil {
max-width: 99%;
}

.custom.modaccueil.encadrer {
max-width: 100%;
}
.custom.encadrer img {
max-width: 95%;
}
#ol-coldroite .mod-colonne.modaccueil.encadrer > h3 {
margin: -1px -2px 0 0;
}
#ol-coldroite .modaccueil a.rollover, .leading-0 a.rollover {
max-width: 89%;
background-position:-14px 0;
margin-right: 5%;
}
#ol-coldroite .modaccueil a.rollover:hover, .leading-0 a.rollover:hover {
background-position: -237px 0;
}
.sligne1 {
min-height: 338px;
}
.sligne2 {
min-height: 279px;
}
.sligne3, .sligne4 {
min-height: 308px;
}
.mod-colonne h3 {
font-size: 14px;
}
h3.milieufooter {
font-size: 12px;
}
#ol-footer a:link, #ol-footer a:visited {
font-size: 8px;
font-weight: normal;
}
#ol-footer .customfootermenu .menuleft {
margin-left: 1%;
width: 22%;
}

}

@media (max-width: 939px) {
.port_resize {
width: 47%;
}

.ligne1 {
min-height: 417px;
}

.ligne2 {
min-height: 417px;
}

.ligne3 {
min-height: 437px;
}

.ligne4 {
min-height: 475px;
}
.ligne5 {
min-height: 600px;
}
}

/* Portrait tablet to landscape and desktop */
@media (max-width: 900px) {
#ol-logo .textelogo {
font-size: 18px;
line-height: 18px;
margin-top: 30px;
}

#ol-recherche {
width:30%;
}

#ol-topdiapo .camera_caption > div {
line-height: 18px;
padding: 10px 10px 2px 20px;
}
  
#ol-coldroite .encadrer {
width: 99%;
}

#ol-coldroite .encadrer a {
padding: 4px 0 4px 6px;
}

#ol-contenantcentre.span6 {
margin-left: 1%;
}

.sligne1, .sligne2, .sligne3, .sligne4 {
min-height: 328px;
}

/*.blog .jcemediabox-zoom-span {
width: 32% !important;
}*/
#ol-contenantcentre a.jcepopup.jcemediabox-image {
width: 32.7%;
}

.blog .jcemediabox-zoom-span > img {
width: 100%;
}
.ccms_form_element input, .ccms_form_element textarea {
width: 90%;
}
.customfootermenu .menuright {
margin-left: 4%;
width: 20%;
}

}

/* Portrait tablet to landscape and desktop */
@media (max-width: 800px) {
#ol-topdiapo .camera_caption > div {
line-height: 16px;
padding: 10px 10px 2px 20px;
}
#ol-contenantcentre.span6 {
margin-left: 0;
}
#ol-footer .customfootermenu .menuleft {
margin-left: 0;
width: 23%;
font-size:8px;
}
}

/* Landscape phone to portrait tablet */
@media (max-width: 767px) {
body {
padding-left:0;
padding-right:8px;
}

#ol-recherche {
max-width: 141px;
min-width: 130px;
margin-top: 35px;
}

#ol-recherche input.search-query {
max-width: 140px;
width: 100%;
}
#ol-innertopdiapo .camera_caption.fadeFromBottom h2 {
line-height: 14px;
font-size:16px;
}
#ol-topdiapo .subtextphotoleft {
font-size: 10px;
margin-left: 20px;
}
#ol-topdiapo .subtextphotoright {
font-size: 10px;
}
#ol-contenantcolgauche {
float: left;
width: 25%;
}

#ol-contenantcentre.span6 {
margin-left:1%;
float: left;
width: 73%;
}

#ol-contenantcoldroite {
display:none;
}

/*.blog .jcemediabox-zoom-span {
width: 48% !important;
}*/

.item-page, .items-leading [class*="leading-"] {
margin-left: 5px;
min-width: 90%;
max-width: 100%;
}

#input_message1_container_div textarea {
width: 90%;
}

.sligne1 {
min-height: 338px;
}
/*
#ol-contenantcentre.span9 #ol-contenugauche div.blog div.items-leading p a.jcepopup span.jcemediabox-zoom-span {
width:31% !important;
}*/

.customfooterlogo.span3 {
width: 23%;
float:left;
}
.customfooter.span6 {
float: left;
width: 47%;
}
.customfooter.span3 {
float: left;
width: 27%;
margin-left: 1%;
}
#ol-footer .customfootermenu > div.span3 {
float: left;
width: 24%;
}
#ol-footer .customfootermenu > div.span6 {
float: left;
width: 52%;
}
}

@media (max-width: 729px) {
#ol-footer .customfooterlogo, #ol-footer .customfootermenu .menumillieu {
display: none;
}
.customfooter.span6 {
width: 65%;
}
.customfooter.span3 {
width: 31%;
}
#ol-footer .customfootermenu > div.span3 {
width: 45%;
}
}
/* Landscape phones and down */
@media (max-width: 689px) {
#ol-logo .textelogo {
font-size: 16px;
line-height: 16px;
margin-top: 32px;
}
#ol-topdiapo .camera_caption > div {
line-height: 14px;
padding: 10px 10px 2px;
}
.sligne2 {
min-height: 338px;
}
#ol-contenantcentre table.accueil {
display:none;
}

}

@media (max-width: 647px) {
.port_resize {
width: 97%;
}

.ligne1 {
min-height: 417px;
}

.ligne2 {
min-height: 417px;
}

.ligne3 {
min-height: 437px;
}

.ligne4 {
min-height: 475px;
}
.ligne5 {
min-height: 600px;
}
}

/* Landscape phone to portrait tablet */
@media (max-width: 629px) {
#ol-recherche {
display:none;
}

#ol-logo-droite {
left:1%;
}

#ol-langage .facebookheader {
margin: 1px 0 0;
}

#ol-langage .customaccueil {
margin-right: 5px;
}
#ol-topdiapo .subtextphotoleft {
font-size: 8px;
margin-left: -5px;
}
.mod-colonne h3 {
font-size: 14px;
}

#ol-contenantcentre a.jcepopup.jcemediabox-image {
width: 32.5%;
}

/*.blog .jcemediabox-zoom-span {
width: 96% !important;
}*/

.pull-left.territoire, .pull-right.territoire {
width: 100% !important;
}

#input_nom1_container_div input, #input_email1_container_div input {
width: 95%;
}

.customfooterlogo.span3 {
display:none;
}

.customfooter.span9 {
width: 100%;
}

}

/* Landscape phones and down */
@media (max-width: 519px) {
#ol-logo a.brand {
max-height: 99px;
max-width: 45%;
}

#ol-logo .textelogo {
font-size: 14px;
line-height: 16px;
margin-top: 6.5%;
margin-left: 5px;
}

#ol-langage .customaccueil, #ol-topdiapo, #ol-langage .btn_linkedin, #ol-contenantcolgauche {
display:none;
}

#ol-langage {
max-width: 122px;
}

#ol-langage .facebookheader {
margin: 1px 0px 0 0;
}

#ol-logo-droite {
left:0;
}

#ol-logo-droite .top-mail {
margin-left: 5px;
}
#ol-topdiapo {display:block;}
#ol-innertopdiapo .camera_caption.fadeFromBottom h2 {
line-height: 10px;
font-size:12px;
}
#ol-topdiapo .subtextphotoleft {
display: none;
}
#ol-contenantcentre, #ol-contenantcentre.span9, #ol-contenantcentre.span6 {
width: 97%;
}

#ol-contenantcentre table.accueil {
font-size:10px;
width:100%;
}

#ol-contenantcentre table.accueil ul {
margin: 0 0 10px;
}

#ol-contenantcentre table.accueil li {
padding-left: 10px;
}

#chronoform_EstimationFR .multiline_add, #chronoform_EstimationEN .multiline_add {
padding: 0 0 0 5px !important;
clear: left !important;
}
.typetitle {
display:none;
}
#ol-footer .customfooterlogo, #ol-footer .customfooter {
font-size: 10px;
}

}

/* Landscape phones and down */
@media (max-width: 449px) {
#ol-langage .btn_facebook, .customfooter.span6 {
display:none;
}

#ol-langage {
max-width: 80px;
}

#ol-langage .mod-languages a {
padding: 3px;
}
#ol-topdiapo {display:none;}
/*#ol-contenantcentre.span9 #ol-contenugauche div.blog div.items-leading p a.jcepopup span.jcemediabox-zoom-span {
width:47% !important;
}*/

}

/* Landscape phones and down */
@media (max-width: 409px) {
#ol-logo-droite {
font-size: 14px;
}

#ol-logo-droite .icon-white {
margin-top: 2px;
}
.ligne1 {
min-height: 397px;
}
.ligne2 {
min-height: 465px;
}
.ligne3 {
min-height: 410px;
}
.ligne4 {
min-height: 485px;
}
.ligne5 {
min-height: 630px;
}
.customfooter .span3 {
width: 80%;
}
}

/* Landscape phones and down */
@media (max-width: 371px) {
#ol-logo .textelogo {
font-size: 10px;
line-height: 10px;
margin-top: 6%;
margin-left: 3px;
}

#ol-logo-droite {
font-size: 12px;
}

#ol-logo-droite .icon-white {
margin-top: 1px;
}
#ol-contenantcentre a.jcepopup.jcemediabox-image {
width: 32.15%;
}

/*
#ol-contenantcentre.span9 #ol-contenugauche div.blog div.items-leading p a.jcepopup span.jcemediabox-zoom-span {
width:97% !important;
}*/

}

@media (max-width: 272px) {
#ol-logo .textelogo, #ol-logo-droite .top-mail {
display:none;
}

#ol-logo a.brand {
max-width: 95%;
}
#ol-contenantcentre a.jcepopup.jcemediabox-image {
width: 32%;
}
}