/*
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}

body {
background: #002c43 url(../images/bg_gradient.png) repeat-x; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzAwNTc4NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjIwJSIgc3RvcC1jb2xvcj0iIzAwMmM0MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(top,  #005785 0%, #002c43 400px); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#005785), color-stop(400px,#002c43)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #005785 0%,#002c43 400px); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #005785 0%,#002c43 400px); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #005785 0%,#002c43 400px); /* IE10+ */
background: linear-gradient(to bottom,  #005785 0%,#002c43 400px); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#005785', endColorstr='#002c43',GradientType=0 ); /* IE6-8 */
font-family: 'Open Sans', sans-serif;
font-size: 15px;
}

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

.clear {
clear: both;
}

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: #ffa37f;
text-decoration: none;
}
a:hover {
color: #e65015;
text-decoration: none;
}

.middle {
vertical-align: middle;
}

/** Buttons */
.button {
color: white;
}
.button a, input.button, button, input[type="submit"], input[type="reset"] {
color: inherit;
display: inline-block;
border-radius: 9px;
background-color: #02a8ff;
padding: 8px 12px;
font-weight: 700;
font-size: 14px;
background-repeat: no-repeat;
background-position: 13px center;
}
.button a:hover, input.button:hover, button:hover, input[type="submit"]:hover, input[type="reset"]:hover {
background-color: #e65015;
}

.button-arrow a, input[type="submit"] {
background-image: url('../images/icon_read_more.png');
padding-left: 40px;
}

.button-book a {
background-image: url('../images/icon_book.png');
padding-left: 40px;
}

.button-calendar a {
background-image: url('../images/icon_agenda.png');
padding-left: 40px;
}

/* 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="password"], textarea {
background-color: #eee;
border: 0;
font-size: 14px;
padding: 11px 1em;
color: #001723;
}
input[type="text"], input[type="email"], input[type="password"] {
height: 18px;
}
input.button, button, input[type="submit"], input[type="reset"] {
border: none;
color: white;
margin: 1em 0;
cursor: pointer;
}

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;
}

#footer_search input[type="text"] {
}
#footer_search input[type="submit"] {
background-image: url(../images/icon_search.png);
padding-left: 40px;
}

.mce-content-body {
background: #001f2f;
}

/* Content forms */
.content_box form {
margin: 0.5em 0;
}
.content_box form label {
display: block;
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;
}

.contact_form textarea {
min-height: 200px;
min-width: 90%;
}
form.contact_form label {
display: none;
}
form.contact_form #form div {
margin: 1em 0;
}

::-webkit-input-placeholder { font-style: italic; }
::-moz-placeholder { font-style: italic; } /* firefox 19+ */
:-ms-input-placeholder { font-style: italic; } /* ie */

/* 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 **/

/* Header logo */
#header_title {
height: 210px;
color: white;
}
#header_logo {
position: absolute;
top: 40px;
}
#header_text {
position: absolute;
top: 75px;
left: 210px;
font-weight: 300;
font-size: 36px;
}
#header_text strong {
font-weight: 700;
}

#header_image {
margin-top: 0;
margin-bottom: 0;
}

/* Header layout */
#top_left {
width: 72%;
}

/* Documents */
#document_box {
width: 28%;
position: absolute;
top: 0;
right: 0;
}

#document_box_title {
font-weight: 700;
font-size: 18px;
color: white;
background-color: #02a8ff;
border-bottom: 10px solid #016fa8;
border-top-right-radius: 9px;
height: 70px;
}
#document_box_title p {
background: url(../images/icon_documents.png) no-repeat 20px center;
}
#document_box_title a {
height: 20px;
display: block;
padding: 25px 20px 25px 63px;
color: white;
}
#document_box_content {
height: 430px;
background-color: white;
padding: 20px 35px;
}
#document_box_content p, #document_box_content p {
margin: 1em 0;
}

.document_list li {
min-height: 24px;
margin: 11px 0;
background: url(../images/icon_document.png) no-repeat left center;
color: #02a8ff;
}
.document_list li a {
display: inline-block;
vertical-align: middle;
padding-left: 30px;
padding-top: 4px;
color: inherit;
}
.document_list li a:hover {
text-decoration: underline;
}

/* Document page */
.document_title {
background: url(../images/icon_documents.png) no-repeat left center;
padding-left: 50px;
min-height: 32px;
}
.content_box.document_list_box h2 {
margin: 2em 0 1.5em 0;
}
.document_list_box h2 a {
color: white;
font-style: italic;
}
.document_list_box .document_list li {
list-style: none;
color: #ffa37f;
background-image: url(../images/icon_document_orange.png);
margin: 0 0 1em 0;
}
.document_list_box .document_list li a:hover {
text-decoration: none;
color: #e65015;
}
.document_list_box .document_list {
padding-top: 1px;
-webkit-column-count: 3;
-moz-column-count: 3;
column-count: 3;
}

.document_categories_box h1 {
background: url(../images/icon_bookmark.png) left center no-repeat;
padding-left: 32px;
min-height: 33px;
}

/** Main menu */
/* First level */
#main_menu {
position: relative;
z-index: 5;
background-color: #002c43;
color: white;
height: 70px;
font-size: 18px;
border-bottom: 10px solid #e65015;
border-top-left-radius: 9px;
}
#main_menu a {
color: white;
}
#main_menu li.level1:hover, #main_menu a:hover {
background-color: #001f2f;
text-decoration: none;
}
#main_menu li.level1:hover a {
background-color: #001f2f;
}
#main_menu a.selected {
background-color: #e65015;
font-weight: 700;
}
#main_menu a.selected:hover {
background-color: #001f2f;
}
#main_menu li.level1 {
display: inline-block; 
font-size: 14px;
position: relative;
}
#main_menu li.level1 > a {
height: 20px;
display: block;
padding: 26px 18px 24px 18px;
text-indent: 5px;
}
#main_menu li.level1:first-child, #main_menu li.level1:first-child a:first-child {
border-top-left-radius: 9px;
}
/* Second level */
#main_menu li.level1 > ul {
position: absolute;
left: -9999px;
top: 70px;
background: #001f2f;
width: 300px;
padding: 0.5em 0;
font-size: 15px;
border-bottom-left-radius: 9px;
border-bottom-right-radius: 9px;
}

#main_menu li.level1:hover ul {
left: 0;
}
#main_menu li.level2 a {
display: block;
padding: 0.5em 1em;
}

#main_menu li.level2 a:hover {
color: #e65015;
}

#main_menu li.level3 a {
color: #ffa37f;
padding-left: 2em;
}

#header {
height: 470px;
background-color: grey;
}

#header .carousel-element {
height: 470px;
}

#header .carousel-description {
position: absolute;
right: 0;
bottom: 110px;
width: 340px;
opacity: 0.7;
background-color: #e65015;
border-bottom-left-radius: 9px;
border-top-left-radius: 9px;
padding: 20px 20px 20px 25px;
color: white;
}
#header .carousel-description-title {
color: white;
font-weight: 700;
font-size: 24px;
line-height: 1.3em;
margin-bottom: 0.8em
}
#header .read_more  {
font-weight: normal;
height: 24px;
padding-left: 32px;
line-height: 24px;
background-image: url('../images/icon_readmore_pink_24px.png');
}
#header .read_more:hover {
color: white;
background-image: url('../images/icon_readmore_pink_24px.png');
}
/* Search */
.search_result em {
font-weight: 700;
}

/** Content */
#main_page {
background-color: #001f2f;
padding-bottom: 50px;
}
#content_left {
width: 72%;
float: left;
}
#content_right {
width: 28%;
float: right;
}
.normalpage #content_right .article_summary .left {
display: none;
}
.accueil #content_left {
width: 62%;
}
.accueil #content_right {
width: 38%;
}
.halfpage #content_left {
width: 50%;
}
.halfpage #content_right {
width: 50%;
}

.normalpage #content_right h1 {
font-size: 24px;
}
.normalpage #content_right h2 {
font-size: 18px;
}
.normalpage #content_right p {
font-size: 13px;
}

.content_box {
margin: 20px 0 20px 0;
padding: 30px 40px;
color: white;
}
#content_left .content_box {
padding-right: 0;
}

/* Content styles */
.content_box h1 {
font-size: 48px;
font-weight: 700;
margin-bottom: 50px;
color: inherit;
}
.content_box h1 a {
color: inherit;
}
.content_box h1 img {
display: inline-block;
vertical-align: middle;
}
h1.left_content {
display: table-row;
}
h1.left_content a {
display: table-cell;
vertical-align: middle;
padding-right: 20px;
}
h1.left_content span {
display: table-cell;
vertical-align: middle;
}
.article_in {
clear: both;
padding-top: 1px;
}

.content_box h2, .content_box h3, .content_box h4, .content_box h5, .content_box h6 {
margin: 0.5em 0 1em 0;
color: inherit;
}
.content_box h2 {
font-size: 36px;
margin: 1em 0 .7em 0;
font-weight: 700;
}
.content_box h2 a, .gallery_photo h2 { 
font-size: 19px;
line-height: 22px;
}
.content_box h3 {
color: #02a8ff;
font-size: 22px;
}
.content_box h4 {
font-size: 18px;
}
.content_box h5 {
font-size: 14px;
}
.content_box h6 {
font-size: 13px;
}
.content_box p {
margin: 1em 0 1em 0;
font-size: 15px;
font-weight: 400;
color: inherit;
}
.large, p.large {
font-size: 18px;
}
.intro, p.intro {
font-weight: 700;
}
.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: 2em 0;
}
.content_box ol ol, .content_box ul ul {
margin-top: 0.5em;
margin-left: 1em;
}
.content_box li {
margin: 0.5em 0;
}
.content_box ul li {
list-style: square outside;
font-size: 14px;
margin-left: 30px;
font-weight: 300;
}
.content_box ol li {
list-style: decimal outside;
font-size: 14px;
margin-left: 30px;
font-weight: 300;
}

.content_box table {
margin: 1em 0;
}
.content_box table tr {
font-size: 14px;
border-top: 1px solid #eee;
}
.content_box table thead tr:first-child {
border-top: 0;
}
.content_box table thead tr {
color: #001723;
font-size: 16px;
font-weight: 600;
background: white;
}

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

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

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

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

.red {
color: red;
}
.green {
color: #98C582;
}
.lightblue, h2.lightblue {
color: #02a8ff;
}
.orange {
color: #e65015;
}

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

/* Light styles */
.content_light {
color: #001723;
background: white;
border-top-right-radius: 9px;
border-bottom-right-radius: 9px;
}


.read_more {
color: white;
font-weight: 700;
display: block;
padding-left: 27px;
height: 18px;
line-height: 18px;
background: url('../images/icon_read_more.png') no-repeat left center;
}
.read_more:hover {
background-image: url('../images/icon_read_more_hover.png');
color: #e65015;
}

/* Pagination */
.pagination {
position: relative;
text-align: center;
margin: 1em 0 1em 0;
color: white;
}
.pagination span a {
color: inherit;
display: inline-block;
padding: 3px 7px;
}
.pagination span {
display: inline-block;
margin: 0 1px 0 1px;
border-radius: 3px;
}
.pagination .current {
background-color: #e65015;
padding: 3px 7px;
}
.pagination span:hover {
background-color: #e65015;
}
.pagination .first, .pagination .previous, .pagination .next, .pagination .last {
background-color: #02a8ff;
position: absolute;
bottom: 0;
}
.pagination .first {
left: 0;
}
.pagination .previous {
left: 38px;
}
.pagination .next {
right: 38px;
}
.pagination .last {
right: 0;
}
/** Nouvelles */
.actu_box h1 {
padding-left: 50px;
background: no-repeat url(../images/icon_book_32px.png) left center;
min-height: 32px;
}

.article_summary {
display: table;
margin: 35px 0 35px 0;
}

.article_summary h2, .agenda_event h2, #content_bottom_right h2 {
margin-top:0px;
line-height: 19px;
margin-bottom: 20px;
margin-top: -0.25em;
}
.article_summary .left {
width: 140px;
display: table-cell;
padding-right: 28px;
}
.article_summary .right {
display: table-cell;
vertical-align: top;
}
.article_summary h2 {
margin-bottom: 0;
}
.article_summary p.summary {
margin-top: 0.5em;
}
.article_summary .article_date, p.agenda_category {
font-size: 12px;
margin: 0 0 0.2em 0;
}

/* Agenda */
.agenda_box h1 {
padding-left: 50px;
background: no-repeat url(../images/icon_agenda_32px.png) left center;
min-height: 32px;
}
p.date, #content_right p.date {
font-size: 20px;
margin-bottom: 0;
}
#content_right p.date { margin-top: -8px; }
.date .start, .date .end {
font-weight: 700;
color: #e65015;
}
#content_right .agenda_desc p {
font-size: 13px;
margin: 0.8em 0 0.1em;
}
.agenda_event .agenda_more {
margin: 0.8em 0 2em 0;
}
.agenda_box h2, .agenda_event h2 {
margin-bottom: 0;
}
.agenda_box > h2 {
margin-top: 0;
}
.agenda_box p.date {
font-size: 28px;
}

/* Galeries */
.album_title {
padding-left: 50px;
min-height: 32px;
background: url(../images/icon_pictures.png) no-repeat left center;
}
.gallery {
}
.content_box .gallery_photo {
display: inline-block;
float: left;
margin: 0 25px 25px 0;
width: 245px;
}
.gallery_photo img {
border: 2px solid #002c43;
}
.gallery_photo a {
display: inline-block;
}
.gallery_photo a:hover img {
border-color: #ffa37f;
}
.photo_wrapper {
position: relative;
line-height: 0;
cursor: pointer;
margin-bottom: 12px;
margin-top: 0px !important;
}
.photo_wrapper:hover:after {
content: "";
display: block;
position: absolute;
width: 100%;
height: 100%;
left: 0;
top: 0;
background-color: rgba(255, 163, 127, 0.5);
}
.gallery_photo .right p {
color: white;
margin-top: 10px;
}

/** Categories */
.category_name {
font-style: italic;
font-weight: normal;
}

/** Bottom content */
#content_bottom_left {
width: 72%;
float: left;
}
#content_bottom_left h1 { margin-bottom: 15px; font-size: 36px; }
#content_bottom_right {
width: 28%;
float: right;
}

#content_bottom_right h2 {
color: #e65015;
font-weight: 700;
}
#content_bottom_right h2 a {
color: #e65015;
}

#facebook_icon {
display: inline-block;
width: 32px;
height: 32px;
background: url(../images/icon_fb.png) no-repeat;
}
#facebook_icon:hover {
background: url(../images/icon_fb_hover.png) no-repeat;
}

/** Footer */
#footer {
clear: both;
background-color: #001723;
color: white;
padding: 30px 0 0 0;
font-size: 11px;
border-bottom-left-radius: 9px;
border-bottom-right-radius: 9px;
}

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

#footer h2 {
font-weight: 700;
font-size: 24px;
color: white;
margin: 0 0 1em 0;
}
#footer h2 a {
color: white;
}
#footer p {
margin: 0.5em 0 0.5em 0;
}
#plan, #footer_right {
padding-bottom: 20px;
}
#plan {
width: 72%;
float: left;
}
#plan div.wrap {
padding-left: 40px;
}
#main_categories {
font-size: 16px;
width: 33%;
float: left;
}
#main_categories p, #footer_submenu p {
margin: 0 0 1em 0;
}
#plan a {
color: white;
}
#plan a:hover, #plan a.selected {
color: #e65015;
}
#plan a.selected {
font-weight: 700;
}
#footer_submenu {
width: 67%;
float: right;
font-size: 13px;
-webkit-column-count: 2; /* Chrome, Safari, Opera */
-moz-column-count: 2; /* Firefox */
column-count: 2;
}

#footer_right {
float: right;
width: 28%;
}
#footer_search {
padding-left: 40px;
}

#bottom {
padding: 20px 0 20px 0;
color: white;
font-size: 13px;
}
#bottom .left {
padding-left: 2%;
display: inline-block;
width: 48%;
}
#bottom .right {
display: inline-block;
width: 48%;
text-align: right;
font-style: italic;
}
#bottom a {
color: #02a8ff;
}
#bottom a:hover {
border-bottom: 1px dotted #02a8ff;
}

#citation {
font-size: 40px;
color: white;
font-style: italic;
text-align: center;
margin: 1em 1em 0 1em;
}

.backlink {
	border-top: 1px dotted #ddd;
	padding-top: 10px;
	margin-top: 10px;
	font-size: 12px;
}
.backlink a {
	font-size: 14px;
	text-transform: uppercase;
}

#header_choice {
position: absolute;
top: 0;
right: 0;
}
#header_buttons {
position: absolute;
top: 0;
right: 350px;
}
#header_choice a, #header_buttons a {
color: white;
background-color: #02a8ff;
padding: 8px 12px 8px 12px;
display: inline-block;
font-style: italic;
}
#header_buttons a {
background-color: #ffa37f;
}
#header_choice a.selected {
font-weight: bold;
}
#header_choice a.selected, #header_choice a:hover {
background-color: #016fa8;
}
#header_buttons a.selected, #header_buttons a:hover {
background-color: #e65015;
}
#header_choice a:first-child, #header_buttons a:first-child {
border-bottom-left-radius: 8px;
}
#header_choice a:last-child, #header_buttons a:last-child {
border-bottom-right-radius: 8px;
}