/*************************************
 * OPEN-CONCEPT2.FR - DESIGN DU SITE
 *
 * Concept2 France / Etienne SOTTAS
 *************************************/

/* Ajax Loader with JQuery */
#ajax-loader {
	display: none;
	position: absolute;
	top:0;
	left:0;
	width: 100%;
	height: 100%;
	Z-index: 2000;
	background-image: url('../images/ajax-loader.gif');
	background-position: center 300px;
	background-repeat: no-repeat;
}

/* Positionnement du cadre de la page */
#page {
	position: relative;
	width: 960px;
	margin: 10px auto;
	background-color: #b2d281;
	border: solid 2px #eeb211;
	-moz-border-radius: 8px;
	-moz-box-shadow: 8px 10px 4px #ddd;
	-webkit-border-radius: 8px;
	-webkit-box-shadow: 8px 10px 4px #ddd;
}
#header, #container {
	position: relative;
	margin: auto 6px;
	background-color: #ffffff;
	border: solid 1px #90b557;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	Z-index: 0;
}
/* Entete de la page */
#header {
	position: relative;
	height: 100px;
	margin-top: 6px;
	margin-bottom: 4px;
	-moz-border-radius-topright: 0px;
	-webkit-border-top-right-radius: 0px;
	z-index: 0;
}
#header h2 {
	position: absolute;
	bottom:8px;
	left: 36px;
	width: 460px;
	color: #003d79;
	text-align: center;
	font-variant: small-caps;
	font-size: 1.428em;
	letter-spacing: 3px;
	word-spacing: 4px;
	Z-index: 2;
}
#topright {
	position: absolute;
	right: 0;
	top: 0;
	width: 426px;
	height: 100px;
	z-index: 0;
}
/* Menu de Navigation */
#topnav {
	display: block;
	position: absolute;
	top: 36px;
	right: 20px;
	vertical-align: middle;
 	list-style-type:none;
 	text-align:center;
	background: #f4ac5d url(bg_topnav.png) repeat-x left top;
	border: ridge 1px #eeb211;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	float: left;
	clear: both;
	Z-index: 4;
}
#topnav li {
		float:left;
 		padding: 10px 6px;
}
#topnav li a {
 display:block;
 color:white;
 text-decoration:none;
 padding: 6px;
 color:#b30838;
 background-color: #ffeedb;
 border: solid 1px #eeb211;
 	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
 }
 #topnav li a:hover {
  color: #b30838;
  border: inset 1px #f08b1d;
  background-color: lightyellow;
 }
 /* Boite de dialogue d'identification */
#loginBox {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	right: 0;
	width: 426px;
	height: 100px;
	background: top left #f4ac5d url('bg_logBox.png') repeat-x;
	-moz-border-radius-bottomright: 5px;
	-webkit-border-bottom-right-radius: 5px;
	Z-index: 100;
}
#loginBox strong {
	display: block;
	margin: 8px 16px;
	line-height: 20px;
	font-variant: small-caps;
	font-size: 1.3em;
}
#loginButton {
	display: block;
	position: absolute;
	top:0;
	right:0;
	padding: 4px 8px 4px 4px;
	color: #ffffff;
	line-height: 1.65em;
	text-decoration: none;
	background: top left #b30838 url('ui-custom/images/ui-bg_diagonals-medium_40_8f0004_40x40.png') repeat-x;
	-moz-border-radius-bottomleft: 6px;
	-webkit-border-bottom-left-radius: 6px;
	z-index: 200;
}
#loginButton .ui-icon {
	margin-right: .4em;
	float: left;
}
#loginButton .ui-icon-locked, #loginButton .ui-icon-unlocked {
	background-image: url('ui-custom/images/ui-icons_ffee0f_256x240.png');
}
#loginForm {
	margin: 6px 16px;
}
/* Fil d'ariane - Bread-Crumbs (miettes de pain) */
#breadcrumbs {
	width: 860px;
	height: 2.3em;
	margin: 4px 6px;
	border: 1px solid #90b557;
	background-color: #ffffff;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
#breadcrumbs li {
	list-style-type: none;
	padding: 0;
	margin: 0;
	float: left;
	line-height: 2.3em;
	padding-left: .85em;
	color: #777;
}
#breadcrumbs li a {
	display: block;
	padding: 0 12px 0 0;
	background: url(breadcrumbs.png) no-repeat right center;
}
#breadcrumbs li a:link, #breadcrumbs li a:visited {
	text-decoration: none;
	color: #777;
}
#breadcrumbs li a:hover, #breadcrumbs li a:focus {
	color: #b30838;
}
/* Choix de la langue */
#lang {
	position: absolute;
	top: 124px;
	right: 20px;
	z-index: 6;
}
/* Menu de gestion des equipes */
#teamnav ul {
	display: block;
	height: 40px;
	margin:0;
	vertical-align: middle;
 	list-style-type:none;
 	text-align:center;
	background: #669966 url(bg_teamnav.png) repeat-x left top;
	border: ridge 1px #eeb211;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
	Z-index: 4;
}
#teamnav li {
		float:left;
 		padding: 10px 6px;
}
#teamnav li a {
 display:block;
 color:white;
 text-decoration:none;
 padding: 10px 6px;
 color:#b30838;
 font-size: 1.05em;
 background-color: #ffeedb;
 border: solid 1px #ffeedb;
 	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
 }
 #teamnav li a:hover {
  color: #b30838;
  border: inset 1px #ffeedb;
  background-color: lightyellow;
 }
 /* Affichage des message en en-tete */
#alertBox {
	margin: 4px 6px;
	padding: 0;
}
/* Pied de page */
#footer {
	height: 40px;
	margin: 6px 16px 0px 16px;
	color: #444444;
	vertical-align: middle;
}
/* Contenu de la page */
#container {
	height: 400px;
	margin: 4px 6px;
	padding: 6px;
	color: #8b4513;
}
html>body #container {
	height: auto;
	min-height: 400px;
}
/* Design des formulaires */
#container form fieldset {
	display: inline;
	vertical-align: top;
	margin: 6px;
	padding: 6px;
	border: solid 1px #d2b48c;
	background-color: #fff7ec;
}
#container form fieldset legend {
	padding: 2px 4px;
	color: #cd853f;
	font-size: 1.1em;
	font-variant: small-caps;
	font-weight: bold;
	border: solid 1px #cd853f;
	background-color: #ffffff;
}
input[type="text"], input[type="password"], textarea, select {
	margin: 2px 6px 2px 4px;
	padding: 2px;
	color: #333333;
	vertical-align: middle;
	border: solid 1px #888888;
	background-color: #fffef2;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
select {
	padding:2px;
	color: #333333;
	height: 2.2em;
	line-height: 2em;
	vertical-align: middle;
	border: solid 1px #888888;
	background-color: #fffef2;
}
optgroup {
	padding: 0px 4px;
}
option {
	padding: 4px 4px;
	font-size: 1em;
}
option.selected {
	background-color: #b2d281;
}
input[name="name"] {
	text-transform: uppercase;
}
input[name="surname"] {
	text-transform: capitalize;
}
input[type="text"]:hover, input[type="text"]:focus,input[type="password"]:hover, input[type="password"]:focus, textarea:hover, textarea:focus {
	color: #000000;
	border: solid 1px #333333;
}
input.error:hover, input.error:focus, textarea.error:hover, textarea.error:focus {
	border-color: red;
}
input[type="submit"], input[type="reset"], .cancel, .confirm {
	padding: 2px;
	font-weight: bold;
	font-size: .95em;
	line-height: 20px;
	text-decoration: none;
	cursor: pointer;
	-moz-border-radius: 6px;
	-webkit-border-radius: 6px;
}
.cancel, .confirm {
	padding: 4px 6px;
}
input[type="submit"], .confirm {
	color: #006400;
	font-size: 1.05em;
	background-color: #F0FFF0;
	border: solid 1px #006400;
}
input[type="submit"]:hover, .confirm:hover {
	background-color: #ebfaeb;
	border: solid 1px #b2d281;
}
input[type="reset"], .cancel {
	color: #b30838;
	background-color: #FFFAFA;
	border: solid 1px #b30838;
}
input[type="reset"]:hover, .cancel:hover {
	background-color: #FFF0F5;
	border: solid 1px #f08b1d;
}
input.error, textarea.error, select.error {
	border-color: red;
}

select option:first-child {
	border-bottom: solid 1px #b30838;
}
.block-fields label {
	display: block;
}
form table tr {
	vertical-align: top;
}
label.error {
	padding: 0px 6px;
	color: #b30838;
	font-variant: normal;
	font-weight: normal;
	font-size: .8em;
}
.title {
	color: #b30838;
	font-variant: small-caps;
}
table tr {
	vertical-align: top;
}