* {
margin: 0; 
padding: 0;
}


html, body{
width:100%;
height:100%;
text-align: center; /* Pour centrer avec IE*/
background-color:#FFFFFF;

}

body *{
hyphens: auto;
-moz-hyphens: auto;
-webkit-hyphens: auto;
-ms-hyphens: auto;
}

textarea { 
    resize: none; 
}

a{
text-decoration:none;
}

img{
border:none;
}

.wrapper {
width:960px;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -10em;
text-align:center;
background-color:#FFF;
}

.vert_sep{
padding-top:10px;
padding-bottom:10px;
}

.helvet{
font-family:'Helvetica', 'Geneva', 'Arial', 'Verdana', sans-serif;
}


/*===========*/
/*   FONTS   */
/*===========*/
 
.wf-loading div.content,
.wf-loading div.menu ul,
.wf-loading div.breadcrumb *,
.wf-loading div.footer{
display:none;
visibility:hidden;
}

.wf-loading div.wrapper div.menu{
background-image:url('squelettes/img/preloading.gif') ;
background-repeat:no-repeat;
background-position:center center;

}



.wf-active div.content, .wf-inactive div.content,
.wf-active div.menu, .wf-inactive div.menu,
.wf-active div.breadcrumb, .wf-inactive div.breadcrumb,
.wf-active div.footer, .wf-inactive div.footer,
.wf-active div.haiku, .wf-inactive div.haiku{
display:block;
visibility:visible;
}

/*
.wf-active div.content .cal_nav, .wf-inactive div.content .cal_nav,
.wf-active div.content .cal_table, .wf-inactive div.content .cal_table,
.wf-active div.content .cal_nav *, .wf-inactive div.content .cal_nav *,
.wf-active div.content .cal_table *, .wf-inactive div.content .cal_table *{
visibility:visible;
}*/

.wf-active div.wrapper div.menu{
background-image:none;
}

/*pour simplifier, Javascript desactive equiv. fonte inactive*/

.wf-dinvainsregular-n4-inactive body,
body{
font-family:'Helvetica', 'Geneva', 'Arial', 'Verdana', sans-serif;
line-height:1.5em;
font-size:0.95em;
}

.wf-dinvainsregular-n4-active body{
font-family:'DINVAINSRegular';
line-height:1.5em;
font-size:0.95em;
}

.wf-dincondlightregular-n4-inactive div.breadcrumb,
div.breadcrumb,
.wf-dincondlightregular-n4-inactive div.login,
div.login{
font-size:0.8em;
font-family:'Helvetica','Geneva', 'Arial', 'Verdana', sans-serif;
}

.wf-dincondlightregular-n4-active div.breadcrumb,
.wf-dincondlightregular-n4-active div.login{
font-size:0.95em;
font-family:'DINCond-LightRegular';
}



.wf-dincondlightregular-n4-inactive div.menu,
div.menu{
font-size:0.95em;
font-family:'Helvetica','Geneva', 'Arial', 'Verdana', sans-serif;
}

.wf-dincondlightregular-n4-active div.menu{
font-size:1.3em;
font-family:'DINCond-LightRegular';
}


.wf-dincondlightregular-n4-active div.footer,
.wf-dincondlightmedium-n4-active div.footer{
font-family: 'DINCond-MediumRegular', sans-serif;
font-family: 'DINCond-LightRegular', sans-serif !important;
font-size:1.1em;
}

.wf-dincondlightregular-n4-inactive div.footer,
.wf-dincondlightmedium-n4-inactive div.footer{
font-family:'Helvetica','Geneva', 'Arial', 'Verdana', sans-serif;
font-size:0.8em;
}


.wf-dincondlightregular-n4-active div#news_panel,
.wf-dincondlightmedium-n4-active div#news_panel{
font-family: 'DINCond-MediumRegular', sans-serif;
font-family: 'DINCond-LightRegular', sans-serif !important;
font-size:1.1em;
}

.wf-dincondlightregular-n4-inactive div#news_panel,
.wf-dincondlightmedium-n4-inactive div#news_panel{
font-family:'Helvetica','Geneva', 'Arial', 'Verdana', sans-serif;
font-size:0.8em;
}



/*===========*/
/*  HEADER   */
/*===========*/

.header{
margin:0 auto 0 auto;
width:960px;
background-color:#FFFFFF;
margin-top:5px;
}


.header img{
width:960px;
}

/*===========*/
/* NAVIGATION */
/*===========*/

.menu{
width:960px;
height:20px;
margin:0 auto 0 auto;
margin-top:5px;
margin-bottom:10px;
background-color:transparent;
}


.menu li ul{
padding:0;
list-style-type:none;
font-size:0.85em;
}


.menu a{
line-height:1.3em;
text-align: left ;
color:#2b3739;
padding-left:5px;
}



.menu li a:hover{
color:#C44C10;
}


.menu li ul ul
{
list-style-type:none;
text-align:left;
}


.menu li 
{position: relative;
}


.menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

.menu ul ul {
position: absolute;
z-index: 500;
top: 100%;
left: 0%;
}


.menu li{
text-align:left;
/*background:url('squelettes/img/menu_b.png') top left no-repeat;*/
background-color:white;
}

.menu li li{
/*background :url('squelettes/img/menu_b.png') top right no-repeat;*/
background-color:white;
box-shadow: 5px 5px 7px #CCC;
-webkit-box-shadow: 5px 5px 7px #CCC;
-moz-box-shadow: 5px 5px 7px #CCC;
border-bottom:1px solid #DDD;
}

.menu li li.sub_menu{
background: url('squelettes/img/menu_b.png') top right no-repeat;
}

.menu a.a_sub_menu{
cursor:default;
}




/*===========*/
/* CONNEXION */
/*===========*/


div.login{
color:#999;
text-align:right;
padding-rigth:1em;
}

div.breadcrumb a{
text-decoration:none;
color:#999;
}

div.breadcrumb a:hover{
text-decoration:underline;
}

div.login{
margin-top:30px;
}
/*===========*/
/*FIL D'ARIANE */
/*===========*/



div.breadcrumb{
color:#999;
text-align:left;
background-image:url('squelettes/img/pattern.jpg');
background-repeat:repeat;
margin:0;
padding-left:1em;
border-top:1px solid #BDBDBD;
}

div.breadcrumb span.sep{
font-family:'Verdana', 'Arial', 'Helvetica';
display:inline;
}

div.breadcrumb a{
text-decoration:none;
color:#999;
}

div.breadcrumb a:hover{
text-decoration:underline;
}



/*===========*/
/* CONTENT */
/*===========*/

div.content{
margin:0 auto 0 auto;
text-align:center;
padding-top:1em;
padding-bottom:3em;
text-indent:0;
overflow:hidden;
background-image:url('squelettes/img/pattern.jpg');
background-repeat:repeat;
font-size:0.95em;
line-height:1.3em;
border-top:solid 1px #BDBDBD;
border-bottom:solid 1px #BDBDBD;
min-height:300px;
color:#274044;
padding: 50px;
}

div.content.pub .spip_documents img{
border: 1px solid #DDD;
padding: 10px;
box-shadow: 5px 5px 5px #DDD;
background-color: white;
margin-bottom: 30px;
}

avatar_adherent

div.content.pub{
padding-left:4em;
padding-right:4em;
}

div.content.admin{
padding-left:0;
padding-right:0;
}

div.content.admin .text_content{
width:90%;
}

div.content a{
text-decoration:none;
color:#40686d;
}

div.content a:hover{
text-decoration:underline;
color:#40686d;
}


div.content a:visited{
text-decoration:underline;
color:#842444;
}

div.text_content{
width:100%;
margin:0 auto 0 auto;
}

div.text_content p{
clear:both;
text-align:justify;
margin-top:1em;
margin-bottom:1em;
}

div.text_content ul{
text-align:left;
margin-left:4em;
margin-right:4em;
}


.content div.text_content table.spip,
.content div.text_content table.spip td{
border:1px solid #DDD;
}

.content div.text_content table.spip caption{
border: 1px solid #e2eafc;
background-color: #e2eafc;
border-bottom: none;
}


div.content.pub h1{
font-size:2.3em;
line-height: 1.2em;
text-align:center;
font-weight:normal;
padding-bottom:1em;
padding-top:1em;
color:#274044;
}

div.content.pub h3{
color:#274044;
font-size:1.2em;
font-weight:bold;
margin-top:1.5em;
margin-bottom:2em;
text-align:left;
padding-bottom: 0.3em;
border-bottom:1px solid #274044;
}

div.content.pub h2{
font-size:1.5em;
margin-top:20px;
margin-bottom:30px;
text-align:center;
padding:5px; 
}


div.content h4{
font-size:1em;
font-weight:bold;
font-style:italic;
margin-top:1em;
margin-bottom:2em;
}

.wf-dinbold-n4-active div.content strong{
font-family:dinbold;
color: #3c6369;
font-size: 0.95em;
}

.wf-dinbold-n4-inactive div.content strong{
font-weight:bold !important;
}


div.content.admin span.nom_champs{
display:inline-block;
width:250px;
font-weight:bold !important;
}

div.content ul.spip{
line-height:2em;
font-weight:normal;
text-align:left;
margin-left:2em;
/*text-indent:2em;*/
}

div.content .spip_documents_left, .spip_documents_center{
padding:10px;
padding-right:5px;
display:block;
margin:0 auto;
}



div.content blockquote{
padding:30px;
border:1px solid;
background-color:rgba(255, 255, 255, 0.7);
border-color:#CCC;
font-style:italic;
margin:2em;
-moz-border-radius:20px;
border-radius:20px;
box-shadow:2px 2px 5px #DDD;
}

div.content blockquote p{
margin:0;
margin-bottom:1em;
}

div.content div.center{
margin-top:30px;
margin-bottom:30px;
}

div.content div.center *{
margin: auto;
text-align: center;
display:block;

}



div.content p.legend{
font-style:italic;
text-align:right;
font-size:0.9em;
margin:1em;
}


div.content span.credits{
font-style:italic;
text-align:right;
font-size:0.7em;
margin:0;
padding:0;
color:#888;
display:block;
}


div.content div.address{
margin:0 auto;
text-align:center;
width:350px;
padding:2Opx;
margin-top:50px;
text-align:center;
border:1px solid;
-moz-border-radius:20px;
border-radius:20px;
border-color:#BBB;
background-color:#FFF;
}

div.content div.address p{
text-align:center;
}


/*cartes google maps*/
div.content iframe{
margin:0 auto;
margin-top:50px;
}

div.content.sommaire{
padding-left:2em;
padding-right:2em;
}

div.content table.spip{
border:0px solid;
margin:0 auto;
text-align:center;
border-collapse : collapse;
margin-bottom:2em;
margin-top:2em;
background-color:#FFF;
}

div.content table.spip td,
div.content table.spip th{
margin:0;
text-align:left;
padding:0.5em;
padding-right:2em;
border:1px solid;
}

div.content table.spip th{
text-align:center;
background-color:#DDD;
}

div.content.pub span.subtitle{
text-align: center;
padding: 20px;
font-size: 0.8em;
display:block;
}

div.content hr.spip{
margin-top:2em;
margin-bottom:1em;
border-color:#DDD;
}


/* Liste enseignants, etc.*/


div.content div.liste.enseignants ul,
div.content div.liste.assistants ul{
    list-style-type:none;
    text-align:left;
    margin-left: 50px;
}


div.content div.liste.enseignants ul li span.avatar,
div.content div.liste.assistants ul li span.avatar{
    padding:10px;
}

div.content div.liste.enseignants ul li span.nom,
div.content div.liste.assistants ul li span.nom{
    padding:10px;
    font-family:'DINBOLD';
}


/*BOUTONS*/

div.bandeau_titre{
background: #e2eafc;
border-radius: 10px 10px 0px 0px;
padding:5px;
height: 30px;
margin-bottom: 30px;
}

div.bandeau_titre h3{
float: left;
margin-bottom: 10px;
font-size: 1em;
font-weight: normal;
margin-top: 3px;
padding: 5px;
text-align: left;
}

/* boutons 24px */

div.content .bouton_24px{
display:inline-block;
width:24px;
height:23px;
background:url('squelettes/img/boutons_admin_24px.png');
border:none;
cursor:pointer;
}


.bouton_24px button{
border:none;
border-style:none;
display:block;
width:24px;
height:24px;
background:none;
}

.bouton_24px button:hover{
cursor:pointer;
}

div.content .bouton_24px span,
div.content .bouton_48px span{
display:inline-block;
  text-indent: -5000px;
  text-align:left;
}


div.content .bouton_24px.voir{
background-position:-24px 0px;
}

div.content .bouton_24px.renouveler{
background-position:-2px 0px;
}

div.content .bouton_24px.editer{
background-position:-145px 0px;
}

div.content .bouton_24px.publier{
background-position:0px 0px;
}

div.content .bouton_24px.depublier{
background-position:-223px 0px;
}

div.content .bouton_24px.adherent{
background-position:-50px 0px;
}

div.content .bouton_24px.outils{
background-position:50px 0px;
}

div.content .bouton_24px.valider{
background-position:-73px 0px;
}

div.content .bouton_24px.desinscrire{
background-position:-98px 0px;
}

div.content .bouton_24px.supprimer{
background-position:-195px 0px;
}

div.content .bouton_24px.annuler{
background-position:-221px 0px;
}

div.content .bouton_24px.clore{
background-position:-299px 0px;
}

div.content .bouton_24px.ouvrir{
background-position:-274px 0px;
}

div.content .bouton_24px.pdf{
background-position:-325px 0px;
}

div.content .bouton_24px.csv{
background-position:-350px 0px;
}

div.content .bouton_24px.vcard{

background-position:-400px 0px;

}

div.content .bouton_24px.mails{
background-position:-375px 0px;
}


div.content .bouton_24px:hover{
background-position-y:-45px;
}


div.content .bouton_24px.disabled{
background-position-y:-22px;
opacity:0.6;
}

/*bouton 48 px*/

div.content .bouton_48px{
display:inline-block;
background:url('squelettes/img/boutons_admin_48px.png');
border:none;
cursor:pointer;
width:50px;
height:52px;
}
div.content .bouton_48px.creer_dojo{

background-position:-205px 1px;

}

div.content .bouton_48px.creer_adherent_dojo{
background-position:-1px 1px;
}

div.content .bouton_48px.creer_passage{
background-position:-52px 1px;
}

div.content .bouton_48px.creer_evenement{
background-position:-105px 1px;
}

div.content .bouton_48px.creer_actu{
background-position:-155px 1px;
}


div.content .bouton_48px:hover{
background-position-y:-101px;
cursor:pointer;
}

div.content .bouton_48px.disabled{
background-position-y:-50px;
opacity:0.4;
}


/* bouton texte */

div.content a.bouton_texte{
text-decoration:none;
display:inline;
padding:3px;
background:white; 
border-radius:3px;
font-size:0.8em;
}

div.content a.bouton_texte.enabled{
color:grey;
border:1px solid grey;
}

div.content a.bouton_texte.disabled{
color:#DDD;
border:1px solid #DDD;
opacity:0.6;
}

div.content a.bouton_texte.enabled:hover{
box-shadow:3px 3px 3px #DDD;
}

div.content a.bouton_texte.disabled:hover{
box-shadow:0px 0px 0px white;
}



/* boutons 16px */

div.content .bouton_16px{
display:inline-block;
width:16px;
height:16px;
background:url('squelettes/img/boutons_admin_16px.png');
border:none;
cursor:pointer;
vertical-align: middle;
}

div.content .bouton_16px span{
display:inline-block;
  text-indent: -5000px;
  text-align:left;
}




div.content .bouton_16px.supprimer{
background-position:-66px 0px;
}


div.content .bouton_16px:hover{
background-position-y:-30px;
}

div.content .bouton_16px.disabled{
opacity:0.4;
}

div.content .bouton_16px.disabled:hover{
cursor:auto;
}


/*PICTOS*/

div.content p.picto_24px{
display:inline-block;
width:25px;
height:25px;
background:url('squelettes/img/boutons_admin_24px.png');
}


div.content .picto_24px span{
display:inline-block;
  text-indent: -5000px;
  text-align:left;
}


div.content .picto_24px.licence_non_valide{
background-position:-54px -69px;
}

div.content .picto_24px.licence_validee{
background-position:-28px -69px;
}

div.content .picto_24px.licence_attente_renouv{
background-position:-55px -69px
}

div.content .picto_24px.licence_attente_validation{
background-position:-3px -69px;
}

div.content .picto_24px.passage_valide_non{
background-position:-129px -69px;
}

div.content .picto_24px.passage_valide_oui{
background-position:-103px -69px;
}


/* TABLES */

table.admin_table .liste_documents_table{
width:800px;

}

table.admin_table.small_table{

width:700px;


}
table.dataTable .large_100px{
width:100px;
}

div.dataTables_filter{
margin-bottom:10px;
}




table.dataTable tr td.sorting_1 {
background-color:transparent !important;
}

table.dataTable thead tr{
background-color:white !important;
border-bottom:1px solid #CCC !important;
border-top:1px solid #CCC !important;
}

table.dataTable thead th{
border:0px !important;
}

.admin_table td.picto{
background-color:transparent;
}



.admin_table{
border-collapse:collapse;
border-spacing:0px;
}


.admin_table th{
border-bottom:1px solid #999;
font-weight:normal;
}


.admin_table th.picto{
width:20px;
padding:5px;
margin:0px;
}


table.table_details{
width:500px;
margin:0 auto;
margin-bottom:20px;
border:1px solid #999;
padding:10px;
border-collapse:collapse;
border-spacing:0px;
}

table.table_details tr.row_odd{
background-color:#e2eafc;
}

table.table_details tr.row_even{
background-color:white;
}

table.table_details td{
border:1px solid #999;
padding:10px;
}

table.table_details td.titre{
width:150px;

}

/*---------------*/
/* CONTENU TEXTE */
/*---------------*/


div.content .pagination{
font-size:0.8em;
text-align:right;
}

div.content ul.bordered_ul{
border:1px solid grey;
padding:10px;
text-align:left;
}

div.content ul.bordered_ul li{
margin-left:20px;
}

/*-------*/
/*ACTUS*/
/*-------*/


div#news_panel{
float:left;
position:relative;
display:inline;
width:210px;
min-height:500px;
margin:0;
padding:0;
-moz-border-radius:10px;
border-radius:10px;
border:1px solid;
border-color:#CCC;
color:#444;
background-color:#FFF;
font-size:0.9em;
}

div#news_panel div{
padding:10px;
}

div#news_panel p{
margin:0;
padding:0;
}

div#news_panel ul{
margin:0
padding:0;
text-align:center;
}

div#news_panel li{
margin-bottom:1em;
list-style-type:none;
line-height:1.2em;
}

div#news_panel li p{
text-align:left;
}

div#news_panel li p.date{border-top:1px solid  #DDD;
font-size:0.8em;margin-bottom:0.5em;
}

div#news_panel li p.title{
font-size:1.05em;
padding-top:3px;
}


div#news_panel h1{
text-transform: uppercase;
padding-top:0;
margin-bottom:1em;
font-size:0.95em;
}


div#news_panel_content .read-more,
div#news_panel_content .read-more a,
div#news_panel_content .read-more a:hover,
div#news_panel_content .read-more a:visited,
div#news_panel_content .read-more a:link,
div#news_panel_content .read-more a:active,
div#news_panel_content .re-collapse,
div#news_panel_content .re-collapse a,
div#news_panel_content .re-collapse a:hover,
div#news_panel_content .re-collapse a:visited,
div#news_panel_content .re-collapse a:link,
div#news_panel_content .re-collapse a:active{
text-decoration:none;
}


div#news_panel_content p{
text-align:left;
padding:0;
margin:0;
}


table.liste_documents_table{
width:800px;
}

table.liste_documents_table tr.row_odd{
background-color:#e2eafc;
}

table.liste_documents_table tr.row_even{
background-color:white;
}



/* FIN ACTUS*/



div#pres_panel{
margin:0;
margin-top:35px;
padding:0;
margin-left:250px;
text-align:justify;
position:relative;
}

div#pres_panel p{
margin-bottom:1em;
margin-top:1em;
} 


/*-----------*/
/* GALERIES */
/*------------*/

div.gallery{
width:763px;
margin:0 auto;
padding:10px;
margin-top:30px;
text-align:left;
}

div.gallery img{
padding:3px;
margin:3px;
border:1px solid;
border-color:#BBB;
}

div.gallery a,
div.gallery a:hover{
text-decoration:none;
}
/*FIN GALERIES */



/*    LISTE ENSEIGNANTS/ ASSSISTANTS   */



.content.pub div.liste.enseignants,
.content.pub div.liste.assistants{
margin: 0 auto;
margin-top:30px;
}


/* TABLES de l'espace public */

.content.pub table.pub_table{
margin: 0 auto;
margin-top:20px;
border-collapse:collapse;
border:1px solid #DDD;
background-color:white;
width:650px;
}

.content.pub table.large_table{
width:800px;
}



.content.pub table.pub_table th,
.content.pub table.pub_table th{
padding:10px;
border:1px solid #DDD;
}

.content.pub table.pub_table td,
.content.pub table.pub_table td{
padding:10px;
border-collapse:collapse;
border:1px solid #DDD;
}


.content.pub  table.pub_table tr.row_odd,
.content.pub table.pub_table tr.row_odd{
background-color: #e2eafc;
}

.content.pub table.pub_table tr.row_even,
.content.pub table.pub_table tr.row_even{
background-color:white;
}

.content.pub table.pub_table td.action,
.content.pub table.pub_table td.picto{
width:35px;
}


.content.pub table.pub_table td.align_gauche{
text-align:left;
}


.content span.lien_retour{
display: block;
font-size:0.8em;
margin-top:20px;
}

/* ----------- */
/*   ITF ADMIN */
/* ----------- */

img.logo_div{
margin-top: -45px;
float:left;
}

.afficher.dojo img.logo_div{
margin-top: -15px;
margin-left:20px;

}


/* DOCUMENTS / ACCORDION */


.content.admin .liste_objets.documents h2,
.content.admin .liste_objets.galeries h2{
text-align: left;
display: block;
margin:0 auto;
margin-bottom:10px;
text-align: center;
padding:10px;
margin-top: 10px;
border-radius: 10px 10px 10px 10px;

}

.content.admin .liste_objets.documents h2.open{
background: url("squelettes/img/arrows.png") 10px -32px no-repeat;
background-color:#e2eafc;

}
.content.admin .liste_objets.galeries h2{
background-color:#e2eafc;
}
.content.admin .liste_objets.documents h2.close,
.content.admin .liste_objets.galeries h2.close{

background: url("squelettes/img/arrows.png") 10px 8px no-repeat;
background-color:#e2eafc;
}

.content.admin .liste_objets.galeries h2 span.bouton_titre_droite{
float:right;
}



.content.admin .liste_objets.documents h2 a,
.content.admin .liste_objets.galeries h2 a{
font-size:0.8em;
display: block;
padding: 0;
padding-left: 32px;
margin: 0;
text-decoration: none;
}

.content.admin .liste_objets.documents h2 a:visited,
.content.admin .liste_objets.galeries h2 a:visited{
color:#40686d;;
}

.content.admin .liste_objets.documents .liste_document_contenu,
.content.admin .liste_objets.galeries .liste_galerie_contenu{
padding:10px;
width:55Opx;
margin: 0 auto;
}
.content.admin .liste_objets.galerie{
width:750px;
margin-top:0px;
}

.content.admin .liste_objets.galerie ul{
list-style-type:none;
}

.content.admin img.spip_logos,
.content.pub img.spip_logos{
width:25px;
height:25px;
margin-top:3px;
}



/* FORMULAIRES EDITION OBJETS*/

.content.admin .formulaire_editer{
width: 850px;
background: white;
border: 1px solid #DDD;
padding: 30px;
margin: 0 auto;
box-shadow: 5px 5px 5px #DDD;
border-radius: 10px;
font-size:0.9em;
}

.content.admin .formulaire_inscrire_wrapper,
.content.admin .formulaire_lister_wrapper{
width: 900px;
background: white;
border: 1px solid #DDD;
padding:0;
margin: 0 auto;
box-shadow: 5px 5px 5px #DDD;
border-radius: 10px;
padding-bottom: 20px;
}

.content.admin .formulaire_inscrire{
margin: 0 auto;
}


.content.admin .formulaire_editer .explication{
margin-bottom: 10px;
font-style:italic;
}

.content.admin .formulaire_editer  fieldset{
text-align: left;
margin: 0 auto;
margin-top: 20px;
margin-bottom: 40px;
width: 800px;
border: 1px solid #DDD;
padding: 20px;
}

.content.admin .formulaire_editer fieldset h3.legend span{
background: white;
border: 1px solid #DDD;
padding: 5PX;
margin-top: -35px;
display: block;
margin-bottom: 20px;
margin-left: 480px;
text-align: center;
width: 300px;
font-weight: bold;
font-style: normal;
border-radius:7px;
box-shadow: 2px 2px 2px #F2F2F2;
}

.content.admin .formulaire_editer fieldset label,
.content.admin .formulaire_editer fieldset input,
.content.admin .formulaire_inscrire fieldset label,
.content.admin .formulaire_inscrire fieldset input{
display:block;
padding:3px;
}

.content.admin .formulaire_editer fieldset input,
.content.admin .formulaire_inscrire fieldset input{
margin-bottom:10px;
}

.content.admin .formulaire_editer  li,
.content.admin .formulaire_editer ul,
.content.admin .formulaire_editer li.fieldset,
.content.admin .formulaire_inscrire  li,
.content.admin .formulaire_inscrire ul,
.content.admin .formulaire_inscrire li.fieldset,
.content.admin .formulaire_associer li,
.content.admin .formulaire_associer ul,
.content.admin .formulaire_associer li.fieldset{
list-style-type : none;
}

.content.admin .formulaire_editer  li.editer,
.content.admin .formulaire_inscrire  li.editer,
.content.admin .formulaire_associer  li.editer{
margin-bottom: 20px;
display: block;
}

.content.admin .formulaire_editer  li.editer label,
.content.admin .formulaire_inscrire  li.editer label{
width: 210px;
margin-right: 20px;
text-align:left;
display:block;
float:left;
}

.content.admin .formulaire_editer fieldset li.editer label{
width: 250px;
}

.content.admin .formulaire_editer  li.editer input,
.content.admin .formulaire_editer  li.editer textarea,
.content.admin .formulaire_editer  li.editer select,
.content.admin .formulaire_inscrire  li.editer input,
.content.admin .formulaire_inscrire  li.editer textarea,
.content.admin .formulaire_inscrire  li.editer select{
display: block;
}

.content.admin  .formulaire_editer li.editer select[multiple]{
display:inline-block;
}


.content.admin .formulaire_editer span.info_form{
width: 840px;
display: inline-block;
text-align: right;
}


/* alignement spŽcial pour la sŽlection des disciplines dans l'Ždition d'un adhŽrent*/

.content.admin .formulaire_adherent_edit ul.selection_disciplines input{
display: inline;
}

.content.admin .formulaire_adherent_edit ul.selection_disciplines  label{
width: 150px;
display: inline-block;
float: none;
}


/* alignement spŽcial pour la sŽlection des competences dans l'Ždition d'un adhŽrent*/

.content.admin .formulaire_adherent_edit ul.selection_competences  li {
margin-bottom:10px;
}

.content.admin .formulaire_adherent_edit ul.selection_competences  li select{
display: inline;
float: none;
}

.content.admin .formulaire_adherent_edit ul.selection_competences li span{
display: inline-block;
width:150px;
}


.content.admin .inscrire_adherents{
border:1px solid #DDD;
padding:20px;
}


.content.admin .reponse_formulaire_erreur{ 
box-shadow: 5px 5px 5px #DDD;
border-radius: 5px;
margin: 0 auto;
width: 380px;
background: #fbe3e4; 
color: #8a1f11; 
border:1px solid #F78181; 
padding:10px;
text-align:left;
background-image:url('squelettes/img/erreur-24.png');
padding-left:50px;
background-repeat: no-repeat;
background-position: 10px center;
margin-bottom:40px;
}

.content.admin .erreur_message {
display:block;
color: #8a1f11; 
padding:5px;
margin-left:180px;
text-align:left;
font-size:0.8em;
font-weight:bold;
font-style:normal;
}

.content.admin li.editer.erreur {
background: #fbe3e4;
}

.content.admin .reponse_formulaire_ok a { color: #264409; }
.content.admin .reponse_formulaire_erreur a { color: #8a1f11; }

 
 .content.admin .obligatoire{
 font-style:italic;
 font-weight:bold;
 }

  
  
 .content.admin .editer_horaires_dojo .horaires_cours_selection ,
 .content.admin .editer_horaires_dojo horaires_cours_selection_new,
 .content.admin .editer_lieux_dojo .lieux_selection{
padding: 10px;
border: 1px solid #DDD;
margin: 10px;
border-radius: 5px;
box-shadow: 2px 2px 1px #F2F2F2;
}

 .content.admin .editer_horaires_dojo .horaires_cours_selection li.editer,
 .content.admin .editer_horaires_dojo .horaires_cours_selection_new li.editer,
 .content.admin .editer_lieux_dojo .lieux_selection li.editer{
margin-bottom:10px;
}

.content.admin .formulaire_editer fieldset .selection_horaires_tous_les,
.content.admin .formulaire_editer fieldset .selection_horaires_tous_les label,
.content.admin .formulaire_editer fieldset .selection_horaires_tous_les select,
.content.admin .formulaire_editer fieldset .selection_horaires_de,
.content.admin .formulaire_editer fieldset .selection_horaires_de label,
.content.admin .formulaire_editer fieldset .selection_horaires_de input,
.content.admin .formulaire_editer fieldset .selection_horaires_a,
.content.admin .formulaire_editer fieldset .selection_horaires_a label,
.content.admin .formulaire_editer fieldset .selection_horaires_a input{
display: inline;
}

.content.admin .formulaire_editer fieldset .selection_horaires_de input,
.content.admin .formulaire_editer fieldset .selection_horaires_a input{
width:40px;
}


.content.admin .formulaire_editer fieldset div.choix{
display: inline;
}


.content.admin .formulaire_editer fieldset div.choix input,
.content.admin .formulaire_editer fieldset  div.choix label{
display:inline;
float:none;
}



.bouton_suppr,
.bouton_suppr_new{
margin-left: 740px;
margin-bottom: 20px;
}

.content.admin .formulaire_editer fieldset .inline label,
.content.admin .formulaire_editer fieldset .inline input,
.content.admin .formulaire_editer fieldset .inline select{
display:inline;
float:none;
}


/* FILTRES*/

div.filtre ul{
list-style: none;
}
    
    
div.filtre{
width:850px;
padding: 0;
margin: 0 auto;
border:1px solid #DDD;
margin-bottom: 20px;
font-size: 0.9em;
}


div.filtre table{
margin: 0 auto;
text-align: left;
border-collapse: collapse;
width: 850px;
}



div.filtre table td{
    vertical-align: top;
    padding: 5px;
}

div.filtre table td.filtre_items,
div.filtre table th.filtre_headers{
    text-align: center;
}

div.filtre table th.filtre_headers{
   
    border-bottom: 1px solid #DDD;
    background-color: #e2eafc;
}

div.filtre table td.border-bottom{
border-bottom:1px solid #DDD;
}    
    
div.filtre table td.border-left{
border-left:1px solid #DDD;
}

div.filtre table td.border-right,
div.filtre table th.border-right{
border-right:1px solid #DDD;
}

div.filtre table label,
div.filtre table select{
    width: 150px;
    display: inline-block;
}


div.filtre tr > td.filtre_boutons{
background-color: #e2eafc;
margin-top:10px;
}


div.filtre td.filtre_boutons{
    border: none;
    vertical-align: middle;
    text-align: center;
}

div.filtre td.filtre_boutons input{
    margin-left: 10px;
    margin-right: 10px;
}



/* special dojos*/
.formulaire_lister.dojos div.filtre table td.filtre_items{
    width: 261px;
}

/* special adherents*/
.formulaire_lister.adherents div.filtre table td.filtre_items{
    width: 241px;
}

/*
.formulaire_lister.adherents div.filtre li.small_width button[style]{
    width:150px !important;
}*/

div.logo_table {
text-align: left;
}

div.liste_boutons{
display: block;
width: 100px;
margin: 0 auto;
text-align: center;
padding: 5px;
background-color: #e2eafc;
border-radius: 10px 10px 10px 10px;
float: right;
}


div.filtre div.logo_table {
margin-left: 10px;
margin-top: -15px;
}

div.groupe_outils div.logo_table ,
div.liste_objets div.logo_table{
margin-top: -25px;
margin-left: 0px;
}


span.total{
display: block;
width: 100px;
margin:0 auto;
text-align: center;
padding:5px;
background-color:#e2eafc;
border-radius: 10px 10px 10px 10px;
}


div.liste_objets.document,
div.liste_objets.galerie{
width:750px;
border:none;
}
div.liste_objets.document table,
div.liste_objets.galerie table{
width: 750px;
border-radius:0px 0px 0px 0px;
text-align:left;
border:none;
}

div.liste_objets.document table tr,
div.liste_objets.galerie table tr{
height:30px;
}
/*GLOBAL*/



/* LISTE ADHERENTS, DOJOS, PASSAGES OUTILS */


.large_input{
width:180px;
}

.very_large_input{
width:280px;
}

div.liste_objets,
div.groupe_outils{
width:830px;
margin:0 auto;
padding:10px;
border:1px solid #DDD;
margin-bottom:30px;
margin-top:20px;
}

div.liste_objets table{
width:830px;
margin:0 auto;
margin-top:20px;
margin-bottom:30px;
border-spacing:0px;
}

div.liste_objets table td{
text-align:left;
padding-left:10px;
}

div.liste_objets table th{
text-align:center;
font-family:'DINBold';
}

div.liste_objets table{

border: 1px solid #DDD;
border-radius: 10px 10px 0px 0px;
}

div.liste_objets table tr.row_odd{
background-color: #e2eafc;
}

div.liste_objets table tr.row_even{
background-color:white;
}

div.liste_objets table th{
font-weight:bold;
padding: 3px 18px 3px 10px;
border-bottom: 1px solid #DDD;
}

div.liste_objets table th.action,
div.liste_objets table td.action{
width:25px;
margin:0;
padding:0px;
}


/* GROUPE OUTILS */

div.groupe_outils table td.border-right,
div.groupe_outils table th.border-right{
border-right:1px solid #DDD;
}

div.groupe_outils{
font-size: 0.9em;
}

div.groupe_outils ul{
list-style-type:none;
}


div.groupe_outils table{
margin: 0 auto;
text-align: left;
border-collapse: collapse;
width: 780px;
}

div.groupe_outils th{
text-align: center;
}

div.groupe_outils td div.outil{
background-color: #e2eafc;
padding: 20px;
border:none;
border-radius: 10px 10px 10px 10px;
margin: 10px;
display: inline-block;
text-align: center;}

div.groupe_outils hauteur_60px{
height:60px;
}

div.groupe_outils td div.outil.double{
width: 310px;
}

div.groupe_outils td div.outil.simple{
width: 720px;
}

div.groupe_outils div.outil.simple span.rangee_boutons{
width: 700px;
display: block;
margin: 0 auto;
border: 1px solid #DDD;
padding: 10px;
background-color:white;
}
div.groupe_outils div.outil.simple span.rangee_boutons span{
width: 230px;
display: inline-block;
}
.bouton_outil{
width:40px;
height:40px;
background-color: white;
border:1px solid #DDD;
border-radius: 10px;
display: block;
margin-top:20px;
}

.bouton_outil img{
margin-top: 4px;
}

.bouton_outil:hover{
box-shadow: 1px 1px 1px 1px #CBCDE6;
margin-top:
}


/* CALENDAR / AGENDA */

.content.pub.rubrique.cal{
padding:10px;
}


.content.pub.rubrique.cal div#agenda{
width:850px;
margin: 0 auto;
padding: 40px;
background-color: white;
box-shadow:5px 5px 5px #DDD;
border:1px solid #DDD;
border-radius:20px;
font-size:0.9em;
}

.content.pub.rubrique.cal span.fc-button-prevYear,
.content.pub.rubrique.cal span.fc-button-nextYear,
.content.pub.rubrique.cal span.fc-button-prev,
.content.pub.rubrique.cal span.fc-button-next,
span.arial{
font-family:Arial;
}

.content.pub.rubrique.cal .fc-state-highlight {
background-color:#e2eafc;
}


.content.pub.rubrique.cal h2 {
background:none;
}

/* DATATABLES */


/* AFFICHER*/

.content.admin{
color: #40686d;
}

div.afficher,
div.outils{
background: white;
border: 1px solid #DDD;
padding: 0;
margin: 0 auto;
box-shadow: 5px 5px 5px #DDD;
border-radius: 10px;
margin-bottom: 30px;
}

.content.admin div.afficher,
.content.admin div.outils{
width: 900px;
}

.content.pub div.afficher,
.content.pub div.outils{
width: 750px;
}

.content.admin h3 span.legend{
background: white;
border: 1px solid #DDD;
padding: 5PX;
margin-top: -35px;
display: block;
margin-bottom: 20px;
margin-left: 430px;
text-align: center;
width: 300px;
font-weight: bold;
font-style: normal;
border-radius:7px;
box-shadow: 2px 2px 2px #F2F2F2;
}

div.outils.large{
width: 830px;
padding: 30px;
}


.dataTables_wrapper{

margin-bottom: 40px;
padding: 10px;
padding-bottom: 30px;
width: 540px;
border: 1px solid #EEE;
}

#liste_adherents_dojo_licencies_wrapper{
margin-bottom: 10px;
}


.liste_adherents .dataTables_wrapper{
width:530px;
}

.liste_documents .dataTables_wrapper{
width:500px;
border:none;
}

.admin_table_group .dataTables_wrapper{
width:880px;
margin: 0 auto;
font-size:0.95em;
}

.admin_table_group .dataTables_wrapper td{
text-align:left;
padding:5px;
}

.pub_table_group .dataTables_wrapper{
width:740px;
margin:0 auto;
}



.admin_table_group,
.pub_table_group{
width: 750px;
background: white;
border: 1px solid #DDD;
padding: 15px;
margin: 0 auto;
border-radius: 10px;
margin-bottom: 30px;
}

.admin_table_group.statistiques{
width:850px;
}


.afficher .titre{
margin:0 auto;
font-size: 2em;
line-height : 1.5em;
margin-top: 120px;
margin-bottom:150px;
word-wrap: break-word;
}

.content.admin .afficher .titre{
width: 750px;
}

.content.pub .afficher .titre{
width: 600px;
}

.afficher .infos{
text-align: left;
margin: 0 auto;
margin-top: 20px;
margin-bottom: 40px;
border:1px solid #DDD;
padding:20px;
}

.content.admin .afficher .infos{
width: 750px;
}

.content.pub .afficher .infos{
width: 650px;
}

.afficher .soustitre,
.outils .soustitre{
background: white;
display: block;
margin:0 auto;
margin-bottom: 40px;
text-align:center;
width:400px;
font-family:DINBOld;
font-size:1.1em;
font-weight:bold;
}


.afficher .infos .adresse strong{
float:left;
}

.afficher .infos .adresse p{
margin-left:180px;
}

.afficher .boutons{
text-align:right;
padding:5px;
}

/* FORMULAIRES ASSOCIER*/

.content.admin .formulaire_associer{
padding: 10px;
margin: 20px;
}


.content.admin .formulaire_associer .liste_documents{
padding:10px;
border:1px solid #DDD;
margin-bottom:20px;
}



/* FORMULAIRES EDITION LIENS */


.over{
position: absolute;
left: -3000em;
height: 1%;
}

a.toggle_box_link{
font-size:0.8em;
cursor:pointer;
}


/* FORMULAIRES OUTILS */


.content.admin .formulaire_outils{
margin: 10px;
border: 1px solid #DDD;
padding: 15px;
}

.content.admin .formulaire_outils  li,
.content.admin .formulaire_outils ul,
.content.admin .formulaire_outils li.fieldset{
list-style-type : none;
}
.content.admin .formulaire_outils li.editer{
display:inline;
}

/*DOJO*/


.afficher.dojo .titre,
.afficher.dojo .infos {
margin:0 auto;
}

.afficher.dojo .titre{
margin-top: 30px;
margin-bottom:70px;
}

.afficher.dojo .infos{
margin-top: 40px;
margin-bottom:30px;
}

.content.admin.dojo .formulaire_editer_liens_dist{
padding:0px;
}

.content.admin.dojo .formulaire_editer_liens_dist form{
padding:20px;
}

.content.admin.dojo .formulaire_editer_liens_dist .liste-objets-lies table,
.content.admin.dojo .formulaire_editer_liens_dist liste-objets-associer table{

}


/* HORAIRES */

.infos.cours table.horaires_cours{
border:1px solid #DDD;
border-collapse:collapse;

}

.infos.cours table.horaires_cours tr.row_odd{
background:#FAFAFA;
}
.infos.cours table.horaires_cours ul{
list-style-type:none;
}

.infos.cours table.horaires_cours td{
border:1px solid #DDD;
border-collapse:collapse;
padding:10px;
}

.infos.cours table.horaires_cours td.jour{
width:50px;
}

.infos.cours table.horaires_cours td.heure{
width:100px;
font-style:italic;
}




.infos.cours table.horaires_cours td.disc{
width:75px;
}

.infos.cours table.horaires_cours td.lieu{
width:200px;
}

.infos.cours table.horaires_cours td.comm{
width:120px;
}

/*ADHERENT*/

.afficher.adherent .avatar{
padding: 10px; 
margin-left: 50px;
float: left;
border: 1px solid #DDD;
padding: 10px;
box-shadow: 5px 5px 5px #DDD;
background-color: white;
margin-bottom: 30px;
}



div.infos.historique{
margin:0 auto;
border:1px solid #DDD;
margin-bottom:30px;
margin-top:20px;
}

div.infos.historique table{
margin : 0 auto;
margin-top:20px;
margin-bottom:30px;
border-spacing:0px;
border: 1px solid #DDD;
border-radius: 10px 10px 0px 0px;
width: 730px;
}



div.infos.historique table td{
padding:5px;
text-align:center;
}

div.infos table tr.row_odd{
background-color: #e2eafc;
}

div.infos table tr.row_even{
background-color: white;
}

div.infos.historique table th{
font-weight:bold;
padding: 3px 18px 3px 10px;
border-bottom: 1px solid #DDD;
text-align:center;
}


div.infos table.desc_champs{
width:650px;
margin:0 auto;
border-collapse:true;
}

div.infos table.desc_champs ul{
list-style-type:none;
}

div.infos table.desc_champs td.desc_champs_label{
width:300px;
}

div.infos table.desc_champs tr td{
padding: 10px;
}


/* DATEPICKER */

#ui-datepicker-div{
font-size: 0.7em;
line-height:1em;
}

/* TIMEPICKER */

.ui-timepicker-table{
box-shadow:3px 3px 3px #FAFAFA;
border:1px solid #DDD;
border-radius:5px;
font-size:0.6em;
line-height:1.1em;
}

.ui-widget-header{
border-bottom:1px solid #DDD;
font-weight:bold;
}

.ui-timepicker-minute-cell:hover,
.ui-timepicker-hour-cell:hover{
box-shadow:inset 1px 1px 1px #DDD;
}


/* MULTISELECT */

.multiselect .ui-widget ,
div.ui-multiselect-menu{
font-size:0.8em;
}

.ui-multiselect-checkboxes input{
    margin-right:5px;
}



/*AUTOCOMPLETE*/

.autocomplete{
background-color:white;
border:1px solid #DDD;
text-align:left;
}

.autocomplete div.selected{
background-color:#FAFAFA;
}


/* OUTILS */

div.outil{
border: 1px solid #DDD;
padding: 10px;
margin-bottom:20px;
text-align:left;
}

/* STATISTIQUES*/

.table_stats{
margin:0 auto;
margin-top: 30px;
margin-bottom: 30px;
border-collapse:collapse;
overflow-x: scroll;
width: 840px;
display: block;
font-size:0.8em;
background-color:white;
}

.table_stats td,
.table_stats th{
border:1px solid;
padding:5px;
}

.table_stats th{
font-family:DINBOld;
background-color:#DDD;
}

.table_stats tr.total_inter{
background-color:#DDD;
}

.table_stats tr.total{
background-color:#DDD;
}

/*-------*/
/*CONTACT*/
/*-------*/

div.contact p{
margin-top:10px;
text-align:justify;
}


div.contact div.contact_div{
margin-top:50px;
}

div.contact div.contact_div,
.contact_div div{
width:100%;
}

div.contact div.contact_div p{
margin-top:10px;
}

div.contact form.contact_form{
width:100%;
text-align:left;
}

div.contact form.contact_form label{
text-align:left;
width:200px;
display:inline;
}

 form.contact_form textarea{
height:300px;
overflow-x:scroll;
overflow-y:hidden;
}

div.contact form.contact_form input#submit_button{
margin-left:130px;
}

span.ast{
color:red;
}

span.form_erreur{
padding:5px;
-moz-border-radius:5px;
border-radius:5px;
background-color:red;
opacity:0.5;
color:#FFF;
font-weight:bold;
margin-left:15px;
font-size:0.9em;
}

/* Fin Contact */




/*-----------*/
/* PLAN DU SITE */
/*------------*/

div.map_div{
text-align:left;
}

div.map_div ul{
margin-left:2em;
}

/* fin plan du site */




/*===========*/
/* FOOTER */
/*===========*/


.footer, .push {
padding-top:65px;
height: 30px;
color:#A4A4A4;
font-weight: normal; 
font-style: normal; 
line-height:normal; 
font-size:0.8em;
}

.footer a{
color:#A4A4A4;
}

#footer_text{
margin-top:5px;
margin-bottom:5px;
}

.footer a:hover{
text-decoration:underline;
color:#A4A4A4;
}


.footer span{
margin-left:0 auto;
}



/*// CONNEXION ///*/
div.content.connexion .formulaire_login{
width: 300px;
margin: 0 auto;
}

div.content.connexion .formulaire_login li.editer_password label{
margin-top: 20px;
}
div.content.connexion .formulaire_login span.erreur_message{
margin-top: -70px;
display: inline-block;
position: absolute;
margin-left: -100px;
width: 150px;
color:red;
font-weight:bold;
}


div.content.connexion .panneau_login fieldset{
border:none;
}

div.content.connexion .panneau_login legend,
div.content.connexion .panneau_login p.details,
div.content.connexion .panneau_login .editer_session{
display:none;
visibility:hidden;
}

div.content.pub.connexion .panneau_login label{
width: 160px;
display: inline-block;
}

div.content.connexion .panneau_login{
width:400px;
margin: 0 auto;
margin-top: 50px;
display:block;
padding: 50px;
border: 1px solid #DDD;
border-radius: 10px 10px 10px 10px;
background-color: rgba(255, 255, 255, 0.7);
}


div.content.connexion .panneau_login ul{
list-style-type:none;
}

div.content.connexion #pass_securise{
display:none;
}
div.content.connexion .panneau_login input.submit{
margin-top:10px;
}

div.content.connexion .panneau_login ul li{
text-align:left;
}