@charset "utf-8";
@import url('https://fonts.googleapis.com/css2?family=Lato:wght@400;700&display=swap');
/* CSS Document */

html {
	background: #1F2244;
}

body {
    color: #707173;
    font-size: 13px;
	font-family: Lato, Arial, Sans-serif;
    margin: 0 auto;
    padding: 0;
    text-align: center;
	line-height: 1rem;
/*	background-color: #FFF;
	background-attachment: scroll;
	background-clip: border-box;
	background-origin: padding-box;
	background-size: auto auto;
	background-image: url('../images/bg-red-logos.png'), url('../images/bg-pic.jpg');
	background-position: 50% 0%, left top;
	background-repeat: no-repeat, repeat-x;*/
	background:rgba(0, 0, 0, 0) linear-gradient(#1F2244, #1F2244) repeat scroll 0 0;
	}
	
.modalDialog h2, .modalDialog h1{
		line-height: 2em;
}

.modalDialog h2{
		line-height: 1em;
		font-size: 18px;
}

.btn-silver.btn-silver-submit:before {	content: " >>"; }

.modalDialog {
		text-align: left !important;
}

.row.button {
    padding: 20px;
    text-align: center;
}

.col-left {
    border-right: 1px solid #ccc;
    float: left;
    padding: 0 10px;
    width: 229px;
}

.col-right {
    float: right;
    width: 250px;
}

.header-wrapper h1 {
	color:#BA0132 !important;
}

a{
	color: #a9b600;
	text-decoration: none;
}

p{
	color: 	#7e8080;
	margin-bottom: 18px;
}

/* header part */
div.header-wrapper{
	width: 100%;
	height: 180px;
}

div.header-wrapper .header{
	margin: 0 auto;
	width: 940px;
	padding:0 20px;
	height: 100%;
	padding-top:40px;
	/*background: url(../images/bg-logos.png) 100% 0% no-repeat;*/
}

div.header-wrapper #logo{
	float:left;
	margin-top: 5px;
	width:650px;
}



div.header-wrapper h1{
	color: #a9b600;
	text-align: left;
	font-size: 20px;
	word-wrap: break-word;
	font-weight: 700;
	
	
}

div.content-wrapper{
	margin: 0 auto;
	width: 100%;
	/*padding-top: 20px;*/
}
div.content-wrapper .contents{
	margin: 0 auto;
	width: 940px;
	padding:0 20px;
	min-height: 500px;
	text-align: left;
	background:#FFF;
}


/*
----------
 headers  
----------
*/
div.contents h1.progreen{
	background: url(../images/bar_green.png) top left no-repeat;
	height: 40px;
	color: #fff;
	font-size: 14px;
	padding-top: 11px;
	padding-left: 30px;
	text-transform: uppercase;
	font-weight: 700;
}

div.contents h1.proorange{
	background: url(../images/bar_orange.png) top left no-repeat;
	height: 40px;
	color: #fff;
	font-size: 14px;
	padding-top: 11px;
	padding-left: 30px;
	text-transform: uppercase;
	font-weight: 700;
}

div.contents h1.problack{
	background: url(../images/bar_dark_gray.png) top left no-repeat;
	height: 40px;
	color: #fff;
	font-size: 18px;
	padding-top: 11px;
	padding-left: 30px;
	text-transform: uppercase;
	font-weight: 700;
}

div.contents h1.progreen_sub{
	background: url(../images/bar_green_sub_gray.png) top left no-repeat;
	height: 76px;
	color: #fff;
	font-size: 14px;
	padding-top: 11px;
	padding-left: 30px;
	text-transform: uppercase;
	font-weight: 700;
}

div.contents h1.problack_sub_gray_orange{
	background: url(../images/bar_dark_gray_sub_gray_orange.png) top left no-repeat;
	height: 76px;
	color: #fff;
	font-size: 14px;
	padding-top: 11px;
	padding-left: 30px;
	text-transform: uppercase;
	font-weight: 700;
}

div.contents h1.problack_sub_gray_orange .sub1{
	color: #A9B600;
	float: left;
	font-size: 12px;
	padding-top: 10px;
	padding-left: 5px;
	width: 47%;
	font-weight: 700;
}

div.contents h1.problack_sub_gray_orange .sub2{
	color: #fff;
	float: left;
	font-size: 12px;
	padding-top: 3px;
	padding-left: 30px;
	width: 45%;
	font-weight: 700;
}

div.contents h1.prosubonly{
	background: url(../images/bar_sub_light_gray.png) 24px top no-repeat;
	height: 44px;
	color: #5e605f;
	font-size: 11px;
	padding-top: 10px;
	padding-left: 62px;
	text-transform: uppercase;
	font-weight: 700;
	transform: rotate(-1.3deg);
}

div.contents h1.progreen_sub .sub{
	color: #5e605f;
	display: block;
	font-size: 11px;
	padding-top: 13px;
	padding-left: 30px;
	transform: rotate(-1.3deg);
}

div.contents h1.problack .sub1{
	color: #e8a134;
	font-size: 12px;
	float: right;
	margin-right: 175px;
}

div.contents h2.remark{
	text-align: center;
	color: #e8a134;
	padding: 20px 0;
	font-size: 16px;
	font-weight: 700;
}

div.contents h2.subHeader{
	color: #008289;
	font-size: 14px;
	font-family: Lato, Arial, Sans-serif;
	font-weight: 700;
}

div.contents h2.remark1{
	text-align: center;
	color: #e8a134;
	padding: 10px 100px 30px 100px;
	font-size: 16px;
	font-family:  Lato, Arial, Sans-serif;
	font-weight: 700;
}

div.contents h1.problack_biggray{
	background: url(../images/bar_dark_gray_big_gray.png) top left no-repeat;
	height: 115px;
	color: #fff;
	font-size: 14px;
	padding-top: 11px;
	padding-left: 30px;
	text-transform: uppercase;
}
div.contents h1.problack_biggray .subform{
	margin-top: 37px;
	font-size: 12px;
	padding-left: 27px;
	color: #707173;
	text-transform: none;
}

div.contents h1.problack_biggray .subform .txtfld{
	padding: 1px;
	font-size: 12px;
}

div.contents h1.problack_biggray .subform a.btn-silver-submit {
	font-size: 11px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	font-weight: 500;
	padding: 3px 10px;
	margin-top: -20px;
	margin-right: 10px;
}
div.contents h1.problack_biggray .subform input.btn-silver-submit {
	font-size: 10px;
	font-weight: 500;
	padding: 2px 10px;
	margin-top: -20px;
	margin-right: 10px;
}



.popupheader{
	font-size: 20px;
	padding: 10px 0;
	color: #a9b600;
	text-align: left;
	font-wieght: bold;
	display: block;
	font-weight: 700;

}


div.contents h1.green{
	background: #008289;
	color: #fff;
	font-size: 16px;
	padding: 10px 20px;
	text-transform: uppercase;
	margin-bottom: 20px;
}

/*
----------
 buttons 
----------
*/
div.contents button{
	cursor: pointer;	
}

.btn-silver{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #e3e4e6; /* Old browsers  */
	background: -moz-linear-gradient(top, #ffffff 50%, #e3e4e6 50%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#ffffff), color-stop(50%,#e3e4e6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 50%,#e3e4e6 50%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 50%,#e3e4e6 50%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ffffff 50%,#e3e4e6 50%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e3e4e6',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #ffffff 50%,#e3e4e6 50%);
	padding: 7px 25px;
	border: 1px solid #a6a6a7;
	color: #7b6b68;
	font-weight: bold;
	behavior: url(ie-css3.htc);
	z-index: 100;
	position: relative;
	display: inline-block;
}

div.header div {position:relative;}


.btn-silver:hover{
	color: #ff6600;	
}


div.contents .btn-silver-submit{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	background: #e3e4e6; /* Old browsers  */
	background: -moz-linear-gradient(top, #ffffff 50%, #e3e4e6 50%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#ffffff), color-stop(50%,#e3e4e6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 50%,#e3e4e6 50%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 50%,#e3e4e6 50%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ffffff 50%,#e3e4e6 50%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e3e4e6',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #ffffff 50%,#e3e4e6 50%);
	padding: 5px 25px;
	border: 1px solid #a6a6a7;
	color: #ff6600;
	font-weight: normal;
	font-size: 13px;
	cursor: pointer;
	behavior: url(ie-css3.htc);
	z-index: 100;
	position: relative;
}

div.contents .btn-silver-submit.incontent {
	line-height: 30px;
}



.btn-silver2{
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	background: #e3e4e6; /* Old browsers  */
	background: -moz-linear-gradient(top, #ffffff 50%, #e3e4e6 50%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#ffffff), color-stop(50%,#e3e4e6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 50%,#e3e4e6 50%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 50%,#e3e4e6 50%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #ffffff 50%,#e3e4e6 50%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e3e4e6',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #ffffff 50%,#e3e4e6 50%);
	padding: 2px 15px;
	border: 1px solid #a6a6a7;
	color: #7b6b68;
	font-weight: bold;
	behavior: url(ie-css3.htc);
	z-index: 100;
	position: relative;
	display: inline-block;
	font-size: 11px;
}


.btn-silver2:hover{
	color: #ff6600;	
	border: 1px solid #ff6600;
}


/*
----------
dividers
----------
*/

div.divider_full{
	clear: both;
	background:url(../images/drop_shadow_full.png) center top no-repeat;
	height: 9px;
	margin: 20px 0;
}

div.divider_full_thin{
	clear: both;
	background:url(../images/drop_shadow_full_thin.png) center top no-repeat;
	height: 4px;
	margin: 20px 0;
}

div.divider_partial{
	clear: both;
	background:url(../images/drop_shadow_partial.png) center top no-repeat;
	height: 9px;
	margin: 0 0 5px 0;
}

div.dividerHr{
	clear: both;
	border: 1px solid #aaa;
	margin: 15px 0;
}

/*
----------
  form
----------
*/

div.form {
	padding-left: 25px;	
}

div.form div.row label{
	margin: 0 23px;
	color: #707173;
}
div.form div.row label.question-simple{
	margin: 0;
	color: inherit;
}
div.form div.row {
	margin-bottom: 5px;	
}

div.form div.button {
	text-align: center;
}

div.form div.row input, div.form div.row div, div.form div.row label{ 
	display: inline-block;	
}

div.user label{
	 width: 150px;
	 font-weight: bold;
}

div.login label{
	 width: 100px;
}

div.rememberMe label{
	 width: 200px;
}

p.note{
	color: #ff6600;
	font-size: 11px;
	margin: 5px 0;
}


.required{
	color: red;
}

.rememberMe{
	margin-left: 150px;
	margin-top: 10px;
}

.txtfld{
	border: 1px solid #727272;
	padding: 3px 5px;
	color: #333;
	background: #fff;
	width: 145px;
}

.txtfldsmall{
	width: 60px;
}

.txtfldmini{
	width: 40px;
}


.other_txtField {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #727272;
    color: #333333;
    padding: 3px 5px;
	width: 250px;
}

.errorMessage{
	font-size: 11px;
	color: red;
}

input.error, select.error{
	border: 1px solid red;
}

div.question{
	color: #008289;
	padding-left: 20px;
	margin-bottom: 15px;
	font-weight: normal;
	font-size: 13px;
	margin-left: 0;
}

div.question1{
	color: #008289;
	padding-left: 20px;
	margin-bottom: 15px;
	font-weight: normal;
	font-size: 13px;
}

div.question2{
	color: #008289;
	padding-left: 40px;
	margin-bottom: 15px;
	font-weight: normal;
	font-size: 13px;
}

.fullwidth {
	width: 100%;
}

.content {
	text-align: justify;
	line-height: 1.4;
	font-family: Lato, Arial, sans-serif;
	padding: 20px;
}
@media screen and (min-width: 960px) {
	.content {
		column-count: 2;
		column-gap: 40px;
		column-fill: balance;
		column-rule: 1px solid #ccc; /* la barre séparatrice */
}
	}
}

div.form div.row div.question{
	width: 330px;
}

div.form div.row div.field .txtfld{
	width: 450px;
}

div.form div.row .txtarea{
	max-width: 845px;
	min-width: 845px;
}


/*
--------------
flash message
--------------
*/

.flash-error{
	padding: 18px 60px;
	color: red;
	background: #ffefd7 url(../images/icon_warning.png) 10px center no-repeat;
	border: 1px solid red;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 10px;
	behavior: url(ie-css3.htc);
	z-index: 100;
	position: relative;
}

.flash-success{
	padding: 18px 60px;
	color: #A9B600;
	background: #fcffd5 url(../images/icon_success.png) 10px center no-repeat;
	border: 1px solid #A9B600;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 10px;
	behavior: url(ie-css3.htc);
	z-index: 100;
	position: relative;
}

div.contents div.contentlist{
	margin-bottom: 5px;
}

div.contents div.contentlist img{
	margin-right: 10px;
}

div.contents div.iconmenu *{ 
	float: left;
}

div.contents div.iconmenu img{
	margin-right: 20px;
}

div.contents div.iconmenu span{
	color: #008289;
}

div.contents div.iconmenu:hover span{
	text-decoration: underline;
}

div.contents div.iconmenu span{
	background: url(../images/arrow_single.png) left center no-repeat;
	padding: 15px 20px;
}

div.footer-wrapper{
	width: 100%;
	height: 50px;
}

div.footer-wrapper .footers{
	width: 940px;
	padding:0 20px;
	margin: 0 auto;
}

#openModal .footer {
	padding: 0 25px;
}

#openModal h3 {
	color : #1f2244;
	font-weight: bold;
	margin-bottom: 10px;
}

.clear {
	clear: both;
}

.tablelist th{
	padding: 10px 0;
	text-align: center;
	font-style: italic;
}
.tablelist th.add{
	color: #FF6600;
}
.tablelist th.hdlabel{
	color: #008289;	
}
.tablelist td{
	vertical-align: middle;
	text-align: center;
	padding: 0 5px;
}

.tablelist td:not(:first-child){
	cursor:pointer;
}

.tablelist {
	background: #ececec; /* Old browsers  */
	background: -moz-linear-gradient(top, #f9f9f9 0%, #ececec 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#ececec)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f9f9f9 0%,#ececec 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f9f9f9 0%,#ececec 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #f9f9f9 0%,#ececec 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#ececec',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #f9f9f9 0%,#ececec 100%);
}

.linkeditcandidature {
	font-weight: bold;
	text-decoration: underline;
	color:#e8a134;
}

.cons .con_halfleft{
	width: 35%;
	float: left;
}

.cons .con_halfright{
	width: 64%;
	float: right;
}

.appointments{
	padding-left: 30px;  
}

.appointments .halfleft{
	width: 50%;
	float: left;
}

.appointments .halfleft{
	width: 50%;
	float: left;
}

.appointments table tr td{
	
}

.appointments table{
	background: #ececec; /* Old browsers  */
	background: -moz-linear-gradient(top, #f9f9f9 0%, #ececec 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f9f9), color-stop(100%,#ececec)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #f9f9f9 0%,#ececec 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #f9f9f9 0%,#ececec 100%); /* Opera11.10+ */
	background: -ms-linear-gradient(top, #f9f9f9 0%,#ececec 100%); /* IE10+ */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f9f9', endColorstr='#ececec',GradientType=0 ); /* IE6-9 */
	background: linear-gradient(top, #f9f9f9 0%,#ececec 100%);
}

.appointments table th{
	padding: 10px 5px;
	text-align: center;
	font-style: italic;
}

.appointments table td{
	padding: 5px;
	text-align: center;
	vertical-align: middle;
	font-style: italic;
}

.half_fifty{
	width: 50%;
	float: left;
}


.info
{
	padding: 0 50px;
}

.info label
{
	color: #a9b800;
	display: inline-block;
	font-weight: bold;
	margin-right: 10px;
}

.info span.contentdata
{
	display: inline-block;
}


.noscript{
	background-color: #FFF9D7;
	width: 100%;
	text-align: center;
	color: #333333;
	position: fixed;
	font-size: 15px;
	font-weight: bold;
	font-family: arial, san-serif;
	padding: 10px;
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.15);
}


.noscript2{
	background-color: #FFF9D7;
	width: 350px;
	text-align: center;
	color: red;
	font-size: 14px;
	font-weight: bold;
	font-family: arial, san-serif;
	padding: 20px;
	box-shadow: 0 1px 5px rgba(0, 0, 0, 0.45);
    -moz-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.45);
    -webkit-box-shadow: 0 1px 5px rgba(0, 0, 0, 0.45);
	margin-top: -115px;
	position: absolute;
	margin-left: 57px;
}

.progreen, .progreen_sub {
		font-size: 17px !important;
}

.ans2 p, .ans p {
	font-family: Lato, Arial !important;
	font-size: 13px !important;
}


.blockUi-header { font-size: 20px; background: #008289; padding: 15px 10px; color: #fff; text-align: left;  }
.blockUi-message {  padding: 10px; font-size: 16px; text-align: left; color: #666666; }
.blockui-message-buttons { padding: 10px; border-top: 1px solid #ccc; text-align: right; }  

@media print {



.header-wrapper {
	display: none;
}



h1#top { /* Affichage du titre */
	color: black;
}



}


#answer_1 .row {
  line-height: .5rem;
}

a.btn-silver.greenbtn {
    background: -webkit-gradient(linear, left top, left bottom, color-stop(50%, #ffffff), color-stop(50%, #c6ffd3)) !important;
    border-radius: 15px !important;
}