/* CSS Document */

/* Reset */
body, p, div, ul, li, form, fieldset, h1, h2, h3, h4, img {
	margin:0;
	padding:0;
	border:0;
	list-style-type:none;
}
a { color:inherit; text-decoration:none; outline:none; }
/* Reset */

/* Grid */
body 				{ background:#D4D0BF url(../img/background_body.jpg) repeat-x scroll 0 167px; font-family:Tahoma,Verdana,Arial,Helvetica,sans-serif; font-size:12px; }
div.site_container	{ margin:0 auto; width:976px; background:#FFFFFF; }
div.head_container	{ border-color:#FFFFFF; border-style:solid; border-width:1px 1px 0; height:194px; overflow:hidden; background:#FFFFFF url(../img/bg_sous_bandeau.jpg) repeat-x 0 167px; color:#FFFFFF; }
div.foot_container	{ margin:0 10px; border-top:1px solid #D4D0BF; padding:10px 0; text-align:center; font-size:10px; }
/* Grid */

/* Entête */
.head_container #logo_site { display:block; float:left; margin:0 1px 1px 0; width:270px; height:166px; background:#625B44 url(../img/logo.png) no-repeat 10px 10px; font-size:1px; text-indent:-9999px; }
.head_container #logo_site:hover { opacity :0.9; }

.head_container #titre_nav_container { float:left; margin:0 1px 1px 0; width:594px; background:#625B44; }
	.head_container #competences { border-color:#FFFFFF; border-style:solid; border-width:0 0 1px; padding:10px; height:107px; font-size:12px; letter-spacing:2px; line-height:30px; }
	.head_container #barre_nav { padding:10px; overflow:hidden; font-size:12px; font-weight:bold; }
		.head_container #barre_nav li { float:left; margin:0 10px 0 0; width:100px; }
			.head_container #barre_nav li a { display:block; background:#524C36; line-height:18px; text-align:center; }
			.head_container #barre_nav li a:hover { background:#423C28; }
.head_container #barre_normes { float:left; margin:0 0 1px 0; padding:10px; height:146px; background:#625B44; }
	.head_container #barre_normes li { margin:0 0 10px; }
		.head_container #barre_normes li a,
			.head_container #barre_normes li img { display:block; }
/* Entête */

/* Corps */
.container { position:relative; padding:10px; }
	.container .breadcrumb { position:absolute; top:-27px; right:1px; }
	.container .titre_page { margin:0 0 10px; border-bottom:1px solid #D4D0BF; padding:0 10px 10px; font-size:18px; letter-spacing:1px; line-height:18px; }

#portfolio ul { margin:10px 0 0; overflow:hidden; }
	#portfolio ul li { float:left; margin:0 47px 25px 0; overflow:hidden; }
	#portfolio ul li:nth-child(6n) { margin:0 0 10px 0; }
		#portfolio ul li a { display:block; padding:5px; width:110px; height:140px; background:#EEEEEE; font-weight:bold; text-align:center; }
		#portfolio ul li a:hover { background:#BBBBBB; }

#curriculum .cv_line { overflow:hidden; line-height:16px }
	#curriculum .separator_line { margin:10px 0; background:#DDDDDD; font-size:14px; font-weight:bold; line-height:22px; text-align:center; }
	#curriculum .cv_line #adresse_container { float:left; width:200px;; }
	#curriculum .cv_line #job_container { float:left; margin:30px 0 0; width:560px; font-size:18px; line-height:36px; text-align:center; }
	#curriculum .cv_line #photo_container { float:right; }
		#curriculum .cv_line #photo_container > img { display:block; }
	#curriculum .other_line p { overflow:hidden; margin:0 0 2px }
		#curriculum .other_line p .label { float:left; margin:0 5px 0 0; width:180px; text-align:right; }
		#curriculum .other_line p .content { float:left; width:771px; }

#contact_form p { margin:0 0 5px; overflow:hidden; }
	#contact_form p label { float:left; padding:0 5px 0 0; width:100px; line-height:18px; text-align:right; }
	#contact_form p .input_text { width:300px; }
	#contact_form p textarea { width:500px; }
/* Corps */

/* Eléments divers */
a.dl_file { display:block; padding:0 25px 0 3px; height:26px; width:auto; background:url(../img/dl_icone.png) no-repeat; line-height:26px; }
a.dl_file.pdf { background-position:right 0; }
a.dl_file.pdf:hover { background-position:right -26px; }

.display_msg { margin:10px; border:1px solid #333333; padding:10px; }
.display_msg.debug		{ background:#CCFF00; }
.display_msg.confirm	{ background:#00FF00; }
.display_msg.error		{ background:#FE2E2E; }
/* Eléments divers */
