/* Arnaud Delafosse CSS doodah - arnauddelafosse.com */

/* This CSS stylesheet, just like the content of the website
www.arnauddelafosse.com is licensed under a Creative Commons
License. To find out what you can and can't do with it, check
this out: http://creativecommons.org/licenses/by-nc-sa/2.5/

Thanks for dropping-by! ;)
*/ 
	
body, td {
	margin:0px;
	padding:0px;
	color:#858585;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	background-image:url(pix/bkgd.gif);
	background-repeat:repeat-x;
	background-color:#AD3582; /* different colour rendering
	in	diff browsers, the bastards! */
}

#maj{
	margin:0;
	position: fixed;
	left: 0;
	top: 0;
	width: 199px;
	height: 199px;
	background-image: url("../pix/MAJ.png");
	text-indent: -9999px;
	z-index: 2;	
}

h1,h2,h3,h4,h5,h6 {
	font-family:Arial, Helvetica, sans-serif;
	background-color:transparent;
	margin:0 0 0 10px;
}

h1 {
	font-size:1.2em;
	margin:5px 0 10px 10px;
	color:#6E154E;
}

#m_menu{
	position:absolute;
	left:2px;
	top:2px;
}

#m_menu a{
	height:20px;
	background:url(pix/m_menu_btn.gif) no-repeat;
	background-color:transparent;
	display:block;
	text-decoration:none;
}

#m_menu a:hover{
	background-position:0 -20px;
}

#m_menu a span, .txt h1 span#h1_biog span, .txt h1 span#h1_bienv span, .txt h1 span#h1_aud span, .txt h1 span#h1_liens span, .txt h1 span#h1_pho span, .txt h2 span#h2_info span, .txt h2 span#h2_actu span {
	visibility:hidden;
}

.txt h1 span#h1_biog{
	height:26px;
	background:url("pix/h1_biog.gif") no-repeat;
	display:block;
}

.txt h1 span#h1_bienv{
	height:26px;
	background:url("pix/h1_bienv.gif") no-repeat;
	display:block;
}

.txt h1 span#h1_aud{
	height:26px;
	background:url("pix/h1_audio.gif") no-repeat;
	display:block;
}

.txt h1 span#h1_liens{
	height:26px;
	background:url("pix/h1_liens.gif") no-repeat;
	display:block;
}

.txt h1 span#h1_pho{
	height:26px;
	background:url("pix/h1_photos.gif") no-repeat;
	display:block;
}

.txt h2 span#h2_info{
	height:22px;
	background:url("pix/h2_info.gif") no-repeat;
	display:block;
}

.txt h2 span#h2_actu{
	height:22px;
	background:url("pix/h2_actu.gif") no-repeat;
	display:block;
}

h2 {
	font-size:1em;
	color:#6E154E;
}

h3 {
	font-size:0.8em;
}

h4 {
	font-size:0.7em;
}

#container {
	position:absolute;
	left:50%;
	width:662px;
	height:580px;
	padding-top:15px;
	margin-left:-331px;
	text-align:left;
	color:#256F8D;
	background-color:transparent;
}

#header {
	border:0;
	margin:0;
	width:452px;
	height:147px;
	float:right;
	background-color:transparent;
}

#header img, #pic img {
	display:block;
}

#pic {
	border:0;
	margin:0;
	width:210px;
	height:192px;
	float:right;
}

#nav{
	border:0;
	margin:0;
	width:452px;
	height:45px;
	float:left;
}

#nav span{
	visibility:hidden;
}

#nav ul{
	border:0;
	margin:0;
	padding:0;
	list-style-type:none;
}

#nav ul li{
	float:left;
}

#nav ul li a{
	text-decoration:none;
	height:42px;
}

#nav ul li#accueil{
	display:block;
	height:45px;
	width:91px;
	background: url(pix/btn_acc.gif) no-repeat 0 -90px;
}

#nav ul li#accueil a{
	display:block;
	background: url(pix/btn_acc.gif) no-repeat 0 0;
}

#nav ul li#accueil a:hover, #nav ul li#bio a:hover, #nav ul li#audio a:hover, #nav ul li#photos a:hover, #nav ul li#liens a:hover{
	background-position: 0 -45px;
}

#nav ul li#bio{
	display:block;
	height:45px;
	width:90px;
	background: url(pix/btn_bio.gif) no-repeat 0 -90px;
}

#nav ul li#bio a{
	display:block;
	background: url(pix/btn_bio.gif) no-repeat 0 0;
}

#nav ul li#audio{
	display:block;
	height:45px;
	width:90px;
	background: url(pix/btn_aud.gif) no-repeat 0 -90px;
}

#nav ul li#audio a{
	display:block;
	background: url(pix/btn_aud.gif) no-repeat 0 0;
}

#nav ul li#photos{
	display:block;
	height:45px;
	width:90px;
	background: url(pix/btn_pho.gif) no-repeat 0 -90px;
}

#nav ul li#photos a{
	display:block;
	background: url(pix/btn_pho.gif) no-repeat 0 0;
}

#nav ul li#liens{
	display:block;
	height:45px;
	width:90px;
	background: url(pix/btn_lie.gif) no-repeat 0 -90px;
}

#nav ul li#liens a{
	display:block;
	background: url(pix/btn_lie.gif) no-repeat 0 0;
}

#main {
	float:left;
	/*height:250px;*/
	background:url(pix/main_bgd.gif);
}

#maintop {
	height:52px;
	width:662px;
	background-image:url(pix/main_top.gif);
	float:left;
}

#maintop p{
	margin:12px 21px;
}

a#langFr{
	background:url(pix/eng_btn.gif) no-repeat;
	float:left;
	display:block;
	height:20px;
	width:68px;
	margin:3px 35px;
	text-decoration:none;
	display:inline; /* IE Float-Margin bug fix */
}

a#langFr span{
	visibility:hidden;
}

a#langFr:hover{
background-position:0 -20px;
}

a#surf, a#bkline{
	font-size:0.7em;
	color:#626262;
	background-color:transparent;
	text-decoration:none;
	float:left;
	margin:6px 28px;
}

a#surf:hover, a#bkline:hover{
	color:#AC3280;
	text-decoration:underline;
}

a#email{
	font-size:0.6em; 
	padding-right: 9px; /* + */
	font-family: Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:transparent;
	text-decoration:none;
	float:right;
}

a#email:hover{
	color: #E8E8E8;
	text-decoration:underline;
}

#mainbody {
	border:0;
	margin:0;
	background:url(pix/main_bgd.gif);
}

#mainbody .cont{
	width:655px;
	/*height:250px;*/
	color: #414141;
	background:transparent;
	overflow:auto;
	padding:2px 0;
}

.txt{
	padding:0 25px 0 30px;
}

#main .txt p{
	font-size:0.7em;
	text-align:justify;
	margin-top:0.3em;
	margin-bottom:0.7em;
}

#main .txt ul{
	font-size:0.7em;
	margin:0.3em 0 0.7em 0;
	padding-left: 16px;
}

#main .txt li{
	list-style-image:url(pix/puce_r.gif);
	margin-bottom:0.2em;
}

#main a{
	color:#A41F74;
	background-color:transparent;
	text-decoration:none;
}

#main a:hover{
	color:#62156E;
	text-decoration:underline;
}

#mainbtm {
	float:left;
	width:662px;
	height:30px;
}

#mainbtm img {
	display:block;
}

#main .txt .toplink{
	margin: 26px 0 15px;
	clear:both;
}

#main .txt .toplink a:link, #main .txt .toplink a:visited{
	text-decoration: underline;
}

#footer {
	width:662px;
	height:45px;
	background:url(pix/footer.gif) no-repeat;
	float:right;
}

#footer p{
	color:#62156E;
	background-color:transparent;
	margin:1.5em;
	font-size:0.6em;
	text-align:center;
	padding: 0 0;
}

#footer span{
	padding:14px 0 0 40px;
	float:left;
}

#footer img{
	border:none;
}

#main .subm{
	font: bold 0.75em Verdana, Geneva, Arial, Helvetica, sans-serif;
	list-style-image:url(pix/puce_r.gif);
}

#main .subm li{
	padding:4px 0;
}

#main .linx{
	font: normal 0.7em Verdana, Geneva, Arial, Helvetica, sans-serif;
	list-style:none;
}

#main .linx li{
	padding:0.5em 0;
}

#main .aud{
	list-style-image:url(pix/puce_r.gif);
	font-size: 0.7em;
}

#main .txt .note{
	color: #9E9E9E;
	font-size: 65%;
}

#main .txt .note2{
	color: #EE9DD2;
	font-size: 0.8em;
}

#popup-main .note{
	color: #9E9E9E;
	font-size: 85%;
}

/* ----------- dd for pictures ----------- */

 dl.float-right{
	/*border:1px solid #C8C8C8;*/
	background-color:transparent;
	text-align: center;
	padding: 2px 7px 2px 7px;
	float: right;
	margin: 2px 0 0.1em 0.5em;
	display: inline; /* IE Float-Margin bug fix */
}

dl.float-left{
	/*border: 1px solid #C8C8C8;*/
	background-color:transparent;
	text-align: center;
	padding: 2px 7px 2px 7px;
	float:left;
	margin: 2px 0.5em 0.1em 0;
	display: inline; /* IE Float-Margin bug fix */
}

.float-right dt, .float-left dt{
	font-size:0.6em;
	background-color:transparent;
	color: #A5A5A5;
	padding: 1px 2px;
}

.float-right dd img, .float-left dd img{
	margin: 4px 0 2px;
}

.float-right dd, .float-left dd{
	margin: 0;
	padding: 0;
	font-size:0.7em;
}

/* --------- end of dd for pictures --------- */

.rightCol {
	width:230px;
	float:right;
	background: url(pix/col_bkgd_main.gif) repeat-y 3px 0;
	padding:0 12px 0 0;
	margin:10px;
	display: inline; /* IE Float-Margin bug fix */
}

.rightCol #colTop, .rightCol #colBtm{
	padding-left:3px;
	display:block;
}

.rightCol h3{
	color:#6E154E;
	font-size: 0.8em;
	margin:0 0.8em 0.8em 2em;
}

.rightCol h4{
	font-size: 0.7em;
	margin-left:2em;
}

.rightCol li{
	list-style-image:url(pix/puce_r.gif);
	font-size: 0.6em;
}

/* ----------- pop-ups ----------- */

#popup-cont {
	margin:0px;
	padding:0px;
	width:420px;
	height:300px;
}

#popup-cont a,#soonpop-cont a{
	color:#A41F74;
	background-color:transparent;
	text-decoration:none;
}

#popup-cont a:hover,#soonpop-cont a:hover{
	color:#62156E;
	text-decoration:underline;
}

#popup-main {
	background:url(pix/popup_bkgd_main.gif) repeat-y;
	color:#5C5C5C;
	height:260px;
	overflow:auto;
	padding:0 20px 0 40px;
	font:0.7em Verdana, Geneva, Arial, Helvetica, sans-serif;
}

#popup-cont img,#soonpop-cont img{
	margin:0px;
	padding:0px;
}

#popup-main li{
	list-style-image:url(pix/puce_r.gif);
	padding:0 0 1em 0.2em;
}

#popup-cont p.close,#soonpop-cont p.close{
	text-align:center;
	font-size:0.9em;
}

#popup-main img{
	padding:0 10%;
}

.fullpic img{
	padding:5px;
}

.fullpic h3{
	color:#fff;
	background-color:transparent;
	font: 0.7em Verdana, Geneva, Arial, Helvetica, sans-serif;
	padding:0 7px;
	text-align:center;
}

.fullpic a{
	text-decoration:none;
	color: #AFD8E9;
}

.fullpic a:hover{
	text-decoration:underline;
	color: #fff;
}

#soonpop-cont {
	margin:0px;
	padding:0px;
	width:420px;
	height:110px;
}

#soonpop-main {
	background:url(pix/popup_bkgd_main.gif) repeat-y;
	color:#5C5C5C;
	height:110px;
	padding:0 20px 0 40px;
	font:0.7em Verdana, Geneva, Arial, Helvetica, sans-serif;
}

/* --------- end of pop-ups --------- */

/* ----------- dd for gallery items ----------- */

 dl.galitem{
	float:left;
	background-color:transparent;
	text-align: left;
	padding: 0 7px 3px 7px;
	margin: 1em 0.5em 0.5em 0.5em;
	display: inline; /* IE Float-Margin bug fix */
	width:545px;
}

.galitem dt{
	font-size:0.6em;
	background-color:transparent;
	color:#154E6E;
	padding: 20px 2px;
}

.galitem dd img{
	margin: 5px 10px 5px 0;
	float:left;
}

.galitem dd{
	margin: 0;
	padding: 1px;
	font-size:0.7em;
}

/* --------- end of gallery items --------- */