/* 
 * Vim parameters
 * vim: ts=8 sw=8 
 */

body.en a.fr { background: url(/images/icons/16x16/flags/fr.png) no-repeat 100% 50%; padding-right: 20px; zoom: 1}
body.fr a.en { background: url(/images/icons/16x16/flags/us.png) no-repeat 100% 50%; padding-right: 20px; zoom: 1}

html, body	{ height: 100%; }
#page		{ background:url(/images/css/bg.png) repeat-x; min-height: 100%; height: auto !important; height: 100%; margin-bottom: -3em;}
#container	{ max-width:960px; min-width:736px; margin:0 auto 0 auto; position: relative; zoom: 1; }
#main		{ padding:10px 10px 10px 0; margin-left:252px; }
#bird		{ background:#ffffff url(/images/css/bird.png) no-repeat; width:118px; height:70px; position:absolute; top:0px; right:0px; opacity: 0}

/* footer -----------------------------------------------------------------------------*/
#main  		{ margin-bottom: 3em; }
#footer		{ background:#efefef; text-align:center; padding:0.5em; height:2em; clear: both; line-height: 2em;}  
#footer img	{ vertical-align:middle; margin:0 3px 0 3px; }
#footer span	{ margin:0 3px 0 3px; }

/* Menu -------------------------------------------------------------------------------*/
#menu 				{ position:relative; height:70px; margin-left:280px; }
#menu ul 			{ position:absolute; bottom:0px; margin:0; padding:0; list-style:none; white-space:nowrap; }
#menu li 			{ float:left; background:url("/images/css/menu-r.png") no-repeat right top;  margin:0; padding:0; }
#menu a				{ display:block;  height:1.7em; line-height:1.7em; background:#fff url("/images/css/menu-l.png") no-repeat left top; 
					padding:3px 3px 3px 6px; margin:0 3px 0 3px; color:#000; text-decoration:none; }
#menu form			{ height:1.7em; height:1.7em; background:#fff url("/images/css/menu-l.png") no-repeat left top; 
					padding:3px 3px 3px 6px; margin:0 3px 0 3px; color:#000; text-decoration:none; }
#menu form #search 		{ background:#fff url("/images/css/search.png") no-repeat 2px center; border:1px solid #aaa; margin:0; 
					padding:1px 0 1px 18px; width:80px; font-size: 90%; }
#menu form #search:focus 	{ color:#fb6f23; }
#menu a:hover 			{ color:#fb6f23; }
#menu li.active a 		{ color:#fb6f23; }

/* Column styles ----------------------------------------------------------------------*/
#column 			{ overflow:visible; width:242px; height:600px; margin: 0; padding:0; position: absolute; top: 0; left: 0; }
#column #title 			{ background:url(/images/css/title.png) no-repeat center top; margin:0 -47px 0 -47px; width:336px; height:170px; }
#column .section 		{ width:204px; min-height:120px; margin:0 0px 0 0px; padding:14px 20px 20px 18px; 
					background:url(/images/css/section.png) no-repeat; overflow:hidden; }
#column .section-mini 		{ 	background:url(/images/css/section_mini.png) no-repeat; overflow:hidden; min-height:50px;  }

#column .section h2 		{ font-size:1.5em; font-weight:bold; padding:0 0 0em 0; margin:0.4em 0 0.2em 0; color:#D37235; font-family:georgia, "nimbus roman no9 l", lucida grande;
                                        line-height:normal; background-color:transparent; font-style: italic;}
#column .section li		{ padding-top:0.4em; border-top:1px dotted #ccc; padding-bottom:0.4em; }
#column .section li:first-child { border-top:none; padding-top:0em; }
#column .section li a 		{ padding-left:15px; background:url(/images/css/bullets/circular_arrow_sat.png) no-repeat center left; 
					text-decoration:none; font-size:1.2em; font-weight:bold; color:#aaa; }
#column .section li a:hover 	{ background:url(/images/css/bullets/circular_arrow.png) no-repeat center left; color:#FF771F; }
#column .section li:hover       { border-right: 4px solid #FF771F; }
/* Typography -------------------------------------------------------------------------*/
.content h1, 
.content h2, 
.content h3, 
.content h4, 
.content h5, 
.content h6	 		{ font-family:georgia, "nimbus roman no9 l", lucida grande; 
					line-height:normal; background-color:transparent; font-style: italic;}

.content h1 			{ color:#FF771F; border-bottom: 1px dotted #333; padding-bottom: 0.5em; }
.content h2 			{ color:#D37235; }
.content h3 			{ color:#D37235; font-size: 1.3em;}
.content a:link			{ color:#FF771F; }
.content a:visited		{ color:#7c4600; }
.content a:hover		{ color:#7c4600; }
.content a:active, 
.content a:focus		{ color:#7c4600; }

.content .centered              { text-align: center; }

/* Definition lists -------------------------------------------------------------------*/
.content ul.no-bullet		{ margin-left: 0; }
.content ul.no-bullet li	{ list-style: none; }
.content dl.table dt 		{ width:14em; padding:.5em; float:left; margin:0; font-weight:bold; }
.content dl.table dd 		{ margin-left:15em; padding:.5em; }
/*.content dd ul, 
.content ul li ul		{ margin:0 0 0 2em; }*/
.content dd.first		{ font-weight:bold; }

/* mootool styles ---------------------------------------------------------------------*/ 
.tool-tip   			{ color:#fff; width:139px; z-index:1000000; }
.tool-title			{ font-weight:bold; font-size:11px; margin:0; color:#FF771F; padding:8px 8px 4px; background:url(/images/css/bubble.png) top left; }
.tool-text  			{ font-size:11px; padding:4px 8px 8px; background:url(/images/css/bubble.png) bottom right; }

/* misc -------------------------------------------------------------------------------*/
.clear { clear:both; } 


/* typo -------------------------------------------------------------------------------*/
#last-mod 			{ color: #aaa; text-align: right; margin-right: 0.5em}
#attachments 			{ color: #aaa; text-align: right;  margin-right: 0.5em }
#attachments ul 		{ list-style-type: none; } 
#attachments ul li 		{ background-repeat: no-repeat; background-position: 100% 50%; padding-right: 20px; min-height: 16px}
#attachments ul li a em		{ color: #A74000; }
#attachments ul li		{ background-image: url(/images/icons/document.png); zoom: 1}
/* icons */
#attachments ul li.type-application-pdf 		{ background-image: url(/images/icons/16x16/pdf.png); }
#attachments ul li.type-text-xml	 		{ background-image: url(/images/icons/16x16/source.png); }
#attachments ul li.type-text-x-vcard	 		{ background-image: url(/images/icons/16x16/vcard.png); }

ul.inline			{ list-style-type: none; margin: 0; padding: 0; }
ul.inline li			{ display: inline; }
ul.used-tools 			{ list-style: disc url(/images/css/bullets/bulb.png) inside; font-style: italic ; color: #888 }
ul.used-tools li		{ background: url(/images/css/bullets/bulb.png) no-repeat 0 50%; padding: 0 5px 0 17px; }


#hcard-Camille-Moncelier span.fn { font-family:georgia, "nimbus roman no9 l", "lucida grande";
                                   	line-height:normal; background-color:transparent; font-style: italic; 
					color:#FF771F; font-size: 1.6em; font-weight: bold; border-bottom: 1px dotted #333; padding-bottom: 0.5em;
					display: block; }
#hcard-Camille-Moncelier a.email { display: block;}



/* photos */
a.link-photo-size:link,
a.link-photo-size:visited 	{ padding-left: 17px; background: url(/images/icons/16x16/image.png) no-repeat; color: #888; text-decoration: none;}
a.link-photo-size:hover		{ color: #7c4600; }

.aphoto				{ width: 210px; height: 210px; margin: 10px; float: left; text-align: center}
.aphoto a			{ text-decoration: none; }
.aphoto a img 			{ border: 5px #888 solid;}
.aphoto a:hover img 		{ border: 5px #FF771F solid;}
.aphoto a span			{ font-weight: bold; font-style: italic; color: #888;}
.aphoto a:hover span		{ color: #FF771F; }
.aalbum				{ width: 210px; height: 80px; margin: 8px; float: left; text-align: center}
.aalbum	a                       { text-decoration: none; }
.aalbum a img 			{ width: 200px; height: 60px; border: 5px #888 solid;}
.aalbum a span                  { font-weight: bold; font-style: italic; color: #888;}
.aalbum a:hover img 		{ border: 5px #FF771F solid;}
.aalbum a:hover span            { color: #FF771F; }

img.photo-container		{ padding: 1px; border:10px solid black; }

span.camera-model-name		{ padding-left: 17px; background: url(/images/icons/16x16/camera.png) no-repeat 0 50%; line-height: 16px; color: #888}
span.exposure-time		{ padding-left: 17px; background: url(/images/icons/16x16/time.png)   no-repeat 0 50%; line-height: 16px; color: #888}
span.aperture			{ padding-left: 17px; background: url(/images/icons/16x16/cog.png)   no-repeat 0 50%; line-height: 16px; color: #888}
span.iso			{ padding-left: 17px; background: url(/images/icons/16x16/film.png)   no-repeat 0 50%; line-height: 16px; color: #888}


/* sitemap */

ul.sitemap			{ list-style-type: none; }
ul.sitemap .sub 		{ list-style-type: none; }
ul.sitemap .article 		{ list-style-type: none; padding-left: 20px; background: url(/images/icons/16x16/page.png)  no-repeat 0 50%;}
ul.sitemap .section 		{ list-style-type: none; padding-left: 20px; background: url(/images/icons/16x16/folder_page.png)  no-repeat 0 50%;}

.hresume { width: 100%; padding: 10px; }
.hresume abbr { border: none; }
.hresume address { font-style: normal; }
.hresume hr { display: block; }
.hresume .contact .fn { font-family:georgia, "nimbus roman no9 l", "lucida grande";
	line-height:normal; background-color:transparent; font-style: italic; 
	color:#FF771F; font-size: 1.6em; font-weight: bold; border-bottom: 1px dotted #333; padding-bottom: 0.5em;
	margin-bottom: 0.2em; display: block;  }
.hresume h2 { font-size: 12pt; padding: 0 0 5px 0; margin: 0; }
.hresume .education, .hresume .accreditation { margin: 10px 0 10px 20px; padding: 1px; }
.hresume .experience { margin: 10px 0 30px 20px; padding: 1px; }
.hresume .summary, .hresume .tags { margin: 10px 0 20px 20px; padding: 1px; }
.hresume .summary { font-weight: bold; }
.hresume .experience .title { font-weight: bold; }
.hresume .education .htitle, .hresume .experience .htitle { float: left; }
.hresume .htitle .include { display: none; }
.hresume .education .date_duration, .hresume .experience .date_duration { float: right; font-size: smaller; }
.hresume .education .summary { margin: 0; }
.hresume .tags ul { list-style: none; margin: 0; padding: 0; }
.hresume .tags ul li { display: inline; }
.hresume .skill-list ul { margin: 0 0 0 2.2em; }
.hresume .skill-list dt { margin: 0.4em 0 0 0; }


#home-map { width: 100%; max-width: 660px; }


pre { background: #fafafa; border: 1px solid #f1f1f1; padding: 2px; color: #333;}