{#
/**
 * @file
 * Bartik's theme implementation to display a node.
 *
 * Available variables:
 * - node: The node entity with limited access to object properties and methods.
 *   Only method names starting with "get", "has", or "is" and a few common
 *   methods such as "id", "label", and "bundle" are available. For example:
 *   - node.getCreatedTime() will return the node creation timestamp.
 *   - node.hasField('field_example') returns TRUE if the node bundle includes
 *     field_example. (This does not indicate the presence of a value in this
 *     field.)
 *   - node.isPublished() will return whether the node is published or not.
 *   Calling other methods, such as node.delete(), will result in an exception.
 *   See \Drupal\node\Entity\Node for a full list of public properties and
 *   methods for the node object.
 * - label: The title of the node.
 * - content: All node items. Use {{ content }} to print them all,
 *   or print a subset such as {{ content.field_example }}. Use
 *   {{ content|without('field_example') }} to temporarily suppress the printing
 *   of a given child element.
 * - author_picture: The node author user entity, rendered using the "compact"
 *   view mode.
 * - metadata: Metadata for this node.
 * - date: Themed creation date field.
 * - author_name: Themed author name field.
 * - url: Direct URL of the current node.
 * - display_submitted: Whether submission information should be displayed.
 * - attributes: HTML attributes for the containing element.
 *   The attributes.class element may contain one or more of the following
 *   classes:
 *   - node: The current template type (also known as a "theming hook").
 *   - node--type-[type]: The current node type. For example, if the node is an
 *     "Article" it would result in "node--type-article". Note that the machine
 *     name will often be in a short form of the human readable label.
 *   - node--view-mode-[view_mode]: The View Mode of the node; for example, a
 *     teaser would result in: "node--view-mode-teaser", and
 *     full: "node--view-mode-full".
 *   The following are controlled through the node publishing options.
 *   - node--promoted: Appears on nodes promoted to the front page.
 *   - node--sticky: Appears on nodes ordered above other non-sticky nodes in
 *     teaser listings.
 *   - node--unpublished: Appears on unpublished nodes visible only to site
 *     admins.
 * - title_attributes: Same as attributes, except applied to the main title
 *   tag that appears in the template.
 * - content_attributes: Same as attributes, except applied to the main
 *   content tag that appears in the template.
 * - author_attributes: Same as attributes, except applied to the author of
 *   the node tag that appears in the template.
 * - title_prefix: Additional output populated by modules, intended to be
 *   displayed in front of the main title tag that appears in the template.
 * - title_suffix: Additional output populated by modules, intended to be
 *   displayed after the main title tag that appears in the template.
 * - view_mode: View mode; for example, "teaser" or "full".
 * - teaser: Flag for the teaser state. Will be true if view_mode is 'teaser'.
 * - page: Flag for the full page state. Will be true if view_mode is 'full'.
 * - readmore: Flag for more state. Will be true if the teaser content of the
 *   node cannot hold the main body content.
 * - logged_in: Flag for authenticated user status. Will be true when the
 *   current user is a logged-in member.
 * - is_admin: Flag for admin user status. Will be true when the current user
 *   is an administrator.
 *
 * @see template_preprocess_node()
 */
#}
{%
  set classes = [
    'node',
    'node--type-' ~ node.bundle|clean_class,
    node.isPromoted() ? 'node--promoted',
    node.isSticky() ? 'node--sticky',
    not node.isPublished() ? 'node--unpublished',
    view_mode ? 'node--view-mode-' ~ view_mode|clean_class,
    'clearfix',
  ]
%}
{{ attach_library('classy/node') }}
<article{{ attributes.addClass(classes) }}>
	<header>
	    {{ title_prefix }}
	    {% if not page %}
	      <h2{{ title_attributes.addClass('node__title') }}>
	        <a href="{{ url }}" rel="bookmark">{{ label }}</a>
	      </h2>
	    {% endif %}
	    {{ title_suffix }}
	    {% if display_submitted %}
	      <div class="node__meta">
	        {{ author_picture }}
	        <span{{ author_attributes }}>
	          {% trans %}Submitted by {{ author_name }} on {{ date }}{% endtrans %}
	        </span>
	        {{ metadata }}
	      </div>
	    {% endif %}
	</header>
  	<div{{ content_attributes.addClass('node__content', 'clearfix') }}>
		<section id="overview">
			<div id="scroll-page" style="transform: translate3d(0px, 0px, 0px);">

				<!-- Section de la Slider -->
				<section class="CommonCover-slide">
					<div class="CommonCover-wrapper-slide">
						<div class="CommonCover-image SlideCover-maison" >
						</div>	
						<div class="CommonCover-content">
							<div class="CommonCover-text-slide">
								<div class="OuterContainer">
									<h1 class="Title Title--pink js-title">
	              					La Maison
	           						</h1>
	           						<div class="offset-md-2">
	           							<p class="Pretitle Pretitle--white Pretitle--indent js-pretitle" >Maison Thomas, c'est avant tout une histoire de famille. Une passion de la joaillerie qui se transmet de génération en génération.</p>
	           						</div>
								</div>
							</div>
						</div>
					</div>
				</section>

				<!-- Section présentation Maison -->
				<section class="CommonSubcover js-commonSubcover">
					<div class="OuterContainer">
						<div class="CommonSubcover-content div-img">
							<div class="CommonSubcover-img">
								<div class="ImageWrapper">
									<div class="Image">
										<div  data-aos="fade-down" data-aos="fade" data-aos-duration="1500" data-aos-easing="ease-in" class="loaded" >
	                						<img src="themes/diamantairestyle/assets/img/img-31.png" alt="Bijoueterie Maison Thomas situé au centre ville d'angers, place sainte croix" class="visible">
	              						</div>
									</div>
								</div>
							</div>
						</div>	
						<div class="CommonSubcover-content div-text">
							<div class="CommonSubcover-texts">
								<div class="col-lg-12">
									<div class="row maison-icon">
										<img src="themes/diamantairestyle/assets/img/img-33.png" alt="jade" >
									</div>
										<div class="top-left-pink" data-aos="example-anim3"></div>
										<div class="top-right-pink" data-aos="example-anim3"></div>
									<div class="row">
										<div class="col-md-1"></div>
										<div class="col-md-10">
										<h2 class="TitleSecond">Notre<br />histoire</h2>
										</div>
										<div class="col-md-1"></div>
									</div>
									<div class="offset-md-2 col-md-10">
										<p class="Text">Depuis 1899, quatre générations de joailliers, bijoutiers et horlogers, animées par la même passion du bijou et des belles pierres, se transmettent un savoir-faire familial unique.</p>
									</div>
										<div class="bottom-left-pink" data-aos="example-anim3"></div>
										<div class="bottom-right-pink" data-aos="example-anim3"></div>
								</div>	
							</div>
						</div>
					</div>
				</section>

				<!-- Section Gallerie boutique -->	
				<section class="boutique">
					<div class="container">
						<div class="row">
							<div class="col-lg-12">
								<img src="themes/diamantairestyle/assets/img/img-42-new.png" alt="joaillier angers">
							</div>
						</div>
						<div class="row">
							<div class="offset-lg-2 col-lg-4 col-maison">
									<div class="top-left-pink tld" data-aos="example-anim3"></div>
									<div class="top-right-pink trd" data-aos="example-anim3"></div>
								<div class="row">
									<div class="col-md-1"></div>
									<div class="col-md-10">
										<h2 class="TitleSecond">1899 - 1965</h2>
									</div>
									<div class="col-md-1"></div>
									</div>
								<div class="offset-lg-2 col-lg-8">
									<p class="Text">Étienne Thomas, ouvre sa bijouterie horlogerie à L'Hermenault en Vendée (85). Gabriel son fils, prend la suite de son père, perpétuant ainsi la tradition de la famille Thomas. (Photo ci dessus: Portrait de Gabriel Thomas. Photo à droite: Gabriel et Jeanne Thomas devant leur boutique à L'Hermenault en 1950).</p>
								</div>
									<div class="bottom-left-pink bld" data-aos="example-anim3"></div>
									<div class="bottom-right-pink brd" data-aos="example-anim3"></div>
							</div>
						</div>
						<div class="row">
							<div class="col-lg-12">
								<img src="themes/diamantairestyle/assets/img/img-43.png" alt="diamantaire saumur">
							</div>
						</div>
						<div class="row">
							<div class="offset-lg-6 col-lg-4 col-maison">
									<div class="top-left-pink tld" data-aos="example-anim3"></div>
									<div class="top-right-pink trd" data-aos="example-anim3"></div>
								<div class="row">
									<div class="col-md-1"></div>
									<div class="col-md-10">
										<h2 class="TitleSecond">1963</h2>
									</div>
									<div class="col-md-1"></div>
								</div>
								<div class="offset-lg-2 col-lg-8">
									<p class="Text">Michel Thomas, le fils de Gabriel, ouvre à son tour sa propre bijouterie à Longué (49). Xavier, son fils, grandira dans l'ambiance de cette boutique accueillante.(Photo de gauche Michel, sa femme et son fils Xavier devant leur boutique à Longué. Photo de droite: portrait de Michel Thomas).</p>
								</div>
									<div class="bottom-left-pink bld" data-aos="example-anim3"></div>
									<div class="bottom-right-pink brd" data-aos="example-anim3"></div>
							</div>
						</div>
						<div class="row">
							<div class="col-lg-12">
								<img src="themes/diamantairestyle/assets/img/img-44.png" alt="bijouterie maine et loire, bijoux personnalisés">
							</div>
						</div>
						<div class="row">
							<div class="offset-lg-2 col-lg-4 col-maison">
									<div class="top-left-pink tld" data-aos="example-anim3"></div>
									<div class="top-right-pink trd" data-aos="example-anim3"></div>
								<div class="row">
									<div class="col-md-1"></div>
									<div class="col-md-10">
										<h2 class="TitleSecond">1991 et 2002</h2>
									</div>
									<div class="col-md-1"></div>
									</div>
								<div class="offset-lg-2 col-lg-8">
									<p class="Text">Xavier Thomas reprend l'affaire de son père à Longué avant d'ouvrir sa propre bijouterie joaillerie à Saumur en 2002. (Photo de gauche: bijouterie à Longué en 1991. Photo de droite: bijouterie à Saumur en 2002).</p>
								</div>
									<div class="bottom-left-pink bld" data-aos="example-anim3"></div>
									<div class="bottom-right-pink brd" data-aos="example-anim3"></div>
							</div>
						</div>
						<div class="row">
							<div class="col-lg-12">
								<img src="themes/diamantairestyle/assets/img/img-45.png" alt="créations et transformations de bijoux diamant sur mesure, grand choix de diamants certifiés en provenance directe de la taillerie, estimation sur rendez-vous">
							</div>
						</div>
						<div class="row">
							<div class="offset-lg-6 col-lg-4 col-maison">
									<div class="top-left-pink tld" data-aos="example-anim3"></div>
									<div class="top-right-pink trd" data-aos="example-anim3"></div>
								<div class="row">
									<div class="col-md-1"></div>
									<div class="col-md-10">
										<h2 class="TitleSecond">2018</h2>
									</div>
									<div class="col-md-1"></div>
								</div>
								<div class="offset-lg-2 col-lg-8">
									<p class="Text">Maison Thomas voit le jour à Angers. Xavier et Denise Thomas se spécialisent dans le diamant et lui dédient un espace de création unique au 21 Place Sainte Croix.</p>
								</div>
									<div class="bottom-left-pink bld" data-aos="example-anim3"></div>
									<div class="bottom-right-pink brd" data-aos="example-anim3"></div>
							</div>
						</div>
					</div>
				</section>
    {{ content }}
  	</div>
 	
				<!-- Section Decouvrir page suivante -->
				<section class="CommonCover CommonCover--push js-commonCover1" data-push="">
                        <div class="CommonCover-wrapper img-page-suivante img-page-atelier">
                                <a href="/atelier">
                                    <div class="div-ecart-page-suivante">
                                        <h2 class="Pretitle Pretitle--white Pretitle--indent js-pretitle">Découvrez</h2>
                                        <h1 class="Title Title--white js-title">
                                          Notre atelier 
                                        </h1>
                                    </div>
                                </a>
                        </div>
                    </section>

				<!-- Section présentation Footer -->
				<section class="CommonFooter">

					<div class="OuterContainer">
					    <div class="CommonFooter-content">

						    <div class="CommonFooter-logo Icon">
						          <img src="themes/diamantairestyle/assets/img/logo.png" alt="Maison Thomas diamantaire">
						    </div>

					    </div>
					    <div class="CommonFooter-content">
						    <ul class="CommonFooter-addressList">
						        
						        <li class="CommonFooter-address" data-lazy-show="true" data-lazy-anim="fade">
						            <address class="Title--white">21 place sainte croix <br>49100 Angers<br> France</address>
						            <p class="Title--white">contact@maisonthomasdiamantaire.fr<br/>
						            02 41 24 72 69</p>
						        </li>
						        
						        
						    </ul>
					    </div>
					</div>

					<div class="CommonFooter-bottom">

					    <ul class="CommonFooter-nav">
					        <li>
					          <a href="/mentions-legales" class="parsed">Mentions légales</a>
					        </li>
					      
					    </ul>

					    <a class="CommonFooter-copyright parsed" href="http://www.morganview.fr/" target="_blank" rel="noopener">
					    MorganView2019
					    </a>
					</div>
				</section>
			<section id="fixedTop">
				<section class="CommonHeader js-commonHeader">
					<div class="CommonHeader-main js-main">
			    		<div class="OuterContainer">

						    <a href="/" class="CommonHeader-logo Icon parsed">
						       <img src="themes/diamantairestyle/assets/img/logo.png">
						    </a>

						    <button id="trigger-overlay" class="CommonHeader-burger js-burger" type="button">
						        <span class="CommonHeader-burgerStroke CommonHeader-burgerStroke--top CommonHeader-burgerStroke--out"></span>
						        <span class="CommonHeader-burgerStroke CommonHeader-burgerStroke--top CommonHeader-burgerStroke--in"></span>
						        <span class="CommonHeader-burgerStroke CommonHeader-burgerStroke--bottom CommonHeader-burgerStroke--out"></span>
						        <span class="CommonHeader-burgerStroke CommonHeader-burgerStroke--bottom CommonHeader-burgerStroke--in"></span>
						    </button>
						</div>
						<div class="overlay overlay-door"><!-- effet ici -->
							<button type="button" class="overlay-close">Close</button>
							<nav>
								<ul>
									<li><a href="/"><img src="themes/diamantairestyle/assets/img/logo.png" alt="diamant 3C"></a></li>
									<li><a href="/maison">La maison</a></li>
									<li><a href="/atelier">L'atelier</a></li>
									<li><a href="/diamant">Le diamant</a></li>
									<li><a href="/nos-realisations">Nos realisations</a></li>
									<li><a href="/sur-mesure">Le sur-mesure</a></li>
										<li><a href="/recherche-achat-diamant">Recherche & Achat diamant</a></li>	
									<li><a href="/contact">Contact</a></li>
								</ul>
							</nav>
						</div>
		    		</div>
				</section>
			</section>
		</section>
	</div>
</article>