/* -------------------------------------------------------- Twenty */
#Twenty {margin-top:3.95rem; background-color: #f7f5ef; width:100%; position:relative; z-index: 0}
.sectTwenty {position:relative; z-index: 1}
.sectTwenty > div:nth-child(1) {margin-top:3.95rem}
.sectTwenty > div:nth-child(1) img {width:100%; margin: auto; position: relative; display: block}
.sectTwenty > div:nth-child(2) h2 {margin-top:2.25rem; font:bold 26px 'Florentino'; text-transform:none}	
.sectTwenty > div:nth-child(2) .big {margin:1.5rem 0 0.5rem; width:11.25rem; border-bottom:1px solid #8b998d}
.sectTwenty > div:nth-child(2) .small {margin: 0.5rem 0 1.35rem; width:9rem; border-bottom:1px solid #8b998d}					
.sectTwenty > div:nth-child(2) h3 {font:normal 14px 'Lato'; letter-spacing:0.05em}
.sectTwenty > div:nth-child(2) p {margin-top:1.75rem; padding-bottom:3.25rem; text-align:justify}
@media all and (min-width:576px) {
	#Twenty {margin-top:5rem}
	.sectTwenty > div:nth-child(1) {margin-top:5rem}
	.sectTwenty > div:nth-child(2) h2 {font-size:30px}	
	.sectTwenty > div:nth-child(2) {margin-top:0.5rem} 
	.sectTwenty > div:nth-child(2) .big {margin:1.5rem 0 0.5rem; width:12.25rem}
	.sectTwenty > div:nth-child(2) .small {margin: 0.5rem 0 1.5rem; width:10.25rem}					
	.sectTwenty > div:nth-child(2) h3 {font-size:15px}
	.sectTwenty > div:nth-child(2) p {margin-top:2rem; padding-bottom:3.95rem}}
@media all and (min-width:992px) {
	#Twenty {margin-top:11rem}
	.sectTwenty > div:nth-child(1) {margin-top:-5rem}
	.sectTwenty > div:nth-child(1) img {left:1rem; width:80%; box-shadow: -50px 50px #8b998d; margin: auto; position: relative; display: block}
	.sectTwenty > div:nth-child(2) {margin-top:1.25rem; padding:0 1rem 0 3.5rem} 					
	.sectTwenty > div:nth-child(2) p {padding-bottom:5rem; font-size:21px; letter-spacing:0.05em}}
@media all and (min-width:1200px) {
	.sectTwenty > div:nth-child(1) img {width:70%}		
	.sectTwenty > div:nth-child(2) {margin-top:2rem; padding:0 5rem 0 3.95rem} 
	.sectTwenty > div:nth-child(2) p {padding-bottom:6rem; font-size:22px; letter-spacing:0.1em}}	
/* -------------------------------------------------------- Annuaire */ 					
.questioning {padding:3.25rem 0 3.95rem; position:relative; clear: both}
.questioning h3 {text-align:center}						
.questioning h3 span {display:block}
.questioning h3 > span:nth-child(1) {font:normal 25px 'Playfair'; letter-spacing:0.05em}
.questioning h3 > span:nth-child(2) {font:normal 35px 'Playfair'; letter-spacing:0.05em; line-height:0.9}					
.questioning .line {margin:2.25rem auto 2.6rem; width:5rem; border-top:1px solid #8b998d; border-bottom:0; border-left:0; border-right:0; position:relative}
.questioning h2 {font:normal 19px 'Playfair'; letter-spacing:0.035em}				
.questioning ul {margin-top:0.75rem; padding-left:1rem; text-transform: none}
.questioning ul li {padding-top:1rem; font-size:20px; letter-spacing:0.05em; line-height:1.7; text-align: justify; hyphens: auto; word-wrap: break-word; text-transform: none}
.questioning ul li::before {top:5px; margin-left:-1rem; font-size:20px; width:1rem; color:#8b998d; content:"*"; display: inline-block; position:relative}
.questioning ul li a {border-bottom:1px dotted #888}
.questioning ul li a:hover {border-bottom:1px solid #555; color:#333}
@media all and (min-width:576px) {
	.questioning {padding:3.95rem 0}
	.questioning h3 > span:nth-child(1) {font-size:30px}
	.questioning h3 > span:nth-child(2) {font-size:39px}					
	.questioning .line {margin:2.5rem auto 3rem}
	.questioning h2 {font-size:23px}	
	.questioning ul li {font-size:22px; letter-spacing:0.1em; line-height:1.8}
	.questioning ul li::before {font-size:22px}}
@media all and (min-width:992px) {	
	.questioning {padding:5rem 0}
	.questioning h3 {text-align:left}
	.questioning h3 span {display:inline}
	.questioning h3 > span:nth-child(1),
	.questioning h3 > span:nth-child(2) {font-size:35px}			
	.questioning .line {margin:2rem auto 3.95rem; width:100%}
	.questioning ul {padding-left:2rem}}
/* -------------------------------------------------------- INFO */
.infoPage {padding:3rem 0 3.95rem; background-color:#f7f5ef; text-align: center; position:relative}
.infoPage h2 {font-size:22px; letter-spacing: 0.02em; line-height:1.5}
.infoPage p {margin:1.5rem auto 2.5rem; letter-spacing:0.025em; text-align:justify}
.infoPage p a {border-bottom:none}
.infoPage p a:hover {border-bottom:1px solid #fff}
.infoPage_Right a.btn,
.infoPage_Left a.btn {margin:0.5rem auto; width:280px; color: #333; background-color: rgba(255,255,255,0.75); text-align:center; display: table}
.infoPage_Right a.btn i,
.infoPage_Left a.btn i,
.infoPage_Right a.btn:hover i.after,
.infoPage_Left a.btn:hover i.after {color: #3e3e3e}
@media all and (min-width:576px) {	
	.infoPage {padding:3rem 0 4.5rem}
	.infoPage h2 {font-size:23px; margin-top:0.5rem}
	.infoPage p {width:480px; text-align:center}}
@media all and (min-width:992px) {	
	.infoPage {padding:3.5rem 0 4.75rem}
	.infoPage h2 {font-size:25px; margin-top:0}
	.infoPage p {margin:1.1em auto 2.75rem; line-height: 1.8; width:800px}
	.infoPage_Left a.btn {margin:0 0.85rem 0 auto}	
	.infoPage_Right a.btn {margin:0 auto 0 0.85rem}}
@media all and (min-width:1200px) {	
	.infoPage {padding:4.5rem 0 5.5rem}
	.infoPage_Left a.btn,
	.infoPage_Right a.btn {margin-top:0.8rem}}