/* Couleurs
gris #000 #444 #666 #888 #ccc #a4a4a4 #ccc #e2e2e2 #f4f4f4 #fff
rouges #ff4232 #60493f #d02618 #fd2e1d #fd5c4f #fd968e
bleu #398ca1
bleu-gris #7c8488
*/
/* -- reset -- */
html { font-size: 100%; background: #f4f4f4; } 
body { 
	margin: 0; padding: 0; width: 960px;
	font-family: Arial, Helvetica, FreeSans, sans-serif; font-size: 0.8em;
	line-height: 1.4;
	color: #666; 
	background: #f4f4f4; } 
h1, h1 a, h2, h3, h4, h5, h6 { margin: 0; font-weight: normal; font-style: normal; } 
h1, h5 { line-height: 1; }
h1, h5 { width: 200px; }
h1 { font-family: "atrament-web", sans-serif; color: #fd2e1d; font-size: 2.4em; letter-spacing: 0.25px; text-transform: uppercase; } 
h1 a { font-size: 1em; color: #fd2e1d; }
h1 a:hover { color: #fd2e1d; }
h2, h3, h4 { padding-left: 28px; padding-right: 13px; font-family: Georgia, "Times New Roman", Times, serif; }
h2 { padding-top: 17px; font-size: 1em; color: #000; text-transform: uppercase; } 
h3 { font-size: 1em; font-family: "CharterITCStdItalic"; color: #7c8488; background: url(images/css/tiret.png) no-repeat 8px 8px;} 
h4 { font-size: 1em; color: #fd5c4f; } 
h5 { position: absolute; top: 32px; height: 20px; font-size: 1.05em; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; color: #000; }
h5 a { color: #000; }
h5 a:hover { color: #444; }
ul, ol { margin: 0; padding: 0; } 
li { list-style-type:  none; }
p { margin: 0; } 
address { margin: .75em 0; font-style: normal; } 
a { color: #fd2e1d; text-decoration: none; } 
a:hover { color: #d02618; } 
a img { border: none; } 
form, fieldset { margin: 0; padding: 0; border: none; } 
input, button, select { vertical-align: middle; }

/* -- styles de caractères -- */
.bold { font-weight: bold; }
.italic { font-style: italic; }
.gris_clair { color: #ccc; }
.red { color: #fd5c4f; }

/* -- body -- */
#accueil { position: relative; height: 768px; background: url(images/css/body_accueil.jpg) no-repeat; }
#base, #contact {background: url(images/css/body_base.jpg) no-repeat; }
#publications {background: url(images/css/body_publications.jpg) no-repeat; }
#art {background: url(images/css/body_art.jpg) no-repeat; }

/* -- accueil -- */	
#pres { position: absolute; top: 92px; left: 226px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; }
#portrait { font-size: 1.3em; }
#cv a { color: #60493f; font-size: 0.85em; }
#coordonnees { position: absolute; top: 140px; left: 225px; line-height: 1.25em; font-size: 0.9em; }
#coordonnees a { color: #666; }
#menu_vignettes { position: absolute; top: 145px; left: 184px; }
#menu_vignettes li { clear: both; }
#menu_vignettes .illus { display: block; width: 260px; height: 172px; color: #f4f4f4; border: 2px solid #fff; }
#menu_vignettes .illus:hover { 
	-webkit-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 0 4px rgba(0, 0, 0, 0.3); 
	box-shadow: 0 0 4px rgba(0, 0, 0, 0.3); }
.ie7 #menu_vignettes .illus:hover, .ie8 #menu_vignettes .illus:hover, .ie9 #menu_vignettes .illus:hover { border: 2px solid #aaa; }
#menu_vignettes .illus img { width: 260px; height: 172px; }
#menu_vignettes h5 { position: relative; height: inherit; line-height: 1.3em; }
#menu_vignettes .st { position: absolute; top: 0px; }
#vign_coloration, #vign_publications, #vign_art { position: absolute; }  
#vign_coloration { top: 0; left: 263px; height: 176px; }
#vign_publications { top: 175px; left: 0; }
#vign_art { top: 350px; left: 263px; height: 176px; }
#vign_coloration .illus, #vign_art .illus { float: left; }
#vign_coloration .titre, #vign_art .titre { position: absolute; left: 273px; }
#vign_art .titre { position: absolute; top: 0px; left: 275px; }
#vign_art .st { position: absolute; top: -1px; }
#vign_publications .titre { margin-top: 5px; }
#accueil #home { position: absolute; top: 610px; left: 291px; width: 155px; height: 112px; }

/* -- header -- */
#header { position: relative; height: 310px;}
#header .titre { position: absolute; top: 145px; left: 580px; width: 250px; }
#home { position: absolute; top: 40px; left: 60px; color: #f4f4f4; }
#listing_1, #listing_2 { position: absolute; left: 35px; border-left: 1px solid #000; }
#listing_1 { top: 52px; }
#listing_2 { top: 32px; }
#listing_1 a, #listing_2 a { display: block; height: 17px; padding-left: 15px; color: #000; background: url(images/css/listing.png) no-repeat 4px 0; }
#listing_1 a:hover, #listing_2 a:hover, #listing_1 a.active, #listing_2 a.active { color: #FD5C4F; background-position: 4px -17px; } 

/* -- menu top -- */
#menu_top_container { 
	position: fixed; top: 0; left: 626px; z-index: 500; 
	font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; font-style: italic; } 
.ie7 #menu_top_container, .ie8 #menu_top_container { position: absolute; left: 626px; width: 400px; }
#menu_top, #menu_top_container .cv { float: left; }
#menu_top li { float: left; }
.ie7 #menu_top_container .cv a, .ie8 #menu_top_container .cv a { float: left; width: auto; }
#menu_top li, #menu_top_container .cv a { 
	position: relative;  display: block; padding:0 10px; width: auto; height: 24px; line-height: 24px;
	font-size: 1.05em; font-weight: bold; background: url(images/css/menu_top.gif) no-repeat right center #fd2e1d; } 
#menu_top li a, #menu_top_container .cv a { color: #fff; }
#menu_top_container .cv a { background: #fd2e1d; }
#menu_top li a:hover, #menu_top_container .cv a:hover { color: #E3DCDA; }
#menu_top ul {
	position: absolute; top: 24px; left: 0; overflow: auto; display: none; 
	padding-top: 3px; padding-bottom: 10px; background: #fd2e1d; }
.ie7 #menu_top ul { width: 170px; }	
#menu_top ul li { clear: both; height: auto; padding: 0; line-height: 18px; }
#menu_top ul li a { display: block; padding: 0 10px; width: 150px; font-size: 0.85em; font-weight: normal; color: #ff0; background: #fd2e1d; }

/* -- page -- */
#page { clear: both; overflow: auto; }	

/* -- col_left -- */
#col_left { float: left; margin-left: 60px; width: 245px; min-height: 480px; background: url(images/css/col_left.png) no-repeat; opacity: 0; }
#port_titre { height: 183px; background: url(images/css/port_titre.png) no-repeat 0 6px;}
#port_titre_avant { padding-top: 12px; height: 330px; background: url(images/css/port_titre_avant.png) no-repeat 0 6px; }
#col_left .port_st_3 { padding-left: 28px; padding-right: 8px; font-family: Georgia, "Times New Roman", Times, serif; color: #fd968e; }
#col_left_bleu { width: 240px; height: 168px; background: #398ca1; } 
#col_left_bleu div { 
	padding-top: 30px; padding-left: 28px; font-family: 'Georgia, "Times New Roman", Times, serif;ITCStdRegular'; color: #fff; 
	background: url(images/css/tiret_blanc.png) no-repeat 8px 39px; }
#col_left_bleu div a { color: #fff; }

/* -- main_col -- */
#main_col { float: left; background: url(images/css/main_col.png) no-repeat; }
#page_base_bg { overflow: visible; margin-top: 7px; margin-left: 16px; width: 501px; background: #fff; } 
#page_base { padding-top: 10px; padding-left: 25px; padding-right: 25px; min-height: 350px;}
#main_col_bottom { width: 530px; height: 150px; background: url(images/css/main_col_bottom.png) no-repeat; }
#page_base .titre { 
	margin-top: 15px; margin-bottom: 10px; padding-left: 20px;
	font-family: Georgia, "Times New Roman", Times, serif; color: #fd2e1d; text-transform: uppercase;
	background: url(images/css/tiret_rouge.png) no-repeat left 9px; }	
#infos { float: left; width: 530px; opacity: 0; }
#port_img_princ { height: 365px;}
#port_img_princ img { margin-top: 10px; margin-left: 19px; width: 495px; height: 328px; }
#port_desc { float: left; padding-top: 10px; padding-left: 25px; width: 270px; }
#savoir_plus { float: left; width: 235px; background: url(images/css/savoir_plus.png) no-repeat 35px 22px; }
#savoir_plus .title { 
	margin-top: 20px; margin-bottom: 6px; margin-left: 47px; 
	font-family: Georgia, "Times New Roman", Times, serif; color: #000; text-transform: uppercase; font-weight: bold; }
#savoir_plus .link { 
	display: block; padding-left: 70px; width: 180px;
	font-family: Georgia, "Times New Roman", Times, serif; font-size: 0.9em; color: #fd2e1d; 
	background: url(images/css/tiret.png) no-repeat 52px 9px; }
#savoir_plus .link:hover { text-decoration: underline; }

/* -- formulaire de contact contact -- */
#contact_form .input, #contact_form .textarea { position: relative; margin-bottom: 10px; width: 400px; }
#contact_form .input { height: 22px; }
#contact_form .textarea { height: 150px; }
#contact_form .input label, #contact_form .textarea label { 
	position: absolute; z-index: 10; top: 0; left: 0; text-indent: 5px; height: 22px; line-height: 24px; }
#contact_form .input input, #contact_form .textarea textarea { 
	padding-left: 2px; padding-right: 2px; width: 394px; border: 1px solid #ccc; }
#contact_form .input input { position: absolute; z-index: 0; height: 20px; line-height: 20px; font-size: 0.95em; }
.ie7 #contact_form .input input, .ie8 #contact_form .input input, .ie9 #contact_form .input input { height: 22px; line-height: 22px; }
#contact_form .textarea textarea { padding-top: 5px; padding-bottom: 5px; height: 140px; font-family: sans-serif; font-size: 0.95em; }
#captcha { width: 400px; }
#captcha p { margin-bottom: 5px; }
#captcha label, #captcha input { height: 20px; line-height: 22px; }
.ie7 #captcha input, .ie8 #captcha input, .ie9 #captcha input { height: 22px ;}
#captcha input { font-size: 0.95em; text-align: center; border: 1px solid #ccc; }
#submit {
	margin-top: 5px;
	padding: 5px 8px;
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
	font-size: 0.9em;
	line-height: 1;
	color: #666;
	border: none;
	text-shadow: 0 1px 1px rgba(255, 255, 255, 0.85);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#f4f4f4), to(#ddd));
	background-image: -moz-linear-gradient(0 100% 90deg, #ddd, #f4f4f4);
	background-image: linear-gradient(left, red, blue);
	background-color: #eee;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
	-webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3);
	box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
}
#submit:hover {
	color: #333;
	cursor: pointer;
	-webkit-box-shadow: 0 1px 6px rgba(20, 20, 20, 0.5);
	-moz-box-shadow: 0 1px 6px rgba(20, 20, 20, 0.5);
	box-shadow: 0 1px 6px rgba(20, 20, 20, 0.5);
}
.ie7 #submit, ie8 #submit, ie9 #submit { padding: 5px 0; }

/* -- footer -- */	
#footer { 
	clear: both; margin-top: 80px; padding-top: 20px; padding-bottom: 20px; line-height: 1; text-align: center; text-transform: lowercase;
	background: url(images/css/footer.png) no-repeat center top; }
#menu_footer li { display: inline; }
#menu_footer li a { font-family: Georgia, "Times New Roman", Times, serif; color: #888; }
#menu_footer li a:after { content: " |";}
#menu_footer li a.cv:after { content: none; }
#credits { clear: both; margin-top: 7px; font-family: Georgia, "Times New Roman", Times, serif; font-style: italic; }

/* -- hide php severity warning errors -- */	
[style*="#990000"] { display: none }