/********* Base ********/
body {
  font-family:         Trebuchet MS, Verdana, Arial, sans-serif;
  font-size:           12px;
  color:               #000;
  margin-top:          0px;
  margin-left:         52px;
  margin-right:        52px;
  background-color:	   #F8F8F8;
}

.aligncenter {
  text-align:          center;
}

.bold {
  font-weight:         bold;
}

.underline {
  text-decoration:	underline;
}

a {
  text-decoration: none;
}
a:hover{
  text-decoration: underline;
}

.margin_r {
  margin-right:        10px;
}

.margin_l {
  margin-left:        10px;
}

.margin_t {
  margin-top:        10px;
}

.floatleft {
  float:         	 left;
}


.floatright {
  float:         	   right;
}




/********* Div *********/
.logo {
	position: absolute;
	width:250px;
	top: 10px; 
	left: 50%; 
	margin-left: -125px;
}

.header {
	background: url(../img/header.gif) top left;
	background-repeat: no-repeat;
}

.box {
  width:               50px;
  height:              50px;
  background-color:    #CCCCCC;
  position: 		       relative;
  float:			         left;
  border:        	     1px solid #000;
  cursor: 			       pointer;
}


#bgmenu {
	width: 100%;
	height: 76px;
	list-style: none;
	padding: 0;
	margin: 10px 0 0 0;
	background:  url(../img/bg_menu.gif);
	background-repeat: repeat-x;
}
ul li {
	font-weight: bold;
	float: left;
	cursor: pointer;
	margin-right: 2px; /* règle l'écart entre les images de menu  */
}
ul li a {
	height: 26px;
	width: 76px;
	text-align: center;
	text-decoration: none;
	color: #666;
	padding-top: 50px;
	float: left;
}
ul li a:hover {
	color: #fff;
}

.menu1 {background: url(../img/menu1.jpg);}
.menu2 {background: url(../img/menu2.jpg);}
.menu3 {background: url(../img/menu3.jpg);}
.menu4 {background: url(../img/menu4.jpg);}
.menu5 {background: url(../img/menu5.jpg);}
.menu6 {background: url(../img/menu6.jpg);}
.menu7 {background: url(../img/menu7.jpg);}
.menu8 {background: url(../img/menu8.jpg);}
.menu9 {background: url(../img/menu9.jpg);}
.menu10 {background: url(../img/menu10.jpg);}


.ib {
  position: absolute;
}

#ssmenu {
  padding-top: 4px;
}


#sousMenu ul {
	list-style: none;
	padding: 0px;
	margin: 0px;
}
#sousMenu ul li {
  margin-right: 5px; 
  font-weight: bold;
  float: left;
  cursor: pointer;
}
#sousMenu ul li a {
	height: 23px;
	width: 110px; 			/* Largeur de la cellule type du sous-menu - Position : neutre  base : 150  */
	text-align: center;
	text-decoration: none;
	color: #666;
	background: url(../img/menu.gif) top;
	background-repeat: no-repeat;
	padding-top: 5px;
	float: left;
}
#sousMenu ul li a:hover {
  height: 23px;
  width: 110px;				/* Largeur de la cellule type du sous-menu - Position : survolée  base : 150 */
  background: url(../img/menu.gif) bottom;
  background-repeat: no-repeat;
  color: #fff;
}


.menu_g {
  width: 8px;
  height: 36px;
  background-image: url(../img/menu_g.gif);
  background-repeat: no-repeat;
  position: relative;
  float: left;
}
.menu_c {
  height: 36px;
  background-image: url(../img/menu_c.gif);
  background-repeat: repeat-x;
  position: relative;
  float: left;
}
.menu_d {
  width: 8px;
  height: 36px;
  background-image: url(../img/menu_d.gif);
  background-repeat: no-repeat;
  position: relative;
  float: left;
}

.nav_droite {
	width: 136px;
	height: 21px;
	color: #000;
	text-align: center;
 	padding-top: 2px;
	margin-bottom: 4px;
	float: right;
}

.nav_droite a {
	width: 136px;
	height: 21px;
	color: #000;
	text-align: center;
 	padding-top: 2px;
	background: url(../img/inscrire.gif) top;
	float: right;
}

.nav_droite a:hover {
	color: #FFF;
	background: url(../img/inscrire.gif) bottom;
}

.block_text {
  padding-left:			10px;
  background-color:		#FFFFFF
}

.block_connexion {
  padding-right:		5px;  
  padding-left:			5px;
  background-color:		#DBD8D8;
}

.footer {
  padding-top:4px;
}

.title {
  height: 				20px;
  background:			url(../img/puce.jpg) center left;
  background-repeat:	no-repeat;
  padding-left:			25px;
  padding-top:			3px;
  font-weight:			bold;
  font-family:			Arial, Helvetica, sans-serif;
  font-size:			13px;
  color:				#555555;
}

.puce {
  background:			url(../img/puce.gif) center left;
  background-repeat:	no-repeat;
  padding-left:			10px;
  margin-left:			5px;
  padding-top:			3px;
}

.subtitle {
  background-color:		#FCDB7E;
  background-repeat:	no-repeat;
  padding-left:			10px;
}

.link {
  text-decoration:	underline;
  color:               #000;
}

.link:hover {
  color:               #FF6600;
}

.blockimage {
	font-size:          10px;
	width: 				130px;
	height:				97px;
  	border:        	    2px solid #FCDB7E;
	float: 				left;
	cursor: 			pointer;
	margin-right:		10px;
}

.blockimage:hover {
  	border:        	    2px solid #FF6600;
}

.bloc_noir {
	position:			relative;
	width: 				30px;
	height: 			15px;
	text-align:			center;
  	border:        	    1px solid #FCDB7E;
	color:              #FFF;
	background-color:	#000;
	top:				5px;
}

.langue {
	left:				5px;
	float: 				left;
}
.duree {
	right:				5px;
	float: 				right;
}

.margin_x {
	margin-top:        -100px;
}


#table_option {
	position:relative;
  background-repeat: no-repeat; 
	width:567px; 
	height:358px;
}

#table_option input {
	position:absolute; 
	background-color:transparent;
	height: 27px;
	font-size:2.1em
	}