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

/***************************/
/* Page d'authentification */
/***************************/

#mainAuthentification
{
width: 500px;
margin: 10px auto;
border:1px solid #fff000;
padding:0px 0px;
padding-bottom:10px;    
}

#mainAuthentification #panelConnexion{
text-align:center;
font-size:20px;
color:#2C9E01;
letter-spacing:1px;
background-color:#FEFE76;
border-bottom:1px solid #fff000;
}

#mainAuthentification span{
letter-spacing:1px;
color:#666666;
}
#mainAuthentification #labelIdentifiant{
margin-left:110px;
}
#mainAuthentification #login{
margin-left:60px;
background-color:#E8FFDF;
border:1px solid #5FFF22;
}
#mainAuthentification #labelMotdepasse{
margin-left:110px;
}
#mainAuthentification #password{
margin-left:84px;
background-color:#E8FFDF;
border:1px solid #5FFF22;
}
#mainAuthentification #divConnexion{
text-align:center;
}
#mainAuthentification #submit{
background-color:#E8FFDF;
border:1px solid #5FFF22;
color:#666666;
margin:0 15px;
padding:0 10px;
}

#mainAuthentification a{
background-color:#E8FFDF;
border:1px solid #5FFF22;
color:#666666;
margin:0 15px;
text-decoration:none;
padding:0 10px;
cursor:default;
}

#mainAuthentification #erreurConnexion{
text-align:center;
letter-spacing:1px;
color:#666666;
}

/********/
/* Menu */
/********/

#main{
width:1000px;
margin:0px auto;
border:1px solid #fff500;
}

#header #headerRight{
margin:0;
padding:0;
width:275px;
margin-left:724px;
text-align:center;
border:none;
border-left:1px solid #fff500;
border-bottom:1px solid #fff500;
border-right:1px solid #fff500;
background-color:#FFFF80;
text-decoration:none;
color:#666666;
font-weight:bold;
height:30px;
line-height:30px;
}

#header #headerRight a{
text-decoration:none;
color:#666666;
font-weight:bold;
padding:0 15px;
}

#header h1{
margin:0;
padding:20px 0px;
text-align:center;
color:#1AB803;
width:70%;
margin-left:15%;
letter-spacing:1px;
}

#menu{
padding:10px 10px;
border-top:1px solid #fff500;
border-bottom:1px solid #fff500;
}

#menu ul{
display:inline;
list-style-type:none;
padding:0px;
}

#menu ul li{
display:inline;
padding:0px 20px;
margin:0px 5px;
background-color:#D2FFC1;
border:1px solid #1AB803;
}

#menu ul li:hover{
display:inline;
padding:0px 20px;
margin:0px 5px;
background-color:#FAFF9D;
border:1px solid #E2EE00;
}

#menu ul li a{
color:#444444;
text-decoration:none;
letter-spacing:1px;
}

#menu ul li a:hover{
color:#444444;
}

#content{
margin:0;
padding:0;
}

/***************/
/* Menu Gauche */
/***************/

#menuLeft{
border-right:1px solid #fff500;
border-bottom:1px solid #fff500;
margin:0;
padding:0;
width:150px;
text-align:center;
font-weight:bold;
float:left;
}

#menuLeft ul, li{
margin:0;
padding:0;
}

#menuLeft li{
list-style-type:none;
line-height:30px;
height:30px;
font-size:14px;
background-color:#FFFF99;
}

#menuLeft li a{
text-decoration:none;
color:#666666;
}

#menuLeft li:hover{
background-color:#D2FFC1;
}

/***************/
/* Menu Droite */
/***************/

#menuRight{
width:848px;
margin:0;
padding:0;
margin-left:152px;
}

/***********************/
/* Paramétrage du menu */
/***********************/


#paramMenu{
float:left;
width:350px;
margin:10px 0;
}

#paramMenu ul, li{
padding:0;
margin:0;
list-style-type:none;
position:relative;
}

#paramMenu ul li{
cursor:default;
border:1px solid #ee0000;
margin:5px 0;
width:350px;
}

#paramMenu li ul li{
cursor:default;
border:none;
margin-left:40px;
}
#paramMenu li img{
position:absolute;
left:330px;
top:3px;
cursor:pointer;
}


#paramMenu li ul li img{
position:absolute;
left:290px;
cursor:pointer;
}

#actionsMenu{
float:right;
width:600px;
margin:10px 0;
}

#actionsMenu #addRubriqueFieldset{
border:1px solid #0000ee;
position:relative;
height:130px;
margin-bottom:10px;
}

#actionsMenu #addSousRubriqueFieldset{
border:1px solid #0000ee;
position:relative;
height:150px;
}

#actionsMenu fieldset legend{
font-weight:bold;
}

#actionsMenu #labelRubriqueNiv1{
position:absolute;
left:50px;
top:30px;
}

#actionsMenu #nomRubriqueNiv1{
border:1px solid #ccc;
position:absolute;
left:235px;
top:30px;
width:150px;
}

#actionsMenu #ajouterRubriqueNiv1{
position:absolute;
left:400px;
border:1px solid #0000ee;
background-color:#FFFFFF;
color:#0000ee;
top:30px;
width:100px;
}

#actionsMenu #checkSousRubriquePresente{
position:absolute;
top:60px;
left:50px;
}

#actionsMenu #labelCheckSousRubriquePresente{
position:absolute;
top:60px;
left:75px;
}

#actionsMenu #nomRubriqueManquant{
padding:0;
margin:0;
font-style:italic;
color:#ee0000;
position:absolute;
top:85px;
left:50px;
}

#actionsMenu #nomSousRubriqueManquant{
padding:0;
margin:0;
font-style:italic;
color:#ee0000;
position:absolute;
top:90px;
left:50px;
}

#actionsMenu #nomRubriqueParente{
border:1px solid #ccc;
position:absolute;
left:235px;
top:30px;
width:150px;
}

#actionsMenu #labelRubriqueParente{
position:absolute;
left:50px;
top:30px;
}

#actionsMenu #labelSousRubrique{
position:absolute;
left:50px;
top:60px;
}

#actionsMenu #nomSousRubrique{
border:1px solid #ccc;
position:absolute;
left:235px;
top:60px;
width:150px;
}

#actionsMenu #ajouterSousRubrique{
position:absolute;
left:400px;
border:1px solid #0000ee;
background-color:#FFFFFF;
color:#0000ee;
top:60px;
width:100px;
}

/**************/
/* Evenements */
/**************/

#evenements{
width:600px;
margin:0px auto;
padding:10px 0;
}

#evenements h1{
text-align:center;
color:#ee0000;
margin:0;
padding:10px 0;
}

#evenements div.bloc{
margin-top:10px;
border:1px solid #1ab803;
padding:10px 0;
}

#evenements div.bloc div{
margin:5px 0;
}

#evenements .date{
padding-left:10px;
font-weight:bold;
color:#000066;
}

#evenements .date span{
color:#ee0000;
font-weight:normal;
}

#evenements .titre{
padding-left:10px;
color:#000066;
font-weight:bold;
}

#evenements .titre span{
color:#ee0000;
font-weight:normal;
}

#evenements .description{
padding-left:10px;
color:#000066;
font-weight:bold;
}

#evenements .description span{
color:#ee0000;
font-weight:normal;
}

#evenements .actions{
border-left:1px solid #1ab803;
border-right:1px solid #1ab803;
border-bottom:1px solid #1ab803;
text-align:center;
height:30px;
line-height:30px;
width:250px;
margin-left:348px;
}

#evenements .actions span{
margin:0px 15px;
font-weight:bold;
color:#1ab803;
cursor:pointer;
}

#popupEvents{
display:none;
margin:0;
padding:0;
top:0;
left:0;
position:absolute;
}


#popupEvents #blocPopupEvent{
position:relative;
background-color:#FFFFFF;
width:300px;
margin-left:auto;
margin-right:auto;
padding:20px;
top:100px;
}

/* Modifier Evenement */

#popupEvents #dateEvent{
margin:10px 0;
}

#popupEvents #jourPopupEvent{
border:1px solid #1AB803;
color:#ee0000;
margin:0 5px;
}

#popupEvents #moisPopupEvent{
border:1px solid #1AB803;
color:#ee0000;
margin:0 5px;
}

#popupEvents #anneePopupEvent{
border:1px solid #1AB803;
color:#ee0000;
margin:0 5px;
}

#popupEvents #titreEvent{
margin:10px 0;
}

#popupEvents #titrePopupEvent{
width:256px;
border:1px solid #1AB803;
color:#ee0000;
}

#popupEvents #descriptionEvent{
margin:10px 0;
}

#popupEvents #descriptionPopupEvent{
width:300px;
border:1px solid #1AB803;
color:#ee0000;
overflow:auto;
height:100px;
}

#popupEvents #actionsPopupEvent{
text-align:center;
line-height:35px;
height:35px;
}

#popupEvents #actionsPopupEvent input{
margin:0 10px;
background-color:#ffffff;
border:1px solid #1ab803;
color:#1ab803;
}

#popupEvents .erreurEvent{
color:#0000ee;
font-style:italic;
}

/* Supprimer Evenement */

#popupEvents #supprMessageEvent{
text-align:center;
color:#ee0000;
font-size:16px;
letter-spacing:1px;
}

#popupEvents #actionsSupprEvent{
text-align:center;
margin:10px 0;
}

#popupEvents #actionsSupprEvent input{
margin:0 15px;
background-color:#FFFFFF;
border:1px solid #1AB803;
color:#1AB803;
}

/**********************/
/* Insertion d'images */
/**********************/

div#upload {
    width: 800px;
    margin:20px auto;
    border:1px solid #1AB803;
    padding: 1px;
    text-align: center;
}

div#upload h2{
padding:10px 0;
margin:0;
color:#1AB803;
font-weight:bold;
font-size:18px;
}

div#upload #form {
    width: 370px;
    margin:0 auto;
}

div#upload div#success{
text-align:center;
color:#0000cc;
font-weight:bold;
margin:20px 0;
}

div#upload div#fichiers {
    width: 370px;
    margin:10px auto;     
    border: 1px dotted #7e9db5;    
    font-size: 13px;
    text-align: left;
}

div#upload input.btn {
    width: 85px;
    height: 30px;    
    margin: 20px;    
    background: #ffffff;
    color: #7e9db5;
    border: 2px solid #7e9db5;
}

#recapUpload{
padding:30px;
width:600px;
margin:0 auto;
margin-top:100px;
border:1px solid #1AB803;
}

#recapUpload p{
background-color:#CEE7FF;
margin:5px 0;
padding:5px 10px;
}

#recapUpload p.error{
background-color:#FF0000;
color:#ffffff;
margin:5px 0;
padding:5px 10px;
}

#recapUpload a{
font-weight:bold;
display:block;
padding:5px 10px;
margin-top:20px;
background-color:#0033FF;
color:#ffffff;
text-decoration:none;
width:215px;
}

/**********************/
/* Articles de presse */
/**********************/

div#presse {
    width: 800px;
    margin:20px auto;
    border:1px solid #1AB803;
    padding: 1px;
    text-align: center;
}

div#presse h2{
padding:10px 0;
margin:0;
color:#1AB803;
font-weight:bold;
}

div#presse #form {
    width: 450px;
    margin:0 auto;
}

div#presse div#success{
text-align:center;
color:#0000cc;
font-weight:bold;
margin:20px 0;
}

div#presse input.btn {
    width: 85px;
    height: 30px;    
    margin: 20px;    
    background: #ffffff;
    color: #7e9db5;
    border: 2px solid #7e9db5;
}

h1.articlePresse{
font-size:26px;
padding:0;
margin:10px 0;
color:#ee0000;
}


#nomArticlePresse{
margin-bottom:10px;
width:250px;
}

.articleBloc{
width:500px;
margin:10px auto;
border:1px solid #0000CC;
}

#listeArticles{
border:1px solid #1AB803;
width: 800px;
margin:20px auto;
}

#listeArticles h1{
margin:0;
padding:10px 0;
color:#ee0000;
text-align:center;
font-size:28px;
letter-spacing:1px;
}

.articleBloc{
text-align:center;
color:#1AB803;
font-weight:bold;
}

.articleBloc .actionsArticles{
text-align:right;
height:25px;
line-height:25px;
}

.articleBloc .actionsArticles span{
margin-right:10px;
color:#0000CC;
font-weight:bold;
}

.articleBloc .actionsArticles span a{
margin-right:10px;
color:#0000CC;
font-weight:bold;
}

/**********/
/* Albums */
/**********/

#listeAlbums{
width:800px;
border:1px solid #1AB803;
margin:10px auto;
}

#listeAlbums h1{
padding:0;
margin:10px 0;
text-align:center;
color:#1AB803;
font-size:24px;
}

.error{
color:red;
font-style:italic;
}

#listeAlbums .albumBloc{
text-align:center;
width:400px;
margin:10px auto;
border:1px solid #0000dd;
}

#listeAlbums .titreAlbum{
text-align:center;
padding:5px 0;
display:block;
color:#ee0000;
font-weight:bold;
}


#listeAlbums .actionsAlbum{
line-height:30px;
text-align:right;
height:30px;
}

#listeAlbums .actionsAlbum span a{
margin:0 10px;
color:#1AB803;
font-weight:bold;
}

/* Modif Album */

#albumPhotoAdmin{
width:800px;
margin:10px auto;
border:1px solid #1AB803;
}

#albumPhotoAdmin h1{
color:#0000ee;
padding:0;
margin:10px 0;
text-align:center;
font-size:24px;
}

#albumPhotoAdmin h2{
color:#1AB803;
padding:0;
margin:10px 0;
text-align:center;
font-size:20px;
}

#albumPhotoAdmin #input{
margin:10px 0;
margin-left:300px;
}

#albumPhotoAdmin #submit{
margin:10px 0;
margin-left:350px;
border:2px solid #7e9db5;
color:#7E9DB5;
background-color:#FFFFFF;
padding:5px 5px;
}

#albumPhotoAdmin #fichiers{
width: 370px;
margin:10px auto;     
border: 1px dotted #7e9db5;    
font-size: 13px;
text-align: left;
}

#albumPhotoAdmin p{
text-align:center;
}

#listePhotos{
width:800px;
margin:0 auto;
}

#listePhotos .imgBloc{
width:150px;
height:100px;
float:left;
margin:23px;
margin-bottom:40px;
}

#listePhotos img{
width:100%;
height:100%;
}

#listePhotos .actionsImg{
text-align:center;
background-color:#1AB803;
padding:5px 0;
}

#listePhotos .actionsImg a{
color:#FFFFFF;
}

/**************/
/* Actualités */
/**************/

#actualites{
width:100%;
}

#actualites h3{
padding:0;
margin:0;
text-decoration:underline;
color:#ee0000;
font-size:18px;
width:825px;
margin:10px auto;
}

#actualites #headerActualites textarea{
height:600px;
width:100%;
}

#actualites #textarea{
width:830px;
margin:10px auto;
}

#actualites #insertActu{
margin:10px 0;
text-align:center;
}

#actualites #insertionActuBouton{
margin:10px 0;
border:1px solid #1AB803;
background-color:#FFFFFF;
color:#1AB803;
}

#popupimage{
position:absolute;
left:50%;
top:10px;
width:1000px;
margin:0px auto;
margin-left:-500px;
height:600px;
display:none;
z-index:999999;
border:1px solid #000;
}

#popupimage #listeImages{
width:370px;
height:500px;
overflow:auto;
background-color:#1AB803;
float:left;
}

#popupimage #listeImages img{
width:150px;
height:100px;
float:left;
margin:15px;
}

#popupimage #apercuImage{
float:left;
width:610px;
height:480px;
background-color:#000000;
padding:10px;
overflow:auto;
}

#popupimage #menuImages{
clear:left;
height:100px;
width:1000px;
background-color:#cccccc;
}

#listesActualites{
width:900px;
margin:10px auto;
border:1px solid #1AB803;
}

#actualites h1{
margin:10px 0;
padding:0;
text-align:center;
color:#1AB803;
font-size:24px;
}

#actualites #liste .blocActu{
width:850px;
margin:10px auto;
border:1px solid #1AB803;
}

#actualites #liste .dateActu{
text-align:right;
padding-right:20px;
border-bottom:1px solid #1AB803;
}

#actualites #liste .actionsActu{
text-align:right;
height:35px;
line-height:35px;
background-color:#1AB803;
}

#actualites #liste .actionsActu a{
color:#FFFFFF;
margin:0 20px;
text-decoration:none;
}

/***********/
/* Contenu */
/***********/

#contenus #headerActualites textarea{
height:600px;
width:99%;
}

#contenus #menuContent{
margin:10px 0;
text-align:center;
font-weight:bold;
}

#contenus #menuContent select{
background-color:#1AB803;
color:white;
border:1px solid #000;
}

/****************/
/* Associations */
/****************/

#associations{
position:relative;
width:100%;
}

#associations #actionAsso{
text-align:center;
margin:20px 0;
font-size:20px;
color:#1AB803;
}

#associations #labelNomAsso{
margin:10px 0;
margin-left:300px;
}

#associations #nomAsso{
border:1px solid #1AB803;
width:300px;
}

#associations #labelPresidentAsso{
margin:10px 0;
margin-left:300px;
}

#associations #presidentAsso{
width:275px;
border:1px solid #1AB803;
}

#associations #labelNumTelAsso{
margin:10px 0;
margin-left:300px;
}

#associations #numTelAsso{
width:195px;
border:1px solid #1AB803;
}

#associations #labelDescriptionAsso{
margin:10px 0;
margin-left:150px;
}

#associations #descriptionAsso{
width:700px;
border:1px solid #1AB803;
height:200px;
overflow:hidden;
margin-left:200px;
}

#associations #saveAssoBtn{
width:100px;
margin-left:400px;
text-align:center;
border:1px solid #ff0000;
color:#ff0000;
background-color:#FFFFFF;
padding:5px 0;
}

#associations #resetBtn{
width:100px;
margin-left:20px;
text-align:center;
border:1px solid #ff0000;
color:#ff0000;
background-color:#FFFFFF;
padding:5px 0;
}

#labelListeAssos{
width:90%;
margin:10px auto;
text-align:center;
color:#1AB803;
border:1px solid #1AB803;
padding:10px 0;
font-size:20px;
}

#listeAssos .blocAsso{
width:50%;
margin:10px auto;
border:1px solid #EE0000;
}

#listeAssos .blocAsso .actions{
background-color:#1AB803;
text-align:right;
line-height:30px;
height:30px;
}

#listeAssos .blocAsso .titre{
margin:10px 0;
text-align:center;
font-size:18px;
}

#listeAssos .blocAsso .actions a{
margin:0 10px;
color:#ffffff;
text-decoration:none;
}

/************/
/* Artisans */
/************/

#artisans{
position:relative;
width:100%;
}

#artisans #actionArtisan{
text-align:center;
margin:20px 0;
font-size:20px;
color:#1AB803;
}

#artisans #labelNomArtisan{
margin:10px 0;
margin-left:300px;
}

#artisans #nomArtisan{
border:1px solid #1AB803;
width:300px;
}

#artisans #labelPresidentArtisan{
margin:10px 0;
margin-left:300px;
}

#artisans #presidentArtisan{
width:275px;
border:1px solid #1AB803;
}

#artisans #labelNumTelArtisan{
margin:10px 0;
margin-left:300px;
}

#artisans #numTelArtisan{
width:195px;
border:1px solid #1AB803;
}

#artisans #labelDescriptionArtisan{
margin:10px 0;
margin-left:150px;
}

#artisans #descriptionArtisan{
width:700px;
border:1px solid #1AB803;
height:200px;
overflow:hidden;
margin-left:200px;
}

#artisans #saveArtisanBtn{
width:100px;
margin-left:400px;
text-align:center;
border:1px solid #ff0000;
color:#ff0000;
background-color:#FFFFFF;
padding:5px 0;
}

#artisans #resetBtn{
width:100px;
margin-left:20px;
text-align:center;
border:1px solid #ff0000;
color:#ff0000;
background-color:#FFFFFF;
padding:5px 0;
}

#labelListeArtisans{
width:90%;
margin:10px auto;
text-align:center;
color:#1AB803;
border:1px solid #1AB803;
padding:10px 0;
font-size:20px;
}

#listeArtisans .blocArtisan{
width:50%;
margin:10px auto;
border:1px solid #EE0000;
}

#listeArtisans .blocArtisan .actions{
background-color:#1AB803;
text-align:right;
line-height:30px;
height:30px;
}

#listeArtisans .blocArtisan .titre{
margin:10px 0;
text-align:center;
font-size:18px;
}

#listeArtisans .blocArtisan .actions a{
margin:0 10px;
color:#ffffff;
text-decoration:none;
}

/************/
/* Reunions */
/************/

#reunions{
position:relative;
width:100%;
}

#reunions #actionReunion{
text-align:center;
margin:20px 0;
font-size:20px;
color:#1AB803;
}

#reunions #labelDateReunion{
margin:10px 0;
margin-left:300px;
}

#reunions #dateReunion{
border:1px solid #1AB803;
width:300px;
}

#reunions #labelCrReunion{
margin:20px 0;
margin-left:280px;
}

#reunions #labelCrReunionExistant{
margin:10px 0;
margin-left:280px;
color:#1AB803;
}

#reunions #labelOrdreJourReunion{
margin:10px 0;
margin-left:150px;
}

#reunions #ordreJourReunion{
width:700px;
border:1px solid #1AB803;
height:200px;
overflow:hidden;
margin-left:200px;
}

#reunions #saveReunionBtn{
width:100px;
margin-left:400px;
text-align:center;
border:1px solid #ff0000;
color:#ff0000;
background-color:#FFFFFF;
padding:5px 0;
}

#reunions #resetBtn{
width:100px;
margin-left:20px;
text-align:center;
border:1px solid #ff0000;
color:#ff0000;
background-color:#FFFFFF;
padding:5px 0;
}

#labelListeReunions{
width:90%;
margin:10px auto;
text-align:center;
color:#1AB803;
border:1px solid #1AB803;
padding:10px 0;
font-size:20px;
}

#listeReunions .blocReunion{
width:50%;
margin:10px auto;
border:1px solid #EE0000;
}

#listeReunions .blocReunion .actions{
background-color:#1AB803;
text-align:right;
line-height:30px;
height:30px;
}

#listeReunions .blocReunion .date{
margin:10px 0;
text-align:center;
font-size:18px;
}

#listeReunions .blocReunion .actions a{
margin:0 10px;
color:#ffffff;
text-decoration:none;
}

/***************/
/* Commissions */
/***************/

#commissions{
position:relative;
width:100%;
text-align:center;
}

#commissions #actionCommission{
text-align:center;
margin:20px 0;
font-size:20px;
color:#1AB803;
}

#commissions input{
border:1px solid #1AB803;
color:#1AB803;
background-color:#FFFFFF;
}

#labelListeCommissions{
width:90%;
margin:10px auto;
text-align:center;
color:#1AB803;
border:1px solid #1AB803;
padding:10px 0;
font-size:20px;
}

#listeCommissions .blocCommission{
width:50%;
margin:10px auto;
border:1px solid #EE0000;
}

#listeCommissions .blocCommission .actions{
background-color:#1AB803;
text-align:right;
line-height:30px;
height:30px;
}

#listeCommissions .blocCommission .nom{
margin:10px 0;
text-align:center;
font-size:18px;
}

#listeCommissions .blocCommission .actions a{
margin:0 10px;
color:#ffffff;
text-decoration:none;
}