/* Styles CSS Generales pour Passeport Formations */


body {
    font-family: verdana, arial, helvetica, sans-serif;
    font-size: 75%;
}

/* Globally remove margin and padding and set normal font size for page */
* {
	border: none;
	font-size: 1em;
}

/* Couleurs */

.orange {
	color: #FF6600; /* Orange Banner */
}
.orangefonce { 
	color: #EE7D17; /* Orange Logo */
}
.bleu {
	color: #162883; /* Blue Home Footer */
}
.bleufonce {
	color: #004489; /* Blue LogoText Dark */
}
.imep {
	/* color: #003A80; /* IMEP blue fonce */
}
.imm {
	/* color: #97825C; /* IMM marron clair */
}
.tai {
	/* color: #FFB90B; /* TAI orange */
}
.tsgri {
	/* color: #DD8809; /* TSGRI orange */
}
.entreprise {
	/* color: #6A7090; /* Entreprise gris/bleu */
}


/* Structure */

body {
	margin: 0px;
	padding: 0px;
	background: #FFFFFF;
}

div#page {
	width: 780px;
	min-height: 600px;
	margin: 0px auto;
	background-image:url(../images/pf_fond_page1.jpg);
	background-repeat: no-repeat;
	background-position: right 18px;
}
div#pagetete {
	padding-top: 3.5em;
}
div#corps {
	clear: both;
	padding-top: 23px;
	height: 360px;
}
div#navigation {
	width: 280px;
	float: left;
	position: relative;
	background: none;
}
div#contenu {
	width: 464px;
	float: right;
	position: relative;
	margin-left: 16px;
	padding-bottom: 6px;
	border-bottom: 1px solid #420092;
}
div#pagepied {
	clear: both;
	padding-bottom: 16px;
}

div#menuglobal {
	position: absolute;
	width: 780px;
	top: 0px;
	left: 50%;
	margin-left: -390px;
	z-index: 1;
}


/* Menu Global Horizontal */

div#menuglobal {
	font-size: 1em;
	line-height: 1em;
	background-color: #162883;
}
div#menuglobal ul {
	float: left;
	position: relative;
	width: auto;
	list-style-type: none;
	text-align: right;
}
div#menuglobal li ul {
	line-height: 1.2em;
}
/* Pop-up CSS based on example at www.nickrigby.com */
div#menuglobal ul li {
	text-align: left;
	width: 120px; 
}
div#menuglobal ul ul, div#menuglobal ul ul li {
	width: 190px; 
}	
	
div#menuglobal ul li {
	position: relative;
	list-style: none;
	float: left;
}

div#menuglobal ul li a, div#menuglobal ul li li a {
	display: block;
	text-decoration: none;
	color: #FFFFFF;
	padding: 0.4em 10px 0.5em 10px;
}

/* Fix IE. Hide from IE Mac \*/
* html div#menuglobal ul li { float: left; height: 1%; }
* html div#menuglobal ul li a { height: 1%; }
/* End */

div#menuglobal ul ul {
	position: absolute;
	display: none;
	background-color: #EE7D17;
	border-top: 1px solid #FFFFFF;
}
	
div#menuglobal ul li ul li a { /* Sub Menu Styles */
	padding: 0.3em 5px;
	border: 1px solid #FFFFFF;
	border-top: none;
	color: #000000;
} 

ul#menulist li:hover ul, ul#menulist li.over ul  { /* Hide sub-menus initially */
	display: none; 
} 

ul#menulist li:hover ul, ul#menulist li li:hover ul, ul#menulist li.over ul, ul#menulist li li.over ul {
	display: block; 
} 


ul#menulist li.menusection:hover, ul#menulist li.over { 
	background-color: #7198BA;
}
div#menuglobal ul li li a:hover {
	/*background: transparent;*/
	background-color: #B00E08; 
	color: #FFFFFF;
}
div#menuglobal ul li a:hover { 
	background-color: #7198BA; 
}


/* Typographie */

body, th, td, input, textarea, select {
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6, ul, li {
	margin: 0px;
	padding: 0px;
}
p, blockquote, ul, ol, dl {
	margin: 0px;
}

div#contenu h2 {
	clear: left;
	margin: 0.6em 0;
	padding-bottom: 0.1em;
	font-size: 1.3em;
	line-height: 1.4em;
	font-weight: normal;
}
div#contenu h3 {
	clear: left;
	margin: 1em 0;
	padding-bottom: 0.1em;
	font-size: 1.2em;
	line-height: 1.3em;
	font-weight: normal;
	border-bottom: 1px solid #420092;
}
div#contenu h4 {
	margin: 1em 0;
	padding-bottom: 0.1em;
	font-size: 1em;
	line-height: 1.2em;
	font-weight: bold;
}

div#contenu p {
	margin: 1em 0;
	font-size: 1em;
	line-height: 1.3em;
	text-align: justify;
}
p.infos {
	font-weight: bold;
	color: #333333;
}
p.alerte {
	color: #CC0033;
}
p.ok {
	color: #009900;
}
p.nouveau {
	background-image: url(../images/accueil/etoile_nouveau.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 24px;
	font-style: normal;
}
div#contenu ul {
	list-style-position: inside;
}
div#contenu ul li {
	margin: 0.2em 0;
	line-height: 1.3em;
}
div#contenu ul ul {
	margin-left: 24px;
}
/* En-tete de page */

div#pagetete p#logo a {
	width: 312px;
	height: 0px;
	float: left;
	position: relative;
	margin-bottom: 10px;
	padding-top: 140px;
	overflow: hidden;
	background-image: url(../images/pf_logo1.jpg);
	background-repeat: no-repeat;
}
div#pagetete p.slogan {
	width: 454px;
	float: right;
	position: relative;
	margin-top: 6px;
	padding: 2px 6px 3px 6px;
	text-align: right;
	font-size: 1.1em;
	font-weight: normal;
	color: #FFFFFF;
	background-image: url(../images/pf_banniere1_orange.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}

/* Menus Navigation */
div#navigation {
	padding-top: 6px;
}
div#navigation p {
	margin: 1em 10px;
	font-size: 1.1em;
	font-style: italic;
	line-height: 1.3em;
	text-align: left;
}
div#navigation p.nouveau {
	font-style: normal;
}
div#navigation h3 {
	margin: 0.6em 10px 2em 10px;
	font-size: 1.4em;
	line-height: 1.4em;
	text-align: justify;	
	color: #004489;	
}
div#navigation h4 {
	margin: 0.6em 10px 2em 10px;
	padding-bottom: 0.1em;
	font-size: 1.1em;
	line-height: 1.2em;
	font-weight: bold;
	font-style: italic;
}
div#navigation ul.menu {
	font-size: 1.2em;
	list-style-type: none;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}
div#navigation ul.menu ul.sousmenu {}
div#navigation ul.menu li a {
	display: block;
	padding: 2px 2px 3px 24px;
	margin: 4px 0px;
	color: #000;
	border: 1px solid #F67300;
	background-image: url(../images/popup_bg01_alpha.png);
	text-decoration: none;
}
div#navigation ul.menu li a:hover {
	color: #fff;
	background: none;
	background-color: #F67300;
}
div#navigation ul.sousmenu li a {
	margin-left: 24px;
}

/* Breadcrumbs */
ul.breadcrumbs {
	margin: 6px 0 6px 0px;
	list-style-type: none;
	font-size: 95%;
	color: #666666;
}
div#navigation p.breadcrumbs {
	margin: 1em 10px 0 0px;
	padding-bottom: 0;
	font-size: 95%;
	line-height: 0.9em;
	color: #666666;
}
ul.breadcrumbs li {
	display: inline;
}
ul.breadcrumbs li a {
	padding: 0 6px 0 18px;
	background-image: url(../images/separateur02.gif);
	background-repeat: no-repeat;
	background-position: left center;
	color: #666666;
}
ul.breadcrumbs li a:hover {
	text-decoration: underline;
	color:  #F67300;
}


/* Corps de la page */

div#corps h1 {
	clear: both;
	margin-left: 316px;
	padding: 0 10px;
	text-align: left;
	font-weight: bold;
	font-size: 1.5em;
	line-height: 1.4em;
	background-color: #420092;
	color: #FFFFFF;
}

div#corps hr {
	margin: 0;
	padding: 0;
	border-top: 3px solid #420092;
}

/* Onglets pour sous-pages des formations */

ul.onglets {
	margin: 6px 0px;
	padding: 0px 0px 0px 6px;
	text-align: left;
	background-color: #420092;
	font-size: 100%;
	line-height: normal;
}
ul.onglets li {
	display: inline;
	position: relative;
	margin: 0;
	padding: 0;
	line-height: 1em;
	font-size: 100%;
}
ul.onglets li a {
	margin: 0px;
	padding: 1px 6px;
	text-decoration: none;
	color: #FFFFFF;
}
ul.onglets li a:hover, ul.onglets li.active a {
	color: #420092;
	background-color: #fff;
}

/* Sous-menus pour les onglets - cachés au départ */

ul.onglets li.sousmenu * {}
ul.onglets li.sousmenu ul {
	position: absolute;
	width: 7.5em;
	display: none;
	left: 0;
	top: 1.3em;
	margin: 0;
	padding: 0;
	font-size: 100%;
	line-height: normal;	
	border: 1px solid #420092;
	border-top: none;
	background-color: #420092;
}
ul.onglets li.sousmenu ul li {
	display: block;
	position: relative;
	line-height: normal;
	background-color: #420092;	
}
ul.onglets li.sousmenu ul li a { /* Sub Menu Styles */
	display: block;
	position: relative;
	padding: 1px 5px; 
	background-color: #420092;	
	border: none;
	border-top: 1px solid #fff;
}

ul.onglets li:hover ul ul,
ul.onglets li.over ul ul { /* Hide sub-menus initially */
	display: none; 
} 

ul.onglets li:hover ul,
ul.onglets li li:hover ul,
ul.onglets li.over ul,
ul.onglets li li.over ul { /* Show sub-menus */
	display: block; 	
} 

ul.onglets li.sousmenu li a {}
ul.onglets li.sousmenu li a:hover {
	background-color: #fff;
	color: #420092;
}
ul.onglets li a:hover {}
ul.onglets li.sousmenu:hover,
ul.onglets li.over {}


/* Liens */

a, a:link {
	text-decoration: none;
}
a:visited {}
a:hover {}
a:active {}
a.skipnav {
	display: none;
}

div#contenu a, a:link {
	color:#003399;
}

/* Pagepied */
div#pagepied p.lienunique {
	padding-top: 1em;
	margin-left: 316px;
}


/* Formulaires */

form {
	margin: 0px;
	padding: 0px;
	font-size: 1.1em;
}
form fieldset {
	padding: 0 6px;
	margin: 6px 0;
	clear: both;
	background-color: #eee;
	border: 1px solid #ccc;
	overflow: hidden;
}
form legend {
	margin: 0 0;
	padding: 2px 6px;
	font-size: 1em;
	line-height: 1.2em;
	font-weight: bold;
	background-color: #eee;
}
form input, form select, form textarea, form p textarea {
	margin: 0.2em 0em;
	padding: 0.25em;
	width: auto;
	font-family: inherit;
	border: 1px solid #999999;
	border-bottom-color: #CCCCCC;
	border-right-color: #CCCCCC;
}
form input, form select {
	float: right;
	position: relative;
	width: 25%;
	padding: 0.25em;
	margin: 0 0em 0.2em 0em;
}
form p {
	clear: both;
	margin: 0.1em 0em;
	overflow: hidden;
}
form p label {
	margin-right: 6px;
}
form p.boutons label {
	float: none;
	width: auto;
}
form div.fieldgroup {
	width: 46%;
	float: left;
	padding: 0 6px 6px 6px;
}
form div.fieldgroup p {
	text-align: right;
	width: auto;
}
form div.fieldgroup p label {
	float: none;
	clear: both;
	width: 100%;
}
form div.fieldgroup p input,form div.fieldgroup p select {
	float: left;
	clear: both;
	width: 95%;
}
form p.boutons input, form div.fieldgroup p.boutons input {
	float: none;
	width: auto;
}
form input.button {
	width: auto;
	border: 1px solid #999999;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding: 0.25em;
	background-color: #FFFFFF;
	color: #333333;
	font-weight: bold;
}
form input.button:active {
	background-color: #CCCCCC;
}
form select {
	padding: 0.15em;
	width: auto;
}
form p.champstext input {
	clear: both;
}
form#formulaire_contact label {
	float: left;
}
form#formulaire_contact input, form#formulaire_contact select {
	width: 50%;
}
form p.boutons_submit {
	text-align: center;
}
form p.boutons_submit input, form#formulaire_contact p.boutons_submit input {
	width: auto;
	float: none;
}

/* Autres */

.justified { 
	text-align: justify;
}
.align-droit { 
	text-align: right;
}
.align-gauche { 
	text-align: left;
}

/* Page D'Accueil */

body.home {}

body.home div#pagetete {
	border-bottom: none;
}
body.home div#contenu {}
body.home ul#accueil {
	list-style-type: none;
	margin-left: 0;
}
body.home ul#accueil li {
	background-repeat: no-repeat;
	background-position: right -30px;
	margin: 12px 0 16px 0;
	padding-left: 0;
	font-size: 1em;
	line-height: 1em;
	padding-left: 0px;
}
body.home ul#accueil li a {
	display: block;
	padding: 2px 240px 2px 0px;
	color: #222C80;
	font-size: 1.3em;
	line-height: 1.4em;
	font-style: normal;
	text-decoration: none;
	background-repeat: no-repeat;
	background-position: right bottom;
	border-bottom: 3px solid #EE6618;
}
body.home ul#accueil li a:hover {
	/*color: #EE6618;*/
}
body.home ul#accueil li#formDiplo a {
	background-image: url(../images/accueil/accueil1.gif);
}
body.home ul#accueil li#formDiplo, body.home ul#accueil li#formDiplo a:hover {
	background-image: url(../images/accueil/accueil1_bw.gif);
}
body.home ul#accueil li#formEnt a {
	background-image: url(../images/accueil/accueil2.gif);
}
body.home ul#accueil li#formEnt, body.home ul#accueil li#formEnt a:hover {
	background-image: url(../images/accueil/accueil2_bw.gif);
}
body.home ul#accueil li#formQual a {
	background-image: url(../images/accueil/accueil3.gif);
}
body.home ul#accueil li#formQual, body.home ul#accueil li#formQual a:hover {
	background-image: url(../images/accueil/accueil3_bw.gif);
}
body.home ul#accueil li#passeport a {
	background-image: url(../images/accueil/accueil4.gif);
}
body.home ul#accueil li#passeport, body.home ul#accueil li#passeport a:hover {
	background-image: url(../images/accueil/accueil4_bw.gif);
}
body.home ul#accueil li#actualite a {
	background-image: url(../images/accueil/accueil5.gif);
}
body.home ul#accueil li#actualite, body.home ul#accueil li#actualite a:hover {
	background-image: url(../images/accueil/accueil5_bw.gif);
}
body.home ul#accueil li#autre a {
	background-image: url(../images/accueil/accueil6.gif);
}
body.home ul#accueil li#autre, body.home ul#accueil li#autre a:hover {
	background-image: url(../images/accueil/accueil6_bw.gif);
}

body.home div#contenu {
	border: none;
	padding-top: 40px;
}
body.home div#contenu p {
	border: 1px solid #222C80;
	padding: 16px;
	text-align: center;
}
body.home div#pagepied {
	display: block;
	margin: 16px 0 16px 0;
	padding-top: 12px;
}
body.home div#pagepied ul {
	padding: 3px 0px;
	background-color: #222C80;
	color: #fff;
	text-align: center;
	list-style-type: none;
}
body.home div#pagepied ul li {
	display: inline;
	padding: 0 10px 0 20px;
	font-size: 1.4em;
	letter-spacing: 0.3em;
	text-transform: uppercase;
	background-image: url(../images/separateur01.gif);
	background-repeat: no-repeat;
	background-position: left center;
}
body.home div#pagepied ul li:first-child, body.home div#pagepied ul li#annecy {
	background: none;
}
body.home div#pagepied ul li a {
	margin: 3px 0px;
	padding: 3px 6px;
	color: #fff;
}
body.home div#pagepied ul li a:hover {
	background-color: #7198BA;
}

/* Pages Entreprises */

body.entreprise div#page {
	background-image:url(../images/pf_fond_page2_entre.jpg);	
}

/* Boutons Accueil Entreprises */
body.entreprise ul#accueil li#entre1 a {
	background-image: url(../images/entreprise/entreprise1.gif);
}
body.entreprise ul#accueil li#entre1, body.entreprise ul#accueil li#entre1 a:hover {
	background-image: url(../images/entreprise/entreprise1_bw.gif);
}
body.entreprise ul#accueil li#entre2 a {
	background-image: url(../images/entreprise/entreprise2.gif);
}
body.entreprise ul#accueil li#entre2, body.entreprise ul#accueil li#entre2 a:hover {
	background-image: url(../images/entreprise/entreprise2_bw.gif);
}
body.entreprise ul#accueil li#entre3 a {
	background-image: url(../images/entreprise/entreprise3.gif);
}
body.entreprise ul#accueil li#entre3, body.entreprise ul#accueil li#entre3 a:hover {
	background-image: url(../images/entreprise/entreprise3_bw.gif);
}
body.entreprise ul#accueil li#entre4 a {
	background-image: url(../images/entreprise/entreprise4.gif);
}
body.entreprise ul#accueil li#entre4, body.entreprise ul#accueil li#entre4 a:hover {
	background-image: url(../images/entreprise/entreprise4_bw.gif);
}
body.entreprise ul#accueil li#entre5 a {
	background-image: url(../images/entreprise/entreprise5.gif);
}
body.entreprise ul#accueil li#entre5, body.entreprise ul#accueil li#entre5 a:hover {
	background-image: url(../images/entreprise/entreprise5_bw.gif);
}
body.entreprise ul#accueil li#entre6 a {
	background-image: url(../images/entreprise/entreprise6.gif);
}
body.entreprise ul#accueil li#entre6, body.entreprise ul#accueil li#entre6 a:hover {
	background-image: url(../images/entreprise/entreprise6_bw.gif);
}
body.entreprise ul#accueil li#entre7 a {
	background-image: url(../images/entreprise/entreprise7.gif);
}
body.entreprise ul#accueil li#entre7, body.entreprise ul#accueil li#entre7 a:hover {
	background-image: url(../images/entreprise/entreprise7_bw.gif);
}

body.entreprise div#pagepied {
	padding-top: 12px;
}

/* Centres */
body.centres ul.listeCentres {
	list-style-type: none;
}
body.centres ul.listeCentres li {
	clear: left;
}
body.centres ul.listeCentres li img {
	float: left;
	margin-top: -12px;
	padding-right: 12px;
}
body.centres ul.listeCentres li p {
	padding-left: 139px;
}


/* Formations Diplomantes */
/* IMEP */
body.imep div#page {
	background-image:url(../images/pf_fond_page4_imep.jpg);
}
body.imep div#corps h1 {
	background-color: #003A80;
	color: #FFFFFF;
}
body.imm div#corps h3 {
	border-bottom-color: #003A80;
}
body.imep div#corps hr {
	border-top-color: #003A80;
}
body.imep ul.onglets {
	background-color: #003A80;
}
body.imep h3, body.imep h4, body.imep ul.onglets li a:hover, body.imep ul.onglets li.active a {
	color: #003A80;
}
/* IMM */
body.imm div#page {
	background-image:url(../images/pf_fond_page3_imm.jpg);
}
body.imm div#corps h1 {
	background-color: #97825C;
	color: #FFFFFF;
}
body.imm div#corps h3 {
	border-bottom-color: #97825C;
}
body.imm div#corps hr {
	border-top-color: #97825C;
}
body.imm ul.onglets {
	background-color: #97825C;
}
body.imm h3, body.imm h4, body.imm ul.onglets li a:hover, body.imm ul.onglets li.active a {
	color: #97825C;
}
/* TAI */
body.tai div#page {
	background-image:url(../images/pf_fond_page5_tai.jpg);
}
body.tai div#corps h1 {
	background-color: #FFB90B;
	color: #FFFFFF;
}
body.tai div#corps h3 {
	border-bottom-color: #FFB90B;
}
body.tai div#corps hr {
	border-top-color: #FFB90B;
}
body.tai ul.onglets {
	background-color: #FFB90B;
}
body.tai h3, body.tai h4, body.tai ul.onglets li a:hover, body.tai ul.onglets li.active a {
	color: #FFB90B;
}
/* TSGRI */
body.tsgri div#page {
	background-image:url(../images/pf_fond_page6_tsgri.jpg);
}
body.tsgri div#corps h1 {
	background-color: #DD8809;
	color: #FFFFFF;
}
body.tsgri div#corps h3 {
	border-bottom-color: #DD8809;
}
body.tsgri div#corps hr {
	border-top-color: #DD8809;
}
body.tsgri ul.onglets {
	background-color: #DD8809;
}
body.tsgri h3, body.tsgri h4, body.tsgri ul.onglets li a:hover, body.tsgri ul.onglets li.active a {
	color: #DD8809;
}