/* -----------------------------
   Reset
----------------------------- */

html {font-size: 62.5%;	*-webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;}
body {background-color: #ffffff; color: #333333; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;	font-size: 1em;}

h1, h2, h3, h4, h5, h6, p {font-weight: normal;	line-height: 130%;}
h1 {font-size: 2.6em;}
h2 {font-size: 2.4em;}
h3 {font-size: 2.2em;}
h4 {font-size: 2em;}
h5 {font-size: 1.8em;}
h6 {font-size: 1.6em;}
p, figcaption {font-size: 1.4em;}

h1:first-child, h2:first-child, h3:first-child, h4:first-child, h5:first-child, h6:first-child, p:first-child, 
ul:first-child, ol:first-child {margin-top: 0;}
li p, li ul, li ol {margin-top: 0; margin-bottom: 0;}

html, body, textarea, figure, label {margin: 0;	padding: 0;}
ul, ol {padding-left: 2em;}
em {font-style: italic;}
strong {font-weight: bold;}
body > script {display: none !important;}
img {height: auto;	vertical-align: middle;}
a img {border: 0;}

iframe, img, blockquote, code, pre, textarea, input, video {max-width: 100%;}


/* -----------------------------
   Form
----------------------------- */

form, fieldset {border: none;}
input, button, select, label {vertical-align: middle; font-family: inherit;}
textarea {resize: vertical; font-family: inherit; overflow: auto; min-height: 5em; font-size: 100%; vertical-align: top; resize: vertical;}
label {display: inline-block; vertical-align: middle; cursor: pointer;}
legend {border: 0;	white-space: normal;}
button, input, select {font-family: "Trebuchet MS", helvetica, arial, sans-serif; font-size: 100%; margin: 0; vertical-align: middle;}
button, input[type="button"], input[type="reset"], input[type="submit"] {cursor: pointer; -webkit-appearance: button; *overflow: visible;}
input[type="checkbox"], input[type="radio"] {padding: 0; *width: 13px; *height: 13px;}
input[type="search"] {-webkit-appearance: textfield;}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration {display: none;}
::-webkit-input-placeholder {color: #777;}
input:-moz-placeholder, textarea:-moz-placeholder {color: #777;}
button::-moz-focus-inner,
input[type='button']::-moz-focus-inner,
input[type='reset']::-moz-focus-inner,
input[type='submit']::-moz-focus-inner {border: 0; padding: 0;}


/* -----------------------------
   Tables                      
----------------------------- */

table { margin-bottom: 1.5em; }
table {max-width : 100%; table-layout: fixed; border-collapse: collapse; vertical-align: top; width: 100%; border: 1px solid #ccc;}
caption {padding: 10px;	color: #555; font-style: italic;}
tr > * + * {border-left: 1px solid #ccc;}
th, td {padding: .3em .8em;	text-align: left; border-bottom: 1px solid #ccc;}
td {color: #333; max-width: 100%;}


/* -----------------------------
   layout
----------------------------- */

* {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
.ie8 img {width: auto; /* @bugfix for IE8 */}


/* -----------------------------
   Viewport fixing for RWD     
----------------------------- */

@-webkit-viewport {width: device-width;	zoom: 1.0;}
@-moz-viewport {width: device-width; zoom: 1.0;}
@-ms-viewport {width: device-width;	zoom: 1.0;}
@-o-viewport {width: device-width; zoom: 1.0;}
@viewport {width: device-width;	zoom: 1.0;}


/* -----------------------------
   My typo     
----------------------------- */

a {text-decoration: none; color: #244fd1; display: inline-block;}
a:hover {text-decoration: underline;}
a:focus {background-color: #19368e;	color: #ffffff;	-webkit-border-radius: 2px 2px 2px 2px;	-moz-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px;}

input[type=submit], a.more {text-decoration: none; border: none; background-color: #244fd1; color: #ffffff; padding: .5em 1em; -webkit-border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px;}
input[type=submit]:hover, input[type=submit]:focus, a.more:hover, a.more:focus {background-color: #19368e;}

input[type=text], textarea {padding: .25em .5em; display: block; margin-bottom: 1em; border: none; background-color: #e5e5e5;}
input[type=text]:hover, input[type=text]:focus, textarea:hover, textarea:focus {background-color: #19368e; color: #ffffff;}

.align-right {text-align: right;}

/* -----------------------------
   My grid     
----------------------------- */

.centred {margin: auto;}
.fl {float: left;}
.fr {float: right;}
.inner {padding: 5px 10px;}

.c12 {width: 960px; clear: both; overflow: hidden}
.c11 {width: 880px;}
.c9 {width: 720px;}
.c8 {width: 640px;}
.c4 {width: 320px;}
.c3 {width: 240px;}
.c2 {width: 160px;}
.c1 {width: 80px;}

.inner .c2 {width: 150px;}
.c8.innerR {width: 630px; padding-right: 10px}
.c4.innerR {width: 310px; padding-right: 10px}

.smartphone {display: none;}
.clear {clear: both;}


/* -----------------------------
   My design     
----------------------------- */

#top {background-color: #333333; padding: 1em 0 .5em 0}
#top ul, #top li {margin: 0; padding: 0}
#top li {display: inline-block;}
#top a {color: #ffffff; margin-right: 1.5em; font-size: 1.4em}
#top a:hover {opacity: .75}
#top a.active, #top a.menuactive {opacity: .5}
a#link-search:focus, a#link-facebook:focus, a#link-twitter:focus, a#link-rss:focus {background-color: #19368e}

a#link-search, a#link-facebook, a#link-twitter, a#link-rss {display: block; width: 20px; height: 20px; margin-left: 32px; margin-right: 0; overflow: hidden; text-indent: -99999em; background: transparent url(images/sprites.png) no-repeat 0 0;}
a#link-search {background-position: 0 -10px;}
a#link-facebook {background-position: -30px -10px;}
a#link-twitter {background-position: -60px -10px;}
a#link-rss {background-position: -90px -10px;}

header, #slider {padding-top: 2em;}
#header figcaption {padding-top: .5em; font-size: 1.6em}

#primary-nav.c12 {overflow: inherit; margin-top: 1.5em;}
#primary-nav ul, #top li {margin: 0; padding: 0}
#primary-nav li {display: inline-block;}
#primary-nav a {display: block; text-transform: uppercase; color: #333333; font-size: 1.6em; padding: .5em 0.40em; text-decoration: none}
#primary-nav a.active, #primary-nav a.menuactive {color: #ffffff; background-color: #244fd1;}
#primary-nav a:hover, #primary-nav a:focus {background-color: #19368e; color: #ffffff;}

#primary-nav li.menuparent {position: relative;}
#primary-nav li.menuparent:hover ul.unli, #primary-nav li.menuopen ul.unli {display: inherit;}
#primary-nav li.menuparent:hover a, #primary-nav li.menuopen a {background-color: #19368e; color: #ffffff;}
#primary-nav ul.unli {position: absolute; width: 200px; background-color: #ccc; display: none; z-index: 1001}
#primary-nav ul.unli li {display: block;}
#primary-nav li.menuparent ul.unli a {text-transform: none; display: block; padding: .5em 1em; color: #ffffff; background-color: #244fd1;}
#primary-nav li.menuparent ul.unli a.menuactive, #primary-nav li.menuparent ul.unli a:hover {background-color: #19368e;}

#main {margin-top: 2em;}
#main .c8 h1 {text-transform: uppercase; font-size: 2.4em; margin-bottom: 0}
#main .c8 h1 span {color: #858383;}
#main li {font-size: 1.4em}

footer {padding-top: 2em; text-align: center;}
footer a {padding: 0 0.25em;}
footer a.active, footer a.menuactive {text-decoration: underline;}

#agenda, #news-last {background-color: #eaeaea; margin-bottom: 2em;}
#agenda .agenda.summary {clear: both; margin: 1em 0;}
#agenda h1 {margin: 0;}
#agenda h1 span, #news-last h1 span {color: #858383;}
#news-last h2 {font-size: 1.4em; font-weight: bold;}
#news-last h2 a {display: inline;}
#agenda p {margin-top: 0;}
#agenda .agenda.category, #agenda .agenda.date {font-weight: bold;}
#agenda .agenda.date {display: block;}
#download {background-color: #eaeaea;}

#contact-infos {padding-top: 2em}
#contact-infos .contact {text-align: right; padding-top: .25em;}
#contact-infos span.contact-name {text-transform: uppercase; font-size: 1.4em;}
#contact-infos span.contact-tel {text-transform: uppercase; font-size: 2em; font-weight: bold; display: block; margin: .5em 0 0 0;}

article header {padding-top: 1em;}
article h2 {font-size: 1.6em; font-weight: bold; margin-bottom: .5em}

.form-contact {width: 300px; margin-left: 3.5em;}
.form-contact label {display: block; margin-bottom: .5em;}
.form-contact input[type=text] {width: 240px;}
.form-contact textarea {width: 100%; height: 150px;}

#nav-smartphone {padding-top: 1em;}
#nav-smartphone p {margin: 0}
#new-search, #return {background-color: #244FD1; border-radius: 4px 4px 4px 4px; color: #FFFFFF; font-size: 1em; padding: 0.5em 0.75em; text-decoration: none;}
#new-search {float: right}
#search.smartphone input[type=text] {background: transparent url(images/sprites.png) no-repeat 228px -40px;	border: 1px solid #A9ABAD; 	padding: 0 1em;	height: 50px; width: 100%; -webkit-border-radius: 8px 8px 8px 8px;	-moz-border-radius: 8px 8px 8px 8px; border-radius: 8px 8px 8px 8px; color: #000; font-size: 2.5em;}
#search.smartphone input[type=submit] {display: none}
#news-one {margin-top: 2em;}
#news-one h1 {font-size: 1.4em; font-weight: bold;}
#news-one p {margin-top: 0;}
#news-one a.more {background: none; color: #244fd1; padding: 0}
#news-one a.more:hover, #news-one a.more:focus {text-decoration: underline;}
#news-one .article.infos {border-bottom: 1px solid #ccc;}
#news-one .article.infos span {float: right;}

footer .contact-tel a {background: url("images/sprites.png") no-repeat scroll 220px -95px #244FD1; border-radius: 4px 4px 4px 4px; color: #FFFFFF; font-size: 2em; padding: 0.8em 2.5em 0.7em 1em; text-decoration: none;}
footer .contact-tel a:hover, footer .contact-tel a:focus {background-color: #19368e;}

@media (max-width: 959px) {
	.c12 {width: 640px;}
	.c11 {width: 560px;}
	.c8, .c4 {width: 320px;}
	.c8.innerR {width: 310px;}
	#main .c8 h1 {font-size: 1.8em;}
	.home #main .c8 h1 span {display: block;}
	#main .c8 h2 {font-size: 1.6em;}
	#main .c8 h3 {font-size: 1.4em;}
	#main aside h1 {font-size: 1.8em;}
	footer span {display: block;}
	.form-contact {margin-left: 0;}
}

@media (max-width: 639px) {
	.c12, .c11, .c8, .c3, .c1 {width: 280px; margin: auto;}
	.desktop {display: none;}
	.smartphone {display: block;}
	#header {text-align: center; color: #244fd1;}
	.page #header {display: none;}
	.page #main {margin-top: 0}
	#dev-team a {display: block; width: 40%; margin: auto;}
	footer {padding-top: 0}
}