* {margin: 0px; padding: 0px;}
* {outline: none;}

blockquote{
  margin-left:40px;
  margin-top:5px;
  margin-bottom:5px;
}

body{
  background:url(../img/fond.jpg) repeat-x;
  background-color:#F1F1F1;
  background-position: 50% 0%

}

img.transparent, div.transparent{ behavior: url(iepngfix.htc)}

html, body {  
  padding:0px;
  font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
  margin:0px auto; 
}

body {
  font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
}

a:ACTIVE {font-family : Arial;font-size : 13px;font-weight : normal;color : #000000;text-decoration : underline;}
a:LINK {font-family : Arial;font-size : 13px;font-weight : normal;color : #000000;text-decoration : underline;}
a:VISITED{font-family : Arial;font-size : 13px;font-weight : normal;color : #000000;text-decoration : underline;}
a:HOVER {font-family : Arial;font-size : 13px;font-weight : normal;color : #000000;text-decoration : none;}

a.form:ACTIVE {font-family : Arial;font-size : 11px;font-weight : normal;text-transform:uppercase;color : #000000;text-decoration : none;}
a.form:LINK {font-family : Arial;font-size : 11px;font-weight : normal;text-transform:uppercase;color : #000000;text-decoration : none;}
a.form:VISITED{font-family : Arial;font-size : 11px;font-weight : normal;text-transform:uppercase;color : #000000;text-decoration : none;}
a.form:HOVER {font-family : Arial;font-size : 11px;font-weight : normal;text-transform:uppercase;color : #000000;text-decoration : underline;}

div.clear{
  clear:both;
  font-size:0.01px;
  max-height:0.01px;
  height:0.01px;  
  margin:0px;
  width:1px;
}
br.clear{
  clear:both;  
  font-size:0.01px;
  max-height:0.01px;
  height:0.01px;
  margin:0px;
}

.bold {	
  font-weight:bold;}

#base{
  width:1007px; 
  margin:17px auto 0px auto;
  height:800px;
}

#bandeau{
  width:1007px;
  height:222px;
  padding-bottom:0px;  
  background:url(../img/bandeau.jpg) no-repeat top left;  
}

#bandeau .drapeaux{  
  margin-left:955px;
  padding-top:18px;  
}
#bandeau .drapeaux .drapeau{
  width:31px;
  height:20px;
  cursor:pointer;  
  margin-bottom:8px;  
}


#content{
  width:996px;  
  padding-bottom:10px;
  padding-top:14px;
  margin-left:3px;  
  background-color:#FFFFFF;
  border-left:1px solid #DCDCDC;
  border-right:1px solid #DCDCDC;
  min-height:450px;
}

/*--------------------------------------------------------------------------------*/
/*------------------------MENU DE NAVIGATION GAUCHE-------------------------------*/
/*--------------------------------------------------------------------------------*/
#content .menu{
  float:left;
  display:inline;
  width:217px;
  background:url(../img/borderPointilleCote.gif) repeat-y top right;
}
#content .menu .conteneurElement{
  background:url(../img/borderPointillehautbas.gif) repeat-x bottom left;
  padding-bottom:1px;
  padding-top:1px;
  margin-left:11px;
}
#content .menu .conteneurElement .element, #content .menu .conteneurElement .elementSel{  
  min-height:18px;
  width:181px;
  padding-left:23px;
  background:url(../img/flechemenu.gif) no-repeat 0px 50%;
  padding-top:3px;
  font-size:12px;
}


#content .menu .conteneurElement .element a:link{  
  color:#838383;
  text-decoration:none;
  font-size:12px;
}
#content .menu .conteneurElement .element a:visited{  
  color:#838383;
  text-decoration:none;
  font-size:12px;
}
#content .menu .conteneurElement .element a:hover{  
  color:#838383;
  text-decoration:underline;
  font-size:12px;
}

#content .menu .conteneurElement .elementSel a:link{  
  color:#838383;
  text-decoration:none;
  font-size:12px;
}
#content .menu .conteneurElement .elementSel a:visited{  
  color:#838383;
  text-decoration:none;
  font-size:12px;
}
#content .menu .conteneurElement .elementSel a:hover{  
  color:#838383;
  text-decoration:underline;
  font-size:12px;
}

#content .menu  .debutMenu{
  background:url(../img/borderPointillehautbas.gif) repeat-x top left;
  margin-left:11px;
  height:1px;
  font-size:0.1px;
}

#content .menu .conteneurSousElement{
  background:url(../img/borderPointillehautbas.gif) repeat-x bottom left;
  padding-bottom:1px;
  padding-top:1px;
  margin-left:30px;
  
}

#content .menu .conteneurSousElement .sousElement, #content .menu .conteneurSousElement .sousElementSel{   
   color:#000000;
   font-size:11px;
   min-height:16px;
   padding-top:2px;
   padding-left:13px;
   background:url(../img/flechesousmenu.gif) no-repeat 0px 2px;
}

#content .menu .conteneurSousElement .sousElement a:link{
  color:#EB6C1C;
  font-size:11px;
  text-decoration:none;
}
#content .menu .conteneurSousElement .sousElement a:visited{
  color:#EB6C1C;
  font-size:11px;
  text-decoration:none;
}
#content .menu .conteneurSousElement .sousElement a:hover{
  color:#EB6C1C;
  font-size:11px;
  text-decoration:underline;
}

#content .menu .conteneurSousElement .sousElementSel a:link{
  color:#EB6C1C;
  font-size:11px;
  text-decoration:none;
}
#content .menu .conteneurSousElement .sousElementSel a:visited{
  color:#EB6C1C;
  font-size:11px;
  text-decoration:none;
}
#content .menu .conteneurSousElement .sousElementSel a:hover{
  color:#EB6C1C;
  font-size:11px;
  text-decoration:underline;
}

#content .menu .partnerSousMenu{
  /*margin-left:15px;*/
  margin-top:15px;
  text-align:center;
  font-weight:bold;
}
#content .menu .partnerSousMenu .mav{
  color:#EB6C1C;
  font-weight:bold;
}

/*--------------------------------------------------------------------------------*/
/*-----------------------------CONTENU CENTRAL------------------------------------*/
/*--------------------------------------------------------------------------------*/
#content #calendar{
  width:750px;
  padding-left:20px;
  float:left;     
  display:inline; 
} 
 
#content .milieu{
  float:left;
  display:inline;
  width:530px;
  background:url(../img/borderPointilleCote.gif) repeat-y top right;
  padding-left:20px;
  padding-right:15px;
  min-height:450px;
  position:relative;
  padding-bottom:60px;
}
#content .milieu .titre{
  text-align:right;  
  color:#AAAAAA;
  font-size:10px;
  height:40px;
  padding-top:7px;
}
#content .milieu .titre a.current:link{
  text-decoration:none;
  color:#AAAAAA;
  font-size:10px;  
}
#content .milieu .titre a.current:visited{
  text-decoration:none;
  color:#AAAAAA;
  font-size:10px;  
}
#content .milieu .titre a.current:hover{
  text-decoration:underline;
  color:#AAAAAA;
  font-size:10px;  
}
#content .milieu .titre a:link{
  text-decoration:underline;
  color:#AAAAAA;
  font-size:10px;  
}
#content .milieu .titre a:visited{
  text-decoration:underline;
  color:#AAAAAA;
  font-size:10px;  
}
#content .milieu .titre a:hover{
  text-decoration:underline;
  color:#AAAAAA;
  font-size:10px;  
}
#content .milieu .logos{
  float:left;
  display:inline;
  width:536px;
  height:73px;
  margin-top:50px;  
  position:absolute;
  bottom:0;
}

/*--------------------------------------------------------------------------------*/
/*-----------------------------PARTIE DROITE--------------------------------------*/
/*--------------------------------------------------------------------------------*/
#content .droite{
  float:left;
  display:inline;
  width:193px;
  padding-left:8px;
  padding-right:8px;
  min-height:510px;
}

#content .droite p{
  text-align:left;
}

/*--------------------------------------------------------------------------------*/
/*-------------------------------FOOTER-------------------------------------------*/
/*--------------------------------------------------------------------------------*/
#footer{
  width:996px;  
  padding-bottom:20px;  
  margin-left:3px;  
  background-color:#FFFFFF;
  border-left:1px solid #DCDCDC;
  border-right:1px solid #DCDCDC;
}
#footer .contenu{
  background:url(../img/borderPointillehautbas.gif) repeat-x top left;
  width:952px;  
  margin-left:auto;
  margin-right:auto;  
  padding-top:9px;   
  background-color:#FFFFFF;  
  color:#000000;
  font-size:10px;
  padding-left:21px;
}

#footer .contenu .nav{
  float:left;
  margin-bottom:-25px;
  width:780px;
  text-align:center;
}
#footer .contenu .copy{
  float:right;
  display:inline;
  color:#909090;
  font-size:10px;
}
#footer .contenu .copy a:link{
  color:#909090;
  text-decoration:none;
  font-size:10px;
}
#footer .contenu .copy a:visited{
  color:#909090;
  text-decoration:none;
  font-size:10px;
}
#footer .contenu .copy a:hover{
  color:#909090;
  text-decoration:underline;
  font-size:10px;
}

#footer .contenu .nav a:link{  
  color:#000000;
  text-decoration:none;
  font-size:10px;
  margin-left:5px;
  margin-right:5px;
}
#footer .contenu .nav a:visited{  
  color:#000000;
  text-decoration:none;
  font-size:10px;
  margin-left:5px;
  margin-right:5px;
}
#footer .contenu .nav a:hover{  
  color:#000000;
  text-decoration:underline;
  font-size:10px;
  margin-left:5px;
  margin-right:5px;
}

/*--------------------------------------------------------------------------------*/
/*-------------------------------PARTAGES-----------------------------------------*/
/*--------------------------------------------------------------------------------*/

/*Image 'enjolivée'*/
div.cadre_droite{
  width:194px;
  height:250px;
}

div.topImg{
  height:7px;
  width:194px;
  background:url(../img/topimg.gif) no-repeat top left;
  font-size:0.1px;  
}
div.midImg{
  width:194px;
  height:236px;
  background:url(../img/midimg.gif) repeat-y top left;
  font-size:0.1px;  
}
div.midImg img{
  width:180px;
  margin-left:7px;
  margin-right:7px;
  border:0px;
}

div.botImg{
  font-size:0.1px;  
  height:7px;
  width:194px;
  background:url(../img/botimg.gif) no-repeat top left;
}

div.searchField label {float: left; width: 170px;margin-right: 5px;margin-left:10px;margin-bottom:5px;clear:left;}
div.searchField input {float: left; }

/*--------------------------------------------------------------------------------*/
/*-------------------------------ADHESION-----------------------------------------*/
/*--------------------------------------------------------------------------------*/

table.typetarif{
  width:100%;
}

table.typetarif td{
  font-size:11px;
  padding:5px;
}

table.typetarif tr.top{
  background-color:#5D5D5D;
}
table.typetarif tr.top td{
  color:#FFFFFF;
}

table.typetarif tr.middle{
  background-color:#ADADAE;
}

table.typetarif tr.bottom{
  background-color:#CBCCCE;
}

span.plus{
  cursor:pointer;
}

table.typeadhesion{
  width:100%;
}
table.typeadhesion td{
  font-size:11px;
  padding:3px;
}
table.typeadhesion tr{
  background-color:#CBCCCE;
}
table.typeadhesion tr.colored{
  background-color:#E2E2E2;
}

div.groupeetude{
  margin-top:5px;
  width:100px;
  float:left;
  display:inline;
}
/*--------------------------------------------------------------------------------*/
/*-------------------------------INSCRIPTION--------------------------------------*/
/*--------------------------------------------------------------------------------*/

div.actionForm{
  text-align:right;
  padding-right:15px;
}

div#warn{
  color:red;
  font-size:10px;
}

p.listeDays{
  text-align:center;  
}

p.listeDays input{
  margin-right:5px;
  margin-left:20px;
}

table.tableTDI{
  width:100%;
}

table.tableTDI td{
  padding-left:10px;
  padding-bottom:2px;
  padding-top:2px;
  padding-right:5px;  
}

table.tableTDI td select{
  width:80px;
}

table.tableTDI td input.prog{
  width:450px;
  margin-top:3px;
}

span.detail{
  font-size:10px;
  color:#333333;
}

table.tableRecap{
  width:100%;
  border:1px solid black;
}

table.tableRecap td{
  padding-left:10px;
  padding-bottom:5px;
  padding-top:5px;
  padding-right:5px;  
}

table.total td{
   padding-left:10px;
   padding-right:5px;  
   padding-bottom:5px;
}

span.grandtotal{
  font-weight:bold;
  font-size:14px;
}

tr.head td{
  border-bottom:2px solid #555555;
  border-top:1px solid #555555;
}

/*--------------------------------------------------------------------------------*/
/*-------------------------------BULLES-------------------------------------------*/
/*--------------------------------------------------------------------------------*/

.bulle{
  background:url(../img/bulle_fleche.gif) no-repeat;
  padding:17px 0px 0px 0px;
  position:absolute;
  width:600px;
}

.bulle div.bord_gch{
  background:url(../img/bulle_bord_gch2.gif) no-repeat;
  float:left;
  display:inline;
  width:11px; 
  height:162px;
}
.bulle div.bord_drt{
  background:url(../img/bulle_bord_drt2.gif) no-repeat;
  float:left;
  display:inline;
  width:12px;
  height:162px;
}

.bulle div.contenu{
  float:left;
  display:inline;
  background:url(../img/bulle_fd_contenu.gif) repeat top left;
  padding:10px 0px;
  height:142px;
}

.bulle div.contenu div.enonce{
  font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
  margin: auto; 
  text-transform:uppercase;
  text-align:center;
  font-weight:bold;
}

.bulle div.sponsor{
  float:left;
  display:inline;
  width:99px;
  padding:4px 5px 0px 5px;
} 

.bulle div.sponsor div.logo{
  border:1px solid #9D9D9D;
  width:97px;
} 
.bulle div.sponsor div.intitule{
 font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #7A7A7A; 
  text-transform:uppercase;
  text-align:center;
} 



/*--------------------------------------------------------------------------------*/
/*------------------------------- CALENDRIER--------------------------------------*/
/*--------------------------------------------------------------------------------*/


/*------------------------ONGLETS---------------------------*/
#menu_top{
  background:url(../img/pointille_onglets.gif) repeat bottom left;
  height:31px;
  width:747px;
}

#menu_top div.onglet_on{
  float:left;
  display:inline;
  margin-right:5px;
  /*width:182px;*/
}

#menu_top div.onglet_on div.bord_drt{
  float:left;
  display:inline;
  background:url(../img/onglet_drt_on.gif) no-repeat;
  height:31px;
  width:6px;
}
#menu_top div.onglet_on div.fd{
  height:20px;
  padding:11px 4px 0px 4px;
  background:url(../img/onglet_fd_on.gif) repeat top left;
  float:left;
  display:inline;
  font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #F9CE03; 
	cursor:pointer;
  }
  
#menu_top div.onglet_on div.bord_gch{
  float:left;
  display:inline;
  background:url(../img/onglet_gch_on.gif) no-repeat;;
  height:31px;
  width:6px;
}

#menu_top div.onglet_off{
  float:left;
  display:inline;
  margin-right:5px;
  /*width:182px;*/
}

#menu_top div.onglet_off div.bord_drt{
  float:left;
  display:inline;
  background:url(../img/onglet_drt_off.gif) no-repeat;
  height:31px;
  width:6px;
}
#menu_top div.onglet_off div.fd{
  height:20px;
  padding:11px 4px 0px 4px;
  background:url(../img/onglet_fd_off.gif) repeat top left;
  float:left;
  display:inline;
  font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #000000; 
	cursor:pointer;
  }
  
#menu_top div.onglet_off div.bord_gch{
  float:left;
  display:inline;
  background:url(../img/onglet_gch_off.gif) no-repeat;
  height:31px;
  width:6px;
}

/*------------------------CONTENU---------------------------*/
.ctn_cal{
  background:url(../img/fd_calendrier.gif) repeat-y top left;
  width:723px;
  margin:0px 21px 0px 0px;
  padding:13px 6px 0px 6px;
}

table.cal{ 
}
table.cal td{ 
  border-right:1px #FFFFFF solid;
  border-bottom:4px #FFFFFF solid;
  color:#000000;
  font-size:11px;
  font-weight:bold;
  vertical-align:center;
  padding:0px 5px 0px 5px;
}

div.entete{
  color:#FFFFFF;
  font-size:11px;
  font-weight:bold;
}
div.entete div.gch{
  background:url(../img/cal_th_gch.gif) no-repeat;
  float:left;
  display:inline;
  height:26px;
  width:5px;
}

div.entete div.centre{
  background:#000000;
  padding:6px 0px 0px 0px;
  height:20px;
  float:left;
  display:inline;
  vertical-align:center;
}
div.entete div.drt{
  background:url(../img/cal_th_drt.gif) no-repeat;
  float:left;
  display:inline;
  height:26px;
  width:5px;
}

div.entete div.dis_gch{
  background:url(../img/cal_dis_gch.gif) no-repeat;
  float:left;
  display:inline;
  height:26px;
  width:5px;
}

div.entete div.dis_centre{
  background:#ffa457;
  padding:6px 0px 0px 0px;
  height:20px;
  float:left;
  display:inline;
  vertical-align:center;
}
div.entete div.dis_drt{
  background:url(../img/cal_dis_drt.gif) no-repeat;
  float:left;
  display:inline;
  height:26px;
  width:5px;
}

table.cal tr.clair{ 
  background-color:#F3F3F3;
  height:34px;
}

table.cal tr.fonce{ 
  background-color:#E2E2E2;
  height:34px;
}

.complet{
  color:#FF0000;
  font-size:10px;
  font-weight:bold;
  font-family:verdana;
}

div.salle{
  height:34px;
}

div.salle div.gch{
  background:url(../img/date_gch.gif) no-repeat;
  float:left;
  display:inline;
  height:34px;
  width:8px;
}

div.salle div.centre{
  background:url(../img/date_milieu.gif) repeat top left;
  padding:9px 0px 0px 0px;
  height:25px;
  float:left;
  display:inline;
  vertical-align:center;
  color:#FFFFFF;
  font-size:11px;
  font-weight:bold;
}
div.salle div.drt{
  background:url(../img/date_droite.gif) no-repeat;
  float:left;
  display:inline;
  height:34px;
  width:8px;
}

div.dis_intitule{
  float:left;
  display:inline; 
  color:#000000;
  font-size:11px;
  font-weight:bold;
  align:bottom;
  padding:0px 0px 0px 0px;
  width:144px;
}

a.nomConf:link{
  color:#000000;
  font-size:11px;
  font-weight:bold;
  text-decoration:none;
}
a.nomConf:visited{
  color:#000000;
  font-size:11px;
  font-weight:bold;
  text-decoration:none;
}
a.nomConf:hover{
  color:#000000;
  font-size:11px;
  font-weight:bold;
  text-decoration:underline;
}

div.dis_picto{
  float:left;
  display:inline; 
  vertical-align:middle;
  padding:2px 6px 0px 0px;
}