/* CSS Document */

html,body,*{
    margin: 0; padding: 0; box-sizing: border-box; font-size: 26px;
	font-family: "Zalando Sans SemiExpanded", sans-serif;
}
body {
	background-color: #f7f2ef;
}
.msgErr{
    margin-top: 17px;
    color:#F00;
}
.clear{
	clear: both;
}
#loginContainer{
    margin: 0 auto; 
    text-align: center;
    width: 100%;
}

#header p{
    font-size: 40px;
    margin:45px 0;
    color: #0000ff;
}
#header #logoContainer p{
    font-size: 40px;
    margin:15px 0;
    color: #0000ff;
}
#loginContainer #contenu table{
    margin: 0 auto;
}
#loginContainer input.inputTextLogin{
    border:1px solid #0000FF;
    float: none;
    display: block;
    margin: auto;
    text-align: center;
    padding: 5px;
    width: 305px;
    margin-bottom: 20px !important;
}
#loginContainer input.inputTextLogin::placeholder{
    font-family: "OfficinaSerITCStd-Book", Times, "Times New Roman", serif;
}

#loginContainer input.submitButton{
    background-color:#00f;
    color:white;
    width: 305px;
    padding: 5px;
    text-align: center;
    border:1px solid #fff;
    -webkit-appearance: none;
}

/* MENU MOBILE */	
.toggle-menu {
	width: 40px;
	height: 38px;
	position: fixed;
	top: 7px;
	right: 11px;
	z-index:50;
	background: #ffffff;
}
.toggle-menu i {
	position: absolute;
	display: block;
	height: 3px;
	background-color:#0000ff;
	width: 23px;
	right: 8px;
	-webkit-transition: all .3s;
	        transition: all .3s;
}
.toggle-menu i:nth-child(1) { top: 11px; }
.toggle-menu i:nth-child(2) { top: 18px; }
.toggle-menu i:nth-child(3) { top: 25px; }
.open-menu i:nth-child(1) {
	top: 18px;
	-webkit-transform: rotateZ(45deg);
	        transform: rotateZ(45deg);
}
.open-menu i:nth-child(2) { background: transparent; }
.open-menu i:nth-child(3) { 
	top: 18px;
	-webkit-transform: rotateZ(-45deg);
	        transform: rotateZ(-45deg);
}

#mobileMenu{
	width:100%; height: 100%;
	z-index:40;
	top:0; left:0;
	position:fixed;
	display:none;
	overflow-y: scroll;
    background: url(../../img/LwaA_background.jpg) repeat top center;}
#mobileMenu #mob_header{
	z-index:2;
	width:100%;
	margin:0 auto;
	margin-top:25px;
	position:relative;
	text-align:center;}
#mobileMenu #mob_menu{
	text-align:left;
	position:relative;
	font-family: "OfficinaSerITCStd-Bold", Times, "Times New Roman", serif;
	font-weight:700;
	font-size:22px;
	list-style:none;
	width:100%;
	left:0px;
	top:0;
	line-height:25px;
padding:0;}
#mobileMenu #mob_menu li{
text-align: center;}
#mobileMenu #mob_menu a{
    color: #0000ff;
	text-decoration:none;
	display: block;
	padding: 18px 17px;
	font-weight:500;
font-size: 36px;}
#mobileMenu #mob_menu a.redMenuItem{
    color: #ff0000;
	display: inline-block;
	border: solid 2px #ff0000;
	padding: 15px 17px;
	margin: 12px 0 40px 0;}


#mobileMenu #mob_menu li.mzSubMenu a{background: none;}
#mobileMenu #mob_menu .subMenu, #mobileMenu #mob_menu .subMenu2{
	color:#132b4f;
	font-size:16px;
	padding-top:5px;
	font-weight:400;
	list-style:none;
	background:#ffffff;
margin-bottom: 9px;}
#mobileMenu #mob_menu .subMenu li, #mobileMenu #mob_menu .subMenu2 li{
	background:none;}
#mobileMenu #mob_menu .subMenu a, #mobileMenu #mob_menu .subMenu2 a{
	background:none;
	color:#132b4f;
	font-size:16px;
	padding: 0px 5px;
	font-weight:400;
	list-style:none;
border: none;}
#mobileMenu #mob_menu a:hover,#menu a.active{
	font-weight:600;}
#mobileMenu #headerLogo{
    margin-top: 10px;
}
#headerLanguages {
    font-size: 18px;
    font-family: "OfficinaSerITCStd-Bold", Times, "Times New Roman", serif;
    line-height: 26px;
    list-style: none;
    display: block;
    margin-bottom: 20px;
    margin-top: 10px;
	text-align: center;
}
#headerLanguages li {
    display: inline-block;
}
#headerLanguages li a {
    text-decoration: none;
    color: #969696;
    padding-top: 5px;
    padding-left: 0;
    display: block;
    width: 37px;
    height: 37px;
font-size: 20px;
    text-align: center;
}
#headerLanguages li.active a {
    background: url(../../img/language-selector.png);
    color: #0000ff;
	height: 37px;
}
#headerLanguages li a:hover {
    background: url(../../img/language-selector-hover.png);
}

#container{
	width: 100%;
	padding: 15px;
}
/*h2{
	font-size: 32px;
	color: #0000ff;
	margin-bottom: 25px;
}*/
h2{
	font-size: 32px;
	background-color: #0000ff;
	margin-bottom: 25px;
	color: #ffffff;
	width: 100%;
	padding: 5px;
	margin: 15px 0;
	text-align: center;
}
h2.askTitle{ background-color: #ff0000;}
h3{
	font-size:29px;
	color: #0000ff;
	margin-bottom: 25px;
	text-align: center;
}
p,ul{
	color: #0000ff;
	font-size: 26px;
	margin-bottom: 15px;
}
p.askTxt{ color: #ff0000;}
li{
	margin-left: 20px;
	margin-bottom: 15px;
}
.participantItem{
	clear: both;
	margin-bottom: 15px;
	padding-bottom: 15px;
	border-bottom: #0000ff solid 1px;
	display: flow-root;
}
.partInfos{
	float: left;
	color: #0000FF;
	max-width: 80%;
}
.partInfos .company{
	font-style: italic; font-size: 20px;
}
.imgCopyright{
	color: #bbbbbb; font-size: 16px; margin-bottom: 13px;
}
.partMail{
	float: right;
	min-width: 15%;
	text-align: right;
}
.partMail a{color: #0000FF;}
#portrait{
	height: 215px;
margin-bottom: 20px;
}
.prevMoreInfo,.lessInfoBut{
	display: none;
}
.moreInfoBut{
	color: #0000ff;
	font-size: 24px;
	display: block;
text-align: center;
margin-bottom: 15px;}
.lessInfoBut{
	color: #0000ff;
	font-size: 24px;
text-align: center;
	margin-bottom: 15px;
}
.textInput{
	border: 2px solid #0000ff;
	border-radius: 2px;
	width:500px;
	max-width: 100%;padding: 10px;
}
.askButtonLink{
	border: 2px solid #ff0000;
	color: #ff0000;
	
	padding: 18px 17px;
	font-weight:500;
font-size: 36px;
	text-decoration: none;
}
.askInput{
	border: 2px solid #ff0000;
	border-radius: 2px;
	width:500px;
	max-width: 100%;padding: 10px;
}
.textInput.readonly{
	background-color: #CCCCCC;
	font-style: italic;
}
label{
	color: #0000ff;
}
label.ask{
	color: #ff0000;
}
.messageArea{
	border: 2px solid #0000ff;
	border-radius: 2px;
	width:500px;
	height: 300px;
	max-width: 100%;
	padding: 10px;
}
.askMessageArea{
	border: 2px solid #ff0000;
	border-radius: 2px;
	width:500px;
	height: 300px;
	max-width: 100%;
	padding: 10px;
}
.submitButton{
	color:#ffffff;
	background-color: #0000ff;
	width: 100%;
	padding: 10px;
	border: none;cursor: pointer;
border-radius: 0;
}
.boxCentrage{
	width: 100%;
	text-align: center;
}
.contactBox{
	border: solid 2px #0000FF;
	display: inline-block;
	padding: 15px;
	margin-bottom: 25px;
	max-width: 100%;
	color: #0000ff;
	line-height: 40px;
}
.partenaires{
	list-style: none;
}
.partenaires li{
	text-align: center;
	margin-left: 0;
}
.partenaires li a img{
	width: 250px;
	max-width: 70%;
}.partenaires li a {
	text-decoration: none;
}
.contactBox strong, a{ color: #0000ff;}
@media (max-width: 600px) {
    #header img{
        width: 50vw;
    }
}