/*---- Layout ----*/
div
{
	padding: 0;
	margin: 0;
}
body
{
	color: #000;
	padding: 0px;
	margin: 0;
	font-size: 100%;
	font-family: Arial, Helvetica, sans-serif;
}

div#oldbrowser
{
	display: none;
}

a img
{
	border-width: 0;
}
#oldbrowser
{
	text-align: center;
}
/*
#header h1
{
	display: inline;
}
*/

/*-------------------------------------------------------------------------*/
/*                             En-tete (debut)                             */
/*-------------------------------------------------------------------------*/
/*
#header {
    padding: 0.2em 0.5em 0.4em 1em; 
    margin: 0; 
	color: #FFFFFF;
	border-color: #8F8E82;
}
*/
#header h1, #header a:link, #header a:hover, #header a:visited { 
	margin: 0;
	color: #FFFFFF;
	font: normal 31px Trebuchet MS, sans-serif;
	text-decoration: none;
}

.soustitre {
	/*margin: 0; padding: 0 15px 0.5em 0;
	font: italic normal medium/1em Georgia, Times New Roman, Times, serif;
	width: 50%;*/
	color: #FFFFFF;
	font-family: Georgia, serif;
	font-style: italic;
	font-size: 16px;
	padding-top: 0.2em;
	}
	
.home #header, .photo #header, .video #header {
	background-color: #000;
	}

.rip #header, .divx #header {
	/*background: #5b78d0;*/
	background: #a1d26c;
}

.faq #header {
	background: #a1d26c;
}

#search {
	text-align: right;
	padding:  0;
	position: absolute;
	right: 16px;
	/*top: 2.5em;*/
	top: 42px;
}

#search img {
	vertical-align: bottom;
}

/*-------*/

#header {
    padding: 0.2em 1em 0.2em 1em; 
	}

#top_left {
	position: absolute;
	left: 0;
	width: auto; /*125*/
	padding-left: 1em;
}

#top_main {
	text-align: center;
	margin: 0 150px 0 180px; /*margin: 0 190px 0 180px; */
	height: 65px;
	}

#top_main2 {
	text-align: center;
	margin: 0 150px 0 450px; /*margin: 0 190px 0 180px; */
	height: 65px;
	}

#top_right {
	position: absolute;
	top: 30px;
	right: 0;
	left: auto;
	width: 250px;
	text-align: right;
	padding-right: 5px;
	}

#top_right a:link, #top_right a:hover, #top_right a:visited, #top_right a:active {
	text-decoration: none;
	border: 0px;
	}

#top_right img {
	vertical-align: text-bottom;
}

.pub {
	text-align: center;
}

/*-------*/

#footer
{
    z-index: 10;
    margin: 0 0 10px; 
    border: 1px solid #BBB; 
    border-width: 1px 0;
    background: #FAFAFF;
    font-size: smaller; 
	clear: both;
}
#footer p {margin: 0 0 0 100px; padding: 0.75em 1.5em 0.5em 0;}


#validator {
	font-size: 12px;
	margin-top: 5px;
	padding-bottom: 5px;
	text-align: right;
}

.home #validator a:link, .photo #validator a:link, .video #validator a:link, .rip #validator a:link, .divx #validator a:link, .faq #validator a:link  {
	color: #ab9d6e;
	text-decoration: none;
}

.home #validator a:visited, .photo #validator a:visited, .video #validator a:visited, .rip #validator a:visited, .divx #validator a:visited, .faq #validator a:visited  {
	color: #8b8059;
	text-decoration: none;
}

.home #validator a:hover, .photo #validator a:hover, .video #validator a:hover, .rip #validator a:hover, .divx #validator a:hover, .faq #validator a:hover  {
	color: #FFA449;
	text-decoration: none;
}

/*
#header
{
	padding: 10px;
    z-index: 10;
	border: solid #000;
	border-width: 1px;
}
*/
#leftColumn
{
	margin-right: -160px;	/* IE 4 fix */
	float: left;
	width: 160px;
	/*/*/ /*/margin: 0 0 0 2px; /* Silly Netscape hack to get the borders to line up */
	font-family: 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
}

.enum {
	margin-left: 10px;
}
#rightColumn
{
	float: right;
	width: 160px;
	font-family: 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
}
#contentColumn
{	width: auto;
	margin-left: 160px;
    margin-top: 20px;
    margin-bottom: 20px;
}

#pageFrame
{
	color: #000;
	min-width: 500px;
}

.home #pageFrame, .photo #pageFrame, .video #pageFrame
{
	background-color: #444444;
}

.rip #pageFrame, .divx #pageFrame
{
	/*background-color: #dfe5fc;*/
	background-color: #f1ffd1;
}

.faq #pageFrame
{
	background-color: #f1ffd1;
}

#innerLeftColumn
{
    margin-top: 10px;
	padding: 10px;
}

.home #innerLeftColumn
{
	background-color: #444444;
}

.faq #innerLeftColumn
{
	background-color: #f1ffd1;
}

#innerContentColumn
{
    margin-top: 10px;
	padding: 3px;
	overflow: visible;
	height: 100%;	/* fix the Win32 IE float bug */
	margin-right: 160px;
	/*/*/ /*/margin: 0 0 0 2px; /* Silly Netscape hack to get the borders to line up */
	    font-size: 80%;
 	/*background: #dda;*/

    	/**/min-width: 700px;
}
#contentColumn>#innerContentColumn
{
	height: auto;	/* fix Opera 5 which breaks with the above IE fix */
}

#innerContent
{
    margin-top: 10px;
	padding: 10px;
	overflow: visible;
	height: 100%;	/* fix the Win32 IE float bug */
	/*margin-right: 160px;*/
	margin-right: 10px;
	/*/*/ /*/margin: 0 0 0 2px; /* Silly Netscape hack to get the borders to line up */
	    font-size: 80%;
 	/*background: #dda;*/

    	/*min-width: 600px;*/
}
#contentColumn>#innerContent
{
	height: auto;	/* fix Opera 5 which breaks with the above IE fix */
}


.home #innerContentColumn, .photo #innerContentColumn, .video #innerContentColumn, .home #innerContent, .photo #innerContent, .video #innerContent {
background-color: #f6efc0;	
}

.faq #innerContentColumn {
background-color: #D6FAAD;	
}

.rip #innerContentColumn, .divx #innerContentColumn {
/*background-color: #ABC0EB;*/
background-color: #D6FAAD;		
}
/*
.faq #innerContentColumn a:link {
	color: #6D9A5A;
}
*/

#innerRightColumn
{
	padding: 0 10px;
	margin-left: -1px;
}

/* couleurs des liens dans les menus */

.home #rightColumn a:link, .home #leftColumn a:link, .photo #rightColumn a:link, .photo #leftColumn a:link, .video #rightColumn a:link, .video #leftColumn a:link  {
	font-weight: 600;
	font-variant: normal;
	color: #FFEAA3;
	text-decoration: none;
}

.home #rightColumn a:visited, .home #leftColumn a:visited, .photo #rightColumn a:visited, .photo #leftColumn a:visited, .video #rightColumn a:visited, .video #leftColumn a:visited {
	font-weight: 600;
	font-variant: normal;
	color: #FFC74A;
	text-decoration: none;
}

.home #rightColumn a:hover, .home #leftColumn a:hover, .photo #rightColumn a:hover, .photo #leftColumn a:hover, .video #rightColumn a:hover, .video #leftColumn a:hover {
	font-weight: 600;
	font-variant: normal;
	color: #FFA449;
	text-decoration: none;
}

.divx #rightColumn a:link, .divx #leftColumn a:link, .rip #rightColumn a:link, .rip #leftColumn a:link {
	font-weight: 600;
	font-variant: normal;
	/*color: #B2D9FF;*/
	color: #D3FFAD;
	text-decoration: none;
}

.divx #rightColumn a:visited, .divx #leftColumn a:visited, .rip #rightColumn a:visited, .rip #leftColumn a:visited {
	font-weight: 600;
	font-variant: normal;
	/*color: #779FC6;*/
	color: #8BA872;
	text-decoration: none;
}

.divx #rightColumn a:hover, .divx #leftColumn a:hover, .rip #rightColumn a:hover, .rip #leftColumn a:hover {
	font-weight: 600;
	font-variant: normal;
	/*color: #5D70FF;*/
	color: #A4FF3E;
	text-decoration: none;
}

.faq #rightColumn a:link, .faq #leftColumn a:link {
	font-weight: 600;
	font-variant: normal;
	color: #D3FFAD;
	text-decoration: none;
}

.faq #rightColumn a:visited, .faq #leftColumn a:visited {
	font-weight: 600;
	font-variant: normal;
	color: #8BA872;
	text-decoration: none;
}

.faq #rightColumn a:hover, .faq #leftColumn a:hover {
	font-weight: 600;
	font-variant: normal;
	color: #A4FF3E;
	text-decoration: none;
}


#menu1, #menu2 , #menu3 , #menu4 , #menu5 , #menu6 , #menu7 , #menu8 {
	border:1px solid #000;
	margin-bottom: 15px;
}
#menu1 h2, #menu2 h2, #menu3 h2, #menu4 h2, #menu5 h2, #menu6 h2, #menu7 h2, #menu8 h2, #leftbox h2 {
	margin:0;
	padding:3px 0 3px 0;
	border-bottom:1px solid #000;
	border-top:1px solid #000;
	text-align:center;
	font-size:80%;
	color:#F0EEE8;
	/*background-color: #000;*/
}
.faq h2 {
	background: #AADD72;
}

.home h2, .photo h2, .video h2 {
	background: #000;
}

.divx h2, .rip h2 {
	/*background: #5b78d0;*/
	background: #AADD72;
}

#menu1 h3, #menu2 h3, #menu3 h3, #menu4 h3, #menu5 h3, #menu6 h3, #menu7 h3, #menu8 h3, #leftbox h3 {
	background-color:#F0EEE8;
	border-top:1px solid #333;
	border-bottom:1px solid #333;
	text-align:center;
	margin: 0 0 0 0;
	padding: 3px;
	font: 600 12px 'Lucida Grande', LucidaGrande, Lucida, Helvetica, Arial, sans-serif;
}

#menu1 ul, #menu2 ul, #menu3 ul, #menu4 ul, #menu5 ul, #menu6 ul, #menu7 ul, #menu8 ul, #leftbox ul {
	margin: 0;
	padding: 0;
	background: repeat url(images/rayures.gif);
	/*background: repeat url(http://www.funnymac.com/numeric/images/rayures.gif);*/
}
	
#menu1 li, #menu2 li, #menu3 li, #menu4 li, #menu5 li, #menu6 li, #menu7 li, #menu8 li, #leftbox li {
	font-size:80%;
	list-style-type: none;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 1px;
}

/*-------------------------------------------------------------------------*/
/*                          Barre de navigation                            */
/*-------------------------------------------------------------------------*/


#navbar {
    /*position: absolute; z-index: 5; top: 0; left: 0; right: 0; width: 94%;*/
    width: 94%;
   /* margin: -1px 0 0;*/
    padding: 0.2em 0 0.1em;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 15px;
    border: 1px solid #8F8E82; 
    border-width: 1px 3px 1px 20px;
    background: #EEEDD9; 
    white-space: nowrap; 
    }
      
html>body #navbar {/*margin: -4px 0 0;*/}
#navbar a {
    border-right: 1px solid #8F8E82; 
    padding: 0.45em 0.5em 0.2em;
    text-decoration: none;  
    color: #772;
    }

html>body #navbar a {padding: 0.2em 0.5em 0.1em;}
#navbar a#home {
    margin-left: 60px; 
    padding-left: 50px; 
    border-left: 1px solid #8F8E82;
    }
#navbar a:hover {background: #FFA850 ; color: #FFA;}
#navbar b {display: none !important;}

.home #navbar #home {color: #CCA; background: transparent;}

.home a#home, .photo a#photo, .video a#video, .funnymac a#funnymac {
    background: #444444 !important; 
    color: #EEEEEE !important; 
    border-bottom: 1px solid #444444;
}

.rip a#rip, .divx a#divx {
    /*background: #dfe5fc !important; 
    color: #444444 !important; 
    border-bottom: 1px solid #dce1f1;*/
    background: #f1ffd1 !important; 
    color: #444444 !important; 
    border-bottom: 1px solid #f0ffd5;
}

.faq a#faq {
    background: #f1ffd1 !important; 
    color: #444444 !important; 
    border-bottom: 1px solid #f0ffd5;
}


/*-------------------------------------------------------------------------*/
/*                             Page index.php                              */
/*-------------------------------------------------------------------------*/

#presentation {
color: #000000;
 /*	background: #dda;*/
}

#presentation table {
	/*white-space: nowrap;*/
	padding:  10px;
}

#presentation A:link {
	color: #e19140;
    text-decoration: none;
    border-bottom : 1px dotted #999999;
    }

#presentation A:visited {
	color: #9f2c0b;
	text-decoration: none;
	border-bottom : 1px dotted #999999;
    }

#presentation A:hover {  
	color: #a56a2f;
    }

#presentation A:active {  
	color: #ffe01e;
	text-decoration: none;
	border-bottom : 1px dotted #999999;
    } 

#news {
	/*min-width: 700px;*/
}
#news table {
	/*background: #f8d95b;
	margin: 0px;*/
	margin-right: auto;
	margin-left: auto;
	padding: 0px;
}

#poster {
	background: #f8d95b;
	width:  600px;
	margin-right: auto;
	margin-left: auto;
}

#news img {
	margin: 10px;
}
#news td {
	/*background: #f8d95b;
	padding: 3px;*/
	}

.info_news1 {
	border-bottom-style: none;
	border-bottom-width: thin;
	/*background: #d24eb1;*/
	color:  #FFFFFF;
	background-color: #3A3428;
	padding: 10px 4px 10px 4px;
	margin-bottom: 1px;
	}

.info_news2 {
	border-bottom-style: none;
	border-bottom-width: thin;
	/*background: #5f78d0;*/
	color:  #FFFFFF;
	background-color: #4A4A4A;
	padding: 10px 4px 10px 4px;
	margin-bottom: 1px;
	}
	
.one {
	background: #f8f077;
	padding: 3px;
}

.onec {
	background: #f8f077;
	text-align: center;
	padding: 3px;
}

.two {
	background: #f8d95b;
	padding: 3px;
}

.twoc {
	background: #f8d95b;	
	text-align: center;
	padding: 3px;
}

.twot {
	background: #f8d95b;
	padding: 5px;
}

.tabl {
	width: 100%;
	border: 0;
	/*cellspacing: 0;*/
	background: #f8d95b;
	padding: 5px;
	margin-top: 8px;
	margin-bottom: 8px;
}

.tabl60 {
	text-align: center;
	width: 60%;
	border: 0;
	/*cellspacing: 0;*/
	background: #f8d95b;
	padding: 5px;
	margin-top: 8px;
	margin-bottom: 8px;
}

#news th {
	background: #af9940;
	padding: 3px;
}

.sous_th {
	background: #af9940;
	text-align: center;
	padding: 3px;
}

#news ul {
	padding-bottom: 7px;
}

.logiciel {
	width: 35%;
	color:  #111111;
	background-color: #4A4A4A;
	font-size: small;
	padding: 2px;
}

#innerContentColumn h1 {
	font: 2em   Geneva, Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: center;
	border-style: dotted;
	border-width: thin;
	margin-top: 1em;
	margin-bottom: 1em;
}

.info {
	width: 65%;
	color: #FFFFFF;
	background-color: #3A3428;
	font-size: small;
	padding: 2px;
}

.nouveaute_info {
	color: #FFFFFF;
	background-color: #4A4A4A;
	font-size: small;
	padding: 5px;
}

.date {
	color: #FFFFFF;
	background-color: #000;
	text-align: center;
	font-size: small;
	padding: 3px;
	font-weight: 600;
}

.home #news A:link, .photo #news A:link, .video #news A:link {  color: #d0a33c;
    text-decoration: none;
    border-bottom : 1px dotted #999999;
    }
    
.home #news A:visited, .photo #news A:visited, .video #news A:visited {  color: #846726;
    text-decoration: none;
    border-bottom : 1px dotted #999999;
    }

.home #news A:hover, .photo #news A:hover, .video #news A:hover {  color: #BA822F;
    text-decoration: none;
    border-bottom : 1px dotted #999999;
    }
  
.home #news A:active, .photo #news A:active, .video #news A:active {  color: #CCFF00;
    text-decoration: none;
    border-bottom : 1px dotted #999999;
    }

.divx #news A:link, .rip #news A:link {
	/*color: #3c7cff;*/
	color: #6D9A5A;
    text-decoration: none;
    border-bottom : 1px dotted #999999;
    }

.divx #news A:visited, .rip #news A:visited {
	/*color: #0540a3;*/
	color: #70c409;
    text-decoration: none;
    border-bottom : 1px dotted #999999;
    }

.divx #news A:hover, .rip #news A:hover {
	/*color: #4959c4;*/
	color: #517343;
    }

.divx #news A:active, .rip #news A:active {
	/*color: #CCFF00;*/
	color: #16ffa5;
    text-decoration: none;
    border-bottom : 1px dotted #999999;
    } 
    
.faq #presentation A:link {
	color: #6D9A5A;
    text-decoration: none;
    border-bottom : 1px dotted #999999;
    }

.faq #presentation A:visited {
	color: #70c409;
	text-decoration: none;
	border-bottom : 1px dotted #999999;
    }

.faq #presentation A:hover {  
	color: #517343;
    }

.faq #presentation A:active {  
	color: #16ffa5;
    text-decoration: none;
    border-bottom : 1px dotted #999999;
    } 

.pair {
	background: #eeeeee;
}

.impair {
	background: #dddddd;
}

#tablo ul {
	margin-left: 16px;
	padding: 0px;
}

#tablo li {
	font-size:80%;
	/*padding-left: 5px;*/
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 1px;	
}

#tablo td {	
	font-family: lucida grande, geneva, verdana, sans-serif;
	/*font-size: 12px;
    background-color: #dddddd;
	padding: 2px 2px 4px 2px;*/
		width: 20%;
	padding: 4px;
	border-top: 1px solid #3A3428;
	border-left: 1px solid #3A3428;
	border-color: #AF9940;
	vertical-align: text-top;
}

.left {
	text-align: left;
	padding-left: 5px;
}

#tablo table {
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	margin-bottom: 10px;
	width: 100%;
	border-spacing:0px;
	border-right: 1px solid #99cc33;
	border-bottom: 1px solid #99cc33;
	border-color: #AF9940;
}

#tablo th {
	background: #E4C854;
	color: #000000;
	padding: 4px;
}

.evidence {
	color: #003399;
}

.listePage {
	text-align: right;
	margin: 8px 8px 0 0;
	margin-top: 8px;
	margin-right: 8px;
	font-size: small;
}

.gras {
	font-weight: bold;
}

.inlineimg {
	vertical-align: middle;
	}

#links, #links1, #links2, #links3, #links4, #links5, #links6, #links7, #links8 {
	border-style: dashed;
	border-width: thin;
	width: 80%;
	padding: 10px;
	margin: 40px auto 20px auto;
	background: #f8f077;
	}

#links h2, #links1 h2, #links2 h2, #links3 h2, #links4 h2, #links5 h2, #links6 h2, #links7 h2, #links8 h2 {
	background: #af9940;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-style: italic;
	font-variant: small-caps;
	border-top-style: solid;
	border-bottom-style: solid;
	/*border-spacing: 2px;*/
	border-bottom-width: thin;
	border-top-width: thin;
	margin: 20px;
	/*text-align: left;
	padding-left: 20px;*/
	text-align: right;
	padding-right: 20px;
	}