/* Template Ordinateurs Laval - CSS Responsive */
@media (min-width: 1800px) {
.boutondon {top: 65px; right: 145px;}
}


/* Portrait tablet to landscape and desktop */
@media (max-width: 1221px) {
#ol-contenantcentre a.jcepopup.jcemediabox-image {width: 32.8%;}
.items-leading p {padding: 0 6px;}
}

@media (max-width: 1150px) {
#ol-logo .textelogo {max-width: 70%;}
#ol-recherche {max-width: 200px;}
.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%;}
#donate-button-container {float: right;}
}

@media (max-width: 939px) {
#ol-logo .textelogo {margin-top: 10px;}
.milieu-droite {margin-top: -8px}
.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: 5px;
}
.milieu-droite {margin-top: 0;}

#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: 810px) {
#ol-recherche {width: 20%;}
#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;
}
#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-logo {max-width: 95%;}
#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: 35%;
}

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

.milieu-droite {margin-top: 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;
}
#donate-button-container {right: 78px;}

}

/* Landscape phones and down */
@media (max-width: 449px) {
#ol-langage .btn_facebook {display:none;}
#ol-langage {max-width: 80px;}
#ol-langage .mod-languages a {padding: 3px;}
}

/* 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%;
}
}