article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary {
display:block
}

audio,canvas,video {
display:inline-block;
*display:inline;
*zoom:1
}

audio:not([controls]) {
display:none;
height:0
}

[hidden] {
display:none
}

html {
font-size:100%;
-ms-text-size-adjust:100%;
-webkit-text-size-adjust:100%
}

html,button,input,select,textarea {
font-family:sans-serif
}

body {
margin:0
}

a:focus {
outline:thin dotted
}

a:active,a:hover {
outline:0
}

h1 {
font-size:2em;
margin:.67em 0
}

h2 {
font-size:1.5em;
margin:.83em 0
}

h3 {
font-size:1.17em;
margin:1em 0
}

h4 {
font-size:1em;
margin:1.33em 0
}

h5 {
font-size:.83em;
margin:1.67em 0
}

h6 {
font-size:.67em;
margin:2.33em 0
}

abbr[title] {
border-bottom:1px dotted
}

b,strong {
font-weight:700
}

blockquote {
margin:1em 40px
}

dfn {
font-style:italic
}

hr {
-moz-box-sizing:content-box;
box-sizing:content-box;
height:0
}

mark {
background:#ff0;
color:#000
}

p,pre {
margin:1em 0
}

code,kbd,pre,samp {
font-family:monospace,serif;
_font-family:'courier new',monospace;
font-size:1em
}

pre {
white-space:pre;
white-space:pre-wrap;
word-wrap:break-word
}

q {
quotes:none
}

q:before,q:after {
content:'';
content:none
}

small {
font-size:80%
}

sub,sup {
font-size:75%;
line-height:0;
position:relative;
vertical-align:baseline
}

sup {
top:-.5em
}

sub {
bottom:-.25em
}

dl,menu,ol,ul {
margin:1em 0
}

dd {
margin:0 0 0 40px
}

menu,ol,ul {
padding:0 0 0 40px
}

nav ul,nav ol {
list-style:none;
list-style-image:none
}

img {
border:0;
-ms-interpolation-mode:bicubic
}

svg:not(:root) {
overflow:hidden
}

figure {
margin:0
}

form {
margin:0
}

fieldset {
border:1px solid silver;
margin:0 2px;
padding:.35em .625em .75em
}

legend {
border:0;
padding:0;
white-space:normal;
*margin-left:-7px
}

button,input,select,textarea {
font-size:100%;
margin:0;
vertical-align:baseline;
*vertical-align:middle
}

button,input {
line-height:normal
}

button,select {
text-transform:none
}

button,html input[type="button"],/* 1 */
input[type="reset"],input[type="submit"] {
-webkit-appearance:button;
cursor:pointer;
*overflow:visible
}

button[disabled],html input[disabled] {
cursor:default
}

input[type="checkbox"],input[type="radio"] {
box-sizing:border-box;
padding:0;
*height:13px;
*width:13px
}

input[type="search"] {
-webkit-appearance:textfield;
-moz-box-sizing:content-box;
-webkit-box-sizing:content-box;
box-sizing:content-box
}

input[type="search"]::-webkit-search-cancel-button,input[type="search"]::-webkit-search-decoration {
-webkit-appearance:none
}

button::-moz-focus-inner,input::-moz-focus-inner {
border:0;
padding:0
}

textarea {
overflow:auto;
vertical-align:top
}

table {
border-collapse:collapse;
border-spacing:0
}
body {
min-width:960px
}

.container_12 {
margin-left:auto;
margin-right:auto;
width:960px
}

.grid_1,.grid_2,.grid_3,.grid_4,.grid_5,.grid_6,.grid_7,.grid_8,.grid_9,.grid_10,.grid_11,.grid_12 {
display:inline;
float:left;
position:relative;
margin-left:10px;
margin-right:10px
}

.push_1,.pull_1,.push_2,.pull_2,.push_3,.pull_3,.push_4,.pull_4,.push_5,.pull_5,.push_6,.pull_6,.push_7,.pull_7,.push_8,.pull_8,.push_9,.pull_9,.push_10,.pull_10,.push_11,.pull_11,.push_12,.pull_12 {
position:relative
}

.alpha {
margin-left:0
}

.omega {
margin-right:0
}

.container_12 .grid_1 {
width:60px
}

.container_12 .grid_2 {
width:140px
}

.container_12 .grid_3 {
width:220px
}

.container_12 .grid_4 {
width:300px
}

.container_12 .grid_5 {
width:380px
}

.container_12 .grid_6 {
width:460px
}

.container_12 .grid_7 {
width:540px
}

.container_12 .grid_8 {
width:620px
}

.container_12 .grid_9 {
width:700px
}

.container_12 .grid_10 {
width:780px
}

.container_12 .grid_11 {
width:860px
}

.container_12 .grid_12 {
width:940px
}

.container_12 .prefix_1 {
padding-left:80px
}

.container_12 .prefix_2 {
padding-left:160px
}

.container_12 .prefix_3 {
padding-left:240px
}

.container_12 .prefix_4 {
padding-left:320px
}

.container_12 .prefix_5 {
padding-left:400px
}

.container_12 .prefix_6 {
padding-left:480px
}

.container_12 .prefix_7 {
padding-left:560px
}

.container_12 .prefix_8 {
padding-left:640px
}

.container_12 .prefix_9 {
padding-left:720px
}

.container_12 .prefix_10 {
padding-left:800px
}

.container_12 .prefix_11 {
padding-left:880px
}

.container_12 .suffix_1 {
padding-right:80px
}

.container_12 .suffix_2 {
padding-right:160px
}

.container_12 .suffix_3 {
padding-right:240px
}

.container_12 .suffix_4 {
padding-right:320px
}

.container_12 .suffix_5 {
padding-right:400px
}

.container_12 .suffix_6 {
padding-right:480px
}

.container_12 .suffix_7 {
padding-right:560px
}

.container_12 .suffix_8 {
padding-right:640px
}

.container_12 .suffix_9 {
padding-right:720px
}

.container_12 .suffix_10 {
padding-right:800px
}

.container_12 .suffix_11 {
padding-right:880px
}

.container_12 .push_1 {
left:80px
}

.container_12 .push_2 {
left:160px
}

.container_12 .push_3 {
left:240px
}

.container_12 .push_4 {
left:320px
}

.container_12 .push_5 {
left:400px
}

.container_12 .push_6 {
left:480px
}

.container_12 .push_7 {
left:560px
}

.container_12 .push_8 {
left:640px
}

.container_12 .push_9 {
left:720px
}

.container_12 .push_10 {
left:800px
}

.container_12 .push_11 {
left:880px
}

.container_12 .pull_1 {
left:-80px
}

.container_12 .pull_2 {
left:-160px
}

.container_12 .pull_3 {
left:-240px
}

.container_12 .pull_4 {
left:-320px
}

.container_12 .pull_5 {
left:-400px
}

.container_12 .pull_6 {
left:-480px
}

.container_12 .pull_7 {
left:-560px
}

.container_12 .pull_8 {
left:-640px
}

.container_12 .pull_9 {
left:-720px
}

.container_12 .pull_10 {
left:-800px
}

.container_12 .pull_11 {
left:-880px
}

.clear {
clear:both;
display:block;
overflow:hidden;
visibility:hidden;
width:0;
height:0
}

.clearfix:before,.clearfix:after {
content:'\0020';
display:block;
overflow:hidden;
visibility:hidden;
width:0;
height:0
}

.clearfix:after {
clear:both
}

.clearfix {
zoom:1
}
.fancybox-wrap,.fancybox-skin,.fancybox-outer,.fancybox-inner,.fancybox-image,.fancybox-wrap iframe,.fancybox-wrap object,.fancybox-nav,.fancybox-nav span,.fancybox-tmp {
padding:0;
margin:0;
border:0;
outline:none;
vertical-align:top
}

.fancybox-wrap {
position:absolute;
top:0;
left:0;
z-index:8020
}

.fancybox-skin {
position:relative;
background:#fff;
color:#444;
text-shadow:none;
border:solid 10px #0b82a8
}

.fancybox-opened {
z-index:8030
}

.fancybox-opened .fancybox-skin {
-webkit-box-shadow:0 10px 25px rgba(0,0,0,0.5);
-moz-box-shadow:0 10px 25px rgba(0,0,0,0.5);
box-shadow:0 10px 25px rgba(0,0,0,0.5)
}

.fancybox-outer,.fancybox-inner {
position:relative
}

.fancybox-inner {
overflow:hidden
}

.fancybox-type-iframe .fancybox-inner {
-webkit-overflow-scrolling:touch
}

.fancybox-error {
color:#444;
font:14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
margin:0;
padding:15px;
white-space:nowrap
}

.fancybox-image,.fancybox-iframe {
display:block;
width:100%;
height:100%
}

.fancybox-image {
max-width:100%;
max-height:100%
}

#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span {
background-image:url(../js/fancybox/fancybox_sprite.png)
}

#fancybox-loading {
position:fixed;
top:50%;
left:50%;
margin-top:-22px;
margin-left:-22px;
background-position:0 -108px;
opacity:.8;
cursor:pointer;
z-index:8060
}

#fancybox-loading div {
width:44px;
height:44px;
background:url(../js/fancybox/fancybox_loading.gif) center center no-repeat
}

.fancybox-close {
position:absolute;
top:-22px;
right:-22px;
width:26px;
height:26px;
background:url(../js/fancybox/closefancybox.png) no-repeat;
cursor:pointer;
z-index:8040
}

.fancybox-nav {
position:absolute;
top:0;
width:40%;
height:100%;
cursor:pointer;
text-decoration:none;
background:transparent url(../js/fancybox/blank.gif);
-webkit-tap-highlight-color:rgba(0,0,0,0);
z-index:8040
}

.fancybox-prev {
left:0
}

.fancybox-next {
right:0
}

.fancybox-nav span {
position:absolute;
top:50%;
width:36px;
height:34px;
margin-top:-18px;
cursor:pointer;
z-index:8040;
visibility:hidden
}

.fancybox-prev span {
left:10px;
background-position:0 -36px
}

.fancybox-next span {
right:10px;
background-position:0 -72px
}

.fancybox-nav:hover span {
visibility:visible
}

.fancybox-tmp {
position:absolute;
top:-99999px;
left:-99999px;
visibility:hidden;
max-width:99999px;
max-height:99999px;
overflow:visible!important
}

.fancybox-lock {
overflow:hidden!important;
width:auto
}

.fancybox-lock body {
overflow:hidden!important
}

.fancybox-lock-test {
overflow-y:hidden!important
}

.fancybox-overlay {
position:absolute;
top:0;
left:0;
overflow:hidden;
display:none;
z-index:8010;
background:url(../js/fancybox/fancybox_overlay.png)
}

.fancybox-overlay-fixed {
position:fixed;
bottom:0;
right:0
}

.fancybox-lock .fancybox-overlay {
overflow:auto;
overflow-y:scroll
}

.fancybox-title {
visibility:hidden;
font:normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
position:relative;
text-shadow:none;
z-index:8050
}

.fancybox-opened .fancybox-title {
visibility:visible
}

.fancybox-title-float-wrap {
position:absolute;
bottom:0;
right:50%;
margin-bottom:-35px;
z-index:8050;
text-align:center
}

.fancybox-title-float-wrap .child {
display:inline-block;
margin-right:-100%;
padding:2px 20px;
background:transparent;
background:rgba(0,0,0,0.8);
-webkit-border-radius:15px;
-moz-border-radius:15px;
border-radius:15px;
text-shadow:0 1px 2px #222;
color:#FFF;
font-weight:700;
line-height:24px;
white-space:nowrap
}

.fancybox-title-outside-wrap {
position:relative;
margin-top:10px;
color:#fff
}

.fancybox-title-inside-wrap {
padding-top:10px
}

.fancybox-title-over-wrap {
position:absolute;
bottom:0;
left:0;
color:#fff;
padding:10px;
background:#000;
background:rgba(0,0,0,.8)
}

@media only screen and (-webkit-min-device-pixel-ratio: 1.5),only screen and (min--moz-device-pixel-ratio: 1.5),only screen and (min-device-pixel-ratio: 1.5) {
#fancybox-loading,.fancybox-close,.fancybox-prev span,.fancybox-next span {
background-image:url(../js/fancybox/fancybox_sprite@2x.png);
background-size:44px 152px
}

#fancybox-loading div {
background-image:url(../js/fancybox/fancybox_loading@2x.gif);
background-size:24px 24px
}
}
@font-face {
font-family:'Muli';
font-style:normal;
font-weight:300;
src:local('Muli Light'),local(Muli-Light),url(http://themes.googleusercontent.com/static/fonts/muli/v4/_fUwxgthNvUM9WCtMyMvbA.woff) format("woff")
}

@font-face {
font-family:'Muli';
font-style:normal;
font-weight:400;
src:local(Muli),url(http://themes.googleusercontent.com/static/fonts/muli/v4/kU4XYdV4jtS72BIidPtqyw.woff) format("woff")
}

.vjs-big-play-centered .vjs-big-play-button {
top:50%!important;
left:50%!important;
margin:-40px 0 0 -60px !important
}

.interlignespan {
line-height:24px
}

h1 {
margin:10px 0;
padding-top:20px;
padding-left:40px
}

h3 {
font-family:'Muli',Arial,sans-serif
}

body {
background:#097699
}

input.placeholder,textarea.placeholder {
color:#aaa
}

#bodypopupvideo {
min-width:480px;
background:#fff
}

#authpopupparent {
display:none
}

#authpopup > div {
width:400px
}

#authpopup > div > h4,#authpopup > div > p {
text-align:center
}

#authpopup > div > div {
width:280px;
margin:0 60px
}

.boiteblanche {
background:#fff;
clear:both;
display:block;
float:left;
width:100%
}

.collapsebtn {
display:block;
padding-right:30px;
margin-right:10px;
background:url(../images/flechecollapse.png) no-repeat right center
}

h5 .collapsebtn {
background:url(../images/flechecollapsep.png) no-repeat right center
}

.collapsebtn.ouvert {
background:url(../images/flechecollapseouvert.png) no-repeat right center
}

h5 .collapsebtn.ouvert {
background:url(../images/flechecollapseouvertp.png) no-repeat right center
}

.collapse {
display:none;
overflow:hidden
}

.cadregaucheblanc {
width:580px;
padding:0 10px 0 40px;
float:left
}

.cadredroitvert {
width:280px;
padding:122px 40px 0 10px;
float:left;
color:#fff;
line-height:18px;
background:url(../images/flecheblanche.png) no-repeat
}

.cadredroitvert p {
margin:10px 0
}

#cadrefacebook {
padding:20px 55px 20px 10px;
background:url(../images/facebookfvert.png) no-repeat 225px center #0b82a8;
font-size:18px;
line-height:22px
}

#cadrefacebook a {
color:#fff
}

#crochetmotdepasse {
position:absolute;
width:25px;
height:42px;
right:-30px;
top:19px;
background:url(../images/crochetmotdepasse.png) no-repeat
}

#crochetmotdepasse #motdepasseok {
position:absolute;
width:17px;
height:23px;
top:9px;
right:-8px;
background:url(../images/motdepasseok.png) no-repeat 0 0
}

#crochetmotdepasse #motdepasseok.ok {
background:url(../images/motdepasseok.png) no-repeat 0 -23px
}

.clear {
clear:both
}

header {
margin:auto;
margin-top:-16px
}

.box {
box-shadow:0 10px 30px rgba(0,0,0,0.75);
height:100%
}

.btnloupe {
background:#0b82a8 url(../images/btnloupe.png) no-repeat center center;
display:inline-block;
height:30px;
width:30px;
border:none
}

.btnloupe:hover {
background-color:#45a0bd
}

.bouton {
display:inline-block;
background:#0b82a8;
line-height:30px;
height:30px;
border:solid 1px #b5b5b5;
color:#fff;
padding:0 10px
}

.bouton:hover {
background-color:#45a0bd
}

#colblancvert {
background:url(../images/bgblancvert.png) repeat-y;
padding-bottom:10px
}

.coindroit {
float:right;
padding:10px 40px
}

.coindroit a,.coindroit p {
color:#0b82a8;
font-size:10pt;
text-align:right
}

#formulaireinscription input.stylized,#formulaireconnexion input.stylized,#formulairepartage input.stylized,#formulairepartage textarea.stylized {
margin:5px 0
}

.firstname {
display:none
}

input.stylized,textarea.stylized {
line-height:30px;
background:#fafafa;
border:1px solid #b5b5b5;
color:#2a2a2a;
font-family:'Muli',Arial,sans-serif;
font-size:14px;
font-weight:300;
padding:0 4px;
height:30px;
box-sizing:border-box;
-moz-box-sizing:border-box
}

textarea.stylized {
height:80px;
line-height:20px
}

input.stylized:focus,textarea.stylized:focus {
outline:0;
border:1px solid #8b8b8b
}

input.stylized.erreur,textarea.stylized.erreur {
border-color:red
}

select.stylized {
position:relative;
height:30px;
z-index:3
}

span.stylized {
width:100%;
box-sizing:border-box;
-moz-box-sizing:border-box;
padding:0 40px 0 5px;
white-space:nowrap;
overflow:hidden;
text-overflow:ellipsis;
position:absolute;
height:30px;
line-height:30px;
z-index:2;
left:0;
color:#2a2a2a;
border-left:solid 1px #b5b5b5;
background:url(../images/selectbox.png) no-repeat right center
}

input.checkbox {
position:relative;
width:15px;
height:15px;
z-index:3;
margin-right:4px
}

span.checkbox {
width:15px;
height:15px;
position:absolute;
top:1px;
left:0;
z-index:2;
background:url(../images/checkbox.png) no-repeat 0 0
}

input.radio {
position:relative;
width:15px;
height:15px;
z-index:3;
margin-right:4px
}

span.radio {
width:15px;
height:15px;
position:absolute;
top:1px;
left:0;
z-index:2;
background:url(../images/radio.png) no-repeat 0 0
}

h2 {
font:26px/42px Muli,Arial,sans-serif;
margin:0;
color:#0b82a8;
margin-bottom:10px
}

h2.bulle {
color:#fff;
padding:0 12px 10px;
display:inline-block;
margin:40px 0 30px;
background:url(../images/titrebulle.png) no-repeat
}

.pagination > div {
display:inline-block
}

.pagination a {
display:block;
float:left;
border-right:1px solid #45a0bd;
background:#0b82a8;
width:30px;
height:30px;
line-height:30px;
text-align:center;
color:#fff;
margin:0;
padding:0
}

.pagination a:hover,.pagination a.current {
background-color:#4ea3d9
}

.pagination a.disabled {
display:none
}

#popupvideo {
width:480px;
background:#fff
}

#listeexperience {
margin-bottom:16px
}

.listeressources {
margin-bottom:30px
}

.listeressources > img {
float:left;
margin-right:20px
}

.col280 {
width:280px;
float:left
}

.col100 {
width:100px;
float:left
}

.col480 {
width:480px;
float:left
}

.colgauchevideo {
width:130px;
margin-right:20px;
float:left
}

.coldroitvideo {
width:430px;
float:left;
margin-bottom:10px
}

h4.bleu,h5.bleu {
color:#0b82a8
}

h4.vert {
color:#7db452
}

hr {
height:1px;
border:0;
background:#dbdbdb
}

#messageerreur {
display:none
}

.menu {
background:#fff;
clear:both;
display:block;
float:left;
height:39px;
margin:0;
padding:0;
list-style:none;
width:100%;
background:#097699
}

.menu > li {
float:left;
margin:0;
text-align:center;
position:relative
}

.menu > li .arrowmenu {
display:none
}

.menu > li.active .arrowmenu {
display:inline-block
}

.menu > li > a {
background:#097699;
border-left:1px solid #0a799d;
border-right:1px solid #45a0bd;
color:#fff;
display:block;
font-family:'Muli',Arial,sans-serif;
font-weight:300;
font-size:16px;
line-height:40px;
text-transform:uppercase;
text-align:center
}

.menu > li.first > a {
border-left:none
}

.menu > li.last > a {
border-right:none
}

.menu > li > a:hover,.lienraison a:hover {
background:#4ea3d9
}

.menu ul {
margin:0;
padding:0;
display:none
}

.menu ul li {
margin:0;
padding:0
}

.menu ul li a {
padding:0 10px;
background:#097699;
border-left:1px solid #0a799d;
border-right:1px solid #45a0bd;
color:#fff;
display:block;
font-family:'Muli',Arial,sans-serif;
font-weight:300;
font-size:14px;
line-height:30px;
text-transform:uppercase;
text-align:left
}

.menu ul li a:hover {
background:#4ea3d9
}

.boitearrow {
background:#fff;
clear:both;
height:24px;
width:960px
}

.arrowmenu {
display:inline-block;
width:0;
height:0;
line-height:0;
border-top:10px solid #097699;
border-left:10px solid transparent;
border-right:10px solid transparent;
position:absolute;
bottom:-10px;
left:50%;
margin-left:-10px
}

.bgphoto {
clear:both;
background:url(../images/photo.jpg) no-repeat top center;
float:left;
width:960px;
height:100%
}

.but {
background:#7db452;
opacity:.85;
width:616px;
height:76px;
padding:10px 40px;
margin-top:247px
}

.but p {
color:#fff;
font-family:'Muli',Arial,sans-serif;
font-weight:300;
font-size:18pt;
line-height:20pt;
opacity:1;
margin:0;
padding:0
}

.raison {
float:left;
padding-left:40px;
width:656px
}

.raison p {
margin:10px 0
}

.raison p.lienraison {
display:inline-block;
float:left;
margin:0;
margin-right:10px
}

.lienraison a {
background:#0b82a8;
color:#fff;
display:inline-block;
font-size:16pt;
line-height:20px;
text-align:center
}

.inscrivez a {
padding:12px 14px
}

.inscrivez a > span {
font-size:10pt
}

.partagez a {
padding:13px 14px
}

.imgvert {
margin:-96px -20px 0 20px
}

.bordurebas {
border-bottom:1px solid #ccc;
height:216px
}

.infos {
background:#e8e8e9;
border-top:1px solid #fff;
clear:both;
display:block;
float:left;
margin-top:0;
width:100%
}

.infos h3,.listeinfos h3 {
color:#7db452;
font-size:22pt;
font-weight:400;
margin-bottom:0;
margin-top:20px;
padding:6px 10px;
padding-bottom:20px;
border-top:solid 1px #cbcbcc
}

.infos h3 {
background:url(../images/bullegrise.png) center no-repeat;
display:inline-block;
float:left;
width:333px
}

.nouvelle {
float:left;
padding-left:30px;
margin:0 10px;
width:430px
}

.nouvelle li {
width:420px
}

#nouvelledetail > img {
float:left;
margin-right:20px
}

.infos ul,.listenouvelle ul {
list-style:none;
margin-top:0;
padding:0
}

.infos li,.listenouvelle li {
border-bottom:1px dashed #7b7b7b;
display:inline-block;
height:100%;
padding:10px 0
}

.infos li:last-child,.listenouvelle li:last-child {
border:none
}

.infos p,.listenouvelle p {
font-size:10pt;
line-height:12pt
}

.infos .titre a,.listenouvelle .titre a {
color:#0b82a8;
font-size:14pt;
font-family:'Muli',Arial,sans-serif
}

.infos .date,.infos .titre,.listenouvelle .date,.listenouvelle .titre {
margin:0
}

.rss {
margin:0
}

.rss a {
background:url(../images/rss.png) center no-repeat;
display:inline-block;
height:32px;
float:right;
width:32px;
margin:10px;
margin-top:30px
}

.rss img {
display:inline-block;
float:right;
height:30px;
width:30px
}

.nouvelle .date,.listenouvelle .date {
color:#4e4e4e;
font-size:9pt
}

.nouvelle .description > p,.listenouvelle .description > p {
display:inline-block;
margin:0;
padding:0;
margin-top:6px
}

.nouvelle li div {
float:left;
padding-right:15px;
width:310px
}

.nouvelle li img,.listenouvelle li img {
float:right
}

.calendrier li {
display:block;
float:left;
height:100%
}

.calendrier li div {
float:left
}

.blocdate {
float:left;
text-align:center;
width:60px
}

#page-midispedagogiques .blocdate,#page-reseauter .blocdate {
margin-bottom:30px
}

#page-midispedagogiques .description,#page-reseauter .description {
margin-bottom:30px;
width:500px;
float:left;
margin-left:20px
}

.blocdate p {
margin:0;
color:#fff;
line-height:30px
}

.blocdate .jour {
background:#0b82a8;
font-size:12pt;
font-weight:700
}

.blocdate .mois {
background:#4ea3d9;
font-size:10pt
}

.cadreblancbordure {
border:solid 5px #097699;
background:#fff;
text-align:center;
padding:10px;
width:100%;
font-weight:700;
color:#7db452;
box-sizing:border-box;
-moz-box-sizing:border-box
}

.cadrebleubordure {
display:block;
border:solid 5px #fff;
background:url(../images/iconcalendrier.png) no-repeat 210px center #097699;
padding:20px 10px;
width:100%;
font-weight:700;
color:#fff;
box-sizing:border-box;
-moz-box-sizing:border-box
}

.calendrier .categorie {
color:#4e4e4e;
font-size:10pt;
margin-top:2px;
margin-bottom:4px
}

.calendrier .description {
margin-left:10px;
margin-right:6px;
width:350px
}

.boitefleche {
text-align:center
}

.flechebasmilieu {
display:inline-block;
width:0;
height:0;
line-height:0;
border-top:20px solid #e8e8e9;
border-left:20px solid transparent;
border-right:20px solid transparent;
position:relative;
left:0;
top:24px
}

.liresuitetexte {
display:none
}

.listeinfos {
background:#e8e8e9;
border-top:1px solid #fff;
clear:both;
display:block;
float:left;
margin-top:0;
width:100%
}

.listeinfos h3 {
display:block;
text-align:center
}

.listenouvelle {
margin:0 60px
}

.listenouvelle li {
width:100%
}

.listenouvelle li div {
float:left;
padding-right:15px;
width:100%
}

.basgauche {
width:480px
}

.basdroit {
width:260px
}

.basgauche,.basmilieu,.basmilieu a {
float:left
}

.basmilieu {
margin-top:4px;
margin-left:10px
}

.facebook {
background:url(../images/facebook_box_white.png) no-repeat 0 0
}

.facebooklong {
width:110px;
height:32px;
background:url(../images/facebook_box_white.png) no-repeat 0 0
}

.linkedin {
background:url(../images/linkedin_box_white.png) no-repeat 0 0
}

.twitter {
background:url(../images/twitter_box_white.png) no-repeat 0 0
}

.basmilieu a:hover {
background-position:0 -32px
}

.basgauche a {
float:left
}

.basgauche a.uqac,.basgauche a.uqat,.basgauche a.uqo {
padding:0;
display:block;
height:47px
}

.basgauche a.uqac {
width:80px;
background:url(../images/uqac.png) no-repeat 0 0
}

.basgauche a.uqac:hover {
background-position:0 -47px
}

.basgauche a.uqat {
width:147px;
background:url(../images/uqat.png) no-repeat 0 0
}

.basgauche a.uqat:hover {
background-position:0 -47px
}

.basgauche a.uqo {
width:89px;
background:url(../images/uqo.png) no-repeat 0 0
}

.basgauche a.uqo:hover {
background-position:0 -47px
}

.basdroit {
float:right
}

.basdroit,.basdroit a {
color:#fff;
text-align:right
}

.bggris {
clear:both;
background:url(../images/bgfoot.png) repeat-x center;
height:38px;
padding:10px 40px;
width:880px
}

.bggris p {
font-size:10pt;
line-height:20px;
font-weight:400;
margin:0;
padding:0
}
p.introduction {
font:italic 14px/18px Arial,sans-serif;
color:#7db452
}

td,th {
min-width:2em
}

body {
font:14px/22px Arial,sans-serif
}

a {
color:#0b82a8;
text-decoration:none
}

p {
margin:16px 0
}

h3 {
font:20px/24px Muli,Arial,sans-serif;
margin:0
}

h4 {
font:18px/24px Muli,Arial,sans-serif;
margin:0
}

h5 {
font:16px/24px Muli,Arial,sans-serif;
margin:0
}