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

*{ margin:0; padding:0; border:0; outline:none; }
.clearer{overflow:hidden;width:100%;}
body{ background:#d5d5c8 url(../images/body_bg.png) top left repeat-x; font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;}
#mainContainer{ margin:0 auto; width:918px;}
#header{ background:url(../images/header_bg.png) top left no-repeat; width:918px; height:98px; position:relative;}
#header a#logo{width:260px; height:98px; display:block; text-indent:-9999px;}
/* **** login *** */
#header div#login{width:452px;height:71px;
	display:block;
	position:absolute;
	left: 483px;
	top: 0px;
}
div#login h3{ background: url(../images/EspaceClients_Title.png) top left no-repeat; text-indent:-9999px; padding:0 0 15px 0;}
div#login label.login{ color:#6e6e67; font-size:10px; width:147px; font-family:"Trebuchet MS", Arial; font-style:italic; }
div#login label.login input{ width:137px;border:1px solid #c8c9b3; margin:0 10px 0 5px;padding:0x; background:#f8f8f2;font:10px "Trebuchet MS";color:#525251; font-weight:bold; height:15px; }
input.loginBtn{ background:url(../images/loginBtn.png) bottom left no-repeat; font-family:"Trebuchet MS", Arial; font-size:9px; width:18px; height:16px; color:#fff; text-decoration:none; cursor:pointer; padding:0 ; margin:0;}
/* */
a.choix_langue:link{ color: #63635c ; font-size: 12px; position: absolute; right: 40px; top: 75px; z-index: 60; text-decoration: underline;}
a.choix_langue:active{ color: #63635c ; font-size: 12px; position: absolute; right: 40px; top: 75px; z-index: 60; text-decoration: underline;}
a.choix_langue:visited{ color: #63635c ; font-size: 12px; position: absolute; right: 40px; top: 75px; z-index: 60; text-decoration: underline;}
a.choix_langue:hover{ color: #87bb00 ; font-size: 12px; position: absolute; right: 40px; top: 75px; z-index: 60; text-decoration: underline;}
/* **** Menu *** */
#header a{  font-weight:bold; font-style:italic; font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;	 }
#header  a.selected_presentation{background: url(../images/menu_left_on.png) top left no-repeat; width: 100px; height: 18px; position: absolute; top: 73px; right: 180px; color: #525252; font-size: 12px; text-decoration: none; padding: 3px 0 0 28px; z-index: 50;}
/* */
#header  a.off_contact { background: url(../images/menu_right_off.png) top left no-repeat; width: 81px; height: 18px; position: absolute; top: 73px; right: 60px; font-size: 12px; color: #fff; text-decoration: none; padding: 3px 0 0 39px;z-index: 50;}
/* **** */
a#Btn_login{ position: absolute; background: url(../images/btn_login.png) top left no-repeat;text-indent: -9999px; top: 18px; right: 22px; z-index:50; width: 236px; height: 37px;}
/* **** Slide Show *** */
div#slideShowContainer{ background: url(../images/bg_illu.png) top left no-repeat; width:918px; height:399px; position:relative;}
div#slideShowContainer h1{ font-family: "Trebuchet MS",Arial, Helvetica, sans-serif; color:#63635c; font-weight:bold; font-style:italic; font-size:18px; margin:0; padding:0;}
div#slideShowContainer h1 strong{ color:#db1011; font-size:24px; font-weight:bold; font-style:italic;}

.slide{
	position:absolute;
	top:-3px;
	left:1px;
}
.relative{ position:relative; height:320px;}
	/* *** home ** */
	div#slideShowHome {width:489px; height:379px; background:url(../images/illu_home.jpg) bottom right no-repeat; padding:20px 366px 0 63px; position:relative; }
	div#slideShowHome h2{font-size:12px; color:#3b3a3a; font-weight:bold; margin:30px 0 0 0;}
	div#slideShowHome p{ font-size:12px; color:#555; line-height:18px; margin-top:10px; }
    div#slideShowHome p.legendeHome{position:absolute;display:block;background:url(../images/legende_home.png) top left no-repeat;text-indent:-9999px;width:210px;height:65px;left: 160px;top: 300px;}
	/* **** */
	/* *** profil perso ** */
	div#slideShowProfilPerso{ width:489px; height:379px; background:url(../images/illu_profil_perso.jpg) bottom right no-repeat; padding:20px 366px 0 63px;position:relative;}
	div#slideShowProfilPerso p{ font-size:12px; color:#555; line-height:18px; margin-top:35px; }
	div#slideShowProfilPerso  p.legendProfilPerso{position:absolute;display:block;background:url(../images/legende_profil_perso.png) top left no-repeat;text-indent:-9999px;width:210px;height:65px;left: 160px;top: 280px;}
	/* **** */
	/* *** localisation ** */
	div#slideShowLocalisation {width:489px; height:379px; background:url(../images/illu_localisation.jpg) bottom right no-repeat; padding:20px 366px 0 63px; position:relative;}
	div#slideShowLocalisation p{ font-size:12px; color:#555; line-height:18px; margin-top:35px; }
	div#slideShowLocalisation  p.legendeLocalistion{position:absolute;display:block;background:url(../images/legende_localisation.png) top left no-repeat;text-indent:-9999px;width:210px;height:65px;left: 120px;top: 280px;}
	/* **** */
	/* *** calendar ** */
	div#slideShowCalendar {width:489px; height:379px; background:url(../images/illu_calendar.jpg) bottom right no-repeat; padding:20px 366px 0 63px; position:relative;}
	div#slideShowCalendar p{ font-size:12px; color:#555; line-height:18px; margin-top:35px; }
	div#slideShowCalendar  p.legendeCalendar{position:absolute;display:block;background:url(../images/legende_calendar.png) top left no-repeat;text-indent:-9999px;width:210px;height:65px;left: 160px;top: 280px;}
	/* **** */
	/* *** fiche de prod ** */
	div#slideShowFiche{ width:489px; height:379px; background:url(../images/illu_fiche_prod.jpg) bottom right no-repeat; padding:20px 366px 0 63px;position:relative; }
	div#slideShowFiche p{ font-size:12px; color:#555; line-height:18px; margin-top:35px; }
	div#slideShowFiche  p.legendeFiche{position:absolute;display:block;background:url(../images/legende_fiche_prod.png) top left no-repeat;text-indent:-9999px;width:210px;height:65px;left: 160px;top: 280px;}
	/* **** */
	/* *** 4 repas ** */
	div#slideShow4repas{width:489px; height:379px; background:url(../images/illu_4repas.jpg) bottom right no-repeat; padding:20px 366px 0 63px;position:relative;}
	div#slideShow4repas p{ font-size:12px; color:#555; line-height:18px; margin-top:35px; }
	div#slideShow4repas  p.legende4repas{position:absolute;display:block;background:url(../images/legende_4repas.png) top left no-repeat;text-indent:-9999px;width:210px;height:65px;left: 160px;top: 280px;}
	/* **** */
	/* *** bénéfices ** */
	div#slideShowBenefices{width:489px; height:379px; background:url(../images/illu_benefices.jpg) bottom right no-repeat; padding:20px 366px 0 63px;position:relative;}
	div#slideShowBenefices p{ font-size:12px; color:#555; line-height:18px; margin-top:35px; }
	div#slideShowBenefices  p.legendeBenefices{position:absolute;display:block;background:url(../images/legende_benefices.png) top left no-repeat;text-indent:-9999px;width:210px;height:65px;left: 160px;top: 280px;}
	/* **** */
	a.suivant{background:url(../images/btn_suivant.png) top left no-repeat;width:70px;height:24px;color:#fff;text-decoration:none;
	font: italic 13px "Trebuchet MS"; padding:8px 0 0 15px;position:absolute;left: 240px;top: 242px;z-index:10;}	
	a.suivant:hover{background:url(../images/btn_suivant_hover.png) top left no-repeat;width:70px;height:24px;color:#fff;text-decoration:none;
	font: italic 13px "Trebuchet MS"; padding:8px 0 0 15px;position:absolute;left: 240px;top: 242px;}	
	a.precedent{ background:url(../images/btn_precedent.png) top left no-repeat;width:70px;height:24px;color: #666;text-decoration:none;
	font: italic 12px "Trebuchet MS";padding:4px 0 0 24px;position:absolute;left: 140px;top: 246px;z-index:10;}	
	a.precedent:hover{ background:url(../images/btn_precedent_hover.png) top left no-repeat;width:70px;height:24px;color: #fff;text-decoration:none;
	font: italic 12px "Trebuchet MS";padding:4px 0 0 24px;position:absolute;left: 140px;top: 246px;z-index:10;}	
/* **** Info *** */
div#infoContainer{}
div#brochure{ background: url(../images/info_border.png) top right no-repeat; width:306px; height:320px; float:left;}
	div#brochure h3{ background:url(../images/pdf_ico.png) top center no-repeat; margin:20px 0 0 0; padding:65px 0 0 0; text-align:center; font-size:13px; color:#525252; font-style:italic;}
	div#brochure p{ font-style:italic; font-size:11px; color:#525252; text-align:center; padding:10px 30px 0 40px; line-height:16px;}
	div#brochure a{ background: url(../images/btn_brochure.png) top left no-repeat; display:block; width:193px; color:#fff; font-weight:bold; font-style:italic; text-decoration:none; font-size:12px; height:24px; margin:30px  auto 0 auto ; text-align:center; padding:6px 0 0 0; cursor:pointer;}
/* */
	div#infoAramark{ width:306px; height:320px; float:left;}
	div#infoAramark h3{ background:url(../images/aramark_ico.png) top center no-repeat; margin:20px 0 0 0; padding:65px 0 0 0; text-align:center;font-size:13px; color:#525252; font-style:italic;}
	div#infoAramark p{ font-style:italic; font-size:11px; color:#525252; text-align:center; padding:10px 30px 0 30px; line-height:16px;}
/* */
	div#infoAradis{ background: url(../images/info_border.png) top left no-repeat; width:306px; height:320px; float:left; }
	div#infoAradis h3{ background:url(../images/aradis_ico.jpg) top center no-repeat; margin:20px 0 0 0; padding:65px 0 0 0; text-align:center;font-size:13px; color:#525252; font-style:italic;}
	div#infoAradis p{ font-style:italic; font-size:11px; color:#525252; text-align:center; padding:10px 40px 0 30px; line-height:16px;}
/* **** */
/* *** formulaire *** */

div#formulaire{ height:320px; }
div#formTexte{width:285px; float:left; padding:30px 0 30px 80px;}
div#formTexte p{font: italic 11px "Trebuchet MS"; color:#525252; text-align:center; padding:10px 30px 0 30px; line-height:16px;}
div#formTexte h2{ font:italic 13px "Trebuchet MS"; color:#525252; text-align:center;}
p.manual{ margin:7px auto 4px auto; display:block; width:155px; height:125px;}
div#formContainer{ width:553px; float:left; padding:30px 0 0 0;}
div#formContainer p.obligatoire{ font: italic bold 11px "Trebuchet MS"; color:#464642;}
div#formContainer  input{width:220px;border:1px solid #c4c4bf; margin:0 0;padding:0x; background:#eeeee5;font:11px "Trebuchet MS";color:#525251; font-weight:bold; height:15px;}
div#formContainer label.large{ width:450px; float:left; margin:4px 0 0 0;font: italic 11px "Trebuchet MS"; color:#666;}
div#formContainer label.large input{ width:450px;}
div#formContainer  label.desc{  width:220px;  float:left; margin:4px 10px 0 0; font: italic 11px "Trebuchet MS"; color:#666;}
div#formContainer  label.small{ font: italic 11px "Trebuchet MS"; color:#666; width:105px; float:left; margin: 4px 10px 0 0;}
div#formContainer  label.small input{ width:105px;}
div#formContainer  label.checkbox{ width:450px; float:left; margin:10px 0 0 0; padding:0;font:italic 11px "Trebuchet MS"; color:#545454;}
div#formContainer  label.checkbox input{ width:10px; border:0; }
div#formContainer input.btnSend{ background: transparent url(../images/btn_form.png) top left no-repeat; width:108px; border:0; color:#fff; float:left; height:24px; margin:15px 0 0 0; cursor:pointer;}
/* *** Demande de brochure ** */
#infoContainer_alerte p a.backToHome{ margin:15px 0 0 0; text-decoration:underline; color:#abcd3c;}
#infoContainer_alerte p.ok{background:url(../images/ok.jpg) 0 0 no-repeat; padding:0 0 0 40px;}
div#brochure_alerte{width:350px; float:left; font:12px "Trebuchet MS"; font-weight:bold; color:#666; padding:60px 0 0 40px;}
div#brochure_alerte p.alerte{background:url(../images/attention.jpg) 0 0 no-repeat; padding:0 0 0 40px;}
div#brochure_alerte p a.backToHome{ margin:15px 0 0 0; text-decoration:underline; color:#abcd3c;}
div#brochure_alerte p a.backToForm{color: #CC3300; margin:15px 0 0 0; text-decoration:underline;}
div#brochure_alerte p.ok{background:url(../images/ok.jpg) 0 0 no-repeat; padding:0 0 0 40px;}
span.liste{ color:#99CC00;}
/* */
/* **** Footer **** */
div#footer{  font-size:12px; color:#fff; text-align:center; padding:15px 0 40px 0;}
div#footer strong{ font-weight:normal;color:#939385; margin:0 400px 0 0;}
div#footer a{ color:#fff; text-decoration:none;}
div#footer a:hover, div#footer a:focus ,div#footer a:active{ color:#939385;text-decoration:none;}
/* *** */