/******************************************************************************/
/*                                                                            */
/*          Copyright (c) TVPaint Developpement. All Rights Reserved.         */
/*                                                                            */
/******************************************************************************/

/******************************************************************************/
/** @file global.css

	@author		Michael Schreiner & Matthieu Tragno & Thierry Cantet
	@copyright (c) 2009-2022 TVPaint Developpement. All Rights Reserved.
*/
/******************************************************************************/

*
{
	margin				: 0px;
	padding				: 0px;
}

a img
{
	border				: none;
}

a.external
{
	/*cursor					: alias;*/
}
a.external:after
{ 
	/*content				: "\0000a0\21F2";*/
	/*font-size				: smaller;*/
}

.ok
{
	color				: #444444;
	background-color	: #99FF99;
	font-weight			: bold;
	text-align			: center;
}

.warning
{
	margin-bottom		: 10px;
	clear				: both;
	
	text-align			: center;
	background-color	: #FF5544;
	font-weight			: bold;
}
.warning:last-child
{
	margin-bottom		: 0;
}

.error
{
	background-color	: #FF9999;
	font-weight			: bold;
	text-align			: center;
}

p.note,
span.note
{
	font-style			: italic;
	font-size			: smaller;
}

p.help,
span.help
{
	font-style			: italic;
	font-size			: smaller;
}

/*--------------*/

img.noborder
{
	border				: none;
}

img.bringout
{
	border				: solid black 2px;
}

img.resize_xlittle
{
	width				: 33%;
}
img.resize_little
{
	width				: 50%;
}

.remove
{
	display				: none;
}

.float1
{
	float				: left;
	margin				: 2px 10px 0px 10px;
	padding				: 0px;
}
.float3
{
	float				: right;
	margin				: 2px 10px 0px 10px;
	padding				: 0px;
}
.float5
{
	float				: left;
	margin				: 2px 10px 10px 10px;
	padding				: 0px;
}
.clr
{
	clear				: both;
}
hr.clr
{
	visibility			: hidden;
	clear				: both;
	height				: 0;
	border				: 0;
}


.text_align1
{
	text-align			: left;
}
.text_align2
{
	text-align			: center;
}
.text_align3
{
	text-align			: right;
}
.text_align4
{
	text-align			: justify;
}

.overflow0
{
	overflow			: auto;
}

.display0
{
	display				: none;
}

/*=======================================================================================================================================
						TABLE ... a penser a virer ...
=======================================================================================================================================*/

/*BEGIN : POUR FAIRE DES COLONNES UNIQUEMENT !!!*/
table
{
	width				: 100%;
	border-collapse 	: collapse;
	border				: none;
	margin				: 0;
	padding				: 0;
}
table tr
{
	border-collapse 	: collapse;
}
table td
{
	border-collapse 	: collapse;
	border				: none;
	vertical-align		: middle;
	text-align			: center;
}
table td.column1
{
	border-collapse		: separate;
	border-spacing		: 10px 10px;
	width				: 95%;
	padding				: 5px;
	border				: solid 1px #FF8000;
}
table td.column2
{
	width				: 50%;
}
table td.column3
{
	width				: 33%;
}
table td.column4
{
	width				: 25%;
}
table td.column5
{
	width				: 20%;
}
table td.column10
{
	width				: 10%;
}
table td.column20
{
	width				: 5%;
}
table td.small,
table th.small
{
	width				: 20%;
}
table td.xsmall,
table th.xsmall
{
	width				: 10%;
}
table td.medium,
table th.medium
{
	width				: 40%;
}
table td.xmedium,
table th.xmedium
{
	width				: 50%;
}
/*END : POUR FAIRE DES COLONNES UNIQUEMENT !!!*/

/*=======================================================================================================================================
						LES FORMULAIRES
=======================================================================================================================================*/

form span.star
{
	color				: #BC2A4D;
}

form legend
{
	font-weight			: bold;
	font-variant		: small-caps;
}

form div.form_row
{
	clear				: both;
	padding				: 0.75em 0;
}
form div.form_row span.form_label
{
	float				: left;
	width				: 28%;
	text-align			: right;
}
form div.form_row span.form_field
{
	float				: right;
	width				: 68%;
	text-align			: left;
}
form div.form_row span.form_field input[readonly="readonly"], 
form div.form_row span.form_field select[readonly="readonly"], 
form div.form_row span.form_field textarea[readonly="readonly"]
{
	background-color	: #EEEEEE;
	color				: #666666;
}
form div.requested
{
}
form div.requested span.form_label
{
	font-weight			: bold;
}
form div.requested span.form_field input, 
form div.requested span.form_field select, 
form div.requested span.form_field textarea
{
	background-color	: #FFE0BD;
}
form div.empty
{
	height				: 20px;
}

form div.form_row_action
{
	clear				: both;
	padding-top			: 30px;
	text-align			: center;
	/*margin-left			: 30%;*/
}
form div.full
{
	margin-left			: 0;
}
form div.form_row_action span.form_action_submit
{
	text-align			: center;
}
form div.form_row_action span.form_action_submit input
{
	font-weight			: bolder;
	width				: 200px;
	padding				: 5px 3px;
	background-color	: #FEAA50;
	border				: solid 1px #FEAA50;
	text-transform		: uppercase;
	color				: white;
}
form div.form_row_action span.form_action_submit input:hover
{
	border				: solid 1px black;
}

form div.form_row_hidden
{
	clear				: both;
}

/*---*/

select.continent optgroup
{
	background-color	: #FFFFFF;	/* blanc */
}

select.continent optgroup option
{
	padding-left		: 20px;
}

select.continent optgroup.kEurope,
select.continent optgroup.kEurope option
{
	background-color	: #CCEEFF;	/* bleu */
}

select.continent optgroup.kAfrica,
select.continent optgroup.kAfrica option
{
	background-color	: #EEEEEE;	/* noir */
}

select.continent optgroup.kAmerica,
select.continent optgroup.kAmerica option
{
	background-color	: #FFDDDD;	/* rouge */
}

select.continent optgroup.kAsia,
select.continent optgroup.kAsia option
{
	background-color	: #FFFFCC;	/* jaune */
}

select.continent optgroup.kOceania,
select.continent optgroup.kOceania option
{
	background-color	: #EEFFEE;	/* vert */
}


/*=======================================================================================================================================
						GLOBAL
=======================================================================================================================================*/

a
{
	text-decoration		: none;
	color				: #1272e6;
}

a:hover
{
	color				: #ff6700;
}

p, 
div, 
span
{
	font-size			: 14px;
}

html
{
	height				: 100%;
}

body
{
	width				: 1220px;
	height				: 100%;
	margin				: auto; /* Pour centrer notre page */
	/* background-color	: #333333; */
	background-color	: #f0f0f1;
	
	/* background-image	: url("./images/body_bg.png"); */
	/* background-repeat	: repeat-x repeat-y; */
	/* background-position	: top left; */
	
	font-family			: Sora, Arial, Helvetica, Sans Serif;
}

body#body_beta
{
	background-image	: url("./images/body_bg_beta.png");
}