@charset "UTF-8";
/* CSS Document */

/*-------------------------------------------------
layout
-------------------------------------------------*/
body {
	margin: 0;
	padding: 0;
	font-family:"Century Gothic", sans-serif;
	color:#333;
	font-size:90%;
	/*background-color: #EDEDED;*/
}


#page {
	margin: 0 auto;
	background:#FFF url(images/bg_page.jpg) no-repeat left 170px;
	min-height:500px;
}

#container {
	width: 100%;
	padding:20px 0;
	margin: 0 auto;
}

#content{
	margin: 0 auto;
	width: 840px;
	min-height:350px;
}

div.large {
	width: 840px;
}

div.large div.gauche, div.large div.droite {
	width: 400px;
}

body.accueil div.content h1 {
	text-transform: uppercase;
}

div.gauche, div.droite, div.centre {
	width: 400px;
	margin-bottom: 25px;	
}

div.gauche {
	float: left;
}

div.droite {
	float: right;
}

div.centre {
	border-top: 1px solid #dbc0ae;
	border-bottom: 1px solid #dbc0ae;
	padding: 20px 20px 0 20px;
	clear: both;
	margin: 0 auto;
	width: 425px;
}

/*-------------------------------------------------
typographie
-------------------------------------------------*/



p, li {
	padding-left:5px;
}

ul {
	
}

a:hover  {
	text-decoration:underline;
}

blockquote {
	
}




table {}

td, th {}

li {}

h1 {
	margin: 0 0 4px 0;
}

h2 {
	font-size:20px;
	margin: 0;
	border-bottom:dashed #ccc 1px;
	padding:0 0 5px 5px;
}

h3 {
	font-size: 16px;
	background:#EDEDED url(images/bg_menu.jpg);
	color:#666;
	line-height:24px;
	margin:15px 0 0 0;
	text-align:center;
}

h4 {padding-left:5px;margin-bottom:0px;}

a {
	color:#C62689;
	text-decoration:none;
}

	
}


.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*-------------------------------------------------
en-tete
-------------------------------------------------*/

div.header {
	width: 100%;
	margin: 0 auto;
	text-align:center;	
}

div#logo {
	height: 140px;
	margin: 0 auto;
	padding:0 20px;
	background: #C21882 url(images/bg_header2.jpg) no-repeat top left;
}

div#logo h1 {
	padding:50px 0 0 0;
	margin:0;
	font-size:36px;
}
div#logo h1 a {
	color:#FFFFFF;
	text-decoration:none;
}

/*-------------------------------------------------
menu
-------------------------------------------------*/

div#menu {
	height:30px;
	background:#EDEDED url(images/bg_menu2.jpg) no-repeat top left;
	text-align:center;
	font-weight:bold;
}

div#menu p {
	margin:0;
	line-height:30px;
	color:#999;
}

div#menu a {
	color:#C62689;
}

/*-------------------------------------------------
bas de page
-------------------------------------------------*/

div.footer {
	clear:both;
	font-size:13px;
	padding-top:25px;
	padding: 0 10px; 
	/*background-color:#EDEDED;*/
}

div.footer a {
}


div.footer p {
	color:#999;
	text-align:center;
	font-size:0.9em;
	margin: 0; 
	padding: 5px 0;
}

div.footer img {border:none;}

/*-------------------------------------------------
photos float right/left
-------------------------------------------------*/

div.photoRight {
	float:right;
	margin-left:10px;
}

div.photoLeft {
	float:left;
	margin-right:10px;
}
/*-------------------------------------------------
tableau 3 colonnes (services page d'accueil)
-------------------------------------------------*/

table.threecol {
	margin: 20px auto 0 auto;
	width: 840px;
	border-bottom: 1px solid #dcdcdc;
}

table.threecol td {
	width: 33%;
}

table.threecol th {
	padding-bottom: 5px;
}

table.threecol td.service {
	padding: 10px 10px 10px 0;
}


table.threecol td.service p {
	margin-bottom: 0;
}

table.threecol td h1 {
	font-size: 14px;
	margin-bottom: 2px;
	text-transform:uppercase;
	padding-left:5px;
}

table.threecol td h2 {
	font-size: 12px;
	margin-bottom: 1px; margin-top:0px;
	color:#666;
}

table.threecol td p {
	margin-bottom: 0;
	margin-top:0;
	font-size:13px;
}

/*-------------------------------------------------
Services page d'accueil
-------------------------------------------------*/

table.threecol {
	margin: 20px auto 0 auto;
	width: 840px;
	border-bottom: 1px solid #dcdcdc;
}

table.threecol td {
	width: 33%;
}

table.threecol th {
	padding-bottom: 5px;
}

.service {
	float:left;
	width:270px;
	padding: 10px 10px 10px 0;
}


.service p {
	margin-bottom: 0;
}

.service h1 {
	font-size: 14px;
	margin-bottom: 2px;
	text-transform:uppercase;
	padding-left:5px;
}

.service h2 {
	font-size: 12px;
	margin-bottom: 1px; margin-top:0px;
	color:#666;
}

.service p {
	margin-bottom: 0;
	margin-top:0;
	font-size:13px;
}

/*-------------------------------------------------
tableau contact
-------------------------------------------------*/

table.contact {
	margin: 0 auto 20px auto;
	padding-top:20px;
	width: 840px;
	border-top: 1px solid #dcdcdc;
}


/*-------------------------------------------------
note
-------------------------------------------------*/
.note {font-size:11px;}

/*-------------------------------------------------
liste CV
-------------------------------------------------*/
ul.cv {
	list-style-type:none;
	padding:0;
	margin:5px 0 0 5px;
	border-top:solid 5px #EDEDED;
}

ul.cv li {
	border-bottom:solid 1px #ccc;
	padding:6px 0;
	line-height:1.2em;
}

ul.cv .titre {
	font-weight:bold;
	color:#666;
}

ul.cv .date {
	font-size:0.8em;
	color:#666;
}

ul.cv .fonction {
	font-style:italic;
	font-size:0.9em;
}

ul.cv .detail {
	font-size:0.9em;
}

/*-------------------------------------------------
flickr badge
-------------------------------------------------*/
#flickr_badge_wrapper {float:left; margin:15px 10px 10px 5px;}
.flickr_badge_image {margin:0;}
.flickr_badge_image img {border: 1px solid white !important;}
#flickr_badge_source {text-align:left; margin:0 10px 0 10px;}
#flickr_badge_uber_wrapper a:hover,
#flickr_badge_uber_wrapper a:link,
#flickr_badge_uber_wrapper a:active,
#flickr_badge_uber_wrapper a:visited {text-decoration:none !important; background:inherit !important;color:#3993ff;}
#flickr_badge_wrapper {}
#flickr_badge_source {padding:0 !important; font: 11px Arial, Helvetica, Sans serif !important; color:#666666 !important;}

table.flickrBadge {width:100%; margin:15px 0 0 0;}
table.flickrBadge td {background-color:#333; text-align:center;}

/*-------------------------------------------------
last fm widget
-------------------------------------------------*/
table.lfmWidgetchart {
	width:184px; 
	margin:15px 10px 0 5px;
	float:left;
}
table.lfmWidgetchart td {
	margin:0 !important;
	padding:0 !important;
	border:0 !important;
}

table.lfmWidgetchart tr.lfmHead a:hover {
	background:url(http://cdn.last.fm/widgets/images/fr/header/chart/recenttracks_regular_grey.png) no-repeat 0 0 !important;
}

table.lfmWidgetchart td a.lfmTitle {
	display:block;
	overflow:hidden;
	height:20px;
	width:184px;
	background:url(http://cdn.last.fm/widgets/images/fr/header/chart/recenttracks_regular_grey.png) no-repeat 0 -20px;
	text-decoration:none;
	border:0;
}
table.lfmWidgetchart tr.lfmEmbed object {float:left;}
table.lfmWidgetchart tr.lfmFoot td.lfmConfig a:hover {
	background:url(http://cdn.last.fm/widgets/images/fr/footer/grey.png) no-repeat 0px 0 !important;
}

table.lfmWidgetchart tr.lfmFoot td.lfmView a:hover {
	background:url(http://cdn.last.fm/widgets/images/fr/footer/grey.png) no-repeat -85px 0 !important;
}

table.lfmWidgetchart tr.lfmFoot td.lfmPopup a:hover {
	background:url(http://cdn.last.fm/widgets/images/fr/footer/grey.png) no-repeat -159px 0 !important;
}

table.lfmWidgetchart td.lfmFootBg {
	background:url(http://cdn.last.fm/widgets/images/footer_bg/grey.png) repeat-x 0 0;text-align:right;
}