body { 
    background: #656565;
    color: #d5d2d6;
}

blockquote {
    border-top: 2px solid;/*border : 2px solid #000;*/
    border-left: 2px solid;/*border : 2px solid #000;*/
    border-color: #FF9C27;
}

#main { 
    background: #414141 url(main.png) repeat-y;
    color: #d5d2d6;
}

#links, #footer, #menu li a { 
    background: #535353 url(gradient.png);
    color: #d5d2d6;
    border-color: #FF9C27;
}

#links a, #footer a { 
    background: transparent;
    color: #d5d2d6;
}

#links a:hover, #footer a:hover { 
    background: transparent;
    color: #FF9C27;
}

#logo { 
    background: #ffffff url(logo.jpg) no-repeat;
    color: #d5d2d6;
    border-color: #FF9C27;
}

h1, #column1 h1, #column2 h1{ 
    background: transparent;
    color: #FF9C27;
    /*border-color: #787878;*/
}

#menu{ 
    background: transparent;
    color: #d5d2d6;
}

.sidebaritem{ 
    background: #535353;
    color: #d5d2d6;
    /* border-color: #ff9c27; */
    /* border: solid #ff9c27 1px; */
}

#menu li a:hover, #menu li a#selected, #menu li a#selected:hover{ 
    background: #FF9C27;
    color: #ffffff;
} 

#content, #column2{  
    background: #414141;
    color: #d5d2d6;
    border-color: #d5d2d6;
}

#column2 a {
/*    background: #414141; */
    color: #d5d2d6;
    border-color: #d5d2d6;
}

#column2 a:hover{ 
/*    background: #414141;*/
    color: #FF9C27;
    border-color: #FF9C27;
}

.sbilinks li a, .sidebaritem a{ 
    background: #535353 url(fleche_c9c9c9.png) no-repeat left center;
    color: #d5d2d6;
} 

.sbilinks li a:hover, .sidebaritem a:hover{ 
    background: #535353 url(fleche_orange.png) no-repeat left center;
    color: #FF9C27;
} 

/* Based on Nifty Corners: rounded corners without images */
/* By Alessandro Fulciniti */
/* http://www.html.it/articoli/nifty/index.html */
.rtop, .rbottom {
    background: #414141;
}
.rtop .r1, .rtop .r2, .rtop .r3, .rtop .r4,
.rbottom .r1, .rbottom .r2, .rbottom .r3, .rbottom .r4 {
    background: #535353;
}


/* ======================================================= */
/* Ajouté par François Recher */
/* ======================================================= */

table {
    *border-collapse: collapse; /* IE7 and lower */
    border-spacing: 0;
/*    width: 100%;    */
}
.table {
    border: solid #ccc 1px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
/*    -webkit-box-shadow: 0 1px 1px #ccc; 
    -moz-box-shadow: 0 1px 1px #ccc; 
    box-shadow: 0 1px 1px #ccc;         */
}

.table tr:hover {
    background: #656565;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;     
}    
    
.table td, .table th {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
    padding: 10px;
    /*text-align: left;   */
}

.table th {
    /*dce9f9;*/
    /*color:#414141;*/
    background-color: #FF9C27;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#656565), to(FF9C27));
    background-image: -webkit-linear-gradient(top, #656565, #FF9C27);
    background-image:    -moz-linear-gradient(top, #656565, #FF9C27);
    background-image:     -ms-linear-gradient(top, #656565, #FF9C27);
    background-image:      -o-linear-gradient(top, #656565, #FF9C27);
    background-image:         linear-gradient(top, #656565, #FF9C27);
    /*    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
	  -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
	  box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        */
    border-top: none;
/*    text-shadow: 0 1px 0 rgba(255,255,255,.5); */
}

.table td:first-child, .table th:first-child {
    border-left: none;
}

.table th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
}

.table th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}

.table th:only-child{
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

.table tr:last-child td:first-child {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
}

.table tr:last-child td:last-child {
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;
}

hr {
    height:1px;
    width:90%;
    border:0px;
    background-color: #FF9C27;
}


.attirer {
   color: #FF9C27;
}

.nonattirer {
   color: #d5d2d6;
}



.tableval {
    border: solid #ccc 1px;
    -moz-border-radius: 6px;
    -webkit-border-radius: 6px;
    border-radius: 6px;
/*    -webkit-box-shadow: 0 1px 1px #ccc; 
    -moz-box-shadow: 0 1px 1px #ccc; 
    box-shadow: 0 1px 1px #ccc;         */
}

.tableval tr:hover {
    background: #656565;
    -o-transition: all 0.1s ease-in-out;
    -webkit-transition: all 0.1s ease-in-out;
    -moz-transition: all 0.1s ease-in-out;
    -ms-transition: all 0.1s ease-in-out;
    transition: all 0.1s ease-in-out;     
}    
    
.tableval td, .tableval th {
    border-left: 1px solid #ccc;
    border-top: 1px solid #ccc;
/*    padding: 10px;*/
    /*text-align: left;   */
}

.tableval th {
    /*dce9f9;*/
    /*color:#414141;*/
    background-color: #FF9C27;
    background-image: -webkit-gradient(linear, left top, left bottom, from(#656565), to(FF9C27));
    background-image: -webkit-linear-gradient(top, #656565, #FF9C27);
    background-image:    -moz-linear-gradient(top, #656565, #FF9C27);
    background-image:     -ms-linear-gradient(top, #656565, #FF9C27);
    background-image:      -o-linear-gradient(top, #656565, #FF9C27);
    background-image:         linear-gradient(top, #656565, #FF9C27);
    /*    -webkit-box-shadow: 0 1px 0 rgba(255,255,255,.8) inset; 
	  -moz-box-shadow:0 1px 0 rgba(255,255,255,.8) inset;  
	  box-shadow: 0 1px 0 rgba(255,255,255,.8) inset;        */
    border-top: none;
/*    text-shadow: 0 1px 0 rgba(255,255,255,.5); */
}

.tableval td:first-child, .tableval th:first-child {
    border-left: none;
}

.tableval th:first-child {
    -moz-border-radius: 6px 0 0 0;
    -webkit-border-radius: 6px 0 0 0;
    border-radius: 6px 0 0 0;
}

.tableval th:last-child {
    -moz-border-radius: 0 6px 0 0;
    -webkit-border-radius: 0 6px 0 0;
    border-radius: 0 6px 0 0;
}

.tableval th:only-child{
    -moz-border-radius: 6px 6px 0 0;
    -webkit-border-radius: 6px 6px 0 0;
    border-radius: 6px 6px 0 0;
}

.tableval tr:last-child td:first-child {
    -moz-border-radius: 0 0 0 6px;
    -webkit-border-radius: 0 0 0 6px;
    border-radius: 0 0 0 6px;
}

.tableval tr:last-child td:last-child {
    -moz-border-radius: 0 0 6px 0;
    -webkit-border-radius: 0 0 6px 0;
    border-radius: 0 0 6px 0;
}





//fr tooltip

.tooltip-container {
    outline:none;
	position:relative;	/* Forces tooltip to be relative to the element, not the page */
/*	cursor:help;*/		/* Makes you cursor have the help symbol */
}

.tooltip {
	display:block;
	position:absolute;
	margin-top:-92px;
	margin-left:-241px;
	
	width:500px;/*
	padding:5px 15px;
	left:20px;
	bottom:25px;
	margin-left:-95px;*/
	/* Tooltip Style */
	color:#fff;
	border:2px solid rgba(34,34,34,0.9);
	background:rgba(51,51,51,0.9);
	text-align:left;
	border-radius:3px;
	/* Tooltip Style */
	opacity:0;
	box-shadow:0px 0px 3px rgba(0, 0, 0, 0.3);
	-webkit-transition:all 0.2s ease-in-out;
	-moz-transition:all 0.2s ease-in-out;
	-0-transition:all 0.2s ease-in-out;
	-ms-transition:all 0.2s ease-in-out;
	transition:all 0.2s ease-in-out;
	-webkit-transform:scale(0);
	-moz-transform:scale(0);
	-o-transform:scale(0);
	-ms-transform:scale(0);
	transform:scale(0);
	/* reset tooltip, to not use container styling */
	font-size:12px;
	font-weight:normal;
	font-style:normal;
}

.tooltip:before, .tooltip:after{
	content:'';
	position:absolute;
	bottom:-13px;
	left:50%;
	margin-left:-9px;
	width:0;
	height:0;
	border-left:10px solid transparent;
	border-right:10px solid transparent;
	border-top:10px solid rgba(0,0,0,0.1);
}
.tooltip:after{
	bottom:-12px;
	margin-left:-10px;
	border-top:10px solid rgba(34,34,34,0.9);
}

.tooltip-container:hover .tooltip, a:hover .tooltip {
	/* Makes the Tooltip slightly transparent, Lets the barely see though it */
	opacity:0.9;
	/* Changes the scale from 0 to 1 - This is what animtes our tooltip! */
	-webkit-transform:scale(1);
	-moz-transform:scale(1);
	-o-transform:scale(1);
	-ms-transform:scale(1);
	transform:scale(1);
}

/* Pure CSS3 Animated Tooltip - Custom Classes
---------------------------------------------------- */
.tooltip-R {
	color:#000;
	border:2px solid #fff;
	background:rgba(248,189,189,0.9);
}
.tooltip-R:after{
	border-top:10px solid #fff;
}
.tooltip-O {
	color:#000;
	border:2px solid #fff;
	background:rgba(248,236,189,0.9);
}
.tooltip-O:after{
	border-top:10px solid #fff;
}
.tooltip-V {
	color:#000;
	border:2px solid #fff;
	background:rgba(213,248,189,0.9);
}
.tooltip-V:after{
	border-top:10px solid #fff;
}