@charset "UTF-8";
/* CSS Document */

body, html {
    margin:0;
    padding:0;
    color:#202020;
    background: url(../img/montagne.jpg) #f0f0f0 top center no-repeat;
    font-family: 'Ubuntu', sans-serif;
    font-size:12px;
    line-height:14px;
    text-align:left;
}
form {
    margin: 0;
    padding:0;
}
small {
    color:#999;
    font-size: 11px;
}

a img {
    border: none !important;
}
#wrap {
    width:980px;
    margin:0 auto;
    background:#eaeaea;
}
#header {
    width:980px;
    margin:0 auto;
    padding:0;
    background: url(../img/fondmenu.png) top center no-repeat;
    height:119px;
}
#header ul{
    margin:0;
    padding:0;
    text-transform:uppercase;
}
#header ul li{
    list-style:none;
    display:inline;
    margin-right: 5px;
}
#header ul.outil {
    float:right;
    margin:10px 0 10px 0;
}
#header ul.outil li{
    padding:0 0 0 15px;
}
#header ul.outil li a{
    color:#fff;
    text-decoration:none;
}
#header ul.outil li a:hover{
    color:#fff;
    text-decoration:underline;
}
#header ul.secondaire {
    float:left;
    width:560px;
    margin:22px 0 0 230px;
}
#header ul.secondaire li{
    padding:0 10px 0 10px;
}
#header ul.secondaire li a{
    color:#b9b9b9;
    text-decoration:none;
}
#header ul.secondaire li a:hover{
    color:#b9b9b9;
    text-decoration:underline;
}
#header ul.principal {
    float:left;
    margin:20px 0 0 290px;
    padding:0 0 0 0!important;
    font-size:14px;
}
#header ul.principal.dropdown li {
    /*padding-right:40px!important;*/
}
#header ul.principal li a{
    color:#332e2c;
    text-decoration:none;
}
#header ul.principal li a:hover{
    color:#332e2c;
    text-decoration:underline;
}
.identity-wrapper {
    position:absolute;
    color:#ffa608;
    margin:60px 0 0 800px!important;
}
.identity-wrapper h4{
    color:#ffce7a;
}
.identity-wrapper a, .identity-wrapper a:hover {
    color:#FFA608;
    font-size: 12px;
}
.identity-wrapper ul  a, .identity-wrapper ul a:hover {
    color:#ffce7a;
    font-size: 10px;
}

.identity-wrapper h4, .identity-wrapper p{
    margin:0 0 3px 0;
    padding:0;
}
.identity-wrapper p{
    font-size:9px;
}
input.gris {
    border:none;
    font-size:10px;
    background: url(../img/connexion.gif) #e1e1e1 top left repeat-x;
}
a.gris, a.gris:hover  {
    border:none;
    font-size:10px;
    line-height: 10px;
    color:#000  !important;
    background: url(../img/connexion.gif) #e1e1e1 top left repeat-x;
    display: inline-block;
    padding:5px 7px 7px 7px;
}
input.jaune {
    border:none;
    font-size:10px;
    background: url(../img/creez.gif) #ffa608 top left repeat-x;
}
a.jaune, a.jaune:hover {
    border:none;
    font-size:10px;
    line-height: 10px;
    background: url(../img/creez.gif) #ffa608 top left repeat-x;
    display: inline-block;
    padding:5px 7px 7px 7px;

    color:#000 !important;
}

/*   Navigation activites    */
#nav {
    padding:50px 40px 20px 40px;
    background: url(../img/logodegra.png) #d8f3ff top left no-repeat;
    color:#01a4df;
}

#nav h1 {
    font-size:21px;
    line-height:23px;
    font-weight:normal;
    color:#00658e;
    margin:0 0 5px 0;
}
#nav h2 {
    font-weight:normal;
}
#nav ul {
    display:block;
    margin:0;
    padding:0;
}
#nav ul li{
    list-style:none;
    padding: 0 10px 2px 15px;
    background: url(../img/fleche_gris.gif) .3em .4em no-repeat;
}
#nav.activity ul li.first, #nav.trip ul li.first, #nav.corpo ul li.first   {
    padding: 0 7px 0 0!important;
}
#nav.activity ul li.last, #nav.trip ul li.last, #nav.corpo ul li.last {
    padding:0 0 0 7px!important;
    border-right:none!important;
}
#nav.activity ul li.first.last, #nav.trip ul li.first.last, #nav.corpo ul li.first.last {
    padding:0 !important;
    border-right:none!important;
}

#main .activity-item {
    padding:10px 0;
    border-bottom:1px solid #ccc;
}

/*   Navigation activites    */
#nav.activity {
    background-color:#bdd87e;
    color:#3a6200;
}
#nav.activity ul li {
    display:inline;
    line-height:18px;
    margin:0;
    padding:0 7px 0 7px;
    border-right:1px #f0ffd2 solid;
    background:none!important;
}
#nav.activity li a {
    color: #3A6200;
    text-decoration: none;
}
#main.activity .activity-item {
    border-bottom:1px solid #214600;
}


/*   Navigation voyages    */
#nav.trip {
    background-color: #f6cf78;
    color:#c43f00;
}
#nav.trip h1 {
    font-size: 21px;
    line-height: 23px;
    font-weight: normal;
    color: #922F00;
    margin: 0 0 5px 0;
}
#nav.trip ul li {
    display:inline;
    line-height:18px;
    margin:0;
    padding:0 7px 0 7px;
    border-right:1px #f0ffd2 solid;
    background:none!important;
}
#nav.trip li a {
    color: #C43F00;
    text-decoration: none;
}
#main.trip .activity-item {
    border-bottom:1px solid #922F00;
}

/*   Navigation corpo et scolaire    */

#nav.corpo ul li {
    display:inline;
    line-height:18px;
    margin:0;
    padding:0 7px 0 7px;
    border-right:1px #f0ffd2 solid;
    background:none!important;
}
#main.corpo .activity-item {
    border-bottom:1px solid #01A4DF;
}


/*   contenu principal    */
a{
    color:#01a4df;
    text-decoration:none;
}
a:hover{
    color:#01a4df;
    text-decoration:underline;
}
#anim {
    padding:0!important;
    margin:0!important;
    height:403px;
}
.troiscol {
    float:left;
    width:280px;
    margin:0 30px 20px 0;
}
.troiscol.last {
    margin-right:0!important;
}
.troiscol h4{
    padding:0!important;
    margin:0 0 3px 0!important;
}
#main .news-list h3 {
    color: #202020;
    font-weight: bold;
    font-size: 12px;
    line-height: 14px;
    text-align: left;
}

.troiscol p{
    padding:0!important;
    margin:0 0 10px 0!important;
}
.troiscol ul {
    display:block;
    margin:0 0 10px 0!important;
    padding:0!important;
}
.troiscol ul li{
    list-style:none;
    padding: 0 0 5px 0!important;
    background:none!important;
}
.troiscol a{
    color:#01a4df;
    text-decoration:none;
}
.troiscol a:hover{
    color:#01a4df;
    text-decoration:underline;
}
.troiscol a em{
    font-style:normal;
    color:#000;
}
#main {
    float:left;
    width:480px;
    padding:30px 40px 20px 40px;
    background:#fff;
    min-height: 400px;
}
#plain #main, #content.plain #main {
    padding: 15px 40px 20px 40px;
}

.soyezeco {
    margin-right:75px;
    float:right;
}
#main input.jaune {
    padding:2px 0;
}
#main h2 {
    font-size:24px;
    line-height:26px;
    font-weight:normal;
    color:#01a4df;
    margin:0 0 5px 0;
}
#nav.activity h1, #main.activity h2, #main.activity h2 a {
    color: #214600;
}
#nav.trip h2, #main.trip h2, #main.trip h2 a  {
    color: #922F00;
}


#main.foul ul{
    display:block;
    margin:10px 0;
    padding:0;
}
#main.foul ul li{
    list-style:none;
    padding: 0 10px 2px 15px;
    background: url(../img/fleche_gris.gif) .3em .4em no-repeat;
}
#main.foul {
    width:900px;
}
#main.foul.page-faq h2 {
    font-size:24px;
    line-height:26px;
    font-weight:normal;
    color:#01a4df;
    border-top:1px #676565 solid;
    padding:20px 0 0 0;
    margin:0;
}
#main.foul.page-faq h2.first {
    border-top:none;
    padding:0;
}


#main.foul ul.float {
    float:left;
    margin-right:100px;
}

#main h3, #sidebar h3 {
    font-size:18px;
    line-height:21px;
    font-weight:normal;
    color:#676565;
    margin:0 0 5px 0;
}
#main.foul table input, #main.foul table  textarea{
    color:#01a4df;
    border:none!important;
    background-color:#d8f3ff!important;
    padding:3px;

    font-family: 'Ubuntu', sans-serif;
    font-size:12px;
    line-height:14px;
    text-align:left;

}
#main.foul table td{
    padding:0 0 10px 0;
}
#main.foul table input.button {
    -moz-border-radius: 6px;
    border-radius: 6px;
    background-color:#01a4df!important;
    color:#fff;
}

#main.activity h2 a {
    color: #3A6200;
    text-decoration: none;
}
#main.activity h3, #sidebar.activity h3 {
    font-size: 18px;
    line-height: 21px;
    font-weight: normal;
    color: #676565;
    margin: 0 0 5px 0;
}

/*   bande de droite    */
#sidebar {
    float:left;
    width:380px;
    padding:30px 20px 20px 20px;
    background:#eaeaea;
}
#sidebar ul{
    margin:0 0 10px 0;
    padding:0;
}
#sidebar ul li{
    list-style:none;
    padding:0 0 5px 0;
}
#sidebar h4{
    font-size:14px;
    line-height:16px;
    margin:0 0 5px 0;
    color:#01a4df;
}
#sidebar h4 a{
    color:#01a4df;
    text-decoration:none;
}
#sidebar h4 a:hover{
    color:#01a4df;
    text-decoration:underline;
}
.jour {
    padding:5px 0;
    /*border-bottom:1px #817f7e solid;*/
    background: url(../img/filet.jpg) bottom left no-repeat;
}
.jour .description-wrapper {
    display: none;
}
.jour h4 {
    cursor:pointer;
}
.jour  h4 span {
    color:#000;
    font-weight: normal;
}

.sommaire {
    width:220px;
    margin-right:30px;
    margin-bottom:20px;
}
.sommaire strong{
    color:#01a4df;
}
.sommaire {
    float:left;
}
.inscription {
    float:right;
    width:110px;
}
.inscription input.jaune {
    font-size:14px;
    padding:5px;
    cursor: pointer;
}
.jour {
    padding:5px 0;
    /*border-bottom:1px #817f7e solid;*/
    background: url(../img/filet.jpg) bottom left no-repeat;
}



/*   pied    */
#footer {
    clear:both;
    padding:5px 10px;
    background: url(../img/curvepied.gif) bottom center no-repeat;
    color:#939598;
    padding:15px 40px 25px 40px;
}
#footer a{
    color:#939598;
    text-decoration:none;
}
#footer a:hover{
    color:#939598;
    text-decoration:underline;
}
#footer h3 {
    color:#fff;
}
#footer p {
    margin:0 0 5px 0;

}
.colun{
    text-align:right;
}
.colun, .coldeux, .coltrois {
    float:left;
    font-size:11px;
    margin:0 30px 0 0;
}
.coldeux ul{
    float:left;
    margin:15px 17px 0 0;
    padding:0;
}
.coldeux ul li{
    list-style:none;
    margin:0;
    padding:0 0 3px 0;
}
.coldeux ul.last {
    margin-right:0!important;
}
.coltrois{
    text-align:left;
    margin:0;
}
* html #footer {
    height:1px;
}


#main .activity-item ul li {
    /*
    background: none;
    margin: 0;
    padding:0;
    */
}
#main .activity-item .description {
    float:left;
    width:530px;
}
#main .activity-item .description p {
    margin: 0 0 15px 0;
}

#main .articles-list {
    margin:20px 0;
}
#main .troiscol .articles-list {
    margin:0;
}
#main .article-item {
    border-top:1px solid #01A4DF;
    padding:10px 0;
}
#main .article-item.first {
    border-top:none;
}
#main .articles-list h3 a {
    color: #676565;
}

#main  .troiscol  .article-item {
    border-top:none;
    padding:0 0 10px 0;
}
#main .troiscol .articles-list h3 a {
    color: #202020;
    font-size: 12px;
    line-height: 14px;
}
#main .troiscol .articles-list p {
    margin: 0 0 2px 0!important;
}

#main .activity-item h2 {
    margin:0 0 12px 0;
}
.dummy-thumb {
    width:350px;
    display: inline-block;
    text-align: center;
    box-shadow:0 0 10px #ccc;
    padding:15px 0;
}
.activity-thumb img {
    box-shadow:0 0 10px #ccc;
}
.rating-wrapper {
    margin: 30px 0 20px 0;
    background: #fff;
    padding:20px;
    clear: left;
    box-shadow: 1px 1px 20px #c5bdaf;
    text-align: center;
}

.small {
    color:#888;
    font-size:10px;
    text-transform: uppercase;
}

.links-list a {
    margin:0 5px;
}
.links-list a.first {
    margin:0 5px 0 0;
}