/**************************/
/* PREMIUM */
/**************************/
/* atelier */
#atelier #bloc_atelier #chutier UL.miniatures LI { overflow:hidden; }

/* Common */
#conteneur #cadre { border: 1px solid #b2b2b2; border-top: 0px; border-bottom: 0px;  }
#entete #version .drapeau_fr { height: 11px; width: 16px; background-image: url(../images/icon_flag_fr.gif); display: block; float: right; }

UL.miniatures LI SPAN { line-height: 1em; }

#left-nav .atelier H2 A{  color: #FFFFFF; text-decoration:none }

#left-nav .offres_mini { float: left; height: 30px; background: url(../images/bg_leftcol_bleu.gif); }
#left-nav .offres_mini H2 { height: 31px; background: none; color: #FFFFFF; width: 179px; float: left; line-height: 31px; text-align: left; padding-left: 15px; }

#left-nav .collections { float: left; height: 30px; background: url(../images/bg_leftcol_bleu.gif); width: 194px; }
#left-nav .collections H2 { color: #FFFFFF; text-align: left; line-height: 30px; padding-left: 15px; }

#left-nav .offres_mini A, #left-nav .collections A { color:#fff; text-decoration:none}

#conteneur #cadre .options { height: auto;  }
#contenu H1 { color: #4b4a4d; font:bold 1.2em Arial, Helvetica, sans-serif; text-transform: uppercase; height: 22px; float: left; display: block; padding-top: 3px; }

#pied H2 A { color: #000000; font:bold 1em Arial, Helvetica, sans-serif; margin: 0.4em 0;display:block;}


/* autres */

#menu .error { margin-right:150px ;text-align:right;
color: #009ee0; font:normal 0.9em Arial, Helvetica, sans-serif; text-decoration: none;}

.nomute A { display: block; position:absolute; top:226px ; left: 940px;height: 15px;  background:url(../images/icon_son_off.gif) left no-repeat;  width: 17px; }
.nomute A:hover { background:url(../images/icon_son_on.gif) left no-repeat; }
.mute A { display: block; position:absolute; top:226px ; left: 940px;height: 15px;  background:url(../images/icon_son_on.gif) left no-repeat;  width: 17px; }
.mute A:hover { background:url(../images/icon_son_off.gif) left no-repeat; }
#right_col .liens { width: 700px; }

.conteneur #right_col #fiche_info { float: right; width: 146px; }

#banniere { display: block; position:absolute; top:225px ; left: 275px;height: 15px;  width: 650px; color: #FC4568; font:bold 0.8em Arial, Helvetica, sans-serif;}

/**************************/
/* Collections */
/**************************/
UL.collections { width: 684px; height: 384px; margin-bottom: 56px; clear: both; margin-top: 15px; }
UL.collections LI { float: left; height: 128px; width: 228px; }
UL.collections LI A { display:block; float: left; height: 128px; width: 228px; line-height:128px; color:#FFFFFF; text-align:center; text-decoration:none }
UL.collections LI A SPAN { visibility:hidden;color: #FFFFFF; }
UL.collections LI A:hover SPAN { visibility:visible }

UL.collections A:hover.collection { background-color:#0099cc;}

UL.collections A.collection1 { background-image:url(../images/bg_collection_1.jpg) }
UL.collections A.collection2 { background-image:url(../images/bg_collection_2.jpg) }
UL.collections A.collection3 { background-image:url(../images/bg_collection_3.jpg) }
UL.collections A.collection4 { background-image:url(../images/bg_collection_4.jpg) }
UL.collections A.collection5 { background-image:url(../images/bg_collection_5.jpg) }
UL.collections A.collection6 { background-image:url(../images/bg_collection_6.jpg) }
UL.collections A.collection7 { background-image:url(../images/bg_collection_7.jpg) }
UL.collections A.collection8 { background-image:url(../images/bg_collection_8.jpg) }
UL.collections A.collection9 { background-image:url(../images/bg_collection_9.jpg) }

UL.collections A:hover.collection1 { background-color:#0099cc; background-image:none}
UL.collections A:hover.collection2 { background-color:#0099cc; background-image:none }
UL.collections A:hover.collection3 { background-color:#0099cc; background-image:none }
UL.collections A:hover.collection4 { background-color:#0099cc; background-image:none }
UL.collections A:hover.collection5 { background-color:#0099cc; background-image:none }
UL.collections A:hover.collection6 { background-color:#0099cc; background-image:none}
UL.collections A:hover.collection7 { background-color:#0099cc; background-image:none }
UL.collections A:hover.collection8 { background-color:#0099cc; background-image:none }
UL.collections A:hover.collection9 { background-color:#0099cc; background-image:none}

/**************************/
/* Menu gauche */
/**************************/
#minipanier{
width:185px;
z-index:99px;
}
#minipanier UL.miniatures { margin: 5px 0 5px -5px; width:100%; float:left }
#minipanier UL.miniatures LI { width:87px; height:48px; margin:0 0 6px 5px; float: left; }
#minipanier UL.miniatures LI A { width:87px; height:48px; display:block; float:left; background-image:none; background: none; padding: 0; }
#minipanier UL.miniatures LI A:hover { filter : alpha(opacity=100); -moz-opacity :1; opacity :1;}

#minipanier .outils { clear: both; height: 24px; margin: 8px 0 0 0; }
#minipanier .outils .fleche_gauche { display: block; margin: 4px 0 0 0; width: 6px; height: 6px; float: left; background:url(../images/puce_fleche_left.gif) left top no-repeat ;text-decoration : none;}
#minipanier .outils SPAN { float:left; display:block; margin:0 5px; font:normal 0.9em Arial, Helvetica, sans-serif; color: #767476; }
#minipanier .outils .fleche_droite { display: block; width: 6px; height: 6px; margin: 4px 0 0 0; background-color: #003399; float: left; background:url(../images/puce_fleche_right.gif) left top no-repeat ;text-decoration : none;}
#minipanier .outils A.fleche_gauche:hover { background-position:-6px top}
#minipanier .outils A.fleche_droite:hover { background-position:-6px top}

#minipanier .outils A { float:left; display:block; margin:0 5px; font:normal 0.9em Arial, Helvetica, sans-serif; color: #767476; text-decoration:none}
#minipanier .outils A:hover {  color: #009ee0; }


/**************************/
/* Palette */
/**************************/
.iframechoose {
	cursor:move;
	border:10px solid #ffffff;
	background-color: #e7e7e7;
	z-index:99;
}

/**************************/
/* Mon compte */
/**************************/
UL.compte LI {  height: 21px; margin: 0 0 5px 0;  }
UL.compte LI A { text-decoration: none; color: #8c8b8d; font: bold 1em Arial, Helvetica, sans-serif; height: 21px; padding: 0 0 0 32px;  line-height: 21px; }
UL.compte LI A:hover { text-decoration: none; color: #009ee0; }

/**************************/
/* PAGER */
/**************************/

#recherche_resultat { float:left; width: 100%; }
#recherche_resultat .resultats { width: 100%; height: 25px; border-bottom: 1px solid #bababc; }
#recherche_resultat .resultats P { float: left; height: 25px; font:bold 1.2em Arial, Helvetica, sans-serif; color: #4b4a4d; text-transform: uppercase; }
#recherche_resultat .resultats P SPAN { color: #009ee0; text-transform: lowercase; }
#recherche_resultat .infos { height: 19px; float: left; width: 100%; border-bottom: 1px solid #bababc; margin: 6px 0 20px 0; }
#recherche_resultat .infos LI { color: #7f7f7f; font-family: Arial, Helvetica, sans-serif; font-size: 0.9em; }
#recherche_resultat .infos LI { display: block; margin:0 0 0 25px; float:right; text-align:right }
#recherche_resultat .infos .tri IMG  { vertical-align: top; }
#recherche_resultat .infos .nb { /*color: #262626;*/ color: #009ee0; width: 15%; float: left; margin: 0 0 0 0; text-align: left; }
#recherche_resultat .infos .nbduree { color: #262626; width: 25%; float: left; margin: 0 0 0 0; text-align: left; }
#recherche_resultat .infos .affichage {  }
#recherche_resultat .infos .affichage IMG { vertical-align: top; }

#recherche_resultat .infos .nb_resultat_page {  }
LI.nb_resultat_page A { text-decoration: none; font-weight: bold; font-size: 1em; margin: 0 3px; color:#7F7F7F }
#recherche_resultat .infos .nb_resultat_page A { text-decoration: none; font-weight: bold; font-size: 1em; margin: 0 3px; color:#7F7F7F }
#recherche_resultat .infos .nb_resultat_page A:hover, #recherche_resultat .infos .nb_resultat_page A.active { color: #009ee0; }

#recherche_resultat .infos .page { width: 120px; }
#recherche_resultat .infos .page .nbre { text-align: center; color: #7f7f7f; float: left; width: 80px; }
#recherche_resultat .infos .page SPAN { color: #bababa; }
#recherche_resultat .infos .page A { text-decoration : none; }

#recherche_resultat .infos .page .fleche_next { display: block; margin: -3px 0 0 0; height: 20px; width: 10px; float: left; background:url(../images/puce_notice_next.gif) left top no-repeat; }
#recherche_resultat .infos .page .fleche_prev { display: block; margin: -3px 0 0 0; height: 20px; width: 10px; float: left; background:url(../images/puce_notice_prev.gif) left top no-repeat; }
#recherche_resultat .infos .page A.fleche_next:hover { background-position: 0px -20px; }
#recherche_resultat .infos .page A.fleche_prev:hover { background-position: 0px -20px; }

#recherche_resultat .infos .page .fleche_fw { display: block; margin: -3px 0 0 0; height: 20px; width: 10px; float: left; background:url(../images/puce_notice_fw.gif) left top no-repeat; }
#recherche_resultat .infos .page .fleche_rw { display: block; margin: -3px 0 0 0; height: 20px; width: 10px; float: left; background:url(../images/puce_notice_rw.gif) left top no-repeat; }
#recherche_resultat .infos .page A.fleche_fw:hover { background-position: 0px -20px; }
#recherche_resultat .infos .page A.fleche_rw:hover { background-position: 0px -20px; }

/**************************/
/* PANIER */
/**************************/
#panier_liste UL { width: 100%; float: left; min-width: 100%; }
#panier_liste LI.list_item { width: 100%; height: 150px; display: block; float: left; margin: 0 0 15px 0; }
#panier_liste LI.list_item HR { margin-top: 0px; }

#panier_liste .list_item .bloc_image { float: left; width: 162px; margin-right: 40px; }
#panier_liste .list_item .bloc_image .entete {width: 162px;}
#panier_liste .list_item .bloc_image .entete A { background-color: #707173; height: 20px; font:normal 0.75em Arial, Helvetica, sans-serif; color:#fff; line-height: 20px; text-align: right; background: url(../images/bg_listitem_entete_over.png) #707173 5px center no-repeat; display: block; text-decoration: none; padding-right: 5px; }
#panier_liste .list_item .bloc_image .entete A span {display: none;}
#panier_liste .list_item .bloc_image .entete A:hover span {display:inline;}

#panier_liste .list_item .bloc_image .entete A:hover { background-color: #009ee0; }
#panier_liste .list_item .bloc_image UL.icones { height: 21px; margin: 9px 0 0 0; }
#panier_liste .list_item .bloc_image UL.icones LI { height: 21px; width: 22px; display: inline; }
#panier_liste .list_item .bloc_image UL.icones LI A { height: 21px; width: 22px; display: block; float: left; margin: 0 6px 0 0; }
#panier_liste .list_item .bloc_image UL.icones LI.icon1 A { background:url(../images/icon_listitem_maquette.png) left top no-repeat }
#panier_liste .list_item .bloc_image UL.icones LI.icon2 A { background:url(../images/icon_listitem_add.png) left top no-repeat }
#panier_liste .list_item .bloc_image UL.icones LI.icon3 A { background:url(../images/icon_listitem_panier.png) left top no-repeat }
#panier_liste .list_item .bloc_image UL.icones LI.icon4 A { background:url(../images/icon_outils_poubelle.png) left top no-repeat }

#panier_liste .list_item .bloc_image UL.icones LI A:hover { background-position:left -21px}
#panier_liste .list_item .photo A { position: relative; text-decoration: none; display: block; width: 158px; height: 88px; border: 1px solid #707173; }
#panier_liste .list_item .photo A IMG { height: 88px; width: 158px; }
#panier_liste .list_item .photo .photoover  { height: 88px; width: 158px; position: absolute; left: 0px; top: 0px; background: url(../images/icon_listitem_lecture.png) center center no-repeat; cursor: pointer; border: none; visibility:hidden; float: left; }
#panier_liste .list_item .photo A:hover .photoover { visibility:visible}

#panier_liste .list_item .legende { color: #777; font:normal 1em Arial, Helvetica, sans-serif; margin: 20px 0 8px 0; }
#panier_liste .list_item .caracteristiques { color: #3c3a3d; font:normal 0.9em Arial, Helvetica, sans-serif }

#panier_liste .list_item UL.icones LI A { text-decoration : none; }

#panier_liste .list_item .vignette { display:none }
#panier_liste .list_item .clic {  }
#panier_liste .list_item .wrapper { 
width: 160px;
height: 90px;
border : 1px solid #707173;
margin-top:-93px; 
*margin-top:-93px;
 }

#panier_liste .haut_page A { color: #666; text-decoration: none; background:url(../images/puce_fleche_haut.gif) right center no-repeat; padding:0 20px 0 0; font:normal 0.9em Arial, Helvetica, sans-serif }
#panier_liste .haut_page A:hover { color:#009ee0}

#panier_liste .haut_page { clear: both; text-align: right; margin-top:10px }

#panier_mozaique  { width: 100%; background-color: #ff0000;}

#panier_mozaique UL { width: 100%; }
#panier_mozaique LI.list_item { width: 162px; height: 204px; display: block; float: left; margin: 0 15px 15px 0; }
#panier_mozaique .list_item .entete {width: 162px;}
#panier_mozaique .list_item .entete A { background-color: #707173; height: 20px; font:normal 0.75em Arial, Helvetica, sans-serif; color:#fff; line-height: 20px; text-align: right; background: url(../images/bg_listitem_entete_over.png) #707173 5px center no-repeat; display: block; text-decoration: none; padding-right: 5px; }

#panier_mozaique .list_item .entete A span {display: none;}
#panier_mozaique .list_item .entete A:hover span {display:inline;}

#panier_mozaique .list_item .entete A:hover { background-color: #009ee0; }
#panier_mozaique .list_item .photo A { position: relative; text-decoration: none; display: block; width: 158px; height: 88px; border: 1px solid #707173; }
#panier_mozaique .list_item .photo A IMG { height: 88px; width: 158px; }
#panier_mozaique .list_item .photo .photoover  { height: 88px; width: 158px; position: absolute; left: 0px; top: 0px; background: url(../images/icon_listitem_lecture.png) center center no-repeat; cursor: pointer; border: none; visibility:hidden; float: left; }
#panier_mozaique .list_item .photo A:hover .photoover { visibility:visible}
#panier_mozaique .list_item .legende { color: #777; font:normal 0.8em Arial, Helvetica, sans-serif; margin: 1px 0 1px 0; height: 44px; line-height: 11px;overflow: hidden; }
#panier_mozaique .list_item UL.icones { height: 21px; margin: 4px 0 0 0; }
#panier_mozaique .list_item UL.icones LI { height: 21px; width: 22px; display: inline; }
#panier_mozaique .list_item UL.icones LI A { height: 21px; width: 22px; display: block; float: left; margin: 0 6px 0 0; text-decoration : none;}
#panier_mozaique .list_item UL.icones LI.icon1 A { background:url(../images/icon_listitem_maquette.png) left top no-repeat }
#panier_mozaique .list_item UL.icones LI.icon2 A { background:url(../images/icon_listitem_add.png) left top no-repeat }
#panier_mozaique .list_item UL.icones LI.icon3 A { background:url(../images/icon_listitem_panier.png) left top no-repeat }
#panier_mozaique .list_item UL.icones LI A:hover { background-position:left -21px}
#panier_mozaique .list_item .caracteristiques { color: #3c3a3d; font:normal 0.8em Arial, Helvetica, sans-serif;height: 10px; }

#panier_mozaique .list_item .vignette { display:none  }
#panier_mozaique .list_item .clic {  }
#panier_mozaique .list_item .wrapper {
width: 160px;
height: 90px;
border : 1px solid #707173;
margin-top:-93px; 
*margin-top:-93px;
}

/**************************/
/* ATELIER */
/**************************/
#atelier #bloc_atelier #titre{margin-left: 18px;}


#bin{
width:274px;
height:312px;
background:url(../images/fd_montage.png);
}

#bin LI SPAN {display:block;height:2em;overflow:hidden;}

#bin LI A SPAN { position: absolute; top: 0px; left: 0px; border: 3px solid #009ee0; width: 81px; height: 42px; visibility: hidden; padding: 0; margin: 0; }
#bin LI A:hover SPAN { visibility: visible; }

#timeline LI SPAN {visibility: hidden;}
#timeline LI A SPAN { position: absolute; top: 0px; left: 0px; border: 3px solid #009ee0; width: 81px; height: 42px; visibility: hidden; padding: 0; margin: 0; }
#timeline LI A:hover SPAN { visibility: visible; }

.selectedClip { background-color:#97C900}

/************************************************************/
/* TITRE */
/************************************************************/
#pageTitre{ height: 25px; font:bold 1.2em Arial, Helvetica, sans-serif; color: #4b4a4d; text-transform: uppercase;}

/************************************************************/
/* RECHERCHE */
/************************************************************/
.close {  display: block; float: right; margin-right:30px;}
.close a {padding: 0 0px 0 0;background: transparent url(../../images/puce_fleche_haut.gif) no-repeat scroll right center;color: #666666;text-decoration: none;font-family: Arial,Helvetica,sans-serif;font-style: normal;font-variant: normal;font-weight: normal;font-size: 0.9em;line-height: normal;font-size-adjust: none;font-stretch: normal;}
.close a:hover {color: #009ee0;}

/************************************************************/
/* TABLEAU DE RESULTATS : */
/************************************************************/

.tableResults {
	width: 95%;
	color: #000000;
	margin-top:2px;
}
/************************************************************/
.resultsHead {
	color: #262626; font:normal 1em Arial, Helvetica, sans-serif; margin: 1px 0 1px 0;
	border-bottom: 1px solid #262626;
}
.resultsHead a:link, .resultsHead a:visited{
	color: #262626;
	text-decoration: none;
}
.resultsHead a:hover{
	color: #009ee0;
	text-decoration: none;
}

/************************************************************/
.resultsHeadPalette {
	color: #262626; font:normal 1em Arial, Helvetica, sans-serif; margin: 1px 0 1px 0;
	border-bottom: 1px solid #bababc;
}

/************************************************************/

.resultsCorps {
	color: #777; font:normal 1em Arial, Helvetica, sans-serif; margin: 1px 0 1px 0;
	border-bottom: 1px solid #bababc;
}

.resultsCorps a:link, .resultsCorps a:visited{
	color: #777;
	text-decoration: none;
}

.resultsCorps a:hover{
	color: #009ee0;
	text-decoration: none;
}

/************************************************************/
/* menu affichage des pages */

.resultsMenu {
	color: #7f7f7f;
	font:normal 0.9em Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #bababc;
}
.resultsMenu a:link, .resultsMenu a:visited{
	text-decoration: none;
}
.resultsMenu a:hover{
	color: #009ee0;
	text-decoration: underline;
}
.resultsMenu img{
	vertical-align:middle;
}

/************************************************************/
/* Barre de boutons affiches en bas des ecrans */
.resultsBar {
	color: #7f7f7f;
	font:normal 0.9em Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #bababc;
}

.resultsBar a:link, .resultsBar a:visited{
	text-decoration: none;
}
.resultsBar a:hover{
	color: #009ee0;
	text-decoration: underline;
}
/************************************************************/
/* FORMULAIRES */
/************************************************************/
.bouton { background: url(../images/bg_bouton.gif); text-align: center; color: #FFFFFF; text-decoration: none; font:bold 0.9em Arial, Helvetica, sans-serif; }


/************************************/
.label_champs_form {
	color: #777; font:normal 1em Arial, Helvetica, sans-serif; margin: 1px 0 1px 0;
	padding-right:3px;
	vertical-align: top;
}


/************************************/
.val_champs_form {
	color: #777; font:normal 1em Arial, Helvetica, sans-serif; margin: 1px 0 1px 0;
	padding-left:4px;
}
.val_champs_form a {color:#009ee0}

/************************************************************/
/* ALERT BOX */
/************************************************************/

#alertBox {
	position:absolute;
	display:block; 
	/*ATTENTION : STT PAS DE display:none sinon on ne peut pas calculer la taille */
	/*top:350px;*/ /*ATTENTION, on ne peut pas utiliser Bottom avec MOVE*/
	/*left:-260px;*/
	top:-1000px;
	left:-1000px;
	width:250px;
	background-image:url('../images/shadow_alpha.png') !important;
	background-image:url('../images/shadow.gif');
	background-position:bottom right;
	z-index:100;
	
	margin: 10px 0 0 10px !important;
	margin: 10px 0 0 5px;
}
html>body #alertBox { position: fixed;left: -260px; top: 500px; }

#alertBoxContent {
	position:relative;
	margin:-6px 6px 6px -6px;
	padding:25px 5px 25px 5px;			
	background-color:#bababa;
	border:1px solid #363636;
	text-align:center;
	font-family:'Trebuchet MS',Helvetica,Arial,sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#333333;
}