/*
rouge :#d70e18
violine : #330020 - 44072a
gris : #515254
beige : #e6e0c1
*/
@import "reset.css";

body{background:#33001f; color:#515254; font-family:"trebuchet MS", arial, verdana; font-size:12px; line-height:16px;  margin:0 0 0 0; padding:0; text-align:center}

#container{margin:0 auto; position:relative;text-align:left;width:900px; background:#ffffff }

#accroche{background:#e6e0c1; height:80px}

#logo{position:absolute; top:6px; left:40px}
#lieu{position:absolute; top:50px; left:629px}

#sub-menu{float:right; height:21px; background:url("../img/bkg-sub-menu.png") no-repeat 2px 0; padding-right:12px; }
#sub-menu .m1{background-position:0px 0; width:79px; margin-left:14px}
#sub-menu .m2{background-position:-80px 0; width:67px; margin-left:10px }
#sub-menu .m1:hover,#sub-menu .selected .m1{background-position:0px -10px}
#sub-menu .m2:hover,#sub-menu .selected .m2{background-position:-80px -10px}
#sub-menu a{background:url("../img/sub-menu.png") 0 0 no-repeat;display:block;height:10px;}
#sub-menu li{display:inline;height:21px; float:left;  margin-top:4px}
#sub-menu span{display:none}

#menu{height:29px;padding-left:40px; background:url("../img/bkg-menu.png") 0 0 repeat-x}
#menu .m1{background-position:0 0; width:127px}
#menu .m2{background-position:-127px 0; width:106px}
#menu .m3{background-position:-233px 0; width:133px}
#menu .m4{background-position:-366px 0; width:169px}
#menu .m5{background-position:-535px 0; width:167px}
#menu .m6{background-position:-702px 0; width:118px}
#menu .m1:hover,#menu .selected .m1{background-position:-0 -23px}
#menu .m2:hover,#menu .selected .m2{background-position:-127px -23px}
#menu .m3:hover,#menu .selected .m3{background-position:-233px -23px}
#menu .m4:hover,#menu .selected .m4{background-position:-366px -23px}
#menu .m5:hover,#menu .selected .m5{background-position:-535px -23px}
#menu .m6:hover,#menu .selected .m6{background-position:-702px -23px}
#menu a{background:url("../img/menu.png") 0 0 no-repeat;display:block;height:23px;}
#menu li{display:inline;float:left;height:29px; margin-top:6px}
#menu span{display:none}

h1, h2{margin-bottom:10px}
h3{color:#44072a; font-weight:bold; margin-bottom:5px; margin-top:15px}
p{margin-bottom:5px}
strong{color:#44072a}

#content{background:#fff; min-height:226px; padding:17px 40px }
#content a{color:#d70e18; text-decoration:none}
#col1{float:left; width:570px; margin-right:40px}
#col2{float:left; width:210px}

#col1 li{background:url("../img/puce.png") no-repeat 0 7px ; padding-left:10px; line-height:16px; }
#col1 ul{margin-bottom:15px}

#footer{height:86px; background:url("../img/bkg-footer.png") repeat-x; clear:both}
#footer p{color:#77556a; font-size:10px; text-align:center}
#footer p a{color:#77556a; text-decoration:none}
#footer p.adresse{font-size:12px; color:#e6e0c1; padding-top:25px; margin-bottom:2px }
#footer p.adresse a{color:#e6e0c1; text-decoration:none}
#footer p a:hover{color:#d70e18}

.home #col1{width:610px}
.home #col1 h1{margin-left:40px}
.home #col1 h2{margin-top:15px; margin-bottom:0px; margin-left:40px}
.home #col1 .accueille{float:left; padding-right:12px; margin-top:-15px}
.home #col1 p.marge{margin-left:40px}

#container .home, #container .reservation{padding:17px 40px 17px 0}
.home #col1, .reservation #col1{width:610px}
.reservation #col1 .accueille{float:left; }
.reservation h1{margin-left:190px}

.revue-de-presse #col1 li{background:none; display:inline; margin-left:0; padding-left:0}
.revue-de-presse #col1 li img{border:1px solid #44072a; margin-right:2px}

.reservation #col2 p{border:1px solid #d70e18; padding:5px; }
.reservation #col3{float:left; width:200px;margin-left:10px; }
.reservation #col4{float:left; width:200px; margin-left:20px}

.client-privilege #col3, .recrutement #col3, .developpement #col3 {float:left; width:235px;  }
.client-privilege #col4, .recrutement #col4, .developpement #col4{float:left; width:320px; margin-left:15px; }
.client-privilege label, .recrutement label, .developpement label{margin-right:5px}
.client-privilege #nom, .recrutement #nom, .developpement #nom{width:192px}
.client-privilege #prenom, .recrutement #prenom, .developpement #prenom{width:175px}
.client-privilege #naissance{width:119px}
.client-privilege #email, .recrutement #email, .developpement #email{width:182px}
.client-privilege #confirmation, .recrutement #confirmation, .developpement #confirmation{width:108px}
.client-privilege #adresse{width:260px}
.client-privilege #adresse2{width:310px}
.client-privilege #cp{width:238px}
.client-privilege #ville{width:277px}
.client-privilege #telephone{width:245px}
.client-privilege #submit, .recrutement #submit, .developpement #submit{background:#ffffff; border:none;  float:right; color:#d70e18; font-weight:bold; padding-right:0px; clear:both}
.recrutement textarea, .developpement textarea{width:310px; height:55px}
.developpement #telephone{width:160px}

.obligatoire{font-size:10px; font-style: italic;}
input.wrong, textarea.wrong{background:#f3b6b9; }

input{background:#ffffff; border:1px solid #cacbcb; padding-left:2px; float:right}
.client-privilege #col3 p, .client-privilege #col4 p, .developpement #col3 p, .recrutement #col3 p{clear:both; margin-top:10px; height:15px; }
label{float:left}
textarea{background:#ffffff; border:1px solid #cacbcb; padding-left:2px; }

.erreur{background:#f3b6b9; padding:0 2px}

.cacher{display:none}
.montrer{display:block}

#decouvrirformules:hover{cursor:pointer}