#ColContenu {display: inline;}

.avance #ColContenuHead{width:97%;display:inline;margin:20px 0 12px 8px;clear:both;}
.avance #BoxOutilsTexte{width:78px;}
.avance #ColContenu  {margin-left: 20px; width:76%;}

.infos_sup{clear:both !important;display:inline;margin:-27px 0 0 0;padding-left:9px;}
.infos_sup_h3{margin:-10px 0 0 16px;}

.ongletsContent ul {margin: 0 0 2em 10px; padding: 0; list-style: none}
.ongletsContent ul li {padding: 0 0 0 8px;font-weight:normal;background: url(../../img/bg_h5.gif) transparent no-repeat 0 .4em;}
.ongletsContent ul li ul li {margin: 1em 0 1em 30px;}
.ongletsContent ul li ul li {background: url(../../img/bg_li_02.gif) transparent no-repeat 0 .6em !important;}

/* Demandé */
.onglets, .ongletsContent .onglets {background:url(../../img/bg_onglets.gif) transparent no-repeat 100% 100%; padding: 0 0 13px 0 !important; margin: 0 !important; border-width: 0 0 0 1px; border-style: solid; border-color: #6C99D5; list-style: none; font-size: 1em; position: relative; clear: both;}
body.avance .onglets {margin: -19px 0 0 0 !important;}
.onglets li, .ongletsContent .onglets li {display: inline; padding: 0 0 2px 0 !important; float: left; background-image: none !important; margin: 0 3px 0 -1px !important; position: relative;border-width: 0 0 1px 0; border-style: solid; border-color: #6C99D5 #6C99D5 #FFF #6C99D5;}
.onglets li a, .ongletsContent .onglets li a, .onglets li strong, .ongletsContent .onglets li strong {display: block; color: #01459B !important; padding: 2px 7px; font-weight: bold; text-decoration: none !important;border-width: 0; border-style: solid; border-color: #6C99D5; margin: 0;border-width: 1px 1px 0 1px; border-style: solid; border-color: #6C99D5 #6C99D5 #FFF #6C99D5;}
.onglets li.on a, .ongletsContent .onglets li.on a, .onglets li.on strong, .ongletsContent .onglets li.on strong {display: block; color: #FFF !important; padding: 2px 7px; font-weight: bold; text-decoration: none !important;border-width: 0; border-style: solid; border-color: #6C99D5;margin: 0 0 2px 0;}
.onglets li.on, .ongletsContent .onglets li.on {border-width: 1px 1px 0 1px; border-style: solid; border-color: #6C99D5;background-color: #2F5380; color: #FFF; position: relative; margin: 0 3px 0 -1px}
.onglets li.inactif, .ongletsContent .onglets li.inactif {background-color: #F5F5F5; border:0}
.onglets li.inactif strong, .ongletsContent .onglets li.inactif strong {color: #494949 !important; margin: 0; border:0}

.ongletsContent {border-width: 0 1px 0 0; border-style: solid; border-color: #6C99D5; padding: 0 0 11px; background:url(../../img/bg_avance_ongletcontent.gif) transparent no-repeat 0 100%; margin: 0 0 15px 0;} 
.ongletsContent .inner {display:inline-block;border-width: 0 0 0 1px; border-style: solid; border-color: #6C99D5; padding: 0 10px 1px !important}
.ongletsContent .inner:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
/* \*/ * html .ongletsContent .inner {height:1%;} .ongletsContent .inner {display:block;} /* */


body.avance .ongletsContent .onglets {margin: 5px 20px 0 20px !important}
.ongletsContent .ongletsContent {margin: 0 20px !important}
.ongletsContent fieldset {padding:  0 !important; margin: 0 0 15px 0 !important; position: relative}
.ongletsContent legend {margin: 0 0 10px 0 !important; width: 100% !important; clear: both; text-align: left; display: table-row; color: #000}
html[xmlns*=""] body:last-child .ongletsContent legend {padding: 0 0 10px 0}
.ongletsContent legend strong {margin: 0; display: block; padding: 0;  text-align: left; border-bottom: 1px solid #6C99D5; width: 100% !important;}

.ongletsContent legend strong span {display: inline-block; font-weight: bold; border: 1px solid #6C99D5; border-bottom:0; background-color: #EAF1FA; padding: 2px 8px 3px 8px}
html>body .ongletsContent legend strong span {width: auto}

.ongletsContent .fhead {border: 1px solid #6C99D5; border-width: 1px 0; background-color: #EAF1FA; padding: 5px 8px 1px 8px; margin: 0 0 15px 0}
.ongletsContent .fhead form {padding: 0 0 5px 0; margin: 0}
.ongletsContent .fhead form .frow {padding: 0 0 15px !important}
.ongletsContent .affichage form {margin: 15px 0 30px 0}
.ongletsContent .affichage form select {width: 45px; min-width: 45px}

.ongletsContent .frow {display:inline-block;}
.ongletsContent .frow:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
/* \*/ * html .ongletsContent .frow {height:1%;} .ongletsContent .frow {display:block;} /* */
.ongletsContent .frow {clear: both; margin: 0; padding: 0 10px 15px}
.ongletsContent .frow .eqLabel, .ongletsContent .frow label {display: block; font-weight: bold; margin: 0 0 5px 0!important;}
.ongletsContent .mcle label, .ongletsContent .radio label, .ongletsContent .checkbox label {display: inline; font-weight: normal; margin: 0!important}
.ongletsContent .frow input {border: 1px solid #7F7F7F; padding: 2px;font-family: Verdana, Arial, sans-serif;}
.ongletsContent .radio input, .ongletsContent .checkbox input {border: 0}
.ongletsContent .frow input {margin: 0 10px;}
.ongletsContent .mcle {padding: 0 10px}
.ongletsContent .mcle .fs {float: left; margin: 0 0 10px 0; width: 60%}
.ongletsContent .frow span.code {float: right; clear: right; width: 37%}
.ongletsContent .frow span.code label {float: left; padding: 0 10px 0 0}
.ongletsContent .frow span.code input {margin: 0}
.ongletsContent .frow span.code span {display: block; float: left}
.ongletsContent .checkbox span.fs {margin: 0 0 7px 70px; display: block;}
.ongletsContent .ongletsContent .checkbox {padding: 0; margin: 0 -30px 0 10px}
.ongletsContent .ongletsContent .checkbox span.fs {width: 32%; float: left}
.ongletsContent .ongletsContent .checkbox span.fs {margin: 0 0 7px 0; display: block;}
.ongletsContent .checkbox span.fs input {margin: 0 8px  0 0 !important;}
.ongletsContent .radio span.fs {margin: 0 -20px 7px 59px;}
.ongletsContent select {font-family: Verdana, Arial, sans-serif; min-width: 375px; width: 375px}
html>body .ongletsContent select {width: auto}
.ongletsContent .mentions {text-align: right; margin: -10px 20px 0; position: relative}

.validation {overflow: hidden; margin: 0 0 5px 0}
.ongletsContent .validation {margin: 0}
/* \*/ * html body .validation {height:1%;} /* */
.validation input, input.refreshby {padding:0 0 0 15px;background:#fff url(../../img/bg_button_2.gif) 5px 50% no-repeat;border-width:1px;border-style:solid;border-color:#6c99d5;margin:0 0 10px 0;font:bold 0.98em Verdana,Arial,sans-serif;color:#01459b; float: right; width: 14.5em}
input.refreshby {float: none; width: 7em}
input#fmcle {width: 230px}
.inputEx {white-space: nowrap}

.ongletsContent .listresult {background:url(../../img/bg_containercols.gif) transparent repeat-x 0 100%; padding: 5px 5px 0; margin: 0 0 5px 0}
.ongletsContent .listresult .teaser {clear:both;margin:0;padding:7px 0 10px 0;line-height:1.6em;}
.ongletsContent .listresult .eqh4 {background-color:#eaf1fa;background-image:none;padding:2px 10px !important;display:block;float:left;margin:0 0 2px 0 !important;font-weight: bold;}
.ongletsContent .listresult .teaser ul {list-style: none; padding: 0; margin: 0}
.ongletsContent .listresult .teaser ul li {color:#01459b;font-weight:bold;padding:0 0 0 10px;background:url(../../img/bg_context_li.gif) 0 .45em no-repeat;text-decoration:none;font-weight:normal;margin: 0 !important}
.ongletsContent .listresult .teaser ul li a {text-decoration: none !important;}
.ongletsContent .listresult .teaser ul li a:hover {text-decoration: underline !important;}
.ongletsContent .pagination {margin: 10px 0 15px 0 !important; background-color: #FFF; position: relative}

.onglets li.on a {display: block; padding: 2px 7px; border-bottom: 2px solid #FFF; margin: 0 0 -1px 0; color: #2F5380 !important;}
#periodeforma fieldset legend {text-align: left; font-style: italic; font-weight: bold; padding: 20px 0 0 20px}
#periodeforma fieldset.fieldOff {position: absolute; top: -7777px; left: -7777px}

.fresume {background-color:#F0F4FA;border:#6c99d5 solid 1px;padding:10px;font-weight:bold; clear: both; margin: 0 0 40px 0}
.cdref {overflow: hidden; background: transparent url(../../img/filet_h_01.gif) bottom left repeat-x; margin: 0 0 10px 0; padding: 0 0 5px 0}
/* \*/ * html body .cdref {height:1%;} /* */
.dom {font-size: 1.3em; margin: 0; font-weight: normal;}
.dom p {margin: 0 0 2px 0 !important;}
.details ul {background-color:#FFF; list-style: none; padding: 10px 10px 1px 10px !important; margin: 0 !important; font-weight: normal; overflow: hidden}
/* \*/ * html body .details ul {height:1%;} /* */
.details ul li {padding: 0 30px 10px 8px; margin: 0 !important;float: left; display: block;background: url(../../img/bg_h5.gif) transparent no-repeat 0 .4em; white-space: nowrap;}
.details p {font-weight: normal; font-size: .9em; padding: 0 !important; margin: 3px 0 0 8px !important}
.details .asterisque {padding: 0; margin: 0; color: #2F5380}

#PanierTools {display:inline-block; margin: 0;padding:5px 0 5px 0; text-align: right;list-style:none; float: right}
#PanierTools:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
/* \*/ * html #PanierTools {height:1%;} #PanierTools {display:block;} /* */
#PanierTools ul {float: right;margin: 0; padding: 0}
#PanierTools li{display:inline; background:none; padding: 0; margin: 0}
#PanierTools a{float:left;display:inline;width:19px;height:19px;margin:0 0 0 7px;}
#PanierTools span{position:absolute;top:-999px;left:-999px;}
.etiquette {margin: -5px 0 0 10px !important; position: relative;}
.etiquette a {height: auto !important; width: auto !important; margin: 0 !important; }

.ongletsContent h4{background:none;padding:0;margin:0 0 10px 0 !important;font-size: 1em}
.ongletsContent h4 strong{background-color:#EAF1FA;display:inline;padding:2px 10px;}

.job_exergue{display:inline-block;}
.job_exergue:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
/* \*/ * html .job_exergue{height:1%;} .job_exergue{display:block;} /* */
.job_exergue{margin: 0;padding:8px 10px;background:url(../../img/pipe_ff.gif) #EAF1FA repeat-x 0 100%;}
.job_exergue h4 strong {background-color: #FFF}
.job_exergue h5{width:38%;font-size:1em;font-weight:bold;text-align:right;background:none;float:left;padding:1px 0 10px 0;margin:0;}
.job_col{margin: 0;padding:8px 10px; overflow: hidden}
/* \*/ * html body .job_col {height:1%;} /* */
.job_col h4{width:28%;font-size:1em;font-weight:bold;text-align:right;background:none;float:left;padding:1px 0 10px 0;margin:0; clear: left}
.conditions{width:70%;float:left;padding:0 0 10px 0;margin:0 0 0 5px;}
.conditions p, .job_exergue .conditions ul{margin:0 !important;padding:0 !important;list-style:none;}
.conditions ul li{margin:0 0 5px 0 !important;padding:0 0 0 10px;background:url(../../img/bg_context_li.gif) 0 .5em no-repeat;height:1%;}
.conditions ul li a{color:#01459b;font-weight:bold;}
.conditions ul.squares li {margin:0 0 5px 0 !important; padding: 1px 0 0 8px !important;font-weight:normal;background: url(../../img/bg_li_02.gif) transparent no-repeat 0 .6em !important;}

.center {margin: 15px 50px !important;}

/* Recrutement, tableaux */
#ColContenu table.recrute thead th {background-color:#2f5380}
#ColContenu table.recrute thead th a {color:#fff;}
#ColContenu table.recrute tbody th {background-color:#eaf1fa}
#ColContenu table.recrute tbody th a {color:#fff;}
#ColContenu table.recrute tr td {background-color:#eaf1fa}
#ColContenu table.recrute tr.pair td {background-color:#fff}
#ColContenu table.recrute a.linkRub {font-size:1em;}
#ColContenu table.recrute .btnHaut img {margin: -2px 0 0 -5px}
#ColContenu table.recrute .hiddenPipe {color: #eaf1fa !important;}

.planCat form {margin: 10px 0 0 0}
.planCat form {display:inline-block;}
.planCat form:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
/* \*/ * html .planCat form {height:1%;} .planCat form {display:block;} /* */
.planCat .rubResult {background:none !important; margin: 0; padding: 1px 10px 0}
.planCat .separation {background:transparent url(../../img/bg_containercols.gif) top left repeat-x !important; margin: 10px 0 0 0 !important; padding: 1px 10px 0 !important;}
.planCat .pagination {background:transparent url(../../img/bg_containercols.gif) top left repeat-x !important; margin: 0 0 15px 0 !important; padding: 8px 0 0 0 !important}
.planCat .rubResult ul {list-style: none; padding: 0; margin: 0 0 15px 0}
.planCat .rubResult ul li {color:#01459b;font-weight:bold;padding:0 0 0 10px;background:url(../../img/bg_context_li.gif) 0 .45em no-repeat;text-decoration:none;font-weight:normal;margin: 15px 0 0 0 !important;}
.planCat .rubResult ul li a {text-decoration: none !important;}
.planCat .rubResult ul li a:hover {text-decoration: underline !important;}
.planCat .rubResult ul li .extrait {color: #000;}
.planCat .voir {text-align: right;}
.planCat form label {float: left}
.planCat .Toggle {float: right; margin: 0 !important;}

/* Colonne contextuelle */
#ColContextuel .filtres {padding: 0 0 8px 0}
#ColContextuel .filtres p {display:inline-block; margin: 0 0 5px 0 !important}
#ColContextuel .filtres p:after {content:".";display:block;height:0;clear:both;visibility:hidden;}
/* \*/ * html #ColContextuel .filtres p {height:1%;} #ColContextuel .filtres p {display:block;} /* */
#ColContextuel .filtres p strong {display: block; margin: 0 0 3px 0}
#ColContextuel .filtres p a {display: block; float: left; width: 8%; margin: 0 10px 0 0;}
#ColContextuel .filtres p span {display: block; float: left; width: 80%;}