/*Progonline V2*/
/* CSS Document */

/*									body -*/

body, td, th, div, p, label {
	color:#003399;
	line-height:16px;
	font-family: Arial;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
}



body {
	background:#ffffff url(img/body-bg.gif) repeat-y 50% 0
}

a	{
	color:#000000; 
	text-decoration:underline;
}

a:visited 	{
	color:#000000;
}

a:hover {
	color:#6495b6; 
	text-decoration:none
}
/*__________________________________________________________________CONTENT_____________________________________*/


.button, 
.validate				{background:url(readon.gif) no-repeat 0 0; color:#6495b6; font:bold 13px arial; width:89px; margin:0px 0px 0px 0px; padding:2px 7px 4px 7px; display:block; text-transform:none; text-align:center; border:none; vertical-align:middle; line-height:16px}
* html .button, * html .validate {height:25px}

/*________________________________________SEARCH____________________________________*/
.module-search 			{padding:15px 0px 0px 0px;}
.module-search h3		{
	display:block;
	width:85px;
	float:left;
	color:#666666;
	font-size:100%;
	padding:5px 0px 0px 0px;
}
.search					{}
.search .inputbox		{border:none; margin:0px 0px 5px 0px; padding:6px 0px 6px 5px; vertical-align:middle; color:#000; float:left; background:url(img/search-bg.gif) no-repeat 0 3px; width:167px;}
* html .search .inputbox		{height:24px; background:url(images/search-bg.gif) no-repeat 0 0px !important; padding:3px 0px 3px 5px !important;}
.search  .button		{width:auto; height:auto; vertical-align:middle; margin:0px 0px 0px 0px; float:left; background:none}
	

.box-indent1				{
	padding:10px 5px 10px 10px;
}
.box-indent2				{
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.box-indent3				{
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}

/*________________________________________MAINMENU DROIT_____________________________________*/

.module_menu, .module_menu_blanc, .module_menu_partenaire,.module_menu_bleu			{background:url(img/box2-content-bg.gif) repeat-y 0 0; width:100%; margin:0px 0px 11px 0px;}
.module_menu .first, .module_menu_blanc .first,.module_menu_partenaire .first		{}

.module_menu .sec,.module_menu_blanc .sec,.module_menu_partenaire .sec,.module_menu_bleu .sec		{
	background-image: url(img/box2-bottom.jpg);
	background-repeat: no-repeat;
	background-position: 0 bottom;
}

.module_menu .third,.module_menu_blanc .third,.module_menu_partenaire .third,.module_menu_bleu .third		{ }
.module_menu h4	{
	padding:11px 10px 11px 49px;
	color:#333333;
	font:bold 110% Arial;
	background-image: url(img/box2-title-bg.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-align: left;
}
.module_menu_blanc h4,.module_menu_partenaire h4	{
	padding:11px 10px 11px 49px;
	color:#333333;
	font:bold 110% Arial;
	background-image: url(img/box22-title-bg.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-align: left;
}

.module_menu_bleu h4	{
	padding:11px 10px 11px 49px;
	color:#FFFFFF;
	font:bold 110% Arial;
	background-image: url(img/box5-title-bg.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-align: left;
}

.module_menu .rouge,.module_menu_blanc .rouge,.module_menu_partenaire .rouge,.module_menu_bleu .rouge {
	color: #cc0000;
}
.module_menu .new,.module_menu_blanc .new,.module_menu_partenaire .new,.module_menu_bleu .new {
	color: #FF6600;
	font-weight: bold;
}
.module_menu a:hover,.module_menu_blanc a:hover,.module_menu_partenaire a:hover,.module_menu_bleu a:hover	{
	color:#CC3300;
	text-decoration:none
}
.module_menu ul	,.module_menu_blanc ul	,.module_menu_partenaire ul,.module_menu_bleu ul			{padding:0px 0px 0px 0px; }
.module_menu li	,.module_menu_blanc li,.module_menu_partenaire li,.module_menu_bleu li			{
	display:inline;
	
}
.module_partenaire li a		{
	color:#666666;
	text-decoration:underline;
	line-height:16px;
	display:block;
	width:100%;
	padding:0px 0px 5px 0px;
	font-size: 10px;
}
.module_partenaire li a:hover	{
	color:#000000;
	text-decoration:none
}
.module_partenaire li a:visited{
	color:#333333
}

.module_menu li a,.module_menu_blanc li a,.module_menu_bleu li a		{
	text-indent: 15px;
	color:#333333
	text-decoration:none;
	line-height:12px;
	display:block;
	width:100%;
	padding:0px 0px 5px 0px;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
}
.module_menu li a:hover,.module_menu_blanc li a:hover, .module_menu_bleu li a:hover	{
	background-image: url(img/puce-menu.jpg);
	background-repeat: no-repeat;
	text-indent: 15px;
	color:#CC0000;
	text-decoration:none
}
.module_menu li a:visited,.module_menu_blanc li a:visited,.module_menu_bleu li a:visited{
	color:#666666;
	text-decoration: none;
}
.module_menu li a em,.module_menu_blanc li a em,.module_menu_partenaire li a em,.module_menu_bleu li a em	{font-style:normal}
.module_menu li ul,.module_menu_blanc li ul,.module_menu_partenaire li ul,.module_menu_bleuli ul		{padding:0px 0px 0px 10px; margin:0px 0px 0px 0px;}
.module_menu li ul li,.module_menu_blanc li ul li,.module_menu_partenaire li ul li,.module_menu_bleu li ul li	{display:inline;}
.module_menu p	, .module_menu_blanc p,.module_menu_bleu p				{
	color:#000;
	padding:0px 0px 0px 0px;
	font-size:90%;
	font-weight:normal;
	text-align: left;
}
.module_partenaire p			{
	color:#000;
	padding:0px 0px 0px 0px;
	font-size:90%;
	font-weight:normal;
	text-align: center;
}

/*________________________________________MAINMENU DROIT HAUT_____________________________________*/

.module_menu_droit			{background:url(img/box2-content-bg.gif) repeat-y 0 0; width:100%; margin:0px 0px 11px 0px;}

.module_menu_droit .first		{}
.module_menu_droit .sec		{
	background-image: url(img/box4-bottom.jpg);
	background-repeat: no-repeat;
	background-position: 0 bottom;
}
.module_menu_droit .third		{}
.module_menu_droit h4			{
	padding:11px 10px 11px 49px;
	color:#333333;
	background-image: url(img/box4-title-bg.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	text-align: left;
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
}
.module_menu_droit .rouge {
	color: #cc0000;
}
.module_menu_droit .new {
	color: #FF6600;
	font-weight: bold;
}
.module_menu_droit .vert {
	color: #00CC00;
	font-weight: bold;
}
.module_menu_droit a:hover	{
	color:#CC3300;
	text-decoration:none
}
.module_menu_droit ul			{
	padding:0px 0px 0px 0px;
	font-size: 10px;
}
.module_menu_droit li			{
	display:block
}
.module_menu_droit li a		{ color: #00CC00;font-weight: bold;text-decoration:none; line-height:16px;  width:100%; padding:0px 0px 5px 0px; }
.module_menu_droit li a:hover	{
	text-decoration:underline;color: #00CC00;
}
.module_menu_droit li a:visited{color: #00CC00;}
.module_menu_droit li a em	{font-style:normal}
.module_menu_droit li a.projet		{ color: #6495b6;text-decoration:none; line-height:16px;  width:100%; padding:0px 0px 5px 0px; }
.module_menu_droit li a.projet:hover	{color: #6495b6;text-decoration:underline;
}
.module_menu_droit li a.projet:visited{color: #6495b6;}
.module_menu_droit li a.projet em	{font-style:normal;color: #6495b6;}
.module_menu_droit li ul		{padding:0px 0px 0px 10px; margin:0px 0px 0px 0px;}
.module_menu_droit li ul li	{display:inline;}
.module_menu_droit p			{
	color:#000;
	padding:0px 0px 0px 0px;
	font-size:90%;
	font-weight:normal;
	text-align: left;
}
.module_menu_droit .width  {
	text-align: left;
	margin: 0px;
	padding:0px;
}
.module_menu_droit .width2  {
	text-align: center;
	margin: 0px;
	padding:0px;
}
.module-menu-droit .box-indent				{padding:5px 5px 5px 5px;}
/*________________________________________MAINMENU BLANC_____________________________________*/


/*________________________________________TOPMENU_____________________________________*/

ul.menu-nav li			{
	display:block;
	float:left;
	margin:0px 2px 0px 0px;
}
ul.menu-nav li a  		{
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	text-align:center;
	width:auto;
	float:left;
	background:url(img/topmenu-item-left-bg.gif) no-repeat 0 0;
	font-weight: bold;
}

ul.menu-nav li a span	{display:block; background:url(img/topmenu-item-right-bg.gif) no-repeat right 0}
ul.menu-nav li a span em {font-style:normal; display:block; padding:12px 27px 11px 27px;}

ul.menu-nav li a:hover  {
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	text-align:center;
	width:auto;
	float:left;
	background:url(img/topmenu-item-left-bg-act.gif) no-repeat 0 0
}
ul.menu-nav li a:hover span	{display:block; background:url(img/topmenu-item-right-bg-act.gif) no-repeat right 0}
ul.menu-nav li a:hover span em {font-style:normal; display:block; padding:12px 27px 11px 27px; }

ul.menu-nav li a:visited{
	color:#FFFFFF
}

ul.menu-nav li.active a {
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	text-align:center;
	width:auto;
	float:left;
	background:url(img/topmenu-item-left-bg-act.gif) no-repeat 0 0
}
ul.menu-nav li.active a span {display:block; background:url(img/topmenu-item-right-bg-act.gif) no-repeat right 0}
ul.menu-nav li.active a span em {font-style:normal; display:block; padding:12px 27px 11px 27px;}

/*________________________________________LOGINFORM_____________________________________*/

.module_s2				{
	width:100%;
	margin:0px 0px 11px 0px;
	background-image: url(img/box4-content-bg.gif);
	background-repeat: repeat-y;
	background-position: 0 0;
	font-size: 10px;
}
.module_s2 .first		{}
.module_s2 .sec			{background:url(img/box4-content-bot.gif) no-repeat 0 bottom}
.module_s2 .third		{background:url(img/box3-content-top2.gif) no-repeat 0 0}
.module_s2 h4			{
	padding:11px 10px 11px 49px;
	color:#333333;
	background:url(img/box3-title-bg.jpg) no-repeat 0 0;
	font:bold 110% Arial;
	text-align: left;
}
.module_s2 .width		{
	text-align: left;
}
.module_s2 label		{
	color:#333333;
	font-size:90%;
}
.module_s2 p, 
label.remember 			{color:#000; padding:0px 0px 0px 0px; font-size:90%; font-weight:normal}

.module_s2 ul			{padding:0px 0px 0px 0px; }
.module_s2 li			{
	display:inline;
	
}
.module_s2 li a		{
	text-indent: 15px;
	color:#333333;
	text-decoration:none;
	line-height:12px;
	display:block;
	width:100%;
	padding:0px 0px 5px 0px;
	font-size: 11px;
	font-weight: bold;
	text-align: left;
}
.module_s2 li a:hover	{
	background-image: url(img/puce-auth.jpg);
	background-repeat: no-repeat;
	text-indent: 15px;
	color:#CC0000;
	text-decoration:none
}
#module_s2 .rouge {
	color: #cc0000;
}

.module_s2 form			{text-align:left; padding:0px 0px 10px 0px;}
.module_s2 .inputbox	{
	background:url(img/login-input2.gif) no-repeat 0 0 !important;
	border:none;
	width:172px;
	padding:2px 0px 2px 3px;
	vertical-align:middle;
	font-size:100%;
	margin:3px 0px 3px 0px;
	color:#000
}
.module_s2 .ok {
	text-align: right;
	margin-left: 96px;
}

* html .module_s2 .inputbox {height:20px}
.module_s2 input .button		{
	border:none;
	background:url(img/login.gif) no-repeat 0 0;
	color:#1368a9;
	font-size:100%;
	font-weight:bold;
	width:59px;
	vertical-align:middle;
	margin:5px 10px 3px 0px;
	padding:4px 10px 4px 0px;
	display:block;
	font-family:arial;
	text-align:center;
	text-transform:none !important
} /* button */
#mod_login_remember		{margin:0px 10px 0px 0px; vertical-align:middle; background:none; border:none; float:left; display:block; width:12px}		/*checkbox*/

input.requred			{border:none !important}

/*___________________________________________________________INDEX.PHP_STYLES_________________________________*/

.main 					{width:1024px;}

/*#tail					{background:url(img/tail.jpg) repeat-x 0 0 #e5e5e9; padding:24px 0px 0px 0px;}*/

#header					{background: #000000  repeat-x 0 0}
#header .left-bg		{background: #000000  no-repeat 0 0}
#header .right-bg		{


	background: #FFCC00;
	height:140px;
	background-repeat: no-repeat;
	background-position: right;
	background-image: url(img/header-right1.jpg);
}
#header .slogan			{
	float: left;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 32px;
	padding-right: 10px;
}	
#header .slogantext {
	font-size: 20px;
	font-weight: normal;
	color: #333333;
	line-height: 25px;
	padding-top: 20px;
}

#header .rouge {
	color: #CC0000;
}
#header .bleu {
	color: #398CCE;
	font-size: 26px;
}


#top					{background:url(img/top-bg.jpg) repeat-x 0 0}
#top .left-bg			{background:url(img/top-left.jpg) no-repeat 0 0}
#top .right-bg			{background:url(img/top-right.jpg) no-repeat right 0; height:88px; overflow:hidden}			
#top-funk				{margin:0px 0px 0px 312px;}
	#logo				{float:left; width:170px}
	#logo img			{
	margin:7px 0px 0px 35px;
}
	#whos				{width:260px; float:right}
	#topmenu			{
	float: right;
	vertical-align: bottom;
	margin-top: 14px;
	margin-right: 24px;
	height:48px;
	
}
#menu {
	height: 50px;
	background-image: url(img/top-menu.jpg);
	background-repeat: repeat-x;
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 0px;
	margin-left: 3px;
	padding:0px;
	float: none;
	vertical-align: bottom;
}

	#search				{height:86px; padding:0px 0px 0px 360px;}

#wrapper				{overflow:hidden; width:100%}

#left-accueil					{
	float:left;
	width: 750px;
}
#left					{width:198px; float:left;}
#right					{width:198px; float:right;}
#content				{background:#fff url(cont-bg.gif) repeat-x 0 0; }
#content .shadow-tl		{background:url(img/shadow-left-top.gif) no-repeat 0 0}
#content .shadow-tr		{background:url(img/shadow-right-top.gif) no-repeat right 0; width:100%; overflow:hidden}
#content .shadow-r		{background:url(img/shadow-right.gif) repeat-y right 0}
#content .shadow-l		{background:url(img/shadow-left.gif) repeat-y 0 0}

#content .space			{
	padding:14px 25px 20px 32px;
	margin:0px 3px 0px 3px;
	/*background-image: url(img/main-bg.jpg);*/
	background-repeat: repeat-x;
		
}

#container				{margin:0px 230px 0px 233px;}
#container2				{margin:0px 0px 0px 223px;}
* html #container		{margin:0px 227px 0px 230px; width:100%}
* html #container2		{margin:0px 0px 0px 230px; width:100%}



#footer			{
	background:url(img/footer-bg1.gif) repeat-x 0 0
}
#footer .bg-bot	{
	background:url(img/footer-bot-bg.gif) repeat-x 0 0
}
#footer .bg-left	{
	background:url(img/footer-left-bg.gif) no-repeat 0 0;
}
#footer .bg-right	{
	height:124px; 
	background:url(img/footer-right-bg.gif) no-repeat right 0;
}
#footer .space			{
	color:#000000;
	padding:60px 0px 12px 0px;
	text-align:center;
	font-weight:normal;
	font-size: 9px;
}
#footer a				{color:#000; font-size:12px; font-weight:bold; text-decoration:underline;}
#footer a:hover			{text-decoration:none}
#footer em 				{font-style:normal}

.un li 	{
	background:url(img/bullet-un.gif) no-repeat 0 0 !important;
	padding:2px 0px 0px 27px !important;
	display:block !important
}
.un li a	{
	color:#1572af !important;
	font-size:11px;
}
/*___________________________________________________________CONTENU_________________________________*/
#contenu {
	width: 520px;
	margin: auto;
	text-align: left;
}
#contenu h1{
	/*text-align: center;*/
	font-size: 14px;
}

#contenu h4{
	/*color: #FF6600;*/
	font-size: 14px;
	/*text-align: center;*/
	margin-bottom: 10px;
}
#contenu .recap{
	color: #666666;	
}
#contenu  .droit {
	text-align: right;
	color: #666666;
	width: 200px;
}
#contenu  .droit .categorie {
	font-weight: bold;
	color: #666666;
}
#contenu  .milieu {
	text-align: right;
	color: #666666;
	width: 140px;
}
#contenu  .gauche {
	text-align: left;
	color: #666666;
}
#contenu .rouge {
	color: #cc0000;
	font-weight: bold;
}
#contenu .bleu {
	color: #3787cc;
	font-weight: bold;
}
#contenu .new {
	color: #FF6600;
	font-weight: bold;
}
#contenu .vert {
	color: #00CC00;
	font-weight: bold;
}
#contenu a {
	
	text-decoration: none;
}
#contenu a:hover {
	
	text-decoration: underline;	
}
#contenu h2 a.bleu:hover {
	
	color: #3787cc;
}
#contenu a.vert {
	color: #00CC00;
	text-decoration: none;
}
#contenu a.vert:hover {
	color: #00CC00;
	text-decoration: underline;	
}
#contenu h2 a,#contenu h2 a.bleu {
	color: #333333;
	text-decoration: none;
}
#contenu h2 a:hover {
	color: #FF6600;
	text-decoration: underline;	
}
#contenu .fond-detail {
	background-repeat: no-repeat;
	padding:10px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin:0px;
	background-image: url(img/fond-tab.png);
	background-position: left bottom;
}
#contenu .fond-detail2 {
	background-repeat: no-repeat;
	padding-top:0px;
	padding-bottom:0px;
	padding-left:0px;
	padding-right:0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-image: url(img/fond-tab2.png);
	background-position: right top;
}
#contenu .page {
	text-align: center;
}
#contenu .separateur {
	text-align: right;
	padding:0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#contenu .date {
	background-image: url(img/puce_publi.png);
	background-repeat: no-repeat;
	padding-left: 20px;
}
#contenu .client {
	background-image: url(img/puce_client.png);
	background-repeat: no-repeat;
	padding-left: 20px;
}
#contenu .boutons {
}
#contenu .boutons td {
	font-size: 9px;
	text-align: center;
	width: 45px;
	margin:0px;
	padding:0px;
	line-height: 12px;
}
/* CSS Document */

/* CSS Document */
*		{
	padding:0px 0px 0px 0px; 
	margin:0px 0px 0px 0px;
}

html	{
	height:100%
}

body 	{
	text-align:center
}

table 	{
	border-collapse:collapse; 
	/*border:0px; */
	width:100%;
}

td 		{
	vertical-align:top;
}

th 		{
	text-align:left; 
	vertical-align:top;
}

ul 		{
	list-style:none
}


img		{
 border:none
}
h1 		{
	font-size:130%;
	margin-bottom: 20px;
	margin-top: 20px;
}

h2 		{
	font-size:100%;
	margin-bottom: 20px;
	margin-top: 20px;
}
h3 		{
	font-size:130%;
	margin-bottom: 20px;
	margin-top: 20px;
}
h4		{
	font-size:110%
}


p		{
	padding:0px 0px 10px 0px;
}

textarea .inputbox {
	width:300px; 
	height:100px; 
	margin:0px 0px 5px 0px;
}

select	{
	height:auto; 
	margin:0px 0px 2px 0px; 
	vertical-align:middle
}




.width	{
	width:100%;
	/*text-align: center;	*/
}
.main	{
	margin:auto; 
	text-align:left
}
.reduc {
	text-decoration:overline;
	color:red;
	text-decoration:line-through;
}
.hidden {
	display:none;
}
.slogan2 {
	font-size: 22px;
	color: white;
	margin-top: 12px;
	/*vertical-align: middle;*/
	text-align: bottom;
}
.lnk {
cursor:pointer;
color:#666;
}
.infobuls {
display:none;
position:absolute;
background-image:url(/images/background_bulles.gif);
padding:3px;
color:#fff;
margin-left:0px;
font-size:10px;
font-weight:bold;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
FONT-WEIGHT: normal; 
TEXT-DECORATION: none;

}
.cadre_partenaires {
	font-size: 11px;
	font-weight: bold;
}

.cadre_partenaires a{
	color: #000000;
	text-decoration:none;
}

.cadre_partenaires a:hover {
	text-decoration:none;
	color: #CC0000;
}
.prix {
/*	text-align: right;*/
	margin-right: 20px;
	margin-bottom: 10px;
	margin-top: 0px;
	color: #FF6600;
	font-weight: bold;
	font-size: 14px;
	vertical-align: top;
	float: right;
}
.table_arrondie_bas {
	background-repeat: no-repeat;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin:0px;
	width: 750px;
	background-image: url(img/fond-tab3.gif);
	background-position: right bottom;
	vertical-align: bottom;
	float: right;
	vertical-align: middle;
}

.table_arrondie_bas2 {
	background-repeat: no-repeat;
/*	padding: 20px;*/
	background-image: url(img/fond-tab.png);
	background-position: left bottom;
	vertical-align: bottom;
	/*float: left;*/
	/*border: solid;*/
}

.table_arrondie_haut1 {
	background-repeat: no-repeat;
	padding: 20px;
	background-image: url(img/fond-tab2.png);
	background-position: right top;
	vertical-align: bottom;
	/* // float: left;*/
	/*border: solid;*/
}

.titre_projet_accueil{
	float: left;
	vertical-align: middle;
	
	border-collapse:collapse; 
	/*border:0px; */
	width:100%;
}

.titre_projet_accueil_cat a {

	color: #000000;
	font-weight: bold;
	font-size: 10px;
	text-decoration: none;
}

.titre_projet_accueil_cat a:hover {

	color: #FF6600;
	text-decoration: underline;
}



.titre_projet_accueil a {
	color: #000000;
	font-weight: bold;
	/*font-size: 13px;*/
	text-decoration: none;
}

.titre_projet_accueil a:hover {
	color: #FF6600;
	text-decoration: underline;
}

.titres_homepage {
	color: #FF6600;
}

.stats {
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}

#dhtmltooltip{
position: absolute;
left: -300px;
width: 150px;
border: 1px solid black;
padding: 2px;
background-color: lightyellow;
visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last withi
n this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}

#dhtmlpointer{
position:absolute;
left: -300px;
z-index: 101;
visibility: hidden;

}


.ad-sense
{
    height:600px;
    width:120px;
}

#gauche.ad-sense
{
    position:relative;
/*    top:240px;*/
}

#droite.ad-sense
{
    position:relative;
/*    top:240px;*/
}