@charset "utf-8";
/* CSS Document */

/* Hack Reservit */
body.Body #jmanagerlayout #contents {
	margin-left:-500px;
}

body,
body.Body {
	background:#e5edf4;
	background:#aa193d url(../_img/25ans-background.png) top center no-repeat;
	background:#fff url(../_img/background.png) top center repeat-y !important; 
	margin:0;
	padding:0;
}
.ui-datepicker {
	position:absolute !important;
	top:-1000px;
}
.container {
	background:#fff;
	padding:0 20px 15px;
}
.container.popup {
	width:100%;
}

input.formCheck,
textarea.formCheck {
	background-image:url(../_img/form-required.png);
	background-position:right top;
	background-repeat:no-repeat;
}

/* Je force l'alignement justifié pour les colonne de grande taille */
.span-1,
.span-2,
.span-3,
.span-4,
.span-5,
.span-6,
.span-7,
.span-8,
.span-9 {
	text-align:left;
}

.span-10,
.span-11,
.span-12,
.span-13,
.span-14,
.span-15,
.span-16,
.span-17,
.span-18 {
	text-align:justify;
}

acronym {
	border-bottom:1px dotted #999;
}

ol {
	padding: 0 10px;
	list-style:decimal;
	list-style-position:outside;
}
ol li {
	padding:0.5em 0 0.6em; 
}
ul {
	padding: 0 10px;
	list-style:disc;
	list-style-position:outside;
}
ul li {
	padding:0.5em 0 0.6em; 
}

h2,h3,h4,p,a,td,li,div {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#666666;
	line-height:1.25em;
}
p,h2,h3,h4 {
	padding:0.5em 10px 0.6em; /* en EM = les padding change automatiquement avec la taille de la police */
}
h2,h3,h4{
	padding:0.5em 10px 0;
	font-weight:bold;
	font-size:12px;
}
h2{
	background:#970130;
	color:#fff;
	margin:0;
	padding:0 11px;
	line-height:20px;
	font-size:12px;
}
h3 {
	color:#970130;
	margin:0 8px;
	padding:0.5em 2px 0;
}

.right {
	float:right;
}

.quote,
blockquote {
	margin:0.5em 5px 0.6em;
	padding:0.3em 5px;
	background:#ffffd2;
}
.quote { 
	/* 
	idem que blockquote mais sans padding 
	car destiné à contenir des bloc h1,h2,h3,p etc... 
	qui on tdéjà leur padding
	*/
	padding:0;
}
em {
	color:#3057b2;
	font-weight:bold;
	font-style:normal;
}

a,
a:focus {
	color:#0a69bd;
}
a:hover {
	color:#666;
	background:#ffffd2;
}

a h3,
a p {
	text-decoration:none;
}
.first {
	padding-top:0;
}

.smallest {
	font-size:9px;
}
.smaller {
	font-size:10px;
}
.small {
	font-size:11px;
}
.medium {
	font-size:14px;
}
.big {
	font-size:16px;
}
.bigger {
	font-size:20px;
}
.biggest {
	font-size:26px;;
}
.underline {
	border-bottom:1px solid;
}

h3.big,
h3.bigger,
h3.biggest {
	border-bottom:1px solid #970130;
	margin:0 10px 0 0;
}
.apf-bg-01 h3.big,
.apf-bg-01 h3.bigger,
.apf-bg-01 h3.biggest,
.apf-bg-02 h3.big,
.apf-bg-02 h3.bigger,
.apf-bg-02 h3.biggest {
	border:none;
	margin:0;
}

/* FORMS customisation */
.form-ok {
	/*background:#d5e892;*/
}
.form-error {
	background:#fcd5d6;
}

form {
	margin-top:4px;
}
input[type=radio],
input[type=checkbox] {
	border:none;
}

input, textarea, select {
	margin:2px 0;
	padding:2px;
	border:1px solid #839ab7;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;
}
textarea {
	line-height:15px;
}
select {
	padding:1px;
}

.input-hover, input:hover, textarea:hover, select:hover {
	background-color:#ffffd2;
}
.input-focus, input:focus, textarea:focus, select:focus {
	background-color:#ffffd2;
	background-image:none !important;
}

input.bouton {
	background:#9e0827;
	color:#fff;
	border:none;
	font-weight:bold;
}
input.bouton:hover,
input.bouton:focus {
	background:#0a69bd;
}


/* TABLE customisation */ 

table.tableau {
	border:1px solid #0060b4;
}
table.tableau th {
	background:#0060b4;
	color:#fff;
	font-weight:bold;
}
	table.tableau th p { 
		color:#fff;
	}
table.tableau tr.even th {
	background:#4dacff;
	color:#fff;
	font-weight:bold;
}
	table.tableau tr.even th p {
		color:#fff;
	}
		
table.tableau th.light {
	background:#006ccb;
	color:#fff;
	font-weight:bold;
}
	table.tableau th.light p { 
		color:#fff;
	}
table.tableau tr.even th.light {
	background:#8bc9ff;
	color:#fff;
	font-weight:bold;
}
	table.tableau tr.even th.light p {
		color:#fff;
	}
	
table.tableau td {
	background:#efefef;
}
table.tableau tr.even td{
	background:#f7f7f7;
}
table.tableau td.light {
	background:#f7f7f7;
}
table.tableau tr.even td.light {
	background:#ffffff;
}

table.tableau td.bb {
	border-bottom:1px dotted #aaa;
}
table.tableau td.bt {
	border-top:1px dotted #aaa;
}

/* TABLE customisation - Alternative rouge */ 

table.tableau-alt {
	border:1px solid #fff;
}
table.tableau-alt th {
	background:#f4d4d4;
	color:#fff;
	font-weight:bold;
}
	table.tableau-alt th p { 
		color:#fff;
	}
table.tableau-alt tr.even th {
	background:#f9e8e8;
	color:#fff;
	font-weight:bold;
}
	table.tableau-alt tr.even th p {
		color:#fff;
	}
		
table.tableau-alt th.light {
	background:#f7e1e1;
	color:#fff;
	font-weight:bold;
}
	table.tableau-alt th.light p { 
		color:#fff;
	}
table.tableau-alt tr.even th.light {
	background:#fbeeee;
	color:#fff;
	font-weight:bold;
}
	table.tableau-alt tr.even th.light p {
		color:#fff;
	}
	
table.tableau-alt td {
	background:#fdf3f2;
}
table.tableau-alt tr.even td{
	background:#f9f6f6;
}
table.tableau-alt td.light {
	background:#fdf3f2;
}
table.tableau-alt tr.even td.light {
	background:#f9f6f6;
}

table.tableau-alt td.bb {
	border-bottom:1px dotted #ccc;
}
table.tableau-alt td.bt {
	border-top:1px dotted #ccc;
}