/*
Theme Name: Tremplin Etudes Superieures
Author: Apresta
Author URI: http://www.apresta.fr/
*/

/* =Structure
-------------------------------------------------------------- */
html {}
body {background:url("images/background-iep.jpg") #a02830 top center no-repeat !important; margin:0; padding:0; font-size:12px;height:100%;overflow-y:scroll;font-family:arial;font-size:12px;}
#page {margin: 64px auto;position:relative;min-height:100%;width:990px;background:#fff;}
#main {position:relative; width:990px;margin:0 auto;}
#main .widget-area {float: right;overflow: hidden;width: 220px;}
#colophon {clear: both;display: block;margin:0 auto;}
#content {position:relative;width:990px;margin:0;background-color:#fff;}
h2 {font-family:'Open Sans Condensed';font-size:12px;font-weight:500;}
a {outline:none;}
#banniere-acc {width:990px;height:144px;;position:relative;display:block;}
p {font-family:'Open Sans Condensed';color:#000;}
#content-right {width:696px;padding-left:270px;padding-right:25px;display:inline-block;background:url("images/img-pages.jpg") left 170px no-repeat #fff;height:528px;overflow-y:scroll;}
#bloc-txt {margin-top:30px;font-family:Helvetica,Arial;text-align:inherit !important;}
#bloc-txt h3 {color:#bc0c26;font-size:20px;font-family:'Noto Sans';font-weight:300;text-transform:uppercase;}
#bloc-txt p {font-family:'Noto Sans';font-size:14px;text-align:inherit !important;}
#bloc-txt em {font-weight:400;font-size:14px;}
#bloc-txt strong, #bloc-txt b {font-size:14px;}
#bloc-txt h2 {font-family:'Noto Sans';font-size:22px;text-transform:uppercase;text-align:inherit !important;}
#bloc-txt h4 {font-size:15px;background-color:#f6a800;display:block;padding:4px 10px;font-weight:300;text-transform:uppercase;margin-bottom:0;width:auto;border-bottom:1px solid #000;}
#bloc-txt ul {border:1px dashed #000;padding:20px 20px 20px 40px;}
#bloc-txt hr {height:2px;background-color:#000;margin:0 0 10px 0;}
#bloc-txt h5 {font-size:14px;font-weight:700;color:#bc0c26;}
#bloc-txt h6 {font-size:14px !important;font-weight:700;}
#bloc-txt h1 {font-size:24px;}
#bloc-txt a {color:#bc0c26;}
#bloc-txt ul ul {margin-top: 20px;}
h2 span {text-transform:none;}

.alignleft {float:left !important;margin-right:10px;clear:both;margin-bottom:10px;}
.alignright {float:right !important;margin-left:10px;clear:both;margin-bottom:10px;}

#espaces {position:absolute;width:160px;top:50px;left:0;}
#espaces li {list-style-image:url("images/puce-espaces.jpg");border-bottom:black dashed 1px;height:20px;text-transform:uppercase;margin-top:4px;}
#espaces li:last-child {border:none;}
#espaces li a {color:#000} #espaces li a:hover {color:#e3aa2e;}

#error {width:640px !important;margin:10px auto !important;padding:30px;}

/* generique */
.hide-text {text-indent: 100%;white-space: nowrap;overflow: hidden;}
.green {color:#a1c525 !important}
.left {float:left; display:block; position:relative}
.right {float:right; display:block; position:relative}
.module_center {margin:0 28px 20px 12px}
.plus {display:block; background:url('./images/plus.jpg') left top no-repeat; height:11px; color:#97bf0d; font-size:11px; text-indent:18px; font-weight:bold}
a {display:block; text-decoration:none} a img {border:0}
.video-play {position:absolute;margin:0;}
/* .entry a {background-color:#f7a800;color:#fff !important;padding:0 5px;display:inline-block;} .entry a:hover {background-color:#a1282f !important;} */
.entry a img {background:none;}


/* =Header
-------------------------------------------------------------- */
#header h1 {position:absolute !important;margin:0;}
#header a:hover {color:#eee;}
#header {height:418px;width:990px;margin:0 auto !important;}
#banniere-logo {width:990px;background:url('images/logo-tremplin-etudes-superieures.jpg') no-repeat;position:relative;height:149px;width:121px;}
a#logo {background:url('images/logo.jpg') no-repeat top;height:153px;width:117px;position:absolute;z-index:50;}
#access {position:absolute;height:40px;width:850px;margin-left:140px;}
#access ul {list-style:none;text-align:right;margin:0 25px 0 50px;}
#access li {display:inline-block;margin-right:8px;height:40px;line-height:34px;position:relative;}
#access li:first-child {margin-left:0px !important;} nav li:last-child {}
#access a {color:#fff;text-decoration:none;font-size:14px;text-transform:uppercase;font-family:'Open Sans Condensed';font-weight:700;letter-spacing:-0.5px;}

#upup {background:url("images/back-header.jpg") top repeat-y;}
#header2 {width:990px;margin:0 auto;height:93px;background:#fff;}
#header2 a:hover {color:#bc0c27;}
#rs {width:88px;height:15px;display:inline-block;margin:8px 0 0 872px;z-index:50;}
#rs a {display:inline-block;margin:0 !important;float:left;}
#header2 ul {list-style:none;text-align:right;margin-right:25px;margin-top:0;}
#header2 li {display:inline-block;margin-right:10px;line-height:34px;}
#header2 ul a {color:#fff;text-decoration:none;font-size:14px;text-transform:uppercase;font-family:'Open Sans Condensed';font-weight:700;letter-spacing:-0.5px;}
#logo2 {position:absolute;z-index:50;}

.pagehome {background:url("images/background.jpg") top left no-repeat !important;width:990px;margin:0 auto;}

.inscriptions-ouvertes {position:absolute;top:-37px;margin-left:33px;}

.current-menu-item a {color:#a1282f !important;}

/* =Accueil
-------------------------------------------------------------- */

#cache {width:990px;position:absolute;height:144px;background:url("images/cache-sousmenu.png") no-repeat;z-index:55;}
.back {margin-top:33px;height:56px;width:56px;position:absolute;z-index:2;}
.photo-001 {margin-left:47px;}
.photo-002 {margin-left:190px;}
.photo-003 {margin-left:348px;}
.photo-004 {margin-left:508px;}
#banniere-acc img {position:absolute;z-index:0 !important;}
#nosvaleurs {width:170px;height:47px;background:url("images/ticker.png") no-repeat top left;position:absolute;margin-top:5px;color:#bc0c27;font-family:'Open Sans Condensed';padding-left:20px;font-size:16px;line-height:46px;font-weight:700;margin-left:820px;text-transform:uppercase;} #nosvaleurs:hover {background:url("images/ticker-on.png") no-repeat;color:#fff;}

#pre-footer {height:124px;width:990px;background-color:#fff;position:relative;;padding-top:0px;}
#pre-footer a {margin-top:30px;}
#pre-footer span {text-align:center;padding-top:8px;display:block;font-size:16px;font-weight:bold;color:#bbb;}
.logo-res {position:absolute;top:0;margin-top:0px;}
#res1 {margin-left:10px;}
#res2 {margin-left:150px;}
#res3 {margin-left:230px;}
#res4 {margin-left:380px;}
#res5 {margin-left:690px;}
#res6 {margin-left:790px;}
#res7 {margin-left:900px;}
#res8 {margin-left:600px;}

#rond-txt {background:url("images/rond-trans.png") no-repeat;width:301px;height:301px;position:absolute;left:620px;top:95px;}
#rond-txt p {font-size:24px;color:#bc0c27;text-align:center;width:250px;height:200px;font-family:arial;margin: 120px auto;}

.bt-forme {font-family:'Open Sans Condensed';font-size:16px;font-weight:700;color:#fff;position:absolute;text-transform:uppercase;} .bt-forme:hover {color:#bc0c27;}
#bt-sinscrire {margin-top:46px;margin-left:110px;width:50px;}
#bt-stagiaires {margin-top:40px;margin-left:258px;width:50px;line-height:18px;}
#bt-formateurs {margin-top:40px;margin-left:418px;width:50px;line-height:18px;}
#bt-candid {margin-top:40px;margin-left:578px;width:50px;width:100px !important;line-height:18px;}
#bt-video {margin-top:40px;margin-left:680px;width:50px;width:100px !important;line-height:16px; font-size:20px; color:#000000; width:130px !important}

#accroche {position:relative;color:#fff;font-size:14px;font-weight:700;height:26px;margin:0;font-family:'Open Sans Condensed';line-height:18px;background-color:#fff;padding:0;}
#accroche h2 {position:relative;padding-left:10px;padding-right:5px;background-color:#c4283e;display:inline-block;text-transform:uppercase !important;margin:0;height:18px;font-size:14px;font-weight:700;}
#accroche img {height:18px;width:7px;position:relative;display:inline-block;position: absolute;top:0;right:-7px;;}
#accroche p {display:inline-block;text-transform:uppercase;margin:0 0 0 12px;height:18px;color:#c4283e;}

#call-us {background:url("images/hotesse.png") top right no-repeat;width:158px;height:64px;position:absolute;margin-top:80px;margin-left:820px;}
#call-us p:first-child {margin-top:18px;}
#call-us p {margin:0 0 0 0;font-size:16px;font-weight:700;text-transform:uppercase;color:#fff;line-height:18px;}

#cache input {width:112px;height:12px;border:1px solid #524739;box-shadow:none;border-radius:0;background:url("images/loupe.jpg") no-repeat top right #fff;padding-right:20px;color:#b1b2b4;text-transform:uppercase;font-size:12px;float:right;margin-top:58px;margin-right:32px;}

#columns {width:990px;height:321px;background:#fff;padding-top:30px;}
#left-column {float:left;width:265px;margin-left:50px;border-right:dashed 1px #c4283e;height:308px;}
#left-top {width:256px;border-bottom:1px dashed #c4283e;height:70px;margin-bottom:10px;}
#columns h3 {background:url("images/right-arrow.jpg") left top no-repeat;padding-left:12px;color:#c4283e;margin:0;}
#columns div {padding-bottom:5px;}
#columns p {margin:0;font-family:arial;}
#left-bottom {width:256px;margin-bottom:10px;}

#right-column {float:left;margin-left:12px;width:640px;}
#right-top {border-bottom:1px dashed #c4283e;height:70px;margin-bottom:10px;}
#right-mid {border-bottom:1px dashed #c4283e;margin-bottom:10px;padding-bottom:10px !important;}
#left-left {float:left;width:368px;padding-right:10px;border-right:1px dashed #c4283e;}
#right-right {float:left;width:250px;margin-left:10px;}

/* =Formulaire d'inscription
-------------------------------------------------------------- */
#aide_ins {position:absolute; top:139px; right:12px; height:247px; width:118px}
#aide_img {background:url("images/aide.jpg"); height:247px; width:118px; position:fixed}
form {
 background-color:#fff;
 padding:20px 145px;
 width:700px;
 }
form p {color:#999; font-family:arial;font-size:14px;}
form h2 {color:#000; font-family:arial;font-size:22px; margin-bottom:0;}
fieldset {
 padding:20px 20px 20px 20px;
 margin:20px 0;
 border:1px solid #DF3F3F;
 }
legend {
 color:#DF3F3F;
 font-weight:bold
 }
label {
 display:block;
 float:left;
 margin-right:50px;
 line-height:25px;
 cursor:pointer;
 }
label.inline {
 display:inline;
 margin-right:50px;
 }
input, textarea, select, option {
 background-color:#FFF3F3;
 margin:5px;
 }
input, textarea, select {
 padding:3px;
 border:1px solid #F5C5C5;
 border-radius:5px;
 width:300px;
 box-shadow:1px 1px 2px #C0C0C0 inset;
 }
select {
 margin-top:10px;
 }
input[type=radio] {
 background-color:transparent;
 border:none;
 width:10px;
 float:left;
 margin-right:10px;
 }
 .grpradio {display:inline-block;}
input[type=submit], input[type=reset] {
 width:400px;
 box-shadow:1px 1px 1px #D83F3D;
 cursor:pointer;
 font-weight:bold;
 font-size:16px;
 color:#333;
 margin:10px 0 20px 300px;
 }
 input:focus, textarea:focus {
 background-color:white;
 }
input[type=submit]:focus, input[type=reset]:focus {
 background-color:#FFF3F3;
}
input[type=submit]:hover, input[type=reset]:hover {
 background-color:#FCDEDE;
 }
input[type=submit]:active, input[type=reset]:active {
 background-color:#FCDEDE;
 box-shadow:1px 1px 1px #D83F3D inset;
}

/* =Footer
-------------------------------------------------------------- */
#bandeo {height:20px;width:100%;background:#e3aa2e;}

#footer {position:relative;width:990px;height:21px;background-color:#000;margin:0 auto;color:#fff;}
#footer ul {margin:0 auto;list-style:none;width:350px;}
#footer li {display:inline-block;}
#footer a {color:#fff;line-height:20px;margin:0 5px;}

<!--[if lte IE 6]>
div#page {height: 100%;}


/* --- BLOC CONTENEUR GLOBAL --- */

div#page .dernier-element {margin-bottom: 0;padding-bottom: 4em;}

#intitule {position:relative;width:574px;margin-top:20px;}
#intitule span {color:#6d99bc;font-family:Arial;font-size:26px;}
#intitule h2 {font-size:30px;font-family:Arial;margin:0 !important;display:inline-block;}
.intitulel2 {margin-left:32px;font-size:25px !important;}
#intitule img {width:26px;height:31px;position:absolute;}
#guill-before {margin-left:-35px;margin-top:-5px;}
#guill-after {margin-left:20px;margin-top:5px;}

#nos-events {margin-top:25px;}
#title-events {background:url('images/title-events.png') no-repeat top left;padding-left:45px;height:28px;text-transform:uppercase;display:block;font-family:arial;font-size:22px;color:#6d99bc;padding-top:16px;}
.ico-event {display:inline-block;width:177px;height:125px;border:2px solid #aab3c6;margin:12px 4px 4px 6px;-webkit-box-shadow:2px 2px 2px 2px rgba(10, 10, 10, 0.5);box-shadow:  2px 2px 2px 2px rgba(10, 10, 10, 0.5);} .ico-event:hover {border:2px solid #fff;}
#nos-events a {display:inline-block;}

.titre-soiree h2 a {color:#6d99bc !important;}
#intitule h2 a {color:#6d99bc !important;}
.sidebar {margin-top:-26px;display:inline-block;}

/* FORM CONTACT */
#formcontact {position:absolute;left:630px;width:inherit;padding:0;}
#formcontact input {display:block;margin-bottom:20px;margin-left:0;}
#formcontact h2 {margin-top:0;margin-bottom:20px;}
#formcontact .submit {width:312px;margin-top:20px;}
#formcontact textarea {font-size:14px;font-family:arial,helvetica;margin:0;}

/* SOUS-MENU */
.sous-menu {width:704px;height:30px;padding:0;position:absolute;left:270px;z-index:450;top:-30px;border-bottom:2px solid #f7a901;}
.sous-menu li {display:inline-block;margin-right:20px;}
.sous-menu a {display:block;color:#f7a901;font-size:14px;font-family:'Open Sans Condensed';font-weight:600;text-transform:uppercase;} .sous-menu a:hover {color:#a1282f;}

/* SLIDER */
#slider {position:absolute;padding:5px 0;left:0;top:108px;background:#fff;width:805px;max-width:805px;height:26px;overflow:hidden;z-index:60;}
#slider ul {padding:0;margin:0;height:26px;}
#slider li {display:inline-block;list-style:none;margin:0 10px 0 50px;white-space:nowrap;}

#slider2 {position:absolute;left:24px;top:100px;height:120px !important;}
#slider2 ul {padding:0;height:80px;}
#slider2 li {display:inline-block;list-style:none;vertical-align:middle;}
#slider2 h2 {font-size:20px;color:#BC0C27;font-family:arial,helvetica;width:255px;text-align:center;}

/* PRESSE */
.img-presse {margin-top:30px;height:107px;width:107px;-webkit-box-shadow: 0px 0px 10px 3px rgba(5, 5, 5, 0.2);box-shadow: 0px 0px 10px 3px rgba(5, 5, 5, 0.2);float:left;}
.presse-logo {width:520px;height:155px;float:right;}
.contpresse {width:100%;}

/* FAQs */
.qa-faq h3 {margin-bottom:0 !important;text-transform: none !important;font-size:14px !important;padding-left:20px}
.qa-faq h3 a {color:#f7a901 !important;} .qa-faq h3 a:hover {color:black !important;}
h2.faq-catname {margin-bottom:0 !important;}
.qa-faq h3 a:before {content:"> ";}

.entry ul {font-size:14px !important}

/* SOUS-MENU */
.menu-header-container ul,
.menu-header-container li,
.menu-header-container span,
.menu-header-container a {
  margin: 0;
  padding: 0;
  position: relative;
}
.menu-header-container:after,
.menu-header-container ul:after {
  content: '';
  display: block;
  clear: both;
}
.menu-header-container a {
  color: #ffffff;
  display: inline-block;
  font-family: 'Lucida Grande', 'Lucida Sans Unicode', Helvetica, Arial, Verdana, sans-serif;
  font-size: 12px;
  text-align: left;
  text-decoration: none;
}
.menu-header-container ul {
  list-style: none;
}
.menu-header-container > ul > li {

}

.menu-header-container > ul > li a {
  line-height: 34px;

}

.menu-header-container li:hover > ul,
.menu-header-container li:focus-within > ul {
  display: block;
}
.menu-header-container li ul {
  display: none;
  position: absolute;
  min-width: 100%;
  text-align: left;
  top:28px;
  border:1px solid #eee;
  border-top:none;
  /* IE7 */
	z-index:500;
  *width: 100%;
  margin:0 !important;
}
.menu-header-container li ul li {
  text-align: left;
  background-color:#fff;
  margin-right:0 !important;
  
}
.menu-header-container li ul li a {
  display: block;
  padding: 5px 8px;
  text-align: left;
  width:245px;
  color:#a1282f !important;
}

#header2 .menu-header-container ul ul {z-index:500;}

.menu-header-container li ul li a:hover {color:#111 !important;}
#header2 .menu-header-container li ul a {color:#707072}

#header2 .menu-header-container li ul {top:32px;}

.menu-header-container li ul li:hover {background-color:#eee;}

#header2 .menu-header li, #access .menu-header li {*float:left;}


.in21 span {width:310px;margin-right:15px;vertical-align:top;display:inline-block;background-color:#eee;padding:5px 5px 10px;margin-top:20px;}
.in21 span h2 {margin:0;}
.larget {padding:5px 5px 10px;background-color:#eee;margin:20px 0 5px;width:648px;}
.larget h2 {margin:0;}