/*##############################################*/
/*############# STRUCTURE GENERALE #############*/
/*##############################################*/

*{
	margin: 0;
	padding: 0;
}

img, div, a { behavior: url(/js/iepngfix.htc) }

a {
	color:#3f3f3f;
	text-decoration:none;
}

a:hover {
	text-decoration:underline;
}

p {
	padding-top:10px;
}

.justifie {
	text-align:justify;
}

ul {
	padding:0;
	margin:0;
}

li {
	list-style-type:disc;
	list-style-position:outside;
}


.separation_centre {
	position:relative;
	height:10px;
	background:url(../images/ligne_pied.gif) top left repeat-x;
}

body {
	font-family:"Lucida Grande",Arial,Verdana,Arial;
	margin: 0;
	padding: 0;
	background-image:url(../images/fd.jpg);
	background-repeat: repeat-x;
	background-position:top left;
	background-color:#f0f0f0;
	font-size:12px;
	color:#4b4b4b;
}

#conteneur {
	position:relative;
	width:980px;
	margin:0 auto;
	margin-top:0px;
}

#entete {
	position:relative;
	width:980px;
	height:170px;
	margin:0 auto;
	margin-top:0px;	
	background:url(../images/fd_entete.jpg) top left no-repeat;
	z-index:5000;
}

#entete h1.logo a {
	position:absolute;
	left:25px;
	top:10px;
	width:215px;
	height:100px;
	display:block;
	background:url(../images/logo.jpg) top left no-repeat;
	text-indent:-5000px;
}

#entete h2.baseline a {
	position:absolute;
	left:25px;
	top:110px;
	width:305px;
	height:33px;
	display:block;
	background:url(../images/baseline.jpg) top left no-repeat;
	text-indent:-5000px;
}

#contenu {
	position:relative;
	width:980px;
	margin:0 auto;
	background:url(../images/fd_centre.png) top center repeat-y;
	/*min-height:300px;*/
}

#centre {
	position:relative;
	width:920px;
	margin:0 auto;	
}

#pied {
	position:relative;
	width:980px;
	height:80px;
	margin:0 auto;
	margin-top:0px;	
	background:url(../images/fd_pied.png) bottom left no-repeat;
}

div.photo_colonne_droite {
	padding-top:50px;
	padding-bottom:20px;
}

div.picto_formations_langues {
	height:31px;
	position:relative;
	padding-top:25px;
}

div.picto_formations_langues a {
	background:url(../images/bulles.gif) top left no-repeat;
	height:31px;
	position:relative;
	padding-left:35px;
	display:block;
	font-size:18px;
	color:#17bfe0;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;	
}


/*##############################################*/
/*############# MENU FORMATION ##################*/
/*##############################################*/

div#entete .menu_formation {
	position:absolute;
	width:340px;
	height:80px;
	top:50px;
	right:30px;
	text-align:right;
	text-transform:uppercase;
}

div#entete .menu_formation a {
	font-size:10px;
}

/*##############################################*/
/*############# PIED ###########################*/
/*##############################################*/

#pied div.bloc_pied {
	position:relative;
	width:920px;
	margin:0 auto;
	height:50px;
}

#pied div.bloc_pied .ligne_pied {
	position:relative;
	height:10px;
	background:url(../images/ligne_pied.gif) top left repeat-x;
}

#pied div.bloc_pied .texte {
	position:relative;
	padding-top:10px;
}

/*##############################################*/
/*############# MENU ###########################*/
/*##############################################*/

#menu {
	position:absolute;
	width:920px;
	left:30px;
	top:145px;
}

#menu dl {
	position:relative;
}

#menu dt {
	position:relative;
	width:153px;
	height:20px;
	background:#FFFFFF;	
}

#menu dt a {
	position:relative;
	font-weight:bold;
	color:#FFFFFF;
	text-decoration:none;
	width:148px;;
	height:20px;
	display:block;
	padding-left:5px;
	padding-top:6px;
	background:#4b4b4b;
	display:block;	
}

#menu dt a:hover, #menu dt a.act {
	background:#1ac1e2;
	color:#4b4b4b;
}



#menu div.bloc_menu {
	position:relative;
	float:left;
}

#menu dl dd {
	margin:0;
	background:#FFFFFF;
	display:none;
	width:153px;
}

#menu dl dd .bloc_ligne_menu {
	position:relative;
	margin:0;
	padding:0;
	width:153px;
	margin-top:6px;
/*	
	filter: alpha(opacity=50);
	-moz-opacity: 0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;			
*/	
}

#menu dl dd .bloc_ligne_menu li {
	padding-bottom:0px;
	list-style-type:none;
}

*html #menu dl dd .bloc_ligne_menu li {
	border:1px solid white;
}

#menu dl dd .bloc_ligne_menu li a {
	padding:0;
	margin:0;
	color:#4b4b4b;
	text-decoration:none;
	font-size:9px;
	font-weight:bold;
	display:block;
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	padding:8px;
	background:#f8f4f1 !important;		
}

#menu dl dd .bloc_ligne_menu li a:hover {
	background:#dee39a !important;
}

/*##############################################*/
/*############# MENU ENTETE ####################*/
/*##############################################*/

#entete div.menu_entete {
	position:absolute;
	width:200px;
	text-align:right;
	top:20px;
	left:750px;
}

#entete div.menu_entete ul {
	position:relative;
	margin:0;
	padding:0;
}

#entete div.menu_entete ul li {
	position:relative;
	list-style-type:none;
	color:#4b4b4b;
	float:right;
	margin:0;
	padding:0;
}

#entete div.menu_entete ul li a {
	font-size:9px;
	color:#4b4b4b;
	text-decoration:none;
}

#entete div.menu_entete ul li a:hover {
	text-decoration:underline;
}


/*##############################################*/
/*############# MENU FORMATION ##################*/
/*##############################################*/

#entete div.menu_formation_entete {
	position:absolute;
	width:200px;
	text-align:right;
	top:20px;
	left:750px;
}

#entete div.menu_formation_entete ul {
	position:relative;
	margin:0;
	padding:0;
}

#entete div.menu_formation_entete ul li {
	position:relative;
	list-style-type:none;
	color:#4b4b4b;
	float:right;
	margin:0;
	padding:0;
}

#entete div.menu_formation_entete ul li a {
	font-size:9px;
	color:#4b4b4b;
	text-decoration:none;
}

#entete div.menu_formation_entete ul li a:hover {
	text-decoration:underline;
}

/*##############################################*/
/*############# PAGE ###########################*/
/*##############################################*/

#centre div.flash_bandeau_page {
	position:relative;
	width:918px;
	height:240px;
	background:#e2e2e2;
}

/*##############################################*/
/*############# BLOC TELECHAERGEMNT ############*/
/*##############################################*/

div#bloc_telechargement {
	position:relative;
	padding-top:20px;
}

/*##############################################*/
/*############# BLOC ACTUALITES ################*/
/*##############################################*/

div#bloc_actualites h3 {
	font-size:18px;
	color:#17bfe0;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
}

div#bloc_actualites h4 {
	font-size:12px;
	font-weight:bold;
}

div#bloc_actualites .texte {
	font-size:10px;
}

div#bloc_actualites a.lire_la_suite {
	color:#aac736 ;
	font-weight:bold;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;	
}

div#bloc_actualites a.toutes_les_actualites {
	font-weight:bold;
	font-size:11px;
	font-family:Arial, Helvetica, sans-serif;	
}

div#bloc_actualites div.actions {
	padding-top:5px;
}

/*##############################################*/
/*############# BLOC CALENDRIER ################*/
/*##############################################*/

div#bloc_calendrier {
	padding-top:30px;
}

div#bloc_calendrier h3 {
	font-size:18px;
	color:#17bfe0;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
}

div#bloc_calendrier h3 a {
	text-decoration:underline;
	color:#17bfe0 !important;	
}

div#bloc_calendrier .texte {
	font-size:10px;
}


/*##############################################*/
/*############# CONTENU ########################*/
/*##############################################*/

div#centre div.gauche {
	position:relative;
	width:520px;
	float:left;
	padding:10px;
	padding-right:30px;
}

* html div#centre div.gauche { 
	width:500px;	
}

div#centre div.droite {
	position:relative;
	width:328px;
	margin-left:560px;	
	padding:10px;
	padding-left:20px;	
	background:url(../images/fond_colonne_droite.jpg) top left repeat-x;	
}

* html div#centre div.droite { 
	margin-left:557px;	
}

div#centre ul {
}

div#centre li {
	list-style-type:disc;
	list-style-position:outside;
	margin-left:15px;
}

div#centre h2.titre_page {
	font-size:22px;
	padding-bottom:25px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;	
}
div#centre h5 {
	font-size:14px;
	padding-bottom:5px;
	font-family:Arial, Helvetica, sans-serif;	
	text-align:left;
}
div#centre h4 {
	font-size:16px;
	padding-bottom:5px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;		
}

div#centre h3 {
	font-size:18px;
	padding-bottom:5px;
	font-family:Arial, Helvetica, sans-serif;	
	text-align:left;	
}

/*##############################################*/
/*############# EQUIPE #########################*/
/*##############################################*/

body.equipe .photo_equipe {
	position:relative;
	width:140px;
	height:140px;
	float:left;
}

body.equipe .texte_equipe {
	position:relative;
	width:350px;
	height:140px;
	float:left;
}

/*##############################################*/
/*############# PLAN ACCES #####################*/
/*##############################################*/

#map {
	width: 95%;
	height: 350px;
	padding : 10 px;
	border : 4px solid #000000;
	margin-bottom:30px;
}

/*##############################################*/
/*######### DETAIL ACTUALITE ###################*/
/*##############################################*/

div.detail_actualite h1 {
font-weight:bold;
font-size:18px;
width:420px;
float:left;
font-family:Arial, Helvetica, sans-serif;
}

div.detail_actualite .texte_actualite {
color:#333333;
font-size:12px;
padding-bottom:0px;
padding-bottom:20px;
}

div.detail_actualite .dte {
width:80px;
margin-left:20px;
text-align:right;
float:left;
font-size:10px;
}

.clear {
clear:both;
}

div.detail_actualite .photos {
position:relative;
height:110px;
}

div.detail_actualite ul {
position:relative;
margin-left:0px;
padding-left:0px;
}

div.detail_actualite ul li {
list-style-type:disc !important;
float:left;
margin-right:10px;
margin-left:0px;
}

div.detail_actualite div.photos ul li {
list-style-type:none !important;
float:left;
margin-right:0px;
margin-left:0px;
}


div.detail_actualite .separation_actualite {
position:relative;
height:30px;
width:700px;
background:url(../images/separation_actu.gif) left top no-repeat;
}

div.detail_actualite .lien_doc_actu {
font-size:9px;
font-weight:bold;
color:#000000;
text-decoration:none;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

div.detail_actualite .lien_doc_actu:hover {
font-size:9px;
font-weight:bold;
color:#aac736;
text-decoration:none;
}

div.detail_actualite .document_actualite {
	position:relative;
	padding-top:15px;
}

div.detail_actualite .document_actualite img {
margin-right:5px;
}

div.detail_actualite .aucune_actualite {
font-size:12px;
font-weight:bold;
color:#505050;
margin-left:25px;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

.t_9 {font-size: 9px}
.t_10 {font-size: 10px}
.t_11 {font-size: 11px}
.t_12 {font-size: 12px}
.t_13 {font-size: 13px}
.t_14 {font-size: 14px}
.t_15 {font-size: 15px}
.t_16 {font-size: 16px}
.t_17 {font-size: 17px}
.t_18 {font-size: 18px}
.t_20 {font-size: 20px}
.t_22 {font-size: 22px}
.t_24 {font-size: 24px}

.tdr {
	position:absolute;
	left:800px;
	top:20px;
	font-size:9px;
}

#menu dl.menu-level1 {
	position:absolute;
}


/*************************************
Tableau Calendrier
**************************************/

table#datesFormationValence table#datesFormationGrenoble table#datesFormationLyon {

}

.couleurA {
	background-color:#ededed;
	height: 25px;
}
.couleurB {
	background-color: #e4e4e4;
	height: 25px;
}

.secteurDatesFormation {
	font-size: 18px;
	font-weight: bold;
	height: 39px; 
	color: #ffffff; 
	width: 900px;
}
.secteurDatesFormation#secteur1 {
	background-color: #1b610e;
}
.secteurDatesFormation#secteur2 {
	background-color: #2b518b;
}
.secteurDatesFormation#secteur3 {
	background-color: #9a3f97;
}
.secteurDatesFormation#secteur4 {
	background-color: #D03AB8;
}
.secteurDatesFormation#secteur5 {
	background-color: #6ca51b;
}
.secteurDatesFormation#secteur6 {
	background-color: #ec6123;
}
.secteurDatesFormation#secteur7 {
	background-color: #83070d;
}
.secteurDatesFormation#secteur8 {
	background-color: #98ad43;
}
.secteurDatesFormation#secteur9 {
	background-color: #ecab3a;
}
.secteurDatesFormation#secteur10 {
	background-color: #df5ecb;
}
.secteurDatesFormation#secteur11 {
	background-color: #574c55;
}
.secteurDatesFormation#secteur12 {
	background-color: #00a4bc;
}

div#sous_secteurDatesFormation {
	padding-top: 8px;
	padding-left: 16px;
	width: 900px;
}

div .villeFormation {
	display: inline;
	color: #19C2E3;
}

div.titre_pageCalendrier {
	font-size:25px;
	padding-bottom:10px;
	padding-top:15px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:left;
	font-weight:bold;
}
#table_formation {
	border:1px solid #c0bfbf;
	padding:4px;
}