body { 
 margin-top: 19px;
 margin-bottom: 10px; 
 background-color: #D0D0D0;
 font-family: arial;
}
.no-overflow {
 overflow: hidden;
}
a img { 
 border: none;
}
a {
 text-decoration: none;
}
.page {
 width: 1009px;
 margin: 0px auto 0px auto;
}
.page-top {
 height: 30px;
 background-image: url(../images/top.png);
 background-repeat: no-repeat;
 background-position: center center;
}
.page-middle {
 background-image: url(../images/middle.png);
 background-repeat: repeat-y;
 background-position: center center;
 padding-right: 29px;
 padding-left: 20px;
}
.header {
 height: 130px;
 width: 950px;
 background-image: url(../images/header.png);
 background-repeat: no-repeat;
 background-position: top center;
}
.page-bottom {
 height: 38px;
 background-image: url(../images/bottom.png);
 background-repeat: no-repeat;
 background-position: center center;
}
.signature { 
 margin-top: 10px;
 text-align: center;
 font-size: 12px;
 color: #E7E7E7;
}
.section {
 margin-top: 30px;
}
.titre-section {
 height: 43px;
 font-weight: bold;
 font-size: 20px;
 text-transform: uppercase;
 color: #ffffff;
 padding-left: 65px;
 padding-top: 12px;
}
.section1 {
 background-image: url(../images/section-1.png);
 background-repeat: no-repeat;
 background-position: center center;
}
.section2 {
 background-image: url(../images/section-2.png);
 background-repeat: no-repeat;
 background-position: center center;
}
.section3 {
 background-image: url(../images/section-3.png);
 background-repeat: no-repeat;
 background-position: center center;
}
.ligne-entrees {
 height:auto;
 overflow: hidden;
 top:0px;
 left:0px;
 margin:0px auto; 
 position: relative;
 text-align:center;		
 margin-top: 20px; 
}
.entree {
 width: 180px;
 margin:10px auto;
 vertical-align:top;
 display:inline-block;
 overflow: hidden; 
 position: relative;
 text-align:center;
 font-style: italic;
 color: #777777;	
}
.ligne-entrees-2 {
 margin-top: 20px;
 margin-left: auto;
 margin-right: auto;
}
.entree-2 {
 float:left;
 width: 180px;
 /*margin-top: 20px;	*/
 text-align:center;
 font-style: italic;
 color: #777777;	
}
.couleur-s1 {
 color: #0099CC;
}
.couleur-s2 {
 color: #009900;
}
.couleur-s3 {
 color: #FF6600;
}
.zoom {
 width: 920px;
 margin-left: 20px;
 margin-top: 20px;
}
.zoom-m-historique {
	float:left;
	width: 345px;
	text-align: center;
	margin-top: 340px;
	font-size: 12px;
	font-style: italic;
	color: #808080;
}
.zoom-m-presentation {
	float:left;
	margin-left: 30px;
	width: 500px;
}
.zoom-m-presentation-titre {
	font-size: 20px;
	font-weight: bold;
	color: #FF6600;
	margin-top: 20px;
}
.zoom-m-presentation-texte {
	margin-top: 20px;
	font-size: 14px;
}
.zoom-m-presentation-lien {
	margin-top: 30px;
	text-align: right;
}
.icone-pied {
	margin-top: 30px;
	margin-right: 10px;
	text-align: right;
}
.icone-pied a {
	color: #D0D0D0;
	font-weight: bold;
	font-size: 13px; 
}
.icone1 {
 width: 56px;
 height: 40px; 	
 background-image: url(../images/icone-1-s.png);
 background-repeat: no-repeat;
 background-position: center center;
 display: inline-block;
 vertical-align:middle;
}
.icone2 {
 width: 60px;
 height: 40px; 	
 background-image: url(../images/icone-2-s.png);
 background-repeat: no-repeat;
 background-position: center center;
 display: inline-block;
 vertical-align:middle;
}
.texte-icone {
 margin-right: 10px;
 display: inline-block;vertical-align:middle;
}
.spacer {
 clear: both;
 }
.lien {
 color: #FF6600;
}
/** WEBSEARCH **/

.hidden {
 visibility: hidden;
}
#webSearch {
 position: fixed;
 z-index: 1105;
 top: 0;
 left: 0;
 height: 100vh;
 width: 100%;
 background-image: url(../images/bg_clouds.png);
 background-repeat: no-repeat;
 background-attachment: fixed;
 background-position-x: center;
 background-position-y: calc(30vh - 200px);
 background-color: rgba(240,233,203,1);
 overflow: hidden;
}
#btnCloseWebSearch {
 position: absolute;
 top: 10px;
 right: 30px;
 font-size: 30px;
 cursor: pointer;
 /*opacity: 1;*/
 color: #875F01;
 font-weight: bold;
 z-index: 1107;
}
#btnCloseWebSearch:hover {
 /*opacity: 0.6;*/
 color: #FF6600;
}

.search-container {
 display: flex;
 justify-content: center;
 margin: 0;
 margin-top: calc(30vh - 70px);
}
#search-logo {
 height: 35px;
 width: 550px;
 margin-bottom:30px;
}
.search-box {
 background-color: #ffffff;
 border: 1px solid #F2F4F7;
 padding: 5px;
 border-radius: 25px;
 box-shadow: 0px 5px 5px rgba(0, 0, 0, 0.2);
 height:40px;
 display: flex;
 align-items: center;
 margin-bottom: 20px;
}
input[type="text"] {
 font-size: 1rem;
 border:none;
 margin-left:10px;
 width:650px;
}
input:focus {
 outline: none;
}
button {
 width: 40px;
 height:40px;
 background-color: #ffffff;
 border: none;
 cursor: pointer;
 border-radius: 20px;
}
button:hover {
 background-color: #F2F4F7;
}

#search-info {
 margin-top: 30px;
 font-style: italic;
 color: #875F01;
 font-size: 0.8em;
 text-align: center;
}

.groupEntry {
 position: fixed;
 z-index: 1205;
 top: 0;
 left: 0;
 height: 100vh;
 width: 100%;
 background-color: rgba(240,233,203,0.95);
 overflow: hidden;
 
 background-image: url(../images/bg_clouds.png);
 background-repeat: no-repeat;
 background-attachment: fixed;
 background-position-x: center;
 background-position-y: calc(30vh - 200px);
}

.btnCloseGroupEntry {
 position: absolute;
 top: 10px;
 right: 20px;
 font-size: 30px;
 cursor: pointer;
 color: #777777;
 font-weight: bold;
 z-index: 1207;
}
.btnCloseGroupEntry:hover {
 color: #FF6600;
}

.groupEntryBox {
 margin: 0;
 padding: 50px;
 position: absolute;
 top: 20%;
 left: 50%;
 transform: translate(-50%, 0);
 background-color: #ffffff;
 border-radius: 20px;
 box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
}

.groupEntryTitle {
	font-weight: bold;
	font-size: 2em;
	margin-bottom: 40px;
	color: #777777;
	text-align: center;
}

.groupEntryContent {
	
}