html{

}

body {
  padding-top: 0px;
  background-color: white;
}


@font-face { 
    font-family: 'MyQuicksand';
    src: url('../fonts/Quicksand-Regular.otf') format('opentype'),
		 url('../fonts/Quicksand-Regular.woff') format('woff'),
	     url('../fonts/Quicksand-Regular.ttf') format('truetype');
}
@font-face { 
    font-family: 'MyQuicksand-bold';
  src:  url('../fonts/Quicksand-Bold.otf') format("opentype"),
		url('../fonts/Quicksand-Bold.woff') format('woff'),
		url('../fonts/Quicksand-Bold.ttf') format('truetype');
}
@font-face { 
    font-family: 'MyCocogoose';
    src: url('../fonts/Cocogoose_trial.otf') ;
}
.dropdown-submenu{position:relative;}
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#555;}
.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}


/*
 color:#FE3E00; /*Orange*/
/*color:#F9CF00 ;/*Dark yellow*/
/*color:#FAF117 ;/*light yellow*/
/*color:#79A003 ;/*Green*/
/*color:#6ACCES ;/* Light Blue*/
/*color:#09499C ;/* Dark Blue*/
/*color: #67097A ;/*Purple */


/*CERPEA COLORS */
/*color: #58B199;/* bleu clair/pastel---Logo Feuille en bas*/
/* color:#779F4B;/; vert foncé --- Logo feuille à droite */
/* color:#3F9078;/; Bleu foncé --- Logo feuille grosse feuille a drooite         46AE95*/
/* color:#9BCB49;/*; Vert clair */
/* color:#606163;/* Gris*/

p{
text-align:justify;/*
font-family:'MyRoboto';
font-size:12pt;*/
}
a{
cursor:pointer;
}
h1,h2,h3,h4,h5,h6,h7{
font-family:'MyQuicksand-bold', arial, serif;
}
.container{
	padding-top:20px;
/*	
background: rgb(242,242,242);
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMTAwJSIgeDI9IjEwMCUiIHkyPSIwJSI+CiAgICA8c3RvcCBvZmZzZXQ9IjM3JSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM3JSIgc3RvcC1jb2xvcj0iI2M4ZWFmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM3JSIgc3RvcC1jb2xvcj0iI2YyZjJmMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjM3JSIgc3RvcC1jb2xvcj0iI2VmZWZlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjU2JSIgc3RvcC1jb2xvcj0iI2M4ZWFmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijg0JSIgc3RvcC1jb2xvcj0iIzUwYzFlMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjkxJSIgc3RvcC1jb2xvcj0iIzFiYjRlMiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk4JSIgc3RvcC1jb2xvcj0iI2M4ZWFmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk4JSIgc3RvcC1jb2xvcj0iI2M4ZWFmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9Ijk5JSIgc3RvcC1jb2xvcj0iI2M4ZWFmNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
background: -moz-linear-gradient(45deg,  rgba(242,242,242,1) 37%, rgba(200,234,244,1) 37%, rgba(242,242,242,1) 37%, rgba(239,239,239,1) 37%, rgba(200,234,244,1) 56%, rgba(80,193,224,1) 84%, rgba(27,180,226,1) 91%, rgba(200,234,244,1) 98%, rgba(200,234,244,1) 98%, rgba(200,234,244,1) 99%); 
background: -webkit-gradient(linear, left bottom, right top, color-stop(37%,rgba(242,242,242,1)), color-stop(37%,rgba(200,234,244,1)), color-stop(37%,rgba(242,242,242,1)), color-stop(37%,rgba(239,239,239,1)), color-stop(56%,rgba(200,234,244,1)), color-stop(84%,rgba(80,193,224,1)), color-stop(91%,rgba(27,180,226,1)), color-stop(98%,rgba(200,234,244,1)), color-stop(98%,rgba(200,234,244,1)), color-stop(99%,rgba(200,234,244,1)));
background: -webkit-linear-gradient(45deg,  rgba(242,242,242,1) 37%,rgba(200,234,244,1) 37%,rgba(242,242,242,1) 37%,rgba(239,239,239,1) 37%,rgba(200,234,244,1) 56%,rgba(80,193,224,1) 84%,rgba(27,180,226,1) 91%,rgba(200,234,244,1) 98%,rgba(200,234,244,1) 98%,rgba(200,234,244,1) 99%); 
background: -o-linear-gradient(45deg,  rgba(242,242,242,1) 37%,rgba(200,234,244,1) 37%,rgba(242,242,242,1) 37%,rgba(239,239,239,1) 37%,rgba(200,234,244,1) 56%,rgba(80,193,224,1) 84%,rgba(27,180,226,1) 91%,rgba(200,234,244,1) 98%,rgba(200,234,244,1) 98%,rgba(200,234,244,1) 99%); 
background: -ms-linear-gradient(45deg,  rgba(242,242,242,1) 37%,rgba(200,234,244,1) 37%,rgba(242,242,242,1) 37%,rgba(239,239,239,1) 37%,rgba(200,234,244,1) 56%,rgba(80,193,224,1) 84%,rgba(27,180,226,1) 91%,rgba(200,234,244,1) 98%,rgba(200,234,244,1) 98%,rgba(200,234,244,1) 99%); 
background: linear-gradient(45deg,  rgba(242,242,242,1) 37%,rgba(200,234,244,1) 37%,rgba(242,242,242,1) 37%,rgba(239,239,239,1) 37%,rgba(200,234,244,1) 56%,rgba(80,193,224,1) 84%,rgba(27,180,226,1) 91%,rgba(200,234,244,1) 98%,rgba(200,234,244,1) 98%,rgba(200,234,244,1) 99%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f2f2', endColorstr='#c8eaf4',GradientType=1 ); /* IE6-8 fallback on horizontal gradient */
*/
}
.footer {
  padding-top: 40px;
  padding-bottom: 40px;
  margin-top: 40px;
  border-top: 1px solid #eee;
}
@media (min-width: 768px){
.form-horizontal .control-label {
text-align: left;
margin-bottom: 0;
padding-top: 7px;
}
}

.banner-row{
margin-bottom:30px;
}
/* Main marketing message and sign up button */
.jumbotron {
  text-align: center;
  background-color: transparent;
  padding:10px 10px 10px 10px;
}
.jumbotron .btn {
  padding: 14px 24px;
  font-size: 21px;
}

/* Customize the nav-justified links to be fill the entire space of the .navbar */
.navbar {
  position: relative;
  margin-bottom: 5px;
  border: 1px solid transparent;
  background-color: transparent;
}
.navbar-collapse{
margin:0;
padding:0;
font-size:12px;
}
.nav-justified {
  background-color: #eee;
  border: 1px solid #ccc;
  border-radius: 5px;
}
.nav-justified > li > a {
  padding-top: 5px;
  padding-bottom: 5px;
  margin-bottom: 0;
  font-weight: bold;
  color: #777;
  text-align: center;
  background-color: #e5e5e5; /* Old browsers */
  background-image: -webkit-gradient(linear, left top, left bottom, from(#f5f5f5), to(#e5e5e5));
  background-image: -webkit-linear-gradient(top, #f5f5f5 0%, #e5e5e5 100%);
  background-image:      -o-linear-gradient(top, #f5f5f5 0%, #e5e5e5 100%);
  background-image: -webkit-gradient(linear, left top, left bottom, from(top), color-stop(0%, #f5f5f5), to(#e5e5e5));
  background-image:         linear-gradient(top, #f5f5f5 0%, #e5e5e5 100%);
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f5f5', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
  background-repeat: repeat-x; /* Repeat the gradient */
  border-bottom: 1px solid #d5d5d5;
}
.nav-justified > .active > a,
.nav-justified > .active > a:hover,
.nav-justified > .active > a:focus {
  background-color: #ddd;
  background-image: none;
  -webkit-box-shadow: inset 0 3px 7px rgba(0,0,0,.15);
          box-shadow: inset 0 3px 7px rgba(0,0,0,.15);
}
.nav-justified > li:first-child > a {
  border-radius: 5px 5px 0 0;
}
.nav-justified > li:last-child > a {
  border-bottom: 0;
  border-radius: 0 0 5px 5px;
}

@media (min-width: 768px) {
  .nav-justified {
    max-height: 52px;
  }
  .nav-justified > li > a {
    border-right: 1px solid #d5d5d5;
    border-left: 1px solid #fff;
  }
  .nav-justified > li:first-child > a {
    border-left: 0;
    border-radius: 5px 0 0 5px;
  }
  .nav-justified > li:last-child > a {
    border-right: 0;
    border-radius: 0 5px 5px 0;
  }
}
.carousel p{
text-align:center;
}
#banner{
padding-top:5px;
}
#banner h1{
margin-top:0px;
}
.adultes .panel-heading{
	background-color:rgb(241,103,63);
	color:white;
}
.bulle-1 .panel-heading{
background-color:#0077B0;
color:white;
}
.bulle-6 .panel-heading{
background-color:#46AE95;
color:white;
}
.panel-group .bulle-1-sub-panel-heading{
background-color:white;
color:#0077B0;
font-weight:bold;
}
.panel-group .bulle-6-sub-panel-heading{
background-color:white;
color:#46AE95;
font-weight:bold;
}

.bulle-1 .panel-group .panel-default .panel-heading{
background-color:white;
}
.adultes .panel-body .panel-group .panel-default .panel-heading{
	background-color:white;
	color:rgb(241,103,63);
}

.bulle-6 .panel-group .panel-default .panel-heading{
background-color:white;
}

.bulle-1 .panel-group .panel-default .panel-heading .accordion-toggle{
color:#0077B0;
}
.bulle-6 .panel-group .panel-default .panel-heading .accordion-toggle{
color:#46AE95;
}
.bulle-1-sub-panel-heading h4{
font-weight:bold;
}
.bulle-6-sub-panel-heading h4{
font-weight:bold;
}
.bulle-1 a{
color:#0077B0;
}
.adultes a {
	color :rgb(241,103,63);
}
.bulle-6 a{
color:#46AE95;
}
.well a {
color:white;
}
.bulle-1 h3 a,
.bulle-1 h4 a{
color:white;
}
.bulle-6 h3 a,
.bulle-6 h4 a{
color:#46AE95;
}

.bulle-1 .link_box:hover{
background-color:white;
color:#0077B0;
}
.bulle-6 .link_box:hover{
background-color:white;
color:#46AE95;
}
#new_list_item_adulte:hover{
	background-color:rgba(241,103,63,0.4); 
	color:white;
}

.bulle-1 .link_box{
text-decoration:none;
}
.bulle-6 .link_box{
text-decoration:none;
}


.bulle-2 .panel-heading{
background-color:#779F4B;
color:white;
}
.bulle-2 a{
color:#779F4B;
}
.bulle-2 h3 a,
.bulle-2 h4 a{
color:white;
}
.bulle-2 .panel-group .panel-default .panel-heading{
background-color:white;

}
.bulle-2 .panel-group .panel-default .panel-heading .accordion-toggle{
color:#779F4B;
}
.bulle-3 .panel-heading{
background-color:#3F9078;
color:white;
}
.bulle-3 a{
color:#3F9078;
}
.bulle-3 h3 a,
.bulle-3 h4 a{
color:white;
}
.bulle-5 .panel-heading{
background-color:#67097A;
color:white;
}
.bulle-5 a{
color:#67097A;
}
.bulle-5 h3 a,
.bulle-5 h4 a{
color:white;
}
.panel-heading .accordion-toggle:after {
    /* symbol for "opening" panels */
    font-family: 'Glyphicons Halflings';  /* essential for enabling glyphicon */
    content: "\e114";    /* adjust as needed, taken from bootstrap.css */
    float: right;        /* adjust as needed */
    color: white;         /* adjust as needed */
}
.panel-heading .accordion-toggle.collapsed:after {
    /* symbol for "collapsed" panels */
    content: "\e080";    /* adjust as needed, taken from bootstrap.css */
}



.panel h4,h5{
margin-top:1px;
margin-bottom:1px;
}

.img-center{
	margin:0 auto;
}

.col-sm-5 .thumbnail{
border:none;
}
.thumbnail h3{
margin-top:5px;
margin-bottom:1px;
}
#accueil_actualites
{
background-color:#6ACCE5 ;
}
.thumbnail a:hover {
text-decoration:none;
color:#09499C;
}
.thumbnail .caption{
padding-left:5px;
padding-right:5px;

}

legend{
font-size:16px;
font-weight:bold;
margin-bottom:2px;
padding-top:5px;
}
/***** STICKY NOTE STYLE ***********/
/*.quote-container {
  margin-top: 50px;
  position: relative;
}
*/
.row_sticky_note{
	margin-bottom: 15px;
	margin-top: 25px;
}
.sticky_note {
  color: #333;
  /*position: relative;
  width: 300px;
  margin: 0 auto;*/
  padding: 20px;
  font-family: 'Satisfy','Reenie Beanie', arial, serif;
  font-size: 12pt;
  box-shadow: 0 10px 10px 2px rgba(0,0,0,0.3);
}
.sticky_note ul{
padding-left:10px;
margin-bottom:0;
}
.sticky_note .author {
  display: block;
  margin: 40px 0 0 0;
  text-align: right;
}
.yellow {
  background: #eae672;
  -webkit-transform: rotate(-2deg);
  -moz-transform: rotate(-2deg);
  -o-transform: rotate(-2deg);
  -ms-transform: rotate(-2deg);
  transform: rotate(-2deg);
}
.pin {
  background-color: #aaa;
  display: block;
  height: 32px;
  width: 2px;
  position: absolute;
  left: 50%;
  top: -16px;
  z-index: 1;
}
.pin:after {
  background-color: #A31;
  background-image: radial-gradient(25% 25%, circle, hsla(0,0%,100%,.3), hsla(0,0%,0%,.3));
  border-radius: 50%;
  box-shadow: inset 0 0 0 1px hsla(0,0%,0%,.1),
              inset 3px 3px 3px hsla(0,0%,100%,.2),
              inset -3px -3px 3px hsla(0,0%,0%,.2),
              23px 20px 3px hsla(0,0%,0%,.15);
  content: '';
  height: 12px;
  left: -5px;
  position: absolute;
  top: -10px;
  width: 12px;
}

.pin:before {
  background-color: hsla(0,0%,0%,0.1);
  box-shadow: 0 0 .25em hsla(0,0%,0%,.1);
  content: '';

  height: 24px;
  width: 2px;
  left: 0;
  position: absolute;
  top: 8px;

  transform: rotate(57.5deg);
  -moz-transform: rotate(57.5deg);
  -webkit-transform: rotate(57.5deg);
  -o-transform: rotate(57.5deg);
  -ms-transform: rotate(57.5deg);

  transform-origin: 50% 100%;
  -moz-transform-origin: 50% 100%;
  -webkit-transform-origin: 50% 100%;
  -ms-transform-origin: 50% 100%;
  -o-transform-origin: 50% 100%;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
  /* Remove the padding we set earlier */
  .masthead,
  .marketing,
  .footer {
    padding-right: 0;
    padding-left: 0;
  }
}