/* CSS propre à la classe webquest
Auteur : Sébastien Hélan
*/

#blank{
	height:40px;
}

header img{
	max-width: 100%;
}

.label{
	float:left;
	text-align:left;
	display: inline-block;
	vertical-align:top;
}

.blank30p{
	width:30%;
	text-align:left;
	display: inline-block;
	height:1px;
	vertical-align:top;
}
.error-blank30p{
	width:30%;
	text-align:left;
	display: inline-block;
	height:1px;
	vertical-align:top;
}
.div_checkbox{
	width:100%;
	text-align:left;
	display: inline-block;
	margin : 2px 0;
	min-height : 22px;
}

.label-multiligne{
	text-align:left;
	display: inline-block;
	width: 96%;
}

.input{
	width:65%;
	display: inline-block;
	float:right;
}

.separation{
	clear:both;
}


#wrapper input:not([type="checkbox"]):not([type="radio"]):not([type="submit"]), #wrapper select:not([type="checkbox"]), textarea {
    background-color: #FFFFFF;
    border: 1px solid #0878C1;
    color: #48566E;
}

.input-multiligne{
	width: 65%;
	display: inline-block;
}

.element{
	margin: 20px 0 0;
}

.element-multiligne{
	margin: 10px 0 0;
}

.error{
	background-color: rgba(255, 0, 0, 0.6);
	border-radius: 3px;
	display: inline-block;
	margin: 0 8%;
	text-align: center;
	width: 50%;
	float:right;
}

.error2{
	background-color: rgba(255, 0, 0, 0.6);
	border-radius: 0px;
	text-align: center;
	padding : 5px;
	float:right;
}

.error-php{
	padding: 0 10px;
	text-align:center;
	width:50%;
	display: inline-block;
	background-color:rgba(255, 0, 0, 0.7);
	float:right;
}

fieldset { 
	border: 0px;
	padding: 0;
}

.boutons{   
	width: 100%;
	margin: 5px 0 0;
}
.left{   
	width: 50%;    
	display: inline-block;
	text-align: left;
}
.right{   
	width: 50%;
	display: inline-block;
	text-align: right;
}

.imgseparation{
	max-width:98%;
}
@media all and (max-width:800px) {
	#wrapper {
	    width: 100%;
	}

	.label {
	    width: 95%;
	}
	.blank30p{
		width:0%;
	}
	.error-blank30p{
		width:0%;
	}
	.error{
		width:80%;
	}
	.input {
	    display: inline-block;
	    width: 95%;
	}
	.titre {
    		color: #000000;
	}
	.input-multiligne {
	    width: 95%;
	}
	#footer #webquest, #footer .signaler1 {
		display: none;
	  }
	#footer {
	  margin: 20px 0 0 0;
	  text-decoration: underline;
	}
}


.error {
	position: relative;
}
.error:after, .error:before {
	bottom: 100%;
	left: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

.error:after {
	border-bottom-color: rgba(255, 0, 0, 0.6);
	border-width: 7px;
	margin-left: -3px;
}

.ligne-tab:nth-child(odd){
	background-color:#FFFFFF;
}
.ligne-tab:nth-child(even){
	background-color:#F2F2F2;
}
.ligne-tab-th{
	padding: 0 3px;
}

.center { margin: auto; }
.text-center { text-align: center;}
.centpourcent { width:100%;}
.seizepourcent { width:16%;}
.quatorzepourcent { width:14%;}
.douzepourcent { width:12%;}
.logo .web { font-size:2em; color:#b3b3b3}
.logo .quest { font-size:2em; color:#adc436}

.wq_div_video{
	text-align: center;
}
.wq_video{
	width: 70%;
}
@media all and (max-width:800px) {
	.wq_video{
		width: 90%;
	}
}

.optionannuler {
	margin:  20px 0 0 0;
}