@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 *** */
a#Btn_login{ position: absolute; background: url(../images/btn_login.png) top left no-repeat;width: 236px; height: 37px; text-indent: -9999px; top: 18px; right: 22px; z-index:50;}
#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{ list-style:none; font-weight:bold; font-style:italic; font-family: "Trebuchet MS",Arial, Helvetica, sans-serif;}
/* */
a.off_presentation{ background: url(../images/menu_left_off.png) top left no-repeat; width: 100px; height: 18px; position: absolute; top: 73px; right: 180px; color: #fff; font-size: 12px; text-decoration: none; padding: 3px 0 0 28px;}
a.on_contact {background: url(../images/menu_right_on.png) top left no-repeat; width: 81px; height: 18px; position: absolute; top: 73px; right: 60px; font-size: 12px; color: #525252; text-decoration: none; padding: 3px 0 0 38px;}
/* **** */
#header li.off {display: inline; background: url(../images/menu_left_off.png) top left no-repeat;padding:0 0 0 5px; position:absolute;
 left: 620px; top: 73px; height: 21px; }
#header li.off span{background: url(../images/menu_right_off.png) top right no-repeat; text-decoration:none; font-size:10px; height:21px; display:block; padding:0 5px 0 0;}
#header li.off span a { background: url(../images/menu_center_off.png) top left repeat-x; display:block; height:19px; padding:2px 20px 0 20px; color:#fff; font-size:12px;  text-decoration:none;}
#header li.off span a:hover, #header li.off span a:focus, #header li.off span a:active{ color:#525252;}
/* **** */
/* **** Slide Show *** */
div#slideShowContainer{ background: url(../images/bg_illu.png) top left no-repeat; width:918px; height:399px;}
div#slideShowContainer h1{ font-family: "Trebuchet MS",Arial, Helvetica, sans-serif; color:#63635c; font-weight:bold; font-style:italic; font-size:18px;}
div#slideShowContainer h1 strong{ color:#db1011; font-size:24px; font-weight:bold; font-style:italic;}
div#slideShowContainer h2{font-size:12px; color:#3b3a3a; font-weight:bold; margin:30px 0 12px 0;}
div#slideShowContainer p{ font-size:12px; color:#555; line-height:18px; }
	/* *** Contact ** */
	div#slideShowContact{width:489px; height:379px; background:url(../images/illu_contact.jpg) bottom right no-repeat; padding:20px 366px 0 63px; position:relative;}
	div#slideShowContact p.legende{position:absolute;display:block;background:url(../images/legende_home.png) top left no-repeat;text-indent:-9999px;width:206px;height:46px;left: 155px;top: 320px;}
	/* **** */
	.slide{
	position:absolute;
	top:-3px;
	left:1px;
}
.relative{ position:relative; height:320px;}
/* **** 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;}
/* **** */
/* **** 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;}
/* *** */
/* *** Contact *** */
.desc{ color:#666663; font-size:11px; font-style:italic;}
/* *** 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 form *** */
div#contactContainer_alert{width:300px;padding:80px 0 0 0; font-size:12px; font-weight:bold; }
div#contactContainer_alert p.alerte{background:url(../images/attention.jpg) 0 0 no-repeat; padding:0 0 0 40px;}
div#contactContainer_alert p a.backToHome{ margin:15px 0 0 0; text-decoration:underline; color:#abcd3c;}
div#contactContainer_alert p a.backToForm{color: #CC3300; margin:15px 0 0 0; text-decoration:underline;}
div#contactContainer_alert p.ok{background:url(../images/ok.jpg) 0 0 no-repeat; padding:0 0 0 40px;}
/* */
/* *** Contact *** */
div#contactContainer{width:400px;padding:15px 0 0 0;}
div#contactContainer  input{width:150px;border:1px solid #c4c4bf; margin:0 0;padding:0x; background:#eeeee5;font:11px "Trebuchet MS";color:#525251; font-weight:bold; height:15px;}
div#contactContainer  label.normal{ width:150px;  float:left; margin:4px 10px 0 0; font: italic 11px "Trebuchet MS"; color:#666;}
div#contactContainer  label.msg{width:310px; float:left; margin:4px 0 0 0;font: italic 11px "Trebuchet MS"; color:#666;}
div#contactContainer  label.msg textarea{width:310px; float:left; border:1px solid #c4c4bf; margin:0 0;padding:0x; background:#eeeee5;font:11px "Trebuchet MS";color:#525251; font-weight:bold;}
div#contactContainer  label.large{ width:310px; float:left; margin:4px 0 0 0;font: italic 11px "Trebuchet MS"; color:#666;}
div#contactContainer  label.large input{ width:310px;}
div#contactContainer input.btnSend{ background: transparent url(../images/btn_form.png) top left no-repeat; width:108px; border:0; color:#fff; float:left; height:24px; margin:10px 0 0 0; cursor:pointer;}