@charset "UTF-8";
/* CSS Document */
/*RESET*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-size: 100%;
    vertical-align: baseline;
    background: transparent;
}
/* General */

body {
    background-color:#F5F5F5;
    line-height: 1;
    width: 100%;
    min-width: 980px;
}
.clear {
    clear:both;
}

a {
    text-decoration: none;
    border: none;
    outline: 0;
    border: 0;
}
button::-moz-focus-inner {
    border: 0;
}

img  {
    border: none;
    outline: 0;
}

p {
    color: #47423B;
    font-family: Verdana,Geneva,sans-serif;
    font-size: 11px;
    line-height: 160%;
    margin: 20px 0 15px;
}

/* -----------------------------------------
----------------- LINKS -----------------*/


a.more, .read-more a {
    font-family:'Lato', Verdana, sans-serif;
    font-style:italic;
    font-weight:400;
    font-size:16px;
    color:#4FB8B8;
    text-decoration:none;
}
a:hover.more, .read-more a:hover {
    text-decoration:underline;
}
a.toPage {
    font-family:'Lato', Verdana, sans-serif;
    font-style:normal;
    font-weight:400;
    font-size:14px;
    color:#333333;
    text-transform:uppercase;
    padding-left:22px;
    background-image:url(./img/arrow_link_toPage.png);
    background-repeat:no-repeat;
    background-position:left;
    text-decoration:none;
}
a:hover.toPage {
    text-decoration:underline;
}
a.external {
    font-family:'Lato', Verdana, sans-serif;
    font-style:normal;
    font-weight:400;
    font-size:14px;
    color:#333333;
    text-transform:uppercase;
    padding-left:22px;
    background-image:url(./img/arrow_link_external.png);
    background-repeat:no-repeat;
    background-position:left;
    text-decoration:none;
}
a:hover.external {
    text-decoration:underline;
}
.bottomControl {
    padding-top:10px;
    width:auto;
    max-width : 780px;
    height:40px;
}
.links {
    float:left;
    margin:0;
    padding:0;
    list-style:none;
}
.links li {
    display:inline-block;
    margin-right:20px;
}
.links li.active{
    font-family:'Lato', Verdana, sans-serif;
    font-style:italic;
    font-weight:400;
    font-size:16px;
    color:#47423B;
}
.icons {
    float:right;
    margin-top:2px;
}
.icons li {
    display:inline-block;
    margin-left:4px;
}
/* -----------------------------------------
----------------- TITLES -----------------*/
h1.titlePage {
    margin:0;
    font-family:'Lato', Verdana, sans-serif;
    font-weight:100;
    font-style:normal;
    font-size:36px;
    color:#47423B;
    display:block;
    letter-spacing:0.05em;
    border-bottom:dotted #47423B thin;
    padding-bottom:5px;
}

/* h5.rubric correspond au titre de rubrique */
.leftcolumn h5, h5.rubric, h5.rubric_Logo {
    font-family:'Lato', Verdana, sans-serif;
    font-weight:700;
    color:#47423B;
    font-size:30px;
    padding-bottom:5px;
    margin-bottom: 0.2em;
    border-bottom:solid #47423B thin;
}
.leftcolumn h5 {
    width : 100%;
    min-width : 580px;
    max-width : 580px;
}
.rightcolumn h5 {
    min-width : 300px;
    max-width : 300px;
}
/* h6 correspond au titre de rubrique inséré dans du contenu*/
h6.rubric {
    font-family:'Lato', Verdana, sans-serif;
    font-weight:700;
    color:#47423B;
    font-size:1.6em;
    margin-top:20px;
    margin-bottom:20px;
    padding-bottom:5px;

    border-bottom:solid #47423B thin;
}
h6.rubricInclude{
    font-family:'Lato', Verdana, sans-serif;
    font-weight:700;
    color:#47423B;
    font-size:1.2em;
    margin-top:20px;
    margin-bottom:10px;
}

/****************/
/*      HEADER  */
/****************/
.header {
    position:fixed;
    z-index:99;
    top:0;
    height:105px;
    width:100%;
    background-image:url(./img/bg_header2.jpg);
    background-repeat:repeat-x;
}
.headerContent {
    /*    position:absolute;*/
    position:relative;
    top:10px;
    /*    left:50%;*/
    /*    margin-left:-480px;    */
    margin: 0 auto;
    width:960px;
}
input {
    border:none;
    background:none;
}
.searchBox {
    position:absolute;
    top:-30px;
    left:50%;
    margin-left:-105px;
    width:210px;
    background-color:#FFF;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    box-shadow: 0px 1px 5px #999;
    text-align:center;
    padding:10px;
    padding-top:40px;
}
.searchField {
    float:left;
    padding-left:6px;
    border:solid #E2DEDC thin;
    height:20px;
    width:170px;
    color:#000000;
    font-size:13px;
    font-family:'Lato', verdana, sans-serif;
    font-weight:300;
    font-style:italic;
    border-radius: 4px;
}
.searchButton {
    cursor:pointer;
    border:none;
    float:right;
    width:24px;
    height:24px;
    background-image:url(./img/icon_search_off.png);
    background-repeat:no-repeat;
    background-position:center;
}
.searchButton:hover {
    background-image:url(./img/icon_search_on.png);
    background-repeat:no-repeat;
    background-position:center;
}
.rightDiv {
    position:relative;
    float:right;
    width:240px;
    height:75px;
    margin-top:15px;
    text-align:right;
    font-weight:400;
}
.rightDiv ul {
    margin:0;
    padding:0;
    list-style:none;
    font-family:'Lato', Verdana, sans-serif;
    font-size:14px;
}
ul.languageList {
    position:relative;
    height:32px;
    background-image:url(./img/lineHeaderRight.png);
    background-repeat:no-repeat;
    background-position:bottom;
}
.languageList li {
    display:inline;
    height:30px;
    padding:10px 4px 10px 0px;
}
.languageList li a {
    text-decoration:none;
    color:#47423B;
    padding-right:5px;
    border-right:solid #47423B thin;
}
.languageList li:hover {
    text-decoration:underline;
    color:#47423B;
}
.languageList li.selected {
    background-image:url(./img/language_triangle.png);
    background-repeat:no-repeat;
    background-position:top left;
}
.News-Log {
    position:absolute;
    top:45px;
    right:4px;
    height:20px;
}
.News-Log li {
    display:inline;
    font-style:italic;
    padding-right:30px;
}
.News-Log a {
    text-decoration:none;
    color:#47423B;
}
.News-Log li:hover {
    text-decoration:underline;
    color:#47423B;
}
.News-Log li.login {
    padding-right:20px;
    background-image:url(./img/lock.png);
    background-repeat:no-repeat;
    background-position:right bottom;
}
/****************/
/*  FIN HEADER  */
/****************/


/************************/
/*    MENU PRINCIPAL    */
/************************/
.mainNav {
    position:fixed;
    z-index:99;
    top:105px;
    height:50px;
    width:100%;
    background-image:url(./img/bg_mainNav3.png);
    background-repeat:repeat-x;
    text-align:center;
    border-top:solid #E2DEDC thin;
}
#navigation ul {
    margin: auto;
    /*    width: auto;*/
    width: 980px;
    text-align:center;
    vertical-align:middle;
    display:block;
}
#navigation li {
    margin:0;
    padding:0;
    display:inline-block;
    height:36px;
    vertical-align:middle;
}
#navigation a {
}
#navigation a {
    display:inline-block;
    color: white;
    font-family:'Lato', Verdana, sans-serif;
    letter-spacing:0.09em;
    font-weight:700;
    text-transform:uppercase;
    font-size:0.8em;
    margin-right: 0.5%;
    padding: 10px 1em;
    text-align: center;
    text-decoration: none;
    width:auto;
}
#navigation li:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}
#navigation li.first a {
}
#navigation ul li:hover a {
    color: #a08d0c;
}
#navigation ul li.current a {
    color: #a19d85;
}
#navigation ul li {
    position:relative;
}

/* drop down menus */
#navigation ul li ul.dropdown {
    display:none;
    position:absolute;
    z-index:99;
    left:0;
    top:35px;
    background-color: #a08d0c;
    background-image:url(img/bg_dropdown.png);
    background-repeat:repeat-x;
    background-position:top;
    padding:0;
    margin:0;
    width:auto;
    min-width:100%;
    border-top:thin solid black;
    border-bottom-left-radius: 2px;
    border-bottom-right-radius: 2px;
    box-shadow: 0px 0px 4px black;
}
#navigation ul li:hover ul {
    display:block;
}
#navigation ul li ul.dropdown li {
    margin:0;
    padding:0;
    display:inline;
    width:auto;
    float:none;
}
#navigation ul li ul.dropdown li.last a {
    border-bottom:none;
}
#navigation ul li ul.dropdown li a {
    float:none;
    font:'Lato', Verdana, sans-serif;
    font-size:13px;
    letter-spacing:normal;
    text-transform:uppercase;
    font-weight:400;
    text-align: left;
    text-decoration: none;
    height:auto;
    display:block;
    width:auto;
    white-space:nowrap;
    color:#d8d2a2;
    border-bottom-style:solid;
    border-bottom-width:thin;
    border-bottom-color:#aa981b;
}
#navigation ul li ul.dropdown li.current a:hover, #navigation ul li ul li a:hover {
    color: white;/*background-color: #BAAE52;*/
}
#navigation ul li.current ul.dropdown li a:hover {
    color:white;
}

/*----------------------*/
/* Donate link */

.donate {
    position:fixed;
    /*    position:absolute;*/
    top:112px;
    /*    left:50%;*/
    /*    right:10%;*/
    margin-left:750px;
    z-index:97;
    width:225px;
    height:84px;
    padding-top:40px;
    background-image:url(./img/donateLabel.png);
    background-repeat:no-repeat;
    font-family: 'ClaireHandBold', "Lucida Grande", sans-serif;
    font-weight:normal;
    font-style:normal;
    font-size:20px;
    letter-spacing:2px;
    color:white;
    text-align:center;
}
.donate a {
    display:block;
    color:white;
    text-decoration:none;
}
.donate a:hover {
    color:#FFA596;
}
.echoDon {
    text-align:center;
    margin:0;
    width:310px;
    height:280px;
}

/*
----------------------------------------------------
CE DIV ENCADRE LE Main Container + Footer --
IL PERMET D'ETALER LE FOOTER SUR TOUTE LA LARGEUR
Sans le mettre en position Fixed
----------------------------------------------------*/
.totalWidth {
    /*    position: absolute;*/
    z-index:96;
    /*    top:100px;*/
    /*    width:100%;*/
    width:980px;
    height:100%;
    margin: 100px auto;
    margin-bottom: 0;
}
/*------------------------------------------------*/


/* Main Container */
.container {
    position:relative;
    /*    left:50%;
        margin-left:-490px;*/
    margin: 0 auto;
    width:980px;
    min-height: 550px;
    /*    height:inherit;*/
    height:100%;
    display: inline-block;
    vertical-align: top;
    background-color:white;
    background: -webkit-linear-gradient( bottom, #F5F5F5, white 70%);
    background: -moz-linear-gradient( bottom, #F5F5F5, white 70%);
    background: -ms-linear-gradient( bottom, #F5F5F5, white 70%);
    background: -o-linear-gradient( bottom, #F5F5F5, white 70%);
    background: linear-gradient( to bottom, #F5F5F5, white 70%);
    padding-bottom:40px;

}
.container:before {
    content: " ";
    position: absolute;
    z-index:-1;
    background-color:#FFF;
    z-index:-1;
    top: -20px;
    left: 0;
    width: 980px;
    height: 95%;
    border-radius: 20px / 165px;
    box-shadow: 0 0 20px #333333;

}

/*------------------MENU DÉTAILLÉ DE BAS DE PAGE----------------*/
.bottomNav {
    border-top:solid #95b317 4px;
    padding-top: 10px;
    /*    position: relative;*/
    width:100%;
    /*    margin:auto;*/
    /*    height:auto;*/
    min-height:150px;
    background-color:#FFF;
    background-image:url(./img/bg_navBottom.jpg);
}
.bottomNavContent {
    position:relative;
    /*    left:50%;
        margin-left:-490px;*/
    margin: 0 auto;
    padding:0;
    width:980px;
    min-height:180px;
    overflow: visible;
    height:auto;
    /*    margin-top:15px;*/
    font-family:'Lato', Verdana, sans-serif;
    text-align:center;
}

.bottomNavContent ul {
    margin: auto;
    width: auto;
    text-align:center;
    vertical-align:middle;
    height:auto;
}
.bottomNavContent li{
    margin:0;
    padding:0;
    display:inline-block;
    height:auto;
    vertical-align:middle;
}
.bottomNavContent ul li{
    position:relative;
    margin-right: 30px;

}
.bottomNavContent ul li.last{
    margin-right: 0px;

}
.bottomNavContent ul a{
    display:inline-block;
    color: #47423B;
    font-family:'Lato', Verdana, sans-serif;
    letter-spacing:0.09em;
    font-weight:400;
    text-transform:uppercase;
    font-size:0.7em;
    margin-right: 0;
    padding:4px 4px;
    text-align: center;
    text-decoration: none;
    width:auto;

}
.bottomNavContent ul li ul.dropdown{
    position:absolute;
    z-index:99;
    left:0;
    top:25px;
    padding:0;
    margin:0;
    width:auto;
    min-width:100%;
}
.bottomNavContent ul li ul.dropdown li{
    margin:0;
    padding:0;
    display:inline;
    float:none;
}

.bottomNavContent ul li ul.dropdown a{
    float:none;
    font:'Lato', Verdana, sans-serif;
    font-size:0.6em;
    letter-spacing:normal;
    text-transform:uppercase;
    font-weight:400;
    text-align:left;
    text-decoration: none;
    height:auto;
    display:block;
    width:auto;
    color:#a08d0c;
    line-height:1.2em;
    white-space:pre-wrap;
    margin-right: 0;
}
.bottomNavContent ul li ul.dropdown a:hover{
    text-decoration: underline;
}

/*------------------ FOOTER ----------------*/

.footer {
    border-top:solid #95b317 1px;
    width:100%;
    margin:auto;
    height:auto;
    background-color:#FFF;
    padding:15px 0 15px 0;
    overflow: hidden;
}
.footerContent {
    background-color:#FFF;
    font-family:Verdana, Geneva, sans-serif;
    font-size:11px;
    position:relative;
    left:50%;
    margin-left:-490px;
    width:980px;
    margin-top:5px;
}
.footer .footerLeft {
    float:left;
    width:410px;
    margin-left:5px;
}
.footer ul {
    margin:0;
    padding:0;
    margin-top:20px;
}
.footer li {
    padding:0;
    color:#837E74;
    display:inline-block;
    padding-right:15px;
    vertical-align:middle;
}
.footerLeft li {
    border-right:solid #837E74 1px;
}
.footerLeft li.last {
    padding-left:15px;
    border:none;
}
.footer .footerRight {
    float:right;
    margin-right:5px;
    width:200px;
    text-align:right;
}
.footer .footerRight p {
    color:#837E74;
}
.footer .footerRight a {
    text-decoration:none;
    color:#47423B;
}
.footer .footerRight a:hover {
    text-decoration:underline;
}
.footer .footerCenter {
    margin-left:420px;
    margin-right:210px;
}

/*---------------FIN FOOTER ----------------*/


/******************************/
/* Home Page Specific Layout  */
/* (2 columns) */
/******************************/


.leftcolumn {
    float:left;
    margin:20px;
    padding:0;
    width:580px;
    padding-top:25px;
}
.rightcolumn {
    float:right;
    margin:20px;
    padding:0;
    width:300px;
    padding-top:25px;
}

/* Header with big pic*/

.textureLeft {
    position:fixed;
    z-index:-2;
    top:141px;
    width:50%;
    margin-left:-480px;
    height:360px;
    background-color:#7B715B;
    background-image:url(./img/soil-texture.jpg);
    background-repeat:repeat-x;
    background-position:right;
    border-bottom:solid, white, thin;
}
.textureRight {
    position:fixed;
    z-index:-2;
    top:141px;
    right:0;
    width:50%;
    margin-right:-480px;
    height:360px;
    background-color:#7B715B;
    background-image:url(./img/soil-texture.jpg);
    background-repeat:repeat-x;
    background-position:left;
    border-bottom:solid, white, thin;
}
.cover {
    margin-top:41px;
    width:auto;
    text-align:center;
}
.cover h1{
    position:absolute;
    top:223px;
    width:900px;
    padding:40px;
    /*background-color:#00C;*/

    font-family:'Lato', Verdana, sans-serif;
    font-weight:700;
    font-size:46px;
    color:white;
    font-style:italic;
    line-height:105%;
    letter-spacing:1px;
    opacity:0.9;
    filter:alpha(opacity=90); /* For IE8 and earlier */
    text-shadow:1px 1px 3px #333333;
}
.cover h1 span.gauche{
    text-align:left;
    margin-left:-250px;
}
.cover h1 span.droite{
    text-align:right;
    margin-left:150px;

}

/****************/
/* Left Column */
/****************/

/* Homepage - Main Project Bloc */

.project {
    margin:0;
    width: 580px;
    border-bottom:dotted #E2DEDC 1px;
}
.project h2, .boxProject h2 {
    margin:0;
    font-family:'Lato', Verdana, sans-serif;
    font-weight:300;
    font-style:italic;
    font-size:20px;
    color:#47423B;
    margin-top:20px;
    margin-bottom:20px;
}
.project .projSlideshow {
    margin:0;
    width:auto;
    height: 375px;
    background-color:#CCC;
    margin-bottom:15px;
}
.projContentText {
    margin:0;
    font-family:Verdana, Geneva, sans-serif;
    color:#47423B;
    font-size:11px;
    line-height:160%;
    margin-top:20px;
    margin-bottom:15px;
}

/* Homepage - middle nav*/

.navFlow {
    background-image:url(./img/bg_navFlow.jpg);
    background-repeat:repeat;
    margin:0;
    padding:0;
    width:580px;
    margin-top:50px;
    margin-bottom:20px;
    border:solid #E2DEDC thin;
    text-align:center;
}
.navFlow table {
    width:100%;
    margin:0;
    padding:0;
}
.navFlow td {
    margin:0;
    padding:0;
    width:190px;
    height:70px;
    vertical-align:middle;
    text-align:center;
    background-image:url(./img/bg_navBTN_off.png);
    background-repeat:no-repeat;
    background-position:center;
}
.navFlow td:hover {
    cursor:pointer;
    background-image:url(./img/bg_navBTN_on.png);
    background-repeat:no-repeat;
    background-position:center;
}

/* Ruralter on home page */

.ruralterHome {
    position:relative;
    margin-top:50px;
}
.ruralterHome h5 {
    background-image:url(../images/content/BTN-ruralter_off.gif);
    background-position:right;
    background-repeat:no-repeat;
}
.ruralterContent {
    position:relative;
    margin:-6px 0 0 0;
    /*font-family:"Times New Roman", Georgia, Times, serif;*/
    background-color:#FFF;
    width:100%;
}
.ruralterHead {
    height:auto;
    width:460px;
    margin:0;
    margin-left:110px;
}
.ruralterLabel {
    position:absolute;
    top:0;
    left:0;
    width:105px;
    height:105px;
}
.ruralterTitle {
    font-family:"Times New Roman", Georgia, Times, serif;
    margin:0;
    padding:20px 10px 0 0;
    font-style:italic;
    font-size:20px;
    font-weight:bold;
    color:#96217D;
}
.ruralterSubTitle {
    font-family:"Times New Roman", Georgia, Times, serif;
    margin:0;
    padding:0 10px 20px 0;
    font-style:italic;
    font-size:16px;
    color:#837E74;
    font-weight:normal;
    line-height:130%;
    border-bottom:solid #E2DEDC 1px;
}
.ruralterText {
    width:550px;
    margin-left:15px;
}
.ruralterText p {
    font-family:Verdana, Geneva, sans-serif;
    font-style:normal;
    font-size:11px;
    color:#837E74;
    font-weight:normal;
    text-align:justify;
    line-height:160%;
    margin: 10px 0 10px 0;
}

/****************/
/* Right Column */
/****************/

/* News */

.news {
    margin:0 0 40px 0;
    padding:0;
}
.news h3 {
    color: #47423B;
    font-family: "Times New Roman",Georgia,Times,serif;
    font-size: 18px;
    font-style: italic;
    font-weight: normal;
    line-height: 100%;
    margin: 20px 0 5px;
}
.news p  {
    color: #837E74;
    font-family:Verdana, Geneva, sans-serif;
    font-size: 11px;
    font-style: normal;
    font-weight: lighter;
    line-height: 160%;
    margin: 0 0 6px;
}
span.read-more a, span.read-less a {
    font-family:'Lato', Verdana, sans-serif;
    font-style:italic;
    font-weight:400;
    font-size:16px;
    color:#4FB8B8;
    text-decoration:none;
    margin-top: 5px;
}
span.read-more a:hover, span.read-less a:hover {
    text-decoration:underline;
}
.news a {
    display:block;
    text-align:left;
    margin:0;
}

/* On the web */

.onTheWeb {
    margin:0 0 40px 0;
    background-color:#FFFFF;
    width:100%;
    height:auto;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    box-shadow: 0px 1px 5px #999;
}
.onTheWebHeader {
    margin:0;
    width:100%;
    text-align:center;
    padding:10px 0 10px 0;
    border-bottom:solid #E2DEDC thin;
}
.onTheWeb div {
    padding:20px;
    text-align:center;
    margin:0;
    border-bottom:dotted #E2DEDC thin;
}
.onTheWeb div img {
    max-width:260px;
    border:solid #E2DEDC thin;
}
.onTheWeb h4 {
    font-family:"Times New Roman", Georgia, Times, serif;
    font-weight:normal;
    font-style:italic;
    font-size:15px;
    color:#47423B;
    margin:7px 0 5px 0;
    line-height:120%;
}
.onTheWeb p {
    font-family:"Times New Roman", Georgia, Times, serif;
    font-weight:normal;
    font-size:12px;
    color:#837E74;
    margin:7px 0 10px 0;
    line-height:130%;
}
.onTheWeb a.extend{
    display:block;
    background-image:url(img/BTN-plus_off.png);
    background-repeat:no-repeat;
    background-position:center;
    height:60px;
    width:60px;
    margin:auto;
}
.onTheWeb a.extend:hover{
    cursor:pointer;
    background-image:url(img/BTN-plus_on.png);
}
/* Réseaux sociaux */

.social {
    margin:0 0 40px 0;
    background-color:#FFFFF;
    width:100%;
    height:auto;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    box-shadow: 0px 1px 5px #999;
    text-align:center;
}
.social ul {
    width:auto;
    margin:auto;
    padding:10px;
}
.social li {
    display:inline;
    margin-right:1.2em;
}
.social li a:hover {
    opacity:0.5;
}

/* Newsletter */
.newsletterBloc {
	margin:0 0 40px 0;
	background-image:url(img/bg_newsletter.png);

    width:100%;
    height:200px;
}

.newsletterBloc p {
	display:block;
	position:relative;
	width:250px;
	text-align:left;
	top:73px;
	left:30px;
		font-family:'CabinSketchRegular', Times, serif;
		font-size:34px;
		text-transform:uppercase;
color:white;
line-height:34px;
}
.newsletterBloc p a{
		display:block;
height:32px;
	background-image:url(img/radio_newsletter.png);
	background-repeat:no-repeat;
	background-position:top left;
	margin:0;
	color:white;
	padding-left:40px;
	text-decoration:none;
	font-size:24px;
}

.newsletterBloc p a:hover{
	text-decoration:underline;
		background-position:bottom left;
}


/*****************/
/*  POST STYLES  */
/*****************/

.focus {
    margin:0;
    height:auto;
    width:580px;
    margin-top:50px;
    border-bottom:dotted white 1px;
    padding:0;
}
.focusLeft, .focusRight, .focusRightCol {
    cursor:pointer;
    position:relative;
    margin-bottom:15px;
    padding:0;
    width:250px;
    height:290px;
    /*min-height:270px;*/
    border:solid #E2DEDC thin;
    background-image:url(./img/bg_project_compact.jpg);
    background-repeat:repeat;
    text-align:center;
    text-decoration: none;
}
.focusRight:hover, .focusLeft:hover, .focusRightCol:hover, .ruralterBloc:hover {
    border:solid #837E74 thin;
}
/*.focusLeft:hover {
    border:solid #837E74 thin;
}
.focusRightCol:hover {
    border:solid #837E74 thin;
}*/
.focusRightCol {
    margin:15px 0 15px 0;
}
.focus p {
    margin:0;
    padding:0;
    text-align:left;
}


.focus .focusRight {
    float:right;
    margin:15px;
}
.focus .focusLeft {
    margin:15px;
}
.focusContent {
    font-family:'Lato', Verdana, sans-serif;
    width:220px;
    line-height:140%;
    margin:auto;
	background-image:url(img/bg_image_post.png);
	background-repeat:repeat-x;
	    text-align:center;
	    margin:15px;

}
.focusContent img {
	
    max-width:220px;
    max-height:170px;
    overflow:hidden;
		    margin-bottom:15px;

}

.focusContent h3 {
    text-align:left;
    font-weight:700;
    font-style:normal;
    font-size:15px;
    line-height:110%;
    color:#47423B;
    border:none;
    margin-bottom:15px;
}
.focusContent p {
    text-align:left;
    font-family:'Lato', Verdana, sans-serif;
    margin:0;
    padding:0;
    font-weight:300;
    font-style:italic;
    font-size:14px;
    color:#837E74;
    line-height:110%;
    height:34px;
    overflow:hidden;
}
p.caption {
    font-family:"Times New Roman", Georgia, Times, serif;
    font-size:12px;
    font-style:italic;

    color:#47423B;
    margin-top:15px;
    margin-bottom:15px;
}
.corner {
    margin:0;
    position:absolute;
    z-index:5;
    top:0;
    left:0;
    width:66px;
    height:66px;
}

.carnetBloc{
    float:left;
    cursor:pointer;
    position:relative;
    padding:0;
    width:250px;
    height:292px;
    background-image:url(./img/bg_carnet_compact_off.png);
    background-repeat:no-repeat;
    text-align:center;
    text-decoration: none;
	    margin-bottom:15px;

}
.carnetBloc:hover{
    background-image:url(./img/bg_carnet_compact_on.png);
    background-repeat:no-repeat;
}

.carnetBloc h3{
    color:#4a4491;
    /*font-family:'CabinSketchRegular', Times, serif;*/
   
}
.carnetBloc .caption{
    color:#4a4491;
}


.ruralterBloc{
cursor:pointer;
    position:relative;
    margin-bottom:15px;
    padding:0;
    width:250px;
    height:290px;
    /*min-height:270px;*/
    border:solid #E2DEDC thin;
	

}
.ruralterCollec{
	margin:0;
    position:absolute;
    z-index:4;
    top:0;
    left:0;
	width:240px;
	background-color:#F6F5F5;
	height:30px;
	line-height:30px;
	color:#7F255F;
	text-align:right;
	padding-right:10px;
	    font-family:'Lato', Verdana, sans-serif;
font-weight:400;
	font-size:14px;
	    border-bottom:solid #E2DEDC thin;

}
.ruralterBloc .ruralterThumb {
	float:left;

width:115px;
margin:0;
height:auto;

padding:0;

}


.ruralterBloc .ruralterCredits{
float:right;
	width:90px;
padding:40px 0px 10px 5px;
height:auto;
    border-left:solid #E2DEDC thin;

}
.ruralterBloc .ruralterCredits p{
	font-weight:400;
	color:#47423B;
	font-style:normal;
	text-align:right;
}
.ruralterBloc h3{
	clear:both;
		font-family:"Times New Roman", Times, serif;
		font-size:16px;
		font-style:italic;
		text-align:left;
		
}
.ruralterBloc h4{
			font-family:"Times New Roman", Times, serif;
font-style:italic;
font-weight:normal;
text-align:left;
color:#837E74;
font-size:14px;
line-height:110%;
}


.mediasBloc {
    position:relative;
	background-color:#F6F5F5;
    margin-bottom:15px;
    padding:0;
    width:250px;
    height:290px;
    /*min-height:270px;*/
    border:solid #E2DEDC thin;
}
.mediasBloc p{
	margin-bottom:10px;
}





/* LAYOUT 3 COLUMN "classic" */

.leftcolumnClassic {
    float:left;
    margin:0;
    padding:0;
    width:130px;
    height:auto;
    padding-top:25px;
}
.rightcolumnClassic {
    float:right;
    margin:56px 20px 70px 0;
    padding:0;
    width:250px;
    height:auto;
    padding-top:25px;
}
.centercolumnClassic {
    margin-left:170px;
    margin-right:310px;
    margin-top:90px;
    height:auto;
}





/* LAYOUT 2 COLUMN MOSAIQUE */
.mosaique_container{
    margin:0;
    width:810px;
    height:auto;
}
.mosaique_bloc {
    width:250px;
    margin-right:20px;
    float:left;
}
.mosaique_bloc_last {
    width:250px;
    margin-right:0px;
    float:left;}

.result_container{
    margin:0;
    width:540px;
    height:auto;
}

.filter_bloc{
    font-family:'Lato', Verdana, sans-serif;

    float:right;
    width:230px;
    height:auto;
    background-color:#fff;
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
    box-shadow: 0px 1px 5px #999;
    padding:10px;
}

.filter_bloc .rubric{
    margin:0;
    color:#47423B;
    border-bottom:solid #47423B thin;



}
.filter_bloc .BTN_Categorie, .filter_bloc .BTN_Themes{
    height:24px;
    text-transform:uppercase;
    line-height:24px;
    padding-left:30px;
    font-size:16px;
    color:#fff;
    margin-top:15px;
    background:url(./img/arrow_down.png) no-repeat;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    border-bottom:solid #fff 3px;

}
.filter_bloc .BTN_Categorie{

    background-color:#837E74;
}
.filter_bloc .BTN_Themes{
    background-color:#93C696;
}
.filter_bloc ul{
    list-style-type:none;
    margin:0 0 20px 0;
}
.filter_bloc ul.filter_categories li{
    font-size:13px;

    margin-left:24px;
    display:block;
    height:32px;
    line-height:32px;
    color:#47423B;
    font-style:italic;
    font-weight:400;
    vertical-align:middle;
    border-bottom:dotted #837E74 thin;
}

.filter_bloc ul.filter_categories li.categorie_ruralter{
    background: url(./img/icon_ruralter.png) no-repeat right;
    /*background-color:#7F255F;*/



}
.filter_bloc ul.filter_categories li.categorie_carnet{
    background: url(./img/icon_carnet.png) no-repeat right;


}
.filter_bloc ul.filter_categories li.categorie_multimedia{
    background: url(./img/icon_multimedia.png) no-repeat right;



}

.doc_de_ref{

    margin:0;
    height:auto;

    vertical-align:middle;
    border-top:solid #47423B thin;

    border-bottom:solid #47423B thin;
    margin-bottom:20px;
}
.doc_de_ref .big {
    margin:0;
    padding-top:8px;
    text-transform:uppercase;
    font-size:14px;

    color:#47423B;



}

.checkbox, .radio {
    vertical-align:middle;
    width: 18px;
    height:20px;
    display: block;
    clear: left;
    float: left;
    background: url(./img/checkbox2.png) no-repeat;

}
li .checkbox{
    margin:6px 6px 0 6px;

}
.doc_de_ref .checkbox{
    margin:6px 6px 0 6px;
}
.doc_de_ref .textPage{
    margin:0;
    color:#47423B;
    text-transform:none;
    padding:0 0 0 30px;

}
.select {
    position: absolute;
    width: 220px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
    height: 24px;
    line-height:24px;
    padding: 0 0 0 10px;
    color: #47423B;
    background: url(./img/arrow_for_select.png) no-repeat right;
    background-color:#E2DEDC;
    overflow: hidden;
    margin-bottom:20px;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;


}
.filter_select{
    margin-bottom:10px;
}



.filter_bloc .BTNValider{
    margin:auto;
    margin-top:30px;
    margin-bottom:30px;
    background-color:#4fb8b8;
    line-height:24px;
    text-align:center;
    color:#fff;
    width:100px;
    text-transform:uppercase;
    height:24px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.filter_bloc .BTNValider:hover{
    cursor:pointer;
    background-color:#9aeceb;
}
/* Small textures*/

.textureLeftContent {
    position:fixed;
    z-index:-2;
    top:141px;
    width:50%;
    margin-left:-480px;
    height:88px;
    background-color:#7B715B;
    background-image:url(./img/soil-texture.jpg);
    background-repeat:repeat-x;
    background-position:right;
    border-bottom:solid, white, thin;
}
.textureRightContent {
    position:fixed;
    z-index:-2;
    top:141px;
    right:0;
    width:50%;
    margin-right:-480px;
    height:88px;
    background-color:#7B715B;
    background-image:url(./img/soil-texture.jpg);
    background-repeat:repeat-x;
    background-position:left;
    border-bottom:solid, white, thin;
}

/****************/
/* CONTENT CLASSIC and DIAPO */
/****************/

.textPage {
    margin:0;
    padding:0;
    font-family:Verdana, Geneva, sans-serif;
    color:#47423B;
    font-size:12px;
    line-height:160%;
    margin-top:10px;
    margin-bottom:15px;
}
.chapeau {
    font-family:"Times New Roman", Times, serif;
    font-weight:300;
    font-style:italic;
    font-size:19px;
    color:#869173;
    line-height:110%;
    margin:20px 0 20px 0;
}

.tablePage{
    font-family:'Lato', Verdana, sans-serif;
    color:#47423B;

    border:none;
}

.centercolumnClassic h1 {
    margin:0;
    font-family:'Lato', Verdana, sans-serif;
    font-weight:100;
    font-style:normal;
    font-size:36px;
    color:#47423B;
    display:block;
    letter-spacing:0.05em;
    border-bottom:dotted #47423B thin;
    padding-bottom:5px;
}
.centercolumnClassic p {
    margin:0;
    padding:0;
    font-family:Verdana, Geneva, sans-serif;
    color:#47423B;
    font-size:11px;
    line-height:160%;
    margin-top:10px;
    margin-bottom:15px;
}
.centercolumnClassic .chapeau {
    font-family:"Times New Roman", Times, serif;
    font-weight:300;
    font-style:italic;
    font-size:19px;
    color:#869173;
    line-height:110%;
    margin:15px 0 15px 0;
}

.tablePage ul{
    list-style-type:none;

    margin:0;
}
.tablePage li a{
    font-size:13px;
    text-decoration:none;
    line-height:140%;
    color:#837E74;
}
.tablePage li a:hover{
    text-decoration:underline;
}
/*ACCORDION*/
.centercolumnClassic #accordion {
    margin:0;
    margin-top:30px;
    border:none !important;

}
#accordion .defaultIcon {
    background-image: url(img/icon_more.png) !important;
    width: 22px;
    height: 22px;
}
#accordion .selectedIcon {
    background-image: url(img/icon_less.png) !important;
    width: 22px;
    height: 22px;
}
.ui-accordion .ui-accordion-content {
    padding:0 !important;
    margin:0 !important;
    border: none !important;
}
.ui-widget-content {
    border: none !important;
    background:none !important;
}

#accordion h3 {
    margin:0;
    background:none;
    border:none;
    border-radius:0px;
    border-bottom:solid #E2DEDC thin;
    font-family:'Lato', Verdana, sans-serif;
    font-weight:400;
    font-style:italic;
    font-size:20px;
    line-height:100%;
    padding:10px 0 10px 0;
    display:block;
    padding-left:45px;
    color:#93C696;
    text-decoration:none;
}
#accordion h3:hover {
    color:#93C696;
    text-decoration:underline;
}
#accordion h3 a {
    display:block;

    padding-left:45px;
    color:#93C696;
    text-decoration:none;
}
#accordion h3 a:hover {
    color:#93C696;
    text-decoration:underline;
}
#accordion p {
    margin:15px 0 15px 45px;
    width:auto;
    text-align:justify;
    height:auto;
}
#accordion h6{
    margin-left:45px;
    font-family:'Lato', Verdana, sans-serif;
}
#accordion ul, #accordion ul.projectList {
    margin:0 0 15px 45px;
    padding:0;
}
#accordion ul li, #accordion ul.projectList li {
    display:block;
    margin:0 0 10px 0;
}
#accordion ul a, #accordion ul.projectList a {
    font-family:'Lato', Verdana, sans-serif;
    color:#4FB8B8;
    line-height:100%;
    font-size:16px;
    font-family:'Lato', Verdana, sans-serif;
    font-style:italic;
    font-weight:400;
    font-size:16px;
    color:#4FB8B8;
    text-decoration:none;
}
#accordion ul a:hover {
    text-decoration:underline;
}
.ui-widget-content {
    border: none !important;
    background:none !important;
}

/****************/
/* SPECIFIC CONTENT GABARIT "diaporoma" */
/****************/
/* LAYOUT 2 COLUMN "diaporama" */
.centercolumnDiapo {
    margin-left:170px;
    margin-top:90px;
    width:790px;
    height:auto;

}
.centercolumnDiapo .slideshow{
    position:relative;
    background-color:#CCC;
    width:100%;
    height:400px;
    margin:15px 0px 30px 0px;
}


/*----------------ONGLETS VERTICAUX SUR PAGE DE CONTENU-----------*/

.subNav {
    margin:0;
    margin-top:15px;
    position: relative;
}
.subNav li {
    display:block;
    margin:0;
    padding:0;
    height:85px;
    /*line-height:85px;*/
    width:113px;
    margin-bottom:2px;
    text-align:center;
    -moz-border-radius: 2px;
    -webkit-border-radius: 2px;
    border-radius: 2px;
    vertical-align:middle;
    background-color:#E1DEC3;
    font-family:'Lato', Verdana, sans-serif;
    letter-spacing:0.09em;
    font-weight:700;
    text-transform:uppercase;
    font-size:0.75em;
}
.subNav li a {
    display:inline-block;
    vertical-align:middle;
    width:100%;
    line-height:1.2em;
    color: #989581;
    text-decoration:none;
}
.subNav li:before {
    content: '';
    display: inline-block;
    vertical-align: middle;
    height: 100%;
}
.subNav li:hover {
    background-color:#d8d2a2;
    cursor:pointer;
}
.subNav li:hover a {
    color:white;
}
.subNav li a:hover {
    color:white;
}
.subNav li.current {
    cursor:default;
    background:none;
    background-image:url(img/bg_subNav_current2.png);
    background-repeat:no-repeat;
    margin:-1px 0 1px -1px;
    width:145px;
    height:91px;
    line-height:91px;
    text-align:left;
}
.subNav li.current a {
    display:inline-block;
    width:110px;
    margin:0 0 6px 6px;
    text-align:center;
    cursor:default;
    color:white;
}

/* ---------------- Projets et Carnets de Missions -----------*/

body#project_full {
    /*    width:780px;
        min-width:780px;
        max-width:780px;*/
    /*    background-color: white;*/
    /*    overflow-y : visible;*/
    /*overflow: hidden;   */
}

.boxProject, .boxCarnet {
    /*	width:780px;*/
    height:100%;
    /*    background-color: white;*/

}

.boxContent{
    /*    background-color: white;*/
    /*    overflow-y : visible;
        overflow-x : hidden;*/
    width:auto;
    height:100%;
    padding:10px 25px 40px 25px;
    margin-bottom: 20px;

}
.gallery {
    width:100%;
    max-width:730px;
    /*	overflow:hidden;
            height:auto;*/
    background-color:#E2DEDC;
    margin:auto;
    margin-bottom:40px;
    border: 1px solid red;
}



/* ------------ liste des thèmes associé en fin d'article --------------*/

.boxProject{
    background-color:white;
}


.boxProject .thems ul{
    margin:30px 0 40px 0;
    padding:0;
    bottom:15px;
    text-align:left;
    font-family:'Lato', Verdana, sans-serif;

}
.boxProject .thems  li{
    display:block;
    font-size:13px;
    font-weight:300;
    height:16px;
    line-height:16px;

}

.boxProject .thems  li a:link, a:visited {
    padding-left:18px;
    display:block;
    color:#93C696;
    background-image:url(img/dot_green_themes.png);
    background-repeat:no-repeat;
    background-position:left;
    outline: 0;
}
.boxProject .thems  li a:hover {
    outline: 0;
    text-decoration:underline;
}
/* ------------ --------------*/




/* ------------ Style pour l'affichage des PROJETS --------------*/

.boxProject h1{
    margin:0;
    font-family:'Lato', Verdana, sans-serif;
    font-weight:400;
    font-style:normal;
    font-size:30px;
    color:#47423B;
    margin-top:20px;
    margin-bottom:20px;
}


.boxProject .caption {
    margin:0 0 20px 0;

    color:#96B319;
}





/* --------------------------*/

/* ------------ Style pour l'affichage des CARNETS DE MISSION --------------*/
.boxCarnet{
    /*    background-color: #F5F5F5 !important ;*/
    background-image:url(img/bg_carnet_box.jpg) !important;
    background-repeat:repeat-x;
}
#chapter_box { 
    /*    background-color: #F5F5F5 !important ; */
    /*    background-color: transparent !important ; */
}

.boxCarnet h1{
    margin:0;
    font-family:'CabinSketchRegular', Times, serif;
    font-weight:normal;
    font-style:normal;
    font-size:34px;
    color:#4C4491;
    margin:auto;
    margin-top:20px;
    margin-bottom:5px;
    text-align:center;
    width:600px;
}

.boxCarnet .BTNChapitre{
    margin:auto;
    width:120px;
    height:24px;
    outline: 0;
}
.BTNChapitre a, .BTNChapitre a:hover, .BTNChapitre a:focus, .BTNChapitre a:visited {
    outline: 0;
}
.boxCarnet .BTNChapitre a:link, a:visited{
    display:block;
    background-image:url(img/bg_chapitreBTN_off.png);
    background-repeat:no-repeat;
    text-align:center;
    color:#FFF;
    line-height:24px;
    font-family:'Lato', Verdana, sans-serif;
    font-weight:normal;
    text-transform:uppercase;
    font-size:14px;
    outline: 0;
    border:none;

}
.boxCarnet .BTNChapitre a:hover{
    background-image:url(img/bg_chapitreBTN_on.png);
    background-repeat:no-repeat;
    color:#837E74;
    outline: 0;
}
.boxCarnet .LISTChapitre{
    width:600px;
    margin:auto;
    opacity:0.8;
    padding:10px;
    text-align:center;
    border-bottom:dotted #837E74 1px;

}
.boxCarnet .LISTChapitre ul{
    list-style:none;
    margin:0;
    padding:0;
    height:100%;
}
.boxCarnet .LISTChapitre ul li {
    display:block;
    margin-bottom:6px;
    font-family:"Times New Roman", Times, serif;
    font-size:13px;
    color:#869173;
    font-style:italic;
    font-weight:bold;
    text-transform:uppercase;
}
.boxCarnet .LISTChapitre ul li a{
    line-height:15px;
    color:#4FB8B8;
}
#chapters .chapter_selected{
    color:#869173;
    cursor: default;
    text-decoration: none;
}
.boxCarnet .LISTChapitre ul li a:hover{

    text-decoration:underline;
}
.boxCarnet .caption {
    color:#4C4491;
    text-align:center;
    margin:0 0 20px 0;
}
.boxCarnet h5 {
    font-family:"Times New Roman", Times, serif;
    color:#47423B;
    font-size:20px;
    font-style:italic;
    font-weight:normal;
    margin:20px 0 20px 0;
}

.CarnetContentText {
    margin:0;
    font-family:"Times New Roman", Times, serif;
    color:#837E74;
    font-size:15px;
    font-style:italic;
    font-weight:normal;
    line-height:140%;
    margin-top:20px;
    margin-bottom:15px;
}


/* FIN Projets et Carnets de Missions */

/* Content Slider for posts */

body.noscroll
{
    position: fixed; 
    overflow-y: scroll;
    width: 100%;
}


.image_slider, .image_slider_inbox  {
    width : 580px;
    list-style: none;
    /*    background-color: #F5F5F5;*/
    background: transparent !important;
}


.image_slider ul li, .image_slider_inbox ul li{
    /*    background-color: #F5F5F5;*/
    background: transparent !important;
    width: 100%;
    text-align:center;
    height: 500px;
    line-height:500px;
    /*    display:table;*/
}


div.for_slider{
    max-width:580px;
    max-height: 500px;
    text-align: center;
    vertical-align:middle;
    /*    display:table-cell;*/
}

div.for_slider img {
    max-width: 580px;
    max-height : 500px;

}

.image_slider_inbox {
    width : 730px;
}
.image_slider_inbox div.for_slider{
    max-width : 730px;
    max-height: 500px;
    vertical-align:middle;
}
.image_slider_inbox div.for_slider img{
    max-width : 730px;
    max-height : 500px;
}

.bx-prev, .bx-next {
    z-index:10;
}

.bx-wrapper {
    /*    background-color: white;*/
}

.ui-dialog,.ui-dialog,.ui-widget, .ui-widget-content, .ui-corner-all, .foo, .ui-draggable, .ui-resizable {
    background: white !important;
    overflow-x: hidden;
}​


.ui-dialog {
    background-color: white;
    height : 100%;
    padding: 0px;
    overflow-x: hidden;

}

.ui-widget-content, .ui-widget, ui-dialog-content, .ui-dialog {

    border: none;
    border-radius: 0px;
    padding: 0px;

    -moz-box-shadow: 0 0 1px 1px rgba(0,0,0,0.3);
    -webkit-box-shadow: 0 0 1px 1px rgba(0,0,0,0.3);
    box-shadow: 0 0 1px 1px rgba(0,0,0,0.3);
}

.ui-dialog-titlebar {
    display: none;
    outline: 0;
}

#dialog {
    background-color: white;
    padding : 0;
    margin:0;
    height : 100%;
}

#dialog a {
    color:#4FB8B8;
    outline: 0;
}

#close {
    position:absolute;
    background:url(img/BTN-closeBox_off.png) 0 0 no-repeat;
    width:32px;
    height:32px;
    display:block;
    z-index:1000;
}
#close:hover {
    background:url(img/BTN-closeBox_on.png) 0 0 no-repeat;
}

/* End of Content Slider */


/* page FAIRE UN DON */
form{
    font-family:'Lato', Verdana, sans-serif;
}
.don_step{
    margin:30px 0 0 0;
    font-family: 'ClaireHandBold', "Lucida Grande", sans-serif;
    border-bottom:solid #fff thin;

}
.don_step ul{
    margin:0;
    padding:0;
}
.don_step li{
    display:inline-block;
    vertical-align:bottom;
    width:158px;
    height:auto;
    margin-right:2px;
    background-image:url(img/bg_navFlow.jpg);
    background-repeat:repeat;
    background-color:#CCC;
    color:#837E74;
    padding:10px 5px 10px 5px;
    font-size:15px;
    text-align:center;
    line-height:120%;
}
.don_step li:hover, .don_step li.last:hover{
    -moz-box-shadow: 0 2px 2px 0px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 2px 2px 0px rgba(0,0,0,0.5);
    box-shadow: 0 2px 2px 0px rgba(0,0,0,0.5);
    color:#ff402C;

}
.don_step li.last{
    margin-right:0px;
}
.don_step li.active{
    line-height:200%;

    color:#ff402C;
    padding-top:14px;
    -moz-box-shadow: 0 2px 2px 0px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 2px 2px 0px rgba(0,0,0,0.5);
    box-shadow: 0 2px 2px 0px rgba(0,0,0,0.5);

}
.don_step li.active .step_num{
    font-size:44px;

}
.don_contact {
    background-color:white;
    padding:10px;
    border:solid #E2DEDC thin;
}

.don_contact h6 {
    font-family:'Lato', Verdana, sans-serif;
    font-weight:700;
    font-size:1.2em;

    color:#47423B;
}
.don_assur{
    width:220px;
    height:270px;
    background-image:url(img/bg_don.png);
    background-repeat:no-repeat;
    font-family: 'ClaireHandBold', "Lucida Grande", sans-serif;
    margin:0;
    padding:18px;


}
.don_assur ul{
    list-style-image:url(img/list_don_vert.png);
    margin-left:18px;
}
.don_assur li{
    color:#869173;
    line-height:120%;
    font-size:16px;
    margin-bottom:14px;
    letter-spacing:1px;
}
.don_assur .don_txt_small{
    font-family: 'ClaireHandRegular', "Lucida Grande", sans-serif;
    font-size:14px;
    color:#869173;
}
.donate_content{
    font-family:'Lato', Verdana, sans-serif;

    border:solid #E2DEDC thin;
    background-image:url(img/bg_navFlow.jpg);

    padding:30px 10px 10px 10px;

}
.donate_content .montant{
    width:110px;
    vertical-align:middle;

}

.donate_content .caption{
    margin:0;
    padding:10px;
    font-size:10px;
    line-height:13px;
}
.donate_content h2{
    width:100%;
    font-family: 'ClaireHandBold', "Lucida Grande", sans-serif;
    font-weight:normal;
    font-size:22px;
    letter-spacing:1px;
    color:#ff402C;
    padding-top:15px;
    margin:5px 0px 0px 0px;
}
.donate_content h3{
    border-top:dotted #E2DEDC thin;

    border-bottom:dotted #E2DEDC thin;
    font-family: 'ClaireHandRegular', "Lucida Grande", sans-serif;
    font-weight:normal;
    font-size:18px;
    letter-spacing:1px;
    color:#47423B;
    padding:15px 0px 15px 30px;
    margin:20px 0px 30px 0px;
    background-image:url(img/icon_more.png);
    background-repeat:no-repeat;
    background-position:left;
}

.donate_content h4{
    font-family: 'ClaireHandRegular', "Lucida Grande", sans-serif;
    font-weight:normal;
    font-size:18px;
    letter-spacing:1px;
    color:#ff402C;
    margin:4px 0px 10px 0px;
}
.radio_step2{
    font-family: 'ClaireHandBold', "Lucida Grande", sans-serif;
    font-weight:normal;
    font-size:18px;
    letter-spacing:1px;
    color:#ff402C;
    margin:10px 0px 10px 0px;
}
.donate_content h3:hover{
    text-decoration:underline;}

.donate_content ul.valid{
    width:100%;
    text-align:left;
}
.donate_content ul.valid li{
    width:170px;
    margin:0px 30px 0px 0px;
    display:inline-block;
    background-color:#ff402C;
    padding:15px;
    color:white;
    border-radius: 4px;

    -moz-box-shadow: 0 0 2px 0px rgba(0,0,0,0.5);
    -webkit-box-shadow: 0 0 2px 0px rgba(0,0,0,0.5);
    box-shadow: 0 0 2px 0px rgba(0,0,0,0.5);
    font-family:'Lato', Verdana, sans-serif;
    font-weight:700;
    font-size:14px;
    line-height:120%;
}
.donate_content table{
    margin-top:30px;
}
.donate_content ul.valid li:hover{
    cursor:pointer;
    color:#FFA596;
    /*background-color:#FFA596;
    
     -moz-box-shadow: 0 0 4px 0px rgba(0,0,0,0.2);
        -webkit-box-shadow: 0 0 4px 0px rgba(0,0,0,0.2);
        box-shadow: 0 0 4px 0px rgba(0,0,0,0.2);*/
}



label{
    display:block;
    font-family:'Lato', Verdana, sans-serif;
    font-weight:400;
    margin:5px 20px 5px 0;
    color:#47423B;
    font-size:20px;

    vertical-align:middle;

}



.formFieldS, .formFieldM, .formFieldL {
    /*float:left;*/
    padding-left:6px;
    border:solid #E2DEDC thin;
    background-color:#FFF;
    height:20px;
    color:#000000;
    font-size:14px;
    font-family:'Lato', verdana, sans-serif;
    font-weight:400;
    border-radius: 4px;
    margin:3px 5px 0 0;

}
.formFieldS {
    width:110px;
}
.formFieldM {
    width:224px;
}
.formFieldL {
    width:350px;
}
p.formTitle {
    display:block;
    width:100%;
    margin:5px 0 7px 0;
    font-family:'Lato', verdana, sans-serif;
    font-weight:300;
    font-size:18px;
    color:#47423B;
}
.BTNValider{
    font-family:'Lato', verdana, sans-serif;

    margin:auto;
    margin-top:30px;
    margin-bottom:30px;
    background-color:#4fb8b8;
    line-height:24px;
    text-align:center;
    color:#fff;
    width:100px;
    text-transform:uppercase;
    height:24px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
}
.BTNValider:hover{
    cursor:pointer;
    background-color:#9aeceb;
}
.donate_content .select {
    position: absolute;
    width: 220px; /* With the padding included, the width is 190 pixels: the actual width of the image. */
    height: 22px;
    line-height:22px;
    padding: 0 0 0 10px;
    color: #47423B;
    font-weight:400;
    background: url(./img/arrow_for_select.png) no-repeat right;
    background-color:#E2DEDC;
    overflow: hidden;
    margin-bottom:20px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    border-radius: 4px;
    border:solid #837E74 thin;


}
.filter_select{
    margin:10px 0 15px 2px;
}

/* FIN DE FAIRE UN DON */