/* CSS STYLE RESET */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, address, cite, code,

del, dfn, em, font, img, ins, kbd, q, s, samp, small, strong, sub, sup, var, b, u, i, dl, dt, dd, ol, ul, li,

fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {

	margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; 

	font-family:Arial, Helvetica, sans-serif;

}

body {line-height: 1;}

ol, ul {list-style: none;}

blockquote, q {quotes: none;}

blockquote:before, blockquote:after,

q:before, q:after {content: '';content: none;}

:focus {outline: 0;}

ins {text-decoration: none;}

del {text-decoration: line-through;}

table {border-collapse: collapse;border-spacing: 0;}

body{float: left; width: 100%;}

.container{max-width: 376px; margin:auto;}

.container2{max-width: 360px; margin:auto; padding: 0 8px;}

header{float: left; width: 100%;}

header #top{float: left; width: 100%; padding: 8px 0 4px 0; text-align: center;}

header #top p{font-size: 21px;}

header #logo{float: left; width: 100%; padding: 10px 0; text-align: center;}

img.logo{/*float: left; width: 100%;*/ max-width: 90%;}

header nav{float: left; width: 100%;}

header nav a{float: left; width: 33%; padding: 68px 0 10px 0; text-transform: uppercase; text-decoration: none; text-align: center; font-size: 16px; font-weight: normal;}

header nav a.menu_tel{background: url(../images/tel.png) no-repeat 50% 5px;}

header nav a.menu_courriel{background: url(../images/courriel.png) no-repeat 50% 5px; border-left: solid 1px #fff; border-right: solid 1px #fff;}

header nav a.menu_itineraire{float: left; background: url(../images/map.png) no-repeat 50% 5px;}

.sclassDiviti{float: right!important;}

.twDiv{float: left; width: 80%; margin-left: 16%;}

.twDiv a:last-child{border-left: solid 1px #fff;}

.oneDiv{float: left; width: 67%; margin-left: 33%;}

#fullDiv{float: left; width: 100%;}

section{float: left; width: 100%; margin-top: 15px; background-color: #fff;}

section#adr_map{width: 96%; text-align: center; padding: 6px 2% 0 2%;}

section#adr_map p.adr{font-size: 22px; color: #000; line-height: 24px; margin-bottom: 18px; text-align: center;}

section#adr_map p.tel{font-size: 26px; font-weight: bold; text-align: center; margin-bottom: 20px;}

section#adr_map p.tel a{text-decoration: none;}

section#adr_map iframe{float: left; width: 100%!important; height: 285px!important; margin-top: 20px; pointer-events:none}

#noDisplay{display: none;}

.styleimg{float:left; margin: 0 15px 15px 0!important; width: 27%!important;}

section#main_content{width: 90%; padding: 20px 5% 30px 5%; margin-bottom: 40px;}



section#adsense{width: 90%; padding: 0px 5%; margin-bottom: 0px;background:none;}

section#adsense:empty {display:none}



section#main_content h1{font-size: 21px; margin-bottom: 20px; line-height: 24px;}

section#main_content p img{float: left; width: 100%; margin-bottom: 15px;}

section#main_content p{font-size: 15px; margin-bottom: 20px; line-height: 19px;}



.service{float: left; width: 100%; margin-bottom: 15px;}

.service h3{font-size: 18px; margin-bottom: 15px;}

.service ul{float: left; width: 92%; margin-left: 8%;}

.service ul li{float: left; width: 100%; margin-bottom: 10px; font-size: 14px; line-height: 17px; list-style-type: square;}



#contact_bottom{float: left; width: 98%; border: solid 1px #999999;}

#contact_bottom .contactrow{float: left; width: 100%; padding: 15px 0;}

#contact_bottom .contactrow p, #contact_bottom .contactrow a{float: left; margin-left: 65px; font-size: 14px!important; margin-bottom: 0!important; color: #292929; text-decoration: none;}

#contact_bottom .contactrow p a{float: none; margin-left: 0;}

/*#contact_bottom .contactbottomTel{border-bottom: dashed 1px #999999;}*/

#contact_bottom .contactbottomsite{border-top: dashed 1px #999999;}

#contact_bottom .contactbottomfacebook{border-top: dashed 1px #999999;}

#contact_bottom .contactbottomtwitter{border-top: dashed 1px #999999;}



#legal{float: left; width: 96%; background-color: #fff; padding: 15px 2%;}

#legal h2{font-size: 16px; font-weight: bold; margin-bottom: 13px;}

#legal h3{font-size: 14px; font-weight: bold; margin-bottom: 13px;}

#legal p{font-size: 12px; margin-bottom: 13px; line-height: 14px;}



#addthis{float: left; width: 100%; padding: 10px 0 15px 0;}

#addthis span.partage{display: inline-block; font-size: 30px; color: #fff; margin-bottom: 10px; font-weight: bold; text-transform: uppercase; font-style: italic; margin-right:5px;}

.addthis_sharing_toolbox{display:inline-block; margin-top:5px;}



footer{float: left; width: 100%; padding: 10px 0;}

footer a.logoBottom{float: left; width: 95px; margin-right: 20px;}

footer a.logoBottom img{float: left; width: 100%;}

footer a{color: #fff;}

footer p{float: left; width: 222px; margin-top: 15px; font-size: 12px; color: #fff; line-height: 15px;}



@media (max-width: 400px) 

{

	#addthis span.partage{font-size: 23px;}

	footer a{width: 84px; margin-right: 20px;}

	footer p{width: 180px; margin-top: 6px; font-size: 11px; line-height: 15px;}

}



@media (max-width: 320px) 

{

	header #top p{font-size: 18px;}

	header nav a{width: 103px; font-size: 13px;}

	section#adr_map p.adr{font-size: 19px; line-height: 22px; margin-bottom: 9px;}

	section#adr_map p.tel{font-size: 24px;}

	footer a{width: 84px; margin-right: 20px;}

	footer p{width: 180px; margin-top: 6px; font-size: 11px; line-height: 15px;}

	#contact_bottom .contactrow p, #contact_bottom .contactrow a{font-size: 13px!important;}

	section#adr_map iframe{float: left; width: 100%!important; height: 235px!important; margin-top: 20px; pointer-events:none}

}