<!-- 
* { 
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	vertical-align: baseline;
	list-style: none;
}

html, body {
	height: 100%;
}

body {
  margin: 0;
  padding: 0;
	background-color:#D4DEF7;
	font-family:Verdana;
	font-size:11px;
	width: 900px;
	margin: 15px auto 20px auto;
}

div {
  text-align: center;
}


/*----------------------------------------------------------ORGANISATION PAGE */
div#global {
	min-height: 100%;
	padding: 0 10px;
	margin: 0 auto;
	margin-left:5%;
	margin-right:5%;
	position: relative;
	/*border: 1px solid #0033FF;*/
}

/*-------------------------------------------------------------------FIN MENU */


a {
  text-decoration: none;
  color: black;
	font-weight : bold;
/*color: #62686e;*/
}
a:hover {
  color : #FF7200;
  text-decoration: underline;
}

textarea {
	width:350px;
	height:400px;
	background-color:#b0c3f6;
	font-family:Verdana;
  font-size:11px;
}

select, input {
	width:100px;
	height:18px;
	background-color:#b0c3f6;
	font-family:Verdana;
  font-size:11px;
  /*cursor:pointer;*/
}

select:hover, input:hover, input:focus {
  background: #fff;
}


input, textarea {
  /*cursor:pointer;*/
  border: 1px solid gray;
  -moz-border-radius:3px;
}

table {
  margin: 0 auto;
}

td {
  vertical-align: middle;
  padding: 3px;
  height: 30px;
  -moz-border-radius:3px;
}

.bord {
	border: thin solid #4169E1;
}

.news {
  list-style-type: square;
  text-align: left;
  margin: 10px;
}
.news_old {
  font-style:italic;
  list-style-type: square;
  text-align: left;
	font-size:10px;
  margin: 10px;
}

/*-------------------------------------------------------------TITRES DE PAGE */
.titre1 {
	font-size:14px;
	font-weight : bold;
	text-decoration : underline;
}


/*--------------------------------------------------------------MESSAGES INFO */
.erreur {
  font-weight : bold;
  font-size:12px;
  color:#FF0000;
}

.non_erreur {
  font-weight : bold;
  font-size:12px;
  color:#008000;
}
/*----------------------------------------------------------------------------*/


/*---------------------------------------------------------TITRES DE TABLEAUX */
.titre_tab {
	font-size:14px;
}

.text_normal {
  font-size:10px;
  width:150px;
}

.effectif_tab {
  font-size:10px;
  font-weight : bold;
  background-color:#b0c3f6;
  text-align: center;
  cursor:default;
  border:1px solid gray;
  height:60px;
  box-shadow: -1px 2px 3px 0px rgba(0, 0, 0, 0.7);
}

.effectif_tab_point {
  font-size:10px;
  font-weight : bold;
  background-color:#b0c3f6;
  text-align: center;
  cursor:pointer;
  border:1px solid gray;
  height:60px;
  box-shadow: -1px 2px 3px 0px rgba(0, 0, 0, 0.7);
}

.effectif_cel, .effectif_cel_h, .effectif_cel_age, .effectif_cel_moins,.effectif_cel_note, .effectif_cel_plus {
  font-size:9px;
  border:1px solid gray;
  text-align: center;
  box-shadow: -1px 2px 3px 0px rgba(0, 0, 0, 0.7);
}

.effectif_cel_h {
  background-color:#F0F8FF;
}

.effectif_cel_age,.effectif_cel_moins {
  background-color:#FFA500;
}

.effectif_cel_note,.effectif_cel_plus {
  background-color:#32CD32;
}

/*---------------------------------------------------------------------LISTES */
.select_sel {
  background-color:#F0F8FF;
  width:120px;
  border: 1px solid gray;
}

.select_nonsel {
  background-color:#b0c3f6;
  width:120px;
  border: 1px solid gray;
}
/*----------------------------------------------------------------------------*/

/*--------------------------------------------------------------------BOUTONS */
.specialButton {
  font-family: sans-serif;
  line-height: normal !important;
  font-size: 130% !important;
}
.specialButton a:hover, .specialButton a:active {
  color: #FF7200 !important;
}
a.button, a.buttonDis {
display: block;
background-color: transparent;
background-image: url(../images/buttonBackground.gif);
background-repeat: no-repeat;
width: 132px;
height: 28px;
margin: 5px auto;
padding: 5px 0 0 0;
text-align: center;
font-size: 100%;
/*font-weight: bold;*/
text-decoration: none;
}
a.button:link, a.button:visited {
color: #000;
}
a.button:hover, a.button:active {
background-position: 0 -36px;
color: #000;
}
a.buttonDis:link, a.buttonDis:visited, a.buttonDis:hover, a.buttonDis:active {
background-position: 0 -72px;
color: #5F5F5F !important;
cursor: default;
}
/*----------------------------------------------------------------------------*/


/*--------------------------------------------------------------------ONGLETS */
ul#tabnav {
    font: bold 11px verdana, arial, sans-serif;
    list-style-type: none;
    padding-bottom: 26px;
    border-bottom: 1px solid gray;
    margin: 0;
}

ul#tabnav li {
    float: left;
    height: 21px;
    background-color: #b0c3f6;
    margin: 2px 2px 0 2px;
    border: 1px solid gray;
    box-shadow: -1px 2px 3px 0px rgba(0, 0, 0, 0.7);
}

ul#tabnav li.active {
    border-bottom: 1px solid #D4DEF7;
    background-color: #D4DEF7;
}

#tabnav a {
    float: left;
    display: block;
    color: #000;
    text-decoration: none;
    padding: 4px;
}

#tabnav a:hover {
    background: #fff;
}
/*----------------------------------------------------------------------------*/

/*--------------------------------------------------------------------ONGLETS */
ul#tabnav2 {
    font: bold 10px verdana, arial, sans-serif;
    list-style-type: none;
    padding-top: 0px;
    border-top: 1px solid gray;
    margin: 5px 0 0 2px;
}

ul#tabnav2 li {
    float: left;
    height: 20px;
    background-color: silver;
    margin: -1px 2px 0 2px;
    border: 1px solid gray;
    box-shadow: -1px 2px 3px 0px rgba(0, 0, 0, 0.7);
}

ul#tabnav2 li.active {
    border-top: 1px solid #D4DEF7;
    background-color: #D4DEF7;
}

#tabnav2 a {
    float: left;
    display: block;
    color: #000;
    text-decoration: none;
    padding: 4px;
}

#tabnav2 a:hover {
    background: #fff;
}
/*----------------------------------------------------------------------------*/

/*--------------------------------------------------------------------ONGLETS */
ul#tabnav3 {
    font: bold 9px verdana, arial, sans-serif;
    list-style-type: none;
    padding-top: 0px;
    border-top: 1px solid gray;
    margin: 5px 0 0 2px;
}

ul#tabnav3 li {
    float: left;
    height: 20px;
    background-color: silver;
    margin: -1px 2px 0 2px;
    border: 1px solid gray;
}

ul#tabnav3 li.active {
    border-top: 1px solid #D4DEF7;
    background-color: #D4DEF7;
}

#tabnav3 a {
    float: left;
    display: block;
    color: #000;
    text-decoration: none;
    padding: 4px;
}

#tabnav3 a:hover {
    background: #fff;
}
/*----------------------------------------------------------------------------*/