* {
    padding: 0;
    margin: 0;
} 
h1 { font-size: 2em; margin: .67em 0 }
h2 { font-size: 1.3em; margin: .75em 0 }
h3 { font-size: 1.17em; margin: .83em 0 }
p{
	/*margin: 0.5em 0;*/
	/*margin: 0 0;*/
	display: block; 
	margin: 1.12em 0; 
}
ul { margin: 1.12em 0; }
::selection                         { background: #a8cc45; color: white; /* Safari */ }
::-moz-selection                    { background: #a8cc45; color: white; /* Firefox */ }
img { border-style: none; }
a, a.visited, a.hover{
outline: none;
color: #555;
text-decoration: none;
}
#div_footer a, #div_footer a.visited, #div_footer a.hover{
color: #FFF;
}
body {
background: #FFF;
font-family: Arial,Verdana, sans-serif;
font-size: 11px;
color: #555;
line-height: 17px;
}

#conteneur_page {
width: 912px;
margin: 0px auto;
background: url(../images/fond_ombre.png) repeat-y;
/*si 2 valeurs : première mention pour le haut et le bas, seconde pour droite et gauche. */
}

#page { 
width: 894px;
margin: 0 9px;
}

#entete{
height: 74px;
}

#entete img{
    display:block;
    border-style: none;
}

#logoiut{
float: left;
padding: 3px 0 0 15px;
}

#iutupmftextelogo{
float: right;
padding: 10px 20px 0 0;
}

#banniere{
height: 145px;
width: 894px;
background: url(../images/banniere1.jpg) no-repeat;
position: relative;
}

div.thumb{
position: absolute;
}

#imgbanniere {
float: right;
height: 145px;
width: 346px;
border-left: 3px solid #EEE;
}

div.thumb a img{
width: 145px;
height: 145px;
border: none;
position: absolute;
}

#bacp2 {
left: 100px;
/*position: absolute;*/
}

#bacp3 {
left: 250px;
/*position: absolute;*/
}

#div_menu{
height: 29px;
color: #ff1b91;
/*background: url(../images/fond_menu.png) repeat-x;*/
}

#div_contenu{
margin: 15px 15px;
}

#div_footer{
color: #FFF;
text-align: right;
padding: 0 5px;
background-color: #000;
}

#div_actus{
width: 400px;
margin-left: 20px;
float: left;
}

#div_actus ul li{
font-size: 12px;
text-align: justify;
list-style-type: none;
background: url(../images/puce_actu.png) no-repeat;
padding-left: 20px;
padding-bottom: 11px;
/*margin: 0 0;*/
}

#showcase{ width: 368px; height: 444px; float: left; margin-bottom: 20px;}

.img1_actus{
height: 37px;
width: 207px;
background: url(../images/journal_actus.jpg) no-repeat;
}

.t_actu{
color: #72ad09;
font-size: 14px;
font-weight: bold;
}

/*menu horizontal - menuh*/
	ul#menuh {
		width: 100%;
		height: 29px;
		/*margin: 0 0 10px 0;
		padding: 1px 0 3px 0;*/
		list-style: none;
		/*background: url(../img/bg/menuh.png) repeat-x 0 0;*/
		z-index: 2;
		margin: 0 0;
	}
	ul#menuh  > li {
		height: 31px;
		position: relative;
		float: left;
	}
	ul#menuh li#liut {
		z-index: 1;
	}
	ul#menuh li#dut {
		z-index: 1;
	}
	ul#menuh li#licences {
		z-index: 1;
	}
	ul#menuh li#formationcnt {
		z-index: 1;
	}
	ul#menuh li#formationalt {
		z-index: 1;
	}
	ul#menuh li#international {
		z-index: 1;
	}
	ul#menuh li#candidatures {
		z-index: 1;
	}
	ul#menuh li#pratique {
		z-index: 1;
	}
	
		ul#menuh li a {
			height: 29px;
			display: block;
			/*a cause de ce indent, qd on clic sur une case ça surligne depuis le debut trouver sol*/
			text-indent: -9999px;
		}
		ul#menuh li#liut a {
			width: 48px;
			background: url(../images/menuh/menu.png) no-repeat 0 -36px;
		}
		/*ul#menuh li#liut a:hover {
			background-position: 0 0px;
		}*/
		
		ul#menuh li#dut > a {
			width: 56px;
			/* -48px signifie qu'on déplace de 48 pixel vers la droite, 0 rien en vertical*/
			background: url(../images/menuh/menu.png) no-repeat -48px -36px;
		}
		ul#menuh li#licences > a {
			width: 80px;
			background: url(../images/menuh/menu.png) no-repeat -104px -36px;
		}
		ul#menuh li#formationcnt a {
			width: 154px;
			background: url(../images/menuh/menu.png) no-repeat -184px -36px;
		}
		ul#menuh li#formationalt a {
			width: 167px;
			background: url(../images/menuh/menu.png) no-repeat -338px -36px;
		}
		ul#menuh li#international a {
			width: 105px;
			background: url(../images/menuh/menu.png) no-repeat -505px -36px;
		}
		ul#menuh li#candidatures a {
			width: 208px;
			background: url(../images/menuh/menu.png) no-repeat -610px -36px;
		}
		ul#menuh li#pratique a {
			width: 76px;
			background: url(../images/menuh/menu.png) no-repeat -818px -36px;
		}
		
			ul#menuh li a.tab {
				top: -7px;/*-7*/
				left: -2px;
				position: absolute;
				_background: none !important;
				/*cursor: pointer;*/
				display: none;
				background: url(../images/menuh/menu.png)  no-repeat 0px 0;
			}
			ul#menuh li.active a.tab {
				display: block;
			}

				/* faut lire : le tab qui dans le li d'id dut qui est dans l'ul d'id menuh*/
				ul#menuh li#liut .tab {
					width: 50px;
					left: -1px;
					height: 36px;
					z-index: 300;
					background-position: 0 0;
				}
				
				ul#menuh li#dut .tab {
					width: 59px;
					height: 36px;
					z-index: 300;
					background-position: -50px 0;
					/*background: url(../images/menuh/menu.png)  no-repeat -50px 0;*/
				}
				
				ul#menuh li#licences .tab {
					width: 83px;					
					height: 36px;
					background-position: -109px 0;
				}
				
				ul#menuh li#formationcnt .tab {
					width: 157px;
					height: 36px;
					background-position: -192px 0;
				}
				
				ul#menuh li#formationalt .tab {
					width: 170px;
					height: 36px;
					background-position: -349px 0;
				}
				
				ul#menuh li#international .tab {
					width: 108px;					
					height: 36px;
					background-position: -519px 0;
				}
				
				ul#menuh li#candidatures .tab {
					width: 211px;
					height: 36px;
					background-position: -627px 0;
				}
				
				ul#menuh li#pratique .tab {
					width: 79px;
					
					height: 36px;
					background-position: -838px 0;
				}
				ul#menuh .callout {
					top: 29px;
					left: -1px;
					position: absolute;
					z-index: -1;
					border: solid 1px #d0d0d0;
					background-color: #FFF;
					display: none;
				}
				
				ul#menuh li#liut:hover .tab {
				display:block;
				}
				
				ul#menuh li#liut:hover .callout {
				display: block;
				}
								
				ul#menuh li#dut:hover .tab {
				display:block;
				}
				
				ul#menuh li#dut:hover .callout {
				display: block;
				}
				ul#menuh li#licences:hover .tab {
				display:block;
				}
				
				ul#menuh li#licences:hover .callout {
				display: block;
				}
				
				ul#menuh li#formationcnt:hover .tab {
				display:block;
				}
				
				ul#menuh li#formationcnt:hover .callout {
				display: block;
				}
				
				ul#menuh li#formationalt:hover .tab {
				display:block;
				}
				
				ul#menuh li#formationalt:hover .callout {
				display: block;
				}
				
				ul#menuh li#international:hover .tab {
				display:block;
				}
				
				ul#menuh li#international:hover .callout {
				display: block;
				}
				
				ul#menuh li#candidatures:hover .tab {
				display:block;
				}
				
				ul#menuh li#candidatures:hover .callout {
				display: block;
				}
				
				ul#menuh li#pratique:hover .tab {
				display:block;
				}
				
				ul#menuh li#pratique:hover .callout {
				display: block;
				}
				
				/*ul#menuh li.active .callout {
					display: block;
				}*/

				
				ul#menuh div#liut {
					width: 558px;
					height: 209px;
					overflow: hidden;
				}
				
				ul#menuh div#dut {
					/*width: auto;*/
					width: 600px;
					/*height: 259px;*/
					/*height: auto;*/
					overflow: hidden;
				}
				
				ul#menuh div#licences {
					width: 858px;
					/*width: auto;*/
					height: 209px;
					overflow: hidden;
				}
				
				ul#menuh div#formationcnt {
					width: 558px;
					height: 209px;
					overflow: hidden;
				}
				
				ul#menuh div#formationalt {
					width: 558px;
					height: 209px;
					overflow: hidden;
				}
				
				ul#menuh div#formationalt {
					width: 558px;
					height: 209px;
					overflow: hidden;
				}
				ul#menuh div#international {
					width: 558px;
					height: 209px;
					overflow: hidden;
				}
				ul#menuh div#candidatures {
					width: 558px;
					height: 209px;
					overflow: hidden;
				}
				ul#menuh div#pratique {
					width: 558px;
					height: 209px;
					overflow: hidden;
				}
			
/* pour les menu deroulants(callout) */
/* obligé de tout redefinir a cause de l'heritage, !important pour casser l'heritage*/


div.callout  ul > li {
color : #ff1b91;
margin: 0px !important;
text-indent: 0px;
font-family:Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bolder;
list-style: none;
/*float: none !important;*/
float: left !important;
width: 200px;
display: block;
/*height: auto !important;*/
}

div.callout  ul li ul li {
float: none !important;
width: auto !important;
}

div.callout ul li a, div.callout ul ul li a:hover{
text-indent: 0px !important;
margin: 0px !important;
color : #000000 !important;
height: auto !important;
/*font-weight: bold;*/
border: none;
float: none !important;
}

div.callout ul ul li a:hover{
color: #FFF !important;
/*background-color: #535353;*/
background-color: #9ec630;
height: auto !important;
text-indent: 0px !important;
}


/* fin menus deroulant */

/***********************************************/			
/* menu onglets accueil personnalisé page d'accueil*/
/***********************************************/

#menu_tab{
border: solid 1px #d6d6d6;
clear: both;
/*float: left;*/
/*width: 100%;*/
}
/* permet d'encadrer le flotant dans le flux*/
#menu_tab:after {
content: "";
display: block;
clear: both;
}

#menu_tab_ul{
list-style: none;
width: 100%;
display: block;
margin: 0 0;
}

#menu_tab_ul li{
background: url(../images/menuacc_tab/fond.png) repeat-x;
height: 36px;
position: relative;
float: left;
}

#menu_tab_ul li a {
			height: 36px;
			display: block;
			/*a cause de ce indent, qd on clic sur une case ça surligne depuis le debut trouver sol*/
			text-indent: -9999px;
		}
		
#menu_tab_ul li#vousetes span{
width: 156px;
height: 36px;
display: block;
text-indent: -9999px;
background: url(../images/menuacc_tab/fondtexte.png) no-repeat 0 0;
}
#menu_tab_ul li#lyceen a{
width: 159px;
background: url(../images/menuacc_tab/fondtexte.png) no-repeat -156px 0;
}
#menu_tab_ul li#etudiant a{
width: 167px;
background: url(../images/menuacc_tab/fondtexte.png) no-repeat -315px 0;
}
#menu_tab_ul li#salarie a{
width: 153px;
background: url(../images/menuacc_tab/fondtexte.png) no-repeat -482px 0;
}
#menu_tab_ul li#entreprise a{
width: 227px;
background: url(../images/menuacc_tab/fondtexte.png) no-repeat -635px 0;
}

#menu_tab_ul li a.onglet {
				top: -9px;
				left: 11px;
				position: absolute;
				_background: none !important;
				/*cursor: pointer;*/
				display: none;
			}

			/* onglet relief lyceen*/
			#menu_tab_ul li#lyceen a.onglet {
					width: 137px;
					height: 45px;
					background: url(../images/menuacc_tab/onglets.png) no-repeat 0 0;		
					/*display: block;*/
				}

				/*#menu_tab_ul li#lyceen:hover a.onglet {
				display:block;
				}	*/	

			/* onglet relief etudiant*/
			#menu_tab_ul li#etudiant a.onglet {
					width: 137px;
					height: 45px;
					left: 14px;
					background: url(../images/menuacc_tab/onglets.png) no-repeat -137px 0;						
				}

				/*#menu_tab_ul li#etudiant:hover a.onglet {
				display:block;
				} */
				
			/*onglet relief salarie*/
			#menu_tab_ul li#salarie a.onglet {
					width: 137px;
					height: 45px;
					left: 9px;
					background: url(../images/menuacc_tab/onglets.png) no-repeat -274px 0;						
				}

				/*#menu_tab_ul li#salarie:hover a.onglet {
				display:block;
				}*/
				
			/*onglet relief entreprise*/
			#menu_tab_ul li#entreprise a.onglet {
					width: 137px;
					height: 45px;
					left: 21px;
					background: url(../images/menuacc_tab/onglets.png) no-repeat -411px 0;						
				}

				/*#menu_tab_ul li#entreprise:hover a.onglet {
				display:block;
				} */
				
/* Les div de l'accueil perso*/
#menu_tab div h1 {line-height:23px;background: url(../images/interieur/puceflechegrise.png) no-repeat 0px 3px;padding-left: 18px;font-size: 23px;color: #ff1b91;font-weight: bolder;}
/*div lyceen*/
#divlyceen div {margin-top: 5px;float: left;}
#divlyceen div h1 {height: 24px;}
#pourquoiliut {width: 290px;padding-left: 10px;padding-right: 10px;float: left;}
#pourquoiliut li {background: url(../images/pucecheck.gif) no-repeat 10px 2px;padding-left: 27px;list-style: none;}
#formdut  {width: 310px;padding-left: 10px;float: left;}
#formdut li  {padding-left: 27px;list-style: none;background: url(../images/bullet_green.png) 10px 0px no-repeat;}
#imglyceen {width: 206px;margin: 0;padding: 0;float:left;}
/* fin div lyceen */

/* div etudiant */
#divetudiant div {margin-top: 5px;}
#divetudiant div h1 {height: 24px;padding-left: 18px;font-size: 23px;height: 24px;color: #ff1b91;font-weight: bolder;}
#formbacp3 {width: 310px;padding-left: 10px;float: left;}
#formbacp3 li {padding-left: 27px;list-style: none;background: url(../images/bullet_green.png) 10px 0px no-repeat;}
#dueti {width: 310px;padding-left: 10px;clear: both;float: left;}
#dueti li {padding-left: 27px;list-style: none;background: url(../images/bullet_green.png) 10px 0px no-repeat;}
#duten1an  {float: left;}
#duten1an  li{padding-left: 27px;list-style: none;background: url(../images/bullet_green.png) 10px 0px no-repeat;}
/* fin div etudiant */		

/* debut onglet salarie */	
	#divsalarie div {margin-top: 5px;}
	#divsalarie div h1 {height: 24px;}
	#validersesacquis{width: 310px;padding-left: 10px;float: left;}
	#validersesacquis li {padding-left: 27px;list-style: none;background: url(../images/bullet_green.png) 10px 0px no-repeat;}
	#reprendreetudes {width: 305px;padding-left: 10px;float: left;}
	#reprendreetudes li {padding-left: 27px;list-style: none;background: url(../images/bullet_green.png) 10px 0px no-repeat;}
	#imgsalarie {width: 226px;text-align: center;float: right;}
/* fin onglet salarie */

/* debut onglet entreprises */
	#diventreprise {margin-top: 5px;}
	#diventreprise div h1  a{font-size: 23px !important; color: #ff1b91 !important;}
	#diventreprise div h1 {font-size: 23px !important;position: relative;}
	#taxeapprentissage {width: 350px;padding-left: 10px;float: left;}
	#accueillirstagiaire {width: 305px;padding-left: 10px;float: left;}
	#offresemploi {width: 350px;	padding-left: 10px;clear: both;float: left;}
	#offresemploi h1 {margin-top: 0px !important;}
	#recrutezsalarie {width: 305px;padding-left: 10px;float: left;}
	#recrutezsalarie h1{margin-top: 0px !important;}
	#formezvossalaries {width: 350px;padding-left: 10px;clear: both;float: left;}
	#formezvossalaries h1{margin-top: 0px !important;}
	
/* fin onglet entreprises */

/* Css pour la page interieur */
#fildariane {
color: #FFF;
padding-left: 10px;
background: #4c4c4c;
height: 22px;
}
#fildariane a{
color: #FFF;
text-decoration: underline;
}

#sousariane{
background: url(../images/interieur/degradessariane.png) repeat-x;
height:10px;
margin-bottom: 5px;
}

#int_divcolgauche{
padding: 0px 4px 2px 2px;
width: 256px;
float: left;
}

#int_contenu{
/*border: solid 1px #cbcbcb;*/
float: left;
width: 600px;
margin: 0 10px;
}

#int_contenu p{
text-align: justify;
font-family: Arial;
font-size: 12px;
//text-indent: 2em;
}

#int_contenu h3+p{
margin-left: 35px;
}

#int_contenu h1{
color: #80a63a;
font-family: Arial;/*Tahoma avant */
font-size: 16px;
margin-top : 0px;
margin-bottom : 0px;
padding-left: 20px;
background: url(../images/interieur/puceflechegrise.png) no-repeat;
}

hr.pointille{border:none;height:12px;margin:4px 0 6px 18px;background: url(../images/interieur/pointille.png) center center repeat-x;}

#int_contenu h2{
font-family: Arial;
color: #ff1b91;
font-size: 16px;
/*padding-left: 20px;
background: url(../images/interieur/puce_txt.gif) left center no-repeat;*/
}

#int_contenu h3{
font-family: Arial;
font-weight: bolder;
margin-left: 15px;
color: #535353;
font-size: 13px;
padding-left: 20px;
background: url(../images/interieur/fleche_spip.png) no-repeat;
}

#int_contenu h4{
font-family: Arial;
font-weight: bolder;
font-size: 14px;
//padding-left: 20px;
}

.leftborder{
border-left:2px solid #DDDDDD;
padding-left: 10px;
}
#int_contenu h4+p{
//margin-left: 20px;
}

#int_contenu a{
color: #0066cc;
}

#int_contenu li{
margin-left: 45px;
font: normal 12px arial, sans-serif;
}

#resume { margin: 10px auto; padding: 0px 0px; width: 581px; height: 105px;border: solid 1px #f0f0f0; background: url(../images/resume_formation/lisereresume.png) repeat-x;}
#resume_img_loupe { width: 105px; height: 105px; background: url(../images/resume_formation/loupe.png) no-repeat; float: left; }
#resume_formation { border-right: 1px solid #f0f0f0; position: relative; margin: 0 4px; font-size: 11px; width: 355px; height: 105px; float: left; }
#resume_formation div { position: absolute; height; 19px; bottom:0; vertical-align: bottom; }
#resume_formation_tableau  { border: none; vertical-align: top; }
#resume_formation_tableau tr > td:first-child { width: 88px; }
#resume_formation_tableau td { min-width: 88px; vertical-align: top;}
#resume_disponible { text-align: right; margin-right: 4px; color: #5dc7ff; float: right;}
.span_bleu { color: #5dc7ff;}
.span_rose { color: #ff1796;}
#resume_disponible a { color: #ff1796;}

/* Style menu gauche vertical */
#int_titremenugauche{
width: 256px;
height: 76px;
border: solid 1px #cbcbcb;
}
#int_titremenugauche_divtexte{
width: 146px;
height: 76px;
float: left;
background-image: url(../images/interieur/texterub_candidaturesw.png)
}

#int_titremenugauche_divimage{
width: 110px;
height: 76px;
float: left;
}


#int_titremenugauche img{
display: block;
}
#int_menugauche ul  { margin: 0 0; }
#int_menugauche{
margin-top: 3px;
width: 256px;
/*height: 400px;*/
border: solid 1px #cbcbcb;
font-family:Verdana, Arial, Helvetica, sans-serif !important;
font-size: 11px;
/*font-family: Arial !important;*/
}

#int_menugauche ul li {
color : #ff1b91;
margin: 2px 10px 2px;
width: 230px;
font-family:Verdana, Arial, Helvetica, sans-serif;
/*font-family:Arial, Helvetica, sans-serif;*/
/*font-size: 10px;*/
font-size: 8pt;
font-weight: bolder;
list-style: none;
}

#int_menugauche ul li hr{
border:none;
height: 1px;
/*border-bottom: 1px solid #cbcbcb;*/
color: #cbcbcb;
font-size: 10px;
background-color: #cbcbcb;
background: url(../images/interieur/pointille.png) center center repeat-x;
}

#int_menugauche ul li a{
/*font-size: 11px;*/	
font-size: 10px;
}

#int_menugauche ul li a:hover{
color: #FFF;
background-color : #ff1b91;
}


#int_menugauche ul ul li{
border: none;
text-indent: -1em;
padding-left: 1em;
}

#int_menugauche ul ul li a, #int_menugauche ul ul li a:hover{
color : #535353;
font-weight: bold;
border: none;
}
#int_menugauche ul ul li a:hover{
color: #FFF;
/*background-color: #535353;*/
background-color: #9ec630;
}

a.ici_menugauche{
color: #FFF !important;
background-color: #535353 !important;
}

/*#int_menugauche  a.menuvertical_container {
color: #535353 !important;
}*/
a.menuvertical_rubrique { font-size: 11px !important; color: #ff1b91; }
	
/**************************************
/* debut onglets contenu page formation */
/**************************************/
.ui-tabs-nav{
 	/*font: normal 11px arial, sans-serif !important;*/
}
.ui-tabs-nav {
    list-style: none;
    margin: 0;
   // padding: 0 0 0 4px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
 //   margin: 0 0 0 1px;
	padding-right: 1px; 
	font: normal 11px arial, sans-serif !important;
	margin-left: 0px !important;
    min-width: 84px; /* be nice to Opera */
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0 10px;
    background: url(../images/interieur/tabsvert.png) no-repeat;
}
.ui-tabs-nav a {
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    color: #FFF !important;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
}

.ui-tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    /*height: 11px; /* IE 6 treats height as min-height */
    min-height: 16px;
    padding-top: 6px;
    padding-right: 0;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {padding-bottom: 1px;}
/* 100 % place le coin droit de l'image a droite */
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a.selected, .ui-tabs-nav a:active {background-position: 100% -126px;}
/* coin droit */
.ui-tabs-nav a{background-position: right -84px;}
/* survolé */
.ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a.selected span,.ui-tabs-nav a:active span {background-position: 0 -42px;}
/***********************************
/* fin onglets contenu page formation */
/***********************************/
.ongletscontenu{border: 1px solid #cbcbcb; padding: 0 2px;}
/**********************************/
/* classes pour tableau alternance */
/**********************************/
table.orga  {border-collapse: collapse;margin-top: 10px;margin-bottom: 10px;}
.orga td {width: 40px;text-align: left; padding: 5px;}
.orga td.contenu {border-width: 2px;border-style: solid;}
.orga td.droit {border-right: 1px solid black;}
.orga td.sous {border-bottom: 1px solid black;}

#table_form_alternance tr > th:first-child,#table_form_alternance tr > td:first-child {text-align: left !important;padding-left: 4px;}
#table_form_alternance td {text-align: center; background-color: #f8f8f8; }
#table_form_alternance td{ padding: 4px 4px!important;}
.tr_vert{background-color: #dbef59;}
.tr_vertclair  td{ font-weight: bold; background-color: #e8efbd !important;}
.tr_grisclair{background-color: #f8f8f8;}
#table_contrat_pro td{ padding: 4px 4px!important;}
#table_contrat_pro tr > th:first-child {padding-left: 2px; background-color: #eceadf;}
#table_contrat_pro td {vertical-align: top;padding-left: 2px; background-color: #f7fbde;}
#table_contrat_pro .table_contrat_pro_1_col {background-color: #e9fb90;}
#table_contrat_pro .table_contrat_pro_2_col {background-color: #d5ed5e;}
#contrat_app_remuneration  td { text-align: center; background-color: #e8efbd;}
#table_app_remuneration td{ padding: 4px 4px!important;}
/******************************************/
/* encard telechargement livret formation */
/******************************************/
#telechargement_livretformation { width:100%; height: 150px; padding: 5px; background-color: #f6f6f6;}
#telechargement_livretformation_image { float:left; height: 150px; padding-top: 6px;}
#telechargement_livretformation_texte { float:left; width: 325px; padding: 15px 0 0 10px;}
#telechargement_livretformation_texte  a  b { display:block; padding-left: 10px; background: url(../images/puce_livret_formation.gif) 0 3px no-repeat;}
/********************************/
/* classe pour tableau contact  */
/********************************/
.intercontact {border-collapse: collapse;margin: auto;}
.intercontact td,.intercontact th,.intercontact table{border:1px solid black;vertical-align:middle;padding-left : 3px !important;padding-right : 3px !important;}
.intercontact  th { background-color: #d9e5a3; }
/***********************************/
/* Pour le telec des livrets inter */
/***********************************/
.div_cadre_centre {border: 1px solid #cac9c9;background-color: #EEE;padding: 10px 10px;margin:auto;width: 540px;overflow: hidden;vertical-align: center;margin: auto;}
.div_cadre_centre:hover{background-color: #FFF;background-image: url("../../../images/hachures.png");}
.div_cadre_centre:after{clear:both;}
.div_cadre_centre img {float: left;padding-right: 5px;border-style: none;}
.paragraphe_centre {text-align: center !important;margin-left: auto;margin-right: auto;}
.cadre_paragraphe {background-color: #e5e5e5;border: 1px solid #cac9c9;padding: 0 20px;}
/*****************************/
/* tableau inter partenaires */
/*****************************/
.tab_inter_partenaires {width: 580px;}
.tab_inter_partenaires  td{border-bottom-width: 1px;border-bottom-style: solid;border-bottom-color: #e4e4e4;padding-top: 0pt;padding-right: 5px;padding-bottom: 0pt;padding-left: 5px;font-size: 0.8em;}
/************************************/
/* Accordeon jquery pour espace tel */
/************************************/
.menu_list {width: 580px;}
.menu_head {padding: 5px 10px;cursor: pointer;position: relative;margin:1px;font-weight:bold;background: #eef4d3 url(../images/left.png) center right no-repeat;}
.menu_body {display:none;}
.menu_body a {display:block;color:#006699;background-color:#EFEFEF;padding-left:10px;font-weight:bold;text-decoration:none;}
.menu_body a:hover {color: #000000;text-decoration:underline;}
/*Formulaire de contact*/
label { float:left;width:35%;margin-top:9px;text-align:right;font-size:12px;font-weight:bold;color:#80a63a; }
input,textarea,select { width:50%;font-size:1.1em;color:#666;margin-left:20px;padding:5px;font-family:"Lucida Grande","Helvetica Neue",Helvetica,Arial,Verdana,sans-serif;z-index:100 !important;position:relative; }
input ,textarea { border:1px solid #CCC;background-color:#fff; }
input:focus,textarea:focus { border:2px solid #ef9e4d;background:#fff; }
button { outline:none; }
textarea { height:150px;padding:5px;font-size:1.1em;color:#666; }
select { border:1px solid #CCC;background:#fff;width:42%;padding:2px; }
select:focus { border:1px solid #999;background:#fff; }
.indicates-required { margin:0 6% 10px 0;text-align:right;font-size:90%;font-style:italic;color:#c60; }
span.required { color:#c60;font-weight:bold;font-size:115%; }
.field-group { float:left;clear:both;width:100%;margin:6px 0 4px;position:relative; } 
.field-group  img{ border:1px solid #CCC; margin-left:20px;padding:5px;} 
.form-btn-group { clear:both; } /*margin:-10px 0 10px 0;padding-left:34%;*/
//.form-btn-group input { margin:0;width:400; }
input[type="submit"] { display:block;width:auto !important;min-width:120px;margin:auto;background:#7eb917;border:3px solid #b0ea4a;color:#fff;font-size:120%;font-weight:bold;letter-spacing:0; }
input[type="submit"]:hover { background:#99c847;border:3px solid #c0ee70;color:#fff; }
#vericode { width: 100px !important; }
.errors {border: 1px solid #fea48d;color: #F00;background-color: #ffccbf;background-repeat: no-repeat;background-image: url(../images/delete.png)!important;background-position: 2px 4px;padding: 4px 20px;}
.thankyou {padding: 0px 60px;background: url(../images/check.png) no-repeat;}
/* fin formulaire de contact */
/*styles divers */
.texte_petit {font-size: 11px !important;}
.texte_tpetit {font-size: 10px !important;}
#div_siuaps ,#div_asuda { padding-left: 105px;}
#div_siuaps { background: url(../../../images/SIUAPS-LOGO.jpg ) no-repeat;}
#div_asuda { background: url(../../../images/ASUDAV-LOGO.jpg ) no-repeat;}
.texte_titre{font-size: 14px;font-weight: bold;color: #808080;}
.texte_orange {color: #ff1b91;}
.texte_rouge {color: #FF0000;}
.texte_vert {color: #80a63a;}
.para_contact_ent  { margin-left: 35px; }