/*
  Modif. 02 juin 2019; B. Babel
		Version UTF-8
  Modif.  17 mars 2024; J. Boursy:
  		Ajouter .btn
*/
.txtNormal, .data, textarea    { font-family: 'Roboto', sans-serif; font-size: 1 em; text-align:left}
.txtDRT        { font-family: 'Roboto', sans-serif; font-size: 1em; text-align:right}
.txtTimes      { font-family: 'Roboto', sans-serif;   font-size: 1.3 em; text-align:center; font-style:italic; font-weight:normal}
.txtRED        { font-family: 'Roboto', sans-serif; font-size: 1.2 em; text-align:left; font-weight:bold }
.txtNormalRetr { font-family: 'Roboto', sans-serif; font-size: 1 em; text-align:left; padding-left:10px}
.txtGras       { font-family: 'Roboto', sans-serif; font-size: 1 em; text-align:left; font-weight:bold}
.txtCentre     { font-family: 'Roboto', sans-serif; font-size: 1 em; text-align:center}
.txtTITRE      { font-family: 'Roboto', sans-serif; font-size: 1.3 em; text-align:left; font-weight:bold}
.txtTITRE2,h1     { font-family: 'Roboto', sans-serif; font-size: 1.2 em; text-align:left; font-weight:bold}
.txtTITRE3,h2     { font-family: 'Roboto', sans-serif; font-size: 1 em; text-align:left; font-weight:bold}
.txtTITRE4     { font-family: 'Roboto', sans-serif; font-size: 1 em; text-align:left; font-weight:bold}

h1 {color: #CC0033}
/* debut mise en page */
#main {
    float:left;
    width:58%;
	padding-right:2%;
    }

#sidebar {
    float:right;
    width:36%;
	background: #dfdfdf;
	padding-left:2%;
	padding-right:2%;
    }

#sidebar.discreet {
background:none;}

#footer {
    clear:both;
    }
/* fin de mise en page */	
	

.centered {text-align:center}
.emphasis {color:#CC0033 !important;}

h1 .emphasis {color:#666666}


.footer {margin-top:25px}
.duration {font-size:0.8em; color: #666666;}
.subhead {font-size:1.1rem; margin-top:20px;margin-bottom:20px}

/* couleur du fond pour attirer l'attention d'utilisateur (par exemple, quand il y a des participants à confirmer)*/
.attention {background-color:#FFCCCC}

.surtitre {
	margin-bottom:0px;
	font-weight:700;
}

/* gérer l'espacement quand le H1 est precedé par le surtitre*/
p.surtitre + h1 {
    margin-bottom: 13px;
    margin-top: 2px;
}

/* styles pour l'en-tête de la page avec details de la course */
.course-heading{margin-bottom:0px;margin-top:1.5em;}
.course-title {margin:0px;}
.course-info, .event-info {margin-top:0px;color:#666666}


.compressed-top {margin-top:0px;}
.compressed-bottom {margin-bottom:0px;}

/* tabelle avec une differente couleur du fond pour lignes paires et impaires */
tbody.alternate tr:nth-child(even) {background: #EFEFEF}
tbody.alternate tr:nth-child(odd) {background: #FFF}

tbody.alternate td, tbody.alternate th {
	vertical-align: middle; 
	text-decoration: none; 
	padding: 4px; 
}

/* les classes suivant affichent les bordures dans une tabelle 'alternate' en IE*/
.ie6 tbody.alternate td {
	border: .5pt dotted silver; 
}

.ie7 tbody.alternate td {
	border: .5pt dotted silver; 
}

.ie8 tbody.alternate td {
	border: .5pt dotted silver; 
}


tbody.list td, th.list {
	text-align: center; 
}
th {
	font-weight:700;
}

tbody.list td.destination {
	text-align:left;
	padding-left:5px;
	font-weight:700;
}

td.news-item
{text-align:center;
background:#DFDFDF;
border: 1px dotted #CCCCCC}

table.text-heavy {
width: 100%;  
table-layout: fixed;
} 

.no-wrap tr td {
    white-space: nowrap;
}

table.text-heavy td 
{
	vertical-align:top;
	word-wrap: break-word;
}

strong {font-weight: 700;}


#column1-wrap {
    float: left;
    width: 100%;
}
#column1 {
      margin-right: 40%;
}
#column2 {
    float: left;
    width: 40%;
    margin-left: -40%;
	background-color:#E8E8E8;
}

#text-box{
	padding:0px 10px;
}
#clear {
    clear: both;
}

#programme {
border-collapse: collapse;
}

#programme td {

border: #999 1px dotted;
}

div.half-right{
	background: #F5F3F5;
	border: 1px dotted #cccccc;
    width:50%;
    min-width:100px;
    float:right;
	margin:10px;
}

div.half-left{
    max-width:50%;
    min-width:100px;
    float:left;
	margin:5px 10px;
}

/* layout page d'accueil */

.column-left{ float: left; width: 48%; margin-left:1%; margin-right:1%; }
.double-column { float: left; width: 65%; margin-left:1%; margin-right:1%; }
.column-center{ display: inline-block; width: 48%; padding-left:1%; border-left: 1px dotted #ccc; }
.column-right{ float: right; width: 30%; text-align: center; background-color:#efefef; padding: 0 1%;border-left:1px dotted #ddd;}

#module-hp
{
	margin-top:18px;
	padding-bottom:12px;
	border-bottom: 1px dotted #ddd;
}

#prochaines-courses {margin-top: 5px;}
#prochaines-courses .course-date {font-size:0.9rem;}
#prochaines-courses .course-titre {font-weight:bold;}
#prochaines-courses .course-info, .event-info {font-size:0.9rem;}

#prochaines-courses p {padding: 4px 4px; margin: 0px;}
#prochaines-courses p:nth-child(even) {background: #EFEFEF}
#prochaines-courses p:nth-child(odd) {background: #FFF}

.img-responsive
{
	max-width:100%;
}
.column-right #news-item h2.centered {color:#666;}
.column-right #news-item {border-top:1px dotted silver; padding-top:5px; padding-bottom: 5px;}

.btn {
  border: none;
  background-color: #eee;
  padding: 14px 28px;
  font-size: 16px;
  cursor: pointer;
  display: inline-block;
}
.btn:hover {background: gold;}

@media screen and (max-width: 767px){
    div.half-right{ width:100%}
	div.half-left {width:100%}
}

#myslidemenu { z-index: 9999 !important;}
#myslidemenu ul { z-index: 9999 !important;}
#myslidemenu ul li { z-index: 9999 !important;}