@CHARSET "UTF-8";
BODY {
	color: #424242;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

@font-face {
	font-family: 'Marianne';
	font-style: normal;
	font-weight: 200;
	src: url('../fonts/Marianne/Marianne-Regular.woff');
	/* For IE6-8 */
url('../fonts/Marianne/Marianne-Regular.woff2') format('woff2');
}
@font-face {
	font-family: 'Marianne';
	font-style: normal;
	font-weight: bold;
	src: url('../fonts/Marianne/Marianne-Bold.woff');
	/* For IE6-8 */
url('../fonts/Marianne/Marianne-Bold.woff2') format('woff2');
}
@font-face {
	font-family: 'Marianne-light';
	font-style: normal;
	font-weight: 100;
	src: url('../fonts/Marianne/Marianne-Light.woff');
	/* For IE6-8 */
url('../fonts/Marianne/Marianne-Light.woff2') format('woff2');
}

#environnement {
	position: fixed;
	top: 10px;
	left: 200px;
	z-index: 2;
	color: #fff;
	background-color: #0D47A1;
}

pre {
	white-space: pre-wrap;
	white-space: -moz-pre-wrap;
	white-space: -pre-wrap;
	white-space: -o-pre-wrap;
}

a {
	color: #424242;
}

.hidden {
	display: none;
}

button#retour {
	margin-right: 2%;
	min-width: 70px;
}

input[type=checkbox] {
	cursor: pointer;
}


input#fakeBtn {
	position: relative;
	margin: -40px 130px;
	padding: 5px 15px 5px 15px;
}

button.switcher {
	background: url('../images/design/ico_switcher.png') no-repeat scroll 0px 0px transparent;
	color: #000;
	cursor: pointer;
	font-weight: bold;
	height: 29px;
	padding-bottom: 2px;
	width: 150px;
	border-radius: 48px;
	z-index: 10;
	margin: -440px 13px;
	position: absolute;
	border: 1px double #7CB5EC;
	color: #434438;
}

button.linesorcolumns {
	cursor: pointer;
	height: 29px;
	padding: 0px 0px 0px 30px;
	width: 37px;
	border-radius: 3px;
	z-index: 10;
	margin: -410px 25px;
	position: absolute;
	color: #434438;
	font-weight: unset;
	font-size: 0.8em;
	border: 3px double #434438;
}

button#line {
	/*background: url('../images/design/lines.png') no-repeat scroll 0px 0px transparent;*/
}

button#column {
	/*background: url('../images/design/columns.png') no-repeat scroll 0px 0px transparent;*/
}

.alignCenter {
	text-align: center;
}

a {
	color: #355689;
}

#background {
	bottom: 0;
	height: 100%;
	position: fixed;
	width: 100%;
}

#bg_img {
	width: 100%;
}

#content {
	font-size: 14px;
	min-height: 300px;
}

#content fieldset {
	font-size: 13px;
}

fieldset input {
	font-size: 11px;
}

table {
	border-collapse: separate;
	border-spacing: 2px;
	border: none;
}

table td {
	border: none;
	color: #424242;
}

button#inscription {
	width: 150px;
}

#container {
	width: 994px;
	z-index: 2;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
}

#header {
	height: 115px;
	position: relative;
	margin-top: 5px;
	z-index: 2
}


header #app-name{
	font-size: 3.0em;
	color: #000;
	font-weight: 700;
	line-height: 1em;
	font-family: Marianne,Arial,Helvetica,sans-serif;
	letter-spacing:1.2em;
	margin-bottom: 0;
}

header #app-name span{
	font-size: 1.3em;
}

#banner_logo_mindef {
	height: 135px;
	left: 10px;
	top: 4px;
	position: absolute;
	z-index: 100;
}


div#banner_logo_mindef img {
	margin: -4px 5px;
}

#banner {
	width: 99%;
	height: 101px;
	margin: 0px;
	padding: 0px;
}

#header #header_top {
	float: right;
	width: 450px;
	font-size: 11px;
	color: #cfd3d7;
	position: relative;
	top: 8px;
	right: 100px;
}

#header #header_top div.langues {
	float: left;
	position: relative;
	top: 2px;
	text-align: right;
	width: 300px
}

#header #header_top form {
	float: right;
	color: #000000
}

.hide {
	display: none;
}

#header #header_top form input.text {
	width: 112px;
	border-top: 1px solid #383838;
	border-bottom: #9eafc2;
	border-left: #383838;
	border-right: #9eafc2;
	color: #555;
}

#header #header_top form input.submit {
	width: 23px;
	background: none;
	border: none;
	padding: 0;
	margin: 0;
	color: #ffffff;
	font-weight: bold;
	font-size: 10px;
}

#header h1 {
	color: #cfd3d7;
	font-family: verdana, arial, helvetica;
	font-size: 34px;
	font-weight: normal;
	height: 87px;
	margin-left: 35px;
}

#header h1 a {
	text-decoration: none;
	cursor: pointer;
	position: relative;
	color: #cfd3d7;
	line-height: 90px;
	font-size: 34px;
}

header a {
	text-decoration: none;
	color: #424242;
}

div#explain_mino {
	color: #000;
	font-size: 15px;
	font-family: Marianne-light,Arial,Helvetica,sans-serif;
	opacity: .5;
	text-transform: uppercase;
	line-height: 1em;
	margin-top: 10px;
}
div#explain_mino span {
	font-weight: bold;
	opacity: 1;
}
div#logo {
	/*background: url("../images/design/logo.png") no-repeat 95%;	
	border-bottom: 1px solid #D4D4D4;*/
}

div#logo a {
	text-decoration: none;
}

div#logo a img {
	border: none;
}

span#logo_title {
	position: absolute;
	top: 15px;
	left: 95px;
}

span#site_url {
	color: #424242;
	font-size: 2.5em;
	letter-spacing: 7px;
}

a.lienExt {
	font-weight: bold;
	color: #2a5580;
}

#menu_long a {
	text-decoration: none;
}

h1 a {
	color: #fff;
	text-decoration: none;
}

#logo h1 img {
	border: none;
	float: left;
}

span.errors {
	color: #e33b3b;
	font-size: 9px;
	font-weight: bold;
}

ul#menu_horizontal {
	list-style-type: none;
	height: 49px;
	margin: 0;
	padding: 10px 0 0 10px;
	width: 98%;
	position: relative;
}

#menu_horizontal li {
	float: left;
	width: 155px;
	height: 15px;
}

#menu_horizontal li.withChild {
	/*  background: url("../images/design/fleche_grise_menu.png") no-repeat no-repeat right 10px transparent;*/
}

#menu_horizontal li:hover {
	/*width: 190px;*/
	/* background: url("../images/design/design/recrut_actif.png") repeat-x;*/
}

#menu_horizontal li:hover ul li a {
	/*  background: url("../images/design/puce_sous_menu_grise.png")  no-repeat no-repeat 10px 10px transparent;*/
	color: #424242;
	border: none;
}

#menu_horizontal li ul li:hover a {
	color: white;
}

nav #menu_horizontal.forAdmin>li {
	width: 16%;
}

.side-nav a {
	overflow: hidden;
	text-overflow: ellipsis;
}

#menu_horizontal a {
	padding: 10px 10px 0px 10px;
	color: #686868;
	font-size: 10px;
	display: block;
	height: 25px;
	width: 90%;
	margin-top: 5px;
	text-align: center;
	/* background: url("../images/design/fleche_grise_menu.png") no-repeat right 15px; */
	position: relative;
	top: -10px;
}

#menu_horizontal li.withChild>a::after {
	content: " ▼";
}

#menu_horizontal li.withChild:hover>a::after {
	content: " ▲";
}

#menu_horizontal li.withChild:hover>a {
	color: white;
	border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
}

#menu_horizontal li.withoutChild:hover>a {
	color: white;
	border-radius: 5px 5px 5px 5px;
	-moz-border-radius: 5px 5px 5px 5px;
}

#menu_horizontal li.withoutChild:hover>a {
	background: #355689;
}

#menu_horizontal li.withChild:hover>a {
	background: #355689;
}

#menu_horizontal li.withChild:hover li>a {
	border-radius: 0px;
	-moz-border-radius: 0px;
}

#menu_horizontal li.withChild li.withoutChild a {
	padding-left: 6%;
	padding-top: 0;
	padding-right: 0;
	height: 30px;
	line-height: 30px;
}

#menu_horizontal li.withChild li.withoutChild:hover {
	background: none;
}

#menu_horizontal li ul {
	position: absolute;
	width: 18.2%;
	background: white;
	padding-left: 0px;
	display: none;
	/*max-height: 0px;*/
}

#menu_horizontal li ul li ul {
	visibility: hidden;
}

#menu_horizontal li ul li ul li {
	visibility: hidden;
}

#menu_horizontal li ul li:hover ul li {
	visibility: visible;
	position: relative;
	background: white;
	width: 210px;
	z-index: 1000;
	left: 210px;
	top: -38px;
	color: #424242;
}

#menu_horizontal li ul li:hover ul li a {
	color: #424242;
}

#menu_horizontal li ul li {
	height: 30px;
	float: left;
	width: 100%;
	/*  margin-left : -40px; */
}

#menu_horizontal li:hover ul {
	display: inline-block;
	list-style-type: none;
	/*background : url("../images/design/design/Recrutement_degrade_menu_test.png") repeat-x left top #346799;*/
	/*background : black;*/
	/*width: 400px;*/
	/*height : 219px;*/
	z-index: 1000;
	padding-top: -20px;
	border: solid 4px #355689;
	position: absolute;
	top: 35px;
	/* -webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box; */
}

#menu_horizontal li ul a {
	color: #424242;
	font-size: 11px;
	width: 94%;
	text-align: left;
	/*background: url("../images/design/puce_sous_menu_grise.png")  no-repeat scroll left 4px transparent;*/
	background: none;
	margin: 0;
	position: static;
	padding-left: 20px;
	height: 19px;
}

#menu_horizontal li ul a:hover {
	/*font-weight: bold;*/
}

div#menu_long {
	margin-bottom: 10px;
	background: url("../images/design/menu_background.png") repeat-x;
	height: 50px;
	font-size: 10px;
	padding-bottom: -3px;
}

#menu_horizontal li ul li:hover {
	width: 100%;
	/*background: url("../images/design/design/recrut_actif_inv.png") repeat-x;*/
	position: relative;
	color: white;
	background: #355689;
	padding: 0;
}

#menu_horizontal li ul li ul li:hover a {
	background: #355689;
	border-radius: 0;
	-moz-border-radius: 0;
	color: white;
}

#menu_horizontal.res li {
	width: 190px;
}

#menu_horizontal.res li>ul li {
	/*width: 200px;*/
}

#menu_horizontal.res>li>a {
	width: 180px;
}


nav a {
	text-decoration: none;
}

nav ul#menu_horizontal {
	width: 100%;
	padding: 0;
	height: 50px;
	padding: 10px;
}

nav ul#menu_horizontal.forPublic>li>a {
	width: 80%;
}

nav ul#menu_horizontal.res>li {
	width: 18.5%;
	height: 30px;
}

nav ul#menu_horizontal.res>li>a {
	width: 90%;
}

nav ul#menu_horizontal.res>li.withChild>ul {
	width: 18.5%;
}

nav ul#menu_horizontal.res>li.withChild>ul>li {
	width: 100%;
	height: 35px;
}

nav ul#menu_horizontal.res>li.withChild>ul>li>a {
	width: 96%;
	padding: 10px 0 5px 4%;
	height: 20px;
	line-height: 20px;
}

nav ul#menu_horizontal.res>li.withChild>ul>li:hover>a {
	background: #355689;
}

fieldset {
	border: 1px solid #CECECE;
}

#fieldset_accueil {
	background-color: #424242;
	color: white;
	border: none;
	padding: 50px 0px 50px 0px;
}

#bloc_title {
	width: 100%;
	text-align: center;
	font-size: 28px;
}

#bloc_title h3 {
	margin-top: 0px;
	margin-bottom: 0px;
}

#bloc_title div {
	height: 15px;
}

div#footer {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	width: 100%;
	color: #355689;
	padding-bottom: 1em;
	border-top: 2px solid #D4D4D4;
	color: #424242;
	padding-top: 40px;
	height: 283px;
	background: url("../images/design/sitemap_bg.jpg") repeat-x left bottom;
}

div#footer a {
	text-decoration: none;
}

#site_link a {
	margin: 0px 10px 0px 10px;
}

a img {
	border: none;
}

div#footer li {
	list-style-type: none;
}

ul#site_map {
	float: left;
	text-align: left;
	padding-left: 0px;
	margin-bottom: 50px;
	width: 100%;
}

ul#site_map>li {
	float: left;
	min-width: 195px;
}

ul#site_map h2, ul#site_map h2 a#link_infos {
	font-size: 1em;
	font-weight: bold;
}

ul#site_map li ul li a {
	font-size: 0.9em;
	font-weight: normal;
}

ul.dark_bullet {
	margin-right: 5px;
	padding-left: 10px;
}

ul.dark_bullet li {
	background: url("../images/design/puce_sous_menu_grise.png") no-repeat left 6px;
	padding-left: 5px;
}

ul#site_link {
	clear: both;
}

div#login {
	position: relative;
	float: right;
	display: inline;
	width: 20%;
	top: -44px;
	left: 80px;
	font-weight: bold;
	background: url("../images/design/lock_ico.png") no-repeat 100px;
}

div#disconnect {
	position: relative;
	float: right;
	display: inline;
	width: 20%;
	top: 0px;
	left: 60px;
	font-weight: bold;
}

div#disconnect a {
	text-decoration: none;
}

form#filtreWebmestre select, form#filtreWebmestre input[type="text"] {
	width: 300px;
}

input[type="text"], input[type="password"] {
	border-color: #CBCBCB;
	border-style: solid;
	border-width: 2px;
	margin: 5px 0;
}

fieldset h3 {
	text-align: center;
	font-size: 18px;
}

fieldset#fieldConvoc h3 {
	margin-top: 50px;
}

form#filtreWebmestre table {
	width: 98%;
}

form#filtreWebmestre table td img {
	float: left;
}

div#refreshBtn {
	background-image: url("../images/design/refreshBtn.jpg");
	float: left;
	height: 32px;
	margin-top: 30px;
	width: 32px;
}

div#refreshBtn:hover {
	cursor: pointer;
}

article#faq {
	font-size: 16px;
	padding-top: 30px;
}

#faq li:hover {
	cursor: pointer;
}

article#infosLegales ul li {
	font-size: 14px;
	font-weight: bold;
}

article#infosLegales ul ul li {
	font-size: 11px;
	font-weight: normal;
	list-style-type: none;
	margin-bottom: 8px;
}

#menu_long div a {
	padding: 2px 20px 10px 20px;
}

div#disconnect a {
	color: red;
	;
}

#menu_long div:hover a {
	background: #355689;
	color: white;
	border-radius: 5px 5px 0px 0px;
	-moz-border-radius: 5px 5px 0px 0px;
}

#menu_long div#disconnect:hover a {
	background: red;
}

fieldset#login {
	width: 50%;
	margin-right: auto;
	margin-left: auto;
	background-color: #F7F7F7;
}

fieldset#login table {
	width: 60%;
	margin-right: auto;
	margin-left: auto;
}

div#forLogin {
	width: 55%;
	margin-right: auto;
	margin-left: auto;
	height: 100px;
	padding-top: 40px;
}

pre.forReadFile {
	font-size: 11px;
	font-family: DejaVu Sans Mono, Courrier New, sans-serif;
	width: 100%;
	overflow: auto;
	border: 1px solid #CCC;
	background-color: #FFE;
}

div#welcome h3 {
	font-size: 12px;
	font-style: italic;
}

input[readonly="readonly"] {
	color: #424242;
	font-style: italic;
	background-color: #CBCBCB;
	font-weight: bold;
}

fieldset#recap table, fieldset#demandes table {
	width: 60%;
	margin-left: 10%;
}

table#choiceSite {
	width: 99%;
	margin-left: auto;
	margin-right: auto;
	height: 60px;
	margin-top: 60px;
}

table#choiceSite tr td:first-child {
	border-right: 2px solid #D4D4D4;
	width: 50%;
}

table#choiceSite tr td h4 {
	position: relative;
	top: -30px;
	left: 40%;
}

table#choiceSite tr td img {
	margin-left: 30%;
}

table#choiceSite tr td a {
	color: #424242;
	font-size: 28px;
	left: 20%;
	position: relative;
	text-decoration: none;
	top: -30px;
}

fieldset#infosGenerales ul ul li {
	margin-bottom: 40px;
}

fieldset#infosGenerales ul.fstListe>li {
	font-weight: bold;
	font-size: 16px;
}

table.calendar {
	width: 70%;
	height: 40%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	border-collapse: collapse;
	margin-bottom: 30px;
}

table.calendar tr td {
	vertical-align: text-top;
	border: 2px solid #D4D4D4;
	width: 13%;
	font-size: 14px;
}

table.calendar tr td.dayWeek {
	font-weight: bold;
	border: 0px;
}

#saisieDispo2 table.calendar tr.month {
	height: 50px;
}

table.calendar tr td.isDispo {
	background-color: green;
	color: white;
	font-weight: bold;
}

table.calendar tr td.nbWeek {
	border: none;
	font-style: italic;
	font-size: 10px;
}

fieldset#visuDispo table {
	width: 80%;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
}

div#dlCsv {
	position: relative;
	float: right;
	width: 50px;
	height: 50px;
	background: url("../images/design/csv.png")
}

div#dlCsv:hover {
	cursor: pointer;
}

ul#didacticiel li {
	font-size: 14px;
	font-weight: bold;
	margin-top: 30px;
}

ul#didacticiel li li {
	margin-top: 15px;
}

div#bloc_title::selection {
	color: red;
}

#menu_horizontal li ul li.notActif {
	background-color: gray;
}

#menu_horizontal li ul li.notActif a {
	color: white;
}

#saisieDispo2 #linkNext {
	position: absolute;
	width: auto;
	right: 10px;
	top: 310px;
}

#saisieDispo2 #linkPrev {
	position: absolute;
	width: auto;
	left: 10px;
	top: 310px;
}

#saisieDispo2 table.calendar tr {
	height: 25px;
}

div#divCalendar table.calendar tr:FIRST-CHILD {
	height: 50px;
	margin-bottom: 10px;
}

#saisieDispo2 table.calendar tr:nth-child(2) {
	height: 15px;
}

fieldset#infosPubliques {
	min-height: 450px;
	position: relative;
	height: 700px;
}

fieldset#infosPubliques div {
	width: 800px;
	height: 120px;
	border: 2px solid #D4D4D4;
	-moz-border-radius: 15px 15px 15px 15px;
	border-radius: 15px 15px 15px 15px;
	background-color: white;
}

fieldset#infosPubliques div:FIRST-CHILD {
	position: absolute;
	top: 10px;
	left: 10px;
}

fieldset#infosPubliques div:nth-child(2) {
	position: absolute;
	top: 150px;
	left: 10px;
}

fieldset#infosPubliques div:nth-child(3) {
	position: absolute;
	top: 310px;
	left: 10px;
}

fieldset#infosPubliques div:nth-child(4) {
	position: absolute;
	top: 480px;
	left: 10px;
}

fieldset#infosPubliques div a {
	font-style: italic;
	position: absolute;
	bottom: 10px;
	right: 10px;
}

fieldset table {
	width: 70%;
	margin-left: auto;
	margin-right: auto;
}

#infosUtiles table {
	width: 40%;
}

fieldset#recap, fieldset#saisieDispo2, fieldset#fieldConvoc {
	position: relative;
}

fieldset div#indicateursPerso, div#nbJours {
	border: 2px solid #D4D4D4;
	-moz-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	background-color: white;
	font-weight: bold;
	color: red;
}

fieldset#recap div#indicateursPerso {
	width: 230px;
	position: absolute;
	right: 10px;
}

fieldset#saisieDispo2 div#indicateursPerso {
	width: 230px;
	position: absolute;
	top: 1px;
	padding: 5px 5px 5px 5px;
}

div#nbJours {
	width: 230px;
	position: absolute;
	top: 70px;
	padding: 5px 5px 5px 5px;
}

#fieldConvoc div#nbJours {
	top: 5px;
	left: 5px;
	width: 190px;
}

#saisieDispo2 h4 {
	text-align: center;
}

div#indicateursPerso img {
	position: relative;
	top: 3px;
	left: 3px;
	margin-right: 5px;
}

#site_map ul.dark_bullet li ul {
	padding-left: 10px;
}

#site_map ul.dark_bullet li ul li {
	background: url("../images/design/puce_sous_sous_menu_grise.png") no-repeat left 6px;
	padding-left: 10px;
}

table.calendar tr td.ui-selecting {
	background-color: #00d400;
}

table.calendar tr td.ui-selected {
	background-color: #00CF05;
}

div#divCalendar a[id^=link] {
	font-size: 12px;
}

div#waiting {
	width: 128px;
	height: 15px;
	margin: auto;
	background: url("../images/design/indicator.gif") no-repeat;
	position: absolute;
	bottom: -100%;
	left: 42%;
}

div#divCalendar a#linkPrevCalendar {
	position: absolute;
	left: 20px;
	top: 50%;
	padding: 5px;
	border-radius: 5px;
	background-color: #355689;
	color: white;
}

div#divCalendar a#linkNextCalendar {
	position: absolute;
	right: 20px;
	top: 50%;
	padding: 5px;
	border-radius: 5px;
	background-color: #355689;
	color: white;
}

table tr td.noBorder {
	border: none;
}

fieldset button#save {
	-moz-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	background-color: grey;
	font-size: 14px;
	padding: 10px;
	position: absolute;
	right: 20px;
	text-align: center;
	top: 10px;
	width: 250px;
}

fieldset button#save.toSave {
	background-color: #00CF05;
	color: white;
	font-weight: bold;
}

fieldset button#save.toSave:hover {
	cursor: pointer;
}

div#savesuccess {
	z-index: 999;
	width: 400px;
	height: 50px;
	background-color: #38EA3B;
	color: white;
	border-radius: 10px;
	font-size: 16px;
	font-weight: bold;
	border-color: #00CF05;
	border-style: solid;
	border-width: 2px;
	padding-top: 30px;
	display: none;
	padding: 20px;
	text-align: center;
	margin: 0 auto;
	position: fixed;
	bottom: 46%;
	left: 35%;
}

table.calendar td.beforeNow {
	background-color: #CBCBCB;
	color: white;
	font-style: italic;
}

table.calendar tr td.ui-selected.beforeNow {
	background-color: #084200;
	color: white;
}

.calendar tr td.weekEnd {
	color: red;
}

fieldset#visuDispo {
	position: relative;
	width: 968px;
	height: auto;
}

fieldset#visuVol {
	position: relative;
}

fieldset#visuDispo>div[id^=go] {
	position: absolute;
	width: 470px;
	text-align: center;
}

fieldset#visuVol {}

fieldset#visuDispo div#goLeft {
	left: 0;
}

fieldset#visuDispo div#goRight {
	left: 470px;
	margin-top: 40px;
}

fieldset#visuDispo div span.nameMonth {
	font-weight: bold;
	font-size: 14px;
}

fieldset#visuDispo div#dlCsv {
	background: url("../images/design/csv.png") repeat scroll 0 0 transparent;
	float: right;
	height: 50px;
	position: relative;
	width: 50px;
}

fieldset div.dlPdf {
	background: url("../images/design/telechargement_pdf.png") repeat scroll 0 0 transparent;
	height: 50px;
	position: absolute;
	width: 50px;
	top: 10px;
	right: 10px;
	cursor: pointer;
}

div#divCalendar a[id^=link]:hover {
	cursor: pointer;
}

span#explain_mino {
	font-size: 15px;
	font-style: italic;
}

span#explain_mino span {
	font-size: 16px;
	font-weight: bold;
}

div#billboard {
	margin-left: 5px;
	margin-top: 50px;
}

.ombrage {
	/*background-image: url("../images/slide/ombrage_galerie.png");*/
	clear: both;
	height: 10px;
	margin: 0 0 0 2px;
	padding: 0;
	position: relative;
	width: 990px;
	z-index: 1;
}

article div#msgSend, article div#newAsk {
	background: #60ef27;
	font-size: 14px;
	opacity: 0.8;
	text-align: center;
	width: 70%;
	margin-left: 15%;
	padding: 15px 0 15px 0;
	position: relative;
}
fieldset div#errorMsg {
	background: #fd2e2e;
	font-size: 14px;
	opacity: 0.8;
	text-align: center;
	width: 70%;
	margin-left: 15%;
	padding: 15px 0 15px 0;
	position: relative;
	color: black;
}

fieldset div.notif {
	font-size: 16px;
	opacity: 0.8;
	text-align: center;
	width: 70%;
	margin-left: 15%;
	padding: 15px 0 15px 0;
	position: relative;
	color: white;
	font-weight: bold;
}

div#altSuccess {
	background: #60ef27;
	color: white;
}

div#noChange {
	background: red;
	box-shadow: 0px 0px 6px 4px #C10000;
	border: 1px solid #9B0000;
}

#progress_bar {
	margin: 10px 0;
	padding: 3px;
	border: 1px solid #000;
	font-size: 14px;
	clear: both;
	opacity: 0;
	-moz-transition: opacity 1s linear;
	-o-transition: opacity 1s linear;
	-webkit-transition: opacity 1s linear;
}

#progress_bar .loading {
	background-color: #99ccff;
	height: auto;
	opacity: 1.0;
}

#progress_bar .percent {
	background-color: #99ccff;
	height: auto;
	width: 0;
}

table#lastDemandes {
	text-align: center;
}

table#lastDemandes tr {
	height: 35px;
}

table#lastDemandes tr:first-child th {
	font-weight: bold;
	font-size: 13px;
}

table#lastDemandes td[canDo='1'] {
	/*background: url("../images/design/ok.jpg") no-repeat center;*/
}

table#lastDemandes td[canDo='0'] {
	/*background: url("../images/design/nok.jpg") no-repeat center;*/
}

table#lastDemandes td[canDo] div {
	font-size: 22px;
	color: white;
	width: 30px;
	border-radius: 15px;
	margin: 0 auto;
}

table#lastDemandes td[canDo='0'] div {
	background-color: red;
}

table#lastDemandes td[canDo] button {
	font-size: 22px;
	color: white;
	width: 32px;
	border-radius: 15px;
	margin: 0 auto;
}

table#lastDemandes td[canDo='1'] button {
	background-color: green;
}

table#lastDemandes td[canDo='1']:hover button {
	cursor: pointer;
}

div#indicateursPerso {
	font-size: 12px;
}

div#indicateursPerso span {
	background: url("../images/design/Led_green_small.png") no-repeat left;
	padding-left: 32px;
	padding-bottom: 1px;
	color: #424242;
}

div#indicateursPerso span.dateNear {
	background: url("../images/design/Led_yellow_small.png") no-repeat left;
	color: #424242;
}

div#indicateursPerso span.dateDepasse {
	color: red;
	background: url("../images/design/Led_red_small.png") no-repeat left;
}

div#menuOnglet {
	position: relative;
	top: 4px;
	left: 2px;
}

div#menuOnglet.forAdmin {
	top: -16px;
}

div#menuSsOnglet {
	position: relative;
	top: -10px;
	left: -10px;
}

div#menuOnglet ul {
	list-style-type: none;
}

div#menuOnglet.forInfos ul li {
	padding-bottom: 1px;
}

div#menuOnglet ul li {
	-moz-border-radius: 10px 10px;
	border-radius: 10px 10px 0 0;
	border-left: 2px solid #D4D4D4;
	border-right: 2px solid #D4D4D4;
	border-top: 2px solid #D4D4D4;
	float: left;
	margin-right: 5px;
	padding: 5px;
}

div#menuSsOnglet ul {
	list-style-type: none;
}

div#menuSsOnglet.forInfos ul li {
	padding-bottom: 1px;
}

div#menuSsOnglet ul li {
	-moz-border-radius: 0 0 10px 10px;
	border-radius: 0 0 10px 10px;
	border-left: 2px solid #D4D4D4;
	border-right: 2px solid #D4D4D4;
	border-bottom: 2px solid #D4D4D4;
	float: left;
	margin-right: 5px;
	padding: 5px;
	background-color: white;
}

div#menuOnglet a, div#menuSsOnglet a {
	color: #424242;
	text-decoration: none;
}

div#menuOnglet ul li.selected, div#menuSsOnglet ul li.selected {
	background-color: #9A0C58;
	font-weight: bold;
}

/*
div#menuOnglet ul li[not:focus], div#menuSsOnglet ul li[not :focus] {
	background-color: #9A0C58;
	font-weight: bold;
}*/

div#menuOnglet ul li.selected a, div#menuSsOnglet ul li.selected a {
	color: white;
}

#contact #frmContact #retour {
	position: relative;
}

#contact #frmContact #valide {
	position: relative;
	top: 50px;
}

ul.dark_bullet li h2 {
	padding-top: 2px;
	padding-left: 2px;
}

span.bold {
	font-weight: bold;
	font-size: 12px;
}

ul, ul ul, ol ul, #col_principale li>a, #plan_site li>a, #col_contextuelle li>a {
	background: none repeat scroll 0 0 transparent;
	margin: 0;
	padding: 0;
}

.slideshow_content {
	z-index: 1;
}

#fancy {
	margin-top: 30px;
	background: none;
	border: none;
}

div#fancy.infosNales {
	margin-top: 50px;
	min-height: 450px;
}

div#fancy.infosNales .attribute-image img {
	max-width: 90%;
}

div.focusslideshow li {
	background: none repeat scroll 0 0 transparent;
	margin: 0;
	padding: 0;
	width: 100%;
}

.focusslideshow .attribute-image {
	float: right;
	height: 285px;
	position: relative;
	width: 320px;
}

#actu_tabs {
	float: left;
	width: 20%;
}

ul#actu_tabs li.tab {
	margin: 0;
	width: 91%;
	border-bottom: 1px solid #8E8E8E;
}

#actu_tabs .tab:hover, #actu_tabs .actu_tabs_tabs_hover {
	background: url("../images/design/fleche_focus.png") no-repeat scroll left center transparent;
}

#fancydisplay li {
	list-style-type: none;
}

#actu_tabs .tab:hover, #actu_tabs .actu_tabs_tabs_hover {
	/*background: url("../images/design/fleche_focus.png") repeat-x scroll left center #ac1565;
    */
	background: radial-gradient(#d92084, #9A0C58);
}

.focusslideshow {
	background: none repeat scroll 0 0 #424242;
	height: 300px;
	overflow: hidden;
}

div#fancy {
	margin-bottom: 35px;
}

.tab_text {
	display: inline-block;
	line-height: 1.2;
	text-align: left;
	vertical-align: middle;
	color: #2B2B2B
}

.clearfloat {
	border: 0 none;
	clear: both;
	float: none;
	font-size: 0;
	height: 0;
	margin: 0;
	overflow: hidden;
	padding: 0;
	visibility: hidden;
	width: 0;
}

p {
	line-height: 1.25em;
	margin: 0.5em 0;
}

.actu_focus_main_text .readmore a, #zone_alert .readmore {
	bottom: 10px;
	position: absolute;
	width: 100%;
}

.focusslideshow dt, .focusslideshow p, .focusslideshow .attribute-display_date, .focusslideshow .slideshow_content .readmore a, .focusslideshow .attribute-image_caption, .focusslideshow .attribute-image_credits {
	color: #FFFFFF;
}

.content-view-embed>div, .content-view-line>div {
	position: relative;
}

div.content-view-line div.attribute-image {
	float: left;
	margin: 0 10px 10px 0;
}

.line-content.with-img, #col_principale .embed-content.with-img {
	float: none;
	width: auto;
}

div.content-view-line div.attribute-image {
	margin: 0 10px 1px 0;
}

.focusslideshow .attribute-image {
	float: left;
	height: 215px;
	position: relative;
	width: 340px;
}

.focusslideshow .attribute-image img {
	position: absolute;
	right: 0px;
	margin-top: 40px;
	max-width: 340px;
}

.focusslideshow div.attribute-image {
	margin: 0; //
	margin-top: 10%;
	position: relative;
}

.focusslideshow .actu_focus_main_text {
	height: 310px;
	padding: 20px;
	padding-left: 5px;
	position: relative;
	overflow: hidden;
	overflow-x: auto;
	overflow-y: auto;
	/*direction: rtl;
	text-align: left;*/
	margin-left: 2px;
}

.focusslideshow .actu_focus_main_text {
	width: 400px;
	float: left;
	color: white;
}

.focusslideshow h2 {
	color: #DF1C8B;
	font-size: 1.6em;
	font-weight: normal;
	line-height: 1em;
	margin: 2px 0;
}

div.actu_focus_main_text h2 {
	color: #FFFFFF;
}

div.actu_focus_main_text>h2:nth-child(1) {
	text-align: center;
	font-size: 1.9em
}

div.focusslideshow a {
	color: #D12F19;
	font-size: 1.4em;
	font-weight: bold;
}

.smaller_text {
	font-size: 0.8em;
}

.focusslideshow dt, .focusslideshow p, .focusslideshow .attribute-display_date, .focusslideshow .slideshow_content .readmore a, .focusslideshow .attribute-image_caption, .focusslideshow .attribute-image_credits {
	color: #FFFFFF;
}

.focusslideshow .attribute-display_date {
	margin-bottom: 15px;
}

.readmore, .readmore a {
	font-size: 0.9em;
}

#boxes .window {
	position: fixed;
	left: 16%;
	top: 16%;
	display: none;
	z-index: 9999;
	padding: 20px;
	border-radius: 4px;
	border: 3px solid #CECECE;
	color: #333333;
	min-width: 45%;
	background-color: #f5f5f5;
}

#createNews form div#fakePj, #createNews form div#fakeLink {
	position: absolute;
	left: 25%;
	top: 40%;
	display: none;
	z-index: 9999;
	background-color: #EBEBEB;
	padding: 20px;
	border-radius: 4px;
	border: 3px solid #CECECE;
	color: #333333;
}

p.integrate {
	cursor: pointer;
	color: #C47F09;
	font-weight: bold;
	margin-bottom: 20px;
}

#boxes .window div[id^=integrate] img {
	max-width: 500px;
}

form#frmRequest {
	padding-bottom: 40px;
}

.dialog {
	cursor: move;
}

.close_dialog {
	z-index: 99999;
	position: absolute;
	top: 0px;
	right: 0px;
	/*margin-top:-200px;*/
}

div#boxes div.window img.close_dialog:hover {
	cursor: pointer;
}

#img_pj, #pj, #img_del {
	cursor: pointer;
}

td div#pj {
	text-align: center;
}

article#fieldsetFaq div.typeFaq {
	margin-bottom: 20px;
}

article#fieldsetFaq div.typeFaq span.titleFaq {
	font-size: 18px;
	font-weight: bold;
	color: #c92727;
}

article#fieldsetFaq div.typeFaq span.titleFaq:hover {
	cursor: pointer;
}

article#fieldsetFaq div.typeFaq div[type] {
	margin-top: 20px;
	margin-left: 20px;
	width: 90%;
}

article#fieldsetFaq div.typeFaq div ul {
	list-style-type: none;
}

article#fieldsetFaq div.typeFaq div[type]>li {
	margin-bottom: 20px;
}

article#fieldsetFaq div.typeFaq div[type] li.question:hover {
	cursor: pointer;
}

article#fieldsetFaq div.typeFaq div li.question {
	font-size: 14px;
	font-weight: bold;
	color: #339d09;
	margin-bottom: 20px;
}

article#fieldsetFaq div.typeFaq div li.answer {
	margin-left: 50px;
	font-style: italic;
}

article#fieldsetFaq div.typeFaq div li.answer li {
	margin-left: 20px;
}

#footer a {
	color: #424242;
}

#gestionFaq table {
	width: 90%;
}

td.alignRight {
	text-align: right;
}

span[class*="clickTo"] {
	font-style: italic;
	font-weight: bold;
}

span[class*="clickTo"]:hover {
	cursor: pointer;
}

div[id^="mod"] form button {
	position: absolute;
	bottom: 10px;
	right: 10px;
}

form#addType table {
	width: 100%;
}

span.ui-button-icon-primary {
	margin-left: -10px !important;
	margin-top: -9px !important;
}

fieldset div[id^=success] {
	height: 30px;
	background-color: #00CF05;
	border-color: green;
	border-style: solid;
	border-width: 2px;
	font-size: 22px;
	font-weight: bold;
	text-align: center;
}

form#delType img, form#altType img {
	width: 25px;
	height: 25px;
}

div[id^="mod"] form img:hover {
	cursor: pointer;
}

form input#altType {
	width: 100%
}

fieldset#confirmModif {
	min-height: 150px;
}

#gestionFaq table td a {
	font-style: italic;
	font-weight: bold;
	text-decoration: none;
	color: #424242;
}

#altQuestion div.profil {
	font-weight: bold;
	font-size: 16px;
	margin-bottom: 20px;
	margin-top: 20px;
	color: red;
}

#altQuestion div.typeFaq {
	font-weight: bold;
	font-size: 14px;
	margin-bottom: 10px;
	margin-top: 20px;
	margin-left: 50px;
	color: purple;
}

#altQuestion ul {
	font-weight: normal;
	font-size: 12px;
	margin-bottom: 40px;
	margin-top: 20px;
	margin-left: 100px;
	list-style-type: none;
}

#altQuestion ul li.question:hover {
	cursor: pointer;
}

#altQuestion ul li.question {
	font-size: 14px;
	font-weight: bold;
	color: #339d09;
}

#altQuestion ul li.answer {
	margin-left: 50px;
	font-style: italic;
	margin-top: 20px;
}

#altQuestion ul div.imgToAlt {
	width: 35px;
	position: relative;
	left: -50px;
	top: 28px;
}

#altQuestion ul div.imgToAlt img:hover {
	cursor: pointer;
}

#altQuestion input#title {
	min-width: 310px;
}

div#dialog div#waiting {
	left: 35%;
	bottom: 46%;
}

.calendar img.trashDispo:hover {
	cursor: pointer;
}

fieldset.notAllow {
	display: block;
	opacity: 0.8 !important;
	background-color: #000000 !important;
	z-index: 999999 !important;
}

div.news {
	display: inline;
	vertical-align: middle;
	text-align: justify !important;
	white-space: normal;
}

td[class*=date] {
	color: red;
}

td.dateDepasse {
	font-weight: bold;
}

fieldset div#noDispo {
	font-weight: bold;
	font-size: 22px;
	text-align: center;
	width: 80%;
	margin-left: 10%;
	margin-bottom: 30px;
}

#frmContact table {
	width: 90%;
}

#frmContact input[type=text] {
	width: 350px;
}

#frmContact {
	padding-bottom: 20px;
}

fieldset div#noResult {
	width: 90%;
	margin-left: 5%;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	margin-top: 30px;
}

fieldset#fieldCoord table {
	width: 80%;
}

table td.exemple {
	font-size: 10px;
	font-style: italic;
	width: 30%;
}

div.NextNews {
	text-align: right;
	font-style: italic;
}

div.NextNews:hover {
	cursor: pointer;
}

table td.label {
	width: 40%;
	height: 25px;
}

form#frmContact table td.label {
	height: auto;
}

table td.value {
	font-weight: bold;
	background-color: #CBCBCB;
}

fieldset select#quickGo {
	margin-left: 40%;
}

div table.calendar tr td.isConvoc {
	background-color: #FBA643 !important;
	cursor: pointer;
}

article div#explain {
	width: 70%;
	margin-left: 0;
	text-align: center;
	font-size: 11px;
	position: relative;
	top: 5px;
	font-style: italic;
}

article div.explain {
	width: 100%;
	margin-top: 30px;
	text-align: center;
	font-size: 11px;
	font-style: italic;
}

article div#contactTph {
	width: 50%;
	margin-left: 25%;
	height: 35px;
	text-align: center;
}

article div#contactTph #tph {
	background: url("../images/design/tph_contact.jpeg") no-repeat scroll left center transparent;
	padding-left: 25px;
	height: 100%;
	font-size: 18px;
	color: green;
}

/*
fieldset div#contactTph #tph:hover{
	cursor: pointer;
}*/

article div#contactTph #num {
	/*display: none;*/
	font-weight: bold;
	font-style: italic;
	font-size: 16px;
	color: green;
}

article#infosLegales ul {
	padding-left: 10px;
}

article#infosLegales ul li {
	font-size: 14px;
	font-weight: bold;
}

article#infosLegales ul ul li {
	font-size: 11px;
	font-weight: normal;
	list-style-type: none;
	margin-bottom: 8px;
}

fieldset div.errorAuth {
	width: 90%;
	height: 30px;
	background-color: #e33b3b;
	font-size: 18px;
	text-align: center;
	padding-top: 5px;
}

button#logout {
	position: absolute;
	right: 0px;
	-moz-border-radius: 5px 5px 5px 5px;
	border-radius: 5px 5px 5px 5px;
	margin-top: 0px;
	z-index: 9999;
}

ul#legendeDispo, ul#legendeDispo ul {
	list-style-type: none;
}

ul#legendeDispo li, ul#legendeDispo li li {
	float: left;
	font-size: 10px;
}

ul#legendeDispo>li {
	margin-right: 35px;
}

ul#legendeDispo li.bgColor {
	width: 30px;
	height: 12px;
}

ul#legendeDispo li#beforeNow li.bgColor {
	background-color: #CBCBCB;
}

ul#legendeDispo li#dispoBeforeNow li.bgColor {
	background-color: #084200;
}

ul#legendeDispo li#dispo li.bgColor {
	background-color: #00CF05;
}

ul#legendeDispo li#volBeforeNow li.bgColor {
	background-color: #0CAAFF;
}

ul#legendeDispo li#vol li.bgColor {
	background-color: #0CEEFF;
}

ul#legendeDispo li#convoc li.bgColor {
	background-color: #FBA643;
}

.fieldVol ul#legendeDispo {
	width: 85%;
	position: relative;
	margin-top: 15px;
}

fieldset table#resRequest {
	width: 90%;
	margin: 0 auto;
	text-align: center;
}

fieldset div#divRequete textarea {
	/*margin-left: 13%;*/
}

fieldset table#resRequest tr:FIRST-CHILD td {
	font-weight: bold;
}

fieldset table#resRequest tr:nth-child(odd) {
	background-color: #E1E1E1;
}

fieldset table#resRequest tr:nth-child(even) {
	background-color: #FFF;
}

fieldset table#resRequest tr:FIRST-CHILD {
	background-color: inherit;
	height: 30px;
}

article#fieldResRequest h4 {
	text-align: center;
	color: red;
}

fieldset div#map {
	position: relative;
	top: -50px;
	width: 160px;
}

article div#divNews {
	position: relative;
	top: -150px;
	left: 160px;
	width: 80%;
	min-height: 250px;
}

article div#nbVol {
	position: relative;
	top: -150px;
	left: 160px;
	width: 80%;
	min-height: 30px;
}

fieldset div.NextNews {
	width: 50%;
	position: relative;
	left: 45%;
	color: green;
}

fieldset div.NextNews.noDisplay {
	display: none;
}

fieldset div#nextNales {
	max-width: 25%;
	float: right;
	font-style: italic;
}

div.focusslideshow {
	min-height: 350px;
}

article#infosRegionales div#divNews {
	top: 0px;
	left: 20px;
	float: left;
	max-width: 30%;
	font-size: 10px;
	/*margin-left: 4%;*/
	max-height: 300px;
	/*background-color: #CECECE;*/
	padding: 10px 10px 0px 10px;
	border-radius: 5px;
}

article#infosRegionales div#nbVol {
	top: 0px;
	left: 20px;
	float: left;
	max-width: 30%;
	font-size: 10px;
	/*margin-left: 4%;*/
	max-height: 300px;
	/*background-color: #CECECE;*/
	padding: 10px 0px 0px 0px;
	border-radius: 5px;
	list-style-type: none;
	background-color: #9A0C58;
	color: white;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	margin-left: 10px;
}

article#infosRegionales div#nbVol.withoutNews {
	left: 70%;
	top: -50px;
	width: auto;
	padding-left: 10px;
	padding-right: 10px;
}

div#nbVol a {
	color: white;
}

article#infosRegionales div#divNews ul {
	list-style-type: none;
	border-left: 2px solid #E1E1E1;
	border-right: 2px solid #E1E1E1;
	border-bottom: 1px solid #E1E1E1;
}

article#infosRegionales div#divNews ul li {
	border-bottom: thin solid #E1E1E1;
}

article#infosRegionales div#divNews ul li.titleNews {
	cursor: pointer;
}

li span.sujetNews {
	font-weight: bold;
}

li span.dateNews {
	font-weight: bold;
}

article #viewNews {
	float: left;
	width: 65%;
	padding: 10px 10px 10px 10px;
	border-radius: 5px;
	min-height: 400px;
	color: #212121;
}

#viewNews #title {
	font-size: 22px;
	margin-top: 3px;
	margin-bottom: 15px;
}
#administration #showNews {
	border-right: 1px solid #CECECE;
}

article div#viewNews img {
	max-width: 250px;
	max-height: 350px;
	display: block;
	margin: 0 auto;
}

div#divNews ul li#pagination {
	text-align: center;
	font-size: 13px;
	background-color: #D12F19;
	color: white;
}

div#divNews ul li#pagination span[class^=next], div#divNews ul li#pagination span[class^=prev] {
	font-weight: bold;
	font-size: 12px;
}

div#divNews ul li#pagination span[class^=next]:hover, div#divNews ul li#pagination span[class^=prev]:hover {
	cursor: pointer;
}

div#divNews ul li#filNews, li#listeRegions {
	font-weight: bold;
	font-size: 14px;
	text-align: center;
	background-color: transparent;
	height: 35px;
	color: white;
	background-color: #9A0C58;
	padding-top: 10px;
}

li#listeRegions, div#newsralesRegions {
	margin-top: 25px;
	list-style: none;
}

li#regChoice {
	list-style: none outside none;
	font-size: 0.8em;
	text-align: right;
	margin-right: 15px;
	font-style: italic;
}

li#regChoice select {
	font-size: 1em;
	font-style: italic;
	margin-left: 10px;
	width: 20px;
	border-radius: 3px;
	border: 1px solid #FFF;
	background-color: #EBEBEB;
	height: 20px;
	cursor: cell;
}

li#filNews select, li#listeRegions select {
	background: #EBEBEB;
	-webkit-appearance: menulist;
	-webkit-align-items: center;
	box-sizing: border-box;
	-moz-appearance: menulist;
	-moz-align-items: center;
	appearance: menulist;
	align-items: center;
	color: #424242
}

div#divNews ul li[id^=title] {
	padding-top: 5px;
	padding-bottom: 5px;
}

#divNews li.collection-item {
	cursor: pointer;
}
article#infosRegionales div#divNews ul li[id^=title]:hover {
	background-color: #CECECE;
}

ul#listCpDefined {
	list-style-type: none;
}

ul#listCpDefined li {
	height: 35px;
}

ul#listCpDefined li img {
	margin-left: 5px;
	margin-right: 5px;
}

fieldset#manageCp img:hover {
	cursor: pointer;
}

fieldset div#insertCp {
	margin-bottom: 100px;
}

.descConvoc span.moreInfos {
	font-size: 12px;
	color: #9A0C58;
}

.descMission span.moreInfos {
	font-size: 12px;
	color: #9A0C58;
}

.descMission span.libMission, .descConvoc span.libMission {
	font-size: 15px;
	color: #9A0C58;
	font-weight: bold;
}

.descMission span, .descConvoc span, .descConvoc span.moreInfos {
	cursor: pointer;
}

.descMission, .descConvoc {
	margin-bottom: 10px;
}

.descMission ul.infosMission, .descConvoc ul.infosMission {
	list-style-type: square;
	margin-left: 50px;
	display: none;
}

.descMission ul.infosMission li, .descConvoc ul.infosMission li {
	margin-bottom: 5px;
}

.moreMissions, .moreVol {
	width: auto;
}

.moreMissions.left, .moreVol.left {
	float: left;
}

.moreMissions.right, .moreVol.right {
	float: right;
	text-align: right;
}

.moreMissions, .moreVol {
	cursor: pointer;
	margin: 0 0 10px 0;
}

.moreVol.top {
	float: none;
	text-align: inherit;
	display: inline-block;
	width: auto;
}

.moreVol.top.left {
	display: inline;
}

.moreVol.top.right {
	margin-left: 90%;
	margin-top: 0px;
	position: relative;
	top: 50px;
}

.moreMissions.right, .moreMissions.left {
	display: inline-block;
	margin-top: 50px;
}

#fieldConvoc .moreMissions.right, .moreMissions.left {
	margin-top: 30px;
}

#supprLogs div {
	margin-bottom: 30px;
}


progress {
	width: 50%;
	display: none;
	-moz-box-sizing: border-box;
	background: #333;
	background: -moz-linear-gradient(#2d2d2d, #444);
	border: 1px solid rgba(0, 0, 0, .5);
	border-radius: 15px;
	box-shadow: 0 1px 0 rgba(255, 255, 255, .2);
}

progress::-moz-progress-bar {
	border-radius: 10px;
	background: #09c;
	background: -moz-repeating-linear-gradient(45deg, rgba(255, 255, 255, .2) 0, rgba(255, 255, 255, .2) 10px, rgba(255, 255, 255, 0) 10px, rgba(255, 255, 255, 0) 20px, ), -moz-linear-gradient(rgba(255, 255, 255, .1) 50%, rgba(255, 255, 255, .0) 60%), #09c;
	background-size: 300px 20px, auto, auto;
	/*background-position: -300px 0, top, top;*/
	background-position: top right, top, top;
	box-shadow: 0 1px 0 rgba(255, 255, 255, .5) inset, 0 -1px 0 rgba(0, 0, 0, .8) inset, 0 0 2px black;
}

div#modal fieldset#newdoc div[id^=integrate] img {
	max-width: 550px;
}

#modal ul#newsCreate {
	list-style-type: none;
	margin-left: 50px;
}

span.cross {
	font-size: 20px;
}

span.cross:hover {
	cursor: pointer;
}

button#send.formAccept {
	position: relative;
}

div [id^=answer] img {
	max-width: 50%;
}

button#searchNigend {
	float: none;
}

ul#listeConnexions {
	display: none;
	/*list-style-type: none;
	margin-top: 30px;
	margin-bottom: 30px;
	margin-left: 50px;
	width: 30%;*/
}

ul#listeConnexions li#titleListe {
	font-weight: bold;
	text-align: center;
	margin-bottom: 30px;
}

article h4 {
	text-align: center;
	font-size: 13px;
	margin-top: 25px;
	margin-bottom: 25px;
}

fieldset div.warning, article div.warning {
	background: #fd2e2e;
	font-size: 14px;
	opacity: 0.8;
	text-align: center;
	width: 70%;
	margin: 0 auto;
	padding: 15px 0 15px 0;
	position: relative;
	color: black;
}

article div#warnMsg {
	width: 90%;
}
article#createNews form div.notifNale{
	font-weight: bold;
	font-size: 14px;
}

article[id^="infos"] h2.warnNews {
	text-align: center;
}
article div#warnMsg>span {
	font-weight: bold;
	text-decoration: underline;
}

.calendar tr td.isConvoc div {
	position: relative;
}

.calendar tr td.isConvoc div span#infosConvoc {
	display: none;
	position: absolute;
	background-color: #000;
	z-index: 999;
	opacity: .8;
	padding: 10px;
	min-width: 265px;
	width: auto;
	min-height: 50px;
	height: auto;
	text-shadow: 0 1px 0 rgba(255, 255, 255, .4);
	box-shadow: 0 1px 0 rgba(255, 255, 255, .4);
	color: white;
	border-radius: 5px;
	left: 30%;
	top: 10px;
}

.calendar tr td.isConvoc div span#infosConvoc:before {
	bottom: 100%;
	border: solid transparent;
	content: " ";
	pointer-events: none;
	height: 0;
	width: 0;
	position: absolute;
}

.calendar tr td.isConvoc div span#infosConvoc:before {
	border-color: rgba(0, 0, 0, 0);
	border-bottom-color: #000;
	border-width: 6px;
	left: 10%;
	margin-left: -6px;
}

#createNews form div {
	position: relative;
}

#createNews form div.infobulle {
	/*display: none;*/
	position: absolute;
	background-color: #000;
	z-index: 999;
	opacity: .9;
	padding: 10px;
	min-width: 265px;
	width: auto;
	min-height: 50px;
	height: auto;
	text-shadow: 0 1px 0 rgba(255, 255, 255, .4);
	box-shadow: 0 1px 0 rgba(255, 255, 255, .4);
	color: white;
	border-radius: 5px;
	right: 60%;
	bottom: 100%;
}

#createNews form div#pj div.infobulle, #createNews form div#add_img div.infobulle, #createNews form div#del_img div.infobulle, #createNews form div#forSubmit div.infobulle {
	right: 0%;
}

div.infobulle:before {
	top: 100%;
	border: solid transparent;
	content: " ";
	pointer-events: none;
	height: 0;
	width: 0;
	position: absolute;
}

div.infobulle:before {
	border-top-color: #000000;
	border-width: 6px;
	left: 80%;
	margin-left: -6px;
}

article#infosRegionales {
	min-height: 550px;
	max-height: 580px;
	width: 98% !important;
}

article#infosRegionales div#viewNews {
	max-height: 470px;
	overflow: hidden;
	overflow-x: hidden;
	overflow-y: auto;
	padding-top: 3px;
	width: 65%;
	word-wrap: break-word;
	border-style: solid;
	border-color: #E6E4E4;
	border-width: 4px;
	background: none repeat scroll 0% 0% #FFF;
}

span#infosConvoc span.infosMission {
	font-size: 11px;
	font-style: italic;
}

div#viewNews.loadNews {
	background: url("../images/design/loader.gif") no-repeat scroll center center transparent;
}

div.loadNews {
	height: 50px;
	background: url("../images/design/loader.gif") no-repeat scroll center center transparent;
}

span.noInfos {
	font-size: 11px;
	font-style: italic;
}

div.noResult {
	width: 95%;
	margin: 0 auto;
	font-size: 18px;
	font-weight: bold;
	height: 50px;
	margin-top: 20px;
	padding-top: 20px;
	background-color: #fdbb08;
	text-align: center;
	color: white;
	border-radius: 10px;
}

h4.noResult {
	width: 95%;
	margin: 0 auto;
	font-weight: bold;
	height: 30px;
	margin-top: 20px;
	padding-top: 10px;
	background-color: #fdbb08;
	text-align: center;
	color: white;
}

div#missions, div#convoc {
	margin-top: 40px;
	min-height: 80px;
	padding-bottom: 70px;
}

.fieldVol div#missions {
	min-height: 250px;
}

.fieldVol div#missions.noResult {
	min-height: 50px;
}

#fieldConvoc div.noResult {
	min-height: 50px;
}

div#missions.load {
	background: url("../images/design/load.gif") no-repeat scroll center center transparent;
}

#viewNews::-webkit-scrollbar {
	background: green;
	/*width : 5px;*/
}

#viewNews::-webkit-scrollbar-track {
	background: #EBEBEB;
	border: solid #CECECE 2px;
	/*width : 5px;*/
}

#viewNews::-webkit-scrollbar-thumb {
	background: #CECECE;
	/*width : 5px;*/
}

.actu_focus_main_text::-webkit-scrollbar {
	background: green;
	/*border-radius : 5px;*/
	/*width : 5px;*/
}

.actu_focus_main_text::-webkit-scrollbar-track {
	background: #424242;
	border: solid #CECECE 2px;
	/*border-radius : 5px;*/
}

.actu_focus_main_text::-webkit-scrollbar-thumb {
	background: #CECECE;
	border-radius: 5px;
	width: 8px;
}

.actu_focus_main_text::-webkit-scrollbar-corner {
	background: #424242;
}

article#faq>div {
	border: 1px solid #424242;
	padding: 5px;
}

article#faq>div:FIRST-CHILD {
	border: none;
	padding: 5px;
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 30px;
}

article#resData h3 {
	margin-bottom: 40px;
}

article#resData ul {
	margin-left: 50px;
}

article#resData li {
	font-size: 13px;
	font-weight: normal;
	margin-bottom: 5px;
}

article#resData ul#data>li {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 20px;
	cursor: pointer;
}

article#resData ul#data>li#lastId, article#resData ul#data>li#adressePostale {
	cursor: default;
	list-style: none;
}

article#resData ul#data li:not(#identite):not(#bio):not(#firsr) ul:first-child {
	margin-top: 10px;
	display: none;
}

fieldset[id^=infos] h3 {
	margin-bottom: 5px;
}

#frmMaintenance input#etat_0 {
	/*margin-right: 85%;*/
}

#frmMaintenance button.formAccept {
	/*margin-top: 40px;*/
}

div.noticeMessage {
	background: #D12F19;
	font-size: 1.5em;
	color: white;
	font-weight: bold;
	text-align: center;
	padding-bottom: 10px;
	padding-top: 10px;
}

ul#listeDetail {
	margin-top: 10px;
}

ul#listeDetail>li {
	margin-left: 30px;
}

ul#listeDetail>li>ul {
	margin-left: 50px;
	margin-top: 10px;
	margin-bottom: 20px;
}

div[id^=maps] {
	height: 700px;
	margin: 0 auto;
	width: 850px;
}

#forImg img {
	max-width: 30%;
}

td#forImg {
	max-width: 400px;
}

div.answer img {
	max-width: 400px;
	margin-left: 33%;
}

h3#didactNews {
	float: right;
	font-size: 12px;
	font-style: italic;
	cursor: pointer;
	color: #355689;
}

div#fakePj, div#fakeLink {
	display: none;
	background-color: #EBEBEB;
	border: 1px solid #DDDDDD;
	border-radius: 4px 4px 4px 4px;
	color: #333333;
	display: none;
	left: 33%;
	padding: 20px;
	position: fixed;
	top: 33%;
	z-index: 9999;
}

p.link {
	color: #355689;
	text-decoration: underline;
}

div#forSubmit {
	width: 60px;
	float: right;
}
/*
div#publishNews {
	position: fixed;
	top: 25%;
	left: 25%;
	width: 350px;
	height: 250px;
	border: 1px #CECECE solid;
	z-index: 9999;
	background-color: #EBEBEB;
	display: none;
	padding: 40px;
}*/

div#publishNews button#butPub {
	margin-top: 25px;
}

span.correct {
	color: red;
	text-align: center;
}

h3.success {
	color: red;
	text-align: center;
}

#faq h3 {
	text-align: left;
	font-style: italic;
}

div#publishNews #close {
	width: 22px;
	height: 22px;
	border: 1px solid white;
	color: white;
	background-color: red;
	float: right;
	font-size: 18px;
	text-align: center;
	cursor: pointer;
}

#createNews {
	width: 98%;
}

#createNews form table div#divSc {
	max-width: 500px;
}

#delNews img {
	width: 33%;
}

article[id^=viewNews] div#viewNews div.viewNews {
	border: 1px solid #424242;
	padding: 5px;
	margin-bottom: 10px;
	cursor: pointer;
}

article[id^=viewNews] div#viewNews div.viewNews div {
	display: none;
}

article[id^=viewNews] div#viewNews {
	width: 100%;
}

article[id^=viewNews] div#viewNews div.viewNews h5 {
	text-align: center;
}

article[id^=viewNews] div.viewType {
	margin-bottom: 30px;
}

article div.loading {
	background: url("../images/design/n_loader.gif") no-repeat scroll center center transparent;
	min-height: 150px;
}

section div.loading {
	background: url("../images/design/n_loader.gif") no-repeat scroll center center transparent;
	min-height: 150px;
}


article.loading {
	background: url("../images/design/n_loader.gif") no-repeat scroll center center #EBEBEB;
	min-height: 200px;
}

article#fReg {
	margin-bottom: 20px;
}

div.load {
	background: url("../images/design/load.gif") no-repeat scroll center center transparent;
	min-height: 100px;
}

article[id^=stats] {
	position: relative;
}

article>iframe {
	border: none;
}

article[id^=stats] div#resStats {
	margin-top: 30px;
}

article[id^=stats] div#resStats>div {
	margin-top: 30px;
	font-size: 16px;
	font-weight: bold;
}

article[id^=stats] div#resStats>div>div {
	margin-top: 5px;
	font-size: 13px;
	font-weight: normal;
}

article[id^=stats] input#filtreRes {
	position: absolute;
	top: 10px;
	right: 10px;
	min-width: 160px;
	width: 160px;
	cursor: help;
}

tr.habilitations {
	height: 60px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

td.noHab {
	color: #fdbb08;
	text-align: center;
	font-weight: bold;
}

div.hasVol {
	display: inline-block;
	font-size: 12px;
	color: white;
	width: 16px;
	border-radius: 8px;
	margin: 0 auto;
	background-color: green;
	text-align: center;
}

.tooltipVol {
	font-size: 14px;
	font-style: italic;
}

div.nota {
	font-size: 9px;
	font-weight: bold;
	margin-left: 2px;
	min-height: 40px;
	width: 650px;
}

div.notaB {
	white-space: normal;
	text-overflow: clip;
	height: 90px;
}

div.noCo ul {
	list-style-type: none;
	margin-left: 40px;
}

div.noCo ul li {
	margin-bottom: 10px;
}

div.calendarVol {
	width: 360px;
	margin: 0 auto;
}

div.calendarVol table {
	width: 100%;
	margin-top: 20px;
	border: 2px solid #CECECE;
	border-collapse: collapse;
}

div.calendarVol table td {
	width: 50px;
}

div.calendarVol table td {
	border: 1px solid #CECECE;
	text-align: center;
}

div.calendarVol table td.beforeNow {
	background-color: #CBCBCB;
	color: white;
	font-style: italic;
}

div.calendarVol table td.selectable {
	cursor: pointer;
}

div.calendarVol table td.selected {
	background-color: #0CEEFF;
}

div.calendarVol table td.oldSelect {
	background-color: #0CAAFF;
}

div.calendarVol table tr.monthName td {
	font-weight: bold;
	border-bottom-width: 2px;
	height: 30px;
}

div.calendarVol table td.isConvoc {
	background-color: #FBA643;
	cursor: inherit;
}

div#modWaiting {
	background: url("../images/design/indicator.gif") no-repeat scroll center center #EDEDED;
}

.no-close .ui-dialog-titlebar-close {
	display: none;
}

.unwait div#modWaiting {
	background: #EDEDED;
}

div#infos {
	width: 600px;
	margin: 0 auto;
	text-align: center;
	padding: 20px;
	background-color: #38EA3B;
	color: white;
	border-radius: 10px;
	font-size: 16px;
	font-weight: bold;
	position: relative;
	margin-top: 10px;
}

div#infos .close {
	position: absolute;
	width: 20px;
	top: 2px;
	right: 5px;
	border-radius: 5px;
	border: 1px solid #D4D4D4;
}

.close:hover {
	cursor: pointer;
	border-color: #38EA3B;
	background-color: #D4D4D4;
}

/* div#menuOnglet.forInformations {
	top : 14px;
} */

#fancy a.plus {
	color: #355689;
	font-size: 12px;
}

div#msgAnnonce {
	display: none;
}

div.annonce div button#pecMsg {
	position: absolute;
	bottom: 10px;
	right: 10px;
	background: none repeat scroll 0 0 #E7E7E7;
	border-color: #EEEEEE #D0D0D0 #D0D0D0 #EEEEEE;
	border-radius: 5px 5px 5px 5px;
	border-right: 2px solid #D0D0D0;
	border-style: solid;
	border-width: 2px;
	color: #565656;
	cursor: pointer;
	font-weight: bold;
	padding: 6px 7px 5px;
	text-decoration: none;
}

div.annonce div.forPec {
	margin-top: 20px;
}

div.annonce {
	margin-top: 10px;
}

td.forSelect {
	cursor: pointer;
}

.ui-dialog {
	position: fixed;
}

td#texte {
	vertical-align: top;
}

div#success {
	background-color: #008000;
	height: 60px;
	border-radius: 10px;
	text-align: center;
	line-height: 60px;
	color: white;
	font-weight: bold;
	font-size: 16px;
}

ul.listePec {
	margin-top: 20px;
	margin-left: 20px;
	display: none;
}

ul.listePec li {
	margin-bottom: 5px;
}

div.divPec {
	width: 48%;
	float: left;
}

div.divPec>div {
	text-align: center;
	width: 60%;
	margin: 0 auto;
	padding-bottom: 10px;
	padding-top: 10px;
	font-size: 12px;
}

div.listeActive ul.listePec {
	display: block;
}

div.listeActive>div {
	background: none repeat scroll 0 0 green;
	border: 2px solid #424242;
	border-radius: 5px;
	font-weight: bold;
	color: white;
}

div.listeNotActive>div {
	background: none repeat scroll 0 0 #424242;
	border: 2px solid green;
	border-radius: 5px;
	font-weight: bold;
	color: white;
	cursor: pointer;
}

form.forParamReorgReg {
	display: none;
}

div.resPecReg {
	margin-top: 20px;
	display: none;
}

tr.firstRow {
	height: 60px;
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

table.tableProf td.tdLeft {
	width: 20%;
}

table.tableProf tr td select, table.tableProf tr td input {
	width: 90%;
}

table.tableProf tr td.load {
	background: url("../images/design/vmini_load.gif") no-repeat scroll center right transparent;
}

table#donneesPersos td {
	font-size: 13px;
}

table#miniCal {
	width: 282px;
	position: absolute;
	right: 8px;
	height: 130px;
	top: 220px;
	margin: 0;
	border-collapse: collapse;
	border: 2px solid #424242;
	background-color: #CECECE;
	box-shadow: -5px -5px 5px 1px rgba(0, 0, 0, 0.7);
}

table#miniCal tr:first-child {
	font-size: 11px;
}

table#miniCal tr.monthName {
	text-align: center;
	font-weight: bold;
	border: 1px solid #424242;
	height: 30px;
}

table#miniCal td {
	width: 30px;
	text-align: center;
}

table#miniCal td {
	border: 1px solid #424242;
}

table#miniCal tr.monthName td {
	border: none;
	border-bottom: 2px solid #424242;
}

table#miniCal td.beforeNow {
	color: white;
	background-color: #CBCBCB;
	font-style: italic;
}

table#miniCal td.choseDate {
	cursor: pointer;
	text-decoration: underline;
}

table#miniCal td.choseDate:hover {
	font-weight: bold;
}

td.navMonth {
	cursor: pointer;
}

table#miniCal.load {
	background: url("../images/design/mini_load.gif") no-repeat scroll center center transparent;
}

/* fieldset#fieldMission, fieldset#fieldVol {
	min-height: 290px;
}
fieldset#fieldMission div.noResult, fieldset#fieldVol div.noResult {
	margin-top: 100px;
} */

#miniCal td div#helpMiniCal {
	width: 20px;
	border: 1px solid #CECECE;
	border-radius: 50%;
	margin: 0 auto;
	cursor: pointer;
	background: rgb(125, 185, 232);
	color: white;
}

table#miniCal tr.monthName td.forHelp {
	border-right: 1px solid #424242;
}

table#miniCal tr td#tdMonth {
	border-right: 1px solid #424242;
}

table#miniCal tr td.navMonth {
	border-right: 1px solid #424242;
}

article div#helpMsg {
	position: absolute;
	width: 500px;
	z-index: 9999;
	-webkit-box-shadow: 0 0 5px #aaa;
	-moz-box-shadow: 0 0 5px #aaa;
	box-shadow: 0 0 5px #aaa;
	background: rgb(226, 226, 226);
	/* Old browsers */
	background: -moz-linear-gradient(-45deg, rgba(226, 226, 226, 1) 0%, rgba(219, 219, 219, 1) 50%, rgba(209, 209, 209, 1) 51%, rgba(226, 226, 226, 1) 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, right bottom, color-stop(0%, rgba(226, 226, 226, 1)), color-stop(50%, rgba(219, 219, 219, 1)), color-stop(51%, rgba(209, 209, 209, 1)), color-stop(100%, rgba(226, 226, 226, 1)));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(-45deg, rgba(226, 226, 226, 1) 0%, rgba(219, 219, 219, 1) 50%, rgba(209, 209, 209, 1) 51%, rgba(226, 226, 226, 1) 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(-45deg, rgba(226, 226, 226, 1) 0%, rgba(219, 219, 219, 1) 50%, rgba(209, 209, 209, 1) 51%, rgba(226, 226, 226, 1) 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(-45deg, rgba(226, 226, 226, 1) 0%, rgba(219, 219, 219, 1) 50%, rgba(209, 209, 209, 1) 51%, rgba(226, 226, 226, 1) 100%);
	/* IE10+ */
	background: linear-gradient(135deg, rgba(226, 226, 226, 1) 0%, rgba(219, 219, 219, 1) 50%, rgba(209, 209, 209, 1) 51%, rgba(226, 226, 226, 1) 100%);
	/* W3C */
	box-shadow: 0px 0px 7px 1px rgba(0, 0, 0, 0.9);
	padding: 5px;
	top: 115px;
	right: 54px;
	display: none;
}

fieldset div#helpMsg:after {
	top: 100%;
	left: 95%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
	border-color: rgb(209, 209, 209) transparent transparent transparent;
	border-width: 20px 10px 0 10px;
}

div#helpMsg div#closeHelp {
	position: absolute;
	bottom: 0px;
	right: 0px;
	border: 1px solid #CECECE;
	padding: 1px;
	width: 15px;
	text-align: center;
	background-color: #aaa;
	color: white;
	cursor: pointer;
}

div#helpMsg div#closeHelp:hover {
	font-weight: bold;
}

#miniCal td.resetDate div {
	background: url("../images/design/reinit.png") no-repeat scroll center center transparent;
	width: 25px;
	height: 25px;
	margin: 0 auto;
	cursor: pointer;
}

table#miniCal tr.monthName td.resetDate {
	border-right: 1px solid #424242;
	border-left: 1px solid #424242;
}

article#src ul {
	margin-left: 30px;
}

article#src li.dir {
	list-style-image: url("../images/design/dir.png");
}

article#src li.file {
	list-style-image: url("../images/design/file.png");
}

li.file.altclose {
	color: orange;
}

li.file.altvclose {
	font-weight: bold;
	color: red;
}

.ui-autocomplete {
	font-size: 12px;
	cursor: pointer;
}

div.tooltipProf {
	max-width: 200px;
}

td#testAutocomp {
	cursor: help;
}

#menu_horizontal li a span.unread {
	font-weight: bold;
}

ul#menu_horizontal.forPublic>li {
	width: 20%;
}

header, section, footer, aside, nav, main, article, figure {
	display: block;
}

section {
	width: 80%;
	min-width: 994px;
	margin: 0 auto;
	position: relative;
	margin-top: 40px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}

section #logout {
	top: -35px;
}

section article {
	font-size: 13px;
	background-color: #EBEBEB;
	padding: 10px;
	border: 1px solid #CECECE;
	position: relative;
	margin-bottom: 15px;
}

section nav#menuOnglet {
	background: none;
	width: 100%;
	height: 30px;
	border: none;
	margin-top: 20px;
}

section nav#menuOnglet>ul {
	list-style-type: none;
	height: 30px;
}

section nav#menuOnglet>ul>li {
	display: inline-block;
	padding: 5px 10px 0 10px;
	border-left: 2px solid #D4D4D4;
	border-right: 2px solid #D4D4D4;
	border-top: 2px solid #D4D4D4;
	border-radius: 10px 10px 0 0;
	height: 23px;
}

section nav#menuOnglet>ul>li>a {
	color: #424242;
	font-size: 14px;
}

section #menuOnglet ul li.selected {
	background-color: #9A0C58;
	font-weight: bold;
}

section nav#menuOnglet>ul>li.selected a {
	color: white;
}

section article h3 {
	text-align: center;
	font-weight: bold;
	color: #212121;
	border-bottom: 4px solid #E6E4E4;
	border-top: 4px solid #E6E4E4;
	border-radius: 5px;
	padding: 5px 0px 4px;
	margin: 2px 0px 5px;
	letter-spacing: 1px;
}

section article table {
	width: 80%;
	margin: 0 auto;
	margin-bottom: 20px;
	font-size: 13px;
}

section article table#donneesPersos, section article table#donneesAdm {
	width: 70%;
}

section article#fieldCoord input[name=validProf] {
	position: relative;
	bottom: 5px;
	right: 5px;
}

section article table#donneesPersos input[type=text] {
	width: 300px;
}

section article table#donneesPersos select {
	width: 308px;
}

section article#confirmModif {
	padding-bottom: 50px;
}

section div.notif {
	font-size: 16px;
	opacity: 0.8;
	text-align: center;
	width: 70%;
	margin-left: 15%;
	padding: 15px 0 15px 0;
	position: relative;
	color: white;
	font-weight: bold;
	border-radius: 10px;
	-webkit-box-shadow: 0px 0px 10px 4px rgba(32, 107, 0, 1);
	-moz-box-shadow: 0px 0px 10px 4px rgba(32, 107, 0, 1);
	box-shadow: 0px 0px 10px 4px rgba(32, 107, 0, 1);
}

section article#saisieDispo2 {
	position: relative;
}

section article#saisieDispo2 button#save {
	-moz-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	background-color: grey;
	font-size: 14px;
	padding: 10px;
	position: absolute;
	right: 20px;
	text-align: center;
	top: 10px;
	width: 250px;
}

section article div#indicateursPerso, section article div#nbJours {
	border: 2px solid #D4D4D4;
	-moz-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	background-color: white;
	font-weight: bold;
	color: red;
	width: 20%;
	padding: 5px 0 5px 10px;
}

section article#saisieDispo2 select#quickGo {
	display: block;
	margin: 0 auto;
}

section article#saisieDispo2 table.calendar {
	width: 80%;
	min-height: 200px;
}

section article#saisieDispo2 table.calendar td.nbWeek {
	width: auto;
}

section article#saisieDispo2 table.calendar td {
	min-width: 11%;
}

section article#saisieDispo2 a#linkNextCalendar {
	top: 60%;
}

section article#saisieDispo2 ul#legendeDispo {
	height: 30px;
}

section article#saisieDispo2 ul#legendeDispo>li {
	width: 20%;
}

section article#saisieDispo2 button#save.toSave {
	background-color: #00CF05;
	color: white;
	font-weight: bold;
	cursor: pointer;
}

footer {
	width: 80%;
	min-width: 994px;
	margin: 0 auto;
	margin-top: 20px;
	background: rgb(255, 255, 255);
	/* Old browsers */
	background: -moz-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(219, 219, 219, 1) 85%, rgba(155, 155, 155, 1) 100%);
	/* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(255, 255, 255, 1)), color-stop(85%, rgba(219, 219, 219, 1)), color-stop(100%, rgba(155, 155, 155, 1)));
	/* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(219, 219, 219, 1) 85%, rgba(155, 155, 155, 1) 100%);
	/* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(219, 219, 219, 1) 85%, rgba(155, 155, 155, 1) 100%);
	/* Opera 11.10+ */
	background: -ms-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(219, 219, 219, 1) 85%, rgba(155, 155, 155, 1) 100%);
	/* IE10+ */
	background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(219, 219, 219, 1) 85%, rgba(155, 155, 155, 1) 100%);
	/* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#9b9b9b', GradientType=0);
	/* IE6-9 */
	border-top: 1px solid #EBEBEB;
	padding-bottom: 5px;
}

footer h2 {
	font-size: 15px;
	text-align: center;
}

footer ul {
	list-style-type: none;
}

footer nav#site_map {
	text-align: left;
	padding-left: 0px;
	margin: 0 auto;
	margin-bottom: 20px;
	width: 95%;
	background: none;
	min-height: 200px;
}

footer nav#site_map>ul {
	font-size: 13px;
	text-align: left;
	padding-left: 0px;
	margin-bottom: 50px;
}

footer nav#site_map>ul>li {
	float: left;
	width: 20%;
}

footer nav#site_map>ul>li>h2 {
	margin-bottom: 5px;
	text-align: left;
}

footer nav#site_map>ul>li>h2>a {
	color: #424242;
	font-size: 13px;
}

footer nav#site_map>ul>li ul.dark_bullet {
	list-style-image: url("../images/design/puce_sous_menu_grise.png");
}

footer nav#site_map>ul>li ul.dark_bullet li {
	height: 20px;
	padding-bottom: 5px;
	background: none;
	line-height: 10px;
	margin-bottom: 2px;
}

footer nav#site_map>ul>li ul.dark_bullet li h2 {
	margin: 0;
	height: 18px;
	text-align: left;
}

footer nav#site_map>ul>li ul.dark_bullet li h2 a {
	font-size: 11px;
	font-weight: normal;
	color: #424242;
}

footer nav#site_map>ul>li ul.dark_bullet li h2 a:hover {
	font-weight: bold;
}

footer #site_link {
	width: 95%;
	margin: 0 auto;
	;
}

footer #site_link a {
	text-decoration: none;
	display: inline-block;
	width: 9%;
	margin: 0;
	margin-right: 1.5%;
}

footer #site_link a img {
	margin: 0 auto;
	display: block;
}

section article div.dlPdf {
	background: url("../images/design/telechargement_pdf.png") repeat scroll 0 0 transparent;
	height: 50px;
	position: absolute;
	width: 50px;
	top: 10px;
	right: 10px;
	cursor: pointer;
}

article#visuDispo div[id^=go] {
	width: 48%;
	float: left;
	text-align: center;
}

article#visuDispo div#goRight {
	padding-top: 20px;
}

article span.nameMonth {
	font-weight: bold;
}

article#visu article {
	position: relative;
}

section article#fieldMission {
	position: relative;
}

section article table#miniCal {
	top: 10px;
}

section article div#helpMsg {
	top: -70px;
}

section article div#helpMsg:after, section article div#helpMsg:before {
	top: 100%;
	left: 96%;
	border: medium solid transparent;
	content: " ";
	height: 0px;
	width: 0px;
	position: absolute;
	pointer-events: none;
}

section article div#helpMsg:after {
	border-color: rgba(209, 209, 209, 0);
	border-top-color: #D1D1D1;
	border-width: 10px;
	margin-left: -10px;
}

section article div#helpMsg:before {
	border-color: rgba(226, 226, 226, 0);
	border-top-color: #E2E2E2;
	border-width: 11px;
	margin-left: -11px;
}

section article.fieldVol ul#legendeDispo {
	height: 50px;
	margin: 0 auto;
	width: 70%;
}

section article.fieldVol {
	margin-bottom: 0px;
}

section nav#menuOnglet.forInformations {
	position: relative;
	top: 20px;
}

section article#infosRegionales {
	margin-top: 20px;
}

section article#infosRegionales.forAdmin {
	margin-top: -0px;
	/* 07/01/2016 - ancienne val: 40px */
}

section button#logout.forInfos {
	top: 10px;
}

section article#ckReorgDpt {
	position: relative;
}

section div#billboard div#div_image img {
	display: block;
	margin: 0 auto;
	-webkit-box-shadow: -10px 10px 5px 0px rgba(0, 0, 0, 0.75);
	-moz-box-shadow: -10px 10px 5px 0px rgba(0, 0, 0, 0.75);
	box-shadow: -10px 10px 5px 0px rgba(0, 0, 0, 0.75);
}

article#fieldCoord form table tr td input[type=text] {
	width: 100%;
}

article#contact div#errorMsg {
	width: 95%;
	margin: 0 auto;
	border-radius: 10px;
	text-align: center;
	background-color: #FFC005;
	border: 1px solid #FF8A05;
	font-size: 16px;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 10px;
}

article#fieldCoord {
	padding-bottom: 50px;
}

article#fieldCoord table.tableLat {
	margin-top: 60px;
}

article#fieldCoord table.tableLat td.droite {
	text-align: right;
	padding-right: 30px;
}

article#fieldCoord table.tableLat td.gauche {
	text-align: left;
	padding-left: 30px;
}

img#photoRes {
	position: absolute;
	top: 60px;
	right: 10px;
	width: 130px;
	/*display: none;*/
}

/*canvas#canvasRes {
	position: absolute;
	top : 20px;
	right: 10px;
	width: 130px;
}*/

img#photoRes[data-etat="1"] {
	border: 2px solid #FBA643;
}

img#photoRes[data-etat="2"] {
	border: 2px solid #00CF05;
}

img#photoRes[data-etat="3"] {
	border: 2px solid red;
}

/* donnees_check */

span#etatPhotoMsg {
	font-weight: bold;
	font-style: italic;
}

img#photoreserviste {
	width: 100px;
	/*position: absolute;
	top: 95px;
	right: 40px;*/
}

img#photoreserviste[data-etat="1"] {
	border: 2px solid #FBA643;
}

img#photoreserviste[data-etat="2"] {
	border: 2px solid #00CF05;
}

img#photoreserviste[data-etat="3"] {
	border: 2px solid red;
}

button#changePhoto {
	position: absolute;
	top: 240px;
	right: 2px;
}

div#modChangePhoto>img {
	width: 100px;
}

div#loadPhilter {
	width: 128px;
	position: absolute;
	right: 8px;
	background: url("../images/design/n_loader.gif") no-repeat scroll center center transparent;
}

img#upImg.succImgUp {
	border: 2px solid #00CF05;
}

img#upImg.failImgUp {
	border: 2px solid red;
}

div#modChangePhoto input.formCancel {
	float: right;
}

div.msgNotice {
	width: 70%;
	margin: 0px auto;
	border-radius: 10px;
	background-color: #FF8A05;
	color: white;
	text-align: center;
	font-weight: bold;
	position: relative;
	min-height: 40px;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 10px;
}

div.msgNotice>a {
	color: white;
}

div.msgNotice div.close {
	position: absolute;
	top: 2px;
	right: 10px;
	border: 1px solid white;
	padding: 1px;
}

span#fleche {
	font-size: 1.2em;
}

#frmContact input#iban, input#pays_banque, input#adr_banque {
	border-radius: 3px;
	border-style: solid;
	border-width: 1px;
	padding: 0px 16% 5px 0%;
}

#frmContact input#iban {
	cursor: help;
}

#frmContact label.ibanDependant {
	display: inline-block;
	width: 77.5%;
}

#frmContact input[type="checkbox"].ibanDependant {
	margin-bottom: 30px;
	float: right;
	margin-right: 20%;
}

.ui-dialog .ui-dialog-content {
	border: 1px solid #E78F08 !important;
	border-radius: 0px 0px 5px 5px;
	margin-top: -3px;
	z-index: -1;
	padding: 2em 2em 0em;
	font-style: italic;
	font-size: 1.5em;
}

span.asBtnValider {
	border: medium none;
	color: #FFF;
	background-color: #008000;
	border-radius: 5px;
	font-weight: bold;
	padding: 6px 7px 5px;
	text-decoration: none;
	font-size: 0.5em;
	cursor: pointer;
}

#genDmdChgtRib {
	color: #FFF;
	/*float: right;*/
	background: none repeat scroll 0px 0px #E78F08;
	border-color: #EEE #D0D0D0 #D0D0D0 #EEE;
	border-radius: 10px;
	border-style: solid;
	border-width: 2px;
	cursor: pointer;
	font-weight: bold;
	padding: 6px 7px 5px;
	text-decoration: none;
	position: absolute;
	right: 35px;
	bottom: 30px;
}

input.ibanDependant[readonly="readonly"] {
	font-style: italic;
	background-color: #dddde5;
	font-weight: initial;
}

div#infosPhotos {
	position: absolute;
	top: 10px;
	right: 50px;
	width: 30px;
}

div#infosPhotos>div#iPhoto {
	background-color: #CBCBCB;
	color: #424242;
	text-align: center;
	height: 25px;
	padding-top: 5px;
	border-radius: 25px;
	font-weight: bold;
	font-style: italic;
	font-size: 15px;
	cursor: help;
}

div#infosPhotos>div#iPhoto>div#bullePhoto {
	position: relative;
	z-index: 99999;
	right: 250px;
	background-color: #CBCBCB;
	color: #424242;
	width: 250px;
	border-radius: 5px;
	font-size: 12px;
	font-weight: normal;
	border: 1px solid #424242;
	word-wrap: break-word;
	overflow-wrap: break-word;
	display: none;
}

div#infosPhotos>div#iPhoto:hover>div#bullePhoto {
	display: block;
}

div.cantRead {
	text-align: center;
	width: 90%;
	margin: 50px auto 0px;
	margin-top: 50px;
	color: white;
	font-weight: bold;
	background-color: #FF8A05;
	padding: 10px;
	border-radius: 10px;
}

article>iframe {
	border: none;
	margin: 0;
}

article ul.treeForm {
	margin-left: 20px;
}

article ul.treeForm ul {
	margin-left: 20px;
	margin-bottom: 5px;
}

article ul.treeForm>li ul {
	display: none;
}

article ul.treeForm>li {
	cursor: pointer;
	margin-bottom: 10px;
}

article ul.treeForm>li li {
	cursor: pointer;
	margin-bottom: 5px;
}

div#statDispo {
	position: relative;
}

#chartDispo div#filtreForSVE {
	position: relative;
	margin-bottom: 40px;
	left: 70%;
	width: 400px;
}

#filtreForSVE input {
	width: 150px;
	z-index: 9999;
}

#filtreForDispo .errors, #filtreForSVE .errors {
	display: none;
	text-align: center;
}

.ui-dialog.chart-dialog {
	border: 1px solid #7cb5ec !important;
}

.ui-dialog.chart-dialog .ui-dialog-content {
	border: 1px solid #7cb5ec !important;
}

.ui-dialog.chart-dialog .ui-widget-header {
	background: #7cb5ec;
	border: 1px solid #7cb5ec !important;
}

.ui-dialog.chart-dialog .ui-button {
	border: 1px solid #7cb5ec !important;
}

#chartDispo>div {
	border: 1px solid #CECECE;
	width: 99%;
	margin: 0 auto;
}

#chartDispo div[id^=detail] div[id^=filtre], #filtreDateMap {
	margin-left: 60%;
}

#filtreDateMap {
	width: 40%
}

#filtreDateMap input, #inputFiltreDatePie {
	min-width: 49%;
}

#inputFiltreDatePie {
	min-width: 42%;
}

#chartDispo div[id^=detail] div[id^=filtre]>span, #filtreDateMap>span {
	display: inline-block;
	width: 49%;
	cursor: help;
}

#chartDispo div.noResultChart {
	text-align: center;
	font-size: 1.5em;
	font-weight: bold;
	margin-top: 20px;
	margin-bottom: 20px;
}

#chartDispo #detailNale {
	margin-bottom: 10px;
	padding-bottom: 10px;
}

article#chartDispo>h3>span, article#chartSve>h3>span {
	/*display: inline-block;
	padding: 0 10px 0 10px;
	margin-left: 5px;
	font-size: 1.4em;
	font-style: italic;
	background: #287ACC;
	color: white;
	border-radius: 20px;
	cursor: help;*/
}

div.custom-tooltip-stats {
	max-width: 400px;
}

div#statsNbRes {
	margin-bottom: 15px;
	padding-bottom: 15px;
}

div#statsNbRes>div {
	font-size: 1.2em;
	text-align: center;
}

span#emptyResult {
	display: none;
}

div#loadSearch {
	display: none;
	width: 20px;
	height: 20px;
	background: url("../images/design/mini_load.gif") no-repeat scroll center center transparent;
	background-size: 20px 20px;
}

article#questionnaire {
	margin-bottom: 40px;
}

#checkDonnees #questionnaire h4 {
	color: #EF5350;
	font-size: 16px;
}

#checkDonnees #questionnaire .center-align {
	text-align: center;
}

#checkDonnees #questionnaire .inline-block {
	display: inline-block;
}

#checkDonnees #questionnaire textarea {
	width: 70%;
	margin-left: 15%;
	margin-top: 20px;
}

#checkDonnees #questionnaire .row label {
	display: inline-block;
	width: 10%;
}

#checkDonnees .resultInsert {
	width: 80%;
	margin-left: 10%;
	font-size: 16px;
	color: white;
	text-align: center;
	padding: 10px;
	margin-top: 10px;
}

#checkDonnees .success {
	background-color: #2E7D32;
}

#checkDonnees .errros {
	background-color: #FF8A05;
}

#detailCarriere .subCarriere {
	font-size: 0.8em;
}

div.noResultChart {
	width: 98%;
	margin: 0 auto;
	text-align: center;
	font-size: 1.5em;
	color: white;
	background-color: #f4511e;
	padding: 10px;
}

article#exploitDonnees {
	margin-top: 50px;
}

input#filterPartant {
	text-align: right;
	width: 25%;
}

ul#listPartant {
	margin-left: 10px;
	width: 50%;
}

li.nomPartant {
	cursor: pointer;
	margin-bottom: 5px;
}

li.nomPartant div {
	display: none;
	margin-top: 5px;
	margin-bottom: 10px;
	font-weight: bold;
}

article#consultDonnees {
	margin-bottom: 40px;
}

#consultDonnees select {
	width: 25%;
	/* margin-left: 70%; */
}

#divPartant .labelForFiltre {
	display: inline-block;
	width: 9%;
}

#consultDonnees input[id$=Filtre] {
	width: 12%;
}

button#execFiltre {
	margin-left: 15%;
}

/* CRÉATION DE POPUPS */

#popUpCreate {
	border: none;
	padding: 5px;
	text-align: center;
	font-weight: bold;
	font-size: 20px;
	margin-bottom: 30px;
}

.asLink {
	border: none;
	padding: 0;
	font-size: 20px;
	color: #03a9f4;
	text-decoration: underline;
	background: transparent;
	cursor: pointer;
}

.popUp {
	width: 100%;
	position: relative;
	margin: .5rem 0 1rem 0;
	background-color: #fff;
	-webkit-transition: -webkit-box-shadow .25s;
	transition: -webkit-box-shadow .25s;
	transition: box-shadow .25s;
	transition: box-shadow .25s, -webkit-box-shadow .25s;
	border-radius: 2px;
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
	padding: 24px;
	line-height: 30px;
}

.popUp h4, .modal.popUp h4 input[type=text] {
	display: block;
	line-height: 32px;
	margin-bottom: 8px;
	font-size: 24px;
	font-weight: 300;
}

.popUp small {
	color: #424242;
	font-size: 13px;
	margin: 1px 0;
}

.popUp small input[type="text"] {
	width: 80px;
	text-align: center;
	min-width: unset;
}

.popUp small select {
	text-align: center;
	font-size: 13px;
}

.popUp p {
	font-size: 15px;
	margin: 15px 0;
}

.popUpFooter {
	position: absolute;
	bottom: 10px;
	right: 10px;
}

.popUpFooter button {
	padding: 5px 15px;
	color: #fff;
	border: none;
	border-radius: 3px;
	cursor: pointer;
	min-width: 100px;
}

.popUpFooter button:hover, .asLink:hover {
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.14), 0 1px 5px 0 rgba(0, 0, 0, 0.12), 0 3px 1px -2px rgba(0, 0, 0, 0.2);
}

.popUpFooter button:active, .asLink:active {
	box-shadow: 0 2px 2px 0 rgba(0, 0, 0, 0.28), 0 1px 5px 0 rgba(0, 0, 0, 0.24), 0 3px 1px -2px rgba(0, 0, 0, 0.4);
}

.popUpFooter button[name=create] {
	background-color: #2196f3;
}

.popUpFooter button[name=update], .popUpFooter button[name=submit] {
	background-color: #009688;
}

.popUpFooter button[name=delete], .popUpFooter button[name=reset] {
	background-color: #f44336;
}
/*

.modal.popUp input[type=text] {
	border: none;
	border-bottom: 2px dotted #cbcbcb;
	background: transparent;
}

.modal.popUp textarea {
	border: none;
	border: 2px dotted #cbcbcb;
	background: transparent;
	font-size: 15px;
	margin: 15px 0;
	width: 100%;
	min-height: 200px;
	white-space: pre-wrap;
}

.modal-close button {
	color: #424242;
	text-decoration: none;
}

!* Modal *!

!* Modal (background) *!

.modal {
	display: none;
	position: fixed;
	z-index: 1000;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	overflow: auto;
	background-color: rgb(0, 0, 0);
	background-color: rgba(0, 0, 0, 0.4);
	margin: unset;
	padding: 0;
	padding-top: 3em;
}

!* Modal Content *!

.modal-content {
	position: relative;
	background-color: #fafafa;
	margin: auto;
	padding: 16px;
	border: 1px solid #757575;
	box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);
	-webkit-animation-name: animatetop;
	-webkit-animation-duration: 0.4s;
	animation-name: animatetop;
	animation-duration: 0.4s;
	width: 95%;
}

!* Close Button *!

.modal-close {
	float: right;
	font-size: 3em;
	font-weight: bold;
	position: relative;
	top: -16px;
	right: 0;
}

.modal-close:hover, .modal-close:focus, .open:hover, .open:focus {
	cursor: pointer;
}

.modal-header, .modal-body, .modal-footer {
	padding: .8em .5em;
}
*/

div#filterFDS {
    width: 45%;
}
div#filterFDS > div > span {
    display: inline-block;
    width: 30%;
}
div#filterFDS > div > select {
    width: 50%;
}
#filterFDSGPT {
	margin-bottom: 20px;
	margin-top: 10px;
	width: 49%;
	margin-left: 49%;
	display: none;
}

article[id^="stats"] table#resStatsFDSGPT {
	text-align: center;
}
article[id^="stats"] table#resStatsFDSGPT tr {
	height: 30px;
}

article[id^="stats"] table#resStatsFDSGPT tr:first-child td{
	font-weight: bold;
	border-bottom: 1px dotted #000;
}
div.dlExportFirSR{
	width: 5%;
	margin-left:94% ;
}

div.dlExportFirSR i{
	font-size: 48px;
	cursor: pointer;
}
div#tabResSuivi {
	margin-bottom: 20px;
}


/* Modal Animation */

@-webkit-keyframes animatetop {
	from {
		top: -300px;
		opacity: 0
	}
	to {
		top: 0;
		opacity: 1
	}
}

@keyframes animatetop {
	from {
		top: -300px;
		opacity: 0
	}
	to {
		top: 0;
		opacity: 1
	}
}

/* Modal-from-bottom Animation */

@-webkit-keyframes animatebottom {
	from {
		bottom: -300px;
		opacity: 0
	}
	to {
		bottom: 0;
		opacity: 1
	}
}

@keyframes animatebottom {
	from {
		bottom: -300px;
		opacity: 0
	}
	to {
		bottom: 0;
		opacity: 1
	}
}

/* FIN CRÉATION DE POPUPS */


/**
 * MEDIA QUERIES
 */

@media all and (max-device-width: 1000px) and (min-device-width: 751px) {
	body {
		width: 80%;
	}
	div#container, div#banner, div#logo {
		width: 98%
	}
	#container>div {
		width: 99%;
	}
	div#container div#menu_long {
		width: 99%
	}
	#content, div#footer {
		width: 96%;
	}
	div#footer {
		height: 220px;
	}
	#content>div {
		width: 98%;
	}
	ul#menu_horizontal {
		width: 98%;
	}
	ul#menu_horizontal a {
		font-size: 11px;
		font-weight: bold;
	}
	ul#menu_horizontal>li>ul {
		width: 25%;
	}
	ul#menu_horizontal>li>ul>li, ul#menu_horizontal>li>ul>li:hover {
		width: 98%;
	}
	ul#menu_horizontal>li>ul>li>a {
		width: 95%
	}
	div#footer ul#site_link {
		width: 98%;
	}
	ul#menu_horizontal.res>li {
		width: 19%;
		height: 40%
	}
	ul#menu_horizontal.res>li a {
		width: 98%;
		margin-top: 2%;
	}
	ul#menu_horizontal>li:hover>ul {
		top: 62%;
	}
	ul#menu_horizontal>li>a {
		padding: 5px 10px 5px 10px;
	}
	ul#menu_horizontal.res>li>ul>li, ul#menu_horizontal.res>li>ul>li:hover {
		width: 100%;
		height: 30px;
	}
	ul#menu_horizontal.res>li>ul>li>a {
		width: 92%;
		margin-top: 0;
		height: 30px;
	}
	#content fieldset#saisieDispo2 h3 {
		margin-top: 5%;
	}
	fieldset button#save, fieldset div#indicateursPerso {
		top: 0%;
	}
	fieldset div#nbJours {
		top: 14%;
	}
	fieldset ul#legendeDispo {
		width: 98%;
	}
	fieldset ul#legendeDispo>li {
		width: 48%;
		margin-right: 2%;
		margin-bottom: 1%;
	}
	ul#legendeDispo li.lib {
		font-size: 12px;
		font-weight: bold;
	}
	ul#site_map>li {
		min-width: 25%;
		width: 25%;
	}
	ul#site_map h2, ul#site_map li ul li a {
		font-size: 14px;
	}
	fieldset#fieldCoord table, table#donneesPersos, table#donneesAdm {
		width: 95%;
	}
	fieldset table td.label, table.tableProf td.tdLeft {
		font-weight: bold;
	}
	table.tableProf tr td select {
		font-size: 15px;
	}
	#fieldCoord table td input {
		font-size: 14px;
	}
	fieldset#visuDispo {
		width: 96%;
	}
	fieldset#visuDispo>div[id^=go] {
		width: 49%;
	}
	fieldset#visuDispo div#goRight {
		left: 49%;
		margin-top: 5%;
	}
	div#missions, div#convoc {
		margin-top: 10%;
	}
	.fieldVol div#missions {
		margin-top: 5%;
	}
	table#miniCal {
		width: 32%;
	}
	fieldset div.nota {
		width: 65%;
	}
	fieldset table {
		width: 90%;
	}
	table#lastDemandes tr {
		font-size: 14px;
	}
	article div.explain {
		font-weight: bold;
		font-size: 12px;
	}
	ul#site_map {
		margin-bottom: 2%;
	}
	article#infosRegionales {
		width: 99% !important;
	}
	article#infosRegionales div#viewNews {
		width: 64%;
	}
	div#divNews ul li#filNews {
		height: 45px;
	}
	li#filNews select {
		font-size: 14px;
	}
	#newsRecap>li>span {
		font-size: 12px;
	}
	div#savesuccess {
		left: 1%;
	}
	#saisieDispo2 div#dialog {
		left: 1%;
	}
}

@media all and (max-device-width: 700px) {
	body {
		width: 60%;
	}
	section, header, footer, nav {
		width: 98%
	}
	header img {
		max-width: 10%;
	}
	header span#logo_title {
		left: 12%;
		font-size: 11px;
	}
	header span#logo_title span#site_url {
		font-size: 1.8em;
	}
	header span#logo_title span#explain_mino {
		font-size: 10px;
	}
	header span#logo_title span#explain_mino>span {
		font-size: 11px;
	}
	section>div {
		width: 99%;
	}
	nav ul#menu_horizontal {
		width: 99%
	}
	#content, div#footer {
		width: 96%;
	}
	div#footer {
		height: 230px;
	}
	#content>div {
		width: 98%;
	}
	ul#menu_horizontal {
		width: 98%;
	}
	ul#menu_horizontal a {
		font-size: 10px;
		font-weight: bold;
	}
	ul#menu_horizontal>li>ul {
		width: 25%;
	}
	ul#menu_horizontal>li>ul>li, ul#menu_horizontal>li>ul>li:hover {
		width: 98%;
	}
	ul#menu_horizontal>li>ul>li>a {
		width: 95%
	}
	div#footer ul#site_link {
		width: 98%;
	}
	ul#menu_horizontal.res>li {
		width: 19%;
		height: 40%
	}
	ul#menu_horizontal.res>li a {
		width: 98%;
		margin-top: 4%;
	}
	ul#menu_horizontal>li:hover>ul {
		top: 56%;
	}
	ul#menu_horizontal>li>a {
		padding: 5px 10px 5px 10px;
	}
	ul#menu_horizontal.res>li>ul>li, ul#menu_horizontal.res>li>ul>li:hover {
		width: 100%;
		height: 30px;
	}
	ul#menu_horizontal.res>li>ul>li>a {
		width: 92%;
		margin-top: 0;
		height: 30px;
	}
	nav ul#menu_horizontal.res>li.withChild>ul>li>a {
		font-size: 8px;
	}
	section article#saisieDispo2 h3 {
		margin-top: 10%;
	}
	article button#save, article div#indicateursPerso {
		top: 0%;
	}
	nav ul#menu_horizontal.res>li.withChild>ul {
		width: 19.5%;
	}
	article div#nbJours {
		top: 10%;
	}
	article ul#legendeDispo {
		width: 88%;
		margin: 0 auto;
	}
	article ul#legendeDispo>li {
		width: 48%;
		margin-right: 1%;
		margin-bottom: 1%;
	}
	section article#saisieDispo2 ul#legendeDispo>li {
		width: 40%;
	}
	ul#legendeDispo li.lib {
		font-size: 8px;
		font-weight: bold;
	}
	ul#legendeDispo li.bgColor {
		width: 10%;
	}
	ul#site_map>li {
		min-width: 25%;
		width: 25%;
	}
	ul#site_map h2, ul#site_map li ul li a {
		font-size: 14px;
	}
	article#fieldCoord table, table#donneesPersos, table#donneesAdm {
		width: 95%;
	}
	article table td.label, table.tableProf td.tdLeft {
		font-weight: bold;
	}
	table.tableProf tr td select {
		font-size: 15px;
	}
	#fieldCoord table td input {
		font-size: 14px;
	}
	article#visuDispo {
		width: 96%;
	}
	article#visuDispo>div[id^=go] {
		width: 49%;
	}
	article#visuDispo div#goRight {
		left: 49%;
		margin-top: 5%;
	}
	div#missions, div#convoc {
		margin-top: 10%;
	}
	.fieldVol div#missions {
		margin-top: 5%;
	}
	table#miniCal {
		width: 32%;
	}
	article div.nota {
		width: 65%;
	}
	article table {
		width: 90%;
	}
	table#lastDemandes tr {
		font-size: 12px;
	}
	article div.explain {
		font-weight: bold;
		font-size: 10px;
	}
	ul#site_map {
		margin-bottom: 2%;
	}
	article#infosRegionales {
		width: 99% !important;
	}
	article#infosRegionales div#viewNews {
		width: 60%;
	}
	div#divNews ul li#filNews {
		height: 45px;
	}
	li#filNews select {
		font-size: 12px;
	}
	#newsRecap>li>span {
		font-size: 10px;
	}
	div#savesuccess {
		left: 1%;
	}
	div.ui-dialog {
		left: 1%;
	}
	div#infos {
		width: 65%;
	}
	section article table {
		font-size: 11px;
	}
	table#donneesPersos td {
		font-size: 11px;
	}
	section article div#indicateursPerso, section article div#nbJours {
		width: 40%;
	}
	footer nav#site_map>ul>li ul.dark_bullet li {
		line-height: 8px;
		margin-bottom: 15px;
		list-style-position: inside;
	}
	footer nav#site_map>ul>li>h2>a {
		font-size: 11px;
	}
	footer nav#site_map>ul>li {
		line-height: 10px;
		width: 19%;
	}
	section h3 {
		font-size: 1em;
	}
	div#volSauv>div {
		font-size: 10px;
	}
	section article div#missions.noResult {
		margin-top: 5%;
		min-height: 50px;
	}
	section nav#menuOnglet.forMissions>ul>li>a {
		font-size: 10px;
	}
	section article.fieldVol ul#legendeDispo {
		margin-top: 5%;
	}
	section article#fieldConvoc h3 {
		margin-top: 10%;
	}
	#fieldConvoc div.noResult {
		font-size: 14px;
	}
	section nav#menuOnglet>ul>li>a {
		font-size: 10px;
	}
	article#infosRegionales div#nbVol {
		font-size: 11px;
	}
	article#infosRegionales div#divNews>ul>li {
		font-size: 11px;
	}
	#viewNews #title {
		font-size: 16px;
		margin-top: 3px;
		background: none repeat scroll 0% 0% #9A0C58;
		color: #FFF;
	}
	article#fieldsetFaq div.typeFaq span.titleFaq {
		font-size: 12px;
	}
	article#fieldsetFaq div.typeFaq div li.question {
		font-size: 10px;
	}
	article#fieldsetFaq div.typeFaq div li.answer {
		font-size: 9px;
	}
	section article form#frmContact textarea {
		width: 20em;
	}
	#frmContact input[type=text] {
		width: 300px;
	}
	div#logo {
		height: 100%
	}
	footer #site_link {
		width: 100%;
	}
	footer #site_link a img {
		max-width: 80%;
		max-height: 45%;
	}
}

@media all and (max-device-width: 400px) {
	body {
		max-width: 400px;
	}
	header {
		width: 100%;
		max-height: 85px;
	}
	header img {
		max-width: 20%;
		max-height: 80px;
	}
	header div#logo {
		background: none;
	}
	header span#logo_title {
		top: 2%;
		left: 23%;
		font-size: 11px;
	}
	header span#logo_title span#site_url {
		font-size: 1.5em;
	}
	header span#logo_title span#explain_mino {
		font-size: 9px;
	}
	header span#logo_title span#explain_mino>span {
		font-size: 11px;
	}
	nav {
		width: 100%;
		max-width: 400px;
		height: 35px;
	}
	section {
		width: 100%;
		max-width: 400px;
	}
	nav ul#menu_horizontal.res {
		height: 20px;
		padding-top: 10px;
	}
	nav ul#menu_horizontal.res>li {
		max-width: 70px;
		height: 20px;
		margin-right: 3px;
	}
	nav ul#menu_horizontal.res>li>a {
		font-size: 7px;
		height: 20px;
		padding-bottom: 5px;
	}
	div#infos {
		width: 100%;
		padding: 5px 0 5px 0;
		top: 20px;
	}
	nav ul#menu_horizontal.res>li.withChild>ul {
		width: 100px;
		top: 28px;
	}
	section button#logout.forInfos {
		top: 0px;
		padding: 2px;
	}
	nav ul#menu_horizontal.res>li.withChild>ul>li {
		width: 100px;
	}
	nav ul#menu_horizontal.res>li.withChild>ul>li a {
		font-size: 7px;
	}
	section nav#menuOnglet.forInformations {
		top: 50px;
	}
	section nav#menuOnglet.forPersonnel {
		top: -27px;
	}
	section nav#menuOnglet {
		width: 100%;
	}
	section nav#menuOnglet>ul>li {
		padding: 1px 2px 1px 0;
	}
	section nav#menuOnglet>ul>li>a {
		font-size: 9px;
	}
	section nav#menuOnglet.forInformations {
		top: 23px;
	}
	section article {
		max-width: 98%;
		font-size: 10px;
	}
	section article table, section article table#donneesPersos, section article table#donneesAdm {
		width: 100%;
		table-layout: fixed;
	}
	section article#fieldCoord form[name=formCoord] table td.label {
		width: 20%;
		font-size: 8px;
	}
	section article#fieldCoord form[name=formCoord] table td.exemple {
		width: 30%;
		font-size: 8px;
	}
	table td.value {
		height: 13px;
	}
	section article#fieldCoord form[name=formCoord] table td.value, section article#fieldCoord form[name=formCoord] table td {
		width: 78%;
		height: 13px;
	}
	section article table td, section article table#donneesPersos td, #fieldCoord table td input[type=text] {
		font-size: 9px;
		display: inline-block;
		width: 48%;
	}
	table.tableProf tr td.tdForProf {
		width: 78%;
	}
	table.tableProf tr td select {
		width: 99%;
	}
	section article#infosRegionales {
		max-width: 98%;
		font-size: 10px;
	}
	section article#infosRegionales h3, section article#infosRegionales h3#title {
		font-size: 12px;
	}
	section article#infosRegionales h4 {
		font-size: 11px;
	}
	section {}
	section article#infosRegionales div#nbVol, section article#infosRegionales div#divNews {
		max-width: 33%;
		font-size: 9px;
		left: 0px;
		padding: 0;
		padding-top: 5px;
		margin-left: 1px;
	}
	div#divNews ul li#filNews, div#divNews ul li#filNews select {
		font-size: 9px;
	}
	article #newsRecap>li>span {
		font-size: 9px;
	}
	footer {
		width: 100%;
		max-width: 400px;
	}
	footer nav#site_map>ul>li>h2>a {
		font-size: 9px;
	}
	footer nav#site_map>ul>li ul.dark_bullet li h2 a {
		font-size: 7px;
	}
	footer nav#site_map>ul>li ul.dark_bullet li {
		line-height: 6px;
		margin-bottom: 5px;
		list-style-position: inside;
	}
	footer #site_link a img {
		max-width: 100%;
		max-height: 45px;
	}
	section article#saisieDispo2 button#save {
		width: 25%;
		font-size: 11px;
	}
	section article div#indicateursPerso, section article div#nbJours {
		width: 50%;
	}
	section article div#indicateursPerso, section article div#nbJours span {
		font-size: 9px;
	}
	section article div#indicateursPerso {
		margin-right: 0;
		top: 1px;
	}
	section article div#nbJours {
		top: 50px;
	}
	section article#saisieDispo2>h3 {
		margin-top: 45px;
		font-size: 12px;
	}
	section article div#divCalendar {
		width: 100%;
	}
	section article div#divCalendar table.calendar {
		width: 99%;
	}
	section article table td {
		min-width: 12%;
		display: table-cell;
		font-size: 9px;
		padding-top: 5px;
	}
	section article#saisieDispo2 table.calendar td.dayWeek {
		font-size: 8px;
	}
	div#divCalendar a#linkPrevCalendar {
		top: 60%;
	}
	section article#saisieDispo2 ul#legendeDispo li.bgColor {
		width: 10px;
	}
	section article#saisieDispo2 ul#legendeDispo li.lib {
		font-size: 7px;
	}
	section article#saisieDispo2 ul#legendeDispo>li {
		width: 40%;
		margin-right: 1%;
	}
	section article.fieldVol ul#legendeDispo {
		width: 80%;
		margin: 0 auto;
		clear: both;
	}
	section article.fieldVol ul#legendeDispo li {
		font-size: 0.8em;
	}
	section article.fieldVol ul#legendeDispo>li {
		width: 48%;
		margin-right: 1%;
	}
	section article.fieldVol ul#legendeDispo li>ul {
		width: 98%;
		height: 20px;
	}
	section article.fieldVol ul#legendeDispo li li.bgColor {
		width: 10px
	}
	section article h3 {
		font-size: 10px;
	}
	div#volSauv>div {
		font-size: 9px;
	}
	div#missions, div#convoc {
		margin-top: 28%;
	}
	.descMission span.libMission, .descConvoc span.libMission {
		font-size: 11px;
	}
	ul.infosMission>li {
		font-size: 8px;
	}
	section nav#menuOnglet.forMissions>ul>li>a {
		font-size: 7px;
	}
	section nav#menuOnglet.forMissions>ul>li {
		padding-right: 1px;
	}
	footer #site_link a {
		width: 18%;
		margin: 5px 0 5px 0;
	}
	form table.tableProf tr td select {
		font-size: 9px;
		width: 90%;
	}
	section article table.tableProf {
		margin-bottom: 30px;
	}
	section article#confirmModif table tr td {
		width: 50%;
	}
	section article#confirmModif table tr td input {
		min-width: 100px;
		max-width: 180px;
		width: 100%;
		font-size: 9px;
	}
	article#visuVol div#volSauv>div {
		font-size: 0.85em;
	}
	article div#missions.noResult, article#fieldConvoc div#convoc.noResult {
		margin-top: 10%;
		font-size: 10px;
		min-height: 50px;
	}
	article.fieldVol div.nota {
		width: 65%;
		font-size: 0.5em;
	}
	.fieldVol div#missions {
		margin-top: 7%;
	}
	article#fieldConvoc div#nbJours {
		width: 30%
	}
	article#fieldConvoc h3 {
		margin-top: 30px;
	}
	article#fieldDemandes>div.explain {
		font-size: 7px;
	}
	article#fieldDemandes div#newAsk {
		margin: 0 auto;
		width: 95%;
		font-size: 8px;
	}
	article#fieldsetFaq>div.typeFaq {
		font-size: 7px;
	}
	article#fieldsetFaq div.typeFaq div li.question {
		font-size: 8px;
	}
	article#fieldsetFaq div.typeFaq span.titleFaq {
		font-size: 10px;
	}
	article#contact>form#frmContact>table {
		table-layout: auto;
		width: 98%;
	}
	article#contact>form#frmContact>table td.label {
		width: 40%;
	}
	article#contact>form#frmContact>table td:not (.label) {}
	#frmContact textarea {
		max-width: 20em;
		width: 15em;
	}
	#frmContact input#sign {
		width: 200px;
		min-width: 130px;
		font-size: 9px;
	}
	div#contactTph span#tph, div#contactTph span#num {
		font-size: 10px;
	}
	div#contactTph>span {
		display: inline-block;
		height: 100%;
		padding-top: 10%;
	}
}