* {margin:0; padding:0}

html,body{text-align:center;height:100%}

#general{
	background:#5fade4 url(./Images/fond_top.gif) repeat-x top left;
}

#global{position:relative;height:100%}
html>body #global{
	height:auto;
	min-height: 100%;
}

input {
	font: 12px Arial, Helvetica, sans-serif;
	padding: 5px;
	border: 1px solid #f1f1f1;
	color:#3c3c3c;
}

textarea{
	font: 12px Arial, Helvetica, sans-serif;
	padding: 5px;
	border: 1px solid #f1f1f1;
	color:#3c3c3c;
}

input[type="text"]:focus, textarea:focus {
background:#fafafa none repeat scroll 0 0;
border:1px solid #4690D6;
color:#3c3c3c;
}

label{
	display: block;
	font: 12px Arial, Helvetica, sans-serif;
	color:#3c3c3c;
	font-weight: normal;
	text-align: left;
	padding: 5px;
	padding-left:12px;
	background: #fff url(./Images/fleche_label.gif) no-repeat left center;
}

.button, .button:hover, input.button, input.button:hover{
	background: #9b2323 url(./Images/fleche_bouton.gif) no-repeat 20px center;
	border: none;
	margin: 0px;
	padding: 4px 30px;
	cursor: pointer;
	color: #ffffff;
	font-weight:bold;
	text-decoration:none;
	-webkit-border-radius: 5px; 
	-moz-border-radius: 5px;
}

.bouton_session, .bouton_session:hover{
	display:block;
	background: url(./Images/boutons_sessions.png) no-repeat top left;
	width:163px;
	height: 18px;
	color: #ffffff;
	font-weight:bold;
	text-decoration:none;
	text-align:center;
	padding-top: 3px;
	margin-right:10px;
}

hr{
	height:0px;
	background-color:#fff;
	color:#fff;
	border:0;
	border-bottom:dotted 1px #3c3c3c;
	}

a img{border:none;}

ul{margin-left:30px;}

#header{
width:920px;
text-align:left;
margin-left:auto;
margin-right:auto;
padding-top:8px;
}

#page,#barreMenu{
width:920px;
padding-left:30px;
padding-right:30px;
text-align:left;
margin-left:auto;
margin-right:auto;
}

#page{
padding-bottom:90px;	
}

#menu{
margin-left:250px;	
margin-right:10px;
}
#menu td{
	white-space:nowrap;
}
#menu a{
	display:block;
	text-decoration:none;
	padding-left:10px;
	color:white;
	font-weight:bold;
}
#menu a span{
	display:block;
	font-size:14px;
	height:34px;
	padding-top:10px;
	padding-right:10px;
	text-decoration:none;
	text-align:center;
	cursor:pointer;
}
#menu a:hover,#menu a.selected{
	background:url(./Images/menu_hover1.jpg) no-repeat top left;
}

#menu a:hover span,#menu a.selected span{
	background:url(./Images/menu_hover2.jpg) no-repeat top right;
}

#contenu{
	}

#colonneGauche{
	width:231px;
	text-align: left;
	padding-right:11px;
	}
	
.bloc_centre{
	background:#ffffff url(./Images/centre_bloc_top.gif) no-repeat top left;
	width:679px;
	padding-top:13px;
}

.bloc_centre .bottom, .bloc_centre_bottom{
	background:#ffffff url(./Images/centre_bloc_bottom.gif) no-repeat bottom left;
	width:619px;
	padding:0 30px 13px 30px;
}

.bloc_centre_bleu_top{
	background:url(./Images/centre_bloc_bleu_top.gif) no-repeat top left;
	width:659px;
	padding-left:20px;
	padding-top:6px;
	height:22px;
	color:#fff;
	font-weight:bold;
	font-size:12px;
}

.bloc_centre_bleu_bottom{
	background:#5293c1 url(./Images/centre_bloc_bleu_bottom.gif) no-repeat bottom left;
	width:649px;
	padding:15px 15px 41px 15px;
	color:#fff;
}

.bloc_centre_bleu_bottom a, .bloc_centre_bleu_bottom p, .bloc_centre_bleu_bottom td{
	color:#fff;
}

.gauche_entete,a.gauche_entete:hover, .gauche_entete_hover, a.gauche_entete_hover:hover,.gauche_entete_selected, a.gauche_entete_selected:hover{
	display:block;
	width:220px;
	height:18px;
	padding-top:3px;
	padding-left:10px;
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	font-size:12px;
	outline:none;
	letter-spacing:0px;
	font-family:Helvetica, "Times New Roman", sans-serif
}

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

a.gauche_entete:hover, .gauche_entete_hover, a.gauche_entete_hover:hover{
	background:url(./Images/gauche_entete_hover.gif) no-repeat top left;
}

.gauche_entete_selected, a.gauche_entete_selected:hover{
	background:url(./Images/gauche_entete_hover.gif) no-repeat top left;
}
.gauche_entete_categorie{
	display:block;
	width:220px;
	height:18px;
	padding-top:3px;
	padding-left:10px;
	text-decoration:none;
	color:#fff;
	font-weight:bold;
	font-size:11px;
	outline:none;
	letter-spacing:0px;
	font-family:Helvetica, "Times New Roman", sans-serif;
	background:url(./Images/gauche_entete_categorie.gif) no-repeat top left;	
}

.gauche_bloc{
	background:url(./Images/gauche_bloc_top.gif) no-repeat top left;
	width:230px;
	padding-top:10px;
	font-size:11px;
}

.gauche_bloc .bottom{
	background:#ffffff url(./Images/gauche_bloc_bottom.gif) no-repeat bottom left;
	width:210px;
	padding:0 10px 10px 10px;
}

.gauche_bloc a{
	color:#5d8dae;	
	text-decoration:none;
	font-weight: bold;
}
.gauche_bloc a.selected{
	color:#a30202;	
	text-decoration:none;
	font-weight: bold;
}

.inter_deroule{height:5px}

.titre_points{
	width:168px;
	white-space:nowrap;
	padding-left:20px;
	background:url(./Images/point.gif) no-repeat center left;
	border-bottom: dotted 1px #3c3c3c;
	margin-bottom: 7px;
	color:#666;
	font-family:"Times New Roman", Times, serif;
}

.titre_points div{
	font-size:18px;
	padding-right:20px;
	padding-top:7px;
	padding-bottom:7px;
	text-align:center;
	background:url(./Images/point.gif) no-repeat center right;
}

/*html>body .titre_points{
	width:auto;
	min-width: 150px;
}

html>body .titre_points div{
	width:auto;
	min-width: 120px;
}*/

.accueil_liste_liens{
	margin-left:0;
	list-style:	none;
}

.bloc_centre_bleu_bottom .accueil_liste_liens{
	color:#fff;
	font-size:12px;
	margin-left:13px;
	margin-top:6px;
}

.bloc_centre_bleu_bottom .accueil_liste_liens a{
	color:#fff;
	font-size:12px;
}

.couleurCat{
	vertical-align:top;
	text-align:left;
	padding-bottom:4px;
	padding-right: 4px;
}

.couleurCat div{
	width:5px;
	height:22px;
}

.nomCat{
	font-size:12px;
	font-weight: bold;
	vertical-align:middle;
	padding-bottom: 4px;
	border-bottom: dotted 1px #ffffff;
}

.accueil_delimite{
	width:100px;
	border-bottom: dotted 1px #3c3c3c;
	margin: 7px auto;
}

.axisante5_top{
	background:url(./Images/axisante5_top.jpg) no-repeat bottom right;
	background-color:#fff;
	width:408px;
	height:190px;
	padding-left:20px;
	padding-right:251px;
}

html>body .axisante5_top{
	height:auto;
	min-height: 190px;
}

.titreLogiciel{
	border-bottom: dotted 1px #3c3c3c;
}

.titreLogiciel td{
	padding-bottom:7px	
}

#onglets td{
	white-space:nowrap;
}
#onglets a{
	background:url(./Images/onglet_gauche.gif) no-repeat top left;
	display:block;
	text-decoration:none;
	padding-left:10px;
	color:#48362d;
	cursor:pointer;
}
#onglets a span{
	background:url(./Images/onglet_droite.gif) no-repeat top right;
	display:block;
	font-size:12px;
	height:26px;
	padding-top:15px;
	padding-right:10px;
	text-decoration:none;
	text-align:center;
	cursor:pointer;
}
#onglets a.onglet_dernier span{
	background:url(./Images/onglet_droite_dernier.gif) no-repeat top right;
}
#onglets a:hover,#onglets a.onglet_selected, #onglets a.onglet_dernier_selected{
	background:url(./Images/onglet_gauche_hover.gif) no-repeat top left;
	color:#fff;
}

#onglets a:hover span,#onglets a.onglet_selected span{
	background:url(./Images/onglet_droite_hover.gif) no-repeat top right;
}

#onglets a.onglet_dernier:hover span,#onglets a.onglet_dernier_selected span{
	background:url(./Images/onglet_droite_dernier_hover.gif) no-repeat top right;
}

#contenu_onglets{
	height:350px;
}
html>body #contenu_onglets{
	height:auto;
	min-height: 350px;
}

#lignebas{
	position:absolute;
	bottom:0px;
	left:0px;
	background-color:#31536c;
	height:60px;
	width:100%;
}

.pagination a:hover, .pagination a.paginationSelected{
	font-weight:bold;
}

.introOnglets{
	background-color:#e6eff2;
	padding:10px 30px;
}

.tabDelimite{
	border-bottom:dotted 1px #3c3c3c;
	margin-bottom:5px;
}
.tabDelimite td{padding-bottom:5px}

.tabDelimiteFormations{
	border-top:dotted 1px #3c3c3c;
	margin-top:15px;
}
.tabDelimiteFormations td{padding-top:15px}

#footer{
width:920px;
margin-left:auto;
margin-right:auto;
padding-top:6px;
text-align:right;
font-size: 11px;
color:#fff;
}
	
#footer a, #footer a:hover{font-size: 11px;text-decoration:none;color:#fff;}

.clear{
	display:block;
	width:0px;
	clear:both;
	line-height:0px;
	font-size:1px;
	height:0px;
	}

.tabForm{
	border-collapse: collapse;
	empty-cells: show;
	text-align: left;
	}
	
.tabForm td{
	vertical-align:top;
	padding: 5px;
	text-align: left;
}

.tabFront{
	border-collapse: collapse;
	empty-cells: show;
	text-align: left;
	}
	
.tabFront th{
	font-weight:bold;
	text-align:center;
	padding: 2px;
}
.tabFront td{
	text-align:center;
	padding: 2px;
}

.tabAdmin{
	border-collapse: collapse;
	empty-cells: show;
	border: dotted 1px #000000;
	text-align: left;
	}
	
.tabAdmin th{
	font-weight:bold;
	text-align:center;
	border: dotted 1px #000000;
	padding: 2px;
}
.tabAdmin td{
	text-align:center;
	border: dotted 1px #000000;
	padding: 2px;
}

.ligne_bleu_fonce td{
	background-color :#DAE7ED ;
	border-collapse: collapse;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
}

.ligne_bleu_clair td{
	background-color :#F2F7FA;
	border-collapse: collapse;
	padding-left:10px;
	padding-top:10px;
	padding-bottom:10px;
}

span.checkbox {
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	background: url(./Images/checkbox.gif) no-repeat;
	display: block;
	clear: left;
	float: left;
}
span.radio {
	width: 19px;
	height: 25px;
	padding: 0 5px 0 0;
	background: url(./Images/radio.gif) no-repeat;
	display: block;
	clear: left;
	float: left;
}
span.select {
	position: absolute;
	width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
	height: 21px;
	padding: 0 24px 0 8px;
	color: #fff;
	/*font: 12px/21px arial,sans-serif;*/
	background: url(./Images/select.gif) no-repeat;
	overflow: hidden;
}

ul#planSite, ul#planSite ul{
	margin-left:20px;	
}
ul#planSite a.niveau1{
	color:#066183;
	font-size: 11px;
	font-weight:bold;	
}

#presse_ongletGauche{
	display:block;
	text-align:center;
	width:340px;
	padding-top:10px;
	height:22px;
	background: url(./Images/presse_gauche.gif) no-repeat top right;
	font-weight:bold;
	color:#413936;
}

#presse_ongletGauche:hover,  #presse_ongletGauche.selected{
	background: url(./Images/presse_gauche_selected.gif) no-repeat top right;
	color:white;
}

#presse_ongletDroite{
	display:block;
	text-align:center;
	width:339px;
	padding-top:10px;
	height:22px;
	background: url(./Images/presse_droite.gif) no-repeat top left;
	font-weight:bold;
	color:#413936;
	
}
#presse_ongletDroite:hover, #presse_ongletDroite.selected{
	background: url(./Images/presse_droite_selected.gif) no-repeat top left;
	color:white;
}

.selectDiv{
	position:relative;
	cursor:pointer;
	width:235px;
	height:20px;
	/*background:#066183;*/
	background:#35819b;
	display:inline-block;
	margin: 1px;
	z-index:1;
}

.intituleSelect{
	float:left;
	width:199px;
	height:14px;
	padding:3px;
	cursor:pointer;
	color:white;
	overflow:hidden;
}

.boutonSelect{
	cursor:pointer;
	float:right;
	/*background:#066183 url(./Images/flecheSelect.gif) no-repeat right center;*/
	background:#35819b url(./Images/flecheSelect.gif) no-repeat right center;
	width:27px;
	height:20px;
}

.optionsDiv{
	position:absolute;
	top:20px;
	left:0px;
	width:223px;
	padding:5px;
	background-color:white;
	/*border:solid 1px #066183;*/
	border:solid 1px #35819b;
	border-top:0;
	color: black;
	z-index:2000;
	cursor:auto;
}


ul.listeOptionsDiv, ul.listeOptionsDiv li{
	margin:0;
	list-style:none;
}

ul.listeOptionsDiv a{
	display:block;
	cursor:pointer;
}

ul.listeOptionsDiv a:hover, ul.listeOptionsDiv a.selected{
	display:block;	
	/*background:#066183;*/
	background:#35819b;
	color:white;
}

.optgroupLabel{
	font-weight:bold;	
}

ul.optgroupul, ul.optgroupul li{
	margin-left:10px;
	list-style:none;
}

ul.ultype{
	list-style:none;	
	margin:0;
	padding:0;
}

ul.ultype a{
	display:block;
	padding:3px 0 3px 20px;
	background: url(./Images/flechebleu.png) no-repeat 7px center;
}

ul.ultype a:hover, ul.ultype a.selected{
	/*color:#066183;*/
	color:#35819b;
	background: #e6eff2 url(./Images/flechebleu.png) no-repeat 7px center;
}