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

/********************************************************************************************
STYLES COMMUNS FORMULAIRES ET LISTES

********************************************************************************************/
body {text-align:left; margin:0; padding:0; color:#666666; font-size:14px; font-family:Geneva, Arial, Helvetica, sans-serif;}
a {text-decoration:none;}
a:hover {color:#666666; text-decoration:underline;}
div, h1, h2, h3, h4, h5, h6, p, ul, li, ol {padding:0; margin:0;}
h1, h2, h3, h4, h5, h6 { color:#007DA2;}
table {border-collapse:collapse;}
input, textarea {font-size:14px;  font-family:Geneva, Arial, Helvetica, sans-serif; display:inline;}


div#head {height:80px; }
div#menu {float:left; width:240px; }
div#contenu {margin-left:260px;}

/*
BLEU : #007DA2
*/

div#head .programme {font-family:Arial, Helvetica, sans-serif; font-size:50px; font-weight:bold; color:#007DA2; display:block;}
div#head .administration {font-family:arial; font-size:25px; font-weight:bold; color:#cccccc; display:block; position:absolute; top:45px; left:195px;}
div#head .deconnexion {font-weight:bold; color:#666666; display:block; position:absolute; top:80px; left:10px;}
div#head .deconnexion a {color:#000000;}


/********************************************************************************************
FORMULAIRE LOG

********************************************************************************************/
.log {margin:0; text-align:left; width:250px; padding:10px; border:1px solid #CCCCCC;}
.log p {margin-bottom:3px; line-height:20px; font-weight:bold;}
.log input {float:right;}
.log .sub {text-align:center; padding-top:15px;}
.log .sub input {float:none; }
.log .erreur {color:#FF0000; margin-bottom:10px; font-weight:bold;}





/********************************************************************************************
STYLES MENU

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

/*Bouton du menu*/
div#menu h2.ui-accordion-header {font-size:1.1em; margin-top:5px; color:#FFFFFF; padding:3px; cursor:pointer; background:#007DA2; border-color:#ddd;}
div#menu h2.ui-accordion-header:hover {background:#007DA2;}
div#menu h2.ui-accordion-header span {display:none;}
div#menu h2.ui-state-active {background:#007DA2;}

div#menu ul.ui-accordion-content {padding:0; background:#ffffff; margin:0 0 20px 0;}
div#menu .ui-widget-content {border:none !important;}



div#menu form {display:inline; }
div#menu li { border-bottom:1px solid #666666; list-style:none; padding:2px;}
div#menu li p {display:inline; padding:0 7px;}
div#menu li p.draft {color:#CCCCCC;}
div#menu input {border:none; background:#ffffff no-repeat ; width:20px; height:20px; cursor:pointer; background-position:bottom; }
div#menu .bt-mod { background-image:url(visuels/gest-menu-mod.png);}
div#menu .bt-add { background-image:url(visuels/add-1.png);}
div#menu .bt-bandeau { background-image:url(visuels/bandeau-1.png);}
div#menu .bt-actu { background-image:url(visuels/news-1.png);}
div#menu .bt-agenda { background-image:url(visuels/gest-menu-date.png);}
div#menu .bt-write { background-image:url(visuels/mod-1.png);}
div#menu .bt-del { background-image:url(visuels/gest-menu-del.png);}
div#menu .bt-photo { background-image:url(visuels/photo-1.png);}
div#menu .bt-admin { background-image:url(visuels/admin-1.png);}
div#menu .bt-galerie { background-image:url(visuels/galerie-1.png);}
div#menu .bt-hierarchie { background-image:url(visuels/gest-menu-sp.png);}
div#menu .bt-lieu { background-image:url(visuels/lieu-1.png);}
div#menu .bt-mus { background-image:url(visuels/mus-1.png);}
div#menu .bt-annonce { background-image:url(visuels/temoignage-1.png);}
div#menu .bt-liste { background-image:url(visuels/metier-1.png);}
div#menu h2 {font-size:14px; margin-bottom:2px; color:#FFFFFF; padding:3px; cursor:pointer;}
div#menu .titre-menu { background-color:#007DA2;}
div#menu .titre-menu:hover {background-color:#007DA2;}

div#menu input.cs-input-menu  {background-size:contain !important; width:25px !important; height:25px !important; }
div#menu .bt-envoi-mail { background-image:url(visuels/ico-mail.png);}
div#menu input.cs-input-menu.bt-mod { background-image:url(visuels/ico-engrenage.png);}
div#menu input.cs-input-menu.bt-write { background-image:url(visuels/ico-crayon.png);}


/********************************************************************************************
STYLES ENTETES

********************************************************************************************/
div#contenu .caption {margin:0; font-size:14px; white-space:nowrap;line-height:20px; font-weight:bold; padding-bottom:5px; background-color:#FFFFFF; border-bottom:2px solid #007DA2; text-align:left; }
div#contenu .caption div {margin-bottom:10px;}
div#contenu .caption a {padding:0 5px;}
div#contenu .caption strong {color:#007DA2;}
div#contenu .caption .to-begin {padding-right:20px;}
div#contenu .caption .to-end {padding-left:20px;}

div#contenu .titre-site {font-size:14px; margin-bottom:2px; color:#FFFFFF; padding:3px 10px; background-color:#993300; font-weight:bold;}

div#contenu .message {font-weight:bold; font-style:italic; color:#007DA2; padding:5px 0;}

div#equipe-constitution h2 { font-size:13px; border-bottom:1px solid #007DA2; margin:8px 0; }
div#equipe-constitution select {margin-right:10px; font-size:10px;}
div#equipe-constitution ul {margin:0; padding:0;}
div#equipe-constitution li {margin:0; padding:0; margin-bottom:5px; list-style:none;}
div#equipe-constitution .joueurs {float:left; width:200px;}
div#equipe-constitution .entraineurs {float:left; width:200px; margin-left:20px;}
div#equipe-constitution .dirigeants {float:left; width:200px; margin-left:20px;}
div#equipe-constitution .listing {clear:both; padding-top:50px;}
div#equipe-constitution .listing h3 {clear:both; padding-top:10px; border-bottom:1px solid #CCCCCC; cursor:pointer; margin-bottom:5px; font-size:13px;}
div#equipe-constitution .listing .none {cursor:default; color:#CCCCCC;}
div#equipe-constitution .listing div ul {float:left; width:250px; }

div#convocation-constitution h2 { font-size:13px; border-bottom:1px solid #007DA2; margin:8px 0; }
div#convocation-constitution select {margin-right:10px; font-size:10px;}
div#convocation-constitution ul {margin:0; padding:0;}
div#convocation-constitution li {margin:0; padding:0; margin-bottom:5px; list-style:none;}
div#convocation-constitution .const {float:left; width:250px; margin-left:20px;}
div#convocation-constitution .listing {clear:both; padding-top:50px;}
div#convocation-constitution .listing ul {float:left; width:250px; }


/********************************************************************************************
STYLES FORMULAIRES

********************************************************************************************/
div#contenu .formulaire {width:600px;}
.form {width:560px; background:url(visuels/bg-formulaire.png) repeat-y top left; padding:0px; margin-bottom:50px;}
.form form {padding:0; margin:0;}
.form-ele, .form-err {margin:2px 0 0 0; padding:0 5px; border-bottom:#FFFFFF 1px dotted;}
.form-err {padding-bottom:20px;}
.form-err p {padding:0 0 3px 0; margin:0; font-weight:bold; font-style:italic; color:#007DA2;}
.form label {float:left; width:150px; font-weight:bold; display:block; clear:right; color:#FFFFFF; }
.form-cha {margin-left:155px;}
.form-cha img { max-width:350px;}
.form-clear {clear:left; height:1px;}
.form-leg {background-color:#FFFFFF; padding:5px; border-bottom:#007DA2 1px solid; padding-top:15px;}
.form-leg div {font-size:11px;}
.form-leg ul {padding-left:20px; list-style:square;}
.form-leg em {font-weight:bold;}
.form-leg h3 {background-color:#FFFFFF; font-size:14px; color:#007DA2; display:inline;}
.form-leg input {background-color:#FFFFFF; border:none; display:inline; cursor:pointer; width:20px; height:20px; background:url(visuels/gest-help.png) repeat-y top left; margin-left:15px;}
.form-del-attention {font-weight:normal; font-size:12px; }
.form-del-attention ul {list-style:square; padding-left:15px;}
.form-del-choix {background-color:#FFFFFF; font-weight:bold;}

.form-submit {background-color:#FFFFFF; padding-top:15px; text-align:center; margin:0;}
.form .val-submit {display:inline; border:none; background:#FFFFFF no-repeat url(visuels/val-1.png); height:20px; cursor:pointer; background-position:bottom; padding:0 0 0 17px; background-position:left bottom; font-weight:bold; }

.form div.radio-div {float:left;}
span.hier-pages {font-size:0.9em; padding-left:5px;}

/********************************************************************************************
STYLES LISTES

********************************************************************************************/
div#contenu .liste {width:600px;}
.table-liste {width:100%;}
.table-liste td {padding:2px 10px; vertical-align:top; width:auto; white-space:nowrap;}
.table-liste .td-action {vertical-align:top; width:18px; padding:2px 0; text-align:center;}
.table-liste .td-last {width:90%;}
.table-liste .td-max-250 {max-width:350px; white-space:normal !important;}
.table-liste th {padding:2px 10px; vertical-align:top;}
.table-liste form {display:inline;}

/*	LIGNES DES ENREGISTREMENTS    **********************************************************/
.table-liste .tr-0 td {background-color:#dddddd;}
.table-liste .tr-1 td {background-color:#ffffff;}


/*	INPUT D'ACION    ***********************************************************************/
.table-liste .mod-submit,.table-liste .del-submit, .table-liste .add-submit, .table-liste .id_texte_ref-submit, .table-liste .id_equipe_constitution-submit, .table-liste .id_convocation_constitution-submit {width:16px; height:16px; background:transparent no-repeat; border:none; cursor:pointer;}
.table-liste .tr-1 .mod-submit {background-image:url(visuels/mod-1.png);}
.table-liste .tr-0 .mod-submit {background-image:url(visuels/mod-0.png);}
.table-liste .tr-1 .del-submit {background-image:url(visuels/del-1.png);}
.table-liste .tr-0 .del-submit {background-image:url(visuels/del-0.png);}
.table-liste .tr-1 .id_equipe_constitution-submit {background-image:url(visuels/dist-1.png);}
.table-liste .tr-0 .id_equipe_constitution-submit {background-image:url(visuels/dist-0.png);}
.table-liste .tr-0 .id_texte_ref-submit {background-image:url(visuels/parag-0.png);}
.table-liste .tr-1 .id_texte_ref-submit {background-image:url(visuels/parag-1.png);}
.table-liste .tr-1 .id_convocation_constitution-submit {background-image:url(visuels/dist-1.png);}
.table-liste .tr-0 .id_convocation_constitution-submit {background-image:url(visuels/dist-0.png);}
.table-liste .add-submit {background-image:url(visuels/add-1_2.png);}
.table-liste .add-submit {background-image:url(visuels/add-1_2.png);}

.cs-table-liste-v2 {font-size:14px;}
.cs-table-liste-v2 .cs-submit-icon {width:31px !important; height:31px !important; padding:3px; }
.cs-table-liste-v2 .cs-submit-icon input {display:inline-block;background:transparent no-repeat; border:none; cursor:pointer; width:25px; height:25px; background:no-repeat center; background-size:contain;}
.cs-table-liste-v2 .cs-submit-icon .cs-test-mail {background-image:url(visuels/ico-test-mail.png) !important;}
.cs-table-liste-v2 .cs-submit-icon .cs-send-mail {background-image:url(visuels/ico-mail.png) !important;}
.cs-table-liste-v2 .cs-submit-icon .mod-submit {background-image:url(visuels/ico-crayon.png) !important;}
.cs-table-liste-v2 .cs-submit-icon .del-submit {background-image:url(visuels/ico-croix-rouge.png) !important;}
.cs-table-liste-v2 .cs-submit-icon .add-submit  {background-image:url(visuels/ico-plus.png) !important; margin-right:0.5em;}


.table-liste .cs-send-mail.cs-no {opacity:0.2; cursor:not-allowed; }



.table-liste .formulaire-mod-submit {width:16px; height:16px; background:transparent no-repeat; border:none; cursor:pointer;}
.table-liste .tr-0 .formulaire-mod-submit {background-image:url(visuels/parag-0.png);}
.table-liste .tr-1 .formulaire-mod-submit {background-image:url(visuels/parag-1.png);}


.table-liste .col1-class { background-color:#009966; width:150px;}

.table-liste .euros {text-align:right;}

.table-liste .order-input-0, .table-liste .order-input-1, .table-liste .order-input-2  {display:inline; border:none; background-color:#FFFFFF; background-repeat:no-repeat; height:15px; cursor:pointer; background-position:bottom; padding:0 10px 0 0; background-position:right bottom; font-weight:bold;}
.table-liste .order-input-0 {background-image:url(visuels/desc-0.png)}
.table-liste .order-input-1 {background-image:url(visuels/desc-1.png)}
.table-liste .order-input-2 {background-image:url(visuels/desc-2.png)}


.table-liste .td-button {white-space:nowrap;}
.table-liste .td-button .off, .td-button .on, .td-button .notok, .td-button .ok, .td-button .actif {width:200px; font-size:11px;}
/*.table-liste .td-button .off {background-color:transparent; border:none;}*/
.table-liste .td-button .off {color:#666666;}
.table-liste .td-button .on {color:#FF6600;}
.table-liste .td-button .notok {color:#CC0000; font-weight:bold;}
.table-liste .td-button .ok {color:#009900;}

.table-liste .button-visible, .button {visibility:hidden; width:22px; height:22px; background:transparent url(visuels/tild-b.png) no-repeat; border:solid 1px #666666; margin-left:5px; cursor:pointer;}
.table-liste .button-visible {visibility:visible;}



div#caption-navigation {font-size:12px;}
div#caption-navigation a {color:#666; text-decoration:none;}
div#caption-navigation a:hover {color:#999; text-decoration:none;}


/**************************************************************************************************************
/* MILIEU				///////////////////////////////////////////////////////////////////////////////////////

**************************************************************************************************************/
.center {width:560px; padding:5px; border:1px solid rgb(208,155,49); color:#325d80; height:1%;}

.del-confirm {width:100%; text-align:center; margin:15px; font-weight:bold; color:#FF0000; font-style:italic;}

#help {
	width: 100px;
	height: 100px;
	background-color: #333;
	position: absolute;
	z-index:8000;
	top: 0;
	left: 0;
}