/*****
 * Global
 */
body {
	background-color: #FAFAFF;
	margin: 0px 0px 0px 0px;
	font-family: Arial, Helvetica, Geneva, Sans Serif;
	font-size: 11px;
	text-decoration: none;
	color: #000000;
	text-align: center;
}

div {
	text-align: left;
	color: #000000;
	font-family: Arial, Helvetica, Geneva, Sans Serif;
	font-size: 8pt
}

table,td,tr,th,p {
	font-family: Arial, Helvetica, Geneva, Sans Serif;
	font-size: 11px;
}

a {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

a:hover {
	color: #FFFFFF;
}

img {
	cursor: pointer;
}

input.radio,input.checkbox {
	border: 0;
}

select,input,textarea {
	border: solid 1px grey;
}

.fright {
	float: right;
	line-height: 25px;
	text-align: left;
}

.fleft {
	float: left;
	line-height: 25px;
	text-align: left;
}

.floatleft {
	float: left
}

/****
 * Liens des fichiers zip
 */
a.link {
	color: #336699;
	text-decoration: none;
	font-weight: bold;
	cursor: pointer;
}

a.link:hover {
	color: #007AC4;
}

/*****
 * Containers
 */
div.container {
	border: 0;
	margin: 0;
	padding: 0;
}

div.cadre {
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	margin-top: 10px;
	margin-bottom: 10px;
	width: 95%;
	margin-left: 20px;
	padding-bottom: 5px;
	display: table;
}

/*****
 * Main
 */
div.main {
	background-image: url(../images_v0.2/background.png);
	/* padding-top: 15px; */
	/* overflow: auto; */
	position: relative;
	width: 990px;
	height: 575px;
	overflow-y: auto;
	overflow-x: hidden;
}

div.mainPopup {
	position: relative;
	width: 100%;
	height: 100%;
}

/*****
 * Bandeau
 */
div.bandeau {
	background-color: #336699;
}

/*****
 * Info
 */
div.info {
	color: #FFE280;
	font-family: Arial, Helvetica, Geneva, Sans Serif;
	font-size: 11px;
	font-weight: bold;
	padding-left: 0px;
	padding-right: 0px;
	text-align: center;
	text-decoration: none;
}

/*****
 * Message Info
 */
div.msgInfo {
	font-family: Arial, Helvetica, Geneva, Sans Serif;
	font-size: 11px;
	background-color: #CCFFCC;
	color: #0B6121;
	border-bottom: 1px solid #336699;
	border-top: 1px solid #336699;
	border-right: 1px solid #336699;
	border-left: 1px solid #336699;
	padding: 0;
	padding-left: 15px;
	overflow: auto;
}

/*****
 * Message Alerte
 */
div.msgAlerte {
	font-family: Arial, Helvetica, Geneva, Sans Serif;
	font-size: 11px;
	background-color: #B6CEE7;
	color: blue;
	border-bottom: 1px solid #336699;
	border-top: 1px solid #336699;
	border-right: 1px solid #336699;
	border-left: 1px solid #336699;
	padding: 0;
	padding-left: 15px;
	overflow: auto;
}

/*****
 * Titre écran
 */
div.titre {
	color: #FFC800;
	font-family: Arial, Helvetica, Geneva, Sans Serif;
	font-size: 1.5em;
	font-style: italic;
	font-weight: bold;
	padding-left: 0px;
	padding-right: 0px;
	text-align: center;
	text-decoration: none;
}

/*****
 * Filtre
 */
div.filtre {
	margin-bottom: 10px;
	float: left;
	width: 100%;
}

/*****
 * En-tête décompte
 */
div.decompte {
	background-color: #E3E4F7;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	margin-bottom: 10px;
	width: 95%;
}

/*****
 * Edition
 */
div.edition {
	background-color: #FAFAFF;
	border-bottom: 1px solid #000000;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	float: left;
	margin-top: 15px;
	margin-left: 13px;
}

/*****
 * Navigation par ancre
 */
div.ancre {
	background-color: #79889B;
	border-top: 1px solid #000000;
	border-right: 1px solid #000000;
	border-left: 1px solid #000000;
	padding: 0;
	width: 100%;
	display: table;
}

a.ancre {
	font-size: 12px;
}

/*****
 * Boutons isolés
 */
div.button {
	background-color: #DFDFDF;
	border-top: 1px solid #274F76;
	border-bottom: 1px solid #274F76;
	border-left: 1px solid #274F76;
	border-right: 1px solid #274F76;
}

/*****
 * Commandes
 */
div.cmd {
	padding: 0;
	float: left;
}

/*****
 * Erreurs
 */
div.error {
	background-color:#FDD;
	color:#C00;
	border-bottom:1px solid #369;
	border-top:1px solid #369;
	border-right:1px solid #369;
	border-left:1px solid #369;
	overflow:auto;
	margin-bottom:10px;
	padding:0 0.7px em 0 0.7px em;
}

/*****
 * Messages
 */
div.message {
	background-color:#CFC;
	color:#0B6121;
	border-bottom:1px solid #369;
	border-top:1px solid #369;
	border-right:1px solid #369;
	border-left:1px solid #369;
	overflow:auto;
	margin-bottom:10px;
	padding:0 0 0 15px;
}

/*****
 * En tête Bloc
 */
div.bloc {
	color: #000000;
	font-size: 12px;
	line-height: 24px;
	vertical-align: bottom;
}

div.blocPopup {
	position: relative;
	width: 170px;
	height: 30px;
}

div.blocFleche {
	width: 100%;
	height: 24px;
	display: table;
}

.blocFleche img {
	vertical-align: middle;
	border: none;
}

/*****
 * Edit bloc
 */
div.edit {
	overflow: auto;
	float: left;
}

div.editnoov {
	background-color: #F5F9FF;
	border-top: 1px solid #336699;
	border-bottom: 1px solid #336699;
	border-right: 1px solid #336699;
	border-left: 1px solid #336699;
	overflow: none;
}

form.edit {
	margin: 0;
	padding: 0;
}

/*****
 * Browse container
 */
div.browse {
	border-bottom: 1px solid #336699;
	border-top: 1px solid #336699;
	border-right: 1px solid #336699;
	border-left: 1px solid #336699;
	overflow: auto;
	padding: 0;
}

/*****
 * Titre
 */
div.rubrique {
	text-align: left;
	background-color: #1B1B57;
	color: #FFFFFF;
	font-family: Arial, Helvetica, Geneva, Sans Serif;
	font-size: 10pt;
	font-weight: bold;
	border-bottom: 1px solid #000000;
	border-top: 1px solid #000000;
	width: 100%;
	display: table;
}

div.sousRubrique {
	text-align: left;
	font-family: Arial, Helvetica, Geneva, Sans Serif;
	font-size: 11px;
	font-weight: bold;
	margin-top: 10px;
	margin-left: 10px;
}

div.sousRubrique2 {
	text-align: left;
	font-family: Arial, Helvetica, Geneva, Sans Serif;
	font-size: 9px;
	font-weight: bold;
}

td.sousRubrique {
	text-align: left;
	font-family: Arial, Helvetica, Geneva, Sans Serif;
	font-size: 11px;
	font-weight: bold;
}

span.sousRubrique {
	text-align: left;
	font-family: Arial, Helvetica, Geneva, Sans Serif;
	font-size: 11px;
	font-weight: bold;
}

div.colonne {
	text-align: left;
	background-color: #1B1B57;
	color: #FFFFFF;
	font-family: Arial, Helvetica, Geneva, Sans Serif;
	font-size: 9pt;
	font-weight: bold;
}

/*****
 * Forms fields
 */
.fieldLabel,.fieldLabel_detail_row {
	font-family: Arial, Helvetica, Geneva, Sans Serif;
	line-height: 20px;
	text-align: left;
	color: #000000;
	font-size: 11px;
	margin-left: 10px;
	margin-top: 8px;
	float: left;
}

.edit .fieldLabel {
	float: none;
}

.fieldLabel_row {
	width: 100%;
}

.fieldLabel_detail_row {
	width: 50%;
}

.fieldText
.fieldText {
	font-family: Arial, Helvetica, Geneva, Sans Serif;
	line-height: 20px;
	vertical-align: middle;
	text-align: left;
	font-weight: bold;
	color: #00000;
	font-size: 11px;
	margin-right: 20px;
}

.span.access-decompte {
	margin-left: 10px;
}

.input {
	font-family: Arial, Helvetica, Geneva, Sans Serif;
	/*background-color: #FF3300;*/
	font-size: 11px;
	vertical-align: top;
}

.inputSmall {
	width: 100px;
}

.select {
	font-family: Arial, Helvetica, Geneva, Sans Serif;
	/*background-color: #FF3300;*/
	font-size: 11px;
}

.checkbox {
	font-family: Arial, Helvetica, Geneva, Sans Serif;
	/*background-color: #FF3300;*/
	height: 14px;
	width: 14px;
}

.radio {
	font-family: Arial, Helvetica, Geneva, Sans Serif;
	/*background-color: #FF3300;*/
	font-size: 11px;
	vertical-align: middle;
}

.textarea {
	font-family: Arial, Helvetica, Geneva, Sans Serif;
	/*background-color: #FF3300;*/
	font-size: 11px;
}

.file {
	font-family: Arial, Helvetica, Geneva, Sans Serif;
	/*background-color: #FF3300;*/
	font-size: 11px;
}

.disabled {
	background-color: #EDEDED;
}

.error {
	background-color: #FFDDDD;
}

.message {
	background-color: #EBF5EB;
}

/*****
 * Selection Lists
 */
.sl {
	font-family: Arial, Helvetica, Geneva, Sans Serif;
	font-size: 10px;
	margin: 0;
	padding-left: 4px;
	padding-top: 1px;
	padding-bottom: 1px;
}

input.sl {
	height: 13px;
	width: 13px;
	margin: 0;
	padding: 0;
}

.slRow0 {
	background-color: #FFFFFF;
}

.slRow1 {
	background-color: #E3E4F7;
}

/*****
 * Browses
 */
.brw {
	color: #000000;
	height: 19px;
	padding-left: 4px;
}

.brwHeader {
	background-color: #1B1B57;
	color: #FFFFFF;
	height: 20px;
	padding-left: 4px;
}

.brwHeaderBig {
	background-color: #1B1B57;
}

.brwHeaderBig .fieldLabel {
	color: #FFFFFF;
}

.brwRowOver {
	background-color: #8FB5DA;
}

.brwRowDown {
	background-color: #bcbce6;
}

.brwRow0 {
	background-color: #FFFFFF;
}

.brwRow1 {
	background-color: #E3E4F7;
}

.brwRow10 {
	background-color: #DBDBDB;
}

.brwRow11 {
	background-color: #FAFAFF;
}

/*****
 * Tableaux résultats
 */
table.resultat {
	text-align: left;
	color: #336699;
	border: 1px solid #336699;
	border-collapse: collapse;
}

table.resultat_entete {
	text-align: left;
	color: #336699;
	border-top: 1px solid #336699;
	border-right: 1px solid #336699;
	border-left: 1px solid #336699;
	border-collapse: collapse;
	background-color: #FAFAFA;
}

td.resultat {
	margin: 0;
	padding: 2;
	border: 1px solid #336699;
}

td.resultat_rowHeader {
	margin: 0;
	padding: 2;
	border: 1px solid #336699;
	background-color: #FAFAFF;
	font-weight: bold;
}

td.resultat_rowFixed {
	margin: 0;
	padding: 2;
	border: 1px solid #336699;
	background-color: #FAFAFF;
}

td.resultat_colHeader {
	margin: 0;
	padding: 2;
	border: 1px solid #336699;
	background-color: #DBDBDB;
	font-weight: bold;
}

td.resultat_row0 {
	margin: 0;
	padding: 2;
	border: 1px solid #336699;
	background-color: #B6CEE7;
}

td.resultat_row1 {
	margin: 0;
	padding: 2;
	border: 1px solid #336699;
	background-color: #E2ECF5;
}

#waitForMe {
	visibility: hidden;
	position: absolute;
	width: 100%;
	height: 700px;
	z-index: 100;
}

#contenu-waitForMe{
	position: absolute;
	width: 300px;
	top: 200px;
	left: 400px;
	background-color: ffffff;
}

#containerError2 {
	position: relative;
	width: 100%;
	height: 240px;
}


#containerCategorie #containerEdit {
	height: 430px; 
}

#containerEdit {
	width: 100%;
	height: 445px;
}

#containerEditLic {
	width: 100%;
	height: 430px; 
}

#containerEditMsg {
	height: 380px;
	border-top: 0;
}

.containerCmdAssoc {
	width: 100%;
	height: 35px;
	border-top: 0;
	text-align: right !important;
	padding-top: 5px;
}
#containerCmd {
	width: 100%;
	height: 35px;
	border-top: 0;
	text-align: center;
	padding-top: 5px;
}

#containerCmd img {
	margin-top: 5px;
}

#content {
	position: absolute;
	width: 920px;
	height: 450px;
	left: 15px;
	top: 15px;
}

#filtre {
	margin-bottom: 10px;
}

#tableCat input {
	width: 30px;
}

#commentaireBox {
	position: relative;
	height: 150px;
	width: 100%;
}

#resultat {
	border: 1px solid;
	width: 100%;
	height: 300px;
}

#resultatLicence {
	border: 1px solid;
	width: 100%;
	height: 210px;
}

#resultatTarif {
	border: 1px solid;
	width: 100%;
	height: 345px;
}


#tbEditClubSec{
	float: right;
}
div.buttonFilter {
	float: right;
	margin-top: 8px;
	margin-right: 15px;
}

#listeFiltre {
	width: 210px;
}

.filtreleft {
	float: left;
	width: 30%;
}

.invisible {
	display: none !important;
}

.left {
	float: left;
}

.right {
	float: right;
}

#derogationBox {
	position: relative;
	height: 150px;
	width: 100%;
}

#textMessage {
	height: 300px;
	width: 900px;
	margin-left: 10px;
}

.tablePopup {
	position: relative;
	width: 100%;
	height: 240px;
	overflow: auto;
}

.small {
	height: 40px;
}

.big {
	height: 80px;
}

.medium {
	height: 60px;
}

/* 
** infobulle
*/
.rondmutation:hover span {
	display: block;
    position: absolute;
    border: 1px solid #000;
    background-color: #FFF;
    color: #000;
    padding: 3px;
    border-radius: 5px;
    margin: 0 0 0 10px;
    font-weight: normal;
    font-size: 11px;
    white-space: normal;
}
.rondmutation span {
	display: none;
}

#licenceTable .ltnom {
	float:left;
}

#licenceTable .rondmutation {
    float: right;
    margin-right: 10px;
}

.rondmutation {
	display: inline-block;
	height: 15px;
	width: 15px;
	line-height: 15px;
	-moz-border-radius: 50%;
	border-radius: 50%;
	color: white;
	text-align: center;
	font-size: 16px;
	font-weight: bolder;
	margin: 0 5px 0 5px;	
}
.mutation {
	font-weight: unset !important;
}
.bggreen {
	background-color: green;	
}

.bgorange {
	background-color: orange;
}

.bgred {
	background-color: red;
}

#containerMutation #btnSearch1_container, #containerMutation #btnSearch2_container {
	padding: .4em 1.1em .4em 1em;
    line-height: 1.4;
    font-weight: bold;
    color: #ffffff;
    font-family: Arial,sans-serif;
    font-size: 1.1em;
    margin: 10px 15px;
    cursor: pointer;
}

#containerMutation #saison {
	width: calc( 50% + 2px );
}

#tbSearch,#tbSearch2,#tbSearch3,#tbSearch4,#tbSearch5,#tbSearchCadreTechnique, #tbSearch7 {
	float: right;
}

#accueilText {
	width: 100%;
	height: 110px;
}

ul#icons {
	margin: 0;
	padding: 0;
}

ul#icons li {
	position: relative;
	padding: 4px 0;
	cursor: pointer;
	float: left;
	list-style: none;
}

ul#icons span.ui-icon {
	float: left;
	margin: 0 4px;
}

#TarifReg,#TarifRegComp,#TarifDep {
	width: 95%;
	height: 79px;
	overflow: auto;
	border: 1px solid;
	margin-left: 20px;
}
#TarifFedCentered {
    width: 20%;
    margin-right: 5%;
    float: right;
}
#TarifFed {
    width: 20%;
    margin-right: 5%;
    float: right;
}
.floatLeft {
	float: left;
}

.table {
	display: table;
}

.edit .left .fieldLabel {
	float: left;
}

.title {
	text-align: center;
	width: 100%;
}

#waitForMe .ui-overlay div.ui-widget-shadow {
	width: 302px;
	height: 152px;
	position: absolute;
	left: 50px;
	top: 30px;
}

#waitForMe .ui-dialog-content {
	background: none;
	border: 0;
}

#waitForMe .ui-widget {
	position: absolute;
	width: 280px;
	height: 130px;
	left: 50px;
	top: 30px;
	padding: 10px;
}

.uppercase {
	text-transform: uppercase;
}

#divSortie {
	height: 120px;
}

.editRow {
	height: 84px;
	margin-top: 10px;
}

.editRow .fieldLabel {
	float: left;
	width: 30%;
}

.editRow .cadreTable {
	float: left;
	width: 280px;
	overflow: auto;
	height: 80px;
	border-color: #000000;
	border-style: solid;
	border-width: 1px;
}

.containerBig {
	width: 435px;
}

.editRowInput .fieldLabel {
	float: left;
	width: 50%;
}

.editRowInput .cadreTable {
	float: left;
	width: 45%;
	margin-top: 8px;
}

.cadreTable select {
	width: 190px;
}

.container .panelRight {
	height: 372px;
	overflow: auto;
}
.floatContainer {
	overflow: auto;
	width:94%;
	position:relative;
}
.floatContainer > *{
	width:100%;
}
.panelShort {
	width: 210px;
	height: 120px;
}

.panelMedium {
	overflow: auto;
	height: 235px;
	width: 435px;
}

.absolute {
	position: absolute;
	top: 90px;
}

#tableauNiveauDiplome .absolute {
	top: 160px;
}

#tableauNiveau,#cadreDiplome {
	width: 94%;
}

/*****
 * Edition diplome
 */
form[name="editDiplome"] .left {
	width: 100%;
}

form[name="editDiplome"] .left select {
	width: 315px;
}

form[name="editDiplome"] .fieldLabel select {
	width: 300px;
}

form[name="editDiplome"] textarea {
	width: 700px;
	float: left;
}

.w250px {
	width: 250px;
}

.w45p {
	width: 45%;
}
/*****
 * Edition formation
 */
#tbFiltre {
	
}

#bloc1 .fieldText {
	margin: 5px;
}

#bloc2 {
	position: relative;
	width: 880px;
	height: 65px;
	margin-top: 10px;
	display: none;
}

#bloc2 .container {
	position: relative;
	height: 100%;
	width: 870px;
	left: 20px;
}

#lblFlgNonDiplomante,#lblFlgVisibleSiteFfg {
	width: 45%;
	float: left;
}

#lblRecyclage {
	float: left;
}

.fleft33 {
	float: left;
	width: 33%;
}

#bloc3 .fieldLabel { /* Champ en haut de page */
	float: left;
	width: 500px;
}

#bloc3 .fieldLabel2 { /* Champ en bas de page prennent plus de place */
	float: left;
	width: 820px;
}

#bloc3 .fieldsimple input {
	/* Aligne à droite les input pour les champ de type label+input */
	float: right;
}

#bloc3 .fieldLabel textarea {
	height: 90px;
	width: 730px;
}

#dateexam { /* Cas spécial pour afficher la case à coché à côté */
	width: 60%;
	float: left;
}

#bloc3 {
	width: 880px;
	height: 280px;
	margin-top: 10px;
}
/* Partie fichiers joins */
#containerCadreAttachement {
	width: 350px;
	height: 204px;
	float: right;
	margin: 0;
	padding: 0;
}

#containerCadreAttachement .sousRubrique {
	float: left;
	margin: 5px;
}

#containerCadreAttachement .sousRubrique2 {
	float: right;
	margin: 5px;
}

#containerCadreAttachement .file {
	margin: 5px;
	width: 90%;
}

#containerCadreAttachement ul {
	margin: 0;
	padding: 0;
}

/*****
 * Fiche Club
 */
#containerStatut .fieldLabel {
	float: left;
	margin-left: 60px;
}
#containerStatut .fieldLabel {
	float: left;
	margin-left: 60px;
}

#btnSearch6_container {
	padding-top: 12px;
}

#containerSecretaire .left,#containerTresorier .left,#containerPresident .left, #containerRespTechnique .left
	{
	width: 45%;
}

#containerSecretaire .fieldLabel,#containerTresorier .fieldLabel,#containerPresident .fieldLabel, #containerRespTechnique .fieldLabel
	{
	width: 100%;
}

#containerRenouvellementSecr .fieldLabel,#containerPresident #containerRenouvellement .fieldLabel,#containerRenouvellementTres .fieldLabel, #containerRespTechnique #containerRenouvellement .fieldLabel
	{
	width: 45%;
}

input[name="rechCP"] {
	width: 100px;
	float: none;
}

#containerWeb .fieldLabel,#containerCorrAdr .fieldLabel,#containerTel .fieldLabel
	{
	width: 45%;
	float: left;
}

#containerWeb .fieldLabel label,#containerCorrAdr .fieldLabel label,#containerTel .fieldLabel label
	{
	width: 100px;
	display: block;
	float: left;
}

#containerSpecialites,#containerCadreLabels {
	width: 45%;
	float: left;
}

.leftcol {
	width: 49%;
	float: left;
}

#containerSiege .fieldLabel,#containerMutation .fieldLabel {
	width: 350px;
	overflow: hidden;
}

#containerMutation .fieldLabel_nom {
	width: 670px;
	overflow: hidden;
	margin-left: 10px;
}

#containerSiege .fieldLabel input,#containerMutation .fieldLabel input{
	width: 200px;
	float: right;
}

#containerMutation .fieldLabel_nom input{
	width: 200px;
	margin-left: 38px;
}

.h360 {
	height: 360px !important;
}

#notFicheClub {
	width: 260px;
	height: 200px;
	overflow: auto;
}

#ficheClub {
	width: 260px;
	left: 30px;
	height: 223px;
	overflow: auto;
}

#training {
	width: 860px;
}

#hono {
	width: 860px;
}

#tbHono {
	height: 24px;
	width: 100%;
}

#tbSite {
	height: 24px;
	width: 100%;
}

#tbCadresTechniques {
	height: 24px;
	width: 100%;
}

/*****
 * Edition License
 */
form[name="editLicencie"] #diplome {
	width: 100%;
	min-height: 100px;
}

#cIdentification .club {
	overflow: hidden;
}

#cIdentification input[name="nomEpouse"],#cIdentification input[name="telephone1"],#cIdentification input[name="telephone2"],#cIdentification input[name="mail"],#cIdentification input[name="codePostal"]
	{
	float: none !important;
	margin-left: 10px;
}

.divfull {
	float: left;
	display: block;
	width: 900px;
}

.club .cadre {
	width: 280px;
	height: 130px;
}

.noborder {
	border: 0;
}

.lright {
	width: 260px;
	float: left !important;
}

.divfull .fieldLabel,.c290 .fieldLabel,.f290 {
	width: 290px;
	float: left !important;
}

.f200 {
	width: 250px;
	float: left !important;
}
.f200 #tbSearch,.f200 span, .f200 input,.f290 span,#cIdentification input[name="ville"],.f290 #tbSearch1{
	float: left;
}
#cIdentification .leftcol {
	width: 33%;
	margin-right: 50px;
}

#cIdentification input {
	float: right;
}

#imgBtnModifier {
	float: right;
}

.mainPopup .edit {
	width: 100%
}
/*****
 * Fiche Catégories - Compétitions
 */
.mt10px {
	margin-top: 10px;
}

.lbl,form[name=catCompetFicheCategorie] .mt10px label {
	line-height: 15px;
	display: block;
	float: left;
}

form[name=catCompetFicheCategorie] .mt10px label {
	width: 30%;
}

form[name=catCompetFicheCategorie] .leftcol {
	padding: 10px;
	width: 47%;
}

#divLabel #divRegion{
float: left;
}

.w30p {
	width: 30%;
}

.w70p {
	width: 70%;
}

#idFinalite {
//	width: 250px;
}

.toppage {
	overflow: hidden;
}

#divCommentaire {
	width: 100%;
	overflow: hidden;
	padding-top: 20px;
}

#divCommentaire div {
	float: left;
}

.divListeFilieres {
	float: left;
}

#idFieldsetMethode,#idFieldsetGFL {
	float: left;
	width: 80%;
}

#idFieldsetNiveauQualif {
	float: right;
	width: 100%;
	margin: 0;
	padding: 0;
}

#divListeFilieresNationales,#divListeFilieresZones,#divListeFilieresRegionales,#divListeFilieresDepartementales
	{
	display: inline;
}

#divListeFilieresNationales select,#divListeFilieresZones select,#divListeFilieresRegionales select,#divListeFilieresDepartemental select
	{
	width: 200px;
}

select[name="idTypePalmares"] {
	width: 250px;
}

textarea[name="observation"] {
	width: 755px;
}

.fieldLabel label {
	float: left;
}

/*** CSS CRUD BUTTON **/
.crudButton {
	display: block;
	width: 67px;
	height: 22px;
}

.crudButton>div {
	float: left;
}

.crudButton>div span span {
	display: none;
}

.crudButton .addAction,.crudButton .deleteAction,.crudButton .editAction
	{
	display: block;
	height: 16px;
	width: 16px;
	margin: 3px;
	height: 16px;
}

.crudButton .addAction {
	background: url("../images_v0.2/toolBarBtns/add.gif") 0 0 no-repeat
		transparent;
}

.crudButton .deleteAction {
	background: url("../images_v0.2/toolBarBtns/remove.gif") 0 0 no-repeat
		transparent;
}

.crudButton .editAction {
	background: url("../images_v0.2/toolBarBtns/edit.gif") 0 0 no-repeat
		transparent;
}

/***** GLOBAL ******/
.breaker {
	clear: both;
}

br.breaker {
	height: 1px;
	line-height: 1px;
}

.requiredStar {
	color: #FF0000;
}

.noResult {
	text-align: center;
	font-size: 1.2em;
	font-weight: bold;
}

.hidden {
	display: none;
}

a.link,a.link:hover {
	color: blue;
}

/***** SURCHARGE CSS JQUERY  ******/
.ui-widget-content .ui-datepicker-calendar {
	color: #000000;
}

/***** FORMULAIRE *******/
.competForm {
	width: 100%;
}

.competForm fieldset {
	margin: 5px;
}

.competForm fieldset legend {
	font-weight: bold;
}

.competForm .fieldLabel {
	line-height: normal;
}

.competForm .fieldLabel>span {
	display: inline-block;
	width: 120px;
	float: left;
	padding-top: 3px;
}

.competForm .largeDisplay .fieldLabel>span {
	width: 130px;
}

.competForm .datepicker input {
	width: 60px;
}

.competForm .inline .fieldLabel {
	float: left;
}

.competForm .inline .fieldLabel>span {
	width: auto;
}

.competForm .inline .firstFieldLabel>span {
	width: 60px;
}

.competForm .inline {
	clear: both;
	float: none;
}

.competForm .inputLong{
	max-width: 330px;
}

.competForm .inputLarge{
	width: 330px;
}

.competForm .fieldLabel .nb {
	float: left;
}

/******** ADAPTATION POUR LA VUE SHOW *******/
.competForm .display .fieldLabel>span {
	padding: 0 8px 0 0;
}

/******** Styles des boutons Annuler/Valider *********/
.competFormButton {
	width: 100%;
}

.competFormButton .buttonContainer {
	margin: 0 auto;
	width: 200px
}

.competFormButton .buttonAction {
	width: 80px;
	background-color: #1B1B57;
	border-radius: 4px 4px 4px 4px;
	border: 1px solid #D3D3D3;
	cursor: pointer;
	display: inline-block;
	position: relative;
}

.competFormButton .cancelAction {
	float: left;
}

.competFormButton .submitAction {
	float: right;
}

.competFormButton .cancelAction a {
	line-height: 28px;
	color: #FFFFFF;
	display: block;
	font-size: 12px;
	font-weight: bold;
	padding-left: 7px
}

.competFormButton .submitAction input {
	width: 80px;
	line-height: 28px;
	cursor: pointer;
	margin: 0;
	padding: 0;
}

.competFormButton .submitAction .progressiveSubmit {
	height: 28px;
}

.competFormButton .hover,.competFormButton .cancelAction a:hover {
	background-color: #E3E4F7;
	border: 1px solid #999999;
	border-radius: 4px 4px 4px 4px;
	color: #000000;
}

.competFormButton .progressiveText {
	color: #FFFFFF;
	display: block;
	font-size: 12px;
	font-weight: bold;
	padding: 7px 11px;
}

.competFormButton .hover .progressiveText {
	color: #000000;
}

.competFormButton .hover .progressiveSubmitIcone,.competFormButton .cancelAction a:hover .progressiveCancelIcone
	{
	background-image: url("custom-theme/images_v0.2/ui-icons_454545_256x240.png");
}

.competFormButton .progressiveSubmitIcone,.competFormButton .cancelAction .progressiveCancelIcone
	{
	background-image: url("custom-theme/images_v0.2/ui-icons_ffffff_256x240.png");
	background-repeat: no-repeat;
	height: 16px;
	width: 16px;
	position: absolute;
	top: 20%;
	margin-left: 5px;
}

.competFormButton .progressiveCancelIcone {
	background-position: -80px -128px;
}

.competFormButton .progressiveSubmitIcone {
	background-position: -64px -144px;
}

.buttonContainerExtra {
	position: absolute;
	right: 0;
}

.buttonContainerExtra .buttonAction, .buttonContainerImport .buttonAction {
	width: auto;
}

.buttonContainerExtra .buttonAction a, .buttonContainerImport .buttonAction a {
	padding: 0 7px;
	line-height: 28px;
	display: block;
}

.buttonContainerExtra .buttonAction a:hover, .buttonContainerImport .buttonAction a:hover  {
	background-color: #E3E4F7;
	border: 1px solid #999999;
	border-radius: 4px 4px 4px 4px;
	color: #000000;
}

/***** TABLEAU *******/
#resultat.competResult table tbody tr.hover,table.competTable tbody tr.hover
	{
	background-color: #8FB5DA;
}

#resultat.competResult table tbody tr.selected,table.competTable tbody tr.selected
	{
	background-color: #1B1B57;
}

#resultat.competResult table,table.competTable tbody tr.selected {
	border-collapse: collapse;
	border-spacing: 0;
	width: 100%;
}

#resultat.competResult table tbody td,table.competTable tbody tr.selected,#resultat.competResult table tfoot td
	{
	padding-left: 4px;
}

.fl50p {
	width: 50%;
	float: left;
}

table.competTable {
	width: 100%;
}

/******** POPUP AUTRE CLUBS ************/
#otherClubLabel {
	width: 100%;
}

#listLicencieBody {
	width: 98%;
}

#listLicencieBody .competFormButton .progressiveText {
	padding: 2px 11px;
}

#listLicencieBody .competFormButton .buttonContainer {
	width: 100px;
}

/******* PAGE COMPETITION ****************/
.equipesListe .crudButton,.ensemblesListe .crudButton {
	margin-top: 10px;
}

.club .buttonContainer {
	float: left;	
}

/****** PAGE ENGAGEMENT PREV ***********/
.nb {
	width: 60px;
	text-align: right;
	float: right;
}

#resultat.competResult {
	overflow: auto;
}

#resultat.competResult table tfoot td {
	padding-top: 10px;
}

#resultat.competResult table tfoot td.total, .bold {
	font-weight: bold;
}

#resultat.competResult table tfoot td.total{
	text-align: right;
}

#resultat.competResult table tfoot td.footerTitle {
	text-align: right;
}

#resultat.competResult table .brwHeader th.nbLabel{
	text-align: right;
	width: 15%;
}

.selectedLicencies{
	width: 340px;
}
.importCompet{
	width: 500px;
}

/****** PAGE ENGAGEMENT ******************/

.engNomWarningBloc {
	float: left;
	margin-left: 10px;
	margin-top: 23px;
	width: 415px;
}

.engNomWarningTitre {
	color: red;
	font-size: 12pt;
	font-weight : bold;
}

.engNomWarningSSBloc1 {
	color: red;
	font-size: 10pt;
	margin-top: 5px;
}

.engNomWarningSSBloc2 {
	color: red;
	font-size: 10pt;
	margin-top: 10px;
}

/******* PAGE FACTURATION ****************/
.facturation table {
	width: 100%;
}

#containerEdit.facturation{
height: 432px;
}

.red{
	color:red;
}

.green{
	color: green;
}

.orange{
	color: #1B1B57;
}

.yui3-u-3-3{
	width:99%;
}

.competCheckbox {
	margin-left: 10px;
}

.ancreRef{
	font-weight: normal;
	color: #000000;
}

/******* PAGE Phonetique ****************/
div.container .listLicencie {
	height: 375px;
}

.phonetiqueLicencie{
margin-bottom : 10px;
}

div.infoPhonetique{
	margin-left:130px;
	margin-top: 10px;
}

/***************clearfix********************/
.clear {
  clear: both;
}

/*************** evol 31/01/17 *************/

.form-row > div {
	display: inline-block;
	vertical-align: top;
	width: 100%;
}

.form-col-4 {
	width: 25% !important;
}

.form-col-2 {
	width: 49% !important;
}


.form-row .fieldLabel {
	position: relative;
}

.form-row .fieldText {
	width: 50%;
	text-align: left;
	display: inline-block;
	float: right;
}

.form-row .fieldLabel > *:not(.fieldText):not(.container) {
	position: absolute;
	max-width: 43%;
	top: 0px;
	left: 50%;
	margin-left: 0px !important;
}

/*.fieldLabel > .container {
	float: right;
	max-width: 6%;
}*/

.searchVilleBtn {
	float: right;
	max-width: 6%;
}

#tbEditClubSecContainer > *:not(.fieldText):not(.container),
#tbEditClubSecContainer + .fieldLabel > *:not(.fieldText):not(.container) {
	max-width: 34%;
}

.fieldLabel > .container#tbEditClubSec {
	max-width: 13%;
	
}

.container.club {
	overflow: auto;
}

.container.clubTop {
    height: 86px;
}


.voletToggler {
	cursor: pointer;
	width: 1.3em;
    display: inline-block;
    text-align: center;
    color: #F46B07;
    background-color: white;
    margin: 2px 5px 2px 2px;
    font-weight: bold;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    padding-bottom: 3px;
    height: 1em;
}

#fsRechercheLicencieAMuter {
	margin: 10px 0;
}

#fsRechercheClubPourMutation {
    margin: 10px 0;
}

.check-container {
	margin-left: 100px;
}

.hide {
	display: none;
}

.fieldText a {
	color: #0F216A;
}
.medicalLink {
	padding-right: 25px !important;
    text-align: right !important;
    position: relative !important;
    width: 105px !important;
}

.titleLabel {
    margin-left: 10px;
}

div.tarifFederal {
	border: 0;
	margin: 5px;
	padding: 5px;
}

div.tfFieldLabel, td.tfFieldLabel{
    text-align: right !important;
    font-weight:bolder;
    	color: #e2504b;
}

span.tfFieldText{
    text-align: right !important;
}

 img.diplome{
 width:16px;
 height:16px;
 text-align: left
 }
 
.diplome:hover span {
	display: block;
    position: absolute;
    border: 1px solid #000;
    background-color: #FFF;
    color: #000;
    padding: 3px;
    border-radius: 5px;
    margin: 0 0 0 10px;
    font-weight: normal;
    font-size: 11px;
    white-space: normal;
}
.diplome span {
	display: none;
}
 
 .diplome {
 	float:right;
 	background-image:url(../images_v0.2/diplome.png);
	display: inline-block;
	height: 15px;
	width: 15px;
	line-height: 15px;
	-moz-border-radius: 50%;
	border-radius: 50%;
	color: white;
	text-align: center;
	font-size: 16px;
	font-weight: bolder;
	margin: 0 5px 0 5px;	
}

.relative {
	position : relative;
}
.absolute2 {
	position : absolute;
}

.listeFusionneeContainer{
	position: relative;
	float:left;
	width:400px;
}

.table-droits {
	max-height: 100px;
	overflow-y: auto;
	display: block;
}

.table-droits-checkbox {
	padding-left: 10px;
	padding-right: 5px;
}


#containerPaiement{
	display: flex;
	align-items: flex-start;
	width: 600px;
	text-align: center;
	background-color: lightgray;
	flex-direction: column;
}

	
#containerPaiement .mode-paiement {
	display: flex;
	justify-content: space-between;
	width: 100%;
	
}
	
#containerPaiement .mode-paiement .infobulle {
	margin-right: 5px;
	margin-top: 5px;
}

#containerPaiement .mode-paiement .infobulle .bginfo {
	background-color: white;
	border-radius: 100%;
	border: 1px solid #1B1B57;
	color: #1B1B57;
}

.z-index-100 {
	z-index: 100;
}

.flex-container{
	text-align: -moz-center;
}
.flex-center{
	align-self: center;
}
.flex-start{
	align-self: flex-start;
}
.flex-end{
	align-self: flex-end;
}
.spaceMoyenPaiement{
	width: 100px;
	display: inline-block;
}
.marginText{
	margin: 20px;
}
#imgBtnValider{
	margin-left:50px;
}
#imgBtnVirementFait{
	margin-left:50px;
}

#encartPaiementVIR{
	display: flex;
	flex-direction: column;
}
#encartPaiementCB{
    width: 98%;
    display: flex;
    flex-direction: column;
}
.warning-paiement {
	font-weight: bold;
	font-size: 11px;
	margin-left: 10px;
	margin-top: 8px;
	float: left;
}

.infobulle-euro {
	font-weight: bold;
	font-size: 12px;
	position: relative;
}

.infobulle-euro span {
	display: none;
}

.infobulle-euro:hover span {
	display: block;
    position: absolute;
    border: 1px solid #000;
    background-color: #FFF;
    color: #000;
    padding: 3px;
    border-radius: 5px;
    margin: 0 0 0 10px;
    font-weight: normal;
    font-size: 11px;
    white-space: normal;
    right: 0px;
    margin-top: 3px;
    min-width: 160px;
}


.no-height{
	height: auto;
}