@charset "utf-8"; /* Simple fluid media Note: Fluid media requires that you remove the media's height and width attributes from the HTML http://www.alistapart.com/articles/fluid-images/ */ img, object, embed, video { max-width: 100%; } img { border: none; } /* IE 6 does not support max-width so default to width 100% */ .ie6 img { width: 100%; } a img { border: none; } a img.img-opacity { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; filter: alpha(opacity=100); /* For IE8 and earlier */ opacity: 1; } a img.img-opacity:hover { -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)"; filter: alpha(opacity=70); /* For IE8 and earlier */ opacity: 0.7; } .halfsize { -webkit-transform: scale(0.5); -moz-transform: scale(0.5); -ms-transform: scale(0.5); -o-transform: scale(0.5); transform: scale(0.5); /* IE6–IE9 */ filter: progid:DXImageTransform.Microsoft.Matrix(M11=0.9999619230641713, M12=-0.008726535498373935, M21=0.008726535498373935, M22=0.9999619230641713,SizingMethod='auto expand'); } span.display-aucun { display: none; } #courrielpm b { display: none; } #courrielpm2 b { display: none; } #courrielsp b { display: none; } .none { display: none; } .clear { clear: both; } .clearfix:after { /* voir boilerplate.css */ /*display: block;*/ height: 0; *zoom: expression( this.runtimeStyle['zoom'] = '1', this.innerHTML += '
' ); } .ie7-clear { display: block; clear: both; } /* Dreamweaver Fluid Grid Properties ---------------------------------- dw-num-cols-mobile: 4; dw-num-cols-tablet: 8; dw-num-cols-desktop: 12; dw-gutter-percentage: 25; Inspiration from "Responsive Web Design" by Ethan Marcotte http://www.alistapart.com/articles/responsive-web-design and Golden Grid System by Joni Korpi http://goldengridsystem.com/ */ /* Mobile Layout: 599px and below. */ .mobile-only { display: block; } .tablet-only { display: none; } .desktop-only { display: none; } .desktop-only-inline { display: none; } .mobile-tablet-only { display: block; } .mobile-desktop-only { display: block; } .tablet-desktop-only { display: none; } body { background-image: url(../_derived/background3.jpg); background-repeat: repeat-x; background-color: #acacac; } #header img { position: relative; z-index: 221; left: 2%; padding-right: 0; margin: auto; } .gridContainer { margin-left: auto; margin-right: auto; width: 100%; padding: 0; } #LayoutDiv1 { clear: both; float: left; margin-left: 0; width: 100%; padding-left: 2.5%; padding-right: 2.5%; display: block; } #mainNav { clear: both; float: left; position: fixed; top: 186px; margin-left: 0; padding-left: 0; padding-right: 0; width: 100%; display: block; z-index: 220; box-shadow: /*3*/0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23) } #mainNav2 { /* Galerie photos */ clear: both; float: left; position: fixed; top: 20px; margin-left: 0; padding-left: 0; padding-right: 0; width: 100%; display: none; z-index: 190; } #header-index { clear: both; float: left; position: relative; padding: 40px 0 20px; margin: 0 auto 0; width: 100%; height: auto; display: block; background: #c2c2c2; z-index: 11; } #header { clear: both; float: left; position: fixed; margin: 0 auto; width: 100%; height: 76px; display: block; background: #CCC; /* The Fallback */ background: rgba(255,255,255,0.7); z-index: 11; /*top: 0; transform: translate3d(0); -webkit-transform: translate3d(0);*/ } #header2 { /* Galerie photos */ clear: both; float: left; position: fixed; margin-left: auto; margin-right: auto; width: 100%; height: 76px; display: block; z-index: 20; } #article { clear: both; float: left; margin-left: 0; margin-bottom: 100px; width: 100%; display: block; } #presentation1 { width: 80%; padding: 0 30px 10px 30px; } #section { clear: both; float: left; padding: 20px 0; margin-left: 0; width: 100%; display: block; } footer { clear: both; float: left; margin-left: auto; margin-right: auto; text-align: center; padding-top: 20px; padding-bottom: 50px; width: 100%; height: 100%; display: block; background: #727272; background: -webkit-linear-gradient(to bottom, #9D9D9D, #727272); background: -o-linear-gradient(to bottom, #9D9D9D, #727272); background: -moz-linear-gradient(to bottom, #9D9D9D, #727272); background: linear-gradient(to bottom, #9D9D9D, #727272); } .center-text { text-align: center; } .center-image { margin: 0 auto; display: block; } .right-justify { text-align: right; width: auto; } .float-left { position: relative; padding: 25px 2% 1% 1%; float: left; display: block; } .float-left0 { float: left; display: block; } .float-left1 { float: left; margin: 0 40px 30px 0; display: block; } .float-left2 { position: relative; padding: 20px 3% 1% 1%; float: left; display: block; } .float-left3 { position: relative; padding: 25px 3% 6% 1%; float: left; display: block; } .float-left4 { position: relative; padding: 20px 3% 4% 1%; float: left; display: block; } .float-left-tablet-desktop { position: relative; padding: 25px 2% 1% 1%; float: none; display: block; } .float-right { position: relative; margin-right: 4px; padding: 30px 1% 10% 2%; float: right; display: block; } .float-right2 { position: relative; margin-right: 4px; padding: 0 1% 0 3%; float: right; display: block; } .float-right3 { position: relative; margin-right: 4px; padding: 3px 0 0 3%; float: right; display: block; } .float-right4 { position: relative; margin-right: 4px; padding: 3px 0 6% 2%; float: right; display: block; } .liste-mobile { padding: 0 1% 0 3%; display: block; } .liste1 { display: block; list-style-position: inside; text-indent: 30px; list-style-type: disc; } .liste2 { padding: 0 1% 0 3%; display: block; } .liste-mobile2 { padding: 0 1% 0 4%; display: block; list-style-position: outside; } .liste-mobile2 li ul { padding-right: 1%; list-style-type: none; } .liste3 li { padding: 0.3em 0; } /* Grey out background and preview image as popup */ #thumbnail img { cursor: pointer; } #large { display: none; position: absolute; background: #FFF; left: 0; padding-right: 10px; background-color: #333; background-color: rgba(000,000,000,0.2); z-index: 240; min-height: 200px; min-width: 200px; max-width: 100%; color: #FFF; } #large-display { display: none; } #background { display: none; position: absolute; height: 2400%; width: 100%; top: 0; left: 0; background: #000; z-index: 230; } /* Grey out background and preview image as popup fin */ /* Main home page */ #accueil-texte { clear: both; position: relative; width: 71%; height: auto; margin: 0 10% 0; display: block; } #accueil-texte a { color: #FFF; box-shadow: /*3*/0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); } #accueil-texte p { text-align: center; } .accueil-texte-gauche a { width: 100%; height: 100%; float: none; position: relative; background: #555; padding: 15px; margin-bottom: 30px; display: block; } .accueil-texte-gauche a:hover { background: #222; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .accueil-texte-droite a { width: 100%; height: 100%; float: none; background: #555; padding: 15px; position: relative; margin-bottom: 120px; display: block; } .accueil-texte-droite a:hover { background: #222; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } /* Main home page fin */ /* Accueil */ #accueil { clear: both; float: left; padding: 0 4%; margin-top: 100px; margin-left: 0; width: 92%; display: block; } #contenu-mariage-ie8 { clear: both; float: left; padding: 3% 3% 0; margin-bottom: 40px; margin-left: 0; width: 94%; display: block; } #contenu-corporatif { clear: both; float: left; padding: 0; margin-left: 0; width: 100%; display: block; background: #D6C1B1; background: -webkit-linear-gradient(to bottom, #D6C1B1, #FBEFE6); background: -o-linear-gradient(to bottom, #D6C1B1, #FBEFE6); background: -moz-linear-gradient(to bottom, #D6C1B1, #FBEFE6); background: linear-gradient(to bottom, #D6C1B1, #FBEFE6); } #contenu-corporatif-ie8 { clear: both; float: left; padding: 3% 3% 0; margin-left: 0; width: 94%; display: block } #contenu-infographie { clear: both; float: left; padding: 0; margin-left: 0; width: 100%; display: block; background: #AAA; background: -webkit-linear-gradient(360deg, #B2B2B2, #7D7D7D); background: -o-linear-gradient(360deg, #B2B2B2, #7D7D7D); background: -moz-linear-gradient(360deg, #B2B2B2, #7D7D7D); background: linear-gradient(360deg, #B2B2B2, #7D7D7D); } #contenu-infographie-ie8 { clear: both; float: left; padding: 3% 3% 0; margin-bottom: 0; margin-left: 0; width: 94%; display: block; } .h1-section1 { clear: both; padding: 0 0 4% 20px; margin-bottom: 0; margin-left: 0; width: auto; display: block; } .contenu-section1 { clear: both; float: left; padding-top: 3%; margin-bottom: 0px; margin-left: 0; width: 100%; display: block; } .contenu-section2 { clear: both; float: left; padding: 1% 3% 20%; margin-bottom: 40px; margin-left: 0; width: 94%; display: block; } #contenu-apropos { clear: both; float: left; padding: 3% 3% 20%; margin-bottom: 40px; margin-left: 0; width: 94%; display: block; background: #BDBDBD; background: -webkit-linear-gradient(to bottom, #E9E9E9, #BDBDBD); background: -o-linear-gradient(to bottom, #E9E9E9, #BDBDBD); background: -moz-linear-gradient(to bottom, #E9E9E9, #BDBDBD); background: linear-gradient(to bottom, #E9E9E9, #BDBDBD); } #contenu-contact { clear: both; float: left; padding: 3% 3% 8%; margin-bottom: 40px; margin-left: 0; width: 94%; display: block; } .texte-bloc1 { padding: 2% 3% 2%; background-color: #CCC; /* The Ballback */ background-color: rgba(255,255,255,0.3); display: block; box-shadow: /*1*/0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); } .texte-mariage-pres1 { padding: 3% 20px 3%; width: 304px; margin: 3% 8px; background-color: #CCC; /* The Ballback */ background-color: rgba(255,255,255,0.4); display: block; box-shadow: /*2*/0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); } .texte-bloc2 { padding: 4% 4% 10%; background-color: #999; background-color: rgba(020,020,020,0.175); display: block; box-shadow: /*2*/0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); } .texte-bloc2-transp { padding: 0 4.5%; background-color: transparent; display: block; } .texte-bloc3 { padding: 2% 3% 5%; background-color: #999; background-color: rgba(020,020,020,0.175); display: block; box-shadow: /*2*/0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); } .texte-bloc4 { padding: 3% 4% 5%; height: auto; background-color: #999; background-color: rgba(020,020,020,0.175); display: block; box-shadow: /*2*/0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); } .texte-bloc-sombre { padding: 1% 3% 4.5%; background-color: #666; background-color: rgba(000,000,000,0.5); display: block; box-shadow: 0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); } .texte-bloc-sombre2 { padding: 1% 0 4.5%; background-color: #111; height: auto; position: relative; display: block; box-shadow: /*2*/0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); } .texte-corpo-pres1 { padding: 3% 20px 3%; width: 304px; margin: 3% 8px; background-color: #CCC; /* The Ballback */ background-color: rgba(255,255,255,0.4); display: block; box-shadow: /*2*/0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); } .texte-bloc-entreprises { height: auto; width: 94%; margin-left: 0; padding: 1% 3% 5%; background-color: #999; background-color: rgba(000,000,000,0.15); display: block; box-shadow: /*2*/0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); } .texte-infogr-presentation { padding: 3% 0 3% 6%; background-color: #CCC; /* The Ballback */ background-color: rgba(255,255,255,0.3); display: block; box-shadow: /*2*/0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); } .texte-infogr-presentation1 { padding: 3% 0 0 3%; width: 340px; margin: 3% 1%; background-color: #CCC; /* The Ballback */ background-color: rgba(255,255,255,0.4); display: block; box-shadow: /*2*/0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); } .texte-mariage-dvd { padding: 3% 3% 4%; height: auto; background-color: #999; background-color: rgba(000,000,000,0.175); display: block; box-shadow: /*2*/0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); } .texte-forfaits { padding: 3% 5% 8%; margin-bottom: 40px; background-color: #999; background-color: rgba(125,125,125,0.55); display: block; box-shadow: /*2*/0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); } .texte-padding1 { padding: 0 3%; } .texte-padding2 { padding: 0 30px; } .texte-extraits-desc { padding: 5px 10px; color: #FFF; } #mariage-presentation { clear: both; float: left; margin-left: 0; margin-bottom: 40px; width: 100%; display: block; } #mariage-presentation-cover { background: url(../images/fond-mariage01.jpg) no-repeat; -webkit-background-size: cover; background-size: cover; clear: both; float: left; margin-left: 0; margin-bottom: 40px; width: 100%; display: block; } .extrait-youtube-accueil { clear: both; width: auto; height: auto; margin: 0 auto; float: none; position: relative; padding: 10px 0 30px; } #mariage-galerie { clear: both; float: left; margin-left: 0; margin-bottom: 40px; width: 100%; display: block; } #mariage-forfaits { clear: none; float: left; margin-left: 0; margin-bottom: 40px; width: 100%; display: none; } #mariage-forfaits-mobile { clear: none; float: left; line-height: 35px; margin-left: 0; margin-bottom: 40px; width: 100%; display: block; } #mariage-extraits-video { clear: both; float: left; margin-left: 0; margin-bottom: 40px; width: 100%; display: block; } #mariage-conseils { clear: none; float: left; margin-left: 0; margin-bottom: 78px; width: 100%; display: block; } #mariage-dvd { clear: both; float: left; margin-left: 0; padding-bottom: 0; margin-bottom: 40px; width: 100%; display: block; } #mariage-temoignages { clear: none; float: left; margin-left: 0; margin-bottom: 40px; width: 100%; display: block; } #mariage-acces-clients { clear: both; float: left; margin-left: 0; padding-bottom: 0; margin-bottom: 20px; width: 100%; display: block; } #label-dvd { width: 310px; height: 100px; padding: 0; margin: 0 auto; } #label-dvd img { float: left; padding: 0 1px 10px; width: auto; height: auto; } #pochette-dvd { min-width: 250px; width: 250px; height: 180px; margin: 0 auto; display: block; } #pochette-dvd img { float: left; display: block; width: 120px; padding: 0 1% 20px; } #accueil-B:before { display: block; content: ""; height: 195px; margin-top: -195px; } #mariage-B:before { display: block; content: ""; height: 95px; margin-top: -95px; } #dvd-B:before { display: block; content: ""; height: 110px; margin-top: -110px; } #acces-B:before { display: block; content: ""; height: 120px; margin-top: -120px; } #corporatif-B:before { display: block; content: ""; height: 95px; margin-top: -95px; } #dvd-web-B:before { display: block; content: ""; height: 110px; margin-top: -110px; } #infographie-B:before { display: block; content: ""; height: 95px; margin-top: -95px; } #a_propos-B:before { display: block; content: ""; height: 110px; margin-top: -110px; } #biographie-B:before { display: block; content: ""; height: 95px; margin-top: -95px; } #contact-B:before { display: block; content: ""; height: 110px; margin-top: -110px; } #forfaits-photos-B:before { display: block; content: ""; height: 195px; margin-top: -195px; } #forfaits-video-B:before { display: block; content: ""; height: 195px; margin-top: -195px; } #livre-photo-B:before { display: block; content: ""; height: 195px; margin-top: -195px; } #extraits-entreprises-B:before { display: block; content: ""; height: 100px; margin-top: -100px; } #corpo-presentation { clear: both; float: left; margin-left: 0; width: 100%; margin-bottom: 40px; display: block; } #corpo-presentation-cover { background: url(../images/fond-corpo01.jpg) no-repeat; -webkit-background-size: cover; background-size: cover; clear: both; float: left; margin-left: 0; margin-bottom: 40px; width: 100%; display: block; } #corpo-videos-entreprises { clear: both; float: left; margin-left: 0; margin-bottom: 30px; width: 100%; height: 100%; display: block; } #corpo-seances { clear: both; float: left; margin-left: 0; margin-bottom: 40px; width: 100%; display: block; } #corpo-extraits-video { clear: both; float: left; margin-left: 0; margin-bottom: 40px; width: 100%; display: block; } #corpo-dvd { clear: both; float: left; margin-left: 0; margin-bottom: 40px; width: 100%; display: block; } #corpo-duplication { clear: both; float: left; margin-left: 0; width: 100%; display: block; } .column-left1 { width: 50%; height: 100%; padding-left: 0; float: left; display: block; } .column-right1 { width: 46%; padding: 0 1% 0 3%; height: 100%; float: left; display: block; } .left80 { width: 73%; padding: 0 2%; background: #0FC; position: relative; float: left; } .right20 { width: 13%; padding: 0 2%; position: relative; background: #C33; float: left; } #infogr-presentation { clear: both; float: left; margin-left: 0; margin-bottom: 20px; width: 100%; display: block; } #infogr-presentation-cover { background: url(../images/fond-infographie01.jpg) no-repeat; -webkit-background-size: cover; background-size: cover; clear: both; float: left; margin-left: 0; margin-bottom: 20px; width: 100%; display: block; } #infogr-galerie { clear: both; float: left; margin-left: 0; margin-bottom: 30px; width: 100%; display: block; } #infogr-cartes { clear: both; float: left; margin-left: 0; margin-bottom: 40px; width: 100%; display: none; } #infogr-cartes-mobile { clear: both; float: left; margin-left: 0; margin-bottom: 40px; width: 100%; display: block; } #infogr-galerie-photos { clear: none; float: left; margin-left: 5.2631%; margin-bottom: 40px; width: 100%; display: block; } .infographie-image1 { padding: 8% 12%; } #a_propos-presentation { clear: both; float: left; margin-left: 0; margin-bottom: 40px; width: 100%; display: block; } #a_propos-bio { clear: both; float: left; margin-left: 0; margin-bottom: 20px; width: 100%; display: block; } #a_propos-equipement { clear: both; float: left; margin-left: 0; margin-bottom: 10px; width: 100%; display: block; } #a_propos-realisations { clear: both; float: left; margin-left: 0; margin-bottom: 40px; width: 100%; display: block; } #a_propos-liens { clear: both; float: left; margin-left: 0; margin-bottom: 40px; width: 100%; display: block; } #contact-presentation { clear: both; float: left; margin-left: 0; width: 100%; display: block; } #contact-contact { clear: both; float: left; margin-left: 0; width: 100%; display: block; background-color: #999; background-color: rgba(000,000,000,0.175); box-shadow: /*2*/0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); } #contact-contact01 { clear: both; float: left; margin: 3% 5% 10px; width: 90%; display: block; } #contact-contact02 { clear: both; float: left; margin: 5%; width: 90%; display: block; } #contact-contact02 img { padding: 0 5px 15px 0; } /* Accueil fin */ /* Forfaits mariage */ #forfaits-photos { clear: both; float: left; padding: 0 3% 2%; margin-top: 0; margin-bottom: 40px; margin-left: 0; width: 94%; display: block; } #forfaits-video { clear: both; float: left; padding: 0 3% 2%; margin-top: 0; margin-bottom: 40px; margin-left: 0; width: 94%; display: block; } #livre-photo { clear: both; float: left; padding: 0 3% 2%; margin-top: 0; margin-bottom: 40px; margin-left: 0; width: 94%; display: block; } /* Forfaits mariage fin */ /* Autres pages */ #page-index { clear: both; float: left; padding: 0 3% 0; margin-top: 0; margin-bottom: 40px; margin-left: 0; width: 94%; display: block; } #autre-page1 { clear: both; float: left; padding: 0 3% 0; margin-top: 100px; margin-bottom: 40px; margin-left: 0; width: 94%; display: block; } #autre-page2 { clear: both; float: left; padding: 0 3% 0; margin-top: 100px; margin-bottom: 40px; margin-left: 0; width: 94%; display: block; } .image-temoignage-gauche { position: relative; padding-top: 10px; margin: 0 auto; float: none; display: block; } .image-temoignage-droite { position: relative; padding-top: 10px; margin: 0 auto; float: none; display: block; } #label-etiquette { clear: both; float: left; margin-left: 0; width: 100%; display: block; } #mariage-dvd-pochette { clear: both; float: left; margin-left: 0; width: 100%; display: block; } table { width: 100%; margin: 0 auto; font-size: 95%; } table, th, td { border: 0; } table.table2 { width: 96%; margin-left: 4%; } table.table2b { width: 96%; margin-left: 4%; } th, td { padding: 4px; text-align: center; } td.td1, th.td1 { text-align: left; } table#label-etiquette, th, td { padding: 2px; text-align: center; } td.td1b { text-align: left; width: 100%; } .overflow-hidden { overflow: hidden; } #page-galerie { clear: both; float: left; margin-left: 0; width: 100%; display: block; background: #000; } #page-extraits-video { clear: both; float: left; padding: 0; margin-top: 100px; margin-bottom: 40px; margin-left: 0; width: 100%; display: block; } .extrait-youtube1 { width: auto; height: auto; margin: 0 auto; float: none; background: #111; position: relative; padding: 10px 10px 30px; } .question .answer { padding: 20px; } .question { padding: 1px 0 1px; cursor: pointer; border-radius: 4px; background-color: #DDD; background-color: rgba(255,255,255,0.5); box-shadow: /*2*/0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); } .question h4 { padding: 0 25px 0;; line-height: 100%; display: inline-block; } .answer { margin: 0; display: none; background-color: #BBB; background-color: rgba(120,120,120,0.3); box-shadow: /*2*/0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); } span.span2:before { width: 0; height: 0; border-left: 0.313em solid transparent; border-right: 0.313em solid transparent; border-top: 0.45em solid #900; content: ""; vertical-align: middle; display: inline-block; position: relative; left: -0.25em; } /* Autres pages fin */ /* Youtube wrapper */ iframe { border:0 solid transparent; } .videoWrapper { position: relative; padding-bottom: 56.25%; /* 16:9 */ padding-top: 25px; height: 0; } .videoWrapper iframe, video { position: absolute; top: 0; left: 0; width: 100%; height: 100%; cursor: -moz-grab; } /* Youtube wrapper fin */ /* Material design lite */ .shadow-1 { box-shadow: /*1*/0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); } .shadow-2 { box-shadow: /*2*/0 3px 6px rgba(0,0,0,0.16), 0 3px 6px rgba(0,0,0,0.23); } .shadow-3 { box-shadow: /*3*/0 10px 20px rgba(0,0,0,0.19), 0 6px 6px rgba(0,0,0,0.23); } .shadow-4 { box-shadow: /*4*/0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22); } .shadow-5 { box-shadow: /*5*/0 19px 38px rgba(0,0,0,0.30), 0 15px 12px rgba(0,0,0,0.22); } /* Material desing lite end */ /* Tablet Layout: 600px to 999px. Inherits styles from: Mobile Layout. */ @media only screen and (min-width: 600px) { .mobile-only { display: none; } .tablet-only { display: block; } .desktop-only { display: none; } .desktop-only-inline { display: none; } .mobile-tablet-only { display: block; } .mobile-desktop-only { display: none; } .tablet-desktop-only { display: block; } #header img { position: relative; z-index: 221; padding-left: 10%; padding-right: 10%; margin: auto; } .gridContainer { margin-left: auto; margin-right: auto; width: 100%; padding: 0; } #LayoutDiv1 { clear: both; float: left; margin-left: 0; width: 100%; display: block; } #mainNav { clear: both; position: fixed; top: 74px; float: left; padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; width: 100%; background: #555; background: -webkit-linear-gradient(to bottom, #484848, #666); /* For Safari 5.1 to 6.0 */ background: -o-linear-gradient(to bottom, #484848, #666); /* For Opera 11.1 to 12.0 */ background: -moz-linear-gradient(to bottom, #484848, #666); /* For Firefox 3.6 to 15 */ background: linear-gradient(to bottom, #484848, #666); /* Standard syntax */ display: block; z-index: 220; } #mainNav.mainNav-sticky { position: absolute; top: 0; } #mainNav2 { /* Galerie photos */ clear: both; float: left; position: fixed; top: 0; padding-left: 0; padding-right: 0; margin-left: 0; margin-right: 0; width: 100%; background: #555; background: rgba(100,100,100,0.80); filter: alpha(opacity=88); display: block; } #header-index { clear: both; float: left; position: relative; padding: 40px 0 20px; margin: 0 auto -20px; width: 100%; height: auto; display: block; background: #c2c2c2; z-index: 11; } #header { clear: both; position: fixed; float: left; margin-left: auto; margin-right: auto; width: 100%; height: 74px; display: block; background: #999; background: rgba(200,200,200,0.7); z-index: 11; } #header.header-sticky {position: relative; } #header2 { /* Galerie photos */ clear: both; float: left; position: fixed; margin-left: auto; margin-right: auto; width: 100%; height: 74px; display: block; } #article { clear: both; float: left; margin-left: 0; width: 100%; display: block; } #presentation1 { width: 70%; padding: 0 40px 10px 100px; } #section { clear: both; float: left; margin-left: 0; width: 100%; display: block; } .float-left { position: relative; padding: 22px 2% 1% 1%; float: left; display: block; } .float-left2 { position: relative; padding: 20px 4% 1% 1%; float: left; display: block; } .float-left3 { position: relative; padding: 25px 3% 0 1%; float: left; display: block; } .float-left-tablet-desktop { position: relative; padding: 25px 2% 1% 1%; float: left; display: block; } .float-right { position: relative; margin-right: 4px; padding: 30px 1% 10% 2%; float: right; display: block; } .float-right2 { position: relative; margin-right: 4px; padding: 0 1% 0 3%; float: right; display: block; } .float-right4 { position: relative; margin-right: 4px; padding: 3px 0 1% 2%; float: right; display: block; } .liste-mobile { padding-left: 40px; display: block; } /* Grey out background and preview image as popup */ #thumbnail img { cursor: pointer; } #large { display: none; position: absolute; background: #FFF; left: auto; padding: 10px; background-color: #333; background-color: rgba(000,000,000,0.2); z-index: 240; min-height: 200px; min-width: 200px; max-width: 100%; color: #FFF; } #large-display { display: none; } #background { display: none; position: absolute; height: 2070%; width: 100%; top: 0; left: 0; background: #000; z-index: 230; } /* Grey out background and preview image as popup fin */ /* Main home page */ #accueil-texte { clear: both; position: relative; min-width: 500px; width: 90%; height: auto; margin: 0 auto; display: block; } #accueil-texte a { color: #FFF; } #accueil-texte p { text-align: center; } .accueil-texte-gauche a { width: 40%; height: 100%; float: left; position: relative; background: #555; padding: 15px; margin: 0 10px 100px; display: block; } .accueil-texte-gauche a:hover { background: #222; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .accueil-texte-droite a { width: 40%; height: 100%; float: left; background: #555; padding: 20px 15px; position: relative; margin: 0 10px 100px; display: block; } .accueil-texte-droite a:hover { background: #222; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } /* Main home page fin */ /* Accueil */ #accueil { clear: both; float: left; padding: 0 8%; margin-top: 127px; margin-left: 0; width: 84%; display: block; } .liste-mobile2 { padding: 0 6% 0 6%; display: block; list-style-position: outside; } #contenu-mariage-ie8 { clear: both; float: left; padding: 3% 8% 0; margin-left: 0; margin-bottom: 0; width: 84%; display: block; } #contenu-corporatif-ie8 { clear: both; float: left; padding: 3% 8% 0; margin-left: 0; width: 84%; display: block; } #contenu-infographie-ie8 { clear: both; float: left; padding: 3% 8% 0; margin-left: 0; width: 84%; display: block; } .h1-section1 { clear: both; padding: 0 9% 20px; margin-left: 0; width: 84%; display: block; } .contenu-section1 { clear: both; float: left; padding-top: 3%; margin-bottom: 0px; margin-left: 0; width: 100%; display: block; } .contenu-section2 { clear: both; float: left; padding: 1% 8% 10%; margin-left: 0; width: 84%; display: block; } #contenu-apropos { clear: both; float: left; padding: 3% 8% 10%; margin-left: 0; width: 84%; display: block; } /* #contenu-apropos { clear: both; float: left; padding: 3% 8% 10%; margin-left: 0; width: 84%; display: block; background: url(../images/fond-apropos-parallax.jpg) left 0 no-repeat fixed; -webkit-background-size: cover; background-size: cover; } */ #contenu-contact { clear: both; float: left; padding: 3% 8% 5%; margin-left: 0; width: 84%; display: block; } .texte-bloc1 { padding: 2% 3% 2%; background-color: #CCC; background-color: rgba(255,255,255,0.3); display: block; } .texte-mariage-pres1 { padding: 3% 30px 3%; width: 400px; margin: 5%; background-color: #CCC; /* The Ballback */ background-color: rgba(255,255,255,0.4); display: block; } .texte-bloc2 { padding: 3% 5% 6%; background-color: #999; background-color: rgba(020,020,020,0.2); display: block; } .texte-bloc2-transp { padding: 0 3%; background-color: transparent; display: block; } .texte-bloc3 { padding: 3% 5% 5%; padding: 1% 3% 4%\9; background-color: #999; background-color: rgba(020,020,020,0.2); display: block; } .texte-corpo-pres1 { padding: 3% 30px 3%; width: 400px; margin: 5%; background-color: #CCC; /* The Ballback */ background-color: rgba(255,255,255,0.4); display: block; } .texte-bloc-entreprises { height: auto; width: 94%; margin-left: 0; margin-bottom: 40px; padding: 1% 3% 5%; background-color: #999; background-color: rgba(000,000,000,0.15); display: block; } .texte-padding1 { padding: 0 3%; } .texte-extraits-desc { padding: 10px 30px; color: #FFF; } .texte-infogr-presentation { padding: 3% 5%; background-color: #CCC; /* The Ballback */ background-color: rgba(255,255,255,0.3); display: block; } .texte-infogr-presentation1 { padding: 3% 1% 4% 3%; width: 400px; margin: 5%; background-color: #CCC; /* The Ballback */ background-color: rgba(255,255,255,0.4); display: block; } .texte-mariage-dvd { padding: 2% 3% 3%; height: auto; background-color: #999; background-color: rgba(020,020,020,0.2); display: block; } #mariage-presentation { clear: both; float: left; margin-left: 0; width: 100%; display: block; } .extrait-youtube-accueil { clear: both; width: auto; height: auto; margin: 0 auto; float: none; position: relative; padding: 10px 0 30px; } #mariage-galerie { clear: both; float: left; margin-bottom: 60px; margin-left: 0; width: 100%; display: block; } #mariage-forfaits { clear: none; float: left; line-height: 30px; margin-bottom: 60px; margin-left: 0; width: 100%; display: block; } #mariage-forfaits-mobile { clear: none; float: left; line-height: 35px; margin-left: 0; margin-bottom: 0px; width: 100%; display: none; } #mariage-extraits-video { clear: both; float: left; margin-bottom: 60px; margin-left: 0; width: 100%; display: block; } #mariage-conseils { clear: none; float: left; margin-left: 0; margin-bottom: 80px; width: 100%; display: block; } #mariage-dvd { clear: both; float: left; margin-bottom: 60px; margin-left: 0; width: 100%; display: block; } #label-etiquette { clear: both; float: left; margin-left: 0; width: 100%; display: block; } #mariage-dvd-pochette { clear: both; float: left; margin-left: 0; width: 100%; display: block; } #mariage-temoignages { clear: none; float: left; margin-bottom: 60px; margin-left: 0; width: 100%; display: block; } #mariage-acces-clients { clear: both; float: left; margin-left: 0; margin-bottom: 60px; width: 100%; display: block; } #dvd-web-B:before { display: block; content: ""; height: 120px; margin-top: -120px; } #infographie-B:before { display: block; content: ""; height: 50px; margin-top: -50px; } #label-dvd { width: 360px; height: 100px; padding: 0; margin: 0 auto; } #label-dvd img { float: left; padding: 0 2.5% 25px; width: auto; height: auto; } #pochette-dvd { min-width: 380px; width: 100%; height: 240px; margin: 0; display: block; } #pochette-dvd img { float: left; padding: 0 1% 25px; display: block; width: auto; } #mariage-B:before { display: block; content: ""; height: 25px; margin-top: -25px; } #dvd-B:before { display: block; content: ""; height: 45px; margin-top: -45px; } #acces-B:before { display: block; content: ""; height: 45px; margin-top: -45px; } #corporatif-B:before { display: block; content: ""; height: 25px; margin-top: -25px; } #dvd-web-B:before { display: block; content: ""; height: 45px; margin-top: -45px; } #infographie-B:before { display: block; content: ""; height: 0; margin: 0; } #a_propos-B:before { display: block; content: ""; height: 25px; margin-top: -25px; } #biographie-B:before { display: block; content: ""; height: 25px; margin-top: -25px; } #contact-B:before { display: block; content: ""; height: 25px; margin-top: -25px; } #corpo-presentation { clear: both; float: left; margin-left: 0; width: 100%; display: block; } #corpo-videos-entreprises { clear: both; float: left; margin-left: 0; width: 100%; display: block; } #corpo-seances { clear: both; float: left; margin-left: 0; margin-bottom: 60px; width: 100%; display: block; } #corpo-extraits-video { clear: both; float: left; margin-left: 0; margin-bottom: 90px; width: 100%; display: block; } #corpo-dvd { clear: both; float: left; margin-left: 0; margin-bottom: 60px; width: 100%; display: block; } #corpo-duplication { clear: both; float: left; margin-left: 0; width: 100%; display: block; } .column-left1 { width: 49%; height: 100%; padding-left: 0; float: left; display: block; } .column-right1 { width: 46%; padding: 0 1% 0 1%; height: 100%; float: left; display: block; } #infogr-presentation { clear: both; float: left; margin-left: 0; margin-bottom: 40px; width: 100%; display: block; } #infogr-presentation-cover { -webkit-background-size: cover; background-size: cover; clear: both; float: left; margin-left: 0; margin-bottom: 30px; width: 100%; display: block; } #infogr-galerie { clear: both; float: left; margin-left: 0; margin-bottom: 40px; width: 100%; display: block; } #infogr-cartes { clear: both; float: left; margin-left: 0; margin-bottom: 60px; width: 100%; display: block; } #infogr-cartes-mobile { clear: both; float: left; margin-left: 0; margin-bottom: 40px; width: 100%; display: none; } #infogr-galerie-photos { clear: none; float: left; margin-left: 2.5641%; margin-bottom: 60px; width: 100%; display: block; } .infographie-image1 { padding: 2%; } #a_propos-presentation { clear: both; float: left; margin-left: 0; margin-bottom: 40px; width: 100%; display: block; } #a_propos-bio { clear: both; float: left; margin-left: 0; margin-bottom: 20px; width: 100%; display: block; } #a_propos-equipement { clear: both; float: left; margin-left: 0; margin-bottom: 10px; width: 100%; display: block; } #a_propos-realisations { clear: both; float: left; margin-left: 0; margin-bottom: 60px; width: 100%; display: block; } #a_propos-liens { clear: both; float: left; margin-left: 0; margin-bottom: 60px; width: 100%; display: none; } #contact-presentation { clear: both; float: left; margin-left: 0; width: 100%; display: block; } #contact-contact { clear: both; float: left; margin-left: 1%; width: 98%; display: block; background-color: #999; background-color: rgba(000,000,000,0.2); } #contact-contact01 { clear: both; float: left; margin: 3% 5% 10px; width: 90%; display: block; } #contact-contact02 { clear: both; float: left; margin: 5%; width: 90%; display: block; } /* Accueil fin */ /* Forfaits mariage */ #forfaits-photos { clear: both; float: left; padding-bottom: 50px; margin-top: 0; margin-left: 0; width: 100%; display: block; } #forfaits-video { clear: both; float: left; padding-bottom: 50px; margin-top: 0; margin-left: 0; width: 100%; display: block; } #livre-photo { clear: both; float: left; padding-bottom: 50px; margin-top: 0; margin-left: 0; width: 100%; display: block; } /* Forfaits mariage fin */ /* Autres pages */ #autre-page1 { clear: both; float: left; padding: 0 8% 0; margin-top: 53px; margin-left: 0; width: 84%; display: block; } #autre-page2 { clear: both; float: left; padding: 0 8% 0; margin-top: 53px; margin-left: 0; width: 84%; display: block; } .image-temoignage-gauche { position: relative; padding: 20px 3% 0 1%; margin-bottom: 30px; float: left; display: block; } .image-temoignage-droite { position: relative; margin-right: 4px; padding: 20px 0 0 3%; float: right; display: block; } table { width: 100%; margin: 0 auto; font-size: 90%; } table, th, td { border: 0; } table.table2 { width: 70%; margin-left: 4%; } table.table2b { width: 73%; margin-left: 4%; } th, td { padding: 4px; text-align: center; } td.td1, th.td1 { text-align: left; } #page-galerie { clear: both; float: left; margin-left: 0; width: 100%; display: block; } #page-extraits-video { clear: both; float: left; padding: 0 5% 0; margin-top: 53px; margin-left: 0; min-width: 600px; width: 90%; display: block; } .extrait-youtube1 { width: auto; height: auto; margin: 0 auto; float: none; background: #111; position: relative; padding: 10px 50px 30px; } #page-index { clear: both; float: left; padding: 0 8% 0; margin-top: 10px; margin-left: 0; width: 84%; display: block; } /* Autres pages fin */ /* Footer */ footer { clear: both; float: left; margin-left: 0; width: 100%; display: block; } #footer-nav { min-width: 480px; width: 60%; padding: 0 30px; margin: 0 auto 30px; display: block; text-align: left; } #footer-nav ul li { list-style-type: none; } #footer-nav .column-left { width: 25%; float: left; margin-bottom: 15px; } /* Footer fin */ } /* Desktop Layout: 1000px and over ... Inherits styles from: Mobile Layout and Tablet Layout. */ @media only screen and (min-width: 1000px) { .mobile-only { display: none; } .tablet-only { display: none; } .desktop-only { display: block; } .desktop-only-inline { display: inline-block; } .mobile-tablet-only { display: none; } .mobile-desktop-only { display: block; } .tablet-desktop-only { display: block; } .gridContainer { margin-left: auto; margin-right: auto; width: 100%; padding: 0; } #LayoutDiv1 { clear: both; float: left; margin-left: 0; width: 100%; display: block; } #mainNav { clear: both; position: fixed; top: 74px; float: left; padding-left: 0; padding-right: 0; margin-left: 0; width: 100%; display: block; z-index: 220; } #mainNav.mainNav-sticky { position: absolute; top: 0; } #mainNav2 { /* Galerie photos */ clear: both; position: fixed; top: 0; float: left; padding-left: 0; padding-right: 0; margin-left: 0; width: 100%; display: block; z-index: 190; } #header-index { clear: both; float: left; position: relative; padding-top: 65px; margin: 0 auto 10px; width: 100%; height: auto; display: block; background-color: #c2c2c2; z-index: 11; } #header { clear: both; position: fixed; float: left; margin-left: auto; margin-right: auto; width: 100%; height: 74px; display: block; background: #CCC; background: rgba(200,200,200,0.7); z-index: 11; } #header.header-sticky { position: relative; } #header2 { /* Galerie photos */ clear: both; float: left; position: fixed; margin-left: auto; margin-right: auto; width: 100%; height: 74px; display: block; } #article { clear: both; float: left; margin-left: 0; width: 100%; display: block; } #presentation1 { width: 60%; padding: 0 40px 10px 150px; } #section { clear: both; float: left; margin-left: auto; margin-right: auto; width: 100%; display: block; } footer { clear: both; float: left; margin-left: 0; width: 100%; display: block; } .float-left { position: relative; padding: 30px 2% 1% 1%; float: left; display: block; } .float-left2 { position: relative; padding: 20px 3.5% 1% 1%; float: left; display: block; } .float-left-tablet-desktop { position: relative; padding: 25px 2% 1% 1%; float: left; display: block; } .float-right { position: relative; margin-right: 4px; padding: 30px 1% 10% 2%; float: right; display: block; } .float-right2 { position: relative; margin-right: 4px; padding: 0 1% 0 3%; float: right; display: block; } .liste-mobile { padding-left: 40px; display: block; } /* Grey out background and preview image as popup */ #thumbnail img { cursor: pointer; } #large { display: none; position: absolute; background: #FFF; padding: 10px; background-color: #333; background-color: rgba(000,000,000,0.2); z-index: 240; min-height: 200px; min-width: 200px; max-width: 100%; color: #FFF; } #large-display { display: none; } #background { display: none; position: absolute; height: 1700%; width: 100%; top: 0; left: 0; background: #000; z-index: 230; } /* Grey out background and preview image as popup fin */ /* Main home page */ #accueil-texte { clear: both; position: relative; width: 800px; height: auto; margin: 0 auto; display: block; } #accueil-texte a { color: #FFF; } #accueil-texte p { text-align: center; } .accueil-texte-gauche a { width: 340px; height: 270px; float: left; position: relative; background: #555; padding: 20px; margin: 0 10px 100px; display: block; } .accueil-texte-gauche a:hover { background: #222; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } .accueil-texte-droite a { width: 340px; height: 250px; float: left; background: #555; padding: 40px 20px 20px; position: relative; margin: 0 10px 100px; display: block; } .accueil-texte-droite a:hover { background: #222; -webkit-transition: all 0.3s ease-in-out; -moz-transition: all 0.3s ease-in-out; -o-transition: all 0.3s ease-in-out; transition: all 0.3s ease-in-out; } /* Main home page fin */ /* Accueil */ #accueil { clear: both; float: left; padding: 0 10%; margin-top: 127px; margin-left: 0; width: 80%; display: block; } #contenu-mariage-ie8 { clear: both; float: left; padding: 3% 10% 0; margin-left: 0; width: 80%; display: block; } #contenu-corporatif-ie8 { clear: both; float: left; padding: 3% 10% 0; margin-left: 0; width: 80%; display: block; } #contenu-infographie-ie8 { clear: both; float: left; padding: 3% 10% 0; margin-left: 0; width: 80%; display: block; } .h1-section1 { clear: both; padding: 0 10% 20px; margin-left: 0; width: 80%; display: block; } .contenu-section1 { clear: both; float: left; padding-top: 3%; margin-bottom: 0px; margin-left: 0; width: 100%; display: block; } .contenu-section2 { clear: both; float: left; padding: 1% 10% 10%; margin-left: 0; width: 80%; display: block; } #contenu-apropos { clear: both; float: left; padding: 3% 10% 10%; margin-left: 0; width: 80%; display: block; } /* #contenu-apropos { clear: both; float: left; padding: 3% 10% 10%; margin-left: 0; width: 80%; display: block; background: url(../images/fond-apropos-parallax.jpg) left 0 no-repeat fixed; -webkit-background-size: cover; background-size: cover; } */ #contenu-contact { clear: both; float: left; padding: 3% 10% 4%; margin-left: 0; width: 80%; display: block; } .texte-bloc1 { padding: 2% 3% 2%; padding: 2% 3% 0%\9; background-color: #CCC; background-color: rgba(255,255,255,0.3); display: block; } .texte-mariage-pres1 { padding: 2.5% 60px; width: 40%; max-width: 500px; margin: 2% 0 2% 8%; background-color: #CCC; /* The Ballback */ background-color: rgba(255,255,255,0.4); display: block; } .texte-bloc2 { padding: 3% 5% 6%; padding: 4% 5% 4%\9; background-color: #999; background-color: rgba(020,020,020,0.2); display: block; } .texte-bloc2-transp { padding: 0 3% 0; background-color: transparent; display: block; } .texte-bloc3 { padding: 3% 5% 5%; padding: 3% 5% 4%\9; background-color: #999; background-color: rgba(020,020,020,0.2); display: block; } .texte-corpo-pres1 { padding: 2.5% 60px; width: 40%; max-width: 500px; margin: 2% 0 2% 8%; background-color: #CCC; /* The Ballback */ background-color: rgba(255,255,255,0.4); display: block; } .texte-bloc-entreprises { height: auto; width: 94%; margin-left: 0; margin-bottom: 40px; padding: 1% 3% 5%; background-color: #999; background-color: rgba(000,000,000,0.15); display: block; } .texte-padding1 { padding: 0 2%; } .texte-infogr-presentation { padding: 3% 5%; width: 620px; background-color: #CCC; /* The Ballback */ background-color: rgba(255,255,255,0.3); display: block; } .texte-infogr-presentation1 { padding: 3% 3% 4%; width: 400px; margin: 2% 0 2% 8%; background-color: #CCC; /* The Ballback */ background-color: rgba(255,255,255,0.4); display: block; } .texte-mariage-dvd { padding: 2% 3% 4%; padding: 1% 3% 2%\9; height: auto; background-color: #999; background-color: rgba(020,020,020,0.2); display: block; } #mariage-presentation { clear: both; float: left; margin-left: 0; width: 49.1525%; display: block; } .extrait-youtube-accueil { clear: none; float: left; padding: 0 3% 5%; margin-left: 1.6949%; margin-bottom: 0; width: 40.6779%; display: block; } #mariage-galerie { clear: both; float: left; margin-left: 0; margin-bottom: 0; width: 49.1525%; display: block; } #mariage-forfaits { clear: none; float: left; padding: 0 3% 10%; margin-left: 1.6949%; margin-bottom: 0; width: 40.6779%; display: block; } #mariage-forfaits-mobile { clear: none; float: left; line-height: 35px; margin-left: 0; margin-bottom: 0; width: 100%; display: none; } #mariage-extraits-video { clear: both; float: left; padding-bottom: 80px; margin-left: 0; margin-bottom: 0; width: 49.1525%; display: block; } #mariage-conseils { clear: none; float: left; padding: 0 3% 4%; margin-left: 1.6949%; margin-bottom: 0; width: 40.6779%; display: block; } #mariage-dvd { clear: both; float: left; padding-bottom: 60px; margin-bottom: 0; margin-left: 0; width: 95%; display: block; } #label-etiquette { clear: both; float: left; padding-right: 1%; margin-left: 0; width: 46.1525%; display: block; } #mariage-dvd-pochette { clear: none; float: left; margin-left: 1.6949%; width: 49%; display: block; } #mariage-temoignages { clear: both; float: left; margin-left: 0; margin-bottom: 0; width: 49.1525%; display: block; } #mariage-acces-clients { clear: none; float: left; padding: 0 3% 4%; margin-left: 1.6949%; margin-bottom: 0; width: 40.6779%; display: block; } #label-dvd { width: 360px; height: 100px; margin: 0 auto; padding: 0; } #label-dvd img { float: left; padding: 0 1.5% 25px; width: auto; height: auto; } #pochette-dvd { min-width: 380px; width: 100%; height: 240px; display: block; } #pochette-dvd img { float: left; padding: 0 1% 25px; width: auto; height: auto; } #corpo-presentation { clear: both; float: left; margin-left: 0; width: 49.1525%; display: block; } #corpo-videos-entreprises { clear: both; float: left; margin-left: 0; width: 66.1016%; display: block; } #corpo-seances { clear: both; float: left; margin-left: 0; margin-bottom: 90px; width: 49.1525%; display: block; } #corpo-extraits-video { clear: none; float: left; padding: 0 3% 4%; margin-left: 1.6949%; margin-bottom: 0; width: 40.6779%; display: block; } #corpo-dvd { clear: both; float: left; margin-left: 0; width: 49.1525%; display: block; } #corpo-duplication { clear: none; float: left; padding: 0 3% 3%; margin-left: 1.6949%; margin-bottom: 0; width: 40.6779%; display: block; } .column-left1 { width: 50%; height: 100%; padding-left: 0; float: left; display: block; } .column-right1 { width: 46%; padding: 0 1% 0 1%; height: 100%; float: left; display: block; } #infogr-presentation { clear: both; float: left; margin-left: 0; margin-bottom: 60px; width: 100%; display: block; } #infogr-galerie { clear: both; float: left; margin-left: 0; margin-bottom: 60px; width: 100%; display: block; } #infogr-cartes { clear: both; float: left; margin-left: 0; margin-bottom: 80px; width: 100%; display: block; } #infogr-cartes-mobile { clear: both; float: left; margin-left: 0; margin-bottom: 40px; width: 100%; display: none; } #infogr-galerie-photos { clear: both; float: left; margin-left: 1.6949%; margin-bottom: 80px; width: 100%; height: 300px; display: block; } .infographie-image1 { padding: 2%; } #a_propos-presentation { clear: both; float: left; margin-left: 0; margin-bottom: 40px; width: 100%; display: block; } #a_propos-bio { clear: both; float: left; margin-left: 0; margin-bottom: 20px; width: 100%; display: block; } #a_propos-equipement { clear: both; float: left; margin-left: 0; margin-bottom: 10px; width: 100%; display: block; } #a_propos-realisations { clear: both; float: left; margin-left: 0; margin-bottom: 80px; width: 100%; display: block; } #a_propos-liens { clear: both; float: left; margin-left: 0; margin-bottom: 80px; width: 100%; display: none; } #contact-presentation { clear: both; float: left; margin-left: 0; width: 100%; display: block; } #contact-contact { clear: both; float: left; padding-bottom: 50px; margin-left: 1%; width: 98%; display: block; background-color: #999; background-color: rgba(000,000,000,0.2); } #contact-contact01 { clear: both; float: left; margin: 3% 2% 10px 10%; width: 40.6779%; display: block; } #contact-contact02 { clear: none; float: left; margin: 5% 0; margin-left: 1.6949%; width: 40.6779%; display: block; } /* Accueil fin */ /* Forfaits mariage */ #forfaits-photos { clear: both; float: left; padding: 0 7.5% 50px; margin-top: 0px; margin-left: 0; width: 85%; display: block; } #forfaits-video { clear: both; float: left; padding: 0 7.5% 50px; margin-top: 0px; margin-left: 0; width: 85%; display: block; } #livre-photo { clear: both; float: left; padding: 0 7.5% 50px; margin-top: 0px; margin-left: 0; width: 85%; display: block; } /* Forfaits mariage fin */ /* Autre pages */ #autre-page1 { clear: both; float: left; padding: 0 15% 0; margin-top: 53px; margin-left: 0; width: 70%; display: block; } #autre-page2 { clear: both; float: left; padding: 0 20% 0; margin-top: 53px; margin-left: 0; width: 60%; display: block; } table { width: 92%; margin: 0 auto; font-size: 100%; } table, th, td { border: 0; } table.table2 { width: 52%; margin-left: 4%; } table.table2b { width: 53%; margin-left: 4%; } th, td { padding: 4px; text-align: center; } td.td1, th.td1 { text-align: left; } #page-galerie { clear: both; float: left; margin-left: 0; width: 100%; display: block; } #page-extraits-video { clear: both; float: left; padding: 0 4% 0; margin-top: 53px; margin-left: 0; width: 92%; display: block; } .extrait-youtube1 { width: 44%; height: 100%; margin: 0 auto; float: left; background: #111; position: relative; padding: 10px 2.5% 30px; } #page-index { clear: both; float: left; padding: 0; margin-top: 0; margin-left: 0; width: 100%; display: block; } /* Autres pages fin */ }