/* CSS Document  PLCF SITE WEB*/

body{
width:100%;
margin:0;
padding:0;
font-family:verdana;
color:#555C61;
background-image:url(img/background.gif);
}

#container{
width:900px;
margin:0 auto 0 auto;
padding:0;
}


/* header */
#header{
width:900px;
height:40px;
margin:0;
padding:0;
}

#recherche{
float:left;
width:187px;
height:22px;
margin:0;
padding:17px 0 0 0;
}

#recherche input.recherche{
float:left;
width:159px;
height:18px;
border:none;
margin:0;
padding:0;
}

#recherche img{
float:left;
width:24px;
height:18px;
margin:0;
padding:0;
}

#menu-haut{
float:right;
width:267px;
height:29px;
font-size:11px;
margin-top:11px;
padding:0;
background-image:url(img/background-menu-haut.gif);
}

ul#menuHt{
float:right;
width:267px;
liste-style-type:none;
margin:12px 0 0 0;
padding:0;
}

ul#menuHt li{
display:inline;
margin:0 12px 0 12px;
padding:0;
}

ul#menuHt a{
text-decoration:none;
color:#555C61;
}

ul#menuHt a:hover{
text-decoration:underline;
color:#555C61;
}



/* bandeau1 */
#bandeau1{
width:900px;
height:192px;
margin:0;
padding:0;
background-image:url(img/bandeau.jpg);
}

#bandeau1 p{
font-size:9px;
font-weight:bold;
margin:0;
padding:35px 0 0 35px;
}

/* bandeau2 */
#bandeau2{
width:900px;
height:160px;
margin:0;
padding:0;
}

/* navigation */
#navigation{
float:left;
width:681px;
height:160px;
margin:0;
padding:0;
background-image:url(img/background-menu.gif);
}

ul#menu-horizontal{
float:right;
width:660px;
height:140px;
liste-style-type:none;
margin:3px 0 0 0;
padding:0;
}

ul#menu-horizontal li{
display : inline;
font-size:11px;
font-weight:bold;
color:#FFFFFF;
}

ul#menu-horizontal li a{
text-decoration:none;
color:#FFFFFF;
}

ul#menu-horizontal li a:hover{
text-decoration:underline;
}

ul#menu-horizontal li.bt1{
float : left;
width:55px;
padding-left:7px;
margin-left:0;
text-align:left;
}

ul#menu-horizontal li.bt2{
float : left;
width:170px;
text-align:left;
padding-left:10px;
margin-left:0;
}

ul#sous-menu1{
float:left;
padding:0;
margin:0;
padding-top:15px;
}

ul#sous-menu1 li{
float : left;
text-align:left;
width:128px;
font-weight:100;
padding:0;
margin:0;
}

ul#sous-menu1 li a{
text-decoration:none;
color:#FFFFFF;
}

ul#sous-menu1 li a:hover{
text-decoration:underline;
}

/* rubrique 2 avec ss rubrique */

ul#menu-horizontal li.bt3{
float : left;
width:135px;
padding-left:10px;
margin:0;
text-align:left;
}

ul#sous-menu2{
float:left;
padding:0;
margin:0;
padding-top:15px;
}

ul#sous-menu2 li{
float : left;
text-align:left;
width:128px;
font-weight:100;
padding:0;
margin:0;
}

ul#sous-menu2 li a{
text-decoration:none;
color:#FFFFFF;
}

ul#sous-menu2 li a:hover{
text-decoration:underline;
}

ul#menu-horizontal li.bt4{
float : left;
width:130px;
margin:0;
padding-left:10px;
text-align:left;
}

ul#sous-menu3{
float:left;
padding:0;
margin:0;
padding-top:15px;
}

ul#sous-menu3 li{
float : left;
text-align:left;
width:125px;
font-weight:100;
padding:0;
margin:0;
}

ul#sous-menu3 li a{
text-decoration:none;
color:#FFFFFF;
}

ul#sous-menu3 li a:hover{
text-decoration:underline;
}


ul#menu-horizontal li.bt5{
float : left;
width:115px;
margin-left:15px;
text-align:left;
}

ul#sous-menu4{
float:left;
width:115px;
padding:15px 0 0 0;
}

ul#sous-menu4 li{
float : left;
width:115px;
text-align:left;
font-weight:100;
padding:0;
margin:0;
}

ul#sous-menu4 li a{
text-decoration:none;
color:#FFFFFF;
}

ul#sous-menu4 li a:hover{
text-decoration:underline;
}



/* identifiez-vous */
#identification{
float:left;
width:219px;
height:160px;
margin:0;
padding:0;
background-image:url(img/background-idf.gif);
}

#commentaire_identification{
float:left;
width:219px;
margin:0;
padding:0;
}


#commentaire_identification p{
font-family:verdana;
font-size:12px;
padding:10px 0 0 12px;
}

#commentaire_identification a{
text-decoration:underline;
color:#555C61;
}

#commentaire_identification a:hover{
text-decoration:underline;
}

#titre_identification{
float:left;
width:140px;
font-family:verdana;
font-size:11px;
font-weight:bold;
color:#FFFFFF;
margin:3px auto 0 7px;
padding:0;
}

/* formulaire idf */

form#idf{
float:left;
width:219px;
margin-top:20px;
}

form#idf p{
font-family:verdana;
font-size:11px;
margin:0;
padding:0;
}

form#idf a{
color:#555C61;
font-weight:bold;
text-decoration:none;
}

form#idf fieldset{
width:174px;
margin:0 0 0 12px;
padding:0;
border:none;
}

form#idf label{
font-family:verdana;
font-size:11px;
margin:0;
padding:0;
}

form#idf input.nom{
width:171px;
height:18px;
margin-bottom:5px;
background-color:#F0F4C3;
border:none;
}

form#idf input.mdp{
width:148px;
height:18px;
background-color:#F0F4C3;
border:none;
margin:0;
padding:0;
}

/* zonetxt */

#centre{
float:left;
width:900px;
margin:0;
padding:0;
background-image:url(img/background-centre.gif);
}

/* zonetxt */

#zonetxt{
float:left;
width:681px;
margin:0;
padding:0;
}

#zonetxt h1{	
font-size:20px;
color:#779ACA;
margin:20px 0 10px 0;
padding:0 0 0 103px;
}
#zonetxt h1:first-letter {
  text-transform: uppercase;
}

#zonetxt h2{
font-size:14px;
color:#779ACA;
padding:0 0 0 103px;
margin:10px 0 5px 0;
}

#zonetxt h3{
font-size:12px;
color:#779ACA;
padding:0 0 0 103px;
margin:0 0 0 0;
}

#zonetxt h4{
font-size:14px;
color:#779ACA;
padding:0 0 0 103px;
margin:10px 0 -5px 0;
}

#zonetxt p {
font-size:12px;
color:#5A646D;
padding:0 10px 0 103px;
margin:0;
}

.desc div {
font-size:12px;
color:#5A646D;
padding:0 10px 0 103px;
margin:0;
}

.desc ol {
font-size:12px;
color:#5A646D;
padding:0 10px 0 103px;
margin:0;
}

.desc ul {
font-size:12px;
color:#5A646D;
padding:0 10px 0 103px;
margin:0;
}



.club_intro{
width:681px;
font-size:12px;
color:#5A646D;
padding:60px 0 0 103px;
margin:0;
}

.gras{
font-weight:bold;
}

#zonetxt p a{
text-decoration:underline;
color:#555C61;
}

#zonetxt img{
margin:5px 0 0 0;
padding:0;
}

#zonetxt img.photo{
float:right;
margin:5px 15px 0 0;
padding:0;
}

.pagination {
float:right;
margin:5px 20px 0 0;
padding:0;
font-size:10px;
}

.pagination a{
text-decoration:none;
color:#555C61;
}


.pagination a:hover{
text-decoration:underline;
}

#docs{
float:left;

margin:0 0 20px 0;
padding:0;
}

#docs #folder{
float:left;
clear: left;
font-size:10px;
color:#779ACA;
margin:0 0 5px 0;
padding:0 0 0 103px;
}

#docs img{
margin:0 3px -3px 0;
padding:0;
}

#docs #folder-add{
float:left;
clear: left;
font-size:10px;
color:#779ACA;
margin:0 0 5px 25px;
padding:0 0 0 103px;
}

#docs #file{
float:left;
clear: left;
font-size:10px;
color:#779ACA;
margin:0 0 5px 50px;
padding:0 0 0 103px;
}

/* Table bureau */
table{
margin:0 0 30px 103px;
padding:0;
font-family:verdana;
font-size:11px;
color:#5A646D;
}

table td.entete{
font-weight:bold;
font-size:12px;
}

table td.croix{
text-align:center;
}

table a{
text-decoration:none;
color:#5A646D;
}

table a:hover{
text-decoration:underline;
}

/* formulaire adhesion */

#adhesion {
width: 520px;
margin: 5px 0 0 110px;
}

#content {
width:100%;
background-color: #FFFFFF;
margin: 0;
padding: 3px;
}

#content p{
float:left;
width:100%;
margin: 3px 0 0 0;
padding: 0;
}

#content label {
width: 1%;
text-align:right;
float: left;
padding: 0 10px 0 0;
margin:0;
}

#content input[type=text] {
float: right;
width: 45%;
margin-right: 10px;
border: 1px solid #000000;
}

#content input[type=file] {
float: right;
width: 45%;
margin: 0 13px 5px 0;
border: 1px solid #000000;
} 
#content .deroulant {
	width:236px;
border: 1px solid #000000;
margin-left:15px;
}


/* textearea */

#content textarea {
float: right;
width: 45%;
margin-right: 10px;
border: 1px solid #000000;
}

/* Zone validation formulaire */
#content #btn-envoyer{
width:75px;
float:right;
margin:10px 10px 0 0;
padding:0;
}

#content #btn-envoyer input{
cursor:pointer;
}

#content #btn-envoyer input[type=submit]{
width:75px;
float: left;
padding: 0;
margin:0;
border:1px solid;
background-color:#4D79B5;
color:#FFFFFF;
}

#content #btn-envoyer input[type=reset] {
width:75px;
float: left;
padding: 0;
margin:0;
border:1px solid;
background-color:#4D79B5;
color:#FFFFFF;
}

/* Bt radio GENRE */

#content #genre{
width:50px;
float:right;
margin:-19px 195px 0 0;
padding:0;
}

#content #genre input[type=radio]{
width:15px;
float: left;
padding: 0 10px 2px 0;
margin:0;
}

#content #genre label{
width:20px;
text-align:left;
float: right;
padding: 0 10px 2px 0;
margin:0;
}

form#adhesion p{
font-family:verdana;
font-size:11px;
color:#5A646D;
}

form#adhesion fieldset{
width:550px;
}

form#adhesion div{
width:100%;
color:#555C61;
}

form#adhesion div#btradio{
width:100px;
color:#555C61;
}

form#adhesion label{
width:50%;
border:none;
margin:0 0 5px 0;
padding:0;
font-family:verdana;
font-size:11px;
color:#5A646D;
}

form#adhesion input{
width:50%;
background-color:#F4F4F5;
border:none;
margin:0 0 5px 0;
padding:0;
}

form#adhesion input.deroulant{
width:50%;
color:#000000;
border:none;
margin:0 0 5px 0;
padding:0;
}


form#adhesion select{
width:50%;
background-color:#F4F4F5;
border:none;
margin:0 0 5px 0;
padding:0;
}

form#adhesion input.choix{
width:auto;
}

/* zonedte */
#zonedte{
float:left;
width:219px;
margin:0;
padding:0;
}

/* newsletter */
#newsletter{
float:left;
width:219px;
height:79px;
margin:0;
padding:0;
background-image:url(img/background-newsletter.gif);
}

#titre_newsletter{
float:left;
width:150px;
font-family:verdana;
font-size:11px;
font-weight:bold;
color:#FFFFFF;
margin:10px 0 0 7px;
padding:0;
}

/* formulaire newsletter */

form#news{
float:left;
width:219px;
margin:5px 0 0 0;
padding:0;
}

form#news p{
font-family:verdana;
font-size:11px;
color:#FFFFFF;
margin:0;
padding:0;
}

form#news a{
color:#555C61;
text-decoration:none;
}

form#news fieldset{
width:172px;
margin:0 0 0 12px;
padding:0;
border:none;
}

form#news input.newsletter{
width:145px;
height:18px;
background-color:#92AED5;
border:none;
margin:0;
padding:0;
}

input.bt-form-ok{
width:24px;
height:18px;
border:none;
margin:0;
margin-bottom: -5px;
padding:0;
}

/* info */
#info{
float:left;
width:219px;
height:auto;
margin:0;
padding:0;
background:url(img/background-info.gif) repeat;
}

#titre_info{
background:url(img/background-info-titre.gif) no-repeat;	
float:left;
width:220px;
height:40px;
font-family:verdana;
font-size:15px;
font-weight:bold;
color:#FFFFFF;
padding:20px 0 0 7px;
}

#info #sstitre{
float:left;
width:150px;
font-family:verdana;
font-size:13px;
font-weight:bold;
color:#FFFFFF;
margin:0 0 0 7px;
padding:0;
}

#info p{
float:left;
width:150px;
font-family:verdana;
font-size:12px;
color:#FFFFFF;
margin:5px 0 0 12px;
padding:0;
}

#info #lire{
float:left;
width:198px;
height:23px;
background-image:url(img/background-lire-plus.gif);
margin:10px 0;
padding:0;
}

#info #lire p{
font-family:verdana;
font-size:11px;
font-weight:bold;
color:#FFFFFF;
margin:0;
padding:5px 0 0 12px;
}

#info #lire a{
text-decoration:none;
color:#FFFFFF;
}

#info #lire a:hover{
text-decoration:underline;
}

#footer{
float:left;
clear:both;
width:900px;
height:20px;
margin:0;
padding:0;
}

.jq_folder, .jq_folder_for_file {
	cursor: pointer;
}
.jq_folder.active, .jq_folder_for_file.active {
	font-style: italic;
	text-decoration: underline;
	background: #ddd;
	color: black;
}

label.error {
  display: none;
  color: red !important;
}
input.error, textarea.error {
  border: 1px dotted red !important;
}

/* Formulaire page CLUB et page ACTU */

form#formulaire_ajout_club{
margin-top:15px;
}

form#formulaire_ajout_actu{
margin-top:15px;
}

form#formulaire_ajout_club p{
color:#597AAC;
font-weight:bold;
}

form#formulaire_ajout_actu p{
color:#597AAC;
font-weight:bold;
}

form#formulaire_ajout_club label{
float:left;
width:120px;
margin:0 10px 10px 0;
padding:0;
}

form#formulaire_ajout_actu label{
float:left;
width:120px;
margin:5px 10px 10px 0;
padding:0
}

form#formulaire_ajout_club input{
width:280px;
height:20px;
margin:0 10px 10px 0;
border:1px solid #D2DF85;
padding:0;
}

form#formulaire_ajout_actu input{
width:280px;
height:20px;
margin:0 10px 10px 0;
border:1px solid #D2DF85;
padding:0;
}

form#formulaire_ajout_club input.submit {
width:100px;
height:15px;
margin:0 10px 10px 0;
border:1px solid #D2DF85;
}

form#formulaire_ajout_club .icones_admin_left{
width:110px;
height:26px;
margin:4px 0 0 105px;
padding:0;
border:none;
}

form#formulaire_ajout_actu .icones_admin_left{
width:110px;
height:26px;
margin:4px 0 0 0;
padding:0;
border:none;
}

/* formulaire Pages Vos documents */

form#form_documents .icones_admin_select{
width:133px;
height:26px;
margin:4px 0 0 2px;
padding:0;
border:none;
}

.champs{
font-size:10px;
font-style:italic;	
}

.gras{
font-weight:bold;	
}

form#form_documents{
margin:15px 0 15px 0;
}

form#form_documents p{
color:#597AAC;
font-weight:bold;
}

form#form_documents label{
float:left;
width:180px;
margin:0 10px 10px 0;
padding:0
}

form#form_documents input{
width:280px;
height:20px;
margin:0 10px 10px 0;
border:1px solid #D2DF85;
}

form#form_documents .icones_admin_left{
width:110px;
height:26px;
margin:4px 0 0 105px;
padding:0;
border:none;
}

/* ICONES ADMIN ajouter/editer/supprimer ... */
.icones_admin_right{
width:110px;
height:26px;
margin:4px 0 -2px 5px;
padding:0;
}

img{
border:none;
}

.icones_admin_left{
width:110px;
height:26px;
margin:4px 0 0 0;
padding:0;
}
#jq_dossier_desc {
clear: left;
}

#file_form {
  clear: left;
  display: none;
}
td.separated {
  border-bottom: 1px dotted lightgrey;
}
ul#list_member_commission {
  margin-left: 70px;
}
form#new_form {
  margin-left: 90px;
}
#msg_connection{ margin-left:105px;}

/*CSS DE PKHAN */

#titre_menu input{ margin : 10px 105px; border:1px solid #779ACA;}


#content_menu #btn_modifier input[type=submit]{
text-decoration:none;
width:70px;
float: left;
padding: 5px;
margin:30px 105px;
border:1px solid;
font-weight:bold;
font-size:13px;
background-color:#4D79B5;
color:#FFFFFF;
}