/* =Misc
-----------------------------------------------------------------------------*/
body { background:url("images/bg.png") repeat scroll 0 0 #555; width: 100%; color:#3E3E3E; font-size: 1rem; font-family:"Open sans", sans-serif; line-height: 1.7; }
h1, h2, h3, h4, h5, h6 { font-family: 'Oswald', sans-serif; }
p { margin-bottom:17px; }
span { font-variant: small-caps; }

.short_headline { border-bottom:1px solid #D8DFE5; line-height:normal; margin: 0 0 1em; padding-bottom:9px; }
.short_headline span { border-bottom:5px solid #D8DFE5; padding-bottom: 10px; }

.Inputfields,
.Inputfields li { list-style: none; margin: 1em 0; padding: 0; }
.Inputfields li label { font-weight: bold; }
.Inputfields li p { margin: 0; }
.Inputfields li p.description { font-style: italic; }
.Inputfields textarea,
.Inputfields .InputfieldMaxWidth { width: 100%; }
.Inputfields .InputfieldSubmit label { display: none; }
.ui-state-error-text { color: red; }

.top-link { background-color:#F19F77; padding:3px 8px; -webkit-border-radius: 5px; border-radius: 5px; }
.WireFatalError { background:#a30000; color:#fff; padding:1em; position:relative; z-index:9999; vertical-align:middle; }
.align_left { float: left; margin: 0 1em 0.25em 0; }
.align_right { float: right; margin: 0 0 0.25em 1em; }
.align_center { display: block; margin-left: auto; margin-right: auto; }

/* =Header
-----------------------------------------------------------------------------*/
header { overflow:hidden; position:relative; padding:20px 0; }
    header  h1 { font-size: 40px; line-height:45px; margin-bottom: 5px; }
        header h1 a, header h1 a:visited, header h1 a:hover { text-decoration:none; }
    header .logo .hmeta { color: #777777; }
    #editpage { float:right; background-color:#F19F77; padding:5px 8px; color:#fff; margin:80px 150px 0 0; }

.navbar-inner > .container { width:1170px; }
.navbar { border-top: 1px solid #EEEEEE !important; margin-bottom:0; }
.navbar *, .nav-collapse * { border-radius: 0 0 0 0 !important; box-shadow: none !important; font-size: 14px !important; font-weight: normal !important; text-shadow: none !important; }
.navbar-inner { background: none repeat scroll 0 0 #FAFAFA; filter: none !important; padding-left: 0; }
.navbar .btn { color: #FFFFFF !important; font-size: 13px; padding: 6px 10px; }
.navbar .caret { border-bottom-color: #999999 !important; border-top-color: #999999 !important; }
.navbar a, .navbar a:visited { color: #666666 !important; }
.navbar .nav > li > a, .navbar .nav > li > a:visited { color: #666666 !important; filter: none !important; padding: 15px; }
.navbar .nav > li > a:hover { background: none repeat scroll 0 0 #F3F3F3 !important; }
.navbar .btn { background: none repeat scroll 0 0 #1BA1E2 !important; }
.navbar .btn:hover { background: none repeat scroll 0 0 #178EC7 !important; }
.navbar form  { margin:3px 0 0; }

.dropdown-menu { -moz-border-bottom-colors: none !important; -moz-border-left-colors: none !important; -moz-border-right-colors: none !important; -moz-border-top-colors: none !important; background: none repeat scroll 0 0 #FAFAFA; border-color: -moz-use-text-color #EEEEEE #EEEEEE !important; border-image: none !important; border-radius: 0 0 0 0 !important; border-right: 1px solid #EEEEEE !important; border-style: none solid solid !important; border-width: 0 1px 1px !important; box-shadow: none !important; margin: 0; padding: 0; z-index: 3000; }
.dropdown-menu a { background: none repeat scroll 0 0 #FAFAFA !important; border-bottom: 1px solid #EEEEEE; color: #666666 !important; padding: 9px 10px !important; text-shadow: none !important; }
.dropdown-menu a:hover, .dropdown-menu a:focus { background: none repeat scroll 0 0 #F3F3F3 !important; filter: none !important; }
.dropdown-menu:after, .dropdown-menu:before { border: medium none !important; }

.breadcrumb { background-color:transparent; color:#fff; border:0; font-size:1.5em; line-height:1.5em; margin:0; padding:0; }
    .breadcrumb > li { text-shadow:0 0 #1BA1E2; }
    .breadcrumb > li a { color:#FFF; }
    .breadcrumb .active { color:#BAE24A; }

/* =Content
-----------------------------------------------------------------------------*/
.dis-nav { margin:8px 0 0; }
.dis-nav a { color:#FFFFFF; display:inline-block; margin-bottom:5px; margin-right:8px; }
.button a { background:none repeat scroll 0 0 #1BA1E2; }
.button a, .button a:visited { color:#FFFFFF; display: inline-block; font-size:11px; line-height:16px; margin-top:3px; padding: 5px 8px; }

.content-head { color:#666; background-color:#7CC0CB; position:relative; padding:40px 0; color:#FFF; margin:0; }
    .content-head h2 { color:inherit; }
    .content-head h1 span { color:#A6D232; }
    .content-head h1 small { color:#fff; }

.content-nav { color:#666; background-color:#F0F2E8; padding:15px 0; overflow:auto; }
    .content-nav ul.filter { font-size:13px; line-height:20px; margin:0; padding:0px;  }
    .content-nav .nav-header {border-color: #E1E1E1; color: #4A4A4A; font-size: 14px; letter-spacing: 1px; line-height: 18px; padding:14px 0 0; text-transform: uppercase; }
    .content-nav ul.filter li { display:inline-block; padding:0 14px 0 0; }
        .content-nav ul.filter li a { color:inherit; color: #4A4A4A; }
        .content-nav ul.filter li.active a { color:#7CC0CB; text-decoration:underline; }

.content-body { background-color:#FEFFF8; padding:20px 0; margin:0; font-size:1.2rem; text-align:justify; }
    .content-body .row { padding:10px 0; }
    .content-body #abstract { margin-bottom:40px; }
    .content-body h2 { padding-top:10px; color:#7CC0CB; }
    .content-body h3 { color:#767771; }
    .content-body li { line-height:inherit; }
    .content-body .nav-tabs li { line-height:20px; }
/*#9EA097*/

.content-footer { color: #302A28; text-transform:uppercase; background-color:#F0F2E8; }
    .content-footer a { color:inherit; }

.thematics { background-color:#E5E5E3; }
    .thematics td { width:33%; }
    .thematics .table th, .table td { border:none; }

#stages { font-size:15px; }
    #stages h3 { /*margin-bottom: 30px;*/ }
    /*#stages table { margin-top:30px; }*/
    .info-formation { display:grid; grid-template-columns:auto 200px; align-items:center; }
      .info-formation img { width:200px; height:auto; }

#contact {  }
    #contact-body { padding-top:40px; }

/* =Footer
-----------------------------------------------------------------------------*/
footer { background:url("images/bg-body.gif") repeat-x scroll center top transparent; padding:3px 0; border-top: 1px solid #D8DFE5; padding-top: 1em; }
