/************** GENERAL ***************/
h1, h2, h3, h4, h5, h6,p,ul,li, form{
	margin:0;
	padding:0;
}

hr{
	width:500px;
	position: absolute;
	left: 20px;
	margin-bottom: 20px;
}

a{
	text-decoration:none;
	color:#ffffff;
}
a:hover{
	text-decoration:underline;
}
img{
	border:0;
}


/************** Body - Container ****************/
body{
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	font-size:11px;
	height:100%;
}
html{
	height:100%;
}
#container{
	width:980px;
	margin:0 auto;
	position:relative;
	background-color: #F0EFEE;
}


/********** Gere la bande gauche pour ecran sup a 980px *********/
#left{
	background:url(../_images/back_left.jpg) 0px 0px;
	background-repeat:no-repeat;
	position:absolute;
	top:0px;
	left:-116px;
	width:116px;
	height:100%;
	background-color: #d3cfcc;
}
/* Exception IE6 */
* html #left{
	height:1030px;
}


/********** Gere la bande droite pour ecran sup a 980px *********/
#right {
	background:url(../_images/back_right.jpg) 0px 0px;
	background-repeat:no-repeat;
	position:absolute;
	top:0;
	left:980px;
	width:118px;
	height:100%;
	background-color: #d3cfcc;
}
/* Exception IE6 */
* html #right{
	height:1030px;
}


/************* TOP ACCUEIL *******/
#container #top{
	width:100%;
	height:520px;
	background:url(../_images/fond_haut.jpg);
	position:relative;
}
/************* TOP INTERIEUR *******/
#container #top_int{
	width:100%;
	 
	position:relative;
	background-color:#f0efee;

}

/************ LOGO ***********/
#logo{
	margin:0 0 0 30px;	
}


/************* BOTTOM ACCUEIL *******/

#container #bottom{
	width:100%;
	background:url(../_images/fond_bottom.jpg) repeat-x 0 32px;
	overflow:hidden;
	background-color: #d3cfcc;
}
/* Exception IE6 */
* html #container #bottom{
	overflow:hidden;
}

/************* BOTTOM INTERIEUR *******/
#container #bottom_int{
	width:100%;
	background:url(../_images/fond_bottom.jpg) repeat-x 0 0px;
	overflow:hidden;
	border-top:5px solid #30210b;
	padding:15px 0 0 0;
	background-color: #d3cfcc;
}
/* Exception IE6 */
* html #container #bottom_int{
	overflow:hidden;
}


/****************** BARRE DE NAV ***********************/
#nav{
	width:100%;
	overflow:auto;
	border-top:4px solid #30210b;
	background:url(../_images/fond_nav.jpg) repeat-x;
	list-style-type:none;
	margin:0 0 16px 0;
	padding:0 0 0 1px;
}

#nav span{
	float:left;
	/*padding:0 18px 0 19px;*/
	line-height:24px;
	/*height:28px;*/
	border-left:1px solid #413834;
	border-right:1px solid #625c59;
}


/******************* Bloc accueil ***********************/
#top #identification{
	position:absolute;
	width:245px;

	top:5px;
	left:500px;
	text-align:right;
}
#top #identification input{
	margin-top:2px;
}
#top #identification .text{
	text-align:center;
	float:right;
	margin:0 0 5px 0;
	border:1px solid #bfbfbf;
	width:145px;
	height:14px;
}
#top #identification a{
	display:block;
	padding:0px 0 0 0px;
	float:left;
}
#top #formation{
	position:absolute;
	width:155px;
	height:45px;
	top:220px;
	left:110px;
	text-align:center;
}
#top #formation a{
	color:#faec21;
	font-size:20px;
}
#top #actu_enass{
	position:absolute;
	width:155px;
	height:131px;
	top:102px;
	left:285px;
	color: white;
}
#top #actu_enass h2{
	font-size:14px;
	padding:3px 0 0 13px;
	background:url(../_images/puce_actu.gif) no-repeat 5px 10px;
}
#top #actu_enass img{
	float:right;
	margin:7px 3px 0 0;
}
#top #actu_enass p{
	margin:12px 0 0 8px;
}
#top #actu_enass a{
	position:absolute;
	top:117px;
	left:10px;
	text-decoration:underline;
}

#top #actu_assurance{
	position:absolute;
	width:155px;
	height:131px;
	top:103px;
	left:462px;
	color: white;
}
#top #actu_assurance h2{
	font-size:14px;
	padding:3px 0 0 13px;
	background:url(../_images/puce_actu.gif) no-repeat 5px 10px;
}
#top #actu_assurance img{
	float:right;
	margin:7px 3px 0 0;
}
#top #actu_assurance p{
	margin:12px 0 0 8px;
}
#top #actu_assurance a{
	position:absolute;
	top:117px;
	left:10px;
	text-decoration:underline;
}
#top #ressource{
	position:absolute;
	width:155px;
	height:40px;
	top:260px;
	left:462px;
	text-align:center;
}
#top #ressource a{
	color:#faec21;
	font-size:16px;
}
#top #seFormer{
	position:absolute;
	width:109px;
	height:60px;
	top:110px;
	left:638px;
	padding:0 3px;
	text-align:center;
}
#top #seFormer a{
	color:#faec21;
	font-size:16px;
	line-height:15px;
}
#top #agenda{
	position:absolute;
	width:155px;
	height:118px;
	top:332px;
	left:462px;
	color:#faec21;
	font-size:16px;
	text-align:center;
}
#top #agenda #mois{
	font-size:12px;
	/*margin:15px 30px 12px 30px;*/
	text-align:center;
	margin-top: 12px;
}
#top #agenda #mois .fleche_gauche{
	
}
#top #agenda #mois .fleche_droite{
	
}
#top #agenda p{
	color:#ffffff;
	font-size:12px;
}
#top #video{
	position:absolute;
	width:230px;
	height:140px;
	top:195px;
	left:740px;
}
#top #test{
	position:absolute;
	width:240px;
	height:82px;
	top:385px;
	left:735px;
}
#top #test p{
	font-size:10px;
	color:#000000;
	margin-top:7px;

}
#top #test img.faire_test{
	float:right;
	margin-top:12px;
}


/************* TOP PAGE INTERIEUR *******/
#top_int #header{
	background-color:#ffffff;
	height:146px;
	background:url(../_images/fond_header.jpg) no-repeat 0 0px;
}
#top_int #header img#visu_header{
	float:right;
	margin:20px 10px 0 0px;
}
#top_int #header form{
	width:245px;
	float:right;
	margin:6px 420px 0 0;
}
#top_int #header input{
	text-align:center;
	float:right;
	margin:0 0 5px 0;
	width:145px;
	height:14px;
	border:1px solid #bfbfbf;
}
#top_int #header a{
	display:block;
	padding:4px 0 0 2px;
	float:left;
}

#top_int #header input#connexion{
	margin:1px 0 0px 0;
	border:0;
	width:84px;
	height:23px;
}


/**************** INTERIEUR BOTTOM ACCUEIL + INTERIEUR ******************/
#autopromo_1{
	width:248px;
	height:138px;
	border: 5px solid #ffffff;
	margin: 0 0 45px 30px;
	float:left;

}
#table_portail{
	width:396px;
	border: 5px solid #ffffff;
	margin: 0 0 0 30px;
	float:left;
	font-size:9px;
	height:138px;
}
#table_portail h4{
	font-size:11px;
}
#table_portail table{
	width:100%;
	border-collapse:collapse;
	border:0;
	height:138px;
	margin:0px;
	padding:0px
}
#table_portail table td{
	width:50%;
	text-align:center;
	border:3px solid white;
	margin:0;
	padding:0;
	color: white;
}
#table_portail table tr{
	margin:0;
	padding:0;
	border:0;
}
#utile{
	float:right;
	margin:0 20px 0 0;
	width:185px;
}
#utile form{
	margin:4px 0 20px 0;
}
#utile input{
float:right;
}
#utile .button_img{
	padding:3px 0 0 5px;
}
#utile p{
	padding:20px 0 10px 0;
}
#utile p a{
	padding:3px 0 0 0px;
	display:block;
}
#utile img{
	float:left;
	margin:0 3px 0 0;
}

/************* LIEN FOOTER ************/
#site_map{
	width:100%;
	clear:both;
	margin: 0px 0 0 0;
	overflow:auto;
	
}
#site_map ul{
	width:168px;
	margin:0 0 0 22px;
	float:left;
}
#site_map a{
	color:#534741;
}
#site_map ul h3{
	width:100%;
	border-bottom:3px solid black;
	font-size:10px;
}
#site_map #diplomante{
	color:#eb1e79;
}
#site_map #qualifiante {
	color:#eb1c24;
}
#site_map #alternance {
	color:#e65113;
}
#site_map #assurance {
	color:#29a9e0;
}
#site_map #dispositif {
	color:#91278d;
}
#site_map #diplomante h3{
	color:#eb1e79;
	border-color:#eb1e79;
}
#site_map #qualifiante h3{
	color:#eb1c24;
	border-color:#eb1c24;
}
 #site_map #alternance h3{
	color:#e65113;
	border-color:#e65113;
}
#site_map #assurance h3{
	color:#29a9e0;
	border-color:#29a9e0;
}
#site_map #dispositif h3{
	color:#91278d;
	border-color:#91278d;
}
#site_map ul li{
	font-size:9px;
	margin:3px 0;
	padding:0 0 0 0px;
	list-style-position:inside;
	font-size:9px;
}



/*************** FOOTER ACCUEIL + INTERIEUR ***************/
#footer{
	width:100%;
	text-align:center;
	overflow:auto;
	border-top:1px solid #b7b2af;
	color:#9d9d9d;
	list-style-type:none;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 20px;
	margin-left: 0;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 0;
}
#footer a{
	color:#9d9d9d;
}
#footer li{
	
	float:left;
	padding:0 10px 0 10px;
	line-height:24px;
	height:28px;
	
}




/****************** CORPS DE PAGE ***********************/


#corps
{
	padding-bottom: 30px;
	font-size: 12px;
	min-height: 300px;
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	
}

#corps li{
	color:#906;	
	padding-left: 10px;
}

#corps a {
color: black;
}

#corps li a{
	color:#906;
	padding-left: 10px;
	text-decoration: underline;
	font-weight: bold;
}

#nuage
{
	position:absolute;
	top:35px;
	left:792px;
	width:162px;
	font-size:11px;
	text-align:center;
}

#titrerub
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	border-bottom-style: double;
	margin-top: 10px;
	margin-bottom: 20px;
	color: #990066;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-color: #cecdcb;
	width: 500px;
}

.titrerub
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	border-bottom-style: double;
	margin-top: 10px;
	margin-bottom: 20px;
	color: #990066;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	border-bottom-color: #cecdcb;
	width: 500px;
}

#quizz {
	border: 1px solid #666;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FFF;	
}
#quizz_chiffres {
	font-family: Arial, Helvetica, sans-serif;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #666;
	border-right-color: #666;
	border-bottom-color: #666;
	border-left-color: #666;
	background-color: #FFF;
	font-size: 14px;
}
.texterouge
{
	font-family: Arial, Helvetica, sans-serif;
	color: #603;
	font-weight: bold;
}
#majuscule{
	text-transform: uppercase;
	color: #906;
	font-weight: bold;
	font-size: 14px;
}

#metier a{
	display: block;
	background-image:url(../_images/fleche_bordeau.jpg);
	background-repeat: no-repeat;
	text-decoration: none;
	background-color: #999;
	width: 100px;
	padding-left: 15px;
	height: 16px;
	color: #FFF;
} 

#metier a:hover {
	background-image:url(../_images/fleche_bordeau_desc.gif);
	background-color: #906;
	color: #FFF;
} 

#metier a:active {
background-image:url(../_images/fleche_bordeau_desc.gif); 	
background-color: #906;
color: #FFF;
}
#formation_qual a{
	display: block;
	background-image:url(../_images/fleche_bordeau.jpg);
	background-repeat: no-repeat;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #999;
	width: 250px;
	padding-left: 15px;
	height: 16px;
} 

#formation_qual a:hover {
	background-image:url(../_images/fleche_bordeau_desc.gif);
	background-color: #906;
} 

#formation_qual a:active {
background-image:url(../_images/fleche_bordeau_desc.gif); 	
background-color: #906;
}


#lien_metier{
color: #906;
width:400px;
text-decoration: underline;
}
#lien_metier:a{
color: #906;
text-decoration: underline;
}
#nummodule{
	font-size: 10px;
	color: #FFF;
	background-color: #999;
	padding: 2px;	
	width: 25px;
	 
 }
 
#lien_modif_recherche{
	display: block;
	color: #000;
	text-decoration: underline;
	background-image:url(../_images/fleche_bordeau.jpg);
	background-repeat: no-repeat;
	padding-left: 15px;
 }
#lien_diplome{
	color: #000;
	text-decoration: none;
}
#lien{
	color: #000;
	text-decoration: underline;
}

#description{
	width: 600px;	
}
#rub1 a{
	display: block;
	width:180px;
	background-color: #666;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	padding-left: 10px;
	color: #FFF;
}
#rub2 a{
	display: block;
	width:180px;
	background-color: #CCC;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	padding-left: 10px;
	color: #FFF;
}
#rub3 a{
	display: block;
	background-color: #999;
	width:180px;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	padding-left: 10px;
	color: #FFF;
}
#rub4 a{
	display: block;
	background-color: #666;
	width:180px;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	padding-left: 10px;
	color: #FFF;
}
#rub5 a{
	display: block;
	background-color: #333;
	width:180px;
	text-decoration: none;
	font-weight: bold;
	text-transform: uppercase;
	padding-left: 10px;
	color: #FFF;
}


#form_dip a{
	display: block;
	background-image:url(../_images/fleche_bordeau.jpg);
	background-repeat: no-repeat;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #999;
	width: 200px;
	padding-left: 15px;
	height: 16px;
	font-weight: bold;
} 

#form_dip a:hover {
	background-image:url(../_images/fleche_bordeau_desc.gif);
	background-color: #906;
} 

#form_dip a:active {
background-image:url(../_images/fleche_bordeau_desc.gif); 	
background-color: #906;
}

#form_qual a{
	display: block;
	background-image:url(../_images/fleche_bordeau.jpg);
	background-repeat: no-repeat;
	text-decoration: none;
	color: #FFFFFF;
	background-color: #666;
	width: 200px;
	padding-left: 15px;
	height: 16px;
	font-weight: bold;
} 

#form_qual a:hover {
	background-image:url(../_images/fleche_bordeau_desc.gif);
	background-color: #906;
} 

#form_qual a:active {
background-image:url(../_images/fleche_bordeau_desc.gif); 	
background-color: #906;
}

#choixrub {
	position: absolute;
	left: 300px;
	top: 250px;
	font-size: 16px;
	text-transform: uppercase;
	color: #906;
	font-weight: bold;
}
#libelle_formation {
	vertical-align: baseline;
	margin-bottom: 5px;
	font-size: 16px;
	font-weight: bold;
}
#banniere {
	background-color: #e75114;	
	
}