/* =Basic HTML
-------------------------------------------------- */
body								{ background: #fff; }
.hide 								{ position: absolute; margin: 0 !important; padding: 0 !important; width: 1px !important; height: 1px !important; clip: rect(1px 1px 1px 1px); clip: rect(1px, 1px, 1px, 1px); overflow: hidden; }
.wrapper 							{ background: none; }
.size44								{ float: left; width: 44.444%; }
.size56								{ float: left; width: 55.556%; }
img								{ vertical-align: middle; }

/* =Header
-------------------------------------------------- */
.header 							{ position: relative; z-index: 4; padding-top: 0; background: #015b79; }
.header .wrapper:after						{ clear: both; height: 0; content: ""; overflow: hidden; visibility: hidden; display: block;  }
.header .logo  							{ margin: 0 5px -35px 0; }
.header .lang							{ position: static; float: right; padding: 35px 10px; }
.header .lang li a 						{ color: #8da9b6; }
.header .lang li a:hover, .header .lang a:focus, .header .lang .on a	{ color: #fff; text-decoration: none; }
.header .quick-search						{ float: right; padding: 30px 0 20px; }
.header .quick-search input					{ padding: 0 20px 0 40px; width: 180px; height: 28px; background: url(images/quick-search.png) 0 0 no-repeat; border: none; box-sizing: border-box; }
.header .nav 							{ float: left; background: none; }
.header .nav li 						{ padding-left: 14px; width: auto; background: none; }
.header .nav li a 						{ padding: 0; height: auto; line-height: 100%; }
.header .nav .item-2 a, .header .nav .item-5 a, .header .nav .item-6 a { line-height: 100%; }
.header .nav li a:hover, .header .nav li a:focus, .header .nav li.on a	{ position: relative; background: transparent; }
.header .nav li a:hover:after, .header .nav li a:focus:after, .header .nav li.on a:after { content: ''; position: absolute; bottom: -7px; left: 0; right: 0; height: 1px; background: #8da9b6; }
.header .illustr 						{ clear: both; height: 340px; background: url(images/bg-home.jpg) 50% 50% no-repeat; -webkit-background-size: cover; background-size: cover; }

/* =Main
-------------------------------------------------- */
.main 								{ padding-top: 40px; padding-bottom: 40px; }
thead th 							{ background: #0085aa; }
.calendar caption						{ margin: 0; padding: 0; border: none; caption-side: top; color: #0085aa; font-family: "Signika", sans-serif; font-size: 16px; font-weight: 700; line-height: 40px; text-align: center; }
.calendar caption a						{ margin-left: 10px; font-size: 20px; font-weight: 400; font-family: arial, 'sans-serif'; }
.calendar caption a:first-child					{ margin-right: 10px; margin-left: 0; }

h1								{ color: #0085aa; font-size: 28px; font-weight: 600; line-height: 125%; }
h2								{ color: #0085aa; font-size: 22px; font-weight: 600; line-height: 125%; }
h3								{ color: #0085aa; font-size: 22px; font-weight: 400; line-height: 125%; }
h4								{ color: #00537a; font-size: 19px; font-weight: 400; line-height: 125%; }
h5								{ color: #00537a; font-size: 14px; font-weight: 400; line-height: 125%; }

.article .texteencadre-spip 					{ margin-bottom: 20px; padding: 40px; background: #dfa404; border: none; color: #fff; font-family: "Signika", sans-serif; font-size: 18px; line-height: 125%px; }
.article .texteencadre-spip p 					{ padding: 0; background: #dfa404; color: #fff; }
.article blockquote						{ color: #cacc43; }

table caption 							{ margin-top: 10px; padding-bottom: 20px; padding-top: 10px; caption-side: bottom; border-top: solid 1px #0093c1; color: #74748a; text-align: left;  }
thead th.table-head 						{ padding: 15px 10px; border-right: solid 1px #fff; font-family: "Signika", sans-serif; font-size: 15px; text-align: center; text-transform: none; }
thead th							{ padding: 10px 30px; background: #7fc9e0; color: #073d47; font-weight: 700; }
tbody th, tbody td						{ padding: 10px 30px; font-weight: 400; }
tfoot th, tfoot td,
tfoot tr.total th, tfoot tr.total td				{  padding: 10px 30px; background: #7fc9e0; color: #073d47; font-weight: 700; border: none; border-bottom: solid 1px #fff; }

/* =Aside
-------------------------------------------------- */
.aside .box 							{ background: #f5f4f8; border-bottom: solid 1px #dbe7f2 }
.aside .box .block						{ background: none; border: none; }
.aside .press							{ padding-bottom: 20px; }
.press .slider ul li a 						{ transform: rotate(0) }
.aside h2 							{ padding: 10px; background: #dfa404; color: #fff; font-weight: 400; font-size: 20px; text-transform: uppercase; }
.aside h2 a,
.search-help .block h2						{ color: #fff; }
.aside .article h2 						{ padding: 0; background: transparent; color: #0085aa; font-size: 20px; text-transform: none; }
.aside #slide-title 						{ padding: 16px 5px 0; background: transparent; font-size: 17px; text-transform: none; }
.aside .list ul							{ padding: 0 20px; }
.aside .list li							{ margin-left: 0; padding-left: 15px; margin-bottom: 10px; background: url(images/arrow-blue.png) 0 9px no-repeat; font-size: 15px; font-weight: 700; list-style-type: none; }
.calendar table,
.calendar caption						{ background: #f5f4f8; }

/* =Footer
-------------------------------------------------- */
.footer								{ padding: 0; background: none; }
.footer .line 							{ background: none; }
.footer .newsletter 						{ padding: 15px 0; background: #ececed; text-align: center; }
.footer .newsletter fieldset					{ margin-bottom: 0; }
.footer .newsletter label					{ margin-right: 10px; color: #007291; font-size: 14px; font-weight: 700; }
.footer .newsletter input					{ width: 250px; }
.footer .newsletter button					{ margin-left: -5px; border-radius: 0; }
.footer .footer-link 						{ padding: 20px 0; background: #015b79; color: #fff; font-size: 13px; line-height: 150%; }
.footer .footer-link ul 					{ margin-bottom: 0; }
.footer .footer-link ul li					{ margin-bottom: 5px; padding-bottom: 0; padding-left: 14px; background: url(images/arrow-white.png) 0 7px no-repeat; }
.footer .footer-link ul li.link 				{ padding-left: 0; background: none; }
.footer .footer-link a 						{ color: #fff; }
.footer .links a 						{ background-image: url(images/footer-link.png); }
.footer .links .link-member a 					{ background-position: 0 0; }
.footer .links .link-rss a 					{ background-position: 0 -99px; }
.footer .links .link-facebook a 				{ background-position: 4px -199px; }
.footer .links .link-twitter a 					{ background-position: 0 -297px; }

/* =Home
-------------------------------------------------- */
.home								{ font-family: 'trebuchet ms', verdana, arial; }
.section-home 							{ padding: 40px 0; background: #f3f3f3; color: #515151; font-size: 15px; }
.section-home .size1of3 					{ text-align: center; }
.section-home .figure img 					{ border-radius: 50%; }
.section-home h2 						{ margin-top: 20px; color: #0085aa; font-size: 28px; font-weight: 600;  }
.section-home p strong 						{ color: #dfa404; font-size: 18px;  }

.home .container 						{ padding-top: 0; background: none; }

.home .figure							{ position: relative; }
.home .figure .figcaption					{ position: absolute; right: 0; bottom: 0; left: 0; width: 300px; color: #fff; font-family: "Signika", sans-serif; font-size: 20px; font-weight: 400; line-height: 100%; background: rgba(1,91,121,0.9); }
.home .figure .figcaption-2					{ background: rgba(0,133,170,0.9); }
.home .figure .figcaption-3					{ background: rgba(223,164,4,0.9); }
.home .figure .figcaption a,
.home .figure .figcaption-2 a,
.home .figure .figcaption-3 a					{ display: block; padding: 15px 10px; color: #fff; }

.home .article 							{ position: relative; padding-top: 15px; font-family: 'Arial', sans-serif; font-size: 13px; }
.home .article:first-child					{ padding-top: 0; }
.home .article:after						{ content: ''; position: absolute; top: 0; left: 0; width: 60px; height: 1px; background: #dbe7f2; }
.home .article:first-child:after 				{ display: none; }
.home .article h3						{ margin-bottom: 5px; font-size: 17px; font-weight: 700; }
.home .article p						{ margin-bottom: 15px; }
.home .article .link-more					{ display: block; color: #0085aa; font-size: 12px; }


.press .block h2 						{ min-height: 42px; height: inherit; }

/* =Menu gauche
-----------------------------------------------------*/
div.context div.box.menu p.title a				{ color: #fff; }
div.context div.box.menu p.title:hover				{ background-color: #417F9C; }
div.context div.box.menu p.title a:hover 			{ text-decoration:none; }
