/* **************************************** */
/* Mise en page  des grande boites*/
/* **************************************** */

#gbody {
    width: 100%;
    border: 1px solid #000;/* */
}


body {
    /*background: white;/* */
    color: #000;
    font-family: Calibri, Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 14px;
    margin: auto;
    overflow: -moz-scrollbars-vertical;
    width: 100%;
    
    /*border: 1px solid #000;/* */
}

#main_frame {
    background-color: red;
    padding:0px;
    height: 1645px;
    z-index: -10;
    /*border: 2px solid red;/* */
}

#header {
    background: url(../img/bannieres/header5.png) left top no-repeat;
    /* background-color: white; /* */
    height: 200px;
    width: 100%;
    border: 1px solid white;/* */
}

	


.content_main {
    overflow: auto;/* */
    /*width: 70%;/**/
    position:absolute;
    top: 220px;
    right: 290px;
    left:5px;
    margin-left:25px;
    margin-right:15px;
    /*height: 1645px; /* */
    /* float: left;/**/
    /*padding-left: 15px;/**/  
    /*padding-right: 5px;*/
    /*border: 2px solid red; /*modifié par karel*/
}


#footer {
    position: absolute;
    top:1855px;
    padding:0px;
    margin: 0px auto;
    padding:0px;
    height: 40px;
    text-align:center;
    right: 5px;
    /*border: 1px solid #000;/* */
}

.booking {
    position: absolute;
    width: 280px; /**/
    height: 1645px; /**/
    right:5px;
    padding: 1px;
    margin-right:-7px;
    /*background-color:red; /**/
    background: url(../img/fond_booking_b.png) left top no-repeat;/**/
    /*border: 2px solid red; /*modifié par karel*/
}


/* **************************************** */
/* Mise en page  éléments secondaires*/
/* **************************************** */

.boite_evenement {
    /*border: 1px solid #000; /*modifié par karel*/
    clear:left;
    width:140px;
    margin-left:20px;
    margin-top:0px;
}

.news_bar {
    /*background: url(../img/Cadre_news.jpg) top left no-repeat;*/
    
    background-color:#DDDDDD;
    border: 1px solid #000; /*modifié par karel*/
    margin-top:1px;
    margin-bottom:10px;
    height: 40px; /*modifié par karel*/
    /*width: 580px;/* */
    text-align:left;
    padding-top:7px;
    padding-left:15px;
    /*border: 1px solid #000; /*modifié par karel*/
}

.photo_auteur {
    position:absolute;
    left:782px;
    top:120px;
    border: 0px solid black;
    width:186px;
    height:40px;
    /* background-color: lightgrey;/* */
    background: url(../img/nomimage.png) left top no-repeat;/**/
    text-align: center;
    padding-top:6px;
    padding-right:10px;
}

.map_mini {
    position:absolute;
    right:10px;
    top:255px;
    z-index:-1;
}




/* **************************************** */
/* Les balises generales */
/* **************************************** */


a {
    text-decoration: none;
    color:#000;
}


a:link {
    text-decoration: none;
    color:#000;
}


a:hover {
    text-decoration: underline;
    color:#000;
}


p {
    margin: 0 0 10px 0;
    text-align: justify;
    /*display:inline;*/    
}

img {
    border: 0;
}

a.lien_violet {
    text-decoration: none; /* */
    color:#971CA1;   
}

a.lien_violet:hover {
    text-decoration: none; /* */
    color:#000;   
}

a.lien_blanc {
  text-decoration:none;
  color: white;
}

a.lien_blanc:hover {
  text-decoration:none;
  color: white;
  background-color:#F93;
  width: 190px;
}


/* **************************************** */ 
/* Le formatage */
/* **************************************** */ 

.texte_fin_discret {
    color: #969696;
    font-size: 0.8em;
}

.texte_grand_titre_violet_booking {
    color: #971CA1;
    font-size: 1.2em;
    font-weight: bold;
}

.texte_titre_violet_booking {
    color: #971CA1;
    font-size: 1.0em;
    font-weight: bold;
}

.texte_violet_booking {
    color: #971CA1;
    font-size: 1.0em;
}


.texte_sombre_horloge {
    color: #808080;
    font-weight: bold;
}
 
.attention {
    color: #FF0000;
}

.valide {
    color: #009933;
}

.texte_donnees {
    font-size: 0.8em;
}

.titre {
    font-size: 1.6em;
    text-align: center;
    color: #971CA1;
}

/* **************************************** */ 
/* Elements de formulaire */
/* **************************************** */ 

input.inscription {
    text-indent: 5px;
    border: none;
    border-bottom: thin solid grey;
    border-left: thin solid grey;
    height: 12px;
    width:200px;
    font-size: 10px;
    background: lightgrey;
}

select.inscription {
    height: 20px;
    width:200px;
    font-size: 10px;
    background: lightgrey;
}




/* **************************************** */
/* présentation pages de gestion*/
/* **************************************** */

div.gestion /* Pour le div contenant tout le BBcode (smiley, bouton, textarea) */
{
    /*width: 650px; /* */
    border: 2px solid #971CA1;
    padding: 5px;
    padding-left: 15px;
    /* padding-bottom: 15px;/*  */
}

div.titre_gestion /* pour le div de titre de la page edition */
{
    /*width: 690px; /**/
    border: 2px solid #971CA1;/* */
    padding: 5px;
    background: #971CA1;
    height: 25px;  
}

div.titre_gestion_texte /* pour le div de titre de la page edition */
{
    /*width: 690px; /**/
    text-align: left;
    width: 80%;
    font-size: 20px;
    color: #F0941B;  
}


/* **************************************** */
/* tableaux */
/* **************************************** */

.tableaux_bordure_fine {
    border:1px solid lightgrey;
}


.tableaux_bordure_fine_titre {
    border:1px solid grey;
    background-color: lightgrey;
    
}

.cellule_fine {
    height:7px;
}



/* **************************************** */
/* les menus */
/* **************************************** */



hr {
  display:none;
}

.menu {
  /* background-color:#FFF; /**/
  /* color:#333;/**/
  color: white;
  /*border:0.1em solid #333;/**/
  margin:1em;
  /* width: 100px;/* */
}

.ssmenu {
  background-color:#FFF;
  /* color:#333;/**/
  color: white;
  border:0.1em solid #333;
  margin:1em;
  /* width: 100px; /* */
}


.menu span, .ssmenu span {
  display:none;
}

.menu a {
  text-decoration:none;
  color:#F93;
  font-weight:bold;
}

.ssmenu a {
  text-decoration:none;
  /* color:#F93;/**/
  color: white;
}

.menu {
  padding:0 1em;
  /* background-color: #971CA1; /**/
}

.ssmenu {
  padding:0;
  background-color: #971CA1;
}

.ssmenu li {
  list-style-type:disc;
  list-style-position:inside;
  padding-left:0.1em;
  /* color:#F93;/**/
  color: white;
  
  
}

.ssmenu li:hover, .ssmenu a:hover,
  .ssmenu a:focus  {
  background-color:#F93;
  color:#FFF;
}

.ssmenu li:hover {
  list-style-type:circle;
}

#texte {
  text-align:justify;
  margin:1em;
  padding:0;
}

#texte p {
  text-indent:1em;
}

#access {
  margin:1em;
  padding:0;
  height:1px;
}

#texte {
  text-align:justify;
  margin:1em;
  padding:0;
}

#texte p {
  text-indent:1em;
}


#copy {
  padding:1em;
  margin:0;
  text-align:center;
}


/* **************************************** */
/* les messages d'avertissement */
/* **************************************** */

.message_avertissement {
	position:absolute;
	right:50px;
	top:28px;
	background-color:red;
	width:680px;
	text-align:center;
}

/* **************************************** */
/* coloration des select du booking */
/* **************************************** */

.titre_event {
    background-color:#EA9A21;
    color: black;    
}

.separateur {
    /* background-color:#414847;/* */
    background-color:#EA9A21;
    color: black;    
}

.booking_normal {
    background-color:#EA9A21;
    color: black;        
}

.position_bookee {
    background-color:#DCC3BE;
    color: black;        
}
.position_non_bookee {
    background-color:#B6DBB3;
    color: black;        
}

/* Ajout Loïc
Page Booking */

#book{
	vertical-align : top;
	padding-top : 20px;
	padding-left : 50px;	
}

#book td, #book th{
	padding : 2px 15px 2px 15px;
	text-align : left;
	
}



/* Page Réunion */

#reunion {
	text-align : left;
}

#reunion fieldset {
	margin : 10px 10px 10px 10px;
	padding-left : 25px;
	padding-bottom : 20px;
}

#reunion legend {
	padding-bottom : 20px;
	padding-top : 20px;
}

#reunion #label_odj, #reunion #odj_description {
	display : none;
}

/* Page concours */

#table_list td { /*Aussi pour droit */
	padding-left : 15px;
	padding-right : 15px;
}

#table_list .no_padding {
	padding-left : 0px;
	padding-right : 0px;
}

.div-inline {
	display : inline-block;
	margin-left : 10px;
	margin-right : 10px;
}
.img-pad {
	padding-left : 20px;
	padding-right : 20px;
	display : inline-block;
}

.div-verte {
	border: 2px solid green;
} 

.drag ul { list-style-type: none; margin: 0; padding: 0; margin-bottom: 10px; }
.drag li { margin: 5px; padding: 5px; width: 220px; text-align:center; display : inline-block;}

.concours-result-prem {
	background-color : #971CA1;
	padding-top : 5px;
	padding-bottom : 5px;
}

.concours-result {
	background-color : rgb(245,192,18);
	padding-top : 3px;
	padding-bottom : 3px;
}

.concours-tab td{
	padding-top : 10px;
	padding-bottom : 10px;
}

/* Page droit */

.submit-fiche {
	background: url(../img/icones/propriete.png);
	border: none;
	width: 15px;
	height: 15px;
	cursor: pointer;
}

.submit-croix {
	background: url(../img/icones/publish_x.png);
	background-repeat : no-repeat;
	border: none;
	width: 12px;
	height: 12px;
	cursor: pointer;
}





.table_list td, .table_list th { /*Aussi pour droit */
	padding-left : 15px;
	padding-right : 15px;
}


/* Page reaolops */

.table_realops {
	margin-left : auto;
	margin-right : auto;
	padding-left : 15px;
	padding-right : 15px;
	text-align : left;
	border-width : 1px;
	border-style : solid;
}

.table_realops td, .table_realops th{
	padding-left : 30px;
	padding-right : 30px;
} 

.table_realops tr th {
	padding-bottom : 20px;
	color :  #F93;

}