﻿/* Général */
* {							font-family:Verdana, Arial, Helvetica, sans-serif;
							color:#696357;
							font-size:12px;
							line-height:normal;
}

/* Blocs */
body {						background-color:#B4B0A8;
							margin:0;
							padding:0;
}

div.BlocPrincipal {			width:100%;
							background-image:url('../images/bdbg.png');
							background-repeat:repeat-x;
							padding-top:10px;
}

div.BlocSecondaire {		background-image:url('../images/bg_bandeau.png');
							background-position:top center;
							background-repeat:no-repeat;
							width:100%;
}

div.BlocCentral {			position:relative;
							height:689px;
							width:850px;
							margin:0 auto;
}

div.BlocTexte {				margin:20px 10px 5px 160px;
							padding:0 10px 0px 20px;
							text-align:justify;
							border-left:1px solid #FFFFFF;
}

div.BlocMenuBas {			text-align:center;
							margin:80px auto 0px auto;
							font-size:9px;
							padding:4px 0 6px 0;
							color:#F29400;
							width:100%;							
}

div.fieldsetspacer {		padding:20px;
							text-align:right;
}

div.BlocFormEmploi, div.BlocFormEmploiLarge { width:70%;
							margin-top:20px;
}

div.BlocFormEmploiLarge {   width:83%;}

div.onglets {				margin-top:20px;}

div.onglet_boite {			display: none;
							width:97%;}

div.onglet_boite.selected {	display:inline-block;
							border: 1px solid #696357;
							-moz-border-radius-topright: 5px;
							-moz-border-radius-bottomright: 5px;
							-moz-border-radius-bottomleft: 5px;
							padding: 1em;
}

div.onglets_entetes a {		background-color: #696357;
							padding: 0px 1em 0px;
							border: 1px solid #696357;
							-moz-border-radius-topright: 5px;
							-moz-border-radius-topleft: 5px;
							font-family: sans-serif;
							text-decoration: none;
							color:#B4B0A8;
							
}

div.onglets_entetes a.selected {	background-color: white;
							padding: 5px 1em 0px;
							color:#696357;
}

div.sizeSN {				position: absolute;}

div#SN {					position:absolute;
							top:-10px;
							left:870px;
							width:140px;
							display: none;
}

div#fbk, div#twr, div#vdo {	height:62px;
							width:40px;
							top:-20px;
}

div#fbk {					left:0;
							background:url('../images/bg_SN.gif') repeat-y top left;
}

div#twr {					left:50px;
							background:url('../images/bg_SN.gif') repeat-y top left;}

div#vdo {					left:100px;
							background:url('../images/bg_SN.gif') repeat-y top left;
							}

div#bandeau-anim {			margin:0 auto;
							display:block;
							width:850px;
							height:163px;
							vertical-align:top;
}

/* Menus gauche */

div.menuLateral {			position:absolute;
							top:178px;
							left:-0px;
}

div.menuLateral a.decal, p{		margin-left:20px;}

p#infossite {				text-align:center;
							font-size:11px;
							margin-top:18px;
}

div#menuDer {				position:absolute;
							top:60px;
							width: 130px;
							border-left:1px solid white;
							padding-left:20px;
}

div#menuDer a:hover {		color:#F29400;}

div.menuTitre, div.menuSurvol, div.menuClic, div.menuSelection{	height: auto; padding:0 0 10px 15px;}

div.menuSelection {			font-weight : bold;
							background:url('../images/bg-TitMenuLeft.gif') no-repeat;
							}

div.menuContenu {			overflow: hidden;}

ul.menu {					list-style-type:none;
							margin-top:0;
							padding-left:30px;
}

div.menuTitre a, div.menuContenu a  {text-decoration:none;
							font-style:italic;
							color : #8AB4DE;}
							
div.menuContenu a {			font-style:normal;}

/* Textes */

h1 {						font-family:Arial, Helvetica, sans-serif;
							font-weight:normal;
							font-size:150%;
							color:#696357;
}

p, ul, li {                 color:inherit;}

ul {                        margin:5px 0 10px 0;
							padding-left:20px;}

p.errDetail, ul.errDetail {	margin-left:31px;}

p.CG {						font-size:0.9em;}

.i {						font-style:italic;}

.spacer {					margin-bottom:15px;}
							
div#CG {					padding-top:10px;
							text-align:justify;}

div.MsgFinalOK, div.MsgFinalError { text-align:left;
                            background-image:url('../images/form_confirm_bg.png');
                            color:green;
                            border:1px solid green;
                            margin-bottom:20px;
                            padding:7px;
}

div.MsgFinalError {         border:1px solid red;
                            color:red;
}           

span.fieldError	{			font-size:0.7em;
							color:red;
							vertical-align:middle;
}

/* Images */

img {						border:none;
							vertical-align:bottom;
							margin:0;
							padding:0;
}

img.cand_status {			margin-right:15px;}

img.SN {					position:absolute;
							bottom:0;}
							
img.hr {					margin-bottom:20px;}
							
/* Tableaux */

table {						width: 100%;
							border-collapse: collapse;
							border: 1px solid #696357;
							border-left:0;
							border-top:0;
							text-align:center;
}

th, td {					border:1px solid #696357;
							border-right:none;
							border-bottom:none;
							padding:20px 10px;
}

th {						font-style:italic;
							font-weight:bold;
							padding:10px;
							background-color:#D3D3D3;
}

table a {					color:#F29400;
							font-style:italic;
}

/* Liens */

a.menubas {					font-size:9px;
}

a:hover {					text-decoration:none;
}

/* Anim plan de localisation */

#header{					margin:0 0; 
							position: relative;
							float:left;
}

#top-panel {				height: 17px; 
							margin: 0px; 
							padding:0px; 
							position: relative;
							width:802px;
							z-index: 10;
}

#inner_panel {				position: relative; 
							top: 0px; 
							width:600px;
							height:416px;
							background-color: white; 
							margin:0px;
							padding:6px 8px;
							border: 1px solid #F29502;
							display:inherit;
							-moz-border-radius-topright: 5px;
							-moz-border-radius-bottomright: 5px;
							-moz-border-radius-bottomleft: 5px;
}

#outer_panel {				overflow: hidden;
							position: absolute; 
							z-index: 20;
							top: 17px; 
							width: 802px;
							visibility:hidden;
}

.gmap {						width:600px;
							height:397px;
							border:0;						
}

/* Formulaires */

fieldset {					-moz-border-radius:5px;
							padding:0;
							margin:0;
}

form {						margin:0;}

input, select {				border:0;
							border-color:none;
							padding:2px 0;
							margin:0 0 15px 0;
							width:200px;
}

input.errField {            border:1px solid red;}

#zaCG {						float:none;
							}

#cbCG {						width:auto;
							vertical-align:middle;
							padding:0;
							margin:0px 0 0 10px;}

select {                    padding:0;
                            border:1px solid white;}
                            
select.errField {           border:1px solid red;
                            width:202px;}
                            
span.label {                float:left;
							padding-top:3px;}

div.small {					margin:2px 0 15px 0;
							font-size:0.7em;
}

input.submit {				border:1px solid white;
							width:auto;	
							margin:10px 0 0 0;
							padding:5px;
							font-weight:bold;}
							
input.ifile {				margin:0 0 0 0;
							border-color:transparent;
							width:200px;
							}
					
input.ifileErr {			margin:0;
							border:1px solid red;
							width:202px;
							}

input#sandbox1, textarea#sandbox2 {	display:none;}

input#panelID {				display:none;}

