/*
Design by Free CSS Templates
http://www.freecsstemplates.org
Released for free under a Creative Commons Attribution 2.5 License
*/



/* row highlighting on hover + select */
.dtabl tr:hover td, .highlight td {  background-color: #FFFFDD; }
/* disabled highlighting on nohover */
.dtabl tr:hover td.nohover, .highlight td.nohover {}




.normal {
	color:#666666;
	text-decoration:none;
	font-family:tahoma,Arial;
	font-size:11px;
}


A.topmenu:LINK,A.topmenu:VISITED,A.topmenu:HOVER {
	color:#626262;
	text-decoration:none;
	font-family:Tahoma,Arial;
	font-size:12px;
	font-weight:bold;
}

/*
 partie pour les select input text area
 */

 TEXTAREA, SELECT, INPUT
{
	border-right: #DEDEDE 1px solid;
	border-top: #DEDEDE 1px solid;
	border-left: #DEDEDE 1px solid;
	border-bottom: #DEDEDE 1px solid;
	font-size: 9pt;
	color: #333333;
	font-family: Arial, Helvetica, sans-serif;
	padding-left:10px;
} 

/* fin
 partie pour les select input text area
 */
 
/*
 partie pour pagination
 */
 
div.pagination {
	padding:3px;
	margin:3px;
	text-align:center;
}

div.pagination a {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #ddd;
	
	text-decoration: none; 
	color: #aaa;
}
div.pagination a:hover, div.pagination a:active {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #a0a0a0;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #e0e0e0;
	font-weight: bold;
	background-color: #f0f0f0;
	color: #aaa;
}
div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin-right: 2px;
	border: 1px solid #f3f3f3;
	color: #ccc;
}
 
/* fin
 partie pour pagination
 */
 
/*
Partie pour les tableau
*/

/* Alt rows used on most data tables */
.row1 td { background-color: #F4FAFF; }
.row2 td { background-color: #FFFFFF; }



/* Data Table */
table.dtable {
 border-left: 1px solid;
}

table.dtable td {
  padding-left:3px;
  border:1px solid;
  border-top:none;
  border-left:none;
}

table.dtable th {
  color: #FFF;
  font-size: 12px;
  font-weight:bold;
}


table.dtable, table.dtable td, table.dtable th {
  border-color:#CCC;
}

/* Table headings */
table.dtable th {
  text-align:left;
  background:#ADADAD;
  color:#FFF;
}

table.dtable th a, table.dtable th a:hover {
  color:#FFF;
  text-decoration:underline;
}

/* row highlighting on hover + select */
.dtable tr:hover td, .highlight td {  background-color: #FFFFDD; }
/* disabled highlighting on nohover */
.dtable tr:hover td.nohover, .highlight td.nohover {}

/* Data Table */
table.dtable2 {
 border-left: 1px solid;
}

.btn_table:hover
{
background:transparent;

}

.btn_table
{
background:transparent;

}


table.dtable2 td {
  padding-left:3px;
  border:1px solid;
  border-top:none;
  border-left:none;
}

table.dtable2 th {
  color: #FFF;
  font-size: 12px;
  font-weight:bold;
}


table.dtable2, table.dtable2 td, table.dtable2 th {
  border-color:#CCC;
}

/* Table headings */
table.dtable2 th {
  text-align:left;
  background:#ADADAD;
  color:#FFF;
}

table.dtable2 th a, table.dtable2 th a:hover {
  color:#FFF;
  text-decoration:underline;
}

/* row highlighting on hover + select */
.dtable2 tr:hover td, .highlight td {  background-color: #FFFFDD; }
/* disabled highlighting on nohover */
.dtable2 tr:hover td.nohover, .highlight td.nohover {}

/* Data Table */
table.dtable3 {
 border-left: 1px solid;
}

table.dtable3 td {
  padding-left:3px;
  border:1px solid;
  border-top:none;
  border-left:none;
}

table.dtable3 th {
  color: #FFF;
  font-size: 12px;
  font-weight:bold;
}


table.dtable3, table.dtable3 td, table.dtable3 th {
  border-color:#CCC;
}

/* Table headings */
table.dtable3 th {
  text-align:left;
  background:#ADADAD;
  color:#FFF;
}

table.dtable3 th a, table.dtable2 th a:hover {
  color:#FFF;
  text-decoration:underline;
}

/* row highlighting on hover + select */
.dtable3 tr:hover td, .highlight td {  background-color: #FFFFDD; }
/* disabled highlighting on nohover */
.dtable3 tr:hover td.nohover, .highlight td.nohover {}

/*fin
Partie pour les tableau
*/
 
#top_mod{

background-image:url(images/mod_01.jpg);
background-repeat:no-repeat;
width:286px;
height:13px;
float:right;
padding-right:23px;
}


#down_mod{

background-image:url(images/mod_02.jpg);
background-repeat:no-repeat;
background-position:-4px;
width:100%;
height:13px;

}


body {
	margin-top: 10px;
	background: #191919;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	/*color: #FFFFFF;*/
}

h1, h2, h3 {
	margin: 0;
	text-transform: lowercase;
	letter-spacing: -.05em;
	font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
}

h1 {
	font-size: 1.8em;
}

h2 {
	font-size: 1.4em;
}

h3 {
	font-size: 1em;
}

p, ul, ol {
	margin-top: 0;
	line-height: 180%;
}

ul, ol {
}
/*
a {
	background: url(images/img05.gif) repeat-x left bottom;
	text-decoration: none;
	color: #C0BFBF;
}

a:hover {
	background: none;
	color: #FFFFFF;
}*/


A:LINK,A:VISITED {
	color:#7893AE;
	text-decoration:none;
	font-family:tahoma,Arial;
	font-size:12px;
	font-weight:bold;
}

A:HOVER {
	color:#5E6D7B;
	text-decoration:underline;
	font-family:tahoma,Arial;
	font-size:12px;
	font-weight:bold;
}

/* Header */

#header {
	background: url(images/header.jpg) no-repeat left top;
	width: 888px;
	height: 160px;
	margin: 0 auto;
	vertical-align:bottom;
	font-size:10px;
	font-weight:bold;
}


.header_left{

width: 552px;
	height: 160px;
	margin: 0 auto;
	background: url(images/bg_header.jpg) no-repeat left top;
	float:left;
}


.header_right_free{

width: 336px;
	height: 160px;
	margin: 0 auto;
	background: url(images/free_bg.jpg) no-repeat left top;
	float:right;
	
}


.header_right{

width: 300px;
	height: 160px;
	margin: 0 auto;
	float:right;
	color:#666666;
	
}



.header_right_client{

width: 336px;
	height: 160px;
	margin: 0 auto;
	background: url(images/client_bg.jpg) no-repeat left top;
	float:right;
}



/* Logo */

#logo {
	float: left;
}

#logo h1 {
	float: left;
	padding-top: 80px;
	padding-left: 25px;
	text-transform: lowercase;
	font-size: 2.9em;
}

#logo p {
	float: left;
	margin: 0;
	padding: 98px 0 0 2px;
	text-transform: lowercase;
	letter-spacing: -.05em;
	font-size: 16px;
	color: #FFFFFF;
} 

#logo a {
	background: none;
	text-decoration: none;
	color: #FFFFFF;
}

/* Search */

#search {
	float: right;
	width: 200px;
	padding-top: 86px;
}

#search form {
	width: 200px;
	height: 41px;
	margin: 0;
	padding: 15px 0 0 18px;
	background: url(images/img03.gif) no-repeat;
}

#search fieldset {
	margin: 0;
	padding: 0;
	border: none;
}

#search-text {
	border: none;
	text-transform: lowercase;
	background: #FFFFFF;
	border: none;
	font: bold 1.2em Arial, Helvetica, sans-serif;
	color: #FFFFFF;
}

#search-submit {
	display: none;
}

/* Menu */

#menu {
	width: 888px;
	height: 40px;
	margin: 0 auto;
	background: #FFFFFF url(images/img03.jpg) repeat-y left top;
}

#menu ul {
	margin: 0;
	padding: 7px 0 0 10px;
	list-style: none;
	line-height: normal;
}

#menu li {
	float: left;
}

#menu a {
	padding: 10px 20px;
	margin-right: 2px;
	background: #BDE119;
	text-transform: uppercase;
	text-decoration: none;
	font: bold 10px Arial, Helvetica, sans-serif;
	color: #000000;
}

#menu a:hover, #menu .current_page_item a {
	color: #FFFFFF;
}

#menu a:hover {
	text-decoration: underline;
}

/* Page */

#page {
	width: 888px;
	margin: 0 auto;
	background: #FFFFFF url(images/img03_1.jpg) repeat-y left top;
	padding-top: 0px;
	font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif;
}

/* Content */

#content {
	float: left;
	width: 530px;
	margin-left: 25px;
}

.post {
}

.post .title {
	padding: 5px 0;
	border-bottom: 1px solid #354658;
	background: url(images/img06.jpg) no-repeat left bottom;
	color: #FFFFFF;
}

.post .title a {
	color: #FFFFFF;
}

.post h2 {
	font-size: 1.8em;
}

.post .meta {
	padding: 2px 10px;
	background: #0D0D0D;
	border-top: 1px solid #000000;
	border-bottom: 1px solid #000000;
	text-transform: uppercase;
	text-align: right;
	font-size: 9px;
}

.post .entry {
	padding: 20px;
	text-align: justify;
}

/* Sidebar */

#sidebar {
	float: right;
	width: 280px;
	background: #2C3A49;
	margin-right: 25px;
	padding-top: 20px;
	color: #7893AE;
}

#sidebar ul {
	margin: 0;
	padding: 0;
	list-style: none;
}

#sidebar li {
}

#sidebar li ul {
	padding: 23px;
}

#sidebar li li {
	background: url(images/img05.jpg) no-repeat left 50%;
	padding-left: 10px;
}

#sidebar h2 {
	padding: 5px 22px;
	background: url(images/img04.jpg) no-repeat bottom;
	font-size: 1.5em;
	color: #FFFFFF;
}

#sidebar p {
	padding: 20px;
}

/* Calendar */

#calendar {
}

#calendar_wrap {
	padding: 20px;
}

#calendar table {
	width: 100%;
}

#calendar tbody td {
	text-align: center;
}

#calendar #next {
	text-align: right;
}

/* Footer */

#footer {
	width: 888px;
	margin: 0 auto;
	padding: 30px 0;
	height: 60px;
	background: url(images/img02_1.jpg) no-repeat left top;
	font-family: Arial, Helvetica, sans-serif;
	color: #121C27;
}

#footer p {
	margin: 0;
	line-height: normal;
	font-size: 9px;
	text-transform: uppercase;
	text-align: center;
}

#footer a {
	color: #121C27;
}











/*************************menuuuu**********************/


A.white:LINK,A.white:VISITED {
	color:#626469;
	text-decoration:none;
	font-family:tahoma,Arial;
	font-size:11px;
}

A.white:HOVER {
	color:#626469;
	text-decoration:underline;
	font-family:tahoma,Arial;
	font-size:11px;
}

A.featured:LINK,A.featured:VISITED {
	font-weight:bold;
}

A.featured:HOVER {
	font-weight:bold;
}

A.topmenu:LINK,A.topmenu:VISITED,A.topmenu:HOVER {
	color:#626262;
	text-decoration:none;
	font-family:Tahoma,Arial;
	font-size:12px;
	font-weight:bold;
}

.copyright {
	color:#666666;
	text-decoration:none;
	font-family:tahoma,Arial;
	font-size:11px;
}

A.copyright:LINK,A.copyright:VISITED {
	color:#6aa94e;
	text-decoration:none;
	font-family:tahoma,Arial;
	font-size:11px;
}

A.copyright:HOVER {
	color:#6aa94e;
	text-decoration:underline;
	font-family:tahoma,Arial;
	font-size:11px;
}

.quote {
	color:#666666;
	text-decoration:none;
	font-family:tahoma,Arial;
	font-size:11px;
}

.normtext {
	color:#626262;
	font-family:tahoma,Arial;
	font-size:11px;
}

A.quote:LINK,A.quote:VISITED {
	color:#626262;
	text-decoration:none;
	font-family:tahoma,Arial;
	font-size:11px;
}

A.quote:HOVER {
	color:#6aa94e;
	text-decoration:underline;
	font-family:tahoma,Arial;
	font-size:11px;
}

.quotes {
	color:#666666;
	text-decoration:none;
	font-family:tahoma,Arial;
	font-size:11px;
	padding:5px;
}

.table_titles {
	color:#666666;
	text-decoration:none;
	font-family:tahoma,Arial;
	font-size:11px;
}

.header1 {
	color:#666666;
	text-decoration:none;
	font-family:tahoma,Arial;
	font-size:12px;
	font-weight:bold;
}

.error {
	color:#FF0000;
	text-decoration:none;
	font-family:tahoma,Arial;
	font-size:11px;
}

.urgent {
	color:#FF0000;
	text-decoration:none;
	font-family:tahoma,Arial;
	font-size:11px;
}

.featured {
	color:#6aa94e;
	font-weight:bold;
}

.project_title {
	color:#6aa94e;
	text-decoration:none;
	font-family:tahoma,Arial;
	font-size:15px;
	font-weight:bold;
}

.project_title_header {
	color:#626262;
	text-decoration:none;
	font-family:tahoma,Arial;
	font-size:15px;
	font-weight:bold;
}

.title1 {
	color: #B4CF33;
	font-weight: bold;
	font-family: Tahoma;
	font-size: 17px;
}
.title2 {
	font-family: Tahoma;
	font-weight: bold; 
	font-size: 14px; 
	color: #B4CF33; 
}
.title3 {
	color: #B4CF33; 
	font-family: Tahoma; 
	font-size: 18px;
}
.title4 {
	color: #B4CF33;
	font-family:tahoma,Arial;
	font-size:13px;
}
.pagestitle {
	color: #3e8951;
}


 

/*- Menu Tabs J--------------------------- */

    #tabsJxxx {
      float:left;
      width:100%;
      background-color:transparent;
	  
      font-size:93%;
      line-height:normal;
      border-bottom:1px solid #24618E;
      }
	  
	  
	   #tabsJ {
      
     
   
    
	  
      font-size:93%;
      line-height:normal;
    
	  
	 width: 888px;
	height: 47px;
	margin: 0 auto;
	background: url(images/lg_02.jpg) no-repeat left bottom;
	
	
      }
	  
	  
	 
	
	
	
    #tabsJ ul {
        margin:0;
        padding:10px 10px 0 180px;
        list-style:none;
      }
    #tabsJ li {
      display:inline;
      margin:0;
      padding:0;
      }
    #tabsJ a {
      float:left;
      background:url("images/tableftJ.gif") no-repeat left top;
      margin:0;
      padding:0 0 0 5px;
      text-decoration:none;
      }
    #tabsJ a span {
      float:left;
      display:block;
      background:url("images/tabrightJ.gif") no-repeat right top;
      padding:5px 15px 4px 6px;
      color:#24618E;
      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabsJ a span {float:none;}
    /* End IE5-Mac hack */
    #tabsJ a:hover span {
      color:#FFF;
      }
    #tabsJ a:hover {
      background-position:0% -42px;
      }
    #tabsJ a:hover span {
      background-position:100% -42px;
      }

        #tabsJ #current a {
                background-position:0% -42px;
        }
        #tabsJ #current a span {
                background-position:100% -42px;
                color:#FFF;
        }
		
		
		
		
/*****************fin menu *********************************************************************/




/*menu left*/


.private_top {
background-image:url(images/top2.jpg);
height:8px;
width:210px;
}



.private_milieu {
background-image:url(images/milieu.jpg);
width:210px;
}



.btn_last:hover {
background:transparent url(images/btn_last.jpg) no-repeat scroll 0 0;
cursor:pointer;
font-weight:bold;
height:24px;
opacity:0.5;
width:210px;
}
.btn_last {
background:transparent url(images/btn_last.jpg) no-repeat scroll 0 0;
font-weight:bold;
height:24px;
opacity:1;
width:210px;
}



.btn_prof:hover {
background:transparent url(images/btn.jpg) no-repeat scroll 0 0;
cursor:pointer;
font-weight:bold;
height:24px;
opacity:0.5;
width:210px;

}
.btn_prof {
background:transparent url(images/btn.jpg) no-repeat scroll 0 0;
font-weight:bold;
height:24px;
opacity:1;
width:210px;

}

/**fin menu left*/