html, body, #page						{ height: 100%; }
body, #page								{
										font-family: "Open Sans", sans-serif;
										font-weight: normal;
										font-size: 13px;
										color: #000;
										}

.row									{ }
.col-center								{ text-align:center; }
.form-vide								{ display:none; }
.panel-group							{ max-width:600px; margin-left:auto; margin-right:auto; }
.panel-group .panel-body				{ padding:30px 50px; }
.panel									{ color: #666; font-size:12px; }
.panel-title							{ font-weight:bold; color: #333; font-size:13px; }
.input-group-addon i					{ width:20px; text-align:center; }
.input-max-size							{ max-width:none; }
.input-max-size2						{ max-width:210px; }
.form-group								{ margin-bottom: 30px; }
.form-group:last-child					{ margin-bottom: 0px; }

.bou-1, .bou-1:hover					{
										text-transform: uppercase;
										display: inline-block;
										height: 30px;
										line-height: 30px;
										padding: 0px 45px 0px 20px;
										margin: 0px;
										background: #19c6e6 url(../images/fleche-droite-right.png) no-repeat;
										background-position-x: 0%;
										background-position-y: 0%;
										background-position: center right;
										border: 0px;
										border-radius: 15px;
										color: #FFFFFF;
										font-weight: bold;
										font-size: 12px;
										text-shadow: 1px 1px 1px #000;
										text-decoration: none;
										}

.ui-datepicker							{ z-index:2000 !important; }
.ui-datepicker .ui-widget-header		{ width:210px; }

#niv_satisfaction input[type="radio"]						{ display:none; }
#niv_satisfaction input[type="radio"] + label				{ height:58px; width:58px; background-size:100% 100%; background-repeat: no-repeat; display:inline-block; padding:0px; margin-right:15px; }
#niv_satisfaction #form_niv_satisfaction_1 + label			{ background: url(../images/smiley-niv1.png); background-size:100% 100%; }
#niv_satisfaction #form_niv_satisfaction_2 + label			{ background: url(../images/smiley-niv2.png); background-size:100% 100%; }
#niv_satisfaction #form_niv_satisfaction_3 + label			{ background: url(../images/smiley-niv3.png); background-size:100% 100%; }
#niv_satisfaction #form_niv_satisfaction_4 + label			{ background: url(../images/smiley-niv4.png); background-size:100% 100%; }
#niv_satisfaction #form_niv_satisfaction_5 + label			{ background: url(../images/smiley-niv5.png); background-size:100% 100%; }
#niv_satisfaction #form_niv_satisfaction_1:hover + label	{ background: url(../images/smiley-niv1-hover.png); background-size:100% 100%; }
#niv_satisfaction #form_niv_satisfaction_2:hover + label	{ background: url(../images/smiley-niv2-hover.png); background-size:100% 100%; }
#niv_satisfaction #form_niv_satisfaction_3:hover + label	{ background: url(../images/smiley-niv3-hover.png); background-size:100% 100%; }
#niv_satisfaction #form_niv_satisfaction_4:hover + label	{ background: url(../images/smiley-niv4-hover.png); background-size:100% 100%; }
#niv_satisfaction #form_niv_satisfaction_5:hover + label	{ background: url(../images/smiley-niv5-hover.png); background-size:100% 100%; }
#niv_satisfaction #form_niv_satisfaction_1:checked + label	{ background: url(../images/smiley-niv1-check.png); background-size:100% 100%; }
#niv_satisfaction #form_niv_satisfaction_2:checked + label	{ background: url(../images/smiley-niv2-check.png); background-size:100% 100%; }
#niv_satisfaction #form_niv_satisfaction_3:checked + label	{ background: url(../images/smiley-niv3-check.png); background-size:100% 100%; }
#niv_satisfaction #form_niv_satisfaction_4:checked + label	{ background: url(../images/smiley-niv4-check.png); background-size:100% 100%; }
#niv_satisfaction #form_niv_satisfaction_5:checked + label	{ background: url(../images/smiley-niv5-check.png); background-size:100% 100%; }

/* NAVBAR */
.navbar									{ min-height: 85px; height: 85px; }
.navbar-header							{ max-width:150px; width:inherit; }
.navbar-inverse							{ background-color: #fff; border-color: #eee; }
#logo									{ border:none; margin:-10px; padding:0px; min-width:150px; }
.bloc-flag								{ float:right; height:85px; line-height:85px; }

/* SLIDER */
#main-slider							{ position: relative; top:85px; }
#main-slider #title-carousel			{ z-index:100; width:100%; position:absolute; bottom:10px; }
#main-slider #title-carousel h1			{
										display:block;
										background-color:#f4f4f4;
										padding:30px;
										max-width:415px;
										margin-left:auto;
										margin-right:auto;
										margin-top:0px;
										margin-bottom:0px;
										color: #c9ce00;
										font-size: 36px;
										font-weight: bold;
										text-align: center;
										letter-spacing: inherit;
										text-shadow:none;
										}
#main-slider #smiley-title-carousel		{ width:80px; height:80px; margin-bottom:20px; }
#main-slider .carousel .item			{
										background-position: 50%;
										background-repeat: no-repeat;
										background-size: cover;
										left: 0 !important;
										opacity: 0;
										top: 0;
										position: absolute;
										width: 100%;
										display: block !important;
										height: 675px;
										-webkit-transition: opacity ease-in-out 2000ms;
										-moz-transition: opacity ease-in-out 2000ms;
										-o-transition: opacity ease-in-out 2000ms;
										transition: opacity ease-in-out 2000ms;
										}
#main-slider .carousel .item:first-child	{ top: auto; position: relative; }
#main-slider .carousel .item.active		{
										opacity: 1;
										-webkit-transition: opacity ease-in-out 2000ms;
										-moz-transition: opacity ease-in-out 2000ms;
										-o-transition: opacity ease-in-out 2000ms;
										transition: opacity ease-in-out 2000ms;
										z-index: 1;
										}
/* PRESENTATION */
#presentation							{ z-index:100; width:100%; position:absolute; margin-top:75px; display:block; }
#presentation .bloc-presentation		{
										display:block;
										background-color:#f4f4f4;
										max-width:1250px;
										margin-left:auto;
										margin-right:auto;
										}
#presentation .txt-presentation			{
										display:block;
										padding:15px;
										max-width:800px;
										margin-left:auto;
										margin-right:auto;
										margin-top:0px;
										margin-bottom:0px;
										color: #c9ce00;
										font-size: 16px;
										font-weight: normal;
										text-align: center;
										letter-spacing: inherit;
										text-shadow:none;
										}

/* TEXTE INSCRIPTION TIRAGE */
.txt-inscription-tirages				{ margin:30px 10px 15px 10px; font-weight:bold; }

/* CONTENT */
#content								{ background: #fff; padding: 0px; margin-top:195px; padding:15px; }
.content-validation						{ margin-bottom:40px; }

/* FOOTER */
#footer									{ bottom:0px; background: #f4f4f4; height: 80px; line-height: 80px; font-size:12px; }
#footer a								{ color:#333; }

/* RETOUR AU TOP */
.back-to-top,
.back-to-top:hover,
.back-to-top:focus,
.back-to-top:active						{ position: fixed; bottom: 25px; right: 10px; color: #000000; background-color: rgba(235, 235, 235, 0.80); padding: 5px; margin:0px; border-radius:5px; display:none; z-index:3000; }
.back-to-top:hover						{ background-color: rgba(135, 135, 135, 0.50); }
.back-to-top i							{ color:#00000; padding:0px; margin:0px; }

.back-to-top-pos						{ bottom: 1px; }

/* FANCYBOX */
#popup-titre							{
										padding: 0px 10px;
										margin: 0px;
										width: 100%;
										height: 40px;
										line-height: 40px;
										background: #111111;
										color: #FFFFFF;
										font-size: 14px;
										font-weight: bold;
										text-align: left;
										}
.navbar-popup-bottom					{
										text-align: center;
										background-color: #DDD;
										height: 40px;
										line-height: 40px;
										margin: 0px;
										padding: 0px;
										min-height: inherit;
										}
.bou-close-popup, .bou-close-popup:hover, .bou-close-popup:active
										{
										display: inline-block;
										color: #FFF;
										background: #000;
										height: 30px;
										line-height: 30px;
										margin: 0px;
										padding: 0px 10px;
										border-radius: 4px;
										text-decoration: none;
										}

/* ==========================================================================
   MEDIA QUERIES
   ========================================================================== */

@media screen and (max-width:1500px)
	{
	#main-slider .carousel .item		{ height: 500px; }
	#main-slider #title-carousel h1		{ padding:25px; width:350px; }
	}
@media screen and (max-width:1250px)
	{
	#main-slider .carousel .item		{ height: 400px; }
	#main-slider #title-carousel h1		{ padding:25px; width:300px; }
	}
@media screen and (max-width:1024px)
	{
	#main-slider .carousel .item		{ height: 300px; }
	#main-slider #title-carousel h1		{ padding:20px; font-size:30px; width:250px; }
	#main-slider #smiley-title-carousel	{ width:60px; height:60px; margin-bottom:15px; }
	#footer								{ height: 80px; line-height: 40px; }
	#footer div							{ text-align:left; }
	.content-validation					{ margin-top:100px !important; }
	}
@media screen and (max-width:769px)
	{
	#main-slider .carousel .item		{ height: 250px; }
	#main-slider #title-carousel h1		{ padding:15px; font-size:24px; width:190px; }
	#main-slider #smiley-title-carousel	{ width:50px; height:50px; margin-bottom:10px; }
	#niv_satisfaction input[type="radio"] + label	{ height:50px; width:50px;  margin-right:10px; }
	.panel-group .panel-body			{ padding:20px 10px; }
	#footer								{ height: 80px; line-height: 20px; font-size:12px; }
	#footer div							{ text-align:left; }
	.bloc-flag							{ margin-top:-50px; }
	}
@media screen and (max-width:500px)
	{
	#main-slider .carousel .item		{ height: 175px; }
	#main-slider #title-carousel h1		{ padding:10px; font-size:18px; width:130px; }
	#presentation .txt-presentation		{ font-size:14px; }
	#main-slider #smiley-title-carousel	{ width:40px; height:40px; margin-bottom:5px; }
	.panel-group .panel-body			{ padding:20px 10px; }
	.panel-title						{ font-size: 12px; }
	body, #page							{ font-size: 12px; }
	.form-group							{ margin-bottom: 20px; }
	#niv_satisfaction input[type="radio"] + label	{ height:40px; width:40px;  margin-right:5px; }
	.txt-inscription-tirages			{ margin:20px 5px 10px 5px; }
	#footer								{ height: 80px; line-height: 20px; font-size:10px; }
	#footer div							{ text-align:left; }
	.bloc-flag							{ margin-top:-50px; }
	.content-validation					{ margin-top:75px !important; }
	}
@media screen and (max-width:350px)
	{
	#main-slider .carousel .item		{ height: 150px; }
	#main-slider #title-carousel h1		{ padding:5px; font-size:16px; width:120px; }
	#presentation .txt-presentation		{ font-size:12px; }
	#main-slider #smiley-title-carousel	{ width:30px; height:30px; margin-bottom:5px; }
	.panel-group .panel-body			{ padding:15px 10px; }
	.form-group							{ margin-bottom: 15px; }
	#niv_satisfaction input[type="radio"] + label	{ height:35px; width:35px;  margin-right:5px; }
	.content-validation					{ margin-top:50px !important; }
	}