@charset "utf-8";
/* CSS Document */

/*

font-family: 'Roboto', sans-serif;
font-family: 'Roboto Condensed', sans-serif;
font-family: 'Roboto Slab', serif;
font-family: 'Sue Ellen Francisco', cursive;

*/

div { display:block; position:relative; padding:0; margin:0;}
h1, h2, h3 { margin:0; padding:0;}
img, a { border:0; outline:none;}
.clearfix{ clear:both;}

/*  <div class="clearfix"></div>  */

body { margin: 0 0 0 0; background-color:#FFFFFF; font-family: 'Roboto', sans-serif; font-size: 20px; text-align:left; font-weight:300; line-height:30px; color:#282828;}
p { text-align:left; color:#282828}
table { text-align:left; color:#282828;}

a:link {color: #000000; text-decoration:underline;}
a:visited {color: #000000; text-decoration:underline;}
a:hover {color: #000000; text-decoration:none;}
a:active {color: #000000; text-decoration:underline;}

.image img {width:100%;}
.image90 img {width:90%; margin-left:5%;}

.site_width {width:1280px; margin: 0 auto}

/* Fixed header.*/
#header{ position:fixed; background-image:url(images/header_bg.png);  background-repeat:repeat-x; height: 154px; display:block; width: 100%; z-index:50;}
#header{ top:0px;}

.logo { float:left; width: 17%; text-align:left; padding-top:6px;}

.topmenu { float: left; width: 83%; text-align:right; padding-top: 15px;}

.topmenu a { text-transform:uppercase; color:#000000; font-size:16px; font-weight:400; text-decoration:none;}
.topmenu a:hover { color:#909090;}

/*menu*/
.menu {float: left; width: 83%; text-align:right; padding-top: 36px; border: 0;}
.menumobile { display:none;}

a.menuLink:link, a.menuLink:visited { font-family: 'Roboto Slab', serif; font-weight:300; font-size:16px; color:#000000; text-decoration:none; margin-left:20px;}
a.menuLink:hover, a.menuLink:active { font-family: 'Roboto Slab', serif; font-weight:300; font-size:16px; color:#909090; text-decoration:none;}

a.mobilelinktitle:link, a.mobilelinktitle:visited { font-weight:400; color:#000000;}
a.mobilelinktitle:hover, a.mobilelinktitle:active { font-weight:400; color:#ffffff;}

.mobilemenuboxleft { float:left; width: 40%; margin-left:10%; margin-top:40px; margin-bottom:40px;}
.mobilemenuboxright { float:left; width: 40%; margin-right:10%; margin-top:40px; margin-bottom:40px;}

.mobileboxmenu a { font-family: 'Roboto Slab', serif; font-weight:300; font-size:16px; color:#000000; text-decoration:none;}
.mobileboxmenu a:hover { color:#ffffff;}

.mobileboxmenu { padding-top:20px;}
.mobileboxmenu { font-family: 'Roboto Slab', serif; font-weight:400; font-size:16px; color:#989e87;}
.mobileboxmenu p { line-height:16px; margin:0; padding:0; padding-top:10px;}


.slogan { position:absolute; z-index:10; width:100%; text-align:right; top:535px;}

.banniereA {width:100%; height:620px;overflow: hidden;position: relative;}
.banniereB { display: none;}
.banniereC { display: none;}

.accueil_gauche { float:left; width:70%; margin-right:5%; margin-top:40px; }
.accueil_droite { float:left; width:25%; margin-top:42px; background-color:#e8e8e8;}

h1 { font-size:36px; font-weight:300; text-align:left; line-height:40px;} 

.accueil_boite1 { float:left; width: 49%; margin-right:5%; background-color:#e8e8e8; padding:3%; margin-top:30px; min-height:280px;}
.accueil_boite2 { float:left; width: 34%; background-color:#d4d6cc; padding:3%; margin-top:30px; min-height:280px;}

.accueil_boite1 h2, .accueil_boite2 h2 { font-size:28px; font-weight:100; text-align:left; line-height:32px; }
.accueil_boite_title { font-family: 'Roboto Slab', serif;  font-weight: 400; font-size:18px;}
.accueil_boite1 p, .accueil_boite1 ul, .accueil_boite2 p, .accueil_boite2 ul { font-size:16px; line-height:20px; }

.accueil_boite1 a, .accueil_boite2 a {font-family: 'Roboto Slab', serif;  font-weight: 400; font-size:16px; text-decoration:underline;}

.center_inside { width:90%; padding-top:5px; overflow: hidden; }
.center_inside1 { width:90%; padding-top:25px; overflow: hidden; }
.hourleft { float:left; width:50%; text-align:left; font-size:16px; line-height:20px;}
.hourright { float:left; width:50%; text-align:left; font-size:16px; line-height:20px;}

.accueil_boite3 { padding-top:20px;}
.accueil_boite3_title {font-size:30px; font-weight:300; text-align:center; line-height:36px; margin-bottom:30px;}
.line1 { border-bottom:2px solid #d2d3cf; width:50%; margin-left:25%; padding-top:0px; margin-bottom:30px;}
.line2 { display:none;}
.boite3_div2 { padding-bottom:30px;}

.btnLink { font-size:18px; padding:5px; border:1px solid #333333; border-radius:8px; transition: all 0.3s linear; width:80%; margin-top:35px; text-align:center; cursor:pointer;}
.btnLink:hover { background-color: #ffffff;}

.form_champ { width:60%; border: 1px solid #666666; padding:10px; font-size:16px;}
.form_submit {
	background: -webkit-linear-gradient(#cccccc, #eeeeee); /* For Safari 5.1 to 6.0 */
  	background: -o-linear-gradient(#cccccc, #eeeeee); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(#cccccc, #eeeeee); /* For Firefox 3.6 to 15 */
  	background: linear-gradient(#cccccc, #eeeeee); /* Standard syntax */
	color: #000000;	
	padding:10px;
	border-radius: 5px;
	border: 1px solid #666666;
	font-size:16px;}
	
.line_full { width: 100%; border-bottom: 1px solid #aeaeae; height:20px; margin: 0 auto 40px auto;}

.video_container { max-width:612px;}
.videoWrapperISM { position: relative; padding-bottom: 52.25%; padding-top: 25px; height: 0;}
.videoWrapperISM iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}
.videoWrapperISM div.video { position: absolute; top: 0; left: 0; width: 100%; height: 100%;}

.bottom { background-color:#e9e9e9; padding: 20px 0 20px 0; margin-top:60px; overflow: hidden;}

.footer_div1 { float: left; width: 51%; margin-right:1%;}
.footer_div2 { float:left; width:15%; margin-right:1%;}

.footer_div3, .footer_div4 { float:left; width:13%; margin-right:0%; margin-left:3%; margin-top:5px;}

.footer_div1 h2, .footer_div2 h2 { font-size:16px; text-transform: uppercase; border-bottom: 1px solid #d2d3cf; padding-bottom:5px; margin-bottom:10px; font-weight:300;}
.footer_div1 p, .footer_div2 p {  font-size:16px; color:#9e9e9e; text-align:left; line-height:20px; margin: 0 0 7px 0;}  
.footer_div3 div, .footer_div4 div { font-size:16px; color:#9e9e9e; text-align:left; line-height:30px; border-bottom: 1px solid #d2d3cf;}
.footer_div1 a, .footer_div2 a { font-size:16px; color:#9e9e9e; text-decoration:none; text-align:left; font-weight:300;}
.footer_div3 a, .footer_div4 a {font-size:16px; text-transform: uppercase; padding-bottom:5px; margin-bottom:10px; text-decoration:none; text-align:left; font-weight:300; color:#9e9e9e;}
.footer_div1 a:hover, .footer_div2 a:hover, .footer_div3 a:hover, .footer_div4 a:hover { color:#000000;}

.footer_div4 { display: none;}

.footer_div1a { float:left; width:48%; margin-right:2%;}
.footer_div1b { float:left; width:50%;}
.footer_div1c { float:left; width:33%; margin-right:1%;}
.footer_div1d { float:left; width:33%; margin-right:1%;}
.footer_div1e { float:left; width:32%;}

.footer_sep { width:100%; border-bottom: 1px solid #d2d3cf; height:15px; margin-bottom:20px;}

.bottom_txt { float:left; width:55%; text-align:left; font-size:16px;}
.bottom_txt_smaller { font-size:14px;}

.copyright { float:left; width:45%; color:#999999; font-size:16px; text-align:right; padding-top:15px;}
.copyright a{color: #999999; font-size:16px; text-decoration:none;}

/* SECTION ORTHODONTIE - EQUIPE */

.page_top_space_section { height:460px;}

.banniere_section { width:100%; height:434px; position:absolute; top:0; z-index:2; background-position:top center;}
.banniere_orthodontie { background-image:url(images/banniere_section_orthodontie.jpg); }
.banniere_equipe { background-image:url(images/banniere_section_equipe.jpg); }
.banniere_approche { background-image:url(images/banniere_section_approche.jpg); }
.banniere_services { background-image:url(images/banniere_section_services.jpg); }
.banniere_technologies { background-image:url(images/banniere_section_technologies.jpg); }
.banniere_blogue { background-image:url(images/banniere_section_blogue.jpg); }

.banniere_joindre { width:100%; height:470px; position:absolute; top:0; z-index:2; overflow:hidden;}
.banniere_joindre_mobile { display:none;}

.slogan_section { position:absolute; z-index:10; width:100%; text-align:right; top:349px;}
.slogan_joindre { display: none;}

.section_titre { width:65%; margin-left:35%; margin-top:40px; }
.section_full_titre { width:100%; margin-top:70px;  }

.section_titre h1, .section_full_titre h2, .section_full_titre h1 { font-size:50px; font-weight:100; text-align:left; line-height:60px;}
.section_titre h2, .section_full_titre h3, .font_titre { font-family: 'Roboto Slab', serif; font-size:24px; font-weight:400; text-align:left; line-height:40px; color:#adb29e;}

.section_gauche1 { float:left; width:30%; margin-right:5%;}
.section_droite1 { float:left; width:65%;}

.section_gauche2 { float:right; width:70%; margin-right:5%;}
.section_droite2 { float:right; width:25%;}

.section_gauche1 .section_img img { width:100%; margin-top: 25px;}
.section_droite2 .section_img img { width:100%; margin-top: 25px;}

.section_full1 { width:100%; margin-bottom:30px;}
.section_full2 { width:100%; margin-bottom:0px; margin-top:60px;}

.center1 { width:100%; height:400px; background-color: #adb29e; margin-top:-26px;text-align:center; }
.center1 h1 { font-size:50px; font-weight:100; line-height:60px; text-align:center; color: #ffffff; padding-top:30px; }
.center1 h2 { font-family: 'Roboto Slab', serif; font-size:24px; font-weight:400; text-align:center; line-height:40px; color:#ffffff;}
.center1 .line { width: 100px; border-bottom: 2px solid #d4d7cd; height:30px; margin: 0 auto 30px auto;}
.center1 .icone1 { float:left; width:20%; margin-left:18%; margin-right:2%}
.center1 .icone2 { float:left; width:20%; margin-left:0%; margin-right:2%}
.center1 .icone3 { float:left; width:20%; margin-left:0%; margin-right:18%}
.center1 p { color:#FFFFFF; text-align:center; font-size:26px; margin-top:-20px; font-weight:100;}
.center1 a { text-decoration: none;}

.anchor{ display: block; height: 70px; margin-top: -40px; visibility: hidden;}

#Accordion1 h3 { border:0;}
#Accordion1 h3:hover { background-color:#adb29e;}
#Accordion1 div { background-color: #ffffff; background-image:none; font-family: 'Roboto', sans-serif; font-size:20px; font-weight:300; padding:0 47px 0 47px; margin:0;}
#Accordion1 h3 a { color: #272727; font-family: 'Roboto', sans-serif; font-size:20px; font-weight:300;}
#Accordion1 h3:hover a{ color: #ffffff; font-family: 'Roboto', sans-serif; font-size:20px; font-weight:300;}

.animbondir:hover .animbondir1 {  cursor: pointer; -moz-animation:bounceOut .8s linear; -webkit-animation:bounceOut .8s linear;}
@-moz-keyframes bounceOut {
	0%{ transform: translate(0px,0px);}
	15%{ transform: translate(0px,-30px);}
	30%{ transform: translate(0px,0px);}
	45%{ transform: translate(0px,-10px); }
	60%{ transform: translate(0px,0px);}
	75%{ transform: translate(0px,-5px);}
	100%{ transform: translate(0px,0px);}
}
@-webkit-keyframes bounceOut {
	0%{ transform: translate(0px,0px);}
	15%{ transform: translate(0px,-30px);}
	30%{ transform: translate(0px,0px);}
	45%{ transform: translate(0px,-10px); }
	60%{ transform: translate(0px,0px);}
	75%{ transform: translate(0px,-5px);}
	100%{ transform: translate(0px,0px);}
}

/* SECTION JOINDRE */

.boite_joindre1 { float:left; width: 30%; margin-right:5%; margin-top:35px;}
.boite_joindre2 { float:left; width: 26%; margin-right:1%; margin-top:45px; background-color:#e8e8e8; padding:3%; min-height:320px;}
.boite_joindre3 { float:left; width: 26%; margin-top:45px; background-color:#d4d6cc; padding:3%; min-height:320px;}

.boite_joindre1 h1, h2 { font-size:50px; font-weight:100; text-align:left; line-height:60px;}
.boite_joindre1 p { font-family: 'Roboto Slab', serif; font-size:20px; font-weight:300; text-align:left; line-height:27px; color:#585b4d;}
.boite_joindre1 a { font-size:20px; color:#585b4d; text-decoration:none; text-align:left; font-weight:300;}

.boite_joindre2 h2, .boite_joindre3 h2 { font-size:28px; font-weight:100; text-align:left; line-height:35px; }
.boite_joindre2 p, .boite_joindre2 ul, .boite_joindre3 p { font-size:18px; line-height:22px; }
.boite_joindre2 a, .boite_joindre3 a {font-family: 'Roboto Slab', serif;  font-weight: 400; font-size:16px; text-decoration:underline;}

/* carte google */
#BritaNadeau { height:500px; width:1920px;}


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

.bottom_txt { font-size:14px;}
.bottom_txt_smaller { font-size:12px;}

.copyright { font-size:14px;}
.copyright a{font-size:14px;}

/* carte google */
#BritaNadeau { height:500px; width:1440px;}
	
}


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

body { font-size: 18px; line-height:24px;}

.site_width { width:82%; margin: 0 9% 0 9%;}

.topmenu { padding-top: 25px;}

	
/* changer photo de la bannière */
.banniereA { display: none;}
.banniereB { display: block; width:100%; height:620px; overflow: hidden; position: relative;}
.banniereC { display: none;}

.accueil_gauche { width:100%; margin-right:0%; margin-top:40px; }
.accueil_droite { width:100%; margin-top:30px;}

h1 { font-size:30px;} 

.accueil_boite1, .accueil_boite2 { min-height:290px; }

.accueil_boite1 h2, .accueil_boite2 h2 { font-size:26px;}
.accueil_boite_title { font-size:16px;}

.btnLink { width:100%;}

.boite3_div1 { float:left; width:20%; margin-left:1%; margin-right:0%;}

.boite_logos { float:left; width:69%;}
.boite3_div2 { float: left; width:33%; margin-right:0%; padding-bottom:10px;}

.line1 { display:none;}
.line2 { display:block; float:left; width:4%; height:120px; border-right:2px solid #d2d3cf;}
.accueil_boite3_title { display:none;}

.image90 img {width:100%; margin-left:0%;}

.footer_div1c { display: none;}
.footer_div1d { display: none;}
.footer_div1e { display: none;}
.footer_div2 { display: none;}

.footer_div1 { width: 61%; margin-right:1%;}

.footer_div4 { display: block;}
.footer_div3, .footer_div4 { width:15%; margin-top:0px;}

/* SECTION ORTHODONTIE */

#Accordion1 div { font-size:18px;}
#Accordion1 h3 a { font-size:18px;}
#Accordion1 h3:hover a{ font-size:18px;}

/* SECTION JOINDRE */

.boite_joindre2 { min-height:300px;}
.boite_joindre3 { min-height:300px;}

.boite_joindre1 h1, h2 { font-size:40px; line-height:50px;}
.boite_joindre1 p { font-size:18px; line-height:22px;}
.boite_joindre1 a { font-size:18px;}

.boite_joindre2 h2, .boite_joindre3 h2 { font-size:24px; line-height:30px; }
.boite_joindre2 p, .boite_joindre2 ul, .boite_joindre3 p { font-size:16px; line-height:20px; }

/* carte google */
#BritaNadeau { height:500px; width:1340px;}

}


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

/*menu*/
.menu { display:none;}
.menu {}
.menumobile { display:block; float: left; width: 83%; text-align:right; padding-top: 35px; border: 0;}

.footer_div1 p, .footer_div2 p {  font-size:14px; }  

.bottom_txt { width:100%;}
.copyright { width:100%; text-align:left;}

/* SECTION ORTHODONTIE */

.section_titre { width:100%; margin-left:0%; margin-top:40px; }

.section_titre h1, .section_full_titre h2, .section_full_titre h1 { font-size:42px; line-height:52px;}
.section_titre h2, .section_full_titre h3, .font_titre { font-size:20px; line-height:34px;}

.section_gauche1 { width:100%; margin-right:0%;}
.section_droite1 { width:100%;}

.section_gauche2 { width:100%; margin-right:0%;}
.section_droite2 { width:100%;}

.section_gauche1 .section_img img { width:40%; margin-left:0%;}
.section_droite2 .section_img img { width:40%; margin-left:0%;}

.center1 .icone1 { float:left; width:25%; margin-left:11%; margin-right:2%}
.center1 .icone2 { float:left; width:25%; margin-left:0%; margin-right:2%}
.center1 .icone3 { float:left; width:25%; margin-left:0%; margin-right:10%}

/* Section JOINDRE */

.boite_joindre1 { width: 100%; margin-right:0%;}
.boite_joindre2 { width: 42%; margin-right:5%;}
.boite_joindre3 { width: 41%;}

.boite_joindre1a { float:left; width: 48%; margin-right:5%;}
.boite_joindre1b { float:left; width: 47%;}

/* carte google */
#BritaNadeau { height:500px; width:1100px;}

}


@media screen and (max-width: 980px) {
 
.slogan { text-align:center;}

.accueil_boite1 p.txt2 { display:none;}

.accueil_boite1 { width: 41%; padding:4%;}
.accueil_boite2 { width: 38%; padding:4%;}

.boite3_div1 { width:30%;}
.boite_logos { width:59%;}
.boite3_div2 { padding-bottom:10px; padding-top:10px;}

.footer_div1 { width: 100%; margin-right:0%;}

.footer_div3  { width:50%; margin-right:0%; margin-left:0;}
.footer_div4  { width:45%; margin-right:5%; margin-left:0;}

.footer_sep { height:25px; border:0;}

/* SECTION ORTHODONTIE */

.slogan_section { text-align:center;}

.section_full_titre { margin-top:40px; }

.anchor{ height: 110px; margin-top: -40px;}

/* carte google */
#BritaNadeau { height:500px; width:980px;}

}


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

body { font-size: 16px; line-height:20px;}

.page_top_space { height: 140px;}

.banniereA { display: none;}
.banniereB { display: none;}
.banniereC { display: block; width:100%; height:250px; overflow: hidden; position: relative;}

.mobilemenuboxleft { width: 50%; margin-left:0%;}
.mobilemenuboxright { width: 50%; margin-right:0%;}

.slogan { top:250px;}
.slogan img { width: 100%;}

.accueil_gauche { margin-top:110px; }

h1 { text-align:center;}

.accueil_boite1 { width: 92%; margin-right:0; min-height:0;}
.accueil_boite2 { width: 92%; min-height:0;}

.accueil_boite1 h2, p { text-align:center;}
.accueil_boite_title { text-align:center;}

.accueil_boite2 h2  { text-align:center;}

.accueil_boite1 h2, .accueil_boite2 h2 { font-size:22px;}

.hourleft { text-align:right; width:40%; margin-right:10%;}

.image90 img {width:50%; margin-left:25%;}
.boite3_div2 .image90 img {width:90%; margin-left:5%;}

.boite3_div1 { width:100%; margin-left:0;}
.boite_logos { width:100%;}

.line2 { display:none;}

.footer_div1a, .footer_div1b { width:100%;}
.footer_div1b { padding-bottom:30px;}

.footer_div1a h2, .footer_div1b h2 { text-align:center;}
.footer_div1a p, .footer_div1b p { text-align:center;}

.bottom_txt { text-align:center;}

.copyright { font-size:12px; text-align:center;}
.copyright a{font-size:12px;}


/* SECTION ORTHODONTIE */

.slogan_section { top:264px;}
.slogan_section img { width: 100%;}

.section_titre h1, .section_full_titre h2, .section_full_titre h1 { text-align:center;}
.section_titre h2, .section_full_titre h3, .font_titre { text-align:center;}

.section_gauche1 .section_img img { width:60%; margin-left:20%;}
.section_droite2 .section_img img { width:60%; margin-left:20%;}

.center1 { height:300px;}

.center1 h1 { font-size:35px; line-height:46px;}
.center1 h2 { font-size:20px; line-height:34px;}

.center1 .line { width: 100px; border-bottom: 2px solid #d4d7cd; height:30px; margin: 0 auto 10px auto;}

.center1 .icone1 img { width:80%;}
.center1 .icone2 img { width:80%;}
.center1 .icone3 img { width:80%;}

.center1 p { font-size:20px; margin-top:-10px;}

.section_full_titre { margin-top:10px; }

.anchor{ height: 120px; margin-top: -40px;}

#Accordion1 div { font-size:16px;}
#Accordion1 h3 a { font-size:16px;}
#Accordion1 h3:hover a{ font-size:16px;}

/* SECTION JOINDRE */

.boite_joindre1a { width: 100%; margin-right:0%;}
.boite_joindre1b { width: 100%;}

.boite_joindre2 { width: 94%; margin-right:0%; min-height:100px;}
.boite_joindre3 { width: 94%; min-height:100px;}

.boite_joindre1 h1, h2 { font-size:36px; text-align:center; line-height:40px;}
.boite_joindre1 p { text-align:center;}
.boite_joindre1 a { text-align:center;}

.boite_joindre2 h2, .boite_joindre3 h2 { text-align:center;}
.boite_joindre2 p, .boite_joindre3 p { text-align:center;}
.boite_joindre2 a, .boite_joindre3 a { text-align:center;}

/* carte google */
#BritaNadeau { height:500px; width:768px;}
.infopatient-button-wrapper {display: none;}

}


@media screen and (max-width: 480px) {
	
.topmenu span { display:none;}

.mobilemenuboxleft { width: 90%; margin-left:5%; margin-bottom:10px;}
.mobilemenuboxright { width: 90%; margin-left:5%; margin-top:0px;}

.accueil_gauche { margin-top:70px; }

.image90 img {width:70%; margin-left:15%;}
.boite3_div2 .image90 img {width:100%; margin-left:0%;}

.center1 { height:330px;}

.center1 .icone1 img { width:95%;}
.center1 .icone2 img { width:95%;}
.center1 .icone3 img { width:95%;}

.form_champ { width:100%;}

/* carte google */
.banniere_joindre { display:none;}
#BritaNadeau { height:500px; width:480px;}

.slogan_joindre { display:block; position:absolute; z-index:10; width:100%; text-align:right; top:264px;}
.slogan_joindre img { width: 100%;}

.banniere_joindre_mobile { display:block; width:100%; height:434px; position:absolute; top:0; z-index:2; background-position:top center;}
.banniere_joindre_img { background-image:url(images/banniere_section_joindre.jpg); }
	
}

/* Side Page Link Button*/
.infopatient-button-wrapper { position: absolute; top: 130px; right: 0; transform-origin: bottom right; transform: rotate(-90deg); z-index: 999;}
.infopatient-button-wrapper a.btn-infos { padding: 12px 30px; text-decoration: none; display: inline-block; font-size: .9em; color: black; background: rgba(255, 255, 255, 0.7); text-transform: none; box-shadow: 0 0 3px #aaa;}
.infopatient-button-wrapper a:hover { color: white; background: rgba(0, 0, 0, 0.7);}