@charset "utf-8";


    body  {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	background-color:#ffffff;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #999999;
	height: 100%;
    }
	.twoColFixLtHdr #surContainer {
	width: 100%;
	margin: 0 auto;
	text-align: left;
	background-image:url(images/container_fond.gif);
	background-repeat:repeat-x;
	background-color: #FFFFFF;

    }
    .twoColFixLtHdr #container {
	width: 780px;
	margin: 0 auto;
	text-align: left;
	border:solid 1px #f5f5f5;
	background-color: #FFFFFF;

    }
	 .twoColFixLtHdr #containerHeader {
	width: 100%;
	background: #ffffff;
	margin: 0;
	text-align: left;
	background-image:url(images/header_fond.gif);
	background-repeat:repeat-x;
	background-position: left bottom;
    }
	.twoColFixLtHdr #footContainer {
	width: 100%;
	margin: 0 auto;
	text-align: left;
	background-image:url(images/footerContainer_fond.gif);
	background-repeat:repeat-x;
	background-color: #eeeeee;
	height: 100%;

    } 
    .twoColFixLtHdr #header {
	width: 780px;
	margin: auto;
	
    } 
	
	.twoColFixLtHdr  #sidebar {
	float: left;
	width: 207px;
	padding-left: 10px;
    }
	.twoColFixLtHdr  .espaceSidebar {
	float: left;
	width: 207px;
	height: 30px;

    }
	.twoColFixLtHdr #pubLogo {
	float: left;
	width: 207px;
	margin-top: 20px;
	}
	#news {
	float: left;
	width: 207px;
	margin: 0;
	margin-top: 20px;
	}
    .twoColFixLtHdr #mainContent {
	margin: 20px 0px 0px 10px; 
	padding: 0 0px;
	float: left;
	width: 543px;
    }
	#mainContent h4 {
	text-transform: uppercase;
	font-size: 11px;
	display: inline;
	margin-left: 60px;
	}
	#mainContent .partenaire {
	height:50px;
	width:250px;
	float:left;
	background-image: url(images/partenaire.gif);
	background-repeat: no-repeat;
	}
	
	#mainContent .partenaire a {
	color:#b9af78;
	text-decoration:none;
	font-size:10px;
	text-transform:none;
	float:left;
	margin-left: 60px;
	}
	#mainContent .partenaire a:hover {
	color:#9966ff;
	text-decoration:none;
	}
 	.twoColFixLtHdr #mainContentAmalthee {
	margin: 20px 0px 0px 10px; 
	padding: 0 0px;
	float: left;
	width: 760px;
    }
	h1 {
	text-transform: uppercase;
	font-size: 11px;
	}
	h1 span, h2 span, h3 span
	{
		font-size: 14px;
		color:#b9af78;
	}
	h2 {
	text-transform: uppercase;
	font-size: 11px;
	float:left;
	display:block;
	}
	h3 {
	font-size: 11px;

	}
	
	
	a {
		color:#b9af78;
		text-decoration:none;
		font-weight: bold;
	}
	a:hover{
	color:#9966ff;
	text-decoration:none;
	}
	/*INscription news letter*/ 
	#newlet {
	float:left;
	margin-left: 10px;
	padding: 5px;
	background-image: url(images/fond_newsletter.jpg);
	background-repeat: no-repeat;
	color: #FFFFFF;
	border-right: dashed 1px #d7d4d4;
	height: 135px;
	}
	.inputMail {
		background-color: #f9f9f9;
		color: #999999;
		border: solid 2px #d7d4d4;
		width: 150px;
		padding-left:5px;
	}
	.submit {
		background-image: url(images/submitTransp.gif);
		background-repeat: no-repeat;
		background-position: center center;
		font-size: 0px;
		height: 16px;
		width:16px;
		cursor: pointer;
		float:left;
		border:0;
	}
	#date {
		float: right;
		margin-top: 30px;
	}
	/*Photo LN index*/
	.present {
		width: 267px;
		float: left;
		text-align: justify;
	}
	.img_ln {
		float: left;
		margin-right: 5px;
	}
	
	/*Cartomancie index*/
	.carto {
		width: 267px;
		float: right;
		text-align: justify;
	}
	.carto a, .present a {
		font-size: 10px;
	}
	.carto a:hover, .present a:hover {
		font-size: 10px;
		color:#9966ff;
	}
	.telethon {
	width: 100%;
	float: left;
	text-align: justify;
	}
	
	.traitDash
	{
		width: 540px;
		background-image:url(images/traitDashed.gif);
		height:10px;
		margin-bottom: 10px;
		margin-top: 10px;
	}
	.traitTrans {
		
		width: 540px;
		height:10px;
		margin-bottom: 10px;
		margin-top: 10px;
	}
	.text_img {
		width: 400px;
		float: left;
	}
	#carto p {
		margin-right: 5px;
		margin-left: 5px;
	}
	.img_carto {
		float: right;
		margin-right: 5px;
	}
	
	/*Animation index*/
	.anim_center {
		margin: auto;
		width: 540px;
		float: left;
	}
	#swf {
		margin: auto;
		width: 400px;
		margin-top: 10px;
	}
	#fielForm {
	margin: auto;
	width: 400px;
	margin-top: 10px;
	border:solid 1px #b9af78;
	padding: 20px;
	background-color: #eeeeee;
	}
	.chamDate {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		background-color: #f9f9f9;
		color: #999999;
		border: solid 1px #d7d4d4;
		width: 20px;
		padding-left: 5px;
	}
	/*Formulaire ajout ou modif*/

	table, td, tr {
		border:none;
		}
	.table_formulaire{
		width:100%;
		}
	.table_formulaire_consult{
		width:100%;
		}
	.table_cham {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:11px;
		margin-bottom: 5px;
		margin-top: 5px;
		background-color: #f9f9f9;
		color: #999999;
		border: solid 1px #d7d4d4;
		width: 250px;
		padding-left: 5px;
	}
	
	.champ_one {

	}
	.text_cham_one {
		text-align: left;
		padding-bottom: 5px;
		padding-top: 5px;
		vertical-align: top;
	}
	.text_cham {
	padding-bottom: 5px;
	padding-top: 5px;
	text-align: left;
	vertical-align: top;
		
	}
	/*Les clear*/

    .fltrt { 
    	float: right;
    	margin-left: 8px;
    }
    .fltlft { 
    	float: left;
    	margin-right: 8px;
    }
    .clearfloat { /* cette classe doit être placée pour un élément div ou break et doit être l'élément final avant la balise de fin d'un conteneur qui doit contenir entièrement un élément flottant */
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }


/*Footer*/

    .twoColFixLtHdr #footer {
	width: 780px;
	margin: 0 auto;
	border:solid 1px #f5f5f5;

    } 
    .twoColFixLtHdr #footer .copy{
	margin-left:10px;
	font-size: 9px;
    } 
	#footer .categorieFooter ul li a  {
	text-decoration:none;
	color:#b9af78;
	font-weight:normal;
	}
	#footer .categorieFooter ul li a:hover
	{

	text-decoration:none;
	color:#9966ff;
	font-weight:normal;
	}
	.categorieFooter
	{
	float: left;
	height: 145px;
	margin-left: 15px;
	border-right:dashed 1px #d7d4d4;
	width: 180px;
	}
	.categorieFooter ul
	{
	margin:0;
	padding:0;
	}
	.categorieFooter ul li
	{
	margin:0;
	padding:0;
	list-style-type:none;
	padding-bottom:5px;
	}
	.banniereFooter
	{
	float: left;
	height: 100px;
	margin-left: 15px;
	width: 120px;
	background-image:url(images/fond_banniere.gif);
	background-repeat:no-repeat;
	}
	.banniereFooterGuide
	{
	float: right;
	height: 100px;
	margin-right: 30px;
	width: 120px;
	background-image:url(images/fond_banniereGuide.gif);
	background-repeat:no-repeat;
	}
	img  {
		border: 0;
	}
	.curseur {
	cursor:pointer;
	}
	.erreur {
	color:#9966ff;
	font-weight:bold;
	}
	.note {
	color:#b9af78;
	font-weight:bold;
	}
	#addNews {
	margin-right:10px;
	float: right;
	}
	#addNews a.addNews {
	text-decoration:none;
	display:block;	
	padding:2px 8px 2px 8px;
	margin:2px;
	width:auto !important;
	width:40px;
	height:auto !important;
	height:50px;
	float: left;
	}
	#addNews .slcSigne {
	margin:2px;
	width:250px;
	background-color: #f9f9f9;
	color: #999999;
	border: solid 1px #d7d4d4;
	float: left;
	margin-top: 13px;
	}

	#wrapMenu {
	width:755px;
	position:relative;
	background-image:url(images/header.jpg);
	background-repeat:no-repeat;
	height:250px;
	padding:0;
	color:#999;
	margin-left:25px;
	border: solid 1px #f5f5f5;
	}
	#wrapMenu a.nikon_link, #wrapMenu a.nikon_link:visited {color:#bcd; font-size:10px;}
	#wrapMenu a.nikon_link:hover {text-decoration:none;}
	
	#flyout {font-size:11px; padding:0; margin:0; list-style:none; width:24px; height:250px; position:absolute; left:-25px;}
	#flyout ul {padding:0; margin:0; list-style:none;}
	#flyout li {display:block; width:24px; height:125px; background:#1c1c1c;}	
	#flyout li a {display:block; width:24px; height:125px; text-indent:-999px; text-decoration:none;}
	
	#flyout li a.menu1 {background-image:url(includes/images/menu1.gif);}
	#flyout li a.menu2 {background-image:url(includes/images/menu2.gif);}
	
	#flyout table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}
	#flyout li {float:left; margin-bottom:1px;}
	#flyout li ul{
	visibility:hidden;
	position:absolute;
	top:0;
	left:24px;
	width:400px;
	height:117px;
	border-left:1px solid #fff;
	padding-top:4px;
}

	
	#flyout li ul li {
	display:block; 
	display:inline; 
	width:100px; 
	height:22px; 
	border:0; 
	margin:0 10px; 
	background:transparent;}
	
	#flyout li ul li.link {
	display:block; 
	width:350px; 
	height:22px; 
	border:0; 
	margin:0 10px; 
	background:transparent; 
	color:#999999;}
	
	#flyout li ul li.connexion {
	width:350px;
	background:transparent; 
	
	}
	#flyout li ul li.connexion span {
	width:150px; height:16px; color:#999999; font-weight:normal;
	}
	
	#flyout li ul li a {text-indent:0; background:transparent; display:block; width:100px; height:22px; line-height:21px; color:#c0b547; border-bottom:1px solid #ffffff; text-decoration:none;}
	#flyout li b {visibility:hidden; 
	display:block; 
	width:360px; 
	height:125px; 
	position:absolute; 
	top:0; 
	left:24px; 
	background:#ebebeb; 
	opacity:0.8; 
	
	}

	* html #flyout li a:hover {position:relative; white-space:normal;}
	* html #flyout li a:hover ul li a:hover {color:#ffffff; background:#c0b547;}
	#flyout li:hover {position:relative;}
	#flyout li:hover ul li a:hover {background:#c0b547; color:#ffffff;}
	#flyout li:hover b,
	#flyout li a:hover b {
	visibility:visible;
	}
	#flyout li:hover ul,
	#flyout li a:hover ul {
	visibility:visible;
	}
	#help{background: url('images/help.gif'); line-height:20px; background-repeat:no-repeat; padding-left:20px;}