/*---------------------Initialisation-------------------------*/
html, body, div, span, object, h1, h2, h3, h4, p, a, em, img, ins, strong, li, ul, fieldset, form, label, dl, dt, dd {margin:0; padding:0; border:0;}
ul {list-style: none;}
a img{border:0;}
strong {font-weight:bold}
em {font-style:italic}

html, body {overflow:hidden; font:normal 12px  Arial, Verdana, Helvetica, sans-serif; line-height:1.4em; color:#666; background: #F1F2E0 url(../../imgs/bg.jpg) fixed 0 0;}


/*---------------------NoScript-------------------------*/
.avertissement {display:block; margin:0 15px; padding:2px 15px 2px 4px; color: #000; border-bottom:15px solid #fff; }


/*---------------------Menu-------------------------*/
#menu {width:148px;  height:100%; position:fixed; top:0; left:0; bottom:0; background: url(../../imgs/bg_menu.jpg) repeat-y 0 0;}
#menu h1 {width:103px; height:0; font-size:0; padding:140px 0 0; margin-left:15px; overflow:hidden; background: url(../../imgs/logo.jpg) no-repeat 0 0;}

#menu ul {margin:0 15px; border-bottom:15px solid #fff;}
#menu ul li a {display:block;  margin:0;  width:103px; height:0; padding-top:25px; overflow:hidden;}
a#menuQui {background:url(../../imgs/qui-rollout.gif) no-repeat 0 0;}
a#menuQui:hover {background:url(../../imgs/qui-roll.gif) no-repeat 0 0;}
a#menuCv {background:url(../../imgs/cv-rollout.gif) no-repeat 0 0;}
a#menuCv:hover {background:url(../../imgs/cv-roll.gif) no-repeat 0 0;}
a#menuTravaux {background:url(../../imgs/travaux-rollout.gif) no-repeat 0 0;}
a#menuTravaux:hover {background:url(../../imgs/travaux-roll.gif) no-repeat 0 0;}
a#menuContact {background:url(../../imgs/contact-rollout.gif) no-repeat 0 0;}
a#menuContact:hover {background:url(../../imgs/contact-roll.gif) no-repeat 0 0;}


/*---------------------Global-------------------------*/
.global {display:block; height:560px; position:relative; margin: 0 0 0 133px; background: url(../../imgs/bg-top.jpg) repeat-x 100% 0; }
.global h2 {width:146px;  height:0; font-size:0; padding:111px 0 0; position:absolute; top:0; left:0; overflow:hidden; background: url(../../imgs/h2.jpg) no-repeat 0 0;}
.global h3 {padding:38px 0 0 45px; color:#5d5d5d; font-size:13px;  overflow:hidden; background:url(../../imgs/h3.gif) no-repeat 0 0;}
.global h3 em {font-weight:normal;}
.global .decoBottom {position:absolute; width:100%; bottom:0;  height:14px; background: url(../../imgs/bg-bottom.jpg) repeat-x 0 0;}
.global .decoRight {position:absolute; height:100%; right:0; bottom:0; margin:0; width:14px; background: url(../../imgs/bg-right.jpg) repeat-y 0 100%;}
.global dl , .global ul {width:265px; background:#fff; margin-left:16px; padding:5px 22px 0 30px;}
.global li {margin:10px 0 20px;}
.global li.bas {border-bottom:25px solid #fff;}
.global .centrer {position:absolute; margin:65px 15% 0; width:780px;height:400px;}
.global .align {float:left; display:inline;}

/*---------------------Qui-------------------------*/
#qui .centrer {background:url(../../imgs/chaperon.gif) no-repeat 0 0;}
#qui h3 {width:288px;}
#qui dl {border-bottom:25px solid #fff;}
#qui dt {margin-top:15px; font-weight:bold;}

/*---------------------CV-------------------------*/
#cv h2 {background-position: 0 -111px;}
#cv h3 {width:338px;}
#cv ul {width:315px;}
#cv em {color:#BA4334; font-weight:bold; font-style:normal;}

#cv #xp {margin-left:40px;}
#cv #xp h3 {width:303px; background:#fff none; margin:20px 0 0 16px; padding:20px 0 0 24px;}
#cv #xp ul {width:275px;}
#cv #xp li {margin:10px 0 29px;}
#cv p {width:336px; background:#fff; margin:18px 0 0 16px; padding:9px 15px; font-weight:bold; text-align:right;}


/*---------------------Travaux-------------------------*/
#travaux h2 {background-position: 0 -222px;}

/*---------------------Contact-------------------------*/
#contact h2 {background-position: 0 -333px;}
#contact h3 {width:274px;}
form {position:absolute; margin:65px 15% 0; height:448px; width:760px; background:url(../../imgs/loup.gif) no-repeat 0 0;}
fieldset {margin:0 16px; padding:13px 0 0 30px; width:273px; background: #fff;}
label {display:block; margin:10px 0 0;}
input, textarea {display:inline; height:20px; width:235px; background:#fff; color:#000; border:1px solid #DCEAB2;}
textarea {float:left; height:120px; margin-right:2px;}
#submit {display:inline; width:100px; margin: 20px 0; color:#666;}

.textareaRequiredState .textareaRequiredMsg, .textareaMinCharsState .textareaMinCharsMsg, .textfieldRequiredState .textfieldRequiredMsg, .textfieldInvalidFormatState .textfieldInvalidFormatMsg, .erreur {
	position:absolute; padding: 6px 35px 9px 34px; 	margin-left:6px; 	background:url(../../imgs/msg_error.png) no-repeat 0 0;}
	
	.erreurMail {position:absolute; padding: 6px 35px 9px 34px; 	margin-left:6px;}

.textareaMinCharsState .textareaMinCharsMsg, .textfieldInvalidFormatState .textfieldInvalidFormatMsg, .erreurMail {background:url(../../imgs/msg_at.png) no-repeat 0 0;}
.validMsg {margin:-2px 0 0 6px; display:none;}
.textfieldValidState .validMsg, .textareaValidState .validMsg {display:inline;}


/*Textfield*/
.textfieldRequiredMsg, .textfieldInvalidFormatMsg, .textfieldMinValueMsg, .textfieldMaxValueMsg, .textfieldMinCharsMsg, .textfieldMaxCharsMsg,.textfieldValidMsg {display: none;}
.textfieldRequiredState .textfieldRequiredMsg, .textfieldInvalidFormatState .textfieldInvalidFormatMsg, .textfieldMinValueState .textfieldMinValueMsg, .textfieldMaxValueState .textfieldMaxValueMsg, .textfieldMinCharsState .textfieldMinCharsMsg, .textfieldMaxCharsState .textfieldMaxCharsMsg {display: inline;color: #C33;}
.textfieldFlashText input, input.textfieldFlashText {color:#BB4436;}

/*TextArea*/
.textareaRequiredMsg,.textareaMinCharsMsg,.textareaMaxCharsMsg,.textareaValidMsg {display:none;}
.textareaRequiredState .textareaRequiredMsg, .textareaMinCharsState .textareaMinCharsMsg, .textareaMaxCharsState .textareaMaxCharsMsg {	display: inline;	color: #C33;}
.textareaFlashState textarea, textarea.textareaFlashState{color:#BB4436;}