/* CSS Document */
/*
184.6  = 24px
177    = 23px
169.2  = 22px
161.5  = 21px
153.8  = 20px
146    = 19px
138.5  = 18px
131    = 17px
123    = 16px
115	   = 15px
107.7% = 14px
100%   = 13px
92.3%  = 12px
84.6%  = 11px
77%    = 10px
69%    = 9px
*/

html,body {
   min-height: 800px;
   background: #222222 url("../img/body-bg.jpg") repeat-x top left;
}

a, a:visited, a:active {
  color: #505050;
  text-decoration:none;
}

em {
  clear:both;
}

ol {
  
}

ol li {
  list-style-type: decimal;
  margin: 5px 0px 10px 25px;  
}

h2 {
  margin: 5px;
  margin-bottom: 10px;
  font-weight: bold;
  font-size: 107.7%;
}

h3 {
  margin: 10px 0px 10px 5px;
  font-weight: bold;
  font-size: 107.7%;
}

h4 {
  margin: 10px 0px 10px 5px;
  font-weight: bold;
  font-size: 107.7%;
}

ul.upcoming {
  
  margin-left: 30px;
}

ul.upcoming li {
  padding-bottom: 5px;
  padding-left: 15px;
  list-style: disc outside;  
}

ul.upcoming li a {
  color:white;
}

.mode table td{
  padding: 3px;   
}

.inline {
  list-style:none;
}

.inline li {
  display:inline;
}

#hd {
  height: 149px;
  width: 950px;
  margin-top: 10px;
  /*background: transparent url("../img/header-bg.png") repeat-x top left;*/
  background: #EFEFEF;
  overflow:hidden;
}

#contactbook {
  background: transparent;
  border: none;
}



#logo {
  float:left;
}

#hdmenu {
  font-size: 92.3%;
  float:right;
  
} 

#hdmenu {
  text-transform: uppercase;
  margin-top: 20px; 
}

#hdmenu a {  
  padding-right: 5px;
}

#hdmenu a.last {
  padding-right: 10px;
}

#logo {
  margin-left: 18px;
}

#langselect {
  text-align:right;
  color: #505050;
  margin-top: 80px;
  padding-right: 10px;
}

#print,#map {
  position: relative;
  top:2px;
}

#langselect select {
  color: #505050;
}

.bd-cont {
  padding-bottom: 10px;  
  /*background: transparent url("../img/main-bg.png") repeat top left;*/
}

#ft {  
  background: transparent;   
  height: 160px; 
}

#ft span, #ft img {  
  display:inline;
  color: white;    
}

#ft span {
  position: relative;
  top: -25px;
  left: 125px;
}

#ft a {
  color:white;
}

.module {
 background: transparent url("../img/smodule-bg.png") repeat top left;
  /*background: transparent url("../img/module-bg.png") repeat top left;*/
  padding:10px;
  border: 1px solid white;
  margin-left: 10px;
  margin-bottom: 20px;
}

.fppromo {
  padding-left: 10px; 
  padding-bottom: 18px;  
  width:640px;
  overflow:hidden;
}

.fppromo .bizpromo {
  margin-right: 20px;
}

.pmodule {
  float:left;
  background: transparent url("../img/smodule-bg.png") repeat top left;  
  border: 1px solid white;   
  width: 308px;  
  height: 201px;
}

.pmodule>p,.pmodule div {
  padding-left: 5px;
}

#submenu {    
  margin: 6px 0px 5px 10px;
  text-transform: uppercase;
  line-height: 20px;
  font-size:84.6%;
  overflow:hidden;  
}

#submenu a,.sectionmenu a {
  margin-top: 10px;
  margin-right: 5px;
}

#submenu h3 {
  color: #505050;
  font-weight: normal;
  margin:0;  
}


.phcont {   
  padding-top: 10px;
  padding-right: 10px;
  text-align:right;

}

.sectionmenu {
  margin-top: 10px;
   margin-bottom: 10px;
  text-transform: uppercase;
  font-size: 92.3%;
}

.module p a, .sectionmenu a {
  color: #505050;
  text-decoration: underline;
}

#main .module {  
  width: 618px;  
}

#main .module div {
  margin-left:5px;
}

#main .module p {
  margin: 5px;
  color: black;
}

strong {
  font-weight: bold;
}

#btmpromo {  
  margin-left: 10px;
}

.promo {  
  margin-left: 10px;
  margin-bottom: 20px;
}

.promo img {
  border: 1px solid white;
}

.smodule {
  display:block;
  margin-left: 25px;
  margin-top:30px;
  width: 266px;  
  background: transparent url("../img/smodule-body-bg.png") repeat top left;
  font-size: 92.3%;
  border: 1px solid white;  
}

.smodule h3 {
  margin:0;
  padding-left: 15px;
  height: 22px;
  padding-top: 10px;
  background: transparent url("../img/smodule-bg.png") repeat top left;
  text-transform: uppercase;
}

.smodule form, .smodule p {
  padding-left: 15px;
}

.smodule p {
  text-transform: uppercase;
}

.smodule .frm input {
  margin-bottom: 5px;
  margin-top: 5px;
}

.smodule label {
  width: 80px;
  text-align: left;
}

.smodule .modgrad {
   background: transparent url("../img/smodule-div-bg.png") repeat top left;
   height: 10px;
}

#login h3, #newsletter h3 {
  cursor: pointer;
}

#login {
  text-transform:uppercase;
}

.smodule #cal {
  text-align: center;
  padding-left: 15px;
  margin-bottom: 10px;
}

.inp {
  background: transparent;  
  border: 1px solid black;
  width: 150px;
}

.but,.chk {
  background: transparent;  
  border: 1px solid black;
}

#calselect form label {
  width: 80px;
}

#calselect form {
  margin-bottom: 10px;
}

.head_languages {
  display:none;
}

.course-cat {
  line-height: 30px;
  background: transparent url("../img/courses-header-bg.png") repeat-x top left;
  font-weight: bold;
  color: #3e3e3e;
  border-top: 1px solid #B5B5B5; 
  border-bottom: 1px solid #959595; 
  border-left: 1px solid #959595;border-right: 1px solid #959595;
  padding-left: 10px;
  float:left;
  width: 586px;
  margin-right: 10px;
}

.ctitle,.clang,.cdet,.cdate,.ccalc {
  display:block;
  float:left; 
  font-size: 84.6%;   
}

.ctitle {    
  padding-left: 10px;
  padding-right: 10px;
  width: 230px;   
  font-weight: bold;
}
.clang {     
  width: 10px;  
  padding-right: 30px;
}

.cdet {
  position:relative;
  top:3px;  
  width: 80px;
  padding-left: 20px;
}

.cdate {
  
  width: 140px;
}

.ccalc {
  position:relative;
  top:3px;   
  width: 60px;
}

.see_details {
  display:block;
  width: 16px;
  height: 16px;
  background: transparent url("../img/search.png") no-repeat top left;
}
.bt_panier {
  display:block;
  width: 16px;
  height: 16px;
  background: transparent url("../img/calc.png") no-repeat top left;

}
#courses {
  overflow:hidden;
}
.gris_fonce,.gris_pale {color:black;display:block;float:left;border-left: 1px solid #959595;border-right: 1px solid #959595;  }
.gris_fonce {    
    padding: 3px; 
    line-height: 22px;
    background: transparent url("../img/courses-bg.png") repeat top left;
}

.gris_pale {
    padding: 3px; 
    line-height: 22px;
    background: transparent url("../img/courses-bg.png") repeat top left;
}

.gris_fonce:hover,.gris_pale:hover {
  background: transparent url("../img/courses-hover-bg.png") repeat top left;
  color:white;
}

.courselnk {
  overflow:hidden;
  text-decoration: underline;
  text-transform: uppercase;
}

.backlnk {
  float:left;

}

.calclnk {
  float:right;
}

/** contact us **/
.contact input[type="text"],.contact input[type="submit"], .contact textarea {
  background:transparent;
  color: black;
  border: 1px solid black;
  margin:3px;
}

.contact table select  {
  border: 1px solid black;
  background: white;
  margin: 3px;
}

/** gallery **/
.album {
  cursor: pointer;
}

#gallist {
  overflow:auto;
  height: 520px;
}

#gallist ul {
  margin-left: 15px;
}

#gallist img {
  opacity:1;
  filter:alpha(opacity=100);
  border: 2px solid white;
} 

#gallist img:hover{
  opacity:.6;
  filter:alpha(opacity=60);
}

#galcontainer {
  width: 620px;
  height: 336px;
  padding: 10px;
  margin-left: 10px;
  background: black url("../img/gal-bg.jpg") repeat-x top left; 
  overflow:auto;
}

#galcontainer ul {
  margin-top:8px;
  margin-left: 8px;
}

#galcontainer ul li a img {
  margin-bottom: 10px;
  margin-right: 10px;
  border: 1px solid white;
}

.messagecourriel {
  overflow:hidden;
  margin-top: 10px;
  margin-bottom: 10px;  
  font-weight: bold;
}

.messagecourriel span {
  float:left;
}

.greentick {
  padding-right:10px;
  display:block;
  float:left;
  width: 16px;
  height: 16px;  
  background: transparent url("../img/agt_action_success.png") no-repeat top left; 
}

/** team page **/
.carre_profs {
  background: black url("../img/gal-bg.jpg") repeat-x top left; 
  padding:5px;

}

.carre_profs a {
  padding-right: 7px;
 
}

.carre_profs img { 
  border: 1px solid white;  
}

.profwrapper {
  float:left;
  width: 300px;
}

.show_prof>div {
  overflow:hidden;
}

.show_prof img, div.nomprof , div.descprof {
  float:left;
  margin: 10px 0 10px 0;
}

.show_prof div.nomprof {    
  font-size: 123%;
  font-weight: bold;
}

.show_prof div.descprof {
  display:block;
  clear:none;
}

.show_prof .interetprof{
  margin: 10px 0 10px 0;
  clear:both;
}

.show_prof h4 {
  margin:10px 0 10px 0;
  padding:0;  
}

/** sitemap **/
table.sitemap {
  width:100%;
  table-layout:auto;
}
.sitemap th { 
  padding: 5px;
  background: transparent url("../img/courses-hover-bg.png") repeat top left;
  color:white;
  border-right: 1px solid white;
}

.sitemap tr {
  padding-bottom: 15px;
  margin-bottom:15px;
}

.sitemap td {
  padding:2px;
  vertical-align: top;
  margin:5px;
}

.sitemap td a {
  line-height: 30px;
  text-decoration:underline;    
}
/** module courses **/
#module-courses ol {
  padding-right: 5px;
}

#module-courses ol li a {
  color:black;
  text-decoration:underline;
}

/** calendar module **/

#calendar a.more {
  margin: 20px 0px 10px 15px;  
  color:white;    
  position: relative;
  left: 154px;
}

.spacer {
  height: 10px; 
}

.calevts {
  width: 210px;
  display:block;
}
.calevts h4 {
  padding-top:0;margin-top:0;
}

.calevts {
  display:block;
}

.cal-big .ui-datepicker {
  width: 353px;
}

.cal-big-cont form {
  width: 343px;
  padding-left: 10px;
  padding-top: 10px;
}

.calLight a.ui-state-default {
  background:#ADADAD url(/res/img/calLight.png) repeat-x scroll 50% 50%; 
    color:white; 
}

.calDark a.ui-state-default {
  background:#ADADAD url(/res/img/calDark.png) repeat-x scroll 50% 50%;
  color:white;
}

.calClosed a.ui-state-default {
  background:#ADADAD url(/res/img/calClosed.png) repeat-x scroll 50% 50%;
  color:white;
}

.calCourse a.ui-state-default {
  background:#ADADAD url(/res/img/calCourse.png) repeat-x scroll 50% 50%;
  color:white;
}

.module select.ui-datepicker-month {
  margin-left:26px;  
}

.module select.ui-datepicker-year,#cal select.ui-datepicker-month {
  width: 45%;
}

/*.fullOrange a.ui-state-highlight, .halfOrange a.ui-state-highlight {
  background:#555555 url(/res/img/ui-bg_highlight-hard_55_555555_1x100.png) repeat-x scroll 50% top;
}*/

/** checkout form **/
#formcheckout {
    margin:0;
    padding:0;
}

.module #formcheckout p, .module #modalites p {
  margin:5px 0;
  padding:0;
  clear:both;
}

#formcheckout input {
  margin: 5px;   
}

#modalites {
  display:block;
}

#formcheckout input.reginput,
#formcheckout input.houseno,
#formcheckout input.houseaddr {
  border:1px solid black;
  background: transparent;
  color: black;
}

#formcheckout input.reginput {
  width: 300px;
}

#formcheckout input.houseno {
  width: 50px;
}

#formcheckout input.houseaddr {
  width: 235px;
}

.module .methodepaiement td {
  padding-left:0; 
}

.methodepaiement input[type="checkbox"] {
  margin-right: 5px;
}

#checkout  {
  text-align: right;
}

#formcheckout span {
  display:block;
  width: 150px;  
  padding-left: 5px;
  font-weight: bold;
}

#facture td {
  padding:3px;
}

#popupcalendrier {
  color: #505050;
  text-align:left;
  background: white url("../img/module-bg.png") repeat top left;
}

#entete {
  color: white;
  overflow:hidden;  
  background: transparent url("../img/popup-activity.png") repeat-x top left;
}

#popupcalendrier #entete h1 {  
  float:left;
  font-size: 123%;
  margin-left: 5px;
}

#popupcalendrier #entete h2 {
  clear:both;
  font-size: 123%
}

#popupcalendrier #entete a {  
  color:white;
  float:right;
  padding-right: 10px;
}

#popupcalendrier #liste {
  margin-left:10px;
  margin-right: 10px;
}

#popupcalendrier #liste p {
  margin-top: 10px;
}

#popupcalendrier #liste h3 {
  margin-left:0;
  padding-left:0;
}

.regtable td {
  padding:5px;
}

.ph {
  font-size: 100%;
  font-weight: bold;
  text-transform: none;
  padding-left: 20px;
  background: transparent url("../img/phone.png") no-repeat top left;
}

.tfree {
  text-transform: none;
  padding-left: 2px;
  font-weight: bold;
}

.ph, .tfree {
  position: relative;
  top:-1px;
}

#contactbook p {
  text-align:center;
}

 {
  width: 40px;
}