/* Auteur du developpement sur-mesure pour Virginie Lancon : Herve Augoyat - https://www.ah-book.com 
Copie ou modification interdite sans accord ecrit de l'auteur */

#load {display: none}
.H #load {display:block; width:50px; height:auto; /*height:12.5px*/ position:fixed; z-index:1001; top:50%; margin-top:-6px; left:50%; margin-left:-25px;}

html {font-size: 100%; height:100%; width:100%; -webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;overscroll-behavior: none;
position: relative}

@font-face {font-family:'MonaSans';font-style: normal;font-weight: 400;
  src: url('../Fontes/mona-sans-400.eot'); 
  src: local(''),
       url('../Fontes/mona-sans-400.eot?#iefix') format('embedded-opentype'),
	   url('../Fontes/mona-sans-400.woff2') format('woff2'), 
       url('../Fontes/mona-sans-400.woff') format('woff'), 
       url('../Fontes/mona-sans-400.ttf') format('truetype'); }

@font-face {font-family:'MonaSans';font-style: normal;font-weight: 500;
  src: url('../Fontes/mona-sans-500.eot'); 
  src: local(''),
       url('../Fontes/mona-sans-500.eot?#iefix') format('embedded-opentype'),
	   url('../Fontes/mona-sans-500.woff2') format('woff2'), 
       url('../Fontes/mona-sans-500.woff') format('woff'), 
       url('../Fontes/mona-sans-500.ttf') format('truetype'); }

body {font-size: 1em; color:#000; font-family:'MonaSans', sans-serif; margin:0; font-weight:400; height:100%; width:100%; position:relative; background-color:#fff; 
-webkit-user-select: none; -moz-user-select: none;  -khtml-user-select: none; -ms-user-select: none; font-variant-ligatures: no-common-ligatures;}


#pageComplete, .navigation, #btmenu, .droits, .popup, .header {font-size: 1.5em;} 
#btmenu .rond { width:36px; height:36px; margin-top: -19px;}
#btmenu #btmT {padding-right:36px}
.popup {left:50%; margin-left:-15%; width:30%} 
@media screen and (max-width: 2700px) {
	#pageComplete, .navigation, #btmenu, .droits, .popup, .header {font-size: 1.4em;} 
	#btmenu .rond { width:33px; height:33px; margin-top: -18px;}
	#btmenu #btmT {padding-right:33px}
}
@media screen and (max-width: 2500px) {
	#pageComplete, .navigation, #btmenu, .droits, .popup, .header {font-size: 1.3em;} 
	#btmenu .rond { width:30px; height:30px; margin-top: -15px;}
	#btmenu #btmT {padding-right:30px}
}
@media screen and (max-width: 2300px) {  
	#pageComplete, .navigation, #btmenu, .droits, .popup, .header {font-size: 1.2em}
	#btmenu .rond { width:28px; height:28px; margin-top: -14px;}
	#btmenu #btmT {padding-right:28px}
}
@media screen and (max-width: 2100px) {  
	#pageComplete, .navigation, #btmenu, .droits, .popup, .header {font-size: 1.1em}  
	#btmenu .rond { width:26px; height:26px; margin-top: -13px;}
	#btmenu #btmT {padding-right:26px}
}
@media screen and (max-width: 1950px) {  
	#pageComplete, .navigation, #btmenu, .droits, .popup, .header {font-size: 1em}  
	#btmenu .rond { width:24px; height:24px; margin-top: -13px;}
	#btmenu #btmT {padding-right:24px}
	.popup {left:50%; margin-left: -300px; width: 600px}
}

* { outline: none;}
.ret {clear:both; width:0; height:0; line-height:0; margin:0; padding:0; float:none}
img {display:block}
a img {border:none}
a {outline:none; border:none; text-decoration:none}
ul, li {margin:0; padding:0; list-style:none}
h1, h2, h3, h4, h5 {padding:0; margin:0; font-size:1em; font-weight:normal; }
sup {font-size: 0.4em; line-height: 1em}
svg {width: 100%; height: 100%; display: block}
/*::-moz-selection, ::selection { background:#ffde59}*/
#testeur {position:fixed; z-index:9999; bottom:0; left:0; padding:0.5em; font-size:1em; letter-spacing:0.1em; display:inline-block; font-family: sans-serif; color:#FFF; opacity:0.4; background-color: #000000; display:none}

#MOB {display:none}
#MOB2 {display:none} 
#MOB3 {display:none}

.calExt{} .cal {position: absolute; top:0; left:0; width: 100%}
.H .cal {width: auto; height: auto}
.calExt2{} .cal2 {position: absolute; top:0; left:0; width: 100%}
.H .cal2 {width: auto; height: auto}

.brmobo {display:block}
.Texteselect {-webkit-user-select:text; -moz-user-select:text;  -khtml-user-select:text; -ms-user-select:text}

.H .ano0 {visibility: hidden}
.H .anSY0, .H .anSY0 b {transform-origin: 0 0}
.H .anSX1 {transform-origin:0 0 }
.H .anSX2 {transform-origin:0 0 }
.H .anS1 {transform-origin:50% 50% }
.H .anS2 {visibility: hidden; transform-origin:50% 50% }
.H .anS3 {visibility: hidden; transform-origin:50% 50% }
.H .anyMini {visibility: hidden; transform-origin: 0 0}
.H .any1, .H .any2, .H .ani {visibility: hidden; transform-origin: 50% 50% }
.H .anyA, .H .anyB, .H .anyC, .H .anyD, .H .anyE, .H .anyF {visibility: hidden; transform-origin: 50% 50% }
.H .anCL0 {overflow: hidden; position: relative; transform-origin: 0 0}



.margH1 {margin-top:1em} .paddH1 {padding-top:1em} .margB1 {margin-bottom:1em} .paddB1 {padding-bottom:1em}
.margH2 {margin-top:2em} .paddH2 {padding-top:2em} .margB2 {margin-bottom:2em} .paddB2 {padding-bottom:2em}
.margH3 {margin-top:3em} .paddH3 {padding-top:3em} .margB3 {margin-bottom:3em} .paddB3 {padding-bottom:3em}
.margH4 {margin-top:4em} .paddH4 {padding-top:4em} .margB4 {margin-bottom:4em} .paddB4 {padding-bottom:4em}
.margH5 {margin-top:5em} .paddH5 {padding-top:5em} .margB5 {margin-bottom:5em} .paddB5 {padding-bottom:5em}
.margH6 {margin-top:6em} .paddH6 {padding-top:6em} .margB6 {margin-bottom:6em} .paddB6 {padding-bottom:6em}
.margH7 {margin-top:7em} .paddH7 {padding-top:7em} .margB7 {margin-bottom:7em} .paddB7 {padding-bottom:7em}
.margH8 {margin-top:8em} .paddH8 {padding-top:8em} .margB8 {margin-bottom:8em} .paddB8 {padding-bottom:8em}
.margH9 {margin-top:9em} .paddH9 {padding-top:9em} .margB9 {margin-bottom:9em} .paddB9 {padding-bottom:9em}
.margH10 {margin-top:10em} .paddH10 {padding-top:10em} .margB10 {margin-bottom:10em} .paddB10 {padding-bottom:10em}
.margH12 {margin-top:12em} .paddH12 {padding-top:12em}
.margH13 {margin-top:13em} .paddH13 {padding-top:13em}
.margH15 {margin-top:15em} .paddH15 {padding-top:15em} .margB15 {margin-bottom:15em} .paddB15 {padding-bottom:15em}


#remonte {width:50px; height:50px; background-color:#fff; position:fixed; bottom:0px; right:0; z-index:900;   
		visibility:hidden; overflow:hidden; cursor:pointer; /*border-top-left-radius:12px; border-top-right-radius:12px;*/
		box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.05);}
		#remonte b {width:100%; display: block; position:absolute; top:0%; left:0%; display:block;transform-origin: 50% 50%;}
.H #remonte {visibility: hidden}

.droits {display: inline-block; position: fixed; bottom: 0; left:4.3%; color:#000; background-color: #FFFFFF; 
	z-index: 80; box-shadow: 1px 1px 10px rgba(0, 0, 0, 0.05);}
	.droits span {display: inline-block; padding: 1em; font-size: 0.85em}

.popup {position: fixed; z-index:99999; top: 20%; /*left:50%; margin-left: -300px; width: 600px;*/ height:auto; background-color: #FFFFFF; border-radius:7px; 
display: none}
.popup .popupInt {padding:4em 3em 3em 3em; text-align: center}
.popup .ico {width:2.5em; height:auto; background-color: #E4E4E4; margin:0 auto; border-radius: 50%}
.popup .ico b {width:100%; height:auto}
.popup strong {font-weight:500; font-size: 1.2em; padding-top: 1.5em; display: block}
.popup p {font-weight:400; font-size: 1em; padding: 1em 0 0 0; margin: 0; line-height: 1.5em; display: block}
.popup i {font-weight:400; font-size: 1em; padding-top:0.6em; line-height: 1.5em; font-style: italic; display: block}
.btcompris {border: 1px solid #989898; background-color:#F9F9F9; font-weight: 400; font-size: 1em; padding: 1em 1.5em; border-radius: 2em; 
		display: inline-block; margin-top: 1.5em; cursor: pointer}
.btcompris:hover {background-color: #E1E1E1}
.popupFond {position: fixed; z-index:99998; top:0; left:0; width:100%; height:100%; background-color:rgba(0, 0, 0, 0.5); cursor: pointer;display: none}

.curseur{ width: 20px; height: 20px; z-index: 99999; background:#cfcfcf; opacity:0.9; visibility: hidden; transform-origin: 50% 50%;
	border-radius: 50%; position: fixed; top:100%;  left:50%; margin-left: -12px; margin-top:-12px; /*transform: translate(-50%, -50%);*/ 
	pointer-events: none;
	-webkit-mix-blend-mode: multiply; -moz-mix-blend-mode: multiply; -o-mix-blend-mode: multiply; -ms-mix-blend-mode: multiply; mix-blend-mode:multiply;}


.texteanim {overflow: visible}
	.texteanim b {display: inline-block; line-height: 1.15em; position: relative; font-weight:200}
.H .texteanim b {visibility: hidden}

.coulico01 {fill:#000;}
.coulico02 {fill:#fff;}

.reaext, .reaext2 {width: 100%; display: block; overflow: hidden}
.reaext img, .reaext2 img {width: 100%; display: block; position: relative; z-index: 9}
.reaext .cache, .reaext2 .cache {width: 100%; height: 100%; position: absolute; top: 0; left: 0; background-color:rgba(255, 255, 255, 0); display: block; z-index: 10}




#btmenu { position: fixed; top:0.45em; right:4.3%; padding: 1em 1px 1em 1em ; z-index: 9999; cursor: pointer; border-radius: 5px}
	#btmenu #btmT {font-weight:400; font-size:0.95em; letter-spacing: 0.03em; text-transform: uppercase; display: inline-block;   
		position: relative; /*padding-right: 24px;*/ line-height:0.95em; padding-top:1.5em; padding-bottom:1.5em}
		#btmenu .btmtext {position: relative; display:inline-block; padding: 0 1.5em 0 0; color: #000; font-weight: 400; }
		#btmenu .rond {display:block; background-color: #000; border-radius: 50%; position: absolute; top: 50%; right:0em; transform-origin: 50% 50%; 
			 /*width:24px; height:24px; margin-top: -13px;*/}
@supports (mix-blend-mode:exclusion) {
	#btmenu {mix-blend-mode:exclusion}
	#btmenu .btmtext { color:#fff}
	#btmenu .rond {background-color:#fff}
}
.H #btmenu .btmtext, .H #btmenu .rond {visibility: hidden}


.navigation {width:100%; height:auto; position:relative; left:0; background-color: #0f0f0f; z-index: 9998}
	.H .navigation {width:100%; height: 100%; position: fixed; left:102%; bottom: 0; z-index:9998; overflow:hidden; transform-origin:0 0;}
	.navigationInt {width:100%; height:900px; padding-top: 150px; position: relative; z-index:902;overflow: scroll; overflow-y: scroll; overflow-x: hidden;}
	.H .navigationInt {height:100%; padding-top: 0}	

/*.int {width: 91.4%; margin-left: auto; margin-right: auto}*/
#navvisu {width:26.12175%; /*4.3% + 23.875% * 0.914*/ height:100%; position: absolute; top:0; left:0; transform-origin:0 0; z-index: 10}
	#navvisuINT {position: relative; width: 100%; height: 100%; overflow: hidden}
	#navvisu img {}
	.H #navvisu img {position: absolute; top: 50%; left: 50%; width: auto}

#navcontenu {width:91.4%; margin-left: auto; margin-right: auto; display: block; z-index: 20; position: relative;
	padding-top:8.7em}

.colM {min-width:23.875%; display: inline-block; margin-right: 1.5%; float: left; /*background-color:rgba(255, 255, 255, 0.1);*/}
.colMprem {height: 1em}
.colM-ligne0 {width: 100%; height: 1px; background-color: #454545; transform-origin: 0 0}
.colM-titre {font-weight: 500; text-transform: uppercase; font-size: 0.75em; letter-spacing: 0.05em; padding-top:0.8em; display: block; line-height: 1.5em; position: relative; color:#7d7d7d}
.colM-soustitre {font-weight: 500; text-transform: uppercase; font-size: 0.75em; letter-spacing: 0.05em; padding-top:2.1em; display: block; line-height: 1.5em; position: relative; color:#7d7d7d}
.colM-liste01 {padding: 0; margin: 0; padding-top: 0.2em}
	.colM-liste01 li {display: block}
	.colM-liste01 li a {color:#fff; font-weight: 400; font-size:3.05em; text-transform: uppercase; line-height: 1.4em; display: inline-block; padding-right: 0.4em; /*background-color:#534C4C*/}
.colM-ligne {width: 100%; height: 1px; background-color: #2e2e2e; transform-origin: 0 0; margin-top: 0.6em; margin-bottom:1.1em}
.colM-liste02 {padding: 0; margin: 0; padding-bottom:1.5em}
	.colM-liste02 li {display: block}
	.colM-liste02 li a {color:#fff; font-weight: 400; font-size:1.15em; text-transform: uppercase; line-height: 1.5em; display: inline-block; padding-bottom: 0.1em; letter-spacing: 0.04em}


.colM-liste03 {position:absolute; top:0.45em; padding: 1em 6em 1em 1em; right:4.3%; display:inline-block;  z-index: 50}
	.colM-liste03 li {display: inline-block;float: left; padding-right: 2em}
	.colM-liste03 li a {color:#fff; font-weight:400; font-size:0.95em; text-transform: uppercase; line-height:0.95em; display: inline-block; letter-spacing: 0.03em; padding-top:1.5em; padding-bottom:1.5em; border-radius: 4px}
		.colM-liste03 li a span { display:inline-block}
	.colM-liste03 li.ret {clear:both; width:0; height:0; line-height:0; margin:0; padding:0; float:none}

.colM-liste01 li a.NAVactif, .colM-liste02 li a.NAVactif, .colM-liste03 li a.NAVactif {color:#7d7d7d}

.navcontmentions {position:absolute; bottom:2em; right:4.3%; color:#BBBBBB; font-size:0.85em; letter-spacing:0.02em; font-weight:300; 
	text-align:right; display:block; line-height: 1.8em; z-index: 50}
	.navcontmentions a {color:#BBBBBB; text-decoration:none;}
		.navcontmentions a:hover {color:#848484; text-decoration:none}



/*4 colonnes, 3 marges de 1.5% → (100 - 4.5) / 4 = 23.875%
2 colonnes, 1 marge de 1.5% → (100 - 1.5) / 2 = 49.25%*/

.int {width: 91.4%; margin-left: auto; margin-right: auto}

.col {float: left; margin-right: 1.5%}

.col2 {width: 49.25%}
.col2:nth-child(2n) { margin-right: 0}
.col2:nth-child(2n+1) {clear:left}

/* une seule*/
.GaleriePage.mono .col2:nth-child(n) { clear: left; margin-right: 0; }

.col4 {width:23.875%}
.col4:nth-child(4n) { margin-right: 0}
.col4:nth-child(4n+1) {clear:left}

.col4-v02 {width:23.875%}
.col4-v02:nth-child(4n) { margin-right: 0}
.col4-v02:nth-child(4n+1) {clear:left}

.col2-v02 {width: 49.25%}
.col2-v02sansM {margin-right: 0}
.col2-v02 .subcol { width: 48.4771%; float: left; margin-right: 3.0457%}
.col2-v02 .subcolsansM {margin-right: 0}
.col2-v02 .subcolreduit { width:24.2385%; float: left; margin-right: 3.0457%}
.col2-v02 .subcolgrandit {width:72.7158%; float: left; }

.col2-v02 .subcol2 { width: 48.4771%; float: left; margin-right: 3.0457%}
.col2-v02 .subcol2sansM {margin-right: 0}

.txtgris {/*color:#787878;*/ color:#757575}
.txtgris2 {color:#616161}
.fondgris {background-color: #f4f4f4}

.H .header {visibility: hidden}
#logotype { text-transform: uppercase; text-align: right; display: block; padding-top:1em}
#logotype strong { font-size: 5.2em; font-weight: 400; display: block; line-height:1.3em}
#logotype strong b {font-weight: 400}
#logotype span {font-size:1.7em; display: block; line-height: 1.2em; padding-right: 0.15em}

#logo { text-transform: uppercase; text-align:left; display: block; padding-top:2.1em; color: #000}
#logo strong { font-size: 1.6em; font-weight: 400; display:inline-block; line-height:1.3em}
#logo strong b {font-weight: 400}
#logo span {font-size:1em; display:inline-block; line-height: 1.3em; padding-left: 0.2em}

#pageComplete {position: relative; z-index:1; width:100%; height: auto; overflow: hidden; max-width: 4000px; margin-left: auto; margin-right: auto}
	.H #pageComplete {visibility:hidden; }

.intro {display:block; margin-top:10em; position: relative}
.intro02 {display:block; margin-top:4.4em; position: relative}
	.intro02 .titre {padding-bottom:3.8em}
.citation {position: absolute; bottom:0; right: 0; text-align: right; line-height: 1.4em;}
	.citation p {display:block; font-size: 1.1em; margin: 0.7em 0}
	.citation span {display:block; padding-top: 0.3em; font-size:0.75em; letter-spacing: 0.05em; text-transform: uppercase}
	
.planche01-A {padding-top: 15em}
.planche01-B {padding-top: 6.8em}
.ext {}
.plancheMargeB {padding-bottom: 10em}
.visuelbas {margin-top: 5em}

.titre01 {font-size: 5.2em; font-weight: 400; display: block; text-transform: uppercase; line-height: 1.15em}
.titre01mini {font-size:0.4em}
.titre02 {font-size: 2.08em; font-weight: 400; display: block; text-transform: uppercase; line-height: 1.15em; padding-top: 0.4em}


.Galerie {margin-top: 3.4em}
.Galerie.GaleriePageSansM {margin-top: 0}
.Galerie.GalerieMargePlus {margin-top:5.5em}
.Galerie li { padding-bottom:1.6em}
.Galerie.GaleriePage li { padding-bottom:3.5em}
.Galerie li.ret {clear:both; width:0; height:0; line-height:0; margin:0; padding:0; float:none}
.Galerie li a { display: block; color: #000}
.Galerie li .reaext {}
.Galerie li a strong {font-weight: 500; text-transform: uppercase; font-size: 0.75em; letter-spacing: 0.05em; padding-top:0.6em; display: block; line-height: 1.5em; position: relative; margin-top:0.2em}
.Galerie li a strong i {width: 100%; height: 1px; background-color: #fff; position: absolute; top:0; left:0; transform-origin: 0 0}
.Galerie li a strong sup {font-size: 0.4em}
.Galerie li a span {font-weight: 500; text-transform: uppercase; font-size: 0.75em; letter-spacing: 0.05em; padding-top:0.1em; display: block; line-height: 1.5em}
.Galerie li a span b {text-transform: none; font-weight: 500}


.toutvoir {margin-top:2em; width: 100%; position: relative; padding-top:0.8em; display: block}
.toutvoir .trait {position: absolute; top: 0; left: 0; width: 100%; height: 1px; background-color: #c9c9c9; transform-origin: 0 0}
.btvoir {display: inline-block; position: relative; padding-right:4.5em; padding-top:1.7em; padding-bottom:1.7em; 
font-weight: 500; text-transform: uppercase; font-size: 0.75em; letter-spacing: 0.05em; color: #000} 
.btvoir span {display: inline-block; position: relative; padding-top: 0.2em; padding-bottom: 0.2em}
.btvoir span i {width: 100%; height: 1px; display: block; position: absolute; bottom: 0; left: 0; background-color: #c9c9c9; transform-origin: 0 0}
.btvoir .fleche {width:1.7em;  padding: 0.15em; position: absolute; top:1.5em;  right:1em; overflow: hidden}
.btvoir .fleche.flecheA {background-color: #f4f4f4;} .btvoir .fleche.flecheB {background-color: #fff;}
.flecheint {position: relative; width: 100%;}
.btvoir .fleche b {display: block; width: 100%; transform-origin: 50% 50%;}
.flb01 {} .flb02 { position: absolute; top:0; left: 0; visibility: hidden; width: 100%}

.continuer {margin-top:10.8em; width: 100%; position: relative; display: block}
.CONT-liste01 {padding: 0; margin: 0; padding-top:2.7em; }
	.CONT-liste01 li {display: block}
	.CONT-liste01 li a {font-size: 5.2em; font-weight: 400; display:inline-block; text-transform: uppercase; line-height: 1.2em; color: #000000}
.continuer .traitlight {width: 100%; height: 1px; background-color: rgba(0, 0, 0, 0.11); transform-origin: 0 0; margin-top:1.3em; margin-bottom: 1.9em}
.CONT-liste02 {padding: 0; margin: 0; padding-bottom:1.5em}
	.CONT-liste02 li {display: block}
	.CONT-liste02 li a {color:#000; font-weight: 400; font-size:1.3em; text-transform: uppercase; line-height: 1.5em; display: inline-block; padding-bottom: 0.1em; letter-spacing: 0.04em}
.CONT-liste01 li a.CONTactif, .CONT-liste02 li a.CONTactif {color:#7d7d7d}


.Listeblocs {margin-top: 3.4em}
.ListeblocssansM {margin-top: 0}
.Listeblocs.ListeblocsMargePlus {margin-top:5.5em}
.Listeblocs.ListeblocsMargePlus2 {margin-top:3em}
.Listeblocs .col { padding-bottom:1.6em}
.Listeblocs .col.colmargeB {padding-bottom: 4em}
.Listeblocs .col.colmargeB2 {padding-bottom: 4em}
.Listeblocs .col.colmargeB3 {padding-bottom: 6em}
.Listeblocs .ret {clear:both; width:0; height:0; line-height:0; margin:0; padding:0; float:none}
.Listeblocs .col a, .Listeblocs li div { display: block; color: #000}
.Listeblocs .reaext {}

.blocs-titre {font-weight: 500; text-transform: uppercase; font-size: 0.75em; letter-spacing: 0.05em; padding-top:0.8em; display: block; line-height: 1.5em; position: relative; /*margin-top:0.2em*/}
.blocs-titre i {width: 100%; height: 1px; background-color: #c0c0c0; position: absolute; top:0; left:0; transform-origin: 0 0}
.blocs-soustitre {font-weight: 500; text-transform: uppercase; font-size: 0.75em; letter-spacing: 0.05em; padding-top:0.1em; display: block; line-height: 1.5em; padding-bottom: 2em}
.blocs-soustitresousIMG {font-weight: 500; text-transform: uppercase; font-size: 0.75em; letter-spacing: 0.05em; padding-top:1.5em; display: block; line-height: 1.5em; padding-bottom:0em}
.Listeblocs .col .blocs-soustitrelien {color:#616161; text-transform: none; position: relative; display: inline-block; padding-top: 0.8em; padding-bottom: 0.4em; font-size: 0.75em; font-weight: 500; letter-spacing: 0.05em; line-height: 1.4em}
.Listeblocs .col .blocs-soustitrelien i {width: 100%; height: 1px; display: block; position: absolute; bottom:0.2em; left: 0; background-color: #c9c9c9; transform-origin: 0 0}


.blocs-info {margin-top: 1.5em; width: 93%}
.blocs-infoSansM {margin-top:0em;}
.blocs-info p {margin: 0; line-height: 1.5em; font-weight: 400; display: block; font-size: 1em}
.depliB {overflow: hidden}
.lirelasuite { font-weight:500; color: #000000; font-size: 0.75em; letter-spacing: 0.05em; display: inline-block; margin-top:1em; line-height: 1.4em; cursor: pointer; padding: 1em 0; position: relative}
.lirelasuite i {width: 100%; height: 1px; display: block; position: absolute; bottom:0.7em; left: 0; background-color: #c9c9c9; transform-origin: 0 0}

.blocs-info2 {margin-top:0; width:65%}
.blocs-info2 p {margin: 0; padding-top: 0; line-height: 1.7em; font-weight: 400; display: block; font-size: 0.9em}

.int-titre01 {font-weight: 500; text-transform: uppercase; font-size: 0.75em; letter-spacing: 0.05em; display: block; line-height: 1.4em; position: relative}
.int-titre01-titreMasque {visibility: hidden}
.int-liste01 { padding-top: 0.8em; line-height: 1.4em}
.int-liste01 li {font-size: 0.9em; padding-bottom: 0.5em; width: 93%; line-height: 1.2em}
.int-texte01 {font-size: 0.9em; padding-bottom: 0.5em; width: 93%; line-height: 1.4em; display: block; padding-top: 0.3em}
.int-texte02 {font-size: 2.3em;  margin: 0; padding: 0; padding-bottom:2.5em; width: 93%; line-height: 1.2em; display: block; font-weight: 400}
.int-texte03 {font-size: 1em; margin:0; padding-bottom:1.5em; width: 90%; line-height: 1.4em; display: block;}

.ExtFull-blocs-titre {margin-top: 3.4em}
.ExtFullSansM {margin-top:0em}

.footer {padding-bottom: 6em}
.footerint {position: relative}
.coordonnees { line-height: 1.6em; font-size: 1em; float: left; display:inline-block}
.coordonnees a {color: #000} .coordonnees a:hover {color:#6E6E6E}
.mentions {line-height: 1.6em; font-size: 1em; float: right; display: inline-block;padding-top: 3.2em}
.mentions a {color: #757575} .mentions a:hover {color:#939393}



.projG { float: left; width: 74.625%; /*margin-right: 1.5%*/}
.projD { float: right; width: 23.875%; margin-right: 0; margin-top:4.4em;/*intro02*/ }

.proj-infos {font-size: 0.9em; padding-bottom: 3em; line-height: 1.4em; margin-top: 1.2em; padding-top:0.8em; position: relative; z-index: 10}
	.proj-infos i {width: 100%; height: 1px; background-color: #c0c0c0; position: absolute; top:0; left:0; transform-origin: 0 0}
	.proj-infos .minititre {text-transform: uppercase; font-weight: 400}

.proj-galerie { margin-top:1.8em}
.proj-galerie .extrait {font-weight: 500; text-transform: uppercase; font-size: 0.75em; letter-spacing: 0.05em; display: block; line-height: 1.5em; position: relative; padding-bottom:2em}

.proj-galerie img, .proj-galerie .videoFull {width: 100%; display:block; margin-bottom:2em /*js*/}
.imgFull {width:100%}

.imgDuoG, .imgDuoD {width: 48.995%;}
.imgDuoG {float: left;} .imgDuoD {float: right;}

.imgMixG {float: left;} .imgMixD {float: right;}
.imgMixH {width: 67.839%} .imgMixV {width: 30.151%}
 
.videoFull { width: 100%; }
.videoFull iframe { display: block; width: 100%; aspect-ratio: 16 / 9; border: 0; }

.proj-desc {width:65.8%; font-size: 1em; margin:0; line-height: 1.4em; display: block; color:#616161; margin-top:4em}
.proj-desc p {margin: 0; padding: 0; padding-bottom: 0.4em}
.proj-desc p i {font-style: italic}
.proj-desc .notes { font-size: 0.85em; display: block; padding-top: 0.8em}
.proj-desc p a {text-decoration: underline; color:#616161; display: inline-block; font-size: 1em; text-decoration-thickness: 1px; text-underline-offset: 2px;}
.proj-desc p a:hover {text-decoration:none; color: #4D4D4D}

.contgeneralInt {width:64%; width: 91.4%; margin-left:auto; margin-right:auto; position:relative}
.contgeneralInt02 {width: 50%}
	.contgeneral-titre {background-color: #fff; padding:4em 0 3em 0; margin-top:47px;}
		.contgeneral-titre h1 {font-size:2.8em; position: relative; padding-top:0.7em; font-weight:400; letter-spacing: 0.03em; color:#000; 
			line-height: 1.6em; }
		.contgeneral-titre h1 i {position:absolute; top:0; left:0; width:1.5em; height:2px; background-color:#000; transform-origin: 0 0}
		.contgeneral-titre h2 {font-size:1.3em; position: relative; padding-top:0.5em; font-weight:400; letter-spacing: 0.03em; color: #636363; 
			line-height: 1.6em}

	.contgeneral-contenu {padding: 3em 0 10em 0;background-color:#f7f8f8}
		.contgeneral-contenu h2 {font-size:1.8em; position: relative; padding-top:1.1em; font-weight:400; letter-spacing: 0.03em; color:#000; 
			line-height: 1.6em; margin-top: 1em}
		.contgeneral-contenu h2 i {position:absolute; top:0; left:0; width:1.5em; height:2px; background-color:#A0A0A0; transform-origin: 0 0}
		.contgeneral-contenu h3 {font-size:1.3em; position: relative; padding-top:0.7em; font-weight:400; letter-spacing: 0.03em; color:#292929; 
			line-height: 1.8em}
		.contgeneral-contenu p {font-size:1.1em; position: relative; padding-top:0.7em; font-weight:400; letter-spacing: 0.03em; color: #636363; 
			line-height:1.9em; padding-bottom:2em; padding-top:0.5em; margin-top: 0}
.contgeneral-contenu p strong {font-weight: 500; color:#3D3D3D}

.contgeneral-contenu p a {color: #636363; text-decoration: none}
.contgeneral-contenu p a.liengeneral {color: #1D1D1D; font-size: 1.2em; text-decoration:none; display: inline-block; padding-top:0.5em}
.contgeneral-contenu p a.liengeneral:hover {color: #646464; text-decoration: none}

@media screen and (min-width:2700px) and (max-width:9000px) and (min-height:900px) and (max-height:1050px) {          
#navcontenu {padding-top:6em} .colM-soustitre {padding-top:2em} .colM-liste01 li a {font-size:2.8em} .colM-liste02 li a {font-size:1.15em}  }
@media screen and (min-width:2700px) and (max-width:9000px) and (min-height:800px) and (max-height:900px) {         
#navcontenu {padding-top:5.5em} .colM-soustitre {padding-top:1.5em} .colM-liste01 li a {font-size:2.2em} .colM-liste02 li a {font-size:1.15em}  }
@media screen and (min-width:2700px) and (max-width:9000px) and (min-height:0px) and (max-height:800px) {
#navcontenu {padding-top:5.5em} .colM-soustitre {padding-top:1.1em} .colM-liste01 li a {font-size:1.8em} .colM-liste02 li a {font-size:1em}  }

@media screen and (min-width:2500px) and (max-width:2700px) and (min-height:840px) and (max-height:945px) {         
#navcontenu {padding-top:6em} .colM-soustitre {padding-top:2em} .colM-liste01 li a {font-size:2.8em} .colM-liste02 li a {font-size:1.15em}  }
@media screen and (min-width:2500px) and (max-width:2700px) and (min-height:720px) and (max-height:840px) {       
#navcontenu {padding-top:5.5em} .colM-soustitre {padding-top:1.5em} .colM-liste01 li a {font-size:2.2em} .colM-liste02 li a {font-size:1.15em}  }
@media screen and (min-width:2500px) and (max-width:2700px) and (min-height:0px) and (max-height:720px) {
#navcontenu {padding-top:5.5em} .colM-soustitre {padding-top:1.1em} .colM-liste01 li a {font-size:1.8em} .colM-liste02 li a {font-size:1em}  }

@media screen and (min-width:2300px) and (max-width:2500px) and (min-height:750px) and (max-height:880px) {         
#navcontenu {padding-top:6em} .colM-soustitre {padding-top:2em} .colM-liste01 li a {font-size:2.8em} .colM-liste02 li a {font-size:1.15em}  }
@media screen and (min-width:2300px) and (max-width:2500px) and (min-height:670px) and (max-height:775px) {       
#navcontenu {padding-top:5.5em} .colM-soustitre {padding-top:1.5em} .colM-liste01 li a {font-size:2.2em} .colM-liste02 li a {font-size:1.15em}  }		
@media screen and (min-width:2300px) and (max-width:2500px) and (min-height:0px) and (max-height:670px) {
#navcontenu {padding-top:5.5em} .colM-soustitre {padding-top:1.1em} .colM-liste01 li a {font-size:1.8em} .colM-liste02 li a {font-size:1em}  }	


@media screen and (min-width:2100px) and (max-width:2300px) and (min-height:720px) and (max-height:805px) {          
#navcontenu {padding-top:6em} .colM-soustitre {padding-top:2em} .colM-liste01 li a {font-size:2.8em} .colM-liste02 li a {font-size:1.15em} }
@media screen and (min-width:2100px) and (max-width:2300px) and (min-height:620px) and (max-height:720px) {       
#navcontenu {padding-top:5.5em} .colM-soustitre {padding-top:1.5em} .colM-liste01 li a {font-size:2.2em} .colM-liste02 li a {font-size:1.15em}  }	
@media screen and (min-width:2100px) and (max-width:2300px) and (min-height:0px) and (max-height:620px) {
#navcontenu {padding-top:5.5em} .colM-soustitre {padding-top:1.1em} .colM-liste01 li a {font-size:1.8em} .colM-liste02 li a {font-size:1em}  }	

@media screen and (min-width:1950px) and (max-width:2100px) and (min-height:655px) and (max-height:740px) {          
#navcontenu {padding-top:6em} .colM-soustitre {padding-top:2em} .colM-liste01 li a {font-size:2.8em} .colM-liste02 li a {font-size:1.15em} }
@media screen and (min-width:1950px) and (max-width:2100px) and (min-height:570px) and (max-height:655px) {       
#navcontenu {padding-top:5.5em} .colM-soustitre {padding-top:1.5em} .colM-liste01 li a {font-size:2.2em} .colM-liste02 li a {font-size:1.15em}  }	
@media screen and (min-width:1950px) and (max-width:2100px) and (min-height:0px) and (max-height:570px) {
#navcontenu {padding-top:5.5em} .colM-soustitre {padding-top:1.1em} .colM-liste01 li a {font-size:1.8em} .colM-liste02 li a {font-size:1em}  }	

@media screen and (min-width:1728px) and (max-width:1950px) and (min-height:600px) and (max-height:670px) {          
#navcontenu {padding-top:6em} .colM-soustitre {padding-top:2em} .colM-liste01 li a {font-size:2.8em} .colM-liste02 li a {font-size:1.15em} }
@media screen and (min-width:1728px) and (max-width:1950px) and (min-height:515px) and (max-height:600px) {       
#navcontenu {padding-top:5.5em} .colM-soustitre {padding-top:1.5em} .colM-liste01 li a {font-size:2.2em} .colM-liste02 li a {font-size:1.15em}  }
@media screen and (min-width:1728px) and (max-width:1950px) and (min-height:0px) and (max-height:515px) {
#navcontenu {padding-top:5.5em} .colM-soustitre {padding-top:1.1em} .colM-liste01 li a {font-size:1.8em} .colM-liste02 li a {font-size:1em}  }	

@media screen and (min-width:1500px) and (max-width:1728px) and (min-height:540px) and (max-height:607px) {          
#navcontenu {padding-top:6em} .colM-soustitre {padding-top:2em} .colM-liste01 li a {font-size:2.8em} .colM-liste02 li a {font-size:1.15em} }
@media screen and (min-width:1500px) and (max-width:1728px) and (min-height:470px) and (max-height:540px) {       
#navcontenu {padding-top:5.5em} .colM-soustitre {padding-top:1.5em} .colM-liste01 li a {font-size:2.2em} .colM-liste02 li a {font-size:1.15em}  }
@media screen and (min-width:1500px) and (max-width:1728px) and (min-height:0px) and (max-height:470px) {
#navcontenu {padding-top:5.5em} .colM-soustitre {padding-top:1.1em} .colM-liste01 li a {font-size:1.8em} .colM-liste02 li a {font-size:1em}  }	

@media screen and (min-width:1380px) and (max-width:1500px) and (min-height:480px) and (max-height:540px) {          
#navcontenu {padding-top:6em} .colM-soustitre {padding-top:2em} .colM-liste01 li a {font-size:2.8em} .colM-liste02 li a {font-size:1.15em} }
@media screen and (min-width:1380px) and (max-width:1500px) and (min-height:400px) and (max-height:480px) {       
#navcontenu {padding-top:5.5em} .colM-soustitre {padding-top:1.5em} .colM-liste01 li a {font-size:2.2em} .colM-liste02 li a {font-size:1.15em}  }
@media screen and (min-width:1380px) and (max-width:1500px) and (min-height:0px) and (max-height:415px) {
#navcontenu {padding-top:5.5em} .colM-soustitre {padding-top:1.1em} .colM-liste01 li a {font-size:1.8em} .colM-liste02 li a {font-size:1em}  }	


@media screen and (min-width:990px) and (max-width:1380px) and (min-height:435px) and (max-height:485px) {          
#navcontenu {padding-top:6em} .colM-soustitre {padding-top:2em} .colM-liste01 li a {font-size:2.8em} .colM-liste02 li a {font-size:1.15em} }
@media screen and (min-width:990px) and (max-width:1380px) and (min-height:370px) and (max-height:435px) {       
#navcontenu {padding-top:5.5em} .colM-soustitre {padding-top:1.5em} .colM-liste01 li a {font-size:2.2em} .colM-liste02 li a {font-size:1.15em}  }
@media screen and (min-width:990px) and (max-width:1380px) and (min-height:0px) and (max-height:370px) {
#navcontenu {padding-top:5.5em} .colM-soustitre {padding-top:1.1em} .colM-liste01 li a {font-size:1.8em} .colM-liste02 li a {font-size:1em}  }	


@media screen and (max-width: 1824px) {	
	#pageComplete, .navigation, #btmenu, .droits, .header {font-size:0.95em}  
	#btmenu .rond { width:23px; height:23px; margin-top: -12px;}
	#btmenu #btmT {padding-right:23px}
}
@media screen and (max-width: 1728px) {	
	#pageComplete, .navigation, #btmenu, .droits, .header {font-size:0.9em}  
	#btmenu .rond { width:21px; height:21px; margin-top: -11px;}
	#btmenu #btmT {padding-right:21px}
	.H #load {width:40px; /*height:10px*/margin-top:-5px; margin-left:-20px;}
	#remonte {width:40px; height:40px;}
}
@media screen and (max-width: 1632px) {	
	#pageComplete, .navigation, #btmenu, .droits, .header {font-size:0.85em}  
	#btmenu .rond { width:20px; height:20px; margin-top: -10px;}
	.popup {left:50%; margin-left: -240px; width:480px; font-size: 0.8em}
}

	
	
@media screen and (max-width:1500px) {	
	#pageComplete, .navigation, #btmenu, .droits, .header {font-size:0.8em}	
	#btmenu .rond { width:19px; height:19px; margin-top: -10px;}
	#btmenu #btmT {padding-right:19px}
	.contgeneral-titre {padding:5em 0 3em 0;}
}
@media screen and (max-width:1440px) {	
	#pageComplete, .navigation, #btmenu, .droits, .header {font-size:0.75em}	
	#btmenu .rond { width:18px; height:18px; margin-top: -9px;}
	#btmenu #btmT {padding-right:18px}
	
}
	
@media screen and (max-width:1380px) {
#pageComplete, .navigation, #btmenu, .droits, .header {font-size: 0.72em}
#btmenu .rond { width:17px; height:17px; margin-top: -9px;}
	#btmenu #btmT {padding-right:17px}
	.header {padding-top:0.1em}
	#logo {padding-top: 2em}
	.contgeneral-titre {padding:4em 0 3em 0;}
}
@media screen and (max-width:1320px) {
#logotype, .titre { font-size: 0.9em} .header {padding-top:0.2em}
	#logo {padding-top: 1.9em}
.int-texte03 {width: 95%}
	.contgeneralInt02 {width:60%}

}

@media screen and (max-width:1200px) {
#MOB2 {display: block}	
	#logotype, .titre { font-size: 0.8em} .header {padding-top:0.55em}
	#logo {padding-top: 1.6em}
	.contgeneral-titre {padding:3em 0 3em 0;}
	
	.int-texte02 {font-size:2em}
	.col2-v02 .subcol2 { width:100%; float: none; margin-right:0; clear:left;}
	.col2-v02 .subcol2sansM {margin-right: 0}	
	.contgeneralInt02 {width:70%}
	
}


@media screen and (max-width:1100px) {
	.contgeneral-titre {padding:2em 0 3em 0;}
	
}
@media screen and (max-width:1050px) {
#logotype, .titre { font-size: 0.75em} .header {padding-top:0.7em}
	#logo {padding-top: 1.4em}
}






@media screen and (max-width:990px) {
#MOB2 {display:none}
#MOB {display: block}
.brmobo {display:none}
#pageComplete, .navigation, #btmenu, .droits, .header {font-size:0.8em}
.H #load {width:32px; /*height:8px*/margin-top:-4px; margin-left:-16px;}
.header {padding-top:0.7em}
	
#btmenu {right: 2.5%}	
#btmenu .rond { width:20px; height:20px; margin-top: -10px;}	
	#btmenu #btmT {padding-right:20px}
	
.navigation {width:100%; height:auto; position:relative; left:0; z-index: 9998}
	.H .navigation {width:100%; height: 100%; position: fixed; left:102%; bottom:auto; top:0; z-index:9998; overflow:hidden; transform-origin:0 0}
	.navigationInt {width:100%; height:100%; overflow: scroll; overflow-y: scroll; overflow-x: hidden;}
	.H .navigationInt {height:100%}		
#navvisu {width:30%; height:100%; position:absolute; top:0%; left:0%; transform-origin:0 0}
	#navvisuINT {position: relative; width: 100%; height: 100%; overflow: hidden}
	#navvisu img {position: absolute; top: 50%; left: 50%; width: auto}
/*#navcontenu {width:65%; position:relative; bottom:unset; right: unset; left:unset; margin-left:35%; padding-top: 2em}*/
#navcontenu {width:auto; margin-left: 35%; margin-right: 0; margin-right:7em; padding-right:20px;  display: block; z-index: 20; position: relative;
	padding-top:6em}	
.colM {min-width:100%; display:block; margin-right:0; float:none;}	
.colMprem {display: none}
.colM-soustitre {padding-top:1.2em; display: none}	
.colM-liste01 {padding-top: 0.8em}	
	.colM-liste01 li a {font-size:3em; line-height: 1.3em; }
.colM-ligne {margin-top: 0.3em; margin-bottom:0.65em; display: none}
.colM-liste02 {padding-bottom:3.7em; padding-top: 0.5em}
	.colM-liste02 li {display: block}
	.colM-liste02 li a {font-size:1.2em; line-height: 1.4em; padding-bottom: 0.1em}	
	
.colM-liste03 {position:relative; top:0; top:unset; padding:0; right:0; right: unset; display:inline-block;  z-index: 50;
		width: 65%; margin-left: 35%;}
	.colM-liste03 li {display:block;float:none; padding-right:0}
	.colM-liste03 li a {padding: 0; color:#fff; font-weight: 400; font-size:1.2em; text-transform: uppercase; line-height: 1.4em; display: inline-block; padding-bottom: 0.1em; letter-spacing: 0.04em}
		
	.colM-liste03 li.ret {clear:both; width:0; height:0; line-height:0; margin:0; padding:0; float:none}	
	
.navcontmentions {position:relative; bottom:unset; right:unset; margin-left: 35%; padding-top:1em; padding-bottom:3em; display: block; text-align: left}	

/* Accueil */
.int {width: 95%;}
.col2 {width: 100%; margin-right: 0; float: none}
	
.col4 {width:48.684%;margin-right: 2.6316%;}
/*.col4:nth-child(4n+1) {clear:none}*/
.col4:nth-child(4n) {margin-right:0;}
.col4:nth-child(2n+1) {clear:left}
.col4:nth-child(2n) {margin-right:0}	

.col4-v02 {width:48.684%;margin-right: 2.6316%;}
.col4-v02:nth-child(4n) {margin-right:0;}
.col4-v02:nth-child(2n+1) {clear:left}
.col4-v02:nth-child(2n) {margin-right:0}	
	
.col2-v02 {width:100%; margin-right: 0; float: none; clear:left;}
.col2-v02 .subcol { width:48.684%; margin-right: 2.6316%; float: left}	
.col2-v02 .subcolreduit { width:48.684%; float: left; margin-right: 2.6316%}
.col2-v02 .subcolgrandit {width:48.684%; float: left; }
.col2-v02 .subcolsansM {margin-right: 0}
	
.int-texte02 {padding-bottom:1.5em}	
.col2-v02 .subcol2 { width: 48.4771%; float: left; margin-right: 3.0457%; clear: none}
.col2-v02 .subcol2sansM {margin-right: 0}	
	
.Galerie.GalerieMargePlus {margin-top:3.5em}	
.Galerie li { padding-bottom:2em}	
.Listeblocs.ListeblocsMargePlus {margin-top:3.5em}
.Listeblocs.ListeblocsMargePlus2 {margin-top:0em}
.Listeblocs .col { padding-bottom:4em}
.Listeblocs .col.colmargeB {padding-bottom:4em}	
.Listeblocs .col.colmargeB2 {padding-bottom: 2em}
.Listeblocs .col.colmargeB3 {padding-bottom: 5em}
.blocs-info2 {width: 93%}
	
#logotype {text-align: left}
.citation {position: relative; bottom:unset; right:unset; text-align: right; line-height: 1.4em;}
	.citation p {margin:1.8em 0 0.7em 0}
	
.proj-galerie {margin-top: 2em}	
.projG { float:none; width:100%; margin-right:0; }
.projD { float:none; width:100%; margin-right:0; margin-top:0;}	
	
/*.imgDuoG, .imgDuoD {width: 48.684%;}
.imgDuoG {float: left;} .imgDuoD {float: right;}
.imgMixG {float: left;} .imgMixD {float: right;}
.imgMixH {width: 67.409%} .imgMixV {width:29.960%}
.FULL {float: none; width: 100%; display: block}*/
	
.imgDuoG, .imgDuoD {width:100%;}
.imgDuoG {float: none;} .imgDuoD {float: none;}
.imgMixG {float: none;} .imgMixD {float: none;}
.imgMixH {width:100%} .imgMixV {width:100%}

.proj-galerie .extrait {padding-bottom:2em}	
.proj-infos {width:100%; margin-top:0em; padding-top:0em; padding-bottom: 0}
	.proj-infos i {display: none}
.proj-desc {width:80%; margin-top:3em}	
	
.droits {left:2.5%}
.contgeneralInt {width:95%} 
	.contgeneralInt02 {width:80%}
}




@media screen and (max-width:710px) {
#MOB3 {display: block}
	
#navvisu {width:25%}
#navcontenu {width:auto; margin-left: 30%; margin-right: 0; padding-top:2.5em}	
	.colM-ligne0 {width:60%}	
.colM-liste01 {padding-top: 0.6em}	
	.colM-liste01 li a {font-size:2.6em; line-height: 1.2em; }
.colM-ligne {margin-top: 0.3em; margin-bottom:0.65em; display: none}
.colM-liste02 {padding-bottom:3em; padding-top: 0.5em}
	.colM-liste02 li a {font-size:1.1em; line-height: 1.4em}	
.colM-liste03 {width:auto; margin-left:30%;}
	.colM-liste03 li a {font-size:1.1em; line-height: 1.4em}
.navcontmentions {margin-left:30%; padding-top:1em; padding-bottom:3em; }
	
#logotype, .titre { font-size: 0.7em}
	.header {padding-top:0.8em}
	#logo {padding-top: 1.3em}
.intro {margin-top: 7em}	
	
.col4-v02 {width: 100%; margin-right: 0; float: none}
.blocs-info {width:93%}
.int-liste01 li {width: 95%}
.int-texte02 {width:100%}
.int-texte03 {width: 95%}
	
.int-texte02 {font-size: 1.8em; padding-bottom:1em}
.col2-v02 .subcol2 { width:100%; float: none; margin-right:0; clear:left;}
.col2-v02 .subcol2sansM {margin-right: 0}		
	
.footer {padding-bottom: 8em}	
.coordonnees { float:none; display:block}
.mentions {float: none; display:block;padding-top: 2em}	
	
.popup {top:10%; left:10%; margin-left:0; width: 80%}
.popup .popupInt {padding:3em 2em 2em 2em}


.contgeneralInt02 {width:100%}	
}

@media screen and (max-width:600px) {
#navcontenu {padding-top:2.5em}	
.colM-liste01 {padding-top: 0.5em}	
	.colM-liste01 li a {font-size:2.4em; line-height: 1.2em; }
.colM-ligne {margin-top: 0.3em; margin-bottom:0.65em; display: none}
.colM-liste02 {padding-bottom:2.8em; padding-top: 0.5em}
	.colM-liste02 li a {font-size:1.05em; line-height: 1.4em}	
	.colM-liste03 li a {font-size:1.05em; line-height: 1.4em}
.navcontmentions {padding-top:1em; padding-bottom:3em; }	
	
#logotype strong { line-height:1em}
#logotype strong b { display: block}
	#logotype span { padding-top: 0.7em; line-height: 1.2em; padding-right:0}
.header {padding-top:1.3em}	
	#logo {padding-top: 0.8em}
.intro {margin-top: 5em}
.citation p br {display: none}
	
.proj-desc {width:95%; margin-top:3em}		
}

@media screen and (max-width:530px) {	
#btmenu .btmtext {padding: 0 1.2em 0 0; }
.popup {font-size: 0.7em}	
.visuelbas {margin-top:3em}
.contgeneralInt {font-size: 0.9em} 
	.contgeneral-titre {padding:0em 0 3em 0;}
	
.planche01-A {padding-top: 10em}	
}

@media screen and (max-width: 450px) {
#navvisu {width:20%}
#navcontenu {width:auto; margin-left: 25%; margin-right: 0; padding-top:4em}	
	.colM-ligne0 {width:5em}	
.colM-liste01 {padding-top:0.8em}	
	.colM-liste01 li a {font-size:2.5em; line-height: 1.2em; }
.colM-ligne {margin-top: 0.3em; margin-bottom:0.65em; display: none}
.colM-liste02 {padding-bottom:2.8em; padding-top: 0.5em}
	.colM-liste02 li a {font-size:1.15em; line-height: 1.6em}	
.colM-liste03 {width:auto; margin-left:25%;}
	.colM-liste03 li a {font-size:1.15em; line-height: 1.6em}
.navcontmentions {margin-left:25%; padding-top:1em; padding-bottom:3em; }		
	
#logotype, .titre { font-size: 0.6em}
	.header {padding-top:1.5em}	
#logo {padding-top:0.6em}
#logo strong {display:block}
#logo span {display:block}	
}

@media screen and (max-width: 380px) {
#pageComplete, .navigation, #btmenu, .droits, .header {font-size: 0.72em}
#btmenu .rond { width:17px; height:17px; margin-top: -9px;}	
#btmenu #btmT {padding-right:17px}
.header {padding-top:1.5em}		

	.droits span {font-size: 0.7em}
.popup {font-size: 0.6em}
	.popup .popupInt {padding:2em 1.2em 2em 1.2em}
	.popup strong {padding-top: 1em}

.contgeneralInt {font-size: 0.8em} 
}

@media screen and (max-width: 350px) {
#pageComplete, .navigation, #btmenu, .droits, .header {font-size: 0.63em}
#btmenu .rond { width:15px; height:15px; margin-top: -8px;}	
#btmenu #btmT {padding-right:15px}
	.header {padding-top:1.5em}	
}