@charset "UTF-8";
/* CSS Document */



	label{
	/*font-family: Arial;*/
	font-size:14px;
	font-weight: lighter;
	color: #706f6f;
	}

	input{
	/*background-color: #6b3d3f;*/
	background: transparent;
	border:1px solid #6b3d3f;
	font-family: Georgia,Times;
	font-style: italic;
	/*background-image: url("../images/fond_champ.jpg");
	background-repeat: no-repeat;*/
	/*margin-top: 10px;*/
	/*-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;*/
	/*border-radius: 3px;*/
	/*border:1px solid #c7d8e3;*/
	/*padding-left: 5px;/* pour l'espacement en début de champ */
	}

	/*select{
	width: 265px;
	height: 27px;
	text-indent: 12px;
	/* pour la fleche */
	background-image: url("../*/images/fleche_select_champ/*.png");
	background-repeat: no-repeat;
	background-position: center right;
	/* pour le design */
	background: transparent /*#f0ebe4;
	border:1px solid /*#f0ebe4;
	box-shadow:none;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	-ms-border-radius: 3px;
	border-radius: 3px;
	-webkit-appearance: none;
	-moz-appearance: none;
	-o-appearance: none;
	-ms-appearance: none;
	appearance: none;
	cursor: pointer;
	}*/

	/*option{
	background-color:#f0ebe4;
	font-size:12px;
	color:#333333;
	border: none;
	}*/

	/*textarea{
	background-color:#f0ebe4;
	border:0px solid #f0ebe4;
	/*-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;*/
	/*}*/

	#ch_input{
	width: 100%;
	height: 24px;
	}

	#inputjeux input{
		position:absolute;
		float:left;
		width:24px;/*largeur de la coche*/
		height:24px;/*hauteur de la coche*/
		opacity: 0; /* pour !IE */
		filter: alpha(opacity=0); /* pour IE */
		cursor:pointer;
	}

	#inputjeux label{
		position:absolute;
		float:left;
		width:100%;
		margin-top:10px;
		padding-top:0px; /*pour plaquer le texte en haut du bloc label*/
		text-indent:5px;/*le label est obligatoirement à gauche mais on le veut à droite !!!*/
		cursor:pointer;
	}

	/*#ch_select{
	width: 100%;
	height: 60px;
	}*/

	/*#ch_textarea{
	width: 100%;
	height: auto;
	}*/

	.double{
	/* Empêcher le dépassement des flottants */
	overflow: hidden;
	/* Idem pour IE6 */
	width: 100%;
	margin-bottom:0; /* écratement des champs en hauteur */
	}

	.double input{
	width:250px;
	height:24px;
	float:right;
	color: #6b3d3f;
	font-weight: bolder;
	margin-top: 5px;
	text-indent: 6px;
	/*border: 0px solid #c7d8e3;*/
	}

	.inputage input{
		width:50px;
		margin-right: 200px;
	}

	.inputcp input{
		width:100px;
		margin-right: 150px;
	}

	/*.double input:focus{
	width:170px;
	height:24px;
	float:right;
	color: #628898;
	border: 1px solid #628898;
	background-color: #ffffff;
	}*/

	.double label {
	float:left;
	margin-top: 8px;
	}


	/**************************** CIVILITE ****************************/

	#bloccivilite{
	float:right;
	width:120px;
	margin-right: 130px;
	}
	
	.civilite1{
	float:left;
	width:50px;/*doit obligatoirement avoir une largeur pour que le label ce place à côté et non en dessous !!!*/
	margin-right:5px;
	margin-top:0;
	}
	
	.civilite1 input{
	position:absolute;
	float:left;
	width:24px;/*largeur de la coche*/
	height:24px;/*hauteur de la coche*/
	opacity: 0; /* pour !IE */
	filter: alpha(opacity=0); /* pour IE */
	cursor:pointer;
	}
	
	.civilite1 label{
	position:absolute;
	float:left;
	width:15px;
	margin-top:10px;
	padding-top:0px; /*pour plaquer le texte en haut du bloc label*/
	text-indent:5px;/*le label est obligatoirement à gauche mais on le veut à droite !!!*/
	cursor:pointer;
	}
	
	.civilite2{
	float:left;
	width:46px;
	margin-right:5px;
	margin-top:0;
	}
	
	.civilite2 input{
	position:absolute;
	float:left;
	width:24px;/*largeur de la coche*/
	height:24px;/*hauteur de la coche*/
	opacity: 0; /* pour !IE */
	filter: alpha(opacity=0); /* pour IE */
	cursor:pointer;
	}
	
	.civilite2 label{
	position:absolute;
	float:left;
	width:25px;
	margin-top:10px;
	padding-top:0; /*pour plaquer le texte en haut du bloc label*/
	text-indent:5px;/*le label est obligatoirement à gauche mais on le veut à droite !!!*/
	cursor:pointer;
	}

/**************************** NEWSLETTER ****************************/

	#blocnewsletter, #blocconditions{
	float:right;
	width:120px;
	margin-right: 130px;
	margin-top: 5px;
	}
	
	.news1{
	float:left;
	width:50px;/*doit obligatoirement avoir une largeur pour que le label ce place à côté et non en dessous !!!*/
	margin-right:15px;
	margin-top:0;
	}
	
	.news1 input{
	position:absolute;
	float:left;
	width:24px;/*largeur de la coche*/
	height:24px;/*hauteur de la coche*/
	opacity: 0; /* pour !IE */
	filter: alpha(opacity=0); /* pour IE */
	cursor:pointer;
	}
	
	.news1 label{
	position:absolute;
	float:left;
	width:15px;
	margin-top:10px;
	padding-top:0px; /*pour plaquer le texte en haut du bloc label*/
	text-indent:5px;/*le label est obligatoirement à gauche mais on le veut à droite !!!*/
	cursor:pointer;
	}
	
	.news2{
	float:left;
	width:46px;
	margin-right:5px;
	margin-top:0;
	}
	
	.news2 input{
	position:absolute;
	float:left;
	width:24px;/*largeur de la coche*/
	height:24px;/*hauteur de la coche*/
	opacity: 0; /* pour !IE */
	filter: alpha(opacity=0); /* pour IE */
	cursor:pointer;
	}
	
	.news2 label{
	position:absolute;
	float:left;
	width:25px;
	margin-top:10px;
	padding-top:0; /*pour plaquer le texte en haut du bloc label*/
	text-indent:5px;/*le label est obligatoirement à gauche mais on le veut à droite !!!*/
	cursor:pointer;
	}



	/**************************** VALIDATION ****************************/

	#validate{
	width:102px;
	height:58px;
	background:transparent url("../images/bt_valide_form.jpg") no-repeat;
	border:none;
	cursor:pointer;
	margin-top: 10px;
	margin-left: 93px;
	}

/* ######## FORM DEJA INSCRIT ########### */

#blocdejainscris{
	position:absolute;
	width:334px;
	height:auto;
	color: #6b3d3f;
	font-size: 14px;
	text-align: right;
	font-weight: bolder;
	margin-left:266px;
	margin-top:-30px;
	z-index:8;
	}

#blocdejainscris .bloclabel label{
	color: #000;
	font-size: 14px;
	font-weight: bolder;
	font-style: italic;
	margin-top: 7px;
	float: left;
	width: 100px;
	height: 35px;
}

#blocdejainscris .inputchamp input{
	color: #706f6f;
	background-color: #000;
	font-size: 14px;
	border:none;
	width: 194px;
	height: 24px;
	border: none;
	float: left;
	text-indent: 10px;
	margin-top: 4px;
	margin-left: 10px;
}

#connect{
	width:24px;
	height:24px;
	background:transparent url("../images/btdejinscris.png") no-repeat;
	border:none;
	cursor:pointer;
	margin-top: 4px;
}
	





	/**************************     MOBILE       **************************/

/*@media only screen and (max-width: 767px){ /* j'ai mis 767 car 768 ça marche pas dans IPAD PORTRAIT, ça fait comme si c'était un smartphone */



/*}/* fin @media MOBILE */

/**************************     TABLETTE       **************************/

/*@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : portrait){



/*}/* fin @media TABLETTE */

/*@media only screen and (min-width : 768px) and (max-width : 1024px) and (orientation : landscape){



}/* fin @media TABLETTE "autres"*/



/**************************    DESKTOP       **************************/

/*@media only screen and (min-width: 1024px){ /* l'IPAD paysage est conté dedans !!!! */


/*} /* fin @media DESKTOP */