html, body 	{ height: 100%; }
a 				{ color: rgb(40, 56, 151); text-decoration: none; }
a:hover 		{ color: rgb(40, 56, 151); text-decoration: underline; }
img		 	{ border: 0; }
strong 		{ font-weight: bold; }
form 			{ margin: 0; padding: 0;}

body 			{ color: rgb(66, 66, 66); font-family: Arial, Helvetica, sans-serif; font-size: 1em; background: url(../images/grad-back.jpg) repeat-x 0px 0px rgb(211, 208, 201); }

@font-face {
    font-family: 'sansa_prosemibold';
    src: url('../fonts/sansapro-semibold-webfont.eot');
    src: url('../fonts/sansapro-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sansapro-semibold-webfont.woff') format('woff'),
         url('../fonts/sansapro-semibold-webfont.ttf') format('truetype'),
         url('../fonts/sansapro-semibold-webfont.svg#sansa_prosemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'sansa_problack';
    src: url('../fonts/sansapro-black-webfont.eot');
    src: url('../fonts/sansapro-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sansapro-black-webfont.woff') format('woff'),
         url('../fonts/sansapro-black-webfont.ttf') format('truetype'),
         url('../fonts/sansapro-black-webfont.svg#sansa_problack') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'sansa_probold';
    src: url('../fonts/sansapro-bold-webfont.eot');
    src: url('../fonts/sansapro-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sansapro-bold-webfont.woff') format('woff'),
         url('../fonts/sansapro-bold-webfont.ttf') format('truetype'),
         url('../fonts/sansapro-bold-webfont.svg#sansa_probold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'sansa_prolight';
    src: url('../fonts/sansapro-light-webfont.eot');
    src: url('../fonts/sansapro-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sansapro-light-webfont.woff') format('woff'),
         url('../fonts/sansapro-light-webfont.ttf') format('truetype'),
         url('../fonts/sansapro-light-webfont.svg#sansa_prolight') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'sansa_pronormal';
    src: url('../fonts/sansapro-normal-webfont.eot');
    src: url('../fonts/sansapro-normal-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sansapro-normal-webfont.woff') format('woff'),
         url('../fonts/sansapro-normal-webfont.ttf') format('truetype'),
         url('../fonts/sansapro-normal-webfont.svg#sansa_pronormal') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'eurosti';
    src: url('../fonts/eurosti-webfont.eot');
    src: url('../fonts/eurosti-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/eurosti-webfont.woff') format('woff'),
         url('../fonts/eurosti-webfont.ttf') format('truetype'),
         url('../fonts/eurosti-webfont.svg#eurosti') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'eurostib';
    src: url('../fonts/eurostib-webfont.eot');
    src: url('../fonts/eurostib-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/eurostib-webfont.woff') format('woff'),
         url('../fonts/eurostib-webfont.ttf') format('truetype'),
         url('../fonts/eurostib-webfont.svg#eurostib') format('svg');
    font-weight: normal;
    font-style: normal;
}

.bandeau_cookie { font-size: 14px; line-height: 18px; }
.bandeau_cookie a { color: #999; }

#wrapper 		{	margin: 0px auto; width: 914px; }
#header 		{ background: url(../images/header-back.png) no-repeat 0px 94px; padding: 0px 7px; position: relative; z-index: 3; }
#header #branding 								{ position: relative; }
#header #branding img 						{ margin: 10px 0px 10px 2px;	}

#header #branding div#top-right 							{ top: 20px; right: 0px; position: absolute; z-index: 1; font-family: 'sansa_prosemibold'; }
#header #branding div#top-right div 						{ background: url(../images/top-right-split.gif) no-repeat left 0px; margin: 0px 0px 0px 7px; padding: 0px 0px 0px 7px; font-size: 12px; float: left; }
#header #branding div#top-right div a 						{ color: rgb(171, 173, 169); font-size: 12px; text-decoration: none; }
#header #branding div#top-right div a:hover 				{ text-decoration: underline; }
#header #branding div#top-right div:first-child 		{ background: none; }
#header #branding div#top-right div:first-child a		{ color: rgb(42, 41, 92); }
#header #branding div#top-right div:first-child span 	{ color: rgb(213, 0, 28); }

#header #branding div#languages 					{ height: 24px; position: absolute; right: 0; bottom: 15px; }
#header #branding div#languages div 				{ display: inline-block; *display: inline; zoom: 1; width: 24px; height: 24px; text-align: center; color: #4c5351; text-transform: uppercase; line-height: 24px; cursor: pointer; }
#header #branding div#languages div img			{ -moz-opacity:0.3; opacity: 0.3; filter:alpha(opacity=30); }
#header #branding div#languages div:hover img,
#header #branding div#languages div.active img	{ -moz-opacity:1; opacity: 1; filter:alpha(opacity=100); }

#header #main-menu 			{ background: url(../images/navGradientRight.jpg) no-repeat 0px 0px rgb(213, 0, 28); margin: 31px 0px 0px; padding: 0px 0px 0px 28px; height: 30px; border-right-color: white; border-right-width: 30px; border-right-style: solid; position: relative; z-index: 99999; }
#navFlexContainer 				{ background: rgb(213, 0, 28); left: 0px; top: 272px; width: 100%; height: 30px; position: absolute; z-index: 0; }
#navFlexShadow 					{ background: url(../images/bottomNavShadow.png) no-repeat 0px 0px; left: 0px; top: 302px; width: 100%; height: 24px; position: absolute; z-index: 3; }
.navFlexGradient 				{ background: url(../images/navGradientLeft.jpg) no-repeat left 0px; margin: 0px auto; left: -191px; top: 0px; width: 192px; height: 30px; position: absolute; z-index: 99999; }
#hideShadow 						{ width: 30px; height: 30px; position: absolute; right: 7px; background-color: white; }

#header .banner 				{ width: 900px; height: 151px; overflow: hidden; }

#footer 							{ background: url(../images/footer-back-top.png) no-repeat 0px 0px; padding: 10px 0px 0px; width: 914px; clear: both; }
#footer-inner					{ background: url(../images/footer-back.png) no-repeat 0px bottom; padding: 0 7px 0 36px; position: relative; min-height: 70px;  }
/*#footer #sodexo-group 		{ background: url(../images/logo_sodexo_right.png) no-repeat 0px 0px; bottom: 20px; width: 136px; height: 40px; right: 30px; text-indent: -9999em; display: block; position: absolute; z-index: 1; }*/
#footer #sodexo-group 		{background: url(../images/stop_hunger.png) no-repeat 0px 0px; bottom: 20px; width: 104px; height: 37px; right: 30px; text-indent: -9999em; display: block; position: absolute; z-index: 1; }
#footer p 						{ padding: 25px 0; color: rgb(51, 51, 51); font-size: 10px; }

#body 								{ background: url(../images/body-back.png) repeat-y 0px 0px; position: relative; z-index: 1; zoom: 1; width: 100%; min-height: 300px; }
#body > div						{ padding: 30px;  text-align: center; }

#body .bloc	{
	margin: 0 60px;
	padding: 10px;
	display: inline-block; *display: inline; zoom: 1; width: 200px; min-height: 280px; position: relative; 
	vertical-align: top;
	text-align: left;
	background-color: #ffffff; height: auto; border: 1px solid #d3d0c9;
	background-image: -webkit-linear-gradient(top, #ffffff, #edece9);
	background-image:    -moz-linear-gradient(top, #ffffff, #edece9);
	background-image:     -ms-linear-gradient(top, #ffffff, #edece9);
	background-image:      -o-linear-gradient(top, #ffffff, #edece9);
	background-image:         linear-gradient(top, #ffffff, #edece9);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#edece9', GradientType=0);
}

#body .logon						{ width: 180px; }
#body .register					{ width: 380px; }

#body .col						{ display: inline-block; *display: inline; zoom: 1; width: 185px; min-height: 230px; position: relative; vertical-align: top; }

#body .bloc	.title			{ color: #05265c; font-family: 'sansa_prosemibold'; font-size: 18px; }
#body .bloc	.oblig			{ font-size: 11px; color: #65676a; float: right; margin: 5px 15px; }
#body .bloc form				{ margin-top: 15px; }
#body .bloc .field				{ margin-top: 10px; }
#body .bloc input				{ width: 140px; font-size: 11px; padding: 4px 8px; }
#body .bloc select				{ /*width: auto;*/ font-size: 11px; }
#body .bloc .placeholder 	{ color: #aaa; }
#body .bloc .button			{ position: absolute; bottom: -20px; left: -5px; }
#body .bloc .submit			{ width: auto; cursor: pointer; }
#body .bloc	.forgot			{ margin-top: 10px; }
#body .bloc	.forgot	a		{ font-size: 11px; color: #7b7d7f; text-decoration: underline; }
#body .bloc .check				{ display: inline-block; *display: inline; zoom: 1; width: auto; vertical-align: middle; }
#body .bloc .checktxt			{ font-size: 11px; width: 155px; }
#body .bloc .checktxt a		{ text-decoration: underline; color: inherit; }