@charset "utf-8";
body,html{scrollbar-face-color:#FFF;scrollbar-highlight-color:#999;scrollbar-shadow-color:#999;scrollbar-3dlight-color:#FFF;scrollbar-arrow-color:#000;scrollbar-track-color:#FFF;scrollbar-darkshadow-color:#FFF}
body{font:12px Verdana,Arial,Helvetica,sans-serif;font-size:100%;margin:0;padding:0;text-align:center;color:#000}
html{height:100%;min-height:100%}
#toplengthbanner{height:22px;display:block;font-size:70%;text-align:left;padding:5px 1.5% 0;color:rgba(255,255,255,1);background-color:rgba(54,153,246,0.95)}
.francais{float:right;display:inline-block;font-size:88%;font-weight:700;letter-spacing:.5px;width:80px;text-align:right;background:url(images/arrow-white.png) 0 50% no-repeat}
.francais:first-letter{font-size:120%}
.francais a:link,.francais a:visited{color:rgba(255,255,255,1);text-decoration:none}
.francais a:hover{text-decoration:underline}
.container{margin:0 auto;padding:0 0 30px;background:#FFF}
.containerfooter{margin:0 auto;padding:1% 0 0;color:#5d5d5d;font-size:85%}
.containerfooter img{height:100%!important;width:auto}
#numero1,#numero2,#numero3,#numero1b,#numero2b,#numero3b{float:left;margin:0;padding:0;max-height:168px;height:20px;text-align:center;height:auto}
#numero1{width:16%}
#numero1b{width:12%}
#numero2,#numero2b,#numero3,#numero3b{padding-top:4%}
#numero2{width:48%}
#numero2b{width:44%}
#numero2 a:link,#numero2 a:visited,#numero2b a:link,#numero2b a:visited{text-decoration:none;color:#5d5d5d;font-weight:400;margin:0 6px}
#numero2 a:first-child,#numero2b a:first-child{margin-left:0}
#numero2 a:last-child,#numero2b a:last-child{margin-right:0}
#numero2 a:hover,#numero2b a:hover{text-decoration:underline}
#numero3{width:36%}
#numero3b{width:44%}
#numero3 a{margin:0 12px}
#numero3 a:last-child{margin-right:0}
#numero3b a{margin:0 8px}
.littlebluetext{font-size:75%;color:#3099F5;display:block;padding-top:4%}
.oneColFixCtr #mainContent{padding:0;margin:0;background-color:#e9f2ff;text-align:center;display:block;clear:both}
.centernumber{clear:both;margin:0 auto;text-align:center;display:block;font-weight:700;letter-spacing:.5px}
.centernumber a,.centernumber a:link,.centernumber a:visited{color:rgba(238,42,43,1);text-decoration:none}
.centernumber a:hover{color:#69F}
#menu{width:auto;margin:0 auto;padding:0;text-align:center;z-index:10000!important;opacity:1}
.gallerylayer{z-index:10}
.undermenu{color:#666;font-style:italic;letter-spacing:.8px}
#content{margin:0;padding:10px 0 0;display:block;clear:both;text-align:left}
#content ul, #content ol{margin:0;color:#000;font-size:12px;text-align:justify;line-height:13px}
#content ul ul{padding:8px 52px 8px 28px}
#content ul {padding:3px 52px 8px 70px;}
content ul.disc{list-style-type:disc!important}
#content ol{margin:0;padding:3px 52px 8px 48px;}
#content ol li {padding-bottom: 6px;}
#footer{margin:0 auto;padding:0;background:#FFF url(images/design07_13.jpg) left top repeat-x;text-align:center;display:block;clear:both}
p{margin:0;padding:3px 32px 8px;color:#000;font-size:12px;text-align:justify;line-height:13px}
h2{margin:0;padding:0 10px 8px 32px;color:#000;text-align:center;font-size:100%}
h3{margin:0;padding:8px 32px 16px;color:#000;font-size:12px;text-align:center;line-height:13px}
h4{margin:0;padding:0 10px 8px 32px;color:#666;text-align:left}
h5{margin:0;padding:10px 10px 18px 32px;color:#69F;font-size:110%;text-align:left;font-weight:700}
h6{margin:0;padding:10px 32px 8px;color:#000;font-size:90%;text-align:left;font-weight:700}
h5.one a,h5.two a,h5.three a,h5.four a,h5.five a{padding-left:80px;text-decoration:none}
a:link,a:visited{text-decoration:underline;color:#69F;font-weight:700}
a:hover{text-decoration:none;color:#000}
hr {width: 80%; margin: 40px auto;}
.small{font-size:10px;font-style:italic}
.smallcenter{font-size:10px;font-style:italic;text-align:center}
.smallstraight{font-size:10px}
.centered{text-align:center}
.centeredbold{text-align:center;font-weight:700}
.centeredgrey{text-align:center;color:#000}
#fadeshow1{width:450px;height:297px;padding:0;margin:5px auto 20px;text-align:center;z-index:0;filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=0)}
#left{margin:20px 0 0 20px;padding:0;width:830px;float:left;clear:left}
#right{margin:50px 40px 0 0;padding:0;width:144px;display:block;float:right;clear:right}
#right ol{margin:0 0 0 22px;padding:3px 134px 0 44px;color:#000;font-size:12px;text-align:justify}
#right ol li{margin-bottom:8px}
#right ol ol{margin:0 0 0 22px;padding:3px 0 0;color:#000}
#right ol ol span{color:#000}
.bluesmall{color:#7BC7FF}
.leftpix{float:left;margin-bottom:5px;margin-right:25px}
.rightpix{float:right;margin-bottom:5px;margin-left:25px;border:solid #666 1px}
.noborder{border:none!important}
.border{border:solid #666 1px}
.instructions{display:block;width:100%;margin:0;padding:0 -52px 0 -44px !important;background:#fff url(images/arrow-red2.png) 0 15% no-repeat}
#toplongbanner{position:relative;background:#FFF url(images/back-banner.jpg) 0 0 no-repeat;background-size:cover;-webkit-background-size:100% 100% auto;-moz-background-size:100% 100% auto;-o-background-size:100% 100% auto;max-height:143px;text-align:left;padding:1.6% 1.2% 1.1% 1.5%;margin:0}
#toplongbanner img.tel{float:right;max-width:274px;height:auto;width:40%}
#toplongbanner img.logo{max-width:323px;height:auto;width:50%}
#toppage p{text-align:right;font-weight:700}
#toppage a:link,#toppage a:visited{color:#EA3639}
#toppage a:hover{color:#000}
.address::before{content:url(images/mail.png);vertical-align:top}
.address span{padding-left:81px}
.courriel::before{content:url(images/email.png);vertical-align:middle}
.tel::before{content:url(images/smartphone.png);vertical-align:middle}
.tel a{color:rgba(0,0,0,1);text-decoration:none}
.address,.courriel,.tel{display:block;margin-bottom:10px}
.one,.two,.three,.four,.five{display:block;vertical-align:middle;margin:0 auto}
.alignleft{text-align:left!important;padding-left:0;padding-right:0;margin-left:35px;margin-top:25px}
.alignright{text-align:right!important;padding-left:0;padding-right:0;margin-right:35px;margin-top:25px}
.contenantslide{display:block;clear:both;text-align:center!important;margin:0 0 20px}
.droite{float:right}
.gauche{float:left}
.droite,.gauche{display:inline-block;width:30%}
.contenantslide ul{margin:0 auto;padding:0!important;line-height:normal}
ul.rslides#slider1{width:40%;height:auto}
ul.rslides#slider2{max-width:297px;height:auto;padding:0;margin:0 32px 5px 25px}
ul.rslides#slider3{max-width:450px;height:auto;padding:0;margin:5px 32px 5px 25px}
ul.rslides#slider4{max-width:324px;height:auto;padding:0;margin:0 32px 5px 25px}
ul.rslides#slider5{max-width:236px;height:auto;padding:0;margin:5px 32px 5px 25px}
ul.rslides#slider6{max-width:478px;height:auto;padding:0;margin:5px 32px 5px 25px}
ul.rslides#slider7{max-width:297px;height:auto;padding:0;margin:0 32px 5px 25px}
.clear{clear:both}
#renovert{width:15%;height:auto;max-width:173px}
.half img, .third img {height:auto;}
.half, .third {padding:0; text-align:center;}
@media (min-width:1183px) {
.laclef{position:absolute;text-align:right;bottom:13%;right:-47px}
}
@media (max-width:1182px) {
.laclef{display:none}
}
@media (min-width:1111px) {
.container,.containerfooter,#toplongbanner{max-width:1074px}
#numero1 img,#numero1b img{width:auto;padding:3% 0}
#numero1 img{max-height:133px}
#numero1b img{max-height:120px}
#numero2 img,#numero2b img{max-height:25px;width:auto;vertical-align:text-bottom;margin:0 0 -3px;padding:0;border:none}
#numero2,#numero2b{padding-bottom:5%}
#numero3 img,#numero3b img{max-height:56px;width:auto;vertical-align:text-bottom;padding:0;border:none}
.undermenu{font-size:121%;padding:10px 0}
.centernumber{font-size:160%}
h4{font-size:100%}
#footer{height:168px}
}
@media (max-width:1110px) {
.container,.containerfooter{max-width:95%}
#toplongbanner{max-width:100%}
#numero1 img,#numero1b img{height:auto;padding:3% 0}
#numero1 img{width:75%}
#numero1b img{width:74%}
#numero2 img,#numero2b img,#numero3 img,#numero3b img{height:auto;padding:0;border:none}
#numero2 img,#numero2b img{vertical-align:text-bottom;margin:0 0 -3px}
#numero2 img{width:16%}
#numero2b img{width:12%}
#numero3 img,#numero3b img{vertical-align:middle}
#numero3 img{width:26%}
#numero3 img:first-child{max-height:63px;width:auto}
.undermenu{font-size:112%;padding:5px 0}
.centernumber{font-size:134%}
h4{font-size:95%}
#footer{height:150px}
}
@media (min-width:1009px) {
.p7MGM-03{font-size:75%}
#toppage p{padding:8px 52px 13px 0}
.compagnie{padding-left:116px}
.address::before{margin:0 65px 0 0}
.address span{padding-left:81px}
.courriel::before{margin:0 65px 0 0}
.tel::before{margin:0 65px 0 0}
.bigbluebold{color:#69F;font-weight:700;font-size:18px}
.droite,.gauche{margin:2% 0 0}
#toplongbanner img.tel{margin-top:4%}
}
@media (max-width:1008px) {
.bigbluebold{color:#69F;font-weight:700;font-size:14px}
.p7MGM-03{font-size:65%!important}
#toppage p{padding:0 52px 13px 0}
.compagnie{padding-left:32px}
.address::before{margin:0 25px 0 0}
.address span{padding-left:41px}
.courriel::before{margin:0 25px 0 0}
.tel::before{margin:0 25px 0 0}
.droite,.gauche{margin:.5% 0 0}
#toplongbanner img.tel{margin-top:5%}
}
@media (min-width:975px) {
#renovert{margin-left:15%}
}
@media (max-width:974px) {
h4{font-size:85%}
#numero2,#numero2b{padding-bottom:4%}
#footer{height:140px}
#renovert{margin-left:10%}
}
@media (min-width:1118px) {
.one,.two,.three,.four,.five{width:36%}
}
@media (max-width:1117px) {
.one,.two,.three,.four,.five{width:42%}
}
@media (min-width:970px) {
#content.contact{background:url(images/arrowandtext.png) 100px bottom no-repeat}
}
@media (max-width:973px) {
.one,.two,.three,.four,.five{width:43%}
}
@media (max-width:931px) {
#footer{height:130px}
}
@media (min-width:901px) {
#renovert{width:15%;height:auto;max-width:173px}
}
@media (max-width:900px) {
#footer{height:120px}
img.rightpix,.centered img{max-width:50%}
#renovert{display:none}
}
@media (max-width:871px) {
#numero3 a{margin:0 6px}
#numero3 img:first-child{max-height:50px;width:auto}
}
@media (min-width:856px) and (max-width:1064px) {
#numero3b img{width:20%}
}
@media (max-width:855px) {
#numero3b img{height:auto;width:20%;vertical-align:top;padding:0;border:none;margin-top:-6px}
}
@media (max-width:841px) {
#toplongbanner img.tel{margin-top:6%}
#numero1 img,#numero1b img{height:auto;padding:3% 0}
#numero1 img{width:95%}
#numero1b img{width:91%}
#numero2 img,#numero2b img{height:auto;margin-bottom:-3px}
#numero2 img{width:16%}
#numero2b img{width:12%}
#numero3 img{height:auto;width:auto;vertical-align:top;padding:0;border:none;margin-top:-6px;max-height:52px}
#numero3b img{width:21%}
#numero3b a{margin:0 4px!important}
#footer{height:120px}
.undermenu{font-size:100%!important;padding:5px 0}
p,#content ol,#content ul{font-size:80%}
#numero1{width:11%!important}
#numero1b{width:7%!important}
#numero2{width:50%}
#numero2 a{font-size:80%}
#numero2b{width:54%!important}
#numero3{width:38%}
#numero3b{width:38%!important}
}
@media only screen
and (min-device-width : 768px)
and (max-device-width : 1024px)
and (orientation:portrait) {
.contenantslide h5{margin-top:10px}
#content h3{padding-bottom:8px!important}
}
@media (max-width:757px) {
.one,.two,.three,.four,.five{width:52%}
}
@media (max-width:742px) {
#numero3 img:first-child{max-height:45px;width:auto}
}
@media (max-width:690px) {
#numero2{width:54%}
#numero3{width:34%}
#numero3 img:first-child{max-height:40px;width:auto}
}
@media (max-width:688px) {
#numero3b img{width:20%}
}
@media (min-width:641px) {
body,html{background:#c7dcfb url(images/back-fond.png) 0 0 repeat-x;background:url(images/white.gif) center bottom repeat-x,url(images/back-fond.png) 0 0 repeat-x,-moz-linear-gradient(top,#c7dcfb 8%,#eaf2ff 50%);background:url(images/white.gif) center bottom repeat-x,url(images/back-fond.png) 0 0 repeat-x,-webkit-gradient(linear,left top,left bottom,color-stop(8%,#c7dcfb),color-stop(50%,#eaf2ff));background:url(images/white.gif) center bottom repeat-x,url(images/back-fond.png) 0 0 repeat-x,-webkit-linear-gradient(top,#c7dcfb 8%,#eaf2ff 50%);background:url(images/white.gif) center bottom repeat-x,url(images/back-fond.png) 0 0 repeat-x,-o-linear-gradient(top,#c7dcfb 8%,#eaf2ff 50%);background:url(images/white.gif) center bottom repeat-x,url(images/back-fond.png) 0 0 repeat-x,-ms-linear-gradient(top,#c7dcfb 8%,#eaf2ff 50%);background:url(images/white.gif) center bottom repeat-x,url(images/back-fond.png) 0 0 repeat-x,linear-gradient(to bottom,#c7dcfb 8%,#eaf2ff 50%);filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#c7dcfb',endColorstr='#eaf2ff',GradientType=0)}
.container{-webkit-box-shadow:0 1px 5px 0 rgba(0,0,0,0.35);-moz-box-shadow:0 1px 5px 0 rgba(0,0,0,0.35);box-shadow:0 1px 5px 0 rgba(0,0,0,0.35);background:#FFF}
.centernumber{padding-top:20px}
#content{min-height:360px}
.leftcol{width:50%;padding:0;margin:0;float:left}
.rightcol{float:left;width:50%;display:inline;padding:0;margin:-5px 0 0}
.one,.two,.three,.four,.five{height:25px;padding:10px 0}
.one{background:url(images/icon1.jpg) no-repeat 3.5% 60%;padding-top:15px!important}
.two{background:url(images/icon2.jpg) no-repeat 3.5% 58%}
.three{background:url(images/icon3.jpg) no-repeat 3.5% 54%}
.four{background:url(images/icon4.jpg) no-repeat 3.5% 60%}
.five{background:url(images/icon5.jpg) no-repeat 3.5% 45%;padding-bottom:15px!important}
}
@media (max-width:640px) {
.container,.containerfooter{max-width:100%}
.one{background:url(images/icon1.jpg) no-repeat 3.5% 65%;padding-top:5px!important}
.two{background:url(images/icon2.jpg) no-repeat 3.5% 63%}
.three{background:url(images/icon3.jpg) no-repeat 3.5% 59%}
.four{background:url(images/icon4.jpg) no-repeat 3.5% 65%}
.five{background:url(images/icon5.jpg) no-repeat 3.5% 50%;padding-bottom:8px!important}
#numero1,#numero1b{display:none}
#numero2,#numero3,#numero2b,#numero3b{display:block;width:100%!important;float:none}
#numero3,#numero3b{padding-top:1%;padding-bottom:2%!important}
#numero2 img,#numero2b img,#numero3 img,#numero3b img{height:auto!important}
#numero2 img,#numero2b img{width:14%!important;margin-bottom:-6px}
#numero3 img,#numero3b img{width:20%!important;vertical-align:middle;padding:0 1%;border:none}
#numero3 img:first-child{max-height:67px!important;width:auto!important}
p,h1,h2,h3,h4,h5,h6,.compagnie{padding-left:10px;padding-right:10px}
.license{display:none}
.centernumber{padding-top:5px!important}
.container{padding-bottom:15px!important}
#toplengthbanner{padding-right:2.5%!important}
.francais{width:60px!important}
#toppage p{text-align:center;padding-right:0}
.rightcol{margin-left:12px}
.container_captcha p{padding-left:18px!important}
.one,.two,.three,.four,.five{width:80%}
.gauche,.droite{display:none}
ul.rslides{width:80%;height:auto;margin:0 auto!important}
#slider2,#slider3,#slider4,#slider5,#slider6,#slider7{width:80%;height:auto;margin:15px auto!important;float:none!important}
#content h3{padding-bottom:8px!important}
.one,.two,.three,.four,.five{height:20px;padding:8px 0 10px}
}
@media (max-width:640px) and (orientation:landscape) {
#numero2 img,#numero2b img,#numero3 img,#numero3b img{height:auto!important}
#numero2 img,#numero2b img{width:11%!important;margin-bottom:-2px}
#numero3 img,#numero3b img{width:14%!important;vertical-align:middle;padding:0 1%;border:none}
.container{padding-bottom:20px!important}
#numero3,#numero3b{padding-top:.5%!important}
#numero2,#numero2b{padding-bottom:2%!important}
.contenantslide h5{margin-top:10px}
.one,.two,.three,.four,.five{width:43%!important}
.gauche,.droite{display:inline-block}
ul.rslides{width:40%;height:auto}
.one,.two,.three,.four,.five{height:25px;padding:10px 0}
.one{background:url(images/icon1.jpg) no-repeat 3.5% 60%;padding-top:15px!important}
.two{background:url(images/icon2.jpg) no-repeat 3.5% 58%}
.three{background:url(images/icon3.jpg) no-repeat 3.5% 54%}
.four{background:url(images/icon4.jpg) no-repeat 3.5% 60%}
.five{background:url(images/icon5.jpg) no-repeat 3.5% 45%;padding-bottom:15px!important}
}
@media (max-width:564px) and (min-width:481px) {
#numero2 img,#numero2b img{margin-bottom:-3px}
}

@media (min-width:501px) {
.half {width: 30%; display: inline-block; float: left; margin: 0 10% 30px 10%;}
.half img {width:90%; max-width:221px;}
.outthird {display:block; clear:both; margin:0; padding:0;}
.third {width:26.66%; display:inline-block; float:left; margin:0 5% 3% 5%;}
.third:nth-child(3) {clear:right;}
.third:nth-child(3n+1) { margin-right:0;}
.third:nth-child(3n+3) { margin-left:0;}
.third img {width: 90%; max-width: 150px;}
.third span img {width: 90%; max-width: 275px;}
.under {margin:25px 0 0 0;}
}
@media (max-width:500px) {
.half {display:block; margin:0 2%; font-size:14px;}
.half img {width:70%; max-width:170px;}
.half + .half {margin-top:20px;}
.third {display:block; margin:0 2%; font-size:14px;}
.third img {width:70%; max-width:170px;}
.third + .third {margin-top:20px;}
.under {margin:10px 0 0 0;}
}

@media (max-width:480px) {
#footer{font-size:10px}
.littlebluetext{font-size:80%}
.one,.two,.three,.four,.five{width:95%}
h5.one a,h5.two a,h5.three a,h5.four a,h5.five a{padding-left:15%}
h5.one,h5.two,h5.three,h5.four,h5.five{padding-top:20px!important;padding-bottom:11px!important}
#numero2 img,#numero2b img{margin-bottom:-3px}
}
@media (max-device-width:480px) and (orientation:landscape) {
p{font-size:50%!important}
.contenantslide h5{margin-top:0}
.one,.two,.three,.four,.five{width:58%!important}
}