/* @override http://195.68.25.129/dev/gpa/design/general.css */

/* -------------------------------------- 
 FEUILLE DE STYLE GENERALE (general.css) 
 Cr�e par Opsomai. (C) 2005 
--------------------------------------- */
@import url("style.css");

/*
police de caractere
*/

@font-face
{
	font-family: 'Lato';
	src: url('fonts/lato-bold-webfont.eot');
	src: url('fonts/lato-bold-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/lato-bold-webfont.woff') format('woff'),
		 url('fonts/lato-bold-webfont.ttf') format('truetype'),
		 url('fonts/lato-bold-webfont.svg#latobold') format('svg');
	font-weight: bold;
	font-style: normal;
}

@font-face
{
	font-family: 'Lato';
	src: url('fonts/lato-bolditalic-webfont.eot');
	src: url('fonts/lato-bolditalic-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/lato-bolditalic-webfont.woff') format('woff'),
		 url('fonts/lato-bolditalic-webfont.ttf') format('truetype'),
		 url('fonts/lato-bolditalic-webfont.svg#latobold_italic') format('svg');
	font-weight: bold;
	font-style: italic;
}

@font-face
{
	font-family: 'Lato';
	src: url('fonts/lato-italic-webfont.eot');
	src: url('fonts/lato-italic-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/lato-italic-webfont.woff') format('woff'),
		 url('fonts/lato-italic-webfont.ttf') format('truetype'),
		 url('fonts/lato-italic-webfont.svg#latoitalic') format('svg');
	font-weight: normal;
	font-style: italic;
}

@font-face
{
	font-family: 'Lato';
	src: url('fonts/lato-regular-webfont.eot');
	src: url('fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/lato-regular-webfont.woff') format('woff'),
		 url('fonts/lato-regular-webfont.ttf') format('truetype'),
		 url('fonts/lato-regular-webfont.svg#latoregular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face
{
	font-family: 'LatoLight';
	src: url('fonts/lato-light-webfont.eot');
	src: url('fonts/lato-light-webfont.eot?#iefix') format('embedded-opentype'),
		 url('fonts/lato-light-webfont.woff') format('woff'),
		 url('fonts/lato-light-webfont.ttf') format('truetype'),
		 url('fonts/lato-light-webfont.svg#latolight') format('svg');
	font-weight: normal;
	font-style: normal;
}





/**************************/
/* Balises HTML de base : */
/**************************/
body
{
	color:#303030;
	margin:0px;
	padding: 0px;
	background-color: #fffef6;
    min-width:1200px;
}

a img 
{
	border: none;
}


/* -------------------------- */
/* entete */
/* -------------------------- */

#entete
{
	background-color:#ffffff;
}

#entete div.cont_entete
{
	width:1000px;
	height:100px;
	margin:auto;
	padding:15px 0px;
	background-color:#ffffff;
	font:normal 12px Lato;
}

#entete div.cont_entete img.logo
{
	width:400px;
}

#entete div.entete_droit
{
	float:right;
	width:500px;
	border-left:1px solid #d6d1c1;
	padding-left:20px;
}

#entete div.entete_droit div.menu_user
{
	width:140px;
	border-right: 1px solid #d4cfbe;
}

#entete div.entete_droit div.bloc_ident_entete
{
	width:340px;
	padding-left:20px;
	float:right;
}

#entete div.entete_droit div.menu_user p
{
	padding:4px 0px;
}

p.nom_user
{
	margin:6px 0px 0px 0px;
	font: normal 14px Lato;
}

#entete div.entete_droit a
{
	color:#333333;
	text-decoration:none;
	font:normal 12px Lato;
}

#entete p.lien_panier
{
	font:normal 16px Lato;
	margin:0px;
}

#entete p.lien_panier a
{
	font:normal 20px Lato;
	line-height:20px;
}

#entete div.entete_droit table.menu_entete
{
	float:right;
	margin-top:2px;
	margin-left:17px;
}

#entete div.entete_droit table.menu_entete tr td
{
	border-left:1px solid #d6d1c1;
	text-align:right;
	padding:0px 10px;
}

#entete div.entete_droit table.menu_entete tr td:first-child
{
	border-left:none;
}

#entete div.btn_deconnexion
{
	margin-top:3px
}

div.btn_dark
{
	background-color:#999999;
	border:1px solid #cccccc;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	padding:2px 5px;
	margin-top:5px;
	float:left;
}

div.btn_dark a
{
	color:#ffffff !important;
	text-decoration:none;
	font:normal 12px Lato;
}

/* -------------------------- */
/* entete page accueil*/
/* -------------------------- */
#entete_accueil
{
	
}

#contenu_texte_accueil
{
	background-color:#f9f8ef;
	opacity:0.9;
	padding:20px 0px;
	text-align:center;
}

#contenu_texte_accueil img
{
	opacity:1;
}

#contenu_texte_accueil p.entete_big_red
{
	font:normal 40px Lato;
	color:#dc002e;
}

#contenu_texte_accueil p.entete_medium
{
	font:normal 20px Lato;
}

#contenu_texte_accueil p.entete_big
{
	font:normal 28px LatoLight;
}

/* -------------------------- */
/* Style menu */
/* -------------------------- */
#menu
{
	background-color:#dc002e;
}

#menu div.cont_menu
{
	background-color:#dc002e;
	width:1000px;
	margin:auto;
}

#menu>div.cont_menu>ul
{
	margin:0px;
	padding:0px;
}

#menu>div.cont_menu>ul>li:first-child
{
	background-color:#860e18;
}

#menu>div.cont_menu>ul>li:first-child>a>img
{
	margin:-1px 10px -3px 0px;
}

#menu>div.cont_menu>ul>li
{
	list-style-type:none;
	display:inline-block;
	vertical-align:top;
}

#menu>div.cont_menu>ul>li>a
{
	color:#ffffff;
	display:block;
	text-transform:uppercase;
	text-decoration:none;
	font:normal 12px Lato;
	padding:12px;
}

#menu_deroulant_collections
{
	display:none;
	position:absolute;
	z-index:50;
	padding:0px;
}

#menu_deroulant_collections>li
{
	display:block;
	background-color:#ffd500;
	border-top:1px solid #ffbb00;
	width:200px;
}

#menu_deroulant_collections>li>a
{
	display:block !important;
	padding:10px;
}

#menu_deroulant_collections>li>a:hover
{
	background-color:#ffbb00;
}

#menu>div.cont_menu>ul>li>a:hover
{
	background-color:#ffd500;
}

#menu>div.cont_menu>ul>li>a.active,#menu>div.cont_menu>ul>li>a.active_menu_deroulant
{
	background-color:#ffd500;
}

.main_scrollableDiv .title_bar{
	display: none;
}

#choix_langue
{
	border:1px solid #ffbb00;
	background-color:#ffd500;
	float:right;
	width:120px;
	margin:6px 0px;
	padding:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
}
#choix_langue a
{
	color:#303030;
	text-decoration:none;
	font:normal 12px Lato;
}

#sous_menu
{
	background-color:#eeeeee;
	border-bottom:1px solid #d6d1c1;
	font:normal 12px Lato;
	margin-bottom:16px;
}

#sous_menu div.cont_sous_menu
{
	padding:12px 0px;
	background-color:#eeeeee;
	width:1000px;
	margin:auto;
}

#menu>div.cont_menu>ul>li:last-child {
	background-color: black;
	text-align: center;
	margin-left: 40px;
}

#menu>div.cont_menu>ul>li:last-child>a {
	line-height: 11px;
	max-height:21px;
	padding: 8px;
}

/* -------------------------- */
/* style contenu */
/* -------------------------- */
#conteneur
{
	width:1000px;
	margin:auto;
}

#container
{
	position:relative;
}

/* -------------------------- */
/* Style footer */
/* -------------------------- */
#footer
{
	background-color:#dc002e;
	color:#ffffff;
	margin-top:10px;
}

#footer p
{
	margin:0px;
	font: normal 12px Lato;
}

#footer a
{
	font: normal 12px Lato;
	color:#ffffff;
	text-decoration:none;
}

#footer p.gras
{
	font-weight: bold;
}

#footer div.cont_footer
{
	background-color:#dc002e;
	width:1000px;
	margin:auto;
	padding:20px 0px;
}

#footer div.footer_droit
{
	float:right;
	text-align:right;
}

#footer div.adresse
{
	float:left;
}

#footer div.adresse table
{
	border-collapse:collapse;
}

#footer div.adresse table tr td.adresse_postale
{
	padding-right:30px;
}

#footer div.liens
{
	border-left:1px solid #cccccc;
	margin-left:500px;
	padding-left:35px;
	min-height:42px;
}

/* -------------------------- */
/* Style contenu de la page   */
/* -------------------------- */

/* TODO : supprimer pageTitre 
voir urlaction=requeteListe */
h1,#pageTitre,span.PAGETITLE
{
	font:normal 25px "LatoLight";
	text-transform: uppercase;
	color:#303030;
}

h2
{
	font:normal 20px LatoLight;
	margin:0px;
	color:#dc002e;
}

h3
{
	font:bold 16px LatoLight;
}

h6
{
	font:bold 12px Lato;
	color:#dc002e;
	margin:10px 0px 0px 0px;
}

p
{
	font:normal 12px Lato;
}

p.no_marge
{
	margin:0px;
}

p.big
{
	font:normal 20px Lato;
	margin:0px;
}

a
{
	color:#303030;
	text-decoration:none;
}

ul li
{
	font:normal 12px Lato;
}

hr
{
	border:none;
	border-top:1px solid #cccccc;
}

span.red,h2.red,a.red
{
	color:#dc002e;
}

span.gras
{
	font-weight:bold;
}

span.size20,h1.size20
{
	font-size: 20px;
}

h1.size20
{
	overflow: hidden;
	white-space: nowrap;
	text-overflow: ellipsis;
}

span.italique
{
	font-style:italic;
}

div.separateur
{
	width:100px;
	height:2px;
	background-image:url('../images/separateur.png');
	background-repeat:no-repeat;
	margin:18px 0px;
}

div.bloc_contenu_form
{
	background-color:#eeeeee;
	padding:48px;
}

div.bloc_contenu
{
	background-color:#eeeeee;
	padding:19px 34px;
}

div.bloc_contenu_red
{
	background-color:#dc002e;
	color:#ffffff;
	padding:8px 12px;
	min-height:28px;
	margin-top:10px;
}

div.cadre_info
{
	border:1px solid #eeeeee;
	background-color:#ffffff;
	padding:16px 16px 16px 64px;
	color:#dc002e;
	background-image:url('../images/info.png');
	background-repeat:no-repeat;
	background-position:16px center;
	margin-top:10px;
}

div.cadre_info p
{
	font:normal 16px Lato;
	margin:5px;
}

div.cadre_info a
{
	font:bold 16px Lato;
	color:#dc002e;
}

div.bloc_droit
{
	float:right;
	text-align:right;
}

div.tri *{
	vertical-align: middle;
}

div.tri span{
	display: inline-block;
	background-repeat:no-repeat;
	background-position: center;
	width: 24px;
	height: 24px;
}

div.tri span.trier_0
{
	background-image:url('../images/trier_0.png');
}

div.tri span.trier_1
{
	background-image:url('../images/trier_1.png');
}

div.bloc_gauche
{
	float:left;
}

div.texte_centre
{
	text-align:center;
	font:normal 12px Lato;
}

div.texte_centre *{
	display: inline-block;
	vertical-align: middle;
}

div.texte_centre span{
	display: inline-block;
	width: 24px;
	height: 24px;
	vertical-align: middle;
	margin-right: 5px;
	margin-left: 5px;
	cursor: pointer;
	background-repeat:no-repeat;
	background-position: center;
}

div.texte_centre span.first_page{
	background-image:url('../images/first.png');
}

div.texte_centre span.previous_page{
	background-image:url('../images/precedent.png');
	margin-right: 10px;
}

div.texte_centre span.next_page{
	background-image:url('../images/suivant.png');
	margin-left: 10px;
}

div.texte_centre span.last_page{
	background-image:url('../images/last.png');
}

/* -------------------------- */
/* Style formulaires          */
/* -------------------------- */

input
{
	border:1px solid #cccccc;
	padding:4px;
	font:normal 12px Lato;
}

select
{
	border:1px solid #cccccc;
	background-color:#ffffff;
	font:normal 12px Lato;
	padding:4px;
}

textarea
{
	font:normal 12px Lato;
	border:1px solid #cccccc;
	padding:4px;
}

fieldset legend
{
	font:normal 12px Lato;
}


input[type='submit'], input[type='button'].btn_yellow
{
	border:1px solid #ffbb00;
	background-color:#ffd500;
	color:#303030;
	padding:6px 30px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	border-radius:5px;
	font:normal 12px Lato;
	text-transform:uppercase;
}

input.btn_small[type='submit']
{
	padding:4px 15px;
}

input[type='button']
{
	border:1px solid #cccccc;
	background-color:#999999;
	color:#303030;
	padding:6px 30px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	font:normal 12px Lato;
	text-transform:uppercase;
}

input.btn_grey_flat[type='button']
{
	background-color:#cccccc;
	color:#303030;
	padding:6px 30px;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}

div.btn_menu_deroulant
{
	display:inline-block;
}

div.btn_print
{
	background-color:#ffd500;
	border:1px solid #ffbb00;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	font:normal 12px Lato;
	color:#303030;
	text-transform:uppercase;
	width:130px;
}

div.btn_print img
{
	float:left;
	margin-right:16px;
}

div.btn_print img.fleche_menu_deroulant
{
	float:right;
	margin:6px 0px 0px 0px;
}

div.btn_print span.fleche_menu_deroulant
{
	float:right;
	margin:2px 0px 0px 0px;
	width:10px;
	height:10px;
	background-position : center center;
	background-repeat : no-repeat;
	background-image : url("../images/fleche-select-jaune.png") ;
}


div.btn_print a
{
	text-decoration:none;
	color:#303030;
	display:block;
	text-align:left;
	padding:5px 8px 5px 8px;
}

div.btn_trier
{
	background-color:#f4f1e6;
	border:1px solid #ded9ca;
	border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
	margin-bottom:5px;
	font:normal 12px Lato;
	color:#303030;
	text-transform:uppercase;
	width:130px;
}

div.btn_trier img
{
	float:left;
	margin-right:16px;
}

div.btn_trier img.fleche_menu_deroulant
{
	float:right;
	margin:6px 0px 0px 0px;
}

div.btn_trier span.fleche_menu_deroulant
{
	float:right;
	margin:2px 0px 0px 0px;
	width:10px;
	height:10px;
	background-position : center center;
	background-repeat : no-repeat;
	background-image : url("../images/fleche-select-grise.png") ;
}


div.btn_trier a
{
	text-decoration:none;
	color:#303030;
	display:block;
	text-align:left;
	padding:5px 8px 5px 8px;
}



/* -------------------- */
/* fenetres modales     */
/* -------------------- */
#fond_popup_gris
{
	display:none;
	background-color:#808080;
	position:absolute;
	top:0px;
	left:0px;
	width:100%;
	opacity:0.5;
}

#popup_folder,#popup_crea_dossier,#popup_transfert_dossier
{
	background-color:#fffef6;
	padding:14px 30px;
}

#popup_confirmation,#popup_confirmation_transfert_user
{
	background-color:#fffef6;
	padding:14px 30px;
}



/* ------------------------------------------------------------------------------------------------------------------------------ */
/* LE CONTENU DE LA PAGE (zone centrale), poss�dant 2 astuces pour fixer des bugs de navigateurs : 1 pour MacIE5 et 1 pour IE/Win */
/* ------------------------------------------------------------------------------------------------------------------------------ */

#contenu{
	font:12px Verdana,sans-serif;

	padding-top:5px;
	padding-left:5px;
	background: #ffffff url("images/pic_search_back.gif");
	background-repeat:repeat-y;
}


/* La balise #contenu comporte aussi d'autres balises de type #id et .class pour afficher les r�sultats d'�ventuelles recherches : */
/* ------------------------------------------------------------------------------------------------------------------------------- */

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


.iframechoose {
	border:8px solid #999999;
	-moz-border-radius:6px;
	cursor:move;
	opacity:0.9;
	filter:alpha(opacity=90);
	z-index:999;
	background-color:#ffffff;
}

/************************************/
/** IMAGEUR **/

.imgNormal { position:relative;float:left; width:133px; height:200 px;margin:5px;text-align:center;border:2px solid #999999;-moz-border-radius:8px;background-color:#E5E5E5; }
.imgSelected { position:relative;float:left; width:133px; height:200 px;margin:5px;text-align:center;border:2px solid #f18200;-moz-border-radius:8px;background-color:#ffd5b3; }


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


/** MSG ALERT JS : Note il existe aussi une partie dans le template pour le hack fixed IE6 **/
#alertBox {
	position:absolute;
	float:left;
	top:100px; /*ATTENTION, on ne peut pas utiliser Bottom avec MOVE*/
	left:-260px;
	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: 50px; }

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

/* mise en forme player accueil */
#player_html_simple
{
	background:none !important;
}

.help_champ_form_container {
	display: flex;
	align-items: center;
}

.help_champ_form {
	display:flex;
	align-items: center;
	max-width:440px;
}

.help_champ_form_container .help_champ_form.small {
	font:normal 12px Lato;
}

.help_champ_form img {
	vertical-align:bottom;
	padding-right:5px;
	padding-left:5px;
}

/************************************/
/**  	FILMOGRAPHIE			   **/
/************************************/

.filmo_only {
	display: none !important;
}

/************************************/
/**      popupModal               **/
/************************************/

#popupModal.loading #frameModal{
    background : url('../images/wait4alpha.gif') no-repeat center center;
    -webkit-transition: opacity 0.1s ease;
    -moz-transition: opacity 0.1s ease;
    -o-transition: opacity 0.1s ease;
    -ms-transition: opacity 0.1s ease;
    transition: opacity 0.1s ease;
}
#popupModal.progresscursor {
    cursor : progress ! important ;
}


#popupModal.loading #frameModal{
    background : url('../images/wait4alpha.gif') no-repeat center center white ;
}

#popupModal.loading #frameModal *{
    opacity : 0 ;
}

#popupModal{
    background : url("../images/modalBG.png") top left;
    /*font-family : Verdana;*/
    font-size : 13px;
    position:fixed;
    top :0px;
    left:0px;
    right : 0px;
    bottom :23px;
    z-index:201;
    -webkit-touch-callout: none;
    -webkit-user-select: none;
    -khtml-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    display : none ;
}

#frameModal{
    background-color : white ;
    margin : 50px auto 0px auto;
    position : relative ;
    max-width :900px;
    width : 500px;
    min-height : 100px;
    padding : 20px 35px;

}
#frameModal.cgu {
    position: absolute;
    top: 50px;
    bottom: 50px;
    height: auto;
    margin: 0px;
    left: 10%;
    right: 10%;
    max-width : none ;
    width : auto ;
}
#frameModal.cgu .html_page{
    position: absolute;
    top: 26px;
    left: 30px;
    right: 6px;
    bottom: 20px;
    overflow: auto;
    padding-right: 20px;
}
#frameModal.cgu .html_page h2{
    margin-top : 0px;
}


#frameModal .html_close, #frameModal2 .html_close{
    position : absolute ;
    top: 6px;
    right: 6px;
    width: 16px;
    height: 16px;
    background : url('../images/icnbar-crosscancel-grey.png') no-repeat center center ;
    cursor : pointer ;
}

/* Liens CGU */
.formulaire_login_accueil a, #entete div.entete_droit .no_marge a, #entete div.entete_droit .formulaire_login a,.bloc_contenu_form a{
    text-decoration : underline;
}