*{
	margin: 0px;
	padding: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

/* 
Voyons donc, ça, c'est les rules qu'il faut ajouter pour obtenir 
des éléments de formulaires de largeur égale... et oui !!
P.S. Fuck you IE
*/
input, select, textarea {
	box-sizing:border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing:border-box;
	font-size:13px;
}

/* FONT, LINK, INLINE ITEM */
a.bleu{
	text-decoration:none;
	color:#1a3ed9;
}
a.bleu:hover{
	text-decoration:underline;
}

a.blanc{
	text-decoration:none;
	color:white;
}
a.blanc:hover{
	text-decoration:underline;
}

a.bleu_selected{
	color:#000000;
}

/* Fixes pour l'affichage des indices */
sup, sub{
	font-size: 85%; 
	line-height: 80%;
	height: 0;
	vertical-align: baseline;
	position: relative;
}

sup{
	bottom: 1ex;
}

sub{
	top: .5ex;
}

#sub-menu2 {
	color:#BCBCBC;
	font-size:12px;
	overflow:hidden;
	padding:4px 0px 0px 15px;
	white-space:nowrap;
	width:958px;
	height:15px;
}

#sub-menu2 a{
	color:#b3ec89;
	text-decoration:none;
}

a.noir{
	text-decoration:none;
	color:#000000;
}
a.noir:hover{
	text-decoration:underline;
}

a.picLink img{
	border:none;
}

.g{
	font-weight:bold;
}

.link-button{
	display:block;
	border:none;
}

.picButton{
	border:none;
	margin:5px 1px 5px 0px;
	cursor:pointer;
}

.link-button-agrandir{
	width:80px;
	height:24px;
	background:url(../images/design/btn_agrandir_off.gif);
}
.link-button-agrandir:hover{
	background:url(../images/design/btn_agrandir_on.gif);
}

.link-button-vf{
	width:100px;
	height:24px;
	background:url(../images/design/btn_voirfiche_off.gif);
}
.link-button-vf:hover{
	background:url(../images/design/btn_voirfiche_on.gif);
}

.link-button-plusimage{
	width:103px;
	height:24px;
	background:url(../images/design/btn_plusimage_off.gif);
}
.link-button-plusimage:hover{
	background:url(../images/design/btn_plusimage_on.gif);
}

.link-button-big{
	display:block;
	width:100%;
	border:none;
	background-color:#eeeeee;
	border:solid 1px #5f9410;
	text-decoration:none;
	color:#0b496e;
	font-size:14px;
	font-weight:bold;
	padding:5px 0px 5px 0px;
	text-align:center;
	margin: 10px 0px 3px 0px;
}


.btn{
	font-size:11px;
	width:88px;
	border: solid 1px #bfccd7;
	background-color:#558F00;
	color:#FFFFFF;
	padding:2px 0px;
	height:20px;
}
 

.inputt{
	background-color:#ededed;
	border: solid 1px #7db0cc;
	padding:1px;
}

.input-button{
	font-size:11px;
	border: solid 1px #bfccd7;
	background-color:#558F00;
	color:#FFFFFF;
	padding:2px 12px;
	width:auto; 
	overflow:visible;
	white-space:nowrap;
}
 
.input-text{
	background-color:#ededed;
	border:solid 1px #7db0cc;
	padding:1px 1px 1px 4px;
	width:97%;
} 

.input-select{
	background-color:#ededed;
	border:1px solid #7db0cc;
	padding:1px;
	width:97%;	
}
.inputt-full{
	background-color:#ededed;
	border: solid 1px #7db0cc;
	padding:1px;
	width:100%;
}

div#container{
	background-image:url(../images/design/bg.jpg);
	background-repeat:repeat-y;
	background-position:center;
	margin: 0 auto;
	margin-bottom:20px;
	width:1005px;
}

div#main-top{
	background-image:url(../images/design/bg_top.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	width:986px;
	height:138px;
	margin:0 auto;
}

div#main-top div#menu{
	margin-top:86px;
	margin-right:10px;
	text-align:right;
}
div#main-top div#menu a{
	font-variant:small-caps;
	font-size:0.85em;
	text-decoration:none;
	color:#FFFFFF;
	padding:4px 6px 5px 6px;
}
div#main-top div#menu a:hover{
	background-color:#5e8ca7;
}

.linkMainBleu{
	font-size:12px;
	text-decoration:none;
	color:#000000;
	display:block;
	text-align:center;
	background-color:#eeeeee;
	padding:1px 5px 1px 5px;
	margin-bottom:3px;
}
.linkMainBleu:hover{
	background-color:#CCCCCC;
}

div#main-center{
	width:986px;
	margin:0 auto;
}

div#footer{
	width:986px;
	height:25px;
	padding-top:10px;
	margin:0 auto;
	clear:both;
	color:#FFFFFF;
	background-image:url(../images/design/bg_footer.jpg);
	font-size:12px;
	text-align:center;
	border-top:solid 1px black;
	border-bottom:solid 1px black;	
}

div#footer a{
	color:#ffffff;
}

div#col-left{
	float:left;
	width:193px;
	padding-left:15px;
}

div#col-right{
	float:right;
	width:765px;
	padding-top:5px;
}

/* SIDE BOX */
div.sidebox{
	background-image:url(../images/design/sidebox_bg.gif);
	background-repeat:repeat-y;
	margin-bottom:10px;
}
div.sidebox-top{
	background-image:url(../images/design/sidebox_bg_top.gif);
	background-repeat:no-repeat;
	width:193px;
	height:9px;
}

div.sidebox-content{
	width:157px;
	padding-left:14px;
	padding-right:22px;
	padding-bottom:15px;
	background-image:url(../images/design/sidebox_bg_bottom2.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	font-size:12px;	
}

div.sidebox-content-plus{
	width:164px;
	padding-left:11px;
	padding-right:15px;
	padding-bottom:9px;
	background-image:url(../images/design/sidebox_bg_bottom.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	font-size:12px;
}

div.sidebox-menu{
	width:164px;
	padding-left:11px;
	padding-right:15px;
	padding-bottom:13px;
	background-image:url(../images/design/sidebox_bg_bottom2.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	font-size:12px;	
}

.titlebox{
	font-size:12px;
	color:#1e833d;
	font-weight:normal;
	background-image:url(../images/design/icon_arrow.gif);
	background-repeat:no-repeat;
	background-position:left center;
	height:15px;
	padding-left:20px;
	padding-top:1px;
	display:block;
	margin: 0px 0px 3px 2px;
}

/* BOX CLASSEMENT PAR MARQUE (SIDE) */
.logobox{
	border-bottom:solid 1px #b7bbbe;
	padding-top:5px;
	margin-bottom:2px;
	clear:both;
	padding-bottom:2px;
}

.logobox a{
	text-decoration:none;
}

.logobox span{
	display:block;
	font-size:12px;
	font-weight:bold;
	padding: 5px 0px 8px 0px;
	border:none;
	color:black;
	text-decoration:none;
}
.logobox img{
	float:left;
	margin-right:5px;
	border:none;
}

.list-user-top{
	
	clear:left;
}
.list-user-top img{
	float:left;
	margin-right:3px;
	border: solid 1px #b4b8bb;
}
.list-user-top a{
	display:block;
	padding-top:3px;
}

/* BOX LOGIN */
.box-login span{
	color: black;
}

.box-login table{
	width:100%;
	margin:9px 0px 0px 0px;
	font-size:11px;
	border-collapse:collapse;
	vertical-align:middle;
	text-align:right;
}

.box-login div{
	width:100%;
	text-align:right;
	margin:9px 0px 7px 0px;
}

/* SEARCH BOX */
div.searchbox{
	height:69px;
	width:757px;
	background-image:url(../images/design/searchbox_bg.gif);
	margin-bottom:6px;
}
div.searchbox select{
	background-color:#ededed;
	font-size:12px;
	margin:0px 10px 0px 10px;
	width:185px;
}
.inputre{
	background-color:#ededed;
	font-size:12px;
	margin:0px 10px 0px 10px;
	width:185px;
}
div.searchbox table{
	text-align:left;
	font-size:12px;
	width:95%;
	position:relative;
	top:7px;
	left:15px
}

/* BOX */
div.box{
	background-image:url(../images/design/box_bg.gif);
	background-repeat:repeat-y;
	margin-bottom:10px;
}

div.box-top{
	background-image:url(../images/design/box_bg_top.gif);
	width:757px;
	height:27px;
}

div.box-top span{
	font-size:12px;
	font-weight:bold;
	display:block;
	padding:7px 0px 0px 10px;
}

div.box-content{
	font-size:12px;
	width:757px;
	background-image:url(../images/design/box_bg_bottom.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	padding:5px 5px 10px 5px;
}

div.box-content-fixed{
	font-size:12px;
	width:721px;
	background-image:url(../images/design/box_bg_bottom.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	padding:12px 22px 10px 13px;
}

div.box-content-selecteur-actions{
	font-size:12px;
	width:721px;
	background-image:url(../images/design/box_bg_bottom.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	padding:12px 22px 15px 13px;
	text-align:center;
}

div.box-content ul,ol{
	padding: 10px 0px 10px 30px;
}

hr.ligne-basse{
	border-color: #B7BBBE;
	border-style: solid;
	border-width: 1px 0 0;
	clear: both;
	margin: 15px 0px 0px 0px;
	height: 0;
}

hr.ligne-moyenne{
	border-color: #B7BBBE;
	border-style: solid;
	border-width: 1px 0 0;
	clear: both;
	margin: 5px 0px 0px 0px;
	height: 0;
}

hr.ligne{
	border-color: #B7BBBE;
	border-style: solid;
	border-width: 1px 0 0;
	clear: both;
	height: 0;
}

/* BOX BLEU */
div.box-bleu{
	background-image:url(../images/design/box_bg.gif);
	background-repeat:repeat-y;
	margin-bottom:10px;
}

div.box-bleu-top{
	background-image:url(../images/design/box_bleu_bg_top.gif);
	width:757px;
	height:27px;
}

div.box-bleu-top span{
	font-size:12px;
	font-weight:bold;
	display:block;
	padding:7px 0px 0px 10px;
	color:white;
}

div.box-bleu-content{
	font-size:12px;
	width:736px;
	background-image:url(../images/design/box_bg_bottom.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	padding:5px 15px 10px 5px;
}

/* BOX BLANK*/
div.box-blank-top{
	background-image:url(../images/design/box_blank_bg_top.gif);	
	background-repeat:no-repeat;
}

div.box-blank-mini-top{
	background-image:url(../images/design/box_blank_bg_top.gif);	
	background-repeat:no-repeat;
	height:8px;
}

div.box-blank-mini-content{
	font-size:12px;
	width:736px;
	background-image:url(../images/design/box_bg_bottom.gif);
	background-repeat:no-repeat;
	background-position:bottom left;
	padding:0px 15px 12px 5px;
}

/*FORUM*/
div.box-header-forum ul {
	padding:0px;
}

div.box-header-forum ul li{
	margin:2px;
	list-style: none;
}

table.categories{
	table-layout:fixed;
	border-collapse:collapse;
	width:100%;
}

table.categories th{
	border-left:medium none;
	padding:4px 6px;
	border-bottom:medium none;
	border-right:medium none;
	border-style:solid;
	border-width:1px;
	border-color:#FFFFFF;
	background:#EEEEEE url(../images/design/nagl2.gif) repeat scroll 0 0;
	font-weight:normal;
	text-align:left;
	font-size:11px;
}

table.categories th.ct2, td.ct2{
	width:40px;
}

table.categories td{
	border-left:medium none;
	padding:4px 6px;
	border-bottom:medium none;
	border-right:medium none;
	border-style:solid;
	border-width:1px;
	border-color:#E5E4E4;
	font-size:11px;
	text-align:center;
}

table.categories td.tcl{
	text-align:left;
	border-left:medium none;
}



table.categories th.tcl{
	border-left:none;
}

table.categories th.tcr{
	border-right:none;
}

table.categories td.tcr{
	border-right:medium none;
}

table.discussions td.tcl{
	font-size:12px;
}

span.pagination-resume{
	white-space:nowrap;
}

span.byuser{
	font-size:11px;
}

div.icon {
	FLOAT: left;
	MARGIN-TOP: 0.2em;
	MARGIN-right: 0.5em;
	DISPLAY: block;
	background:transparent url(../images/design/nonew.gif) repeat scroll 0 0;
	HEIGHT: 32px;
	WIDTH: 32px;
}

div.inew {
	background:transparent url(../images/design/new.gif) repeat scroll 0 0;

}

div.box-forum-content{
	font-size:12px;
	width:746px;
	background-image:url(../images/design/box_bg_bottom.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	padding:1px 5px 6px 1px;
}

table.categories h3{
	font-size:12px;
}

div.fils-ariane ul li{
	list-style:none;
	display:inline;
}

div.fils-ariane ul {
	margin:2px;
}

div.pagination{
	float:left;
	width:50%;
	margin:2px;
}

div.nouvelle-discussion{
	margin:2px;
	float:right;
}

table.conteneur-reponse{
	border-collapse:collapse;
	width:100%;
	margin:3px 3px 0px 3px;
}

table.conteneur-reponse .infos-utilisateur{
	vertical-align:top;
	background-color:#eeeeee;
	padding:8px;
}

table.conteneur-reponse blockquote{
	border-top:solid 1px #3270B5; 
	border-left:solid 1px #3270B5; 
	margin-left:8px;
	margin-bottom:10px;
	margin-right:5px;
	padding:5px;
	background-color: #EEEEEE;
}

table.conteneur-reponse blockquote p{
	padding:5px 5px 0px 5px
}

.reponse div ul{
	margin:10px 10px 10px 25px;
}

.reponse div ul li{
	list-style: disc ; 
}

table.conteneur-reponse .infos-utilisateur span{
	display:block;
	margin:5px 0px;
}

table.conteneur-reponse .infos-utilisateur span img{
	border:none;
}

table.conteneur-reponse .reponse{
	vertical-align:top;
	overflow:auto;
	width:590px;
}

table.conteneur-reponse .reponse div.reponse{
	overflow:auto;
	padding:0px 5px 5px 5px;
}

table.conteneur-reponse .en-ligne{
	text-align:center;
	padding-top:3px;
}

table.conteneur-reponse .actions{
	text-align:right;
	padding:5px;
}

/* BOX NOUVEAU VEHICULES */
div.box-nouveau-vehicules{
	float:left;
	text-align:center;
	padding:4px 4px 2px 4px;
}

div.box-nouveau-vehicules img{
	border:solid 1px #b4b8bb;
	height:71px;
	width:95px;
	float:left;
	margin-bottom:5px;
}

div.box-nouveau-vehicules span{
	clear:both;
	display:block;
	
}

/* BOX DETAIL CAR */
.inner-left{
	text-align:right;
	width:50%;
	
}

.linkbox{
	color:#000000;
	background-color:#eeeeee;
	text-align:right;
	font-size:10px;
	padding:5px 25px 5px 5px;
	background-repeat:no-repeat;
	background-position: 93% 50%;	
}

div.content-left{
	width:348px;
	padding:5px 0px 5px 10px;
	float:left;
}

div.content-right{
	width:348px;
	padding:5px 30px 5px 0px;
	float:right;
	
}
div.content-right img{
	cursor:pointer;
}

table.table-data{
	 /*border:solid 1px #eeeeee;*/
	 border-collapse:collapse;
	 width:100%;
}

table.table-data th{
	background-color:#eeeeee;
	text-align:left;
	font-weight:normal;
	height:20px;
	padding-left:10px;
}

table.table-data td{
	padding: 8px 5px 0px 15px;
}

table.result{
	padding:10px 0px 10px 0px;
	width:93%;
	margin:0px 0px 0px 15px;
	border-collapse:collapse;
}

/* AUTOCOMPLETE */
div.autocomplete {
  position:absolute;
  width:250px;
  background-color:white;
  border:1px solid #888;
  margin:0;
  padding:0;
}

div.autocomplete ul {
  list-style-type:none;
  margin:0;
  padding:0;
}

div.autocomplete ul li.selected { 
	background-color: #ffb;
}

div.autocomplete ul li {
  list-style-type:none;
  display:block;
  margin:0;
  padding:2px;
  height:32px;
  cursor:pointer;
}

/* BOX NOTICES */
div.box-notices{
	margin-top:15px;
	background-color:#e7eef2;
	padding:5px;
	font-size:12px;
}

div.box-notices img{
	float:left;
	height:27px;
	width:27px;
}

div.box-notices h1{
	margin:6px 0px 0px 35px;
	font-weight:bold;
	display:block;
	font-size:12px;
}

div.box-notices table{
	width:98%;
	margin:0 auto;
	border-collapse:collapse;
}

div.box-notices table td{
	padding-bottom:3px;
}

.btn-effacer-notice{
	color:red;
	font-weight:bold;
	text-decoration:none;
	padding:0px 0px 5px 5px;
}

/* TABLE RESULTAT (Gestion documentation, Commentaire, Resultats recherche) */ 
table.table-resultat{
	width:100%;
	border-collapse:collapse; 
}

table.table-resultat tr td{
	padding:5px 7px; 
}

table.table-resultat tr td.ligne{
	padding:0px; 
}

/* TABLE VEHICULES CIBLES (liste des vehicules ciblé par un document) */
table.vehicules-cibles{
	width:100%;
	margin:0px;
}

table.vehicules-cibles td{
	padding:1px 6px 1px 1px !important;
}

/* TABLE LISTE (Messagerie, Gestion membres équipe)  */
table.tbl-liste{
	width:93%;
	text-align:left;
	margin:10px 0px 5px 17px;
	border-collapse:collapse;
}

table.tbl-liste tr td{
	border-bottom:solid 1px #b7bbbe;
	text-align:left;
}

table.tbl-liste tr th{
	text-align:left;
	border-top:solid 1px #b7bbbe;
	background-image:url('/images/design/nagl2.gif');
}

table.tbl-liste td.td-actions{
	text-align:center;
	border:none;
	vertical-align:bottom;
}

.fixed{
	margin:0 auto;
	width:100%;
}

.pagination-forum{
	font-size:12px
}

.pagination-forum-selectionne{
	font-size:12px;
	color:black;
	font-weight:bold;
}

/*SELECTEUR ACTIONS STATISTIQUES */
div.stats-action{
	background-color:#E7EEF2;
	padding:4px 10px; 
}

div.stats-action select{
	vertical-align:middle;
	margin:0px 10px
}

div.stats-action input{
	vertical-align:middle;
}

div.conteneur-graphique{
	width:85%;
	height:300px; 
	margin:15px auto;
}

/* TABLE FORMULAIRE */
span.titre-formulaire{
	display:block;
	padding:7px 0px 5px 0px;
	font-weight:bold;
}

table.formulaire{
	margin:0 auto;
	width:100%;
	border-collapse:collapse;
	margin-bottom:10px;
}

table.formulaire tr th{
	text-align:left;
	padding:7px 0px 5px 0px;
}

table.formulaire tr td{
	height:25px;
} 

.infos-additionnelle{
	font-size:10px;
}

/* MESSAGES */
div.box-information{
	background-color: #E7EEF2;
	padding:10px 10px 10px 50px;
	margin:2px 0px;
	min-height:30px;
	background-image:url('/images/design/ico_info.png'); 
	background-repeat:no-repeat;
	background-position:10px 10px;
} 

div.box-succes{
	background-color:#99FF99;
	font-size:12px;
	padding:5px;
	margin:2px 0px;
	text-align:center;
	margin:5px 0px;
}

div.sans-icone{
	background-image:none;
	padding:5px;
	min-height:0px;
	text-align:center;
}

/*GESTION VÉHICULES*/
div#box-gestion-vehicules .gauche{
	float:left;
	width:355px;
}

div#box-gestion-vehicules .droite{
	float:right;
	width:355px;
}

#conteneur-image-description div{
	width:240px;
}

#conteneur-image-description textarea{
	height:60px;
	width:100%;
	margin-bottom:5px;
}

div#box-gestion-vehicules .boutons-action{
	text-align:center;
	margin:10px 0px 5px 0px;
}

div#box-gestion-vehicules-ajout-image-alternatif{
	padding-bottom:15px;
}

/*GESTION PROFIL*/
div#box-gestion-profil .gauche{
	float:left;
	width:410px;
}

div#box-gestion-profil .droite{
	float:right;
	width:300px;
}

div#box-gestion-profil .boutons-action{
	text-align:center;
	margin:10px 0px 5px 0px;
}

div#box-gestion-profil #photo-profil{
	text-align:center;
}

div#box-gestion-profil #photo-profil img{
	border:solid 1px #b4b8bb;
	text-align:center;
}

div#box-gestion-profil #photo-profil img.bouton{
	border:none;
	margin:5px 1px 5px 0px;
}

/* GESTION ETAPES DOCUMENTS */
div#box-gestion-etapes-document .boutons-action{
	text-align:center;
	margin:10px 0px 5px 0px;
}

div#box-gestion-etapes-document .boutons-action input{
	margin-right:10px;
}

/* CREATION COMPTE ETAPE 1 */
div#box-creation-compte-1 .gauche{
	float:left;
	width:445px;
}

div#box-creation-compte-1 .droite{
	float:right;
	width:270px;
}

div#box-creation-compte-1 .boutons-action{
	text-align:center;
	margin:10px 0px 5px 0px;
}

div#box-creation-compte-1 table.formulaire{
	margin:0px;
}

/* OUBLIER MOT DE PASSE */
div#box-oublier-mot-de-passe .boutons-action{
	text-align:center;
	margin:10px 0px 5px 0px;
}

/* GESTION DOCUMENTS NOUVEAU DOCUMENT */
div#box-gestion-document-nouveau .gauche{
	float:left;
	width:280px;
}

div#box-gestion-document-nouveau .droite{
	float:right;
	width:430px; 
}

div#box-gestion-document-nouveau .boutons-action{
	text-align:center;
	margin:10px 0px 5px 0px;
}

div#box-gestion-document-nouveau table.formulaire{
	margin:0px;
}

div#box-gestion-document-nouveau table.formulaire{
	margin-bottom:10px;
}

/* GESTION ÉQUIPES - LISTE */
div#box-gestion-equipes-liste table.table-resultat{
	margin-top:10px;
}

div#box-gestion-equipes-liste table.table-resultat tr td img{
	margin:4px;
}

/* GESTION ÉQUIPES - DETAILS */
div#box-gestion-equipes-details{
	padding-top:5px;
}

div#box-gestion-equipes-details #conteneur-logo{
	width:320px;
	text-align:center;
}

div#box-gestion-equipes-details #conteneur-logo img{
	margin-bottom:5px;
}

div#box-gestion-equipes-details .boutons-action{
	text-align:center;
	margin:10px 0px 5px 0px;
}

/* ÉQUIPE DETAILS */ 
div#equipe-details-commentaires span.titre{
	font-weight:bold;
	display:block;
	margin:8px 0px;
}

div#equipe-details-commentaires div.boutons-action{
	text-align:center;
	margin:10px 0px 5px 0px;
}

div#equipe-details .gauche{
	float:left;
	width:350px;
	margin-bottom:10px;
}

div#equipe-details .droite{
	float:right;
	width:360px;
	margin-bottom:10px;
}
 
/* DOCUMENT DÉTAILS */
div#document-details .gauche{
	float:left;
	width:320px;
	margin-bottom:10px;
}

div#document-details .droite{
	float:right;
	width:390px;
	margin-bottom:10px;
}

div#document-details .droite img{
	border:1px solid #B4B8BB;
}

/*GESTION ORDRE DRAG AND DROP */
.conteneur-ordre { list-style-type: none; margin: 0; padding: 0;}
.conteneur-ordre li { position:relative;margin: 3px; padding: 1px; float: left; width: 100px; height: 90px; text-align: center; }
.conteneur-ordre .image {border: solid 1px #b4b8bb;width:95px;height:63px;cursor:move;}
.conteneur-ordre .indicateur-chargement {top:35%;left:37%;position:absolute;height:7px;display:none}
.conteneur-ordre span.position-ordre-vehicule {font-weight:bold;margin-top:3px;display:block}
		
/*STARBOX*/
.starbox .stars { background: #cccccc; }
.starbox .rated .stars { background: #dcdcdc; }
.starbox .rated .hover .stars { background: #cccccc; }
.starbox .colorbar { background: #1e90ff; }
.starbox .hover .colorbar { background: #ffcc1c; }
.starbox .rated .colorbar { background: #64b2ff; }
.starbox .rated .hover .colorbar { background: #1e90ff; }
.starbox .ghost { background: #a1a1a1; }
.starbox .indicator { clear: both; }

.starbox .dotted .stars,
.starbox .dotted .hover .stars,
.starbox .dotted .rated .stars, 
.starbox .dotted .rated .hover .stars { background: url(../images/starbox/background_dotted.gif) top left repeat-x; }
.starbox .dotted .colorbar,
.starbox .dotted .hover .colorbar,
.starbox .dotted .rated .colorbar, 
.starbox .dotted .rated .hover .colorbar { background: #000000; }
.starbox .dotted .ghost { background: #666666; }

.starbox .pointy .colorbar { background: #ffcc1c; }
.starbox .pointy .hover .colorbar { background: #ff9231; }

.starbox .inverse .stars { float: right; }
.starbox .inverse .indicator { clear: both; display: block; text-align: right; }

/* LIGHTBOX */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}
	
/* SLIDING BOXES */
.conteneur-sliding-boxes{
	width: 346px;
	position: relative;
	overflow:hidden;
	border:1px solid #B4B8BB;
}

.conteneur-sliding-boxes img.image-principale{
	border:none;
	cursor:pointer;
}

.box-image-description{
	overflow:hidden;
	font-size:11px;
	width:336px;
	padding:5px;
	color:white;
	float: left;
	position: absolute;
	background: #000;
	top:-37px;
	left:0px;
	opacity: .8;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 }
 
 .box-image-partager{
	font-size:11px;
	padding:5px;
	color:white;
	float: left;
	position: absolute;
	background: #000;
	height: 18px;
	bottom:-32px;
	left:0px;
	opacity: .8;
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
 }
 
 .box-image-partager img{
 	border:none;
	height:18px;
 }
 
 .indicateur{
 	position:absolute;
	top:45%;
	left:43%;
	display:none;
 }
   
