/*************************************************************************************************** Menu Clic */
#offres {display: inline-block;}
	.menu {display: inline-block; vertical-align: middle; height: 50px; text-align: center; padding-top: 15px; width: 500px; font-size: 25px; color: white; font-variant: small-caps;}
		.menu:hover {opacity: 0.7;}
	#menu1 {background-color: #799ab8;}
	#menu2 {background-color: #ffcb3f;}


/*************************************************************************************************** Bannières */
.banner_mobile {background: url('bg2.jpg') fixed no-repeat; height: 250px; background-size: cover;}

.banner_fixe {width: 100%; background-color: #d7f2d3; color: #e56000;}
	.bloc_ban {display: inline-block; vertical-align: middle; padding: 30px 80px;}


/*************************************************************************************************** Formulaires */
form {}
	input, textarea, select
	{
		width: 50%;
		height: 40px;
		border: 1px solid grey;
		border-radius: 3px;
		font-family: calibri;
		font-size: 20px;
		color: #131313;
	}
	.checkbox {display: inline-block; width : 20px; height: 20px; vertical-align: middle;}
	label {display: inline-block; width : 20%; height: 30px;}
	textarea {height: 100px;}
	#submit {background-color: #bcbcbc; color: black;}
		#submit:hover {background-color: #003366; color: white;}
	legend {color: #002c78; font-size: 20px;}
	.reponse {color: green; font-style: italic;}
	.erreur {color: black; font-style: italic; font-size: 26px;}
	
	.zone_radio 
	{
		display: inline-block;
		vertical-align: top;
		width: 200px;
		height: 120px;
		margin: 5px;
		background-color: #dfdfef;
		border: 1px solid grey;
		border-radius: 10px;
		cursor:pointer;
	}
		.zone_radio:hover {opacity: 0.7; border: 1px solid red;}
		.souscat {display: inline-block; width: 100%; margin-top: 20px; font-size: 20px; background-color: rgba(0, 0, 0, 0.55); color: white;}
		/* on cache l'ancien radio */
		input[type=radio]{position: absolute; left: -9999px;}
		/* on prépare le label (ou .point) */
		[type="radio"]:not(:checked) + .point, [type="radio"]:checked + .point 
		{
			position: relative; /* permet de positionner les pseudo-éléments */
			padding-left: 25px;
			top: 5px;
		}
		/* Aspect des checkboxes - :before sert à créer la case à cocher */
		[type="radio"]:not(:checked) + .point:before,[type="radio"]:checked + .point:before 
		{
			content: '';
			position: absolute;
			left:0; top: 0;
			width: 18px; height: 18px;
			border: 4px solid black;
			background: white;
			border-radius: 50%;
		}
		 
		/* Aspect général de la coche */
		[type="radio"]:not(:checked) + .point:after, [type="radio"]:checked + .point:after
		{
			content: '';
			position: absolute;
			left:0; top: 0;
			width: 18px; height: 18px;
			border: 4px double white;
			background: red;
			border-radius: 50%;
			transition: all .2s; /* on prévoit une animation */
		}
		/* Aspect si "pas cochée" */
		[type="radio"]:not(:checked) + .point:after
		{
		    opacity: 0; /* coche invisible */
		    transform: scale(0); /* mise à l'échelle à 0 */
		}
		/* Aspect si "cochée" */
		[type="radio"]:checked + .point:after 
		{
		    opacity: 1; /* coche opaque */
		    transform: scale(1); /* mise à l'échelle 1:1 */
		}
		
		::-webkit-input-placeholder {
			color: #c4c4c4;
		}

		:-moz-placeholder { /* Firefox 18- */
		   color: #c4c4c4;  
		}

		::-moz-placeholder {  /* Firefox 19+ */
		   color: #c4c4c4;  
		}

		:-ms-input-placeholder {  
		   color: #c4c4c4;  
		}
	
	/* Afficher et masquer le mot de pass */
	  #pw {position: relative; left: 18px;}
	  
	  #checkbox
	 {
	  background: url('oeil_oui.png');
	  position: relative;
	  right: 40px; top: 2px;
	  width: 30px;
	  height: 20px;
	  border: 0;
	}
	
	#checkbox:before {
	  content: "Afficher";
	  position: relative;
	  right: 40px;
	  bottom: 5px;
	  font-size: 12px;
	}

	/* Autocomplete
	----------------------------------*/
	.ui-autocomplete {position: absolute; cursor: default;}       
	.ui-autocomplete-loading {background: white url('ui-anim_basic_16x16.gif') right center no-repeat; }

	/* workarounds */
	* html .ui-autocomplete {width:1px;} /* without this, the menu expands to 100% in IE6 */

	/* Menu
	----------------------------------*/
	.ui-menu {
			list-style:none;
			padding: 10px;
			margin: 0;
			display:block;
			width:227px;
	}
	.ui-menu .ui-menu {
			margin-top: -3px;
	}
	.ui-menu .ui-menu-item {
			margin: 0;
			padding: 3px 6px;
			width: 200px;
			background-color: #eff5fa;
	}
	.ui-menu .ui-menu-item:hover {border: 0; color: red;}
	.ui-menu .ui-menu-item a {
			text-decoration: none;
			display: block;
			padding: .2em .4em;
			line-height: 1.5;
			zoom: 1;
	}

	.ui-menu .ui-menu-item a.ui-state-hover,
	.ui-menu .ui-menu-item a.ui-state-active {
			margin: -1px;
	}




/***************************************************************************************************************************************************** Search */
#search_form {display: inline-block; padding: 0 20px;}
	#search_form img {height: 20px; padding-right: 10px; position: relative; bottom: 4px;}
	#search_form #mots_clefs {width: 450px; height: 25px;}
	#search_form #submit {width: 80px; height: 30px; background-color: #b8b8da; font-size: 15px; position: relative; bottom: 2px;}
		#search_form #submit:hover {background-color: #003366; color: white;}


/***************************************************************************************************************************************************** Scroll */
#scrollToTop {display: none;}
	#scrollToTop a
	{
		position: fixed;
		right: 30px;
		bottom: 100px;
		opacity: 0.8;
	}
	#scrollToTop a:hover {opacity: 0.6;}


/************************************************************************************* Listes ordonnées stylées
ol {counter-reset: repas;}
	li 
	{
		list-style-type: none;
		counter-increment: repas;
		line-height: 1.5;
	}
	li:before
	{
		content: counter(repas);
		padding: 1px 10px;
		margin-right: 10px;
		vertical-align: middle;
		background: #678;
		border-radius: 10px;
		font-weight: bold;
		font-size: 0.8em;
		color: white;		
	}
*/


/************************************************************************************* Nouvelle Header 2 */
#new_head {background-color: white; width: 100%; text-align: center; height: auto; padding-top: 10px;}
	#entete_top {height: 120px;}
		#logo2 {display: inline-block; float: left; padding-left: 100px;}
		#nav_top2 {display: inline-block; float: right; text-align: right; overflow:hidden;}
			#nav_top2 a {padding: 0 20px;}

	#entete2
	{
		width: 100%;
		height: 600px;
		background: url('bg2.jpg') no-repeat;
		background-size: cover;
	}
		#search_form2 {text-align: left; position: relative; top: 200px; padding-left: 100px;}
			#search_form2 #mots_clefs {width: 700px; height: 70px; font-family: calibri; font-size: 25px; color: #c4c4c4;}
			#search_form2 #submit {width: 280px; height: 74px; background: url('loupe.png') no-repeat 20px 10px; background-color: #1889df; font-size: 20px; color: white; position: relative; right: 5px; bottom: 1px;}
				#search_form2 #submit:hover {background-color: #003366; color: white;}

		#titre_entete2
		{
			line-height: 35px;
			letter-spacing: 2px;
			font-size: 52px;
			padding: 20px;
			margin: 0;
			position: relative;
			top: 80px;
			text-align: left;
			padding-left: 100px;
			background-color: rgba(255, 255, 255, 0.50);
			color: #083151;
		}
		
		#image_drt {display: inline-block; float: right; padding: 0; padding-right: 10px;}