/*
Copyright (c) 2011, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.com/yui/license.html
version: 2.9.0
*/
html{color:#000;background:#FFF}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,select,p,blockquote,th,td{margin:0;padding:0}table{border-collapse:collapse;border-spacing:0}fieldset,img{border:0}address,button,caption,cite,code,dfn,em,input,optgroup,option,select,strong,textarea,th,var{font:inherit}del,ins{text-decoration:none}li{list-style:none}caption,th{text-align:left}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal}q:before,q:after{content:''}abbr,acronym{border:0;font-variant:normal}sup{vertical-align:baseline}sub{vertical-align:baseline}legend{color:#000}

/* Absil CSS */
body {
background: url(../images/bg.png) repeat;
font-family: 'Source Sans Pro', sans-serif;
color: #666;
}

.width_wrapper {
width: 1000px;
margin: auto;
position: relative;
}

hr {
border: 0;
height: 0;
border-top: 1px solid #444;
}

h2 {
font-size: 18px;
}

sup {
vertical-align: super;
}
sub {
vertical-align: sub;
}

/* Links */
a {
color: #1c5e9f;
text-decoration: none;
}
a:hover {
text-decoration: underline;
}

.middle {
vertical-align: middle;
}

/* 3 columns layout */
.threecolumns .col1, .threecolumns .col2, .threecolumns .col3 {
display: inline-block;
width: 31%;
vertical-align: top;
padding-right: 2%;
}

/* Forms */
input[type="text"], input[type="email"], input[type="submit"], input[type="password"], textarea {
background-color: #eee;
border: 0;
font-size: 12px;
padding: 16px;
color: #999;
}
input[type="text"], input[type="email"], input[type="submit"], input[type="password"] {
height: 18px;
}
input.button, button {
padding: 14px;
background-color: #1c5e9f;
vertical-align: top;
height: 22px;
border: 0;
cursor: pointer;
}
button {
height: auto;
color: white;
}

input.validate {
display: inline-block;
background: #1c5e9f url(../images/ico_validate.png) no-repeat center center;
width: 50px;
height: 50px;
cursor: pointer;
vertical-align: bottom;
padding: 0;
}

#search_button:hover, input.validate:hover, input.button:hover, button:hover {
background-color: #666;
}

/* Content forms */
.content_box form {
margin: 0.5em 20px 0.5em 20px;
}
.content_box form label {
display: block;
font-size: 22px;
margin: 0.6em 0 0.5em 0;
}
.content_box form.horizontal_form label, .content_box form ul label, .content_box .expanded_choice label {
display: inline-block;
font-size: 11px;
margin-right: 20px;
}
.content_box .expanded_choice label {
margin-left: 5px;
margin-right: 20px;
}
.content_box form input {
margin: 0.5em 0 0.5em 0;
}
.content_box .form_button {
text-align: right;
margin-bottom: 1em;
}
.content_box form ul li {
list-style: none;
}
.content_box form.horizontal_form input {
margin: 0;
}
.content_box .form_disabled {
color: #999;
}

/* Links */
.add {
font-size: 11px;
display: inline-block;
padding-left: 10px;
background: url(../images/ico_plus.png) no-repeat left center;
}
.remove, .delete {
font-size: 11px;
color: red;
}

/** Top **/
#top {
background-color: #333;
color: white;
height: 50px;
}
#top a {
color: white;
}
#top a:hover, #top a.selected {
color: #1c5e9f;
text-decoration: none;
}

/* Top menu */
#top_menu {
position: absolute;
top: 17px;
left: 0;
font-size: 12px;
}
#top_menu li {
float: left;
padding: 0 8px;
}
#top_menu li:first-child {
padding-left: 0px;
}
/* Accueil */
#top_menu #node_5:before {
content: "";
display: inline-block;
width: 12px;
height: 11px;
background: url('../images/ico_home.png') 0 0;
margin-right: 3px;
}
#top_menu #node_5:hover:before, #top_menu #node_5.selected:before {
background-position: 36px 0;
}

#top_menu .highlight a, #main_menu .highlight a {
background-color: #1c5e9f;
}
#top_menu .highlight a, #main_menu .highlight ul a {
background-color: transparent;
}
#top_menu .highlight a:hover, #main_menu .highlight a:hover, #top_menu .highlight a.selected, #main_menu .highlight a.selected {
background-color: transparent;
}

/* Search */
#search {
position: absolute;
top: 0;
right: 51px;
}
#search_box {
position: absolute;
top: 0;
right: 50px;
height: 18px;
width: 187px;
}
#search_button {
display: block;
background: #1c5e9f url(../images/ico_search.png) no-repeat center center;
width: 50px;
height: 50px;
cursor: pointer;
}

.search_result em {
background-color: #FFF265;
}

/* Login */
#login {
position: absolute;
top: 0;
right: 0;
width: 50px;
height: 20px;
background: #1c5e9f url(../images/ico_login.png) center 10px no-repeat;
text-align: center;
font-size: 12px;
padding-top: 30px;
cursor: pointer;
z-index: 10;
line-height: 14px;
}
#login.selected, #login:hover {
background-color: #666;
text-decoration: none;
}

/* Login box */
#login_box {
position: absolute;
right: 0;
top: 50px;
width: 320px;
background: url(../images/bg_gris_30.png);
border-top: 6px solid #666;
min-height: 294px;
font-size: 12px;
z-index: 5;
}
#login_box p {
margin: 0.7em 0 0.7em 18px;
}
#login_box form p {
margin-left: 0;
margin-right: 101px;
}
#login_box form input {
width: 187px;
}
#login_box form p.submit {
text-align: right;
}
#login_box .title {
font-size: 24px;
line-height: 1em;
text-transform: uppercase;
font-weight: 200;
}

#logged_menu {
position: relative;
margin-left: 120px;
background: url(../images/bg_gris_40.png);
min-height: 84px;
padding: 8px 5px 8px 18px;
}
#logged_menu .photo {
position: absolute;
left: -100px;
top: 0;
margin: 0;
padding: 0;
}
#logged_menu li {
margin: 7px 0 7px 0;
}

/** Header */
.header_background {
height: 300px;
background: url(../images/photos_header/1280/absil_header_etudiants_actuels.jpg) no-repeat center center;
}
/* Page home */
.page_id_5 .header_background  {
background-image: url(../images/photos_header/1280/absil_header_home.jpg);
}
/* Section parents */
.page_id_3 .header_background  {
background-image: url(../images/photos_header/1280/absil_header_parents.jpg);
}
#header .width_wrapper {
height: 140px;
}
#header_background {
position: absolute;
bottom: 0;
left: 0;
z-index: 1;
width: 1000px;
}
#header_title {
position: relative;
top: 160px;
}
#header_title, #header_title_background {
height: 140px;
background: url(../images/bg_gris_40.png);
}
#header_title_background {
z-index: 2;
position: relative;
}
#header_title_background.show_login_box {
width: 680px;
}
#header_logo {
position: absolute;
top: 0;
left: 0;
width: 115px;
height: 110px;
padding: 30px 0 0 25px;
background: url(../images/bg_bleu_40.png);
}
#header_text {
position: absolute;
left: 245px;
top: 32px;
color: white;
font-size: 42px;
line-height: 1em;
text-transform: uppercase;
letter-spacing: -1px;
}
#header_text span {
font-weight: 200;
}

/** Main menu */
/* First level */
#main_menu {
position: relative;
z-index: 5;
background-color: #333;
color: white;
height: 50px;
}
#main_menu a {
color: white;
}
#main_menu a:hover, #main_menu a.selected {
color: #1c5e9f;
text-decoration: none;
}
#main_menu li.level1 {
display: inline-block; 
font-size: 14px;
position: relative;
}
#main_menu li.level1 > a {
height: 34px;
display: block;
padding: 16px 6px 0 6px;
text-indent: 5px;
}
#main_menu li.level1 > a.selected:before {
content: "";
display: block;
width: 11px;
height: 6px;
background: url(../images/arrow_top.png) no-repeat 0 0;
position: absolute;
bottom: 0;
left: 50%;
}

/* Second level */
#main_menu li.level1 > ul {
position: absolute;
left: -9999px;
top: 50px;
background: #333;
width: 300px;
}

#main_menu li.level1:hover ul {
left: 0;
}
#main_menu li.level2 a {
display: block;
padding: 5px 8px 5px 8px;
}

#main_menu li.level3 a {
padding-left: 30px;
background: url(../images/bullet.png) no-repeat 14px center;
}

/* Quick links */
#quick_links {
position: absolute;
right: 0;
top: 0;
}
#quick_links a {
display: inline-block;
width: 50px;
height: 50px;
margin-left: 1px;
}
/* Override hint.css */
#quick_links a.futurs_etudiants, #quick_links a.futurs_etudiants:after {
background-color: #f14f74;
}
#quick_links a.etudiants_actuels, #quick_links a.etudiants_actuels:after {
background-color: #1c5e9f;
}
#quick_links a.internat, #quick_links a.internat:after {
background-color: #98c582;
}
#quick_links a.futurs_etudiants:before {
border-bottom-color: #f14f74;
}
#quick_links a.etudiants_actuels:before {
border-bottom-color: #1c5e9f;
}
#quick_links a.internat:before {
border-bottom-color: #98c582;
}

#color_pink #quick_links a.futurs_etudiants, 
#color_blue #quick_links a.etudiants_actuels, 
#color_green #quick_links a.internat {
background-image: url(../images/ico_validate_gray.png);
background-position: center center;
background-repeat: no-repeat;
}

/* Accueil photos */
.accueil_links div {
display: inline-block;
margin-right: 20px;
background-color: #1c5e9f;
margin-top: 20px;
}
.accueil_links a {
display: block;
color: white;
position: relative;
}
.accueil_links a:hover {
color: white;
text-decoration: none;
}
.accueil_links a:hover:after {
content: "";
background: url(../images/ico_search_big.png) center center no-repeat;
position: absolute;
top: 0;
left: 0;
width: 320px;
height: 220px;
}
.accueil_links a:hover:before {
content: "";
background: url(../images/bg_bleu_40.png);
position: absolute;
top: 0;
left: 0;
width: 320px;
height: 220px;
}
#accueil_internat {
margin-right: 0;
background-color: #98c582;
}
#accueil_internat a:hover:before {
background: url(../images/bg_vert_40.png);
}
#decouvrir_athenee {
background-color: #f14f74;
}
#decouvrir_athenee a:hover:before {
background: url(../images/bg_rose_40.png);
}
.accueil_links .caption {
font-weight: 200;
font-size: 24px;
text-transform: uppercase;
text-align: center;
line-height: 0.7em;
padding: 27px 0 27px 0;
line-height: 22px;
}
.accueil_links .caption span {
text-transform: none;
font-size: 15px;
font-style: italic;
font-weight: 400;
line-height: 18px;
}

/** Content */
#content_left {
width: 660px;
float: left;
}
#content_right {
width: 320px;
float: right;
}

.content_box {
margin: 20px 0 20px 0;
background: white;
padding-bottom: 1px;
}

/* Content styles */
.content_box h1 {
font-size: 24px;
line-height: 26px;
font-weight: 200;
text-transform: uppercase;
padding: 37px 30px 37px 30px;
background-color: #1c5e9f;
color: white;
position: relative;
}
.content_box h1.link, .content_box h1.left_content {
padding: 0;
}
.content_box h1.left_content span {
display: inline-block;
padding: 32px 30px 32px 15px;
vertical-align: middle;
}
.content_box h1.link a {
color: white;
display: block;
padding: 37px 50px 37px 30px;
background: url(../images/ico_title_more.png) repeat-y center right;
}
.content_box h1.link a:hover {
text-decoration: none;
background-color: #666;
}
.content_box h1 img {
display: inline-block;
vertical-align: middle;
}

.content_box h2, .content_box h3, .content_box h4, .content_box h5, .content_box h6 {
margin: 0.5em 20px 1em 20px;
color: #1c5e9f;
}
.content_box h2 {
font-size: 28px;
margin: 30px 20px 0px 20px;
line-height: 32px;
}
.content_box h3 {
font-size: 22px;
margin: 25px 20px 0px 20px;
text-transform: uppercase;
}
.content_box h4 {
font-size: 18px;
text-transform: uppercase;
}
.content_box h5 {
font-size: 14px;
}
.content_box h6 {
font-size: 13px;
}
.content_box p {
margin: 1em 20px 1em 20px;
font-size: 15px;
color: #999;
}
.intro, p.intro {
font-size: 22px;
line-height: 26px;
color: #666;
}
.small, p.small {
font-size: 12px;
}
.tiny, p.tiny {
font-size: 11px;
}
.align_left {
text-align: left;
}
img.align_left, a.align_left {
float: left;
margin: 5px 10px 5px 0;
}
.align_right {
text-align: right;
}
img.align_right, a.align_right {
float: right;
margin: 5px 0 5px 10px;
}
.align_center {
text-align: center;
}
.align_full {
text-align: justified;
}

.content_box ol, .content_box ul {
margin: 1em 20px 1em 20px;
}
.content_box ol ol, .content_box ul ul {
margin-top: 0.5em;
}
.content_box li {
margin: 0.5em 0 0.5em 0;
}
.content_box ul li {
list-style: square inside;
font-size: 14px;
}
.content_box ol li {
list-style: decimal inside;
font-size: 14px;
}

.content_box table {
margin: 1em 20px 1em 20px;
max-width: 620px;
width: 620px;
}
.content_box table tr {
font-size: 14px;
border-top: 1px solid #ddd;
color: #999;
}
.content_box table thead tr:first-child {
border-top: 0;
}
.content_box table thead tr {
color: #666;
font-size: 16px;
font-weight: 600;
background: #eee;
}

.content_box table td {
padding: 0.5em 1em 0.5em 0.5em;
}

.content_box table tfoot tr {
	font-size: 12px;
	background: #eee;
	border-top: 0px;
}

b, strong {
font-weight: 600;
}
i, em {
font-style: italic;
}

.light {
font-weight: 200;
}
.underline {
text-decoration: underline;
}

.red {
color: red;
}
.green {
color: #98C582;
}

.bglightgrey {
background-color: #E1E1E1;
color: #333;
}
.bggrey {
background-color: #CCCCCC;
color: #333;
}
.bgblue {
background-color: #1c5e9f;
color: white;
}
.bgpink {
background-color: #f14f74;
color: white;
}
.bggreen {
background-color: #98C582;
color: white;
}

/* Pagination */
.pagination {
text-align: center;
margin: 1em 0 1em 0;
}
.pagination span {
display: inline-block;
margin: 0 5px 0 5px;
}
.pagination .current {
color: #222;
font-weight: 600;
}
.pagination .previous {
margin-right: 20px;
}
.pagination .next {
margin-left: 20px;
}
.pagination .previous a, 
.pagination .first a,
.pagination .next a,
.pagination .last a {
display: inline-block;
color: white;
background-color: #1c5e9f;
width: 25px;
height: 25px;
line-height: 24px;
}
.pagination .previous a:hover, 
.pagination .first a:hover,
.pagination .next a:hover,
.pagination .last a:hover {
background-color: #666;
text-decoration: none;
}

/** Nouvelles et agenda */
.see_more {
border-top: 1px solid #f8f8f8;
position: relative;
height: 100px;
overflow: hidden;
padding-left: 100px;
}
.note_summary {
border-bottom: 1px solid #f8f8f8;
padding: 2px 20px 10px 20px;
}
.see_more > a {
display: block;
position: relative;
cursor: pointer;
}
.see_more > a:hover:after {
content: "";
display: block;
height: 100px;
width: 100%;
background: #1c5e9f url(../images/ico_search_big.png) center center no-repeat;
position: absolute;
top: 0;
left: 0;
}
.see_more > a:hover p.left:after {
content: "";
display: block;
height: 100px;
width: 100px;
background: url(../images/bg_bleu_40.png);
position: absolute;
top: 0;
left: 0;
}
.see_more .left {
width: 100px;
background-color: #1c5e9f;
height: 100px;
position: relative;
right: 100px;
margin: 0;
padding: 0;
}
.see_more .date, h1 .date, .see_more .date_multi {
color: white;
text-transform: uppercase;
text-align: center;
padding: 0;
font-size: 48px;
font-weight: 600;
margin: 0;
line-height: 50%;
position: absolute;
bottom: 12px;
width: 100%;
}
.see_more .date_multi {
font-size: 30px;
line-height: 15px;
}
.see_more .date_multi.same_month {
font-size: 36px;
line-height: 18px;
}
.see_more .date span, h1.left_content .date span, .see_more .date_multi span {
font-size: 11px;
font-weight: 400;
line-height: 100%;
}
.see_more .date_multi span {
font-size: 11px;
line-height: 9px;
}
.see_more .date_multi span.separator {
font-size: 16px;
line-height: 24px;
}
.see_more .right {
padding-left: 15px;
position: absolute;
top: 0;
left: 0;
height: 90px;
overflow: hidden;
}
.see_more .right h2, .note_summary h2 {
font-size: 14px;
color: #1c5e9f;
text-transform: uppercase;
margin: 8px 0 4px 0;
line-height: 1.1em;
}
.see_more .right p, .note_summary p {
margin: 4px 0 4px 0;
font-size: 12px;
line-height: 15px;
}
.note_summary h2 {
margin-bottom: 0px;
}
.note_summary p.content {
font-size: 13px;
}
p.subtitle {
font-size: 12px;
margin-top: 2px;
}

#pour_les_parents.see_more > a:hover p.left:after,
#pour_les_parents.see_more > a:hover:after {
display: none;
}
#pour_les_parents .right {
margin: 0;
background-color: #1c5e9f;
font-size: 24px;
line-height: 26px;
font-weight: 200;
text-transform: uppercase;
padding: 24px 25px 24px 25px;
height: 52px;
color: white;
}

h1 .left {
position: relative;
display: inline-block;
border-right: 1px solid white;
height: 100px;
}
h1 .date {
width: 90px;
position: relative;
display: inline-block;
vertical-align: bottom;
bottom: 0;
height: 50px;
padding: 34px 0 16px 0;
}
h1 .single_date {
width: 100px;
}
h1 .end_date, h1 .single_date {
border-right: 1px solid white;
}
h1.left_content .date span {
padding: 12px 0 0 0;
display: inline-block;
}
h1 .end_date:after {
content: "";
display: block;
width: 6px;
height: 11px;
background: url(../images/ico_white_arrow.png) no-repeat;
position: absolute;
left: -3px;
top: 42px;
z-index: 5;
}

/* Galeries */
.gallery {
margin: 5px;
}
p.gallery_photo {
padding: 15px;
display: inline-block;
margin: 0;
}
p.gallery_photo a {
position: relative;
display: inline-block;
}
p.gallery_photo a:hover:after {
content:"";
display: block;
position: absolute;
top: 0;
left: 0;
width: 100px;
height: 100px;
z-index: 5;
background: #1c5e9f url(../images/ico_search_big.png) center center no-repeat;
}

/** Profils utilisateurs */
ul.user_list {
max-height: 350px;
overflow: auto;
margin: 0;
padding: 0;
}
ul.user_list li {
list-style: none;
margin: 0;
padding: 0;
border-bottom: 1px solid #f8f8f8
}
.user_list li a {
display: block;
}
.user_list li a:hover {
color: #999;
text-decoration: none;
}
.user_list li img {
vertical-align: middle;
}
.user_list li span {
display: inline-block;
margin-left: 15px;
text-transform: uppercase;
font-size: 14px;
}
#content_left .user_list {
padding: 20px;
}

/** Footer */
#footer {
clear: both;
background-color: #333;
color: #999;
padding: 24px 0 12px 0;
font-size: 11px;
}

#footer hr {
margin-top: 40px;
clear: both;
}

#footer h2 {
text-transform: uppercase;
color: white;
margin: 16px 0 12px 0;
}
#footer h2 a {
color: white;
}
#footer p {
margin: 0.5em 0 0.5em 0;
font-family: "Trebuchet MS", sans-serif;
}
#footer .column {
width: 184px;
display: inline-block;
vertical-align: top;
padding-right: 20px;
}
#plan, #footer_right {
padding-bottom: 40px;
}
#plan {
width: 816px;
float: left;
}
#plan ul {
font-family: "Trebuchet MS", sans-serif;
}
#plan ul li {
margin-bottom: 4px;
}
#plan a {
color: #999;
}
#plan a:hover {
color: #1c5e9f;
text-decoration: none;
}

#footer_right {
float: right;
width: 184px;
}

#bottom .left {
display: inline-block;
width: 500px;
}
#bottom .right {
display: inline-block;
width: 500px;
text-align: right;
}
.backlink {
	border-top: 1px dotted #ddd;
	padding-top: 10px;
	margin-top: 10px;
	font-size: 12px;
}
.backlink a {
	font-size: 14px;
	text-transform: uppercase;
}