@font-face {
    font-family: 'robotoregular';
    src: url('../fonts/roboto-regular-webfont.eot');
    src: url('../fonts/roboto-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/roboto-regular-webfont.woff2') format('woff2'),
         url('../fonts/roboto-regular-webfont.woff') format('woff'),
         url('../fonts/roboto-regular-webfont.ttf') format('truetype'),
         url('../fonts/roboto-regular-webfont.svg#robotoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'sansationregular';
    src: url('../fonts/sansation_regular-webfont.eot');
    src: url('../fonts/sansation_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/sansation_regular-webfont.woff2') format('woff2'),
         url('../fonts/sansation_regular-webfont.woff') format('woff'),
         url('../fonts/sansation_regular-webfont.ttf') format('truetype'),
         url('../fonts/sansation_regular-webfont.svg#sansationregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'latoregular';
    src: url('../fonts/lato-regular-webfont.eot');
    src: url('../fonts/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/lato-regular-webfont.woff2') format('woff2'),
         url('../fonts/lato-regular-webfont.woff') format('woff'),
         url('../fonts/lato-regular-webfont.ttf') format('truetype'),
         url('../fonts/lato-regular-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
html {
  box-sizing:border-box;
}
body, html {
  -webkit-font-smoothing:antialiased;
  color:#212121;
  font-family:'sansationregular', arial;
  font-size:16px;
  font-stretch:normal;
  font-style:normal;
  font-variant:normal;
  font-weight:400;
  line-height:25px;
  margin:0;
  padding:0!important;
  height:100%;
  background:#fff!important;
  /*background:url('../img/fond_forum.png') no-repeat;
    background-attachment: fixed;
    background-position: right 10px bottom 150px;*/
}
a:hover {
    color: #F59137!;
    text-decoration:none!important;
}
div#illust-bg-right{
    position :absolute;
    z-index:17000;
    bottom:0px;
    right:0px;
    overflow-x:hidden;
}
small, small.cktsqy-small {
    color:dimgray;
    font-size:10px!important;
    margin-top:5px;
}
h2.cktsqy-h2 {
    color:#2970a9;
    font-family:'sansationregular', arial;
    letter-spacing:2px;
    font-size:20px;
}
.h2-img-title {
    vertical-align: middle;
    padding-bottom: 3px;
    padding-right: 10px;
}

h3.cktsqy-h3 {
    color:darkorange;
}
hr.cktsqy-hr {
    margin-top:15px;
    margin-bottom:15px;
}
p.cktsqy-p {
    padding: 10px;
    width: 95%;
    margin: 10px auto;
    background: #f8f8f8;
    line-height: 16px;
    border: 1px solid #cecece;
    font-family:'sansationregular', Arial;
}
label.cktsqy-label {
    display:block;
    margin-top:20px;
    letter-spacing:2px;
}
div#login_form label {
    display:inline-block;
    margin-top:8px;
    letter-spacing:2px;
}
.cktsqy-wrapper {
    position:relative;    /*ajout*/
    width:100%;
    margin:0 auto;
    min-height:1500px;
    min-width:100%;
    height:100%;
}
:link, :visited {
  color:#127eb5;
  outline:0;
  text-decoration:none;
}
li, label{
    text-transform:Capitalize;
}
section {
    margin-bottom: 30px;
    padding: 0 30px 0 30px;
    border-left: 3px solid #0d98de;
}
iframe {
    border:none;
}
/* --------------------------------------------------------------------------------------------------------------
--                                                 Header                                                      --
---------------------------------------------------------------------------------------------------------------*/
.bubble, .bubbleTw
{
    position: fixed;
    width: 280px;
    height: 600px;
    padding: 8px 2px 1px 2px;
    background: #FFFFFF;
    -webkit-border-radius: 13px;
    -moz-border-radius: 13px;
    border-radius: 13px;
    border: #A7C423 solid 6px;
    display:none;
    z-index:14000;
    top:48px;
    left:0;
}

.bubble:after, .bubbleTw:after
{
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 0 11px 17px;
    border-color: #FFFFFF transparent;
    display: block;
    width: 0;
    z-index: 1;
    margin-left: -11px;
    top: -17px;
    left: 76%;
}

.bubble:before, .bubbleTw:before
{
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 0 16px 22px;
    border-color: #A7C423 transparent;
    display: block;
    width: 0;
    z-index: 0;
    margin-left: -16px;
    top: -28px;
    left: 76%;
}
.fb-cancel, .tw-cancel {
    display:block;
    position:absolute;
    top:3px;
    right:8px;
    color:#fff;
    height:10px;
    width:15px;
    font-size:10px;
    text-decoration:none;
    text-align:center;
    background:olive;
    font-weight:bold;
    line-height:10px;
    padding:3px 0 2px 0;
}
.fb-cancel:hover, .tw-cancel {
    background:red;
    cursor:pointer;
}
/* --------------------------------------------------------------------------------------------------------------
--                                                 Header                                                      --
---------------------------------------------------------------------------------------------------------------*/
.cktsqy-top-section {
  background-color:#CBE26E;
  top:0;
  width:100%;
  z-index:10005;
  height:32px;
  line-height: 10px;
}
.cktsqy-logo {
  color:#0D98DE;
  display:none;
  height:36px;
  vertical-align:top;
  margin-top:10px;
  margin-right:5px;
}
.cktsqy-search {
  position:relative;
  display:inline-block;
  border-radius:2px;
  height:36px;

  transition:opacity 0.2s;
  vertical-align:top;
  max-width:300px;
  width:100%;
  margin-top: 1px;
}
.cktsqy-login {
    color:#2970a9;
    height:16px;
    position:relative;
    transition:opacity 0.2s;
    display:inline-block;
    font-size:12px;
    height:36px;
    margin:-5px 0 0 0;
    float:right;
}
.cktsqy-login a {
    color:#2970a9;
}
.cktsqy-login ul {
    list-style-type: none;
    margin-top: 6px;
    margin-bottom: 6px;
}

.cktsqy-login ul li {
    display:inline-block;
    padding: 0 2px 0 2px;
}
.cktsqy-login ul li ul {
    padding: 0 5px 0 0;
    position: relative;
}
.cktsqy-login ul li ul li{
    display:inline-block;
    padding: 0 2px 0 2px;
}
.cktsqy-login ul li img {
    vertical-align:text-bottom;
}
.cktsqy-login ul li ul li img {
    vertical-align:text-bottom;
}
.intro {
    width:100%;
    background:#0D98DE url("../img/bg1.png");
    /*background: #0D98DE;*/
    box-shadow:rgba(0, 0, 0, 0.137255) 0 0 4px, rgba(0, 0, 0, 0.278431) 0 4px 8px;
    position:relative;
    z-index:10004;
}
.illust {
    max-width:1024px;
    margin:30px auto 0 auto;
    padding:0;
    height:140px;
    max-height:140px;
    background:transparent url("../img/header1.png");
    position:relative;
}
.gl_search {
    display:none;
}
input.gsc-search-button, input.gsc-search-button:hover, input.gsc-search-button:focus {
    border-color: transparent!important;
    background-color: olivedrab!important;
    opacity: 0.7!important;
}

#gsc-i-id1 {
     margin-top:-2px!important;
     /*background:#2970a9!important;*/
     color:#0d98de!important;
}
.gsc-input-box {
     /*background:#2970a9!important;*/
      border-radius:3px!important;
      border:0!important;
      color:#0d98de!important;
      transition:color 0.2s!important;
      width:100%!important;
      /*margin-top:-5px!important;*/
}
input.gsc-search-button {
    margin-left: 0!important;
}
input.gsc-search-button-v2, input.gsc-search-button-v2 {
    height: 10px!important;
    padding: 6px 17px!important;
    min-width: 13px!important;
    margin-top: 2px!important;
}

.cktsqy-search-image {
    float:left;
    height:18px;
    width:18px;
    background:url("../img/theme/search-btn-white.png") left no-repeat;
    margin-top:6px;
    margin-right:10px;
    padding:0;
}
.cktsqy-search-image:hover {
    cursor:pointer;
}
#admin-menu-image {
    float:left;
    height:18px;
    width:18px;
    background:url("../img/theme/menuB18.png") left no-repeat;
    margin-top:6px;
    margin-right:10px;
    padding:0;
}
#admin-menu-image:hover {
    background:url("../img/theme/menuW.png") left no-repeat;
    cursor:pointer;
}
.cktsqy-input-text {
    float:left;
    width:70%;
    margin:1px 0;
}
.cktsqy-head-section {
    max-width:1024px;
    margin:auto;
    padding-left:10px;
    position:relative;
}
input.cktsqy-search-field {

      background:#2970a9;
      border-radius:3px;
      border:0;
      color:#FFFFFF;
      height:26px;
      margin:5px;
      padding:5px 5px 5px 5px;
      transition:color 0.2s;
      width:100%;
}
[required] {
   border: 1px solid orange;
}
#fb_link {
    position:relative;
}
#close_fb {
    float: right;
    padding-bottom: 3px;
}
/* --------------------------------------------------------------------------------------------------------------
--                                                 Navigation bar                                              --
---------------------------------------------------------------------------------------------------------------*/
#navbar {
    /*width:1006px;
    max-width:1006px;*/ /* Ajout*/
    width:100%;
    /*margin:0 auto;*/
    padding:0;
    min-height:30px;
    height:30px;
    max-height:30px;
    background:#2970a9;
    position:relative;

}
.cktsqy-nav-bloc {
    /*float:left;*/ /* Ajout*/
    margin:0;
    position:relative;
    z-index:10000;
}
.cktsqy-nav-bloc ul {
  list-style-type:none;
  padding:0;
  margin:0 auto;
}
.cktsqy-nav-bloc ul li {
  display:inline-block;
  margin:0;
  border-bottom-color:transparent;
  border-bottom-style:solid;
  border-bottom-width:3px;
  border-top-color:transparent;
  border-top-style:solid;
  border-top-width:2px;
  color:rgba(255, 255, 255, 0.701961);
  font-family:'sansationregular', sans-serif;
  font-size:12px;
  font-stretch:normal;
  font-style:normal;
  font-variant:normal;
  font-weight:500;
  padding:1px 15px 0 15px;
  text-transform:uppercase;
  transition:color 0.2s;
    line-height:24px;
}
.cktsqy-nav-bloc ul li img {
    vertical-align:middle;
    margin:0 0 3px 3px;
}
.cktsqy-nav-bloc ul li:hover {
    color: #2970a9;
    background-color:#CBE26E;
    border-bottom-color:#CBE26E!important;
}
.fixed {
    height:60px;
    position:fixed;
    background-color : #2970a9;
    top:0;
}
.nav-fixed {
    /*background-color:#2970a9; Ajout*/
    height:56px;
    min-width:1006px;    /* Ajout*/
    width:1006px;		/* Ajout*/
    position:fixed;
    /*left:50%;*/
    margin-top:32px;
    /*margin-left:-503px;*/
}
.cktsqy-tab-active {
  border-bottom-color:#FFFFFF;
  color:#FFFFFF;
}
#menu-deroulant, #menu-deroulant ul {
    padding: 0;
    margin: 0;
    list-style: none;
}
#menu-deroulant {position:relative;
/* on centre le menu dans la page */
    text-align: center;
    z-index:999;
}
#menu-deroulant li {
/* on place les liens du menu horizontalement */
    display: inline-block;
}
#menu-deroulant ul li {
/* on enlève ce comportement pour les liens du sous menu */
    display: inherit;
}
#menu-deroulant ul li:hover {
    border-color:transparent;
}
#menu-deroulant li ul li a {
    color: rgba(41, 112, 169, 1);
    text-transform: capitalize;
    margin-left: 5px;
    font-size: 13px;
}

#menu-deroulant li ul li {
    border:none;
    padding-right: 20px;
}
#menu-deroulant li ul li:hover {
    background-color:#F59137;
}
#menu-deroulant li ul li a:hover {
    color:#FFF;
}
#menu-deroulant a {
    text-decoration: none;
    display: block;
    color: #FFF ;
}
#menu-deroulant a:hover {
    color:#2970a9;
}
#menu-deroulant ul {
    position: absolute;
/* on cache les sous menus complètement sur la gauche */
    left: -999em;
    text-align: left;
    min-width:100px;
    background-color:#CBE26E;
    margin-top:2px;
    z-index:998;
    border-bottom-right-radius:4px;
    border-bottom-left-radius:4px;
    margin-left: -15px;
}
#menu-deroulant li:hover ul {
/* Au survol des li du menu on replace les sous menus */
    left: auto;
}


/* --------------------------------------------------------------------------------------------------------------
--                                                       content                                               --
---------------------------------------------------------------------------------------------------------------*/
/*media screen, projection*/
#wrap {
    margin: 10px auto 105px auto!important;
    min-height:1000px;
}

#cktsqy-content-wrapper {
  margin:0 auto;
  min-height:100%;
  position:relative;
  padding:0 5px;
  background:#FFFFFF;
  z-index:10001;
  -webkit-font-smoothing:antialiased;
  color:#212121;
  font-family:'latoregular', sans-serif;
  font-size:12px;
  height:100%;
  line-height:18px;
}
#up:hover {
    background: olivedrab url("../img/theme/upW.png") no-repeat 10px 10px;
}
#up a {
    color: #ffffff;
    font-family: sansationregular;
    letter-spacing: 2px;
}
#up {
    padding: 10px 0px 14px 30px;
    height: 16px;
    width: 120px;
    right: 100px;
    -moz-border-radius: 4px 4px 0px 0px;
    -webkit-border-radius: 4px 4px 0px 0px;
    border-radius: 4px 4px 0px 0px;
    font-family: 'latoregular', arial;
    font-weight: normal;
    background: #0d98de url("../img/theme/upW.png") no-repeat 10px 10px;
    color: #ffffff;
    font-size: 19px;
    -moz-box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, .5);
    -webkit-box-shadow: 0px 1px 1px -1px rgba(0, 0, 0, .5);
    -ms-box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, .5);
    -o-box-shadow: 0px 1px 3px -1px rgba(0, 0, 0, .5);
    position: relative;
    cursor: pointer;
    display:none;
}
#pagescroller {
    position: fixed;
    bottom: 0px;
    width: 150px;
    right: 0px;
    z-index: 30000;
    display:none;
}
#cktsqy-content {
    height:100%;
    z-index:10002;
    width:100%;
    position:relative;
}
#loginScreen {
    position:fixed;
    left:0;
    right:0;
    display:block;
    min-width:400px;
    Width:430px;
    Height:240px;
    margin:0 Auto;
    Background:#FFFFFF;
    top:35%;
    z-index :13000;
    display:none;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}
label#user-label {
    margin-right:32px;
    font-weight: bold;
}
label#psw-label {
    margin-right:10px;
    font-weight:bold;
}
label#autologin-label {
    margin-right:5px;
    font-size:10px;
}
input#autologin {
    vertical-align:middle;
}
input#login_submit {
    float:right;
    margin:20px 0 0 0;
}
#mosa{
    position: absolute;
    top: 360px;
    /*right: -75px;*/
    background: url(../img/theme/mosaique2.png) repeat right;
    z-index: 0;
    width: 100%;
    height: 384px;
    margin: 0;
    opacity: 0.1
}
#cover{
    position:fixed;
    top:0;
    left:0;
    background:rgba(0,0,0,0.6);
    z-index:12000;
    width:100%;
    height:100%;
    display:none;
}
#mask{
    position:fixed;
    top:0;
    left:0;
    background:rgba(0,0,0,0.6);
    z-index:12000;
    width:100%;
    height:100%;
    display:none;
}
#loginScreen:target, #loginScreen:target + #cover:target{
    display:block;
    opacity:2;
}
#mweather:target, #mweather:target + #cover:target{
    display:block;
    opacity:2;
}
#guruholder:target, #guruholder:target + #cover:target{
    display:block;
    opacity:2;
}
.cancel {
    display:block;
    position:absolute;
    top:3px;
    right:2px;
    background:rgb(245,245,245);
    color:black;
    height:30px;
    width:35px;
    font-size:30px;
    text-decoration:none;
    text-align:center;
    font-weight:normal;
}
.cancel-bg{
    background:transparent;
    color:#fff;
}

#login_form {
    width:80%;
    margin:0 auto;
    text-align:left;
    font-size:14px;
    line-height:30px;
}
form#contact {
    margin:0 auto;
    width:459px;
}
input#nom,input#prenom,input#email, textarea#message {
    width:439px;
    background:#efefef;
    border:1px solid #dedede;
    padding:10px;
    margin-top:3px;
    font-size:0.9em;
    color:#3a3a3a;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
}
input#nom:focus, input#prenom:focus,input#email:focus, textarea#message:focus {
    border:1px solid #97d6eb;
}
textarea#message {
    height:213px;
    background:url(../img/textarea-bg.png) right top no-repeat #efefef;
    margin-bottom:10px;
}
#message-submit {
    width:125px;
    height:25px;
    background:url("../img/theme/send.png");
    text-indent:-9999px;
    border:none;
    margin-top:20px;
    cursor:pointer;
}
#message-submit:hover {
    opacity:.8;
}
div.question img{
    vertical-align: middle;
    margin-right: 10px;
}
legend.cktsqy-legend {
    margin:0 0 0 0;
    text-align:left;
    font-size:16px;
    color:orange;
    line-height:50px;
}
main {
  float:left;
  width:73%;
  background:#fff;
  padding-bottom:100px;
    margin-left:15px;
}
.single_col {
    width:100%;
}
.dual_col {
    width:81%;
}
div.see-in-flickr {
    float:right;
    margin-top:10px;
    margin-bottom:20px;
}
div.see-in-flickr img {
    vertical-align:middle;
    margin-right:10px;
}
div#contact {
    width:460px;
    margin:40px auto;
}
div#google-agenda {
    width:800px;
    margin:40px auto;
}
div.slider {
     width:98%;
}
ul.bxslider {
    margin:0px;
}
.marker {
    width:170px;
}
div.question {
    line-height:15px;
    color:#0d98de;
    font-size:14px;
    margin-bottom:10px;
}
div.answer {
    line-height:20px;
}
#div_1 {
 margin-top:50px;

}
div#pres-content, #code, #cdpc, #links, #equipement, #disciplines, #pressbook, #trombinoscope{
    width:98%;
}
div#disciplines {
    width:98%;
}
div#code p {
    color:#2970a9;
    text-transform:none;
    font-size:14px;
    font-style:normal;
}
div#code ul {
    margin-bottom: 30px;
}
div#code img{
    margin:-10px 0 0 5px;
    border:1px solid #2970a9;
}
div#code p img{
    margin:0 10px 0 10px;
    border:none;
}
div#code ul li, div#cdpc ul li, div#equipement ul li {
    text-transform:none;
}
div#links ul {
    margin-bottom:20px ;
}
div#links ul li {
    text-transform:none;
    list-style-type:none;
    line-height:25px;
}
div#links ul li img {
    vertical-align: middle;
    margin-right:10px;
}
div#links ul li.comment {
    margin-left:25px;
    margin-top:2px;
    color:#A226B7;
}
div#links ul li.url {
    margin-left:25px;
    margin-top:2px;
}
div#equipement ul li b,div#links ul li b {
    color:#2970a9;
    font-size:14px;
}
div#equipement ul li {

}
div#equipement i {
    color:#0d98de;
}
div#equipement p img{
    vertical-align:middle;
    margin-top: -8px;
}
div#pres-content ul li {
    color:#2970a9;
    text-transform:none;
}
div#pres-content ul li h4 small {
    font-weight:normal;
}
div#pres-content ul li ul li {
    color:#000;
    text-transform:none;
    text-align:justify;
}
#PC-content {
    float: right;
    width: 290px;
    padding: 40px 0;
    text-indent: 25px;
}
#files {
    width: 95%;
    margin-left: 4px;
    padding: 10px;
    background-color: #efefef;
    border: 1px solid #cecece;
}
table#tarif
{
border-collapse:separate;
width:100%;
max-width:700px;
min-width:400px;
margin:10px auto 30px;
}
table#tarif tr:nth-child(odd) td
{
  background-color: rgba(5, 112, 245, 0.12);;
}
table#tarif tr:nth-child(odd) th
{
  background-color: rgba(5, 112, 245, 0.12);;
}
caption
{
caption-side:top;
font-family:latoregular,arial;
color:#0d98de;
margin:4px;
}

#inscription li {
    text-transform:none;
}
#inscription img {
    margin-left:10px;
    vertical-align:middle;
}
#inscription li img {
    vertical-align:middle;
    margin:5px 10px 5px 0;
}
table#tarif,th#tarif, td#tarif
{
border: 1px solid #cecece;
}

th#tarif , td#tarif
{
height: 24px;
padding:4px;
vertical-align:middle;
}
#tarif th
{
text-align: left;
padding-left:15px;
}
#tarif td
{
text-align: right;
padding-right:15px;
}
.rowtitle
{
background: #9CF;
font-weight:bold;
}
#gmap-dropdown {
    height:600px;
    width:95%;
    padding:10px;
    margin:5px auto;
}
aside {
  float:left;
  width:18%;
  margin-left:5px;
  background:#fff;
}
#left {
    display:none;
}
#right {
  width:24%;
  background:#ecf9c5;
  min-height:1500px;
  padding-bottom:65px;
}
.addthis_sharing_toolbox {
    width: 100%;
    margin: 11px 10px -15px 17px;
}
#connected-box {
    width: 80%;
    margin: 25px Auto;
    background: #0d98de;
    line-height: 12px;
    padding: 10px;
    text-align: center;
    color: #fff;
    font-size: 12px;
    border-radius: 5px;
    display: none;
}
#connected-box ul {
    text-align: left;
    margin-left:-20px;
}
#connected-box ul li {
    line-height: 17px;
}
#connected-box a{
    color:#ecf9c5;
    font-size:10px;
}
#left-navigation {
    font-size:12px;
    line-height:18px;
    width: 94%;
    border-right-color: #ccc;
    border-right-style: solid;
    border-right-width: 1px;
    margin:0 0 0 -15px;
}
#left-navigation ul {
    list-style-type:none;
}
#left-navigation li {
    line-height:25px;
}
#left-navigation ul a {
        text-decoration : none;
}
#left-navigation ul li img{
        vertical-align:middle ;
}
#left-navigation ul li.selected{
        margin:0 0 0 -16px ;
        font-weight:bold;
}
#left-navigation ul li.selected a{
        color:#2970a9;
}
#left-navigation ul a:hover {
        color:#F59137;
}
#nav-title {
        color:#2970a9;
        font-weight:bold;
        width:80%;
        margin:20px 0 0 5px;
        line-height:10px;
}
.accordion-left {
    margin:-10px 0 auto;
    width:80%;
    text-align:center;
}
.accordiontitle-left {
    line-height:15px;
    padding-bottom: 3px;
    padding-top: 3px;
    border-bottom: dotted 1px #C4C5C0;
    cursor:pointer;
}
.accordiontitle-left.selected {
        color:darkslategrey;
        font-weight:bold;
        border-bottom: dotted 1px transparent;
        text-align:center;
        cursor:auto;
    font-size:13px;
}
.accordion-right {
    margin:0 auto;
    width:90%;
    text-align:center;
}
.accordiontitle-right {
    line-height:12px;
    padding-bottom: 3px;
    padding-top: 3px;
    border-bottom: dotted 1px #0d98de;
    cursor:pointer;
    color:#127eb5;
}
.accordiontitle-right.selected {
        color:darkorange;
        font-weight:bold;
        border-bottom: dotted 1px transparent;
        text-align:center;
}
.accordion-disciplines img {
    margin:0 10px 0 0;
    vertical-align:top;
}
.accordiontitle-disciplines {
    cursor: pointer;
    letter-spacing: 2px;
    font-size: 0.8em;
    background: url("../img/theme/down.png") left 2px no-repeat;
    padding-left: 30px;
}
.accordiontitle-disciplines.selected {
    background: url("../img/theme/selectedOr.png") left 2px no-repeat;
    padding-left: 30px;
}
.accordiontitle-disciplines.selected h2 {
    color:darkorange;
        cursor: none;
}
.module {
    margin-bottom:20px;
}
.accordion-disciplines .disc-content {
    width: 320px;
    margin-right: 10px;
    text-indent: 20px;
    float: right;
    text-align: justify;
    margin-bottom: 50px;
    padding: 10px;
    background-color: #efefef;
}
#partenaires h3 {
    color:#2970a9;
    margin-top:70px;
    margin-left:5px;
    border-bottom: 1px solid;
    width: 78%;
}
#informations h3 {
    color:#2970a9;
    border-bottom: 1px solid;
    width: 90%;
    margin-left:10px;
    margin-top:25px;
}
/* --------------------------------------------------------------------------------------------------------------
--                                                       colonne 2                                             --
---------------------------------------------------------------------------------------------------------------*/
.cktsqy-panel {
    font-size:16px;
    line-height:35px;
    text-align:center;
    width:90%;
    margin:15px auto;
    background:#CBE26E;
    color:#2970A9;
    font-weight:bold;
    letter-spacing:2px;
}
.twitter {
    text-align: center;
    margin-top: 5px;
    margin-bottom: -15px;
}
.infos-panel {
    font-family: 'robotoregular',sans-serif;
    list-style-type:none;
    color:black;
    line-height:18px;
    padding-bottom:10px;
}
.tides-panel {
    font-family: 'robotoregular',sans-serif;
    color:black;
    font-size:8px;
    line-height:9px;
}
.meteo-panel {
    border-bottom:1px dotted #cecece;    border-bottom:1px dotted #cecece;
}
#widget_a938cb0d3f323b40da658061f0a79e40 {
    font-family: 'robotoregular',sans-serif;
    margin:5px auto;
}

.accordiontitle-right img {
margin-right:10px;
    vertical-align:baseline;
}
#cal-panel ul {
    list-style-type:none;
    margin:0 20px 0 -26px;
}
#cal-panel ul li {
        background:url("../img/theme/Cal16G.png") top left no-repeat;
        margin:4px 0 4px 0;
        line-height:14px;
        border-bottom:solid 1px #CBE26E;
        padding:0 0 4px 28px;
        width:90%;
}
#forum-panel ul {
    list-style-type:none;
    margin:0 20px 0 -26px;
}
#forum-panel ul li {
        background:url("../img/theme/Msg16G.png") top left no-repeat;
        margin:4px 0 4px 0;
        line-height:14px;
        border-bottom:solid 1px #CBE26E;
        padding:0 0 4px 22px;
        width:90%;
        text-transform: none;
}
#crifck-panel ul {
    list-style-type:none;
    margin:0 20px 0 -26px;
}
#crifck-panel ul li {
        background:url("../img/theme/Canoeing16G.png") top left no-repeat;
        margin:4px 0 4px 0;
        line-height:14px;
        border-bottom:solid 1px #CBE26E;
        padding:0 0 4px 22px;
        width:90%;
        text-transform: none;
}
#crifck-mention {
    width: 70%;
    line-height: 14px;
    margin: 50px 0px 0px;
    text-align: center;
    color: olivedrab;
    padding: 10px;
    border: 1px solid olive;
    border-radius: 5px;
}

#crifck-mention a {
    color: darkorange;
}
#fb {
    text-align:center;
    margin:15px auto;
}
.msg{
        font-size:14px;
        color:#2970a9;
}
.feednews, .events{
        font-size:14px;
        color:#127eb5;
}
.posted{
        font-size:11px;
        color:grey;
}
/* --------------------------------------------------------------------------------------------------------------
--                                                       footer                                                --
---------------------------------------------------------------------------------------------------------------*/
footer {
  position : relative;
  width : 100%;
  height : 150px;
  bottom : 0; /* positionner le footer en bas */
  left : 0; /* positionner le footer à gauche */
  background : red
}
#footer-img {
  background:#CBE26E;
  color:#FFFFFF;
  height:87px;
  left:0;
  position:relative;
  width:100%;
  z-index:15000;
}
div#cktsqy-footer {
    clear: both;
    background: #212124;
    color: #ffffff;
    height: 189px;
    left: 0px;
    margin: 0 auto;
    text-align: center;
    width: 100%;
    position: relative;
    z-index: 11000;
}
div .left {
  float:left;
}
div .middle {
  float:right;
}
div .cktsqy-right {
    -webkit-font-smoothing: antialiased;
    font-family: 'sansationregular', arial;
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
    float:right;
    margin-right:50px;
}
div .firstrow {
    width:1006px;
    margin: 0 auto -10px auto;
    line-height: 30px;
}
div .secondrow {
    width:1006px;
    margin:10px auto;
    /*border-bottom:#68A239;
    border-bottom-width:1px;
    border-bottom-style:solid;
    opacity:0.7;*/
}
div .thirdrow{
    width:1006px;
    margin:0 auto;
    -webkit-font-smoothing: antialiased;
    font-family: 'sansationregular', arial;
    font-size: 16px;
    font-stretch: normal;
    font-style: normal;
    font-variant: normal;
    font-weight: 400;
}
div .row {
    display:inline-block;
    margin-top:5px;
    padding-top: 5px;
    margin-left:10px;
}
div .row ul {
    margin:0 0 20px 0;
    list-style-type:none;
}
div .row ul li{
    display:inline-block;
}
/* --------------------------------------------------------------------------------------------------------------
--                                                       flickr                                                --
---------------------------------------------------------------------------------------------------------------*/
            .container{width:920px;margin-left:auto;margin-right:auto;}
            .span3{width:200px;list-style:none;}
            .thumbnails{*zoom:1}
            .thumbnails:before,.thumbnails:after{display:table;content:""}
            .thumbnails:after{clear:both}
            .row-fluid .thumbnails{margin-left:0}
            .thumbnails>li{float:left;margin-bottom:18px;margin-left:20px}
            .thumbnail{display:block;background-color:#fff;padding:4px;line-height:1;border:1px solid #ddd;-webkit-border-radius:5px;-moz-border-radius:5px;border-radius:5px;-webkit-box-shadow:3px 3px 3px #ececec;-moz-box-shadow:3px 3px 3px #ececec;box-shadow:3px 3px 3px #ececec}
             a.thumbnail:hover{border-color:#08c;-webkit-box-shadow:0 1px 4px rgba(0,105,214,0.25);-moz-box-shadow:0 1px 4px rgba(0,105,214,0.25);box-shadow:0 1px 4px rgba(0,105,214,0.25)}
            .thumbnail>img{display:block;max-width:100%;margin-right:auto;margin-left:auto}
            .thumbnail .caption{padding:9px}
            .img_title{margin:0;font-family:inherit;font-weight:bold;color:inherit;text-rendering:optimizelegibility}
            .img_title{line-height:14px;padding-top:10px;}
            .img_title{font-size:12px;text-align:center;}

#localisation ul li {
    text-transform:none;
    margin-bottom:10px;
}
#localisation ul li h4 {
    margin-bottom:3px;
}
#videogallery a#videolb{
    display:none
}
#video {
    padding-left: 50px;
    margin-top:20px;
    margin-bottom: 100px;
}
#canoe {
    padding: 0;
    margin:0;
    height:48px;
    width:48px;
    z-index:35000;
    position:fixed;
    display:none;
    top:8px;
}
#adhe_panel {
    background: #CBE26E url("../img/theme/planning.png") no-repeat;
    background-position:center ;
    border-radius: 170px;
    display: none;
    height: 100px;
    left: 1090px;
    margin: 0;
    padding: 0;
    position: absolute;
    top: 40px;
    width: 100px;
    z-index: 11000;
    overflow:hidden;
    text-overflow:clip;
    overflow-style:scroll;
}
#adhe_panel img {
  margin:2px 5px 0 3px;
}
#adhe_panel:hover {
    background: #CBE26E url("../img/theme/planning-hover.png") no-repeat;
    -webkit-transition: all 0.7s ease-out;
    -moz-transition: all 0.7s ease-out;
    -ms-transition: all 0.7s ease-out;
    -o-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out;
    cursor:pointer;
}
#licen_panel {
 background:#2970a9;
  border-radius:170px;
  display:none;
  height:100px;
  left:1050px;
  margin:0;
  padding:0;
  position:absolute;
  top:107px;
  width:100px;
  z-index:5;
}
.adhe_panel-open {
    z-index: 6!important;
    width: 250px!important;
    height: 600px!important;
    background: #CBE26E url("../img/bandeau2.png") bottom center no-repeat !important;
    border-radius: 20px!important;
    margin: 0;
    padding: 0 15px 15px 15px!important;
    left: 1040px!important;
    z-index: 14000;
}
.illu-open {
    left:0px!important;
    height:200px!important;

}
.illu1-open {
    left:0px!important;
    height:400px!important;
}
.tab-hide {
    display:none;
}
#illu1_panel {
    background: #0d98de;
    display: inline-block;
    height: 50px;
    left: -150px;
    margin: 0;
    padding: 0;
    position: fixed;
    top: 200px;
    width: 200px;
    z-index: 5;
}
#illu2_panel {
    background: #CBE26E;
    display: inline-block;
    height: 50px;
    left: -150px;
    margin: 0;
    padding: 0;
    position: fixed;
    top: 250px;
    width: 200px;
    z-index: 5;
}
#illu3_panel {
    background: #2970a9;
    display: inline-block;
    height: 50px;
    left: -150px;
    padding: 0;
    position: fixed;
    top: 300px;
    width: 200px;
        z-index: 5;
}
#illu4_panel {
    background: #0d98de;
    display: inline-block;
    height: 50px;
    left: -150px;
    margin: 0;
    padding: 0;
    position: fixed;
    top: 350px;
    width: 200px;
    z-index: 5;
}
#illu5_panel {
    display: inline-block;
    height: 60px;
    left: 50px;
    margin: 0 0 0 10px;
    padding: 0;
    position: fixed;
    top: 330px;
    width: 142px;
    z-index: 4;
    float: right;
}
#illu6_panel {
  background:#0d98de;
  border-radius:200px;
  display:none;
  height:300px;
  left:100px;
  margin:0 0 50px 0;
  padding:0;
  position:fixed;
  top:507px;
  width:300px;
  z-index:1;
    opacity:0.5;
}
#illu7_panel {
    background: darkorange;
    display: inline-block;
    height: 50px;
    left: -150px;
    margin: 0;
    padding: 0;
    position: fixed;
    top: 400px;
    width: 200px;
    z-index: 5;
}
#illu3_panel a{
    color:#fff;

}
#illu1_panel:hover, #illu2_panel:hover, #illu3_panel:hover, #illu4_panel:hover, #illu7_panel:hover {
    cursor:pointer;
    left:-50px;
    -webkit-transition: all 0.7s ease-out;
    -moz-transition: all 0.7s ease-out;
    -ms-transition: all 0.7s ease-out;
    -o-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out;
    box-shadow: 2px 2px 3px #a7a7a7;
}
#sunday-planning {
    font-size: 10px;
    font-family: "robotoregular", arial;
    display: none;
    line-height: 13px;
    overflow:hidden;
    text-overflow:clip;
    overflow-style:marquee;
}
#planning-title {
    text-align:center;
    font-size:14px;
    font-weight:bolder;
    color:#fff;
}
#mweather {
    display: none;
    width: 50%;
    position: fixed;
    top: 161px;
    z-index: 13000;
    background: #fff;
    padding: 10px;
    margin: 40px auto;
    font-size: 25px;
    font-family:robotoregular, arial;
    left:25%;
}
#guruholder {
    display: none;
    width: 500px;
    position: fixed;
    top: 200px;
    z-index: 13000;
    background: #fff;
    padding: 10px;
    margin: 40px auto;
    font-size: 25px;
    font-family: robotoregular, arial;
    height: 245px
}
#ckt-title {
    color:#0d98de;
}
.showTab {
    height:250px;
    left:0;
}
.img_tab {
    float:right;
    height:35px;
    width:35px;
    margin: 7px;
}
.tab_title_small {
    right: 55px;
    float: right;
    display: inline-block;
    margin: 0 0px 0 15px;
    line-height: 50px;
    color: #fff;
    vertical-align: middle;
    font-size: 13px;
    font-family: "robotoregular", arial;
    letter-spacing: 1px;
}
.tab_content a {
    color: #fff;
}
.tab_content a:hover {
    color: darkorange;
}
#tab1_content {
    height:250px;
}
.tab_content {
    font-size:12px;
    padding:5px;
    clear:both;
    text-align:center;
    position:relative;
    /*left:-150px;*/
    display:none;
    line-height:14px;
}
.tab_content-open {
    /*left:0!important;*/
    display:inline-block!important;
    -webkit-transition: all 0.7s ease-out;
    -moz-transition: all 0.7s ease-out;
    -ms-transition: all 0.7s ease-out;
    -o-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out;
}
#mapholder {
    position:fixed;
    left:0;
    right:0;
    min-width:400px;
    Width:430px;
    Height:300px;
    margin:0 Auto;
    Background:#FFFFFF;
    top:35%;
    z-index :13000;
    display:none;
    -webkit-border-radius:5px;
    -moz-border-radius:5px;
    border-radius:5px;
}
#streetview {
    display:none;
    Width:570px;
    Height:320px;
    margin:0 Auto;
}
#licen_panel img {
    margin: 5px 5px 0 9px;
}
#licen_panel:hover {
     background:#0d98de;
    -webkit-transition: all 0.7s ease-out;
    -moz-transition: all 0.7s ease-out;
    -ms-transition: all 0.7s ease-out;
    -o-transition: all 0.7s ease-out;
    transition: all 0.7s ease-out;
}
#ical img {
    vertical-align: top;
    padding: 5px 0px 0 2px;
    float: left;
}
#pdf img {
    vertical-align: middle;
    padding: 0px 5px 0 8px;
    float: left;
}
#ical {
    height:61px;
}
#pdf {
    height:61px;
}
#download {
    margin-top:15px;
    padding : 2px 10px 10px 10px;
    background:#efefef;
}
#oldcal p{
    padding-bottom:9px;
}
#oldcal img{
    margin-right:10px;
    vertical-align:middle;
    margin-top: -3px;
}
#balise {
    height:58px;
    width:43px;
    position:absolute;
    top:20px;
    left:10px;
    display:none;
}
#porte {
    height: 120px;
    width: 112px;
    position: absolute;
    right: 130px;
    display:none;
    top:0px;
}
#stone {
    height: 59;
    width: 122;
    position: absolute;
    top: 70px;
    right: 10px;
    display:none;
}
#cr {
    width:90%;
    margin:50px auto;
}
#cr legend{
    line-height: 25px;
    margin-top: 20px;
}
#cr select, #calendrier select, #pressbook select, #filtres-content select {
  padding: 5px;
  border: solid 1px #dcdcdc;
  transition: box-shadow 0.3s, border 0.3s;
  margin-right : 10px;
}
#cr select:focus,
#cr select.focus {
  border: solid 1px #707070;
  box-shadow: 0 0 5px 1px #969696;
}
input[type="submit"]{
 cursor:pointer;
 height:27px;
 color:#fff;
 background:#0d98de;
 -webkit-border-radius: 5px;
 border-radius: 5px;
 border: 0 none;
}
#shareButtonLabelCount {
    text-align:center;
}
.Actu {
    margin-bottom: 40px;
    margin-right: 15px;
    background: url(http://localhost/cktrappes/img/theme/actu_arrow.png) 100% 0 no-repeat transparent;
}
.ActuText p{
  background:transparent;
  border:none;
}
.ActuAuthor {
    font-size: 9px;
    margin-left: 12px;
    background: rgb(163, 183, 85);
    padding: 0 6px;
    width: 150px;
    text-align: center;
    border-radius: 10px;
}

.ActuAuthor h3 {
    color: #fff;
    font-family: arial,sans-serif;
}

.ActuTitre {
    padding-top: 1px;
    padding-left: 10px;
    padding-bottom: 3px;
    color: #fff;
    background-color: #2970A9;
    line-height: 2px;
}

.ActuTitre h2{
    color:#fff;
}
.ActuContent{
  background:#fff;
  border:none;
}
.ActuImg{
    float:left;
    margin:0 12px 12px 12px;
}

.ActuImg p, .ActuContent p {
    border: none;
    font-family: 'sansationregular', Arial;
    /* height: 180px; */
}
.ActuImg p object, .ActuContent p object {
    border: none;
    font-family: 'sansationregular', Arial;
    clear:left;
    /* height: 180px; */
}
#selected_page {
    color:#fff;
    background-color:darkorange;
    text-decoration-style:dashed;
    padding-left:3px;
    padding-right:3px;
    border-radius:3px;
}
#pagination {
    float:right;
    margin-bottom:15px;
    margin-top:-43px;
    font-family:latoregular;
    margin-right:12px;
}
#QA {
    padding-left: 75px;
    width: 61%;
    margin: -10px auto 10px auto;
    background: transparent url("../img/theme/qr.png") top left no-repeat;
}
.clear {
    clear:both;
}
.col3-title {
    color: #2970a9;
    border-bottom: 1px solid;
    width: 90%;
    margin-left: 10px;
    margin-top: 25px;
}
.power {
    float: right;
    top: 30px;
    position: relative;
}
.level {
    float: right;
    top: -20px;
    position: relative;
}
#calendar-legend img{
    margin-left:2px;
    margin-right: 3px;
    vertical-align:middle;
}
#calendar-legend {
    margin: 25px auto 15px;
    padding: 0 10px 15px 11px;
    text-align: center;
    border: 1px solid #cecece;
    width: 95%;
}
/*------------------ Nav ------------*/
#filtres-content legend, #add_nav legend {
    color: #2970A9;
    line-height: 30px;
    margin-top:10px;
}
#filtres-content table {
    margin: -30px auto 20px auto;
}
#add_nav {
    background-color:#ececec;
    -webkit-border-radius:15px;
    -moz-border-radius:15px;
    -webkit-box-shadow:#808080 2px 2px 5px;
    -moz-box-shadow:#808080 2px 2px 5px;
    box-shadow:#808080 2px 2px 5px;
    border-radius:15px;
    padding:15px;
    position:fixed;
    display:none;
    z-index: 20001;
}
.header-avatar img {
    vertical-align: middle !important;
}