body{margin:0;padding:0;font-size:14px;font-family: 'Roboto', sans-serif;background:#fff; color:#434a54; }
img{border:0;display:block}
h1,h2,h3,p,ul,li,form{padding:0;margin:0;list-style:none}
strong{font-weight:400}
select,input,textarea,option{padding:0;margin:0;font-size:12px;font-family: 'Roboto', sans-serif;color:#333;outline:none}
a{color:#43b9f6;cursor:pointer;outline:none;}
a:hover{color:#666}
.br{clear:both;height:0;overflow:hidden}

.page { max-width: 1200px; margin: auto; padding: 0 10px; }

.header { position: relative; color: #909eb8; padding: 0 0 30px; }
.header .logo{ width: 310px; height: 110px; background: url('images/logo.png') no-repeat 0 0; }
.header .hmenu { font-size: 12px; line-height: 24px; text-transform: uppercase; position: absolute; right: 0; top: 50px; }
.header .hmenu li { display: inline-block; padding: 0 0 0 20px; }
.header .hmenu a { color: #909eb8; text-decoration: none; }
.header .hmenu a:hover { color: #000; }
.header .hmenu .active { color: #000; }
.topline { height: 50px; border-bottom: 1px solid #ebf0f5; }
.topline .name { line-height: 50px; font-size: 12px; color: #7184a8; float: left; }
.topline .contact { line-height: 50px; font-size: 12px; color: #909eb8; text-transform: uppercase; float: right; }
.topline .contact s { width: 21px; height: 21px; display: inline-block; background: url('images/phone.png') no-repeat 0 50%; margin: 0 3px -7px 0; }

.bg { background: #d9ebf8; }
.cialis-sans-ordonnance { max-width: 1180px; margin: 0 auto 40px; background: url('images/cialis-sans-ordonnance.jpg') no-repeat 100% 0; color: #6b6a6a; font-weight: 300; padding: 130px 10px; }
.cialis-sans-ordonnance h2 { font-size: 86px; padding: 0 0 20px; font-weight: 300; }
.cialis-sans-ordonnance p { font-size: 24px; }

.erreur { max-width: 1180px; margin: 0 auto 40px; background: url('images/error404.png') no-repeat 100% 0; color: #6b6a6a; font-weight: 300; padding: 170px 10px; }
.erreur h2 { font-size: 86px; padding: 0 0 20px; font-weight: 300; }
.erreur p { font-size: 24px; }

.prods { display: flex; flex-wrap: wrap; justify-content: space-between; font-size: 14px; font-weight: 300; padding: 0 0 20px; margin: 0 -10px; }
.prods .prod { background: #ccc; width: calc( 25% - 50px); padding: 95px 15px 65px; color: #fff; margin: 0 10px 40px; text-align: center; position: relative; }
.prods .prod-1 { background: #43b9f6; }
.prods .prod-2 { background: #ffa203; }
.prods .prod-3 { background: #e88037; }
.prods .prod-4 { background: #39b54a; }
.prods h3 { font-size: 18px; padding: 0 0 10px; font-weight: 700; text-transform: uppercase; }
.prods p { line-height: 22px; }
.prods .link { position: absolute; left: 0; bottom: 15px; text-align: center; width: 100%; font-size: 12px; }
.prods .link a { display: inline-block; color: #333; background: #fff; text-decoration: none; padding: 10px; width: 50%; border-radius: 4px; }
.prods .link a:hover { color: #000; font-weight: 700; }
.prods .p { position: absolute; left: 0; top: -20px; text-align: center; width: 100%; }
.prods .p img { margin: auto; }

.content { font-weight: 300; margin: 0 0 30px; }
.content h2 { font-size: 36px; padding: 0 0 30px; font-weight: 300; }
.content h3 { font-size: 26px; padding: 0 0 20px; font-weight: 300; }
.content p { font-size: 18px; padding: 0 0 20px; }
.content ul { font-size: 18px; padding: 0 0 20px; }
.content li { font-size: 18px; padding: 0 0 10px; list-style-type: disc; margin: 0 0 0  40px;}

.content2 { font-weight: 300; margin: 0 0 30px; }
.content2 h2 { font-size: 36px; padding: 0 0 30px; font-weight: 300; }
.content2 h3 { font-size: 26px; padding: 0 0 20px; font-weight: 300; }
.content2 p { font-size: 18px; padding: 0 0 20px; }
.content2 ul { font-size: 18px; padding: 0 0 20px; }
.content2 li { font-size: 18px; padding: 0 0 10px; list-style-type: disc; margin: 0 0 0  40px;}
.content2 table, table.content2{border-collapse:collapse;margin: 10px 0 20px 0;}
.content2 th, .content2 td{padding:2px;border:solid 1px #6E6E6E;vertical-align:top;text-align:left;}
.content2 th{text-align:center;vertical-align:middle;padding:7px;}

.article { background: #f9f9f9; color: #6b6a6a; font-size: 18px; padding: 50px 20px; margin: 0 0 20px; font-weight: 400; }
.article h3 { font-size: 36px; padding: 0 0 30px; font-weight: 400; }
.article p { font-size: 18px; padding: 0 0 20px; }

.footer { background: #3f4040; color: #909eb8; font-weight: 300; }
.footer .inner { max-width: 1200px; margin: auto; padding: 35px 10px 30px; }
.footer .logo { width: 310px; height: 110px; background: url('images/logo-grey.png') no-repeat 0 0; }
.footer .fmenu { display: flex; flex-wrap: wrap; justify-content: center; font-size: 12px; line-height: 24px; text-transform: uppercase; padding: 0 0 50px; }
.footer .fmenu li { display: inline-block; padding: 0 10px; }
.footer .fmenu a { color: #909eb8; }
.footer .fmenu a:hover { color: #fff; }

.footer .pps { display: flex; flex-wrap: wrap; justify-content: space-between; align-items: center; font-size: 12px; text-transform: uppercase; padding: 0 0 50px; }

.copy { font-size: 14px; text-align: center; padding: 0 0 50px; }

.soc { display: flex; flex-wrap: wrap; justify-content: center; }
.soc a { display: inline-block; width: 24px; height: 24px; background: url('images/social-sprite.png') no-repeat 0 0; margin: 0 5px 10px; opacity: 0.4; }
.soc a.tw { background-position: 0 0; }
.soc a.fb { background-position: -24px 0; }
.soc a.in { background-position: -48px 0; }
.soc a.pi { background-position: -72px 0; }
.soc a.is { background-position: -96px 0; }
.soc a.yt { background-position: -120px 0; }
.soc a:hover { opacity: 1.0; }

.cialis { background: #4d7777 url('images/cialis.jpg') no-repeat 50% 0; }
.cialis .name { max-width: 1200px; margin: 0 auto 40px; padding: 45px 10px; color: #fff; }
.cialis .name h2 { font-size: 50px; font-weight: 300; }

.cialis-generiques { background: #4d7777 url('images/cialis-generiques.jpg') no-repeat 50% 0; }
.cialis-generiques .name { max-width: 1200px; margin: 0 auto 40px; padding: 45px 10px; color: #fff; }
.cialis-generiques .name h2 { font-size: 50px; font-weight: 300; }

.dysfonction-erectile { background: #4d7777 url('images/dysfonction-erectile.jpg') no-repeat 50% 0; }
.dysfonction-erectile .name { max-width: 1200px; margin: 0 auto 40px; padding: 45px 10px; color: #fff; }
.dysfonction-erectile .name h2 { font-size: 50px; font-weight: 300; }

.solutions { background: #4d7777 url('images/solutions.jpg') no-repeat 50% 0; }
.solutions .name { max-width: 1200px; margin: 0 auto 40px; padding: 45px 10px; color: #fff; }
.solutions .name h2 { font-size: 50px; font-weight: 300; }

.troubles-sexuels { background: #4d7777 url('images/troubles-sexuels.jpg') no-repeat 50% 0; }
.troubles-sexuels .name { max-width: 1200px; margin: 0 auto 40px; padding: 45px 10px; color: #fff; }
.troubles-sexuels .name h2 { font-size: 50px; font-weight: 300; }

.bbx { background: #4b6f93 url('images/bbx.png') repeat-x 50% 100%; }
.bbx .name { max-width: 1200px; margin: 0 auto 40px; padding: 45px 10px; color: #fff; background: url('images/name-contact.jpg') no-repeat 100% 100%; }
.bbx .name h2 { font-size: 50px; font-weight: 300; }



.form { position: relative; width: 80%; margin: auto; padding: 0 0 20px; }
.form .field { margin: 0 0 20px; }
.form .colspan { display: flex; flex-wrap: wrap; justify-content: center; margin: 0 -20px; }
.form .colspan .field { width: calc(50% - 30px); padding: 0 10px; }
.form .it {width: calc( 100% - 22px); height: 32px; border: 1px solid #acacac; color: #666; background: #fff; padding: 0 10px; font-size: 14px; line-height: 20px; border-radius: 4px; margin: auto; }
.form .ia {width: calc( 100% - 22px); border: 1px solid #acacac; color: #666; background: #fff; padding: 7px 10px; font-size: 14px; line-height: 20px; border-radius: 4px; margin: auto; }
.form .is { display: block; border: 0; color: #fff; background: #3bafda; max-width: 310px; height: 40px; font-size: 14px; border-radius: 4px; padding: 0 30px; margin: 0 0 20px; }
.form .is:hover { opacity: 0.7 }

.form .it:focus { border: 1px solid #000; }
.form .ia:focus { border: 1px solid #000; }

.error { text-align: center; display: none; }
.message { text-align: center; display: none; color: #006600; }



@media screen and (max-width:1100px){

.header .logo { margin: 0 auto 20px; }
.header .hmenu { position: relative; right: auto; top: auto; text-align: center; }
.header .hmenu li { padding: 0 10px; }

.form { width: calc(100% - 20px); }

.footer .pps { text-align: center; }
.footer .logo { margin: 0 auto 30px; }
.footer .banner { margin: auto; }

.swiper { background-size: 80%; padding: 80px 10px; }
}

@media screen and (max-width:760px){

.topline { height: auto; padding: 10px 0; }
.topline .name { line-height: 24px; float: none; text-align: center; }
.topline .contact { line-height: 24px; float: none; text-align: center; }

.footer .logo { margin: auto; }
.footer .banner { display: none; }
.prods .prod { width: calc( 50% - 50px); }

.swiper { background-size: cover; padding: 60px 10px; }

.bbg .name h2 { font-size: 36px; text-align: center; }
.bbx .name h2 { font-size: 36px; text-align: center; }
.bbx .name { background: none; }

}

@media screen and (max-width:550px){

.swiper { text-align: center; }
.swiper h2 { font-size: 46px; }
.swiper p { font-size: 24px; }

.form .colspan { display: block; margin: 0; }
.form .colspan .field { width: 100%; padding: 0; }


}

@media screen and (max-width:350px){
.prods .prod { width: calc( 100% - 50px); }
.topline .contact span { display: block; height: 1px; overflow: hidden; }
}

@media screen and (max-width:320px){
.header { margin: 0 -10px; }s
}