@import url("joomfish.css");

*{ 
	font-family: Tahoma, Arial, Helvetica, sans-serif; font-size:11px;
	}
body{ 
	margin:0; padding:0; text-align:center; background:#32343C;
	}
img{ 
	border:0; 
	}
form{ 
	margin:0; padding:0;
	}
table{ 
	margin:0; padding:0; border:0; border-collapse:collapse; 
	}
ul,ol{ 
	list-style:none outside none; margin:0; padding:0; 
	}
li{
  margin:0; padding:0;
	font-size:12px;
}
p{
	margin:0; padding:0;
	color:#FFF;
	font-size:12px;
}
label{
margin:0;padding:0;
	font-size:12px;
}
input, select{
margin:0; padding:0;
font-size:12px;
}
b, u{
	margin:0; padding:0;
	font-size:12px;
}
h1,h2,h3,h4,h5,h6{
	margin:0;
	}
a{
	color:#47C5FF;
	}
a:hover{
	color:#FFF; text-decoration:underline;
	}
.fleft {
	float:left;
	}
.clear { 
	clear:both; font-size:1px;
}
.inputbox{
	height:14px; border:1px solid #535353; background:#34363E; vertical-align:middle; color:#FFF;
}

	#container {
		position:relative; margin:auto; width:955px; text-align:left; background:#55565F;
		}
		
		#header {
			height:69px; background:url(../images/top-bg.jpg); position:relative;
			}
			h1,h2,#header a{
				position:absolute;
				}
			h1{
				top:15px; left:3px;
				}
			h2{
				top:28px; left:243px;
				}
			#header a{
				top:20px; left:909px;
				}
			#devlink a{
				top:5px; left:3px;
			}
		  #nav {
        background:url(../images/top-bot-bg.jpg) 660px 0 no-repeat; position:relative;
        z-index:1;
      	height:32px;
			}
			#nav ul{
				background:url(../images/nav-bg.jpg); width:955px;
				}
			#nav li{
				float:left;	
				}
					/* rajout */
				#nav .topmenu{
				background:url(../images/nav-bg.jpg); width:955px;
				}
				
		#lang{
		float:right;
		clear:none;
		margin-right:20px;
		margin-top:-20px;
		}
	
		#path {
			border-top:2px solid #42444E; border-bottom:2px solid #42444E; height:16px; padding:1px 0 0 10px;
			}
			#path *{
				font-weight:bold;  text-decoration:none; color:white; margin-right:4px;
			}
			#path a{
			text-decoration:underline; color:#47C5FF;
			}
			#path .on {
				color:#FFF; text-decoration:none;
			}
		#left, #right {
			float:left;
			}
		#right {
			width:213px;
			}
			#right h3{
				color:#47C5FF; background:#44454E url(../images/arrows/h3-home-right.gif) no-repeat; width:172px; height:18px; padding:1px 0 0 17px; margin:0 0 0 7px;
				}
				
		.more a{
			font-weight:bold; background:url(../images/arrows/more.gif) 0 5px no-repeat; padding:0 0 0 6px;
			}
			
		#footer {
			clear:both; height:56px; background:url(../images/footer-bg.jpg) repeat-x; padding:9px 0 0 0;
			}
			#footer .more a{
				font-size:10px; font-weight:600;
				}
				#footer ul{
					padding:0 0 0 22px;
					}
					#footer li{
						float:left; padding:0 22px 0 0;
						}
							
			#boxRight {
				margin:10px 0 0 0;
				}
				
				#boxRightCont {
					width:203px; background:url(../images/box-right-bg.gif) repeat-y;
					}
				#boxRightTop, #boxRightBot {
					width:203px; height:8px; font-size:1px;
				}
				#boxRightTop{
					background:url(../images/box-right-top.gif);
					}
				#boxRightBot{
					background:url(../images/box-right-bot.gif);
					}
				
				.boxsCommon {
					 margin:0 0 5px 7px; background:#32343C;  width:189px;padding:7px 0 5px 0;
					}
					.boxCommon {
						background:#42444E; width:172px; margin:0 0 0 6px; color:#FFF;
						}
						.boxCommon .top, .boxCommon .bot {
							width:172px; font-size:1px;
							}
						.boxCommon .top {
							background:url(../images/box-common-top.gif);height:7px;
							}
						.boxCommon .bot {
							background:url(../images/box-common-bot.gif) bottom no-repeat; padding:0 0 5px 0;
							}
						.boxCommon .cont {
							padding:0 5px 0 7px;
							}
							/*.boxCommon .cont div{
								padding:0 5px 0 8px;
								}*/
            .boxCommon .cont .tester{
								padding:0 5px 0 8px;
								}
	           .boxCommon .cont div div div{
								padding:0 0 0 0;
							}
							
						.boxCommon input{
						/*	width:114px; */height:14px; border:1px solid #535353; background:#34363E; vertical-align:middle; color:#FFF;
							}
						.boxCommon label{
							font-weight:bold;
							}

						.btnLink {
							text-align:center; display:block; padding:5px 0;
							}
						
						#boxPassword {
							margin-top:3px;
							}
							#boxPassword a{
								font-size:9px; float:right; font-weight:600; color:#FFF;
								}
						#boxDownload .cont {
							padding:0 0 0 4px;
							}
						#boxServices .bot{
							padding-top:5px;
							}
							
		#logosScroll {
			padding:10px 0 10px 0; margin:9px 0 0 0; border-top:2px solid #42444E;
			}
			#logosScroll h3{
				position:absolute; top:-17px; left:0;
				}
			#partenaires, #references {
				float:left; height:90px;/*63*/ margin:17px 0 0 0; position:relative;
				}
			#partenaires {
				background:#42444E url(../images/scroll-small-bg.gif) 29px 4px no-repeat; margin:17px 4px 0 4px; width:275px; 
				}
			#references {
				width:661px; background:#42444E url(../images/scroll-big-bg.gif) 29px 4px no-repeat;
				}
			#partenaires .scLeft, #references .scLeft {
				position:absolute; top:0; left:0;
				}
			#partenaires .scRight, #references .scRight {
				position:absolute; top:0; right:0;
				}
			
			#partenaires h3, #references h3{
				height:16px; padding:1px 0 0 23px; color:#47C5FF;
				}
			#partenaires h3{
				background:#4C4D57 url(../images/arrows/h3-dyn-left.gif) no-repeat; width:252px;
				}
			#references h3{
				background:#4C4D57 url(../images/arrows/h3-simple.gif) 12px 5px no-repeat; width:638px;
				}
				#references h3 span{
					background:url(../images/arrows/h3-dyn-right.gif) right no-repeat;
					}
					
			#partenaires td{
				/*background:url(../images/arrows/scroll-logo-bg.gif) no-repeat; */text-align:center; padding-top:30px;
				}
				 #references td a{
					display:block; width:70px; height:82px;/*53px;*/
					}
        	#partenaires td a img{
						/*height:65px;*/
					}
				#scrollReferencesContent, #scrollPartenairesContent {
					overflow:hidden; position:relative; height:82px;/*55px;*/ margin:5px 0 0 31px;
					}
				#scrollPartenairesContent {
					width:215px; clip:rect(0,215px,82px,0);/*55px;*/
					}
				#scrollReferencesContent {
					width:601px; clip:rect(0,601px,82px,0);/*55px;*/
					}
					#scrollPartenaires, #scrollReferences {
						position:relative;
						/*padding-top:5px;*/
						}
				
			#navLeft, #content {
				float:left; color:#FFF;
				}
			
			#navLeft {
				background:#32343C; width:142px; margin:0 0 0 9px;
				margin-top: 10px;
				}
				#navLeft ul{
					padding:0 0 0 5px;
					}
				#navLeft .top, #navLeft .bot{
					width:142px; height:8px; font-size:1px;
					}
					#navLeft ul .top, #navLeft ul .bot{
						width:130px; height:6px; font-size:1px;
						}
					#navLeft ul .on .top, #navLeft ul .on .bot{
						width:123px; height:8px; font-size:1px;
						}
				#navLeft .top{
					background:url(../images/nav-left-top.gif);
					}
				#navLeft .bot{
					background:url(../images/nav-left-bot.gif);
					}
					#navLeft ul .bot {
						background:url(../images/nav-left-item-bot-off.gif); margin:0 0 2px 0;
						}
					#navLeft ul .on .bot {
						background:#42444E url(../images/nav-left-item-bot-on.gif) left bottom no-repeat; margin:0 0 0 0;
						}
					#navLeft ul .cont {
						background:#42444E url(../images/nav-left-item-top-off.gif) top no-repeat; width:131px; /*padding:2px 0 0 0*/;
						}
					#navLeft ul .on .cont {
						background:#42444E url(../images/nav-left-item-top-on.gif) top no-repeat; width:123px; padding:2px 0 0 0;
						}
				#navLeft a{
					font-weight:bold; text-decoration:underline;
					}
					#navLeft ul a, #navLeft .on .cont a{
						padding:0 0 0 8px; margin:0 0 0 5px;
						}
					#navLeft ul a{
						background:url(../images/arrows/nav-left-off.gif) 0 5px no-repeat;
						}
					#navLeft .on .cont a{
						background:url(../images/arrows/nav-left-on.gif) 0 6px no-repeat; color:#FFF; text-decoration:none; margin-top:5px; margin-bottom:0; display:block;
						}
						#navLeft ol{
							background:#42444E url(../images/snav-left-bot.gif) bottom no-repeat; margin:0 0 7px 27px; width:96px; padding:0 0 11px 0;
							}
						#navLeft ul ol a{
							background:url(../images/arrows/path.gif) 0 6px no-repeat; padding:0 0 0 5px; margin:0 0 0 11px;
							}
      /* page content */
			#content {
				width:582px;
				}
				
				#content .cont {
					padding:0 20px;
					}
					#content img{
						float:left; margin:0 5px 0 0;
						}
					#content h4{
 		 					background: url(../images/arrows/h4.gif) center repeat-x; margin:15px 0 8px 0;
						}
         #content h4 a {
							text-decoration:none; font-size:14px; background:#55565F; padding:0 14px 0 0;
              }
         #content h4 a:hover { color:#47C5FF; text-decoration:none;}
         #content h5{
						/*background: url(../images/arrows/h4.gif) center repeat-x; */margin:15px 0 8px 0;
						}
         #content h5 a{
						text-decoration:none; font-size:12px; background:#55565F; padding:0 14px 0 0;
						}
         
					#content ul{
						padding:10px 0 0 0;
						}
					#content .sublist{
						/*list-style-image:url(../images/arrows/h3-home.gif);*/
						list-style-type: square;
						 list-style-position: inside;
						}
           	
         #content .sublist2
         {
           margin-left: 30px;
          /*list-style-image:url(../images/arrows/h3-home.gif);*/
          	list-style-type: circle;
           list-style-position:  inside;
         }
         #content .sublist3
         {
          	padding:5px 0 0 0;
           margin-left: 60px;
          /* list-style-image:url(../images/arrows/h3-home.gif);*/
          	list-style-type: disc;
           list-style-position:  inside;
         }

        
/* Left module */
.module-leftnav{
background: #32343C;
}
.module-leftnav tr{
	text-align: left;
	background: url(../images/menu_left_item.gif) top no-repeat;
	width:131px;
	padding:2px 0 0 0;
 	height: 26px;
				/*float:left; color:#FFF;
				/* width:142px; margin:0 0 0 15px;*/
}

.module-leftnav td div{
	padding-top:8px;
	margin-top:2px;
	margin-left:10px;
	background:#42444E;
/*	background: url(../images/menu_left_subitem.gif) bottom no-repeat;*/
	width:117px;
	height: 20px;
	}
	

.module-foot{
  margin-left:20px;
}

/* Préparer une seule image comprennant l'image à afficher sans effet et l'image avec l'effet (sous la première)
Dans cette exemple, le bouton fait 128x128px, l'image aura donc pour dimension 128x256px
Ceci évite de devoir attendre pendant le temps de chargement si l'on utilisait deux images différentes */
.btsub {
	 margin-left: 63px;
	 margin-top: 5px;
   text-align:center;
   display:block;
   width: 63px;
   height: 17px;
   
   border: 0;
   background:url(../images/valider.gif) no-repeat top left ;/* on place l'image en arrière plan */
   text-indent: 3000px;/* On cache le texte de substitution (très loin car Opera l'affiche même en dehors du boutton : il faut donc le faire sortir de la page)*/
   cursor: pointer;  /* pour transformer de pointeur en main */
}

.btsub2 {
	 margin-left: 63px;
	 margin-top: 5px;
   text-align:center;
   display:block;
   width: 63px;
   height: 17px;
   border: 0;
   background:url(../images/valider2.png) no-repeat top left ;
   text-indent: 3000px;
   cursor: pointer;
}

.btsub_en {
	 margin-left: 39px;
	 margin-top: 5px;
   text-align:center;
   display:block;
   width: 107px;
   height: 17px;
   border: 0;
   background:url(../images/validate.gif) no-repeat top left ;
   text-indent: 3000px;
   cursor: pointer;
}

.btsub_en2 {
	 margin-left: 39px;
	 margin-top: 5px;
   text-align:center;
   display:block;
   width: 107px;
   height: 17px;
   border: 0;
   background:url(../images/validate2.gif) no-repeat top left ;
   text-indent: 3000px;
   cursor: pointer; 
}

.btdcx {
	 margin-left: 63px;
	 margin-top: 5px;
   text-align:center;
   display:block;
   width: 63px;
   height: 17px;
   border: 0;
   background:url(../images/valider.gif) no-repeat top left ;
   text-indent: 3000px;
   cursor: pointer;  
}

#vaccum{
  width: 540px;
  visibility: hidden !important;
}

/* Titre d'un section */
.componentheading{
 color:#47C5FF;
  font-size:14px;
  font-weight:bold;
  background: url(../images/arrows/h4.gif) center repeat-x; margin:15px 0 8px 0;
	text-decoration:none;  padding:0 14px 0 0;
}

/* Boite pour affichage du login form en corps de page */
#boxFixed1{
 width:240px; margin:0 0 0 6px; color:#000; height: 130px;
 float: left;
}
#boxFixed2{
 width:240px; margin:0 0 0 6px; color:#FFF; height: 130px;
 float: left;
 padding-left: 25px;
}

#boxFixed1 h6{
color:#FFFFFF;
text-decoration:none;
font-size:12px;
padding:0 14px 0 0;
font-weight: bold;
}

#boxFixedMiddle{
 width:1px; margin:0 0 0 6px; color:#47C5FF; height: 130px;
 float: left;
 margin-left: 10px;
 border-style: solid;
border-width: 0px 1px 0px 0px;
}

#boxFixed2 h6{
color:#FFFFFF;
text-decoration:none;
font-size:12px;
padding:0 14px 0 0;
font-weight: bold;
}
/*
#boxFixed2 .top, .boxFixed2 .bot {
 width:172px; font-size:1px;
}

#boxFixed2 .top {
 background:url(../images/box-common-top.gif);height:7px;
}

#boxFixed2 .bot {
 background:url(../images/box-common-bot.gif) bottom no-repeat; padding:0 0 5px 0;
}
*/

#boxFixed1 .cont {
 padding:0 5px 0 7px;
 margin-top: 10px;
 color: #0000AF;
}
/*.boxFixed .cont div{
					padding:0 5px 0 8px;
}*/
#boxFixed2 .cont{
	padding:0 5px 0 8px;
	margin-top: 10px;
}
.boxFixed .cont div div div{
	padding:0 0 0 0;
}

#boxFixed2 input{
	height:14px; border:1px solid #535353; background:#34363E; vertical-align:middle; color:#FFF;
}
#boxFixed2 label{
	font-weight:bold;
}

#newuser input{
	height:14px; border:1px solid #535353; background:#34363E; vertical-align:middle; color:#FFF;
	position:absolute;
	left: 320px;
}

#newuser textarea{
 border:1px solid #535353; background:#34363E; vertical-align:middle; color:#FFF;
 height:140px;

 margin-left: 150px;
}

#newuser .file_input{
	height:18px; border:1px solid #535353; background:#34363E; vertical-align:middle; color:#FFF;
	position:absolute;
	left: 320px;
}

#newuser select{
	height:20px; /*border:1px solid #535353;*/ background:#34363E; vertical-align:middle; color:#FFF;
	position:absolute;
	left: 320px;
}

/* Liste de liens d'une section */
.sectiontableentry1 a{
 		font-weight:bold; background:url(../images/arrows/more.gif) 0 5px no-repeat; padding:0 0 0 6px;
}

.sectiontableentry2 a{
 		font-weight:bold; background:url(../images/arrows/more.gif) 0 5px no-repeat; padding:0 0 0 6px;
}
/* lien vers une categorie */
.category{
 		font-weight:bold; background:url(../images/arrows/more.gif) 0 5px no-repeat; padding:0 0 0 6px;
}

#centeredpic{
	  position:absolute;
    left: 50%;
    margin-left: -42px;
 }
#footer_right{
float:right;
}