/*@body-color: #5C5C5C;*/
/*@backgroundColorBouton: @gris_fonce;*/
.box-shadow {
  box-shadow: 3px 3px 5px #888888;
}
html {
  background-color: #e2e2e2;
  margin: 0;
  padding: 0;
}
/*pour rire progresse barre annimate*/

.meter {
  height: 20px;
  /* Can be anything */
  position: relative;
  margin: 60px 0 20px 0;
  /* Just for demo spacing */
  background: #555555;
  -moz-border-radius: 25px;
  -webkit-border-radius: 25px;
  border-radius: 25px;
  padding: 10px;
  -webkit-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
  -moz-box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
  box-shadow: inset 0 -1px 1px rgba(255, 255, 255, 0.3);
}
.meter > span {
  display: block;
  height: 100%;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  -moz-border-radius-topright: 8px;
  -moz-border-radius-bottomright: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  -webkit-border-top-left-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  -moz-border-radius-topleft: 20px;
  -moz-border-radius-bottomleft: 20px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  background-color: #2bc253;
  background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #2bc253), color-stop(1, #54f054));
  background-image: -moz-linear-gradient(center bottom, #2bc253 37%, #54f054 69%);
  -webkit-box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3), inset 0 -2px 6px rgba(0, 0, 0, 0.4);
  -moz-box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3), inset 0 -2px 6px rgba(0, 0, 0, 0.4);
  box-shadow: inset 0 2px 9px rgba(255, 255, 255, 0.3), inset 0 -2px 6px rgba(0, 0, 0, 0.4);
  position: relative;
  overflow: hidden;
}
.meter > span:after,
.animate > span > span {
  content: "";
  position: absolute;
  top: 0;
  left: 0;
  bottom: 0;
  right: 0;
  background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(0.25, rgba(255, 255, 255, 0.2)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.2)), color-stop(0.75, rgba(255, 255, 255, 0.2)), color-stop(0.75, transparent), to(transparent));
  background-image: -moz-linear-gradient(-45deg, rgba(255, 255, 255, 0.2) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.2) 50%, rgba(255, 255, 255, 0.2) 75%, transparent 75%, transparent);
  z-index: 1;
  -webkit-background-size: 50px 50px;
  -moz-background-size: 50px 50px;
  -webkit-animation: move 2s linear infinite;
  -webkit-border-top-right-radius: 8px;
  -webkit-border-bottom-right-radius: 8px;
  -moz-border-radius-topright: 8px;
  -moz-border-radius-bottomright: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 8px;
  -webkit-border-top-left-radius: 20px;
  -webkit-border-bottom-left-radius: 20px;
  -moz-border-radius-topleft: 20px;
  -moz-border-radius-bottomleft: 20px;
  border-top-left-radius: 20px;
  border-bottom-left-radius: 20px;
  overflow: hidden;
}
.animate > span:after {
  display: none;
}
@-webkit-keyframes move {
  0% {
    background-position: 0 0;
  }
  100% {
    background-position: 50px 50px;
  }
}
.orange > span {
  background-color: #f1a165;
  background-image: -moz-linear-gradient(top, #f1a165, #f36d0a);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f1a165), color-stop(1, #f36d0a));
  background-image: -webkit-linear-gradient(#f1a165, #f36d0a);
}
.red > span {
  background-color: #f0a3a3;
  background-image: -moz-linear-gradient(top, #f0a3a3, #f42323);
  background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f0a3a3), color-stop(1, #f42323));
  background-image: -webkit-linear-gradient(#f0a3a3, #f42323);
}
.nostripes > span > span,
.nostripes > span:after {
  -webkit-animation: none;
  background-image: none;
}
body {
  background-color: #111111;
  /*border-top: solid 10px #000;*/
  color: #333333;
  font-size: .85em;
  font-family: "Segoe UI", Verdana, Helvetica, Sans-Serif;
  margin: 0;
  padding: 0;
}
div.bouton {
  float: left;
}
#MenuSelect {
  width: 350px;
  margin: 0px;
  display: block;
  font-size: 14px;
  font-style: italic;
  font-weight: bold;
  background-color: #aaabae;
  margin-bottom: 0.5em;
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
  float: left;
}
#MenuSelect ul li a {
  padding: 0.3em 0.2em;
}
#MenuSelect div {
  background-color: #aaabae;
  padding: 0.3em 0.2em;
}
h2.titreH2 {
  clear: both;
}
a.bouton {
  line-height: 2em;
  margin: 4px;
  padding: 3px;
  border: 1px solid;
  background-color: #111111;
  border-bottom-left-radius: 10px;
  border-top-right-radius: 10px;
  color: #aaabae;
  text-decoration: none;
  box-shadow: 3px 3px 5px #888888;
  position: relative;
  z-index: 1;
}
a.bouton:link,
a.bouton:visited,
a.bouton:active,
a.bouton:hover {
  color: #aaabae;
  background-color: #111111;
}
a.bouton:hover {
  background-color: #aaabae;
  color: #111111;
  position: relative;
  z-index: 10;
}
#menu a.bouton {
  box-shadow: none;
}
tr td:last-child a {
  margin: 4px;
  padding: 3px;
  border: 1px solid;
  background-color: #111111;
  border-bottom-left-radius: 10px;
  border-top-right-radius: 10px;
  color: #aaabae;
  text-decoration: none;
  position: relative;
  z-index: 1;
  white-space: nowrap;
}
tr td:last-child a:link,
tr td:last-child a:visited,
tr td:last-child a:active,
tr td:last-child a:hover {
  color: #aaabae;
  background-color: #111111;
}
tr td:last-child a:hover {
  background-color: #aaabae;
  color: #111111;
  position: relative;
  z-index: 10;
}
th.OrientationAsc {
  background-image: url(/Content/images/Custom/BasCustom.png);
  background-repeat: no-repeat;
  background-position-y: center;
}
th.OrientationAsc a {
  margin-left: 8px;
}
th.OrientationDesc {
  background-image: url(/Content/images/Custom/HautCustom.png);
  background-repeat: no-repeat;
  background-position-y: center;
}
th.OrientationDesc a {
  margin-left: 8px;
}
.dropdown {
  height: 2em;
  box-shadow: 3px 3px 5px #888888;
}
.textSearch {
  font-size: larger;
  margin: auto 0;
}
a {
  color: #333333;
  outline: none;
  padding-left: 3px;
  padding-right: 3px;
  text-decoration: underline;
}
a:link,
a:visited,
a:active,
a:hover {
  color: #333333;
}
a:hover {
  background-color: #c7d1d6;
}
header,
footer,
hgroup,
nav,
section {
  display: block;
}
.custumMmenu {
  display: block;
  background-color: #c60f00;
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
  border-bottom-right-radius: 10px;
  border-top-right-radius: 10px;
}
mark {
  background-color: #a6dbed;
  padding-left: 5px;
  padding-right: 5px;
}
.float-left {
  float: left;
}
.float-right {
  float: right;
}
.clear-fix:after {
  content: ".";
  clear: both;
  display: block;
  height: 0;
  visibility: hidden;
}
h1,
h2,
h3,
h4,
h5,
h6 {
  color: black;
  margin-bottom: 0;
  margin-top: 0;
  padding-bottom: 0;
}
h1 {
  font-size: 2em;
}
h2 {
  font-size: 1.75em;
}
h3 {
  font-size: 1.2em;
}
h4 {
  font-size: 1.1em;
}
h5,
h6 {
  font-size: 1em;
}
h5 a:link,
h5 a:visited,
h5 a:active {
  padding: 0;
  text-decoration: none;
}
/* main layout
----------------------------------------------------------*/

.content-wrapper {
  margin: 0 auto;
  max-width: 960px;
}
.custumPanier {
  margin: 0px;
  margin-left: 60px;
  display: block;
  font-size: 14px;
  font-style: italic;
  font-weight: bold;
  color: #3e3d40;
}
#body {
  background-color: #d8d8d8;
  clear: both;
  padding-bottom: 35px;
}
.arrow-right {
  width: 0;
  height: 0;
  border-top: 60px solid transparent;
  border-bottom: 60px solid transparent;
  border-left: 60px solid #111111;
}
/*Step navigation style*/

#HeaderNavigation {
  padding-left: 55px;
  height: 1.5em;
}
.breadcrumb {
  /*float: left;*/
  text-align: center;
  padding: 8px 0px 8px 55px;
  /*centering*/
  display: inline-block;
  /*box-shadow: 0 0 15px 1px rgba(0, 0, 0, 0.35);*/
  overflow: hidden;
  border-radius: 5px;
  /*Lets add the numbers for each link using CSS counters. flag is the name of the counter. to be defined using counter-reset in the parent element of the links*/
  counter-reset: flag;
}
.breadcrumb a {
  text-decoration: none;
  outline: none;
  display: block;
  float: left;
  font-size: 12px;
  line-height: 36px;
  color: white;
  /*need more margin on the left of links to accomodate the numbers*/
  padding: 0 10px 0 60px;
  background: #666666;
  background: linear-gradient(#666666, #111111);
  position: relative;
}
/*since the first link does not have a triangle before it we can reduce the left padding to make it look consistent with other links*/

.breadcrumb a:first-child {
  padding-left: 46px;
  border-radius: 5px 0 0 5px;
  /*to match with the parent's radius*/

}
.breadcrumb a:first-child:before {
  left: 14px;
}
.breadcrumb a:last-child {
  border-radius: 0 5px 5px 0;
  /*this was to prevent glitches on hover*/
  padding-right: 20px;
}
/*hover/active styles*/

.breadcrumb a.active,
.breadcrumb a:hover {
  background: #333333;
  background: linear-gradient(#333333, black);
}
.breadcrumb a.active:after,
.breadcrumb a:hover:after {
  background: #333333;
  background: linear-gradient(135deg, #333333, black);
}
/*adding the arrows for the breadcrumbs using rotated pseudo elements*/

.breadcrumb a:after {
  content: '';
  position: absolute;
  top: 0;
  right: -18px;
  /*half of square's length*/
  /*same dimension as the line-height of .breadcrumb a */
  width: 36px;
  height: 36px;
  /*as you see the rotated square takes a larger height. which makes it tough to position it properly. So we are going to scale it down so that the diagonals become equal to the line-height of the link. We scale it to 70.7% because if square's: 
	length = 1; diagonal = (1^2 + 1^2)^0.5 = 1.414 (pythagoras theorem)
	if diagonal required = 1; length = 1/1.414 = 0.707*/
  transform: scale(0.707) rotate(45deg);
  /*we need to prevent the arrows from getting buried under the next link*/
  z-index: 1;
  /*background same as links but the gradient will be rotated to compensate with the transform applied*/
  background: #666666;
  background: linear-gradient(135deg, #666666, #111111);
  /*stylish arrow design using box shadow*/
  box-shadow: 2px -2px 0 2px rgba(0, 0, 0, 0.4), 3px -3px 0 2px rgba(255, 255, 255, 0.1);
  /*
		5px - for rounded arrows and 
		50px - to prevent hover glitches on the border created using shadows*/
  border-radius: 0 5px 0 50px;
}
/*we dont need an arrow after the last link*/

.breadcrumb a:last-child:after {
  content: none;
}
/*we will use the :before element to show numbers*/

.breadcrumb a:before {
  content: counter(flag);
  counter-increment: flag;
  /*some styles now*/
  border-radius: 100%;
  width: 20px;
  height: 20px;
  line-height: 20px;
  margin: 8px 0;
  position: absolute;
  top: 0;
  left: 30px;
  background: #444444;
  background: linear-gradient(#444444, #222222);
  font-weight: bold;
}
.ActionPanel {
  padding: 0px 35px 0px 95px;
}
.ActionPanel fieldset {
  padding: 5px;
  float: none;
  margin: 0 auto;
  display: inline-block;
  border: 2px solid #aaabae;
}
.ActionPanel a {
  white-space: nowrap;
  /*margin : 2px 2px*/

}
.ReserchPanel {
  padding: 0px 25px 0px 25px;
}
.flat a,
.flat a:after {
  background: white;
  color: black;
  transition: all 0.5s;
}
.flat a:before {
  background: white;
  box-shadow: 0 0 0 1px #cccccc;
}
.flat a:hover,
.flat a.active,
.flat a:hover:after,
.flat a.active:after {
  background: #9eeb62;
}
.main-content {
  background: url("../Images/accentB.png") no-repeat;
  padding-left: 10px;
  /*padding-top: 4px;*/

}
.featured + .main-content {
  background: url(/Images/Visuel/PanoUCTGoodBG2.png) no-repeat;
}
header .content-wrapper {
  padding-top: 20px;
}
footer {
  clear: both;
  background-color: #e2e2e2;
  font-size: .8em;
  height: 100px;
}
/* site title
----------------------------------------------------------*/

.site-title {
  color: #c8c8c8;
  font-family: Rockwell, Consolas, "Courier New", Courier, monospace;
  font-size: 2.3em;
  margin: 4px;
}
/*site-title a été modifier*/

.site-title .logoPicture {
  /*border-bottom-left-radius: 10px;*/
  /*border-top-left-radius: 10px;*/
  background: url(../Images/VisuelD2/LeonardDeVinci_Couple_128_65.jpg) no-repeat top left;
  display: block;
  width: 128px;
  height: 65px;
  text-indent: -9999px;
}
.site-title .logoOcirp {
  border-bottom-left-radius: 10px;
  border-top-left-radius: 10px;
  background: url(../Images/LogoExterne/logoOcirp.png) no-repeat top left;
  display: block;
  width: 161px;
  height: 88px;
  text-indent: -9999px;
}
.site-title a,
.site-title a:hover,
.site-title a:active {
  /*background: none;*/
  /*color: #c8c8c8;*/
  outline: none;
  text-decoration: none;
}
/*fin des modification*/

/* login
----------------------------------------------------------*/

#login {
  display: block;
  font-size: .85em;
  margin: 0 0 10px;
  text-align: right;
  color: #aaabae;
}
#login a {
  background-color: #d3dce0;
  margin-left: 10px;
  margin-right: 3px;
  padding: 2px 3px;
  text-decoration: none;
}
#login a.username {
  background: none;
  margin: 0;
  padding: 0;
  text-decoration: underline;
  color: #aaabae;
}
#login ul {
  margin: 0;
}
#login li {
  display: inline;
  list-style: none;
}
/* menu
----------------------------------------------------------*/

ul#menu {
  /*border: 1px solid, #550f0f;*/
  /*background-color: @ulMenu-color;
    border-bottom-left-radius: 10px; 
    border-top-left-radius: 10px;
    border-bottom-right-radius: 10px; 
    border-top-right-radius: 10px;*/
  font-size: 1.2em;
  font-weight: 600;
  margin: 0 0 5px;
  /*padding-left: 100px;
    padding-right: 40px;*/
  text-align: center;
  /*-webkit-transform: scaleY(-1);
   -moz-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
     -o-transform: scaleY(-1);
        transform: scaleY(-1);*/

}
ul#menu li {
  display: inline;
  list-style: none;
  line-height: 1.2;
  /*-webkit-transform: scaleY(-1);
   -moz-transform: scaleY(-1);
    -ms-transform: scaleY(-1);
     -o-transform: scaleY(-1);
        transform: scaleY(-1);
        zoom: 1;
    display: inline-block;*/

  /*modification effectuee*/

}
ul#menu li a {
  margin: 4px;
  padding: 3px;
  border: 1px solid;
  background-color: #111111;
  border-bottom-left-radius: 10px;
  border-top-right-radius: 10px;
  color: #aaabae;
  text-decoration: none;
  position: relative;
  z-index: 1;
  white-space: nowrap;
}
ul#menu li a:hover {
  background-color: #aaabae;
  color: #111111;
  position: relative;
  z-index: 999;
}
ul#menu li a.N1 {
  z-index: 100;
}
ul#menu li a.N1:hover {
  z-index: 999;
}
ul#menu li a.N2 {
  z-index: 99;
}
ul#menu li a.N2:hover {
  z-index: 999;
}
ul#menu li a.N3 {
  z-index: 98;
}
ul#menu li a.N3:hover {
  z-index: 999;
}
ul#menu li a.N4 {
  z-index: 97;
}
ul#menu li a.N4:hover {
  z-index: 999;
}
ul#menu li a.N5 {
  z-index: 96;
}
ul#menu li a.N5:hover {
  z-index: 999;
}
ul#menu li a.N6 {
  z-index: 95;
}
ul#menu li a.N6:hover {
  z-index: 999;
}
ul#menu li a.N7 {
  z-index: 94;
}
ul#menu li a.N7:hover {
  z-index: 999;
}
ul#menu li a.N8 {
  z-index: 93;
}
ul#menu li a.N8:hover {
  z-index: 999;
}
ul#menu li a.N9 {
  z-index: 92;
}
ul#menu li a.N9:hover {
  z-index: 999;
}
ul#menu li a.N10 {
  z-index: 91;
}
ul#menu li a.N10:hover {
  z-index: 999;
}
ul#menu li a.N11 {
  z-index: 90;
}
ul#menu li a.N11:hover {
  z-index: 999;
}
ul#menu li a.N12 {
  z-index: 89;
}
ul#menu li a.N12:hover {
  z-index: 999;
}
ul#menu li a.END {
  z-index: 1;
}
ul#menu li a.END:hover {
  z-index: 999;
}
/*fin modification effectuee*/

/* page elements
----------------------------------------------------------*/

/* featured */

.featured {
  background-color: white;
}
.featured .content-wrapper {
  background-image: url(/Images/Visuel/PanoUCTGoodBG1.jpg);
  /*background-color: #7ac0da;*/
  /*background-image: -ms-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        background-image: -o-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        background-image: -webkit-gradient(linear, left top, right top, color-stop(0, #7ac0da), color-stop(1, #a4d4e6));
        background-image: -webkit-linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);
        background-image: linear-gradient(left, #7ac0da 0%, #a4d4e6 100%);*/
  color: #3e5667;
  padding: 20px 40px 30px 40px;
  height: 163px;
}
.featured hgroup.title h1,
.featured hgroup.title h2 {
  color: white;
}
.featured p {
  font-size: 1.1em;
}
/* page titles */

hgroup.title {
  margin-bottom: 10px;
}
hgroup.title h1,
hgroup.title h2 {
  display: inline;
}
hgroup.title h2 {
  font-weight: normal;
  margin-left: 3px;
}
/* features */

section.feature {
  width: 300px;
  float: left;
  padding: 10px;
}
/* ordered list */

ol.round {
  list-style-type: none;
  padding-left: 0;
}
ol.round li {
  margin: 25px 0;
  padding-left: 45px;
}
ol.round li.zero {
  background: url("../Images/orderedList0.png") no-repeat;
}
ol.round li.one {
  background: url("../Images/orderedList1.png") no-repeat;
}
ol.round li.two {
  background: url("../Images/orderedList2.png") no-repeat;
}
ol.round li.three {
  background: url("../Images/orderedList3.png") no-repeat;
}
ol.round li.four {
  background: url("../Images/orderedList4.png") no-repeat;
}
ol.round li.five {
  background: url("../Images/orderedList5.png") no-repeat;
}
ol.round li.six {
  background: url("../Images/orderedList6.png") no-repeat;
}
ol.round li.seven {
  background: url("../Images/orderedList7.png") no-repeat;
}
ol.round li.eight {
  background: url("../Images/orderedList8.png") no-repeat;
}
ol.round li.nine {
  background: url("../Images/orderedList9.png") no-repeat;
}
/* content */

article {
  float: left;
  width: 70%;
}
aside {
  float: right;
  width: 25%;
}
aside ul {
  list-style: none;
  padding: 0;
}
aside ul li {
  background: url("../Images/bullet.png") no-repeat 0 50%;
  padding: 2px 0 2px 20px;
}
.label {
  font-weight: 700;
}
/* login page */

#loginForm {
  border-right: solid 2px #c8c8c8;
  float: left;
  width: 55%;
}
#loginForm .validation-error {
  display: block;
  margin-left: 15px;
}
#loginForm .validation-summary-errors ul {
  margin: 0;
  padding: 0;
}
#loginForm .validation-summary-errors li {
  display: inline;
  list-style: none;
  margin: 0;
}
#loginForm input {
  width: 250px;
}
#loginForm input[type="checkbox"],
#loginForm input[type="submit"],
#loginForm input[type="button"],
#loginForm button {
  width: auto;
}
#socialLoginForm {
  margin-left: 40px;
  float: left;
  width: 40%;
}
#socialLoginForm h2 {
  margin-bottom: 5px;
}
#socialLoginList button {
  margin-bottom: 12px;
}
#logoutForm {
  display: inline;
}
/* contact */

.contact h3 {
  font-size: 1.2em;
}
.contact p {
  margin: 5px 0 0 10px;
}
.contact iframe {
  border: 1px solid #333333;
  margin: 5px 0 0 10px;
}
/* forms */

displayDetailRef ul li div {
  margin: 10px;
}
fieldset {
  padding: 0 20px 20px 20px;
  margin-bottom: 10px;
  margin-right: 10px;
  border: 2px solid #c60f00;
  float: left;
  box-shadow: 1px 1px 5px #888888;
  border-radius: 20px;
}
.panielFieldset {
  padding: 0 20px 0 20px;
  margin-bottom: 10px;
  margin-right: 10px;
  border: 2px solid #cccccc;
  float: left;
  box-shadow: 0px 0px 0px #888888;
  background-color: #aaabae;
  border-radius: 20px;
}
fieldset legend {
  /*display: none;*/
  color: #c60f00;
  font-weight: bold;
}
.panierLegend {
  color: #ebebeb;
  font-weight: bold;
}
fieldset ol {
  padding: 0;
  list-style: none;
}
fieldset ol li {
  padding-bottom: 5px;
}
.display-label {
  margin-right: 10px;
  font-weight: bold;
  float: left;
}
.display-field {
  height: 18px;
}
.display-label-field {
  margin-top: 10px;
  float: right;
}
label {
  display: block;
  font-size: 1.2em;
  font-weight: 600;
}
label.checkbox {
  display: inline;
}
input,
textarea {
  border: 1px solid #e2e2e2;
  background: white;
  color: #333333;
  font-size: 1.2em;
  margin: 5px 0 6px 0;
  padding: 5px;
  width: 300px;
  box-shadow: 5px 5px 5px #888888;
}
textarea {
  font-family: inherit;
  width: 300px;
  height: 100px;
}
input:focus,
textarea:focus {
  border: 1px solid #7ac0da;
}
input[type="checkbox"] {
  background: transparent;
  border: inherit;
  width: auto;
}
input[type="submit"],
input[type="button"],
button {
  margin: 4px;
  padding: 3px;
  border: 1px solid;
  background-color: #111111;
  border-bottom-left-radius: 10px;
  border-top-right-radius: 10px;
  color: #aaabae;
  text-decoration: none;
  /*box-shadow: 10px 10px 5px @Shadow-color;*/
  cursor: pointer;
  /*font-weight: 600;*/
  width: auto;
  /*background-color: #d3dce0;
    border: 1px solid #787878;
    cursor: pointer;
    font-size: 1.2em;
    font-weight: 600;
    padding: 7px;
    margin-right: 8px;
    width: auto;*/

}
td input[type="submit"],
td input[type="button"],
td button {
  font-size: 1em;
  padding: 4px;
  margin-right: 4px;
}
/* info and errors */

.message-info {
  border: 1px solid;
  clear: both;
  padding: 10px 20px;
}
.message-error {
  clear: both;
  color: #e80c4d;
  font-size: 1.1em;
  font-weight: bold;
  margin: 20px 0 10px 0;
}
.message-success {
  color: #7ac0da;
  font-size: 1.3em;
  font-weight: bold;
  margin: 20px 0 10px 0;
}
.error {
  color: #e80c4d;
}
/* styles for validation helpers */

.field-validation-error {
  color: #e80c4d;
  font-weight: bold;
  display: block;
}
.field-validation-valid {
  display: block;
}
input.input-validation-error {
  border: 1px solid #e80c4d;
}
input[type="checkbox"].input-validation-error {
  border: 0 none;
}
.validation-summary-errors {
  color: #e80c4d;
  font-weight: bold;
  font-size: 1.1em;
}
.validation-summary-valid {
  display: none;
}
/* tables
----------------------------------------------------------*/

table.rien {
  box-shadow: none;
  border: none;
}
table {
  border-collapse: collapse;
  width: 100%;
  margin: 4px;
  max-width: 960px;
  min-width: 400px;
  text-align: center;
  box-shadow: 3px 3px 5px #888888;
}
caption {
  caption-side: bottom;
  font-weight: bold;
  font-style: italic;
  margin: 4px;
}
table,
th,
td {
  border: 1px solid gray;
}
th,
td {
  height: 24px;
  padding: 4px;
  vertical-align: middle;
}
th {
  background-color: #111111;
  /*background-image: url(table-shaded.png);*/
  color: #aaabae;
}
th a.linkFirstTh {
  background-color: #111111;
  /*background-image: url(table-shaded.png);*/
  color: #aaabae;
}
.rowtitle {
  background: #99ccff;
  font-weight: bold;
}
table tr:nth-child(odd) td {
  background-color: #bdbdbd;
}
/*********************
*   Accueil Styles   *
*********************/

#PanoAccueil {
  max-width: 960px;
}
/*********************
*   Détails Entity   *
*********************/

/******Header********/

.entityHeader {
  display: table;
  width: 100%;
  margin-bottom: 20px;
}
.entityHeader h2 {
  display: table-cell;
}
.entityHeader p {
  text-align: right;
  float: right;
}
.entityFieldSet {
  width: 100%;
  padding-top: 10px;
  font-size: larger;
}
.entityFieldSet .entityDisplayConteneur {
  display: table;
  width: 100%;
}
.entityFieldSet div {
  display: table-cell;
  width: 50%;
  vertical-align: middle;
  text-align: center;
}
.entityFieldSet .entityDetails {
  vertical-align: top;
  text-align: left;
}
.entityFieldSet ul {
  margin-left: 40px;
}
.entityFieldSet span {
  font-weight: bold;
}
div.table2C {
  display: table;
  width: 90%;
  margin-left: auto;
  margin-right: auto;
  /*.field-validation-error {
        display: block;
    }*/

}
div.table2C div {
  display: table-row;
}
div.table2C div div {
  display: table-cell;
  vertical-align: top;
}
div.table2C div div div {
  clear: both;
  display: block;
}
div.table2C div div fieldset {
  width: 350px;
}
div.table2C div div fieldset select {
  width: 310px;
  height: 2em;
  box-shadow: 3px 3px 5px #888888;
}
div.table2C div div fieldset div.display-label {
  clear: both;
  /*float: initial;*/

}
div.table2C div div fieldset div.editor-label {
  clear: both;
  /*float: initial;*/

}
div.table2C div div fieldset div.editor-label-required :after {
  content: "*";
}
div.table2C div div fieldset div.display-field {
  clear: both;
  margin-left: 15px;
}
div.table2C div div fieldset div.editor-field {
  clear: both;
  margin-left: 15px;
}
div.table2C div div fieldset div.editor-field span {
  display: inline-block;
}
div.table2C div div fieldset div.editor-field-date {
  display: initial;
  clear: both;
  /*float: initial;*/
  margin-left: 15px;
}
div.table2C div div fieldset div.editor-field-date span {
  display: inline-block;
}
div.table2C div div fieldset div.editor-field-date input {
  width: 140px;
}
div.editor-label-required :after {
  content: "*";
}
#ListCommand tr.Selected td {
  background-color: red;
}
/********************
*   Mobile Styles   *
********************/

@media only screen and (max-width: 850px) {
  /* header
      ----------------------------------------------------------*/
  
  header .float-left,
  header .float-right {
    float: none;
  }
  /* logo */
  
  header .site-title {
    margin: 10px;
    text-align: center;
  }
  /* login */
  
  #login {
    font-size: .85em;
    margin: 0 0 12px;
    text-align: center;
  }
  #login ul {
    margin: 5px 0;
    padding: 0;
  }
  #login li {
    display: inline;
    list-style: none;
    margin: 0;
    padding: 0;
  }
  #login a {
    background: none;
    color: #999999;
    font-weight: 600;
    margin: 2px;
    padding: 0;
  }
  #login a:hover {
    color: #333333;
  }
  /* menu */
  
  nav {
    margin-bottom: 5px;
  }
  ul#menu {
    margin: 0;
    padding: 0;
    text-align: center;
  }
  ul#menu li {
    margin: 0;
    padding: 0;
  }
  .content-menu {
    width: auto;
  }
  /* main layout
      ----------------------------------------------------------*/
  
  .main-content,
  .featured + .main-content {
    background-position: 10px 0;
  }
  .content-wrapper {
    padding-right: 10px;
    padding-left: 10px;
  }
  .featured .content-wrapper {
    padding: 10px;
  }
  /* page content */
  
  article,
  aside {
    float: none;
    width: 100%;
  }
  /* ordered list */
  
  ol.round {
    list-style-type: none;
    padding-left: 0;
  }
  ol.round li {
    padding-left: 10px;
    margin: 25px 0;
  }
  ol.round li.zero,
  ol.round li.one,
  ol.round li.two,
  ol.round li.three,
  ol.round li.four,
  ol.round li.five,
  ol.round li.six,
  ol.round li.seven,
  ol.round li.eight,
  ol.round li.nine {
    background: none;
  }
  /* features */
  
  section.feature {
    float: none;
    padding: 10px;
    width: auto;
  }
  section.feature img {
    color: #999999;
    content: attr(alt);
    font-size: 1.5em;
    font-weight: 600;
  }
  /* forms */
  
  input {
    width: 90%;
  }
  /* login page */
  
  #loginForm {
    border-right: none;
    float: none;
    width: auto;
  }
  #loginForm .validation-error {
    display: block;
    margin-left: 15px;
  }
  #socialLoginForm {
    margin-left: 0;
    float: none;
    width: auto;
  }
  /* footer
      ----------------------------------------------------------*/
  
  footer .float-left,
  footer .float-right {
    float: none;
  }
  footer {
    text-align: center;
    height: auto;
    padding: 10px 0;
  }
  footer p {
    margin: 0;
  }
}