/* CSS Document */

/*---------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------- RESET ------------------------------------------------------------------ */

html{ font-size: 62.5%; }
html, body, form, fieldset, dl, dd, p, input, blockquote, figure{ margin:0; padding:0; }
p, select, input, caption, label, tr, td, table, textarea, li{ font-size:1em; line-height:1.4; }
h1, h2, h3, h4, h5, h6{ margin-top:0; line-height:1.4; }
span{ margin:0; }
img, fieldset, table{ border:none; }
address{ font-style: normal; }
img{ vertical-align:middle; text-decoration:none; }

/* HTML5 */
header, section, footer, aside, nav, article, figure, main{ display: block; }


/*---------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------- BASIC ------------------------------------------------------------------ */
#content{
    width:982px;
    margin:0 auto;
}
/* CLEARFIX */
.clearfix:after, .cols:after, #nav:after, #header:after, #main:after, .section:after, .aside:after, .sectionMap dl:after, .sectionPushs:after, #content:after{ visibility:hidden; display:block; font-size:0; content:" "; clear:both; height:0; }
.clear, #wrapper .clear, #main, #footer{ clear:both; }

/*---------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------- TEXT ------------------------------------------------------------------- */

body{ font-size:1.3em; }

/* POLICE */
body, input, textarea, select, option, button{ font-family:Arial, Helvetica, sans-serif; }

/* TEXT TRANSFORM */
.uppercase, #wrapper .uppercase{ text-transform:uppercase; }
.nUppercase, #wrapper .nUppercase{ text-transform:none; }

/* TEXT DECORATION */
a, #wrapper .nUnderline, #nav a{ text-decoration:none; }
a:hover, #wrapper .underline{ text-decoration:underline; }

/* FONT WEIGHT */
.bold, #wrapper .bold{ font-weight:bold; }
.normal, #wrapper .normal, .nBold, #wrapper .nBold, .title1, #wrapper .title1, .title2, #wrapper .title2, .title3, #wrapper .title3{ font-weight:normal; }

/* TEXT ALIGN */
.justify, #wrapper .justify, .part p{ text-align:justify; text-justify: newspaper; /* -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto; -o-hyphens: auto; hyphens: auto; word-wrap:break-word; overflow-wrap:break-word; */ *text-justify:auto; }
.noBreak, #wrapper .noBreak{ -webkit-hyphens: none; -moz-hyphens: none; -ms-hyphens: none; -o-hyphens: none; hyphens: none; word-wrap:normal; overflow-wrap:normal; }

/* TITLES */
.title1, #wrapper .title1{ font-size:1.65em; }
.title2, #wrapper .title2{ font-size:1.4em; margin-bottom:10px; }
.title3, #wrapper .title3{ font-size:1.5em; display:block; border-bottom:1px solid #003781; margin-bottom:25px; position:relative; }
.title3:after, #wrapper .title3:after{ display:block; position:absolute; right:0; bottom:-9px; content:" "; width:0; height:0; border-color:transparent; border-style:solid; border-top-color:#003781; border-width:9px 8px 0; }
.title4, #wrapper .title4{ font-size:1em; font-weight:bold; margin-bottom:10px; }
header .title1:last-child, #wrapper .title1:last-child{ margin-bottom:0; }
.ie678 #wrapper header .title1{ margin-bottom:0; }

/* LIST */
/* .list */
ul.list{ padding-left:1.3em; margin-left:0; }
ul.list > li{ list-style:disc outside; }
ul.listNoSpace > li{ margin-bottom:0; }

/* reset ul li */
#nav ul, #footer nav ul{ padding:0; margin:0; }
#nav ul li, #footer nav, #footer nav ul li{ list-style:none outside; }

/* listArrow */
.listArrow{ padding:0; padding-left:1em; margin-left:0; }
.listArrow li{ list-style:none outside; position:relative; margin-bottom:0; }
.listArrow li.group{ margin-top:15px; }
.listArrow li.group:first-child{ margin-top:0; }
.listArrow > li:before{ content:"\203A"; font-family:arial, Verdana, sans-serif; color:#003781; display:block; position:absolute; top:-1px; left:-0.8em; }
.ie67 .listArrow{ padding-left:1.3em; }
.ie67 .listArrow li{ list-style:disc outside; }

/* MARGIN */
.colLeft figure:last-child, .part p:last-child, .aside .colLeft p:last-child, .aside .colMain p:last-child, .section .part:last-child, .part p:last-child, .contentMain > .container .section:last-child, .contentMain > .container .aside:last-child, .part .cols:last-child .col{ margin-bottom:0; }
p, ul, li{ margin-bottom:15px; }

.hide{ display:none; }

/*---------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------- BLOCKS ----------------------------------------------------------------- */

/* MEDIATEXT */
.mediaText{ display:block; margin-bottom:15px; }
.media{ float:left; margin-right:15px; }
.text{ display:block; overflow:hidden; }

/* SEPARATE */
.separate{ margin:30px 0; }
.separate:after{ display:block; content:" "; width:70%; height:1px; margin:30px auto;
    background: -moz-linear-gradient(left,  rgba(255,255,255,0) 0%, rgba(172,172,174,1) 15%, rgba(172,172,174,1) 85%, rgba(255,255,255,0) 100%);
    background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(255,255,255,0)), color-stop(15%,rgba(172,172,174,1)), color-stop(85%,rgba(172,172,174,1)), color-stop(100%,rgba(255,255,255,0)));
    background: -webkit-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(172,172,174,1) 15%,rgba(172,172,174,1) 85%,rgba(255,255,255,0) 100%);
    background: -o-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(172,172,174,1) 15%,rgba(172,172,174,1) 85%,rgba(255,255,255,0) 100%);
    background: -ms-linear-gradient(left,  rgba(255,255,255,0) 0%,rgba(172,172,174,1) 15%,rgba(172,172,174,1) 85%,rgba(255,255,255,0) 100%);
    background: linear-gradient(to right,  rgba(255,255,255,0) 0%,rgba(172,172,174,1) 15%,rgba(172,172,174,1) 85%,rgba(255,255,255,0) 100%);
}
.part .separate:last-child:after{ display:none; }
.ie9 .separate:after, .ie8 .separate:after{ border-bottom:1px solid #acacae; }

/* FULLWIDTH */
.fullWidth{ width:100%; overflow:hidden; }


/*---------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------- COLS ------------------------------------------------------------------ */

.cols, .col{ display:block; overflow:hidden; /* ff margin issue */ }
.cols{ margin-bottom:15px; }
.cols .col{ float:left; -moz-box-sizing:border-box; -webkit-box-sizing:border-box; box-sizing:border-box; }
.cols .col:first-child, .cols.colSpace .col:first-child, .cols.colSpace2 .col:first-child, .ie7 .cols .col:first-child, .ie7 .cols.colSpace .col:first-child, .ie7 .cols.colSpace2 .col:first-child, .cols2.colSeparate .col:first-child{ margin-left:0; }

.cols2 .col{ width:49%; margin-left:2%; }
.cols2.colSpace .col{ width:47%; margin-left:6%; }
.ie67 .cols2.colSpace .col{ margin-left:5.9%; }
.cols2.colSpace2 .col, .cols2.colSeparate .col{ width:45%; margin-left:10%; }

.cols3 .col{ width:32.333%; margin-left:1.5%; }
.ie67 .cols3 .col{ margin-left:1.45%; }
.cols3.colSpace .col{ width:30%; margin-left:5%; }
.ie67 .cols3.colSpace .col{ margin-left:4.5%; }
.cols3.colSpace2 .col{ width:28%; margin-left:8%; }

.cols4 .col{ width:24%; margin-left:1.333%; }
.cols4.colSpace .col{ width:22%; margin-left:4%; }
.ie67 .cols4.colSpace .col{ margin-left:3.9%; }
.cols4.colSpace2 .col{ width:20.5%; margin-left:6%; }
.ie67 .cols4.colSpace2 .col{ margin-left:5.9%; }

.cols4Gutter .col, .cols4Gutter .col:first-child{ width:20%; margin:0 2.5%; text-align:center; }

.colSeparate .col{ position:relative; overflow:visible }
.cols2.colSeparate .col:before{ width:1px; display:block; height:100%; position:absolute; content:" "; left:-11%;
    background:rgba(172,172,174,1);
    background: linear-gradient(top , rgba(255,255,255, 0) 0%, rgba(172,172,174,1) 15%, rgba(172,172,174,1) 85%, rgba(255,255,255, 0) 100%);
    background: -o-linear-gradient(top , rgba(255,255,255, 0) 0%, rgba(172,172,174,1) 15%, rgba(172,172,174,1) 85%, rgba(255,255,255, 0) 100%);
    background: -moz-linear-gradient(top , rgba(255,255,255, 0) 0%, rgba(172,172,174,1) 15%, rgba(172,172,174,1) 85%, rgba(255,255,255, 0) 100%);
    background: -webkit-linear-gradient(top , rgba(255,255,255, 0) 0%, rgba(172,172,174,1) 15%, rgba(172,172,174,1) 85%, rgba(255,255,255, 0) 100%);
    background: -ms-linear-gradient(top , rgba(255,255,255, 0) 0%, rgba(172,172,174,1) 15%, rgba(172,172,174,1) 85%, rgba(255,255,255, 0) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0, rgba(255,255,255, 0)), color-stop(0.4, rgba(172,172,174,1)), color-stop(0.6, rgba(172,172,174,1)),color-stop(1, rgba(255,255,255, 0)));
}
.ie8 .cols2.colSeparate .col:before{ background:#aeaeae; }

/*---------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------- COLORS ----------------------------------------------------------------- */

/* COLOR */
.white, #wrapper .white, #nav ul li.connexion a, .copyright, .slider .notepad *, .date{ color:#fff; }
.black, #wrapper .black{ color:#000; }
.grey, #wrapper .grey, body, #nav a, #footer nav a, #slider .bts .prev, #slider .bts .next{ color:#4d4d4d; }
.blue, #wrapper .blue, a, #nav a:hover, #nav .active a, #nav a:focus, #footer nav a:hover, #footer nav .active a, #footer nav a:focus, .title1, #wrapper .title1, .title2, #wrapper .title2, .title3, #wrapper .title3, .aside .colLeft, #slider .bts .prev:hover, #slider .bts .next:hover, .title4, #wrapper .title4{ color:#003781; }

/* BACKGROUND COLOR */
.bgWhite, #wrapper .bgWhite, #header, #footer, #logo figure, #content .header, #content .contentMain, #nav ul li.active a, .sectionSlider, #slider .bts .prev, #slider .bts .next, .sectionPushs .push{ background-color:#fff; }
.bgBlack, #wrapper .bgBlack{ background-color:#000; }
.bgGrey, #wrapper .bgGrey{ background-color:#4d4d4d; }
.bgBlue, #wrapper .bgBlue, #logo, .date{ background-color:#003781; }

/* GRADIENT */
.gradientBlue, #logo, #nav li.active{
    background-color: #1159a5;
    background-image: -moz-linear-gradient(top,  #ffffff 0%, #1159a5 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#1159a5));
    background-image: -webkit-linear-gradient(top,  #ffffff 0%,#1159a5 100%);
    background-image: -o-linear-gradient(top,  #ffffff 0%,#1159a5 100%);
    background-image: -ms-linear-gradient(top,  #ffffff 0%,#1159a5 100%);
    background-image: linear-gradient(to bottom,  #ffffff 0%,#1159a5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#1159a5',GradientType=0 );
}
.gradientGrey, .aside{
    background-color: #f0f0f0;
    background-image: -moz-linear-gradient(top,  #f0f0f0 0%, #e5e5e5 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(100%,#e5e5e5));
    background-image: -webkit-linear-gradient(top,  #f0f0f0 0%,#e5e5e5 100%);
    background-image: -o-linear-gradient(top,  #f0f0f0 0%,#e5e5e5 100%);
    background-image: -ms-linear-gradient(top,  #f0f0f0 0%,#e5e5e5 100%);
    background-image: linear-gradient(to bottom,  #f0f0f0 0%,#e5e5e5 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#e5e5e5',GradientType=0 );
}


/*---------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------- ICONS ------------------------------------------------------------------ */
.icon, #nav ul a:before, #nav ul a.popoverTrigger:after{ background-image:url(../../../images/rurale/sitePublic/icones/sprite.png); background-repeat:no-repeat; overflow:hidden; text-indent:1000px; }
#sliderActus .prev span, #sliderActus .next span{
    background-image:url(../../../images/rurale/sitePublic/icones/sprite.png); background-repeat:no-repeat; overflow:hidden; text-indent:1000px;
}
#nav ul li.connexion a.popoverTrigger:before{ display:inline-block; width:5px; height:6px; position:relative; top:-1px; background-position:0 0; }
#nav ul li.connexion a.popoverTrigger:after{ display:block; float:right; width:8px; height:10px; position:relative; top:3px; background-position:0 -6px; }
#sliderActus .prev span, #sliderActus .next span{ width: 10px; height: 40px; }
#sliderActus .prev span{ background-position: -10px -49px; }
#sliderActus .next span{ background-position: 0 -49px; }
.iconActus{ display: inline-block; width: 24px; height: 24px; background-position: 0 -23px; margin-right: 5px; }

.arrow{ font-style:normal; content:"\203A\00a0"; font-family:arial, Verdana, sans-serif; display:inline-block; position:relative; margin-right:5px; }

/*---------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------- MAIN ZONES ------------------------------------------------------------- */
html, body{ height:100%; }
#wrapper{ position:relative; min-height:100%;
    background-color: #cfd0d2;
    background-image: -moz-linear-gradient(left,  #cfd0d2 0%, #acacae 100%);
    background-image: -webkit-gradient(linear, left top, right top, color-stop(0%,#cfd0d2), color-stop(100%,#acacae));
    background-image: -webkit-linear-gradient(left,  #cfd0d2 0%,#acacae 100%);
    background-image: -o-linear-gradient(left,  #cfd0d2 0%,#acacae 100%);
    background-image: -ms-linear-gradient(left,  #cfd0d2 0%,#acacae 100%);
    background-image: linear-gradient(to right,  #cfd0d2 0%,#acacae 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#cfd0d2', endColorstr='#acacae',GradientType=1 );
}
#main{ padding-bottom:32px; }
#header > .container{ width:982px; margin:0 auto; }
#content > .container{ width:820px; /*float:right; */ margin: 0 auto;}

/* -------------------------------------------------- HEADER -------------------------------------------------- */
#header{ height:78px; background:#fff url(../../../images/rurale/sitePublic/design/fond-menu.jpg) bottom center repeat-x; box-shadow:0 1px 2px rgba(0,0,0, 0.1); }
.ie67 #header{ margin-bottom:60px; }
#header > .container{ height:100%; }
#logo{ float:left; }

#nav{ float:left; width:729px; }

/* LOGO */
#logo{ margin-bottom:22px; padding:0 1px 1px 2px; width: 25%;}
#logo figure{ padding:16px 35px 10px;}
#logo figure img {width: 100%;}

/* NAV */
#nav{ position:relative; height:100%; }
#nav ul, #nav ul li, #footer #nav ul, #footer nav ul li{ margin:0; }
#nav ul{ position:absolute; left:30px; right:0; bottom:0; }
#nav ul li{ float:left; padding:0 1px 1px; text-align:center; }
#nav ul li a{ padding:5px 13px; display:block; }
#nav .menuUneLigne a { padding:13px 13px 15px 13px;}

/* connexion */
#nav ul li.connexion{ background-color:#009a44; position:absolute; right:0; top:-24px; text-align:left; font-size:0.9em; border-radius:4px; behavior:url(../PIE.htc); }
#nav ul li.connexion a.popoverTrigger:before{ margin-right:3px; content:" "; }
#nav ul li.connexion a.popoverTrigger{
    width:150px;
    padding:3px 7px;
    border-radius:3px;
    background-color: #009a44;
    background-image: -moz-linear-gradient(top,  #009a44 0%, #01bb53 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#009a44), color-stop(100%,#01bb53));
    background-image: -webkit-linear-gradient(top,  #009a44 0%,#01bb53 100%);
    background-image: -o-linear-gradient(top,  #009a44 0%,#01bb53 100%);
    background-image: -ms-linear-gradient(top,  #009a44 0%,#01bb53 100%);
    background-image: linear-gradient(to bottom,  #009a44 0%,#01bb53 100%);
    -pie-background: linear-gradient(#009a44 0%,#01bb53 100%);
    behavior:url(../PIE.htc);
    position:relative;
}
#nav ul li.connexion a.popoverTrigger:hover{
    background-color: #01bb53;
    background-image: -moz-linear-gradient(top,  #01bb53 0%, #009a44 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#01bb53), color-stop(100%,#009a44));
    background-image: -webkit-linear-gradient(top,  #01bb53 0%,#009a44 100%);
    background-image: -o-linear-gradient(top,  #01bb53 0%,#009a44 100%);
    background-image: -ms-linear-gradient(top,  #01bb53 0%,#009a44 100%);
    background-image: linear-gradient(to bottom,  #01bb53 0%,#009a44 100%);
    -pie-background: linear-gradient(#01bb53 0%,#009a44 100%);
    behavior:url(../PIE.htc);
    position:relative;
}
nav ul li.connexion i { float: right; font-size: 16px; padding-right: 5px;}
#nav ul li.connexion #formulaireConnexion a { color:#003781; position:relative w}
#nav ul li.connexion #formulaireConnexion a:hover { text-decoration:underline; }
#nav ul li.connexion #formulaireConnexion a:before{ content:"\203A"; font-family:arial, Verdana, sans-serif; color:#003781; display:block; position:absolute; top:2px; left:3px; background:none transparent; text-indent:0; font-size:1.1em; }
#formulaireConnexion table{ width:100%; border-collapse:collapse; margin-bottom:7px; }
#formulaireConnexion table td{ padding:2px 0; }
#formulaireConnexion table input{ padding:1px 3px; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
#formulaireConnexion .btConnexion{ color:#00A048; padding:3px 5px; border-radius:0; border:0; background:#00A048; color:#fff; float:none; }

.divFormulaireConnexion > a { color:#003781; position:relative }
.divFormulaireConnexion > a:hover { text-decoration:underline; }
.divFormulaireConnexion > a:before{ content:"\203A"; font-family:arial, Verdana, sans-serif; color:#003781; display:block; position:absolute; top:2px; left:3px; background:none transparent; text-indent:0; font-size:1.1em; }
.divFormulaireConnexion > table{ width:100%; border-collapse:collapse; margin-bottom:7px; }
.divFormulaireConnexion > table td{ padding:2px 0; }
.divFormulaireConnexiontable > input{ padding:1px 3px; width:100%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; }
.divFormulaireConnexion > .btConnexion{ color:#00A048; padding:3px 5px; border-radius:0; border:0; background:#00A048; color:#fff; float:none; }

/* -------------------------------------------------- FOOTER -------------------------------------------------- */
#footer{ position:absolute; bottom:0; width:100%; border-top: 1px solid #9b9a9a; }
#footer nav{ font-size:0.9em; }
.copyright{ width:100%; text-align:right; font-size:0.85em; margin:0 auto 25px; }
#footer > .container{ text-align:center ;width:100%; margin:0 auto; }
#footer > .container nav{ display:inline-block; padding: 9px 0;}
#footer nav ul li{ padding: 9px 14px 9px 14px; float:left; border-left-color: #c1c1c1; border-left-style: solid; border-left-width: 1px;}
.lienParamsCookies{ padding: 2px 14px 2px 14px !important; }
#footer nav ul li:first-child { border: none}
#footer nav ul li:first-child:before{ display:none; content:''; }
#footer nav ul li:hover a { color: #0041b5; }
#footer nav ul li a:hover { text-decoration: none;}

/* -------------------------------------------------- MAIN > CONTENT -------------------------------------------------- */
#main{ font-size:1.1em; }
#content .header{ padding:15px; position:relative; margin-bottom:21px; }
#content .header:after, .sectionSlider + .sectionPushs:before{ display:block; position:absolute; left:0; right:0; bottom:-11px; width:96%; margin:auto; height:1px; content:' '; background:transparent url(../../../images/rurale/sitePublic/design/separation.png) repeat-x; /* border-bottom:1px dotted #4d4d4d; */ }

#content .contentMain{ padding:25px 15px; margin-bottom:10px; }
.section, .aside{ margin-bottom:30px; }
.part{ margin-bottom:25px; }


/* -------------------------------------------------- COLONNES ------------------------------------------------------------- */
.colLeft{ }
.colMain{ }
.colLeft figure{ margin-bottom:10px; overflow:hidden; }
.colLeft figure img, .col img{ max-width:100%; }

/* SECTION */
.section .colLeft{ float:left; width:176px; margin-right:34px; }
.section .colMain{ overflow:hidden; }

/* ASIDE */
.aside{ padding:10px 15px; border-radius: 10px;}
.aside p:last-child{ margin-bottom:0; }
.aside .title2 { margin-bottom:0px !important;}


/*---------------------------------------------------------------------------------------------------------------------------- */
/* -------------------------------------------------- SPECIFIC ------------------------------------------------------------- */

/* -------------------------------------------------- MAPS ------------------------------------------------------------- */
/* LEGEND */
.sectionMap dl.legend{ margin-bottom:25px; }
.sectionMap dl.legend dt, .sectionMap dl.legend dd{ float:left; margin:0 0 10px; line-height:10px; }
.sectionMap dl.legend dt{ clear: left; float: left; height: 10px; width: 10px; margin-right: 10px; border:1px solid #000; }
.sectionMap dl.legend dt.subvention{ background-color:#119a2f; }
.sectionMap dl.legend dt.noSubvention{ background-color:#e63b3b; }
.sectionMap dl.legend dt.noInformation{ background-color:#fff; }
.ie67 .sectionMap dl.legend dt, .ie67 .sectionMap dl.legend dd{ line-height:1.3em; }
.ie67 .sectionMap dl.legend dd{ margin-right:200px; }

.sectionMap .map{ clear:both; }

/* -------------------------------------------------- HOME ------------------------------------------------------------- */
#content > #home.container,
#content > #home.container{ width:100%; float:none; }
#content > #home.container .contentMain,
#content > #home.container .contentMain{ padding:0; background-color:transparent; }

/* SLIDER */
.sectionSlider{ margin-bottom:0; padding:7px; }

/*@media (max-height: 780px){*/
    /*.sectionSlider{*/
    /*width: 654px; }*/

/*}*/
/*@media (min-height: 781px){*/
    /*.sectionSlider{ width: 968px; }*/

/*}*/
#slider, #slider .slideImage{ height:352px;}
#slider{ position:relative; overflow:hidden; }
#slider .slideText{ position:absolute; }
#slider .bts .prev, #slider .bts .next{ position:absolute; z-index:1000; top:50%; margin-top:-11px; width:22px; height:22px; border:none; font-size:2em; font-family:Georgia, Geneva, Verdana, Arial, sans-serif; padding:0; text-align:center; line-height:22px; cursor:pointer; box-shadow:2px 2px 3px rgba(0,0,0, 0.3); }
.ie678 #slider .bts .prev, .ie678 #slider .bts .next{ box-shadow:2px 2px 3px #444; behavior:url(../PIE.htc); }
#slider .bts .prev span, #slider .bts .next span{ position:relative; top:-1px; }
@-moz-document url-prefix(){
    #slider .bts .prev span, #slider .bts .next span{ position:relative; top:-3px; }
}
#slider .bts .prev{ left:10px; }
#slider .bts .next{ right:10px; }

.slider .notepad{ position:relative; width:289px; height:250px; }
.slider .notepad .bg, .slider .notepad .aboveBg{ position:absolute; left:0; top:0; right:0; bottom:0; }
.slider .notepad .bg{ z-index:1; }
.slider .notepad .aboveBg{ z-index:2; padding:20px 27px 27px; }
.slider .notepad .container{ position:relative; height:100%; }
.ie67 .slider .notepad .container{ height:203px; }
.slider .notepad .title{ font-size:2em; font-weight:normal; margin-bottom:20px; line-height:1em; }
.slider .notepad p{ font-size:1.2em; }
.slider .notepad .link{ position:absolute; right:15px; bottom:0; }
.slider .notepad .link span{ text-decoration:underline; }
.slider a:hover, .slider a:hover *{ text-decoration:none; }


/* PUSHS */
.sectionSlider + .sectionPushs{ position:relative; margin-top:21px; font-size:0.9em; width:100% }
.sectionSlider + .sectionPushs:before{ bottom:auto; top:-11px; }
.sectionPushs > ul{ padding:0; margin:0; }
.ie67 .sectionPushs > ul{ margin-top:21px; }
.sectionPushs .push{ display:block; float:left; width:16.46%; height:265px; padding-bottom:15px; margin-bottom:0; margin-left:2px; position:relative; }
.sectionPushs .push:first-child{ margin-left:0; }
.sectionPushs .push#pushOffres{ width:33%; }
.sectionPushs .push > .container{ padding : 7px}

.sectionPushs .title2, #wrapper .sectionPushs .title2{ /*margin-bottom:7px; */font-weight:bold; font-size:1.1em; }
.sectionPushs .title2, #wrapper .sectionPushs .title2, .sectionPushs p{ line-height:1.2em; }


.sectionPushs figure{ width:100%; overflow:hidden; margin-bottom:7px; }
.sectionPushs .push a{ position:absolute; bottom:9px; }
.sectionPushs .push img{ width:100%; }

.sectionPushs #pushGrele .title2{ margin-bottom:22px; }

@media (max-height: 780px){
    /*!*.sectionPushs{*!*/
    /*!*width: 654px; }*!*/
    /*.sectionPushs .push {*/
    /*padding-bottom: 15px;*/
    /*margin-left: 50px;*/
    /*position: relative;*/
    /*}*/
    /*#pushGrele{*/
    /*margin-left: 0;*/
    /*}*/
    /*#pushOffres, #pushActualites{*/
    /*margin-bottom: 20px;*/
    /*}*/

}
/*@media (min-height: 781px){*/
    /*.sectionPushs{ width: 982px; }*/

/*}*/
/* -------------------------------------------------- CONTACT ------------------------------------------------------------- */
.sectionAsideMap{ position:relative; }
.sectionAsideMap .media{ position:absolute; right:0; z-index:1; margin:0; }
.sectionAsideMap .text{ position:relative; z-index:2; min-height:485px; }
.sectionAsideMap .aside{ width:550px; }

/* -------------------------------------------------- POPOVER -------------------------------------------------- */
.popover {
    position: absolute;
    left:auto!important;
    right:-1px;
    top:36px!important;
    z-index: 1010;
    display: none;
    max-width: 276px;
    padding: 1px;
    text-align: left;
    background-color: #ffffff;
    -webkit-background-clip: padding-box;
    -moz-background-clip: padding;
    background-clip: padding-box;
    width:250px; border:1px solid #00A048;
    -webkit-border-radius: 6px;
    -moz-border-radius: 6px;
    border-radius: 6px;
    -webkit-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    box-shadow: 0 5px 10px rgba(0, 0, 0, 0.2);
    white-space: normal;
    font-family:Arial, Helvetica, sans-serif;
}

.popover.top {
    margin-top: -10px;
}
.popover.right {
    margin-left: 10px;
}
.popover.bottom {
    margin-top: 10px;
}
.popover.left {
    margin-left: -10px;
}
.popover-title {
    margin: 0;
    padding: 8px 14px;
    font-size: 14px;
    font-weight: normal;
    line-height: 18px;
    background-color: #f7f7f7;
    border-bottom: 1px solid #ebebeb;
    -webkit-border-radius: 5px 5px 0 0;
    -moz-border-radius: 5px 5px 0 0;
    border-radius: 5px 5px 0 0;
}
.popover-title:empty {
    display: none;
}
.popover-content {
    padding:7px 8px;
}
.popover .arrow,
.popover .arrow:after {
    position: absolute;
    display: block;
    width: 0;
    height: 0;
    border-color: transparent;
    border-style: solid;
}
.popover .arrow {
    border-width:23px 27px;
}
.popover .arrow:after {
    border-width: 10px;
    content: "";
}
.popover.top .arrow {
    left: 50%;
    margin-left: -11px;
    border-bottom-width: 0;
    border-top-color: #999;
    border-top-color: rgba(0, 0, 0, 0.25);
    bottom: -11px;
}
.popover.top .arrow:after {
    bottom: 1px;
    margin-left: -10px;
    border-bottom-width: 0;
    border-top-color: #ffffff;
}
.popover.right .arrow {
    top: 50%;
    left: -11px;
    margin-top: -11px;
    border-left-width: 0;
    border-right-color: #999;
    border-right-color: rgba(0, 0, 0, 0.25);
}
.popover.right .arrow:after {
    left: 1px;
    bottom: -10px;
    border-left-width: 0;
    border-right-color: #ffffff;
}
.popover.bottom .arrow {
    left: auto;
    margin-left: -11px;
    border-top-width: 0;
    right:19%; top:-24px; border-bottom-color:#00A048;
}
.popover.bottom .arrow:after {
    border-top-width: 0;
    border-bottom-color: #ffffff;
    border-width:23px 27px;
    margin-left:-27px;
    top:-22px;
}
.popover.left .arrow {
    top: 50%;
    right: -11px;
    margin-top: -11px;
    border-right-width: 0;
    border-left-color: #999;
    border-left-color: rgba(0, 0, 0, 0.25);
}
.popover.left .arrow:after {
    right: 1px;
    border-right-width: 0;
    border-left-color: #ffffff;
    bottom: -10px;
}
.popover .btConnexion{
    display:block;
    width:55%;
    margin:auto;
    padding:3px 5px;
}

/* -------------------------------------------------- ACTUALITE ------------------------------------------------------------- */

/* DATE */
.date, .date span{ display: block; text-align: center; }
.date{ padding-top: 15px; padding-bottom: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; }
.date .day{ font-size: 1.8em; }
.date .month{ font-size: 0.8em; margin-top: 2px; text-transform: uppercase; }
.date .year{ font-size: 0.9em; margin-top: 20px; position: relative; }
.date .year:before{ content: ""; position: absolute; display: block; border-top: 1px solid #fff; top: -10px; left: 0; right: 0; margin: auto; width: 40px; }

/* CONTAINERFULL */
.container.containerFull .section{ padding: 15px; background-color: #fff;  margin-bottom: 10px; }

/* SLIDERACTUS */
#content .sectionSliderActus > .head{ padding: 0 7px 10px; margin-bottom: 0; }
#sliderActus .slide{ width: 100%; }
#sliderActus:after, #sliderActus .slide:after{ content: ""; clear: both; display: table; }
#sliderActus .actu{ width: 227.75px; height: 230px; float: left; background-color: #fff; position: relative; padding-bottom: 15px; }
#sliderActus .actu .figure{ height: 100%; }
#sliderActus .actu .link{ position: absolute; bottom: 9px; }
#sliderActus .actu{ margin-left:7px; }
#sliderActus .actu .head{ height: 109px; overflow: hidden; }
#sliderActus .actu .head:after{ content: ""; clear: both; display: table; }
#sliderActus .actu .head .date{ float: left; width: 75px; }
#sliderActus .actu .head .figure{ overflow: hidden; }
#sliderActus .actu .body{ clear: both; padding: 7px 7px 0 7px; font-size: 0.9em; }
#sliderActus .actu .title2{ font-size: 1em; font-weight: bold; margin-bottom: 5px; }
#sliderActus .link:hover, #sliderActus .link:focus{ text-decoration: underline; }
#sliderActus .title2, #wrapper #sliderActus .title2, #sliderActus p{ line-height: 1.2em; }




/* actuA */
#sliderActus .actuA .figure img{ height: 100%; }

/* actuB */
#sliderActus .actuB .figure img{ width: 100%; height: 100%; }

/* bts */

#sliderActus .prev span, #sliderActus .next span{ position: absolute; top: 50%; left: 0; right: 0; display: block; margin: -20px auto 0; }
.ie8 #sliderActus .prev span, .ie8 #sliderActus .next span{ top: 0; }
#sliderActus .prev:hover, #sliderActus .next:hover{ opacity: 1; }
#sliderActus .prev{ left: 0; }
#sliderActus .next{ right: 0; }
#sliderActus .nav{ position: absolute; bottom: 100%; right: 5px; margin-bottom: 15px; }
#sliderActus .nav > *{ display: inline-block; width: 19px; height: 19px; border-radius: 100%; cursor: pointer; background-color: #fff; margin: 0 2px; font-size: 0; }
#sliderActus .nav > *:hover{ -webkit-box-shadow: 0 1px 3px rgba(0,0,0, 0.25); -moz-box-shadow: 0 1px 3px rgba(0,0,0, 0.25); box-shadow: 0 1px 3px rgba(0,0,0, 0.25); }
#sliderActus .nav > .cycle-pager-active{ background-color: #003781; }

/* SECTIONHEADBAND pas utilisé mais même rendu que figureA > figure au besoin */
#content .sectionHeadband{ padding:0; margin-bottom: 15px; background-color: transparent; }
.sectionHeadband img{ max-width: 100%; }
.container.containerFull .sectionHeadband .colLeft{ padding-left: 15px; margin-right: 15px; }
.container.containerFull .sectionHeadband .colMain{ background-color: #fff; padding: 15px; }

/* SECTIONACTU */
.sectionActu{ margin-bottom: 15px; }
.sectionActu .date{ font-size: 1.1em; }
.container.containerFull .sectionActu{ background-color: transparent; padding: 0; }
.container.containerFull .sectionActu .colLeft{ margin-right: 15px; }
.container.containerFull .sectionActu .colMain{ background-color: #fff; padding: 15px; }
.sectionActu .figure{ padding: 15px; margin-bottom: 15px; overflow: hidden; background-color: #fff; }
.sectionActu .figure img{ max-width: 100%; }

/* sectionActuA */
.sectionActuA .figure img{ width: 100%; }

/* sectionActuB */
.sectionActuB .figure{ max-width: 454px; }
.sectionActuB .figure img{ min-width: 292px; }
.sectionActuB .colLeft{ width: auto; }
.sectionActuB .date{ padding: 15px 30px; }
.sectionActuB .date:after{ content: ""; clear: both; display: table; }
.sectionActuB .date > *{ font-size: 0.9em; text-align: left; margin: 0; }
.sectionActuB .date > .day{ float: left; }
.sectionActuB .date > .month{ float: left; padding-left: .5em; }
.sectionActuB .date > .year{ padding-left: 30px; border-left: 1px solid #fff; float: right; }
.sectionActuB .date > .year:before{ display: none; }

/* REBOUND */
.reboundFull{ margin-left: -162px; }
.rebound.hasSep{ position: relative; margin-top:31px; }
.rebound.hasSep:before{ bottom: auto; top: -16px; display:block; position:absolute; left:0; right:0; width:96%; margin:auto; height:1px; content:' '; background:transparent url(../../../images/rurale/sitePublic/design/separation.png) repeat-x; /* border-bottom:1px dotted #4d4d4d; */ }
.container.containerFull .section.rebound{ background-color: transparent; padding: 0; }


@media (max-height: 780px){
    .divMain{
        float:left;
    }
    /*.sectionSliderActus{*/
        /*margin-left: 990px;*/
        /*width: 293px;*/
    /*}*/

}

/*@media(min-height: 781px){*/
    /*.sectionSliderActus:before{ display:block; position:absolute; left:0; right:0; bottom:-11px; width:96%; margin:auto; height:1px; content:' '; background:transparent url(../../images/rurale/sitePublic/design/separation.png) repeat-x; !* border-bottom:1px dotted #4d4d4d; *! }*/

/*}*/
/*@media (min-height: 781px){*/
    /*.sectionSliderActus{ width: 982px; }*/

/*}*/
.divMain{ width: 100%;
    display:  inline-block;  }
.sectionSliderActus{
    width: 100%;
}
#sliderActus .actu{ width: 227.75px; height: 230px; float: left; background-color: #fff; position: relative; padding-bottom: 15px; }
#sliderActus{ padding-left:18px; padding-right: 18px; position: relative; }
#sliderActus .prev, #sliderActus .next{ position: absolute; top: 0; bottom: 0; padding: 0; margin: 0; border: 0; outline:none 0; width: 18px; cursor: pointer;
    -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; opacity: 0.5; background-color: #fff;
    -webkit-transition:opacity .3s; -moz-transition:opacity .3s; transition:opacity .3s;
}

/*************************/
/* FORMULAIRE DE CONTACT */
/*************************/

/* INPUT */
.item-input-code-postal:focus, .item-input-telephone:focus, .item-input-autre-profession:focus, .item-textarea:focus, .item-select:focus, .item-input:focus {
    border-color: #000000;
}

textarea.item-textarea{
    resize:none;
    padding: 5px;
    margin-bottom:15px;
    outline: 0!important;
}

input.item-input{
    display: inline-block;
    position: relative;
    z-index: 1;
    min-width: 237px;
    width: 237px;
    min-height: 20px;
    line-height: 20px;
    margin: 0;
    margin-right: 10px;
    margin-top: 15px;
    padding: 5px;
    text-align: left;
    vertical-align: top;
    border:1px solid;
    border-color: #ccc;
    outline: 0!important;
}

input.item-input-autre-profession{
    display: inline-block;
    position: relative;
    z-index: 1;
    width: 168px;
    min-height: 20px;
    line-height: 20px;
    margin: 0;
    margin-right: 10px;
    margin-top: 15px;
    padding: 5px;
    text-align: left;
    vertical-align: top;
    border:1px solid;
    border-color: #ccc;
    outline: 0!important;
}

input.item-input-code-postal{
    display: inline-block;
    position: relative;
    z-index: 1;
    min-width: 45px;
    width: 45px;
    min-height: 20px;
    line-height: 20px;
    margin: 0;
    margin-right: 202px;
    margin-top: 15px;
    padding: 5px;
    text-align: left;
    vertical-align: top;
    border:1px solid;
    border-color: #ccc;
    outline: 0!important;
}

input.item-input-telephone{
    display: inline-block;
    position: relative;
    z-index: 1;
    min-width: 82px;
    width: 82px;
    min-height: 20px;
    line-height: 20px;
    margin: 0;
    margin-right: 165px;
    margin-top: 15px;
    padding: 5px;
    text-align: left;
    vertical-align: top;
    border:1px solid;
    border-color: #ccc;
    outline: 0!important;
}

button.button_form_contact{
    float: right;
    margin-right:12px;
    margin-top:15px;
    padding:5px;
    color: #fff;
    background-color: #1f539a;
    max-width: 200px;
    line-height: 21px;
    padding: 9px 20px 9px 20px;
    font-size: 12px;
    cursor: pointer;
    position: relative;
    text-align: left;
    border: 1px solid transparent;
    text-decoration: none;
    overflow: visible;
    background-image: -webkit-linear-gradient(top,#2058a5,#00275b);
    outline: 0!important;
}

select.item-select{
    z-index: 1;
    min-width: 250px;
    width: 250px;
    min-height: 20px;
    line-height: 20px;
    margin: 0;
    padding: 5px;
    margin-right: 10px;
    margin-top: 15px;
    text-align: left;
    vertical-align: top;
    border:1px solid;
    border-color: #ccc;
    outline: 0!important;
}

/* LABEL */
label.label_form_contact{
    display: inline-block;
    position: relative;
    z-index: 1;
    min-width: 160px;
    width: 160px;
    min-height: 20px;
    line-height: 20px;
    margin: 0;
    margin-right: 10px;
    padding-top: 20px;
    padding-right: 50px;
    text-align: left;
    vertical-align: middle;
}

label.label_form_contact_autre_profession{
    display: inline-block;
    position: relative;
    z-index: 1;
    width: 49px;
    min-height: 20px;
    line-height: 20px;
    margin-left: 230px;
    margin-right: 10px;
    padding-top: 20px;
    text-align: left;
    vertical-align: middle;
}

span.obligatoire{
    color:red;
    font-weight:bold;
}

.error {
    color: red;
    font-style: italic;
    font-size: small;
}



/*------------------------------------*/
/*       Cookies TMA_AUT887           */
/*------------------------------------*/
#bandeauCookie {
    display: table;
    margin-left: 0;
    padding: 7px 4px 7px 4px;
    font-size: 11px;
    width: 100%;
    color: #414141;
    background: #ECECEC;
    border-bottom: #b9b9b9 1px solid;
}

.bandeauCookieContainer {
    margin-left: auto;
    margin-right: auto;
    width: 900px;
    text-align: center;
}

.bandeauCookieMessage {
    display: table-cell;
    vertical-align: middle;
}

#bandeauCookieBtEnSavoirPlus {
    font-size: 11px;
    color: #17549c;
    text-decoration: none;
    clear: both;
    background: 0 0;
    cursor: auto;
    margin-right: 20px;
}

#bandeauCookieBtOk {
    padding: 1px 6px;
}

/*------------------------------------*/
/*   Formaulaire contact TMA_AUT169   */
/*------------------------------------*/

.error {
    color: red;
    font-style: italic;
    font-size: small;
}

/*------------------------------------*/
/*      Informations financi�res      */
/*------------------------------------*/
.block-button-component {
    display: inline-block;
    font-size: 16px;
    line-height: 20px;
    margin-bottom: 20px;
    margin-left: 12px;
    float: left;
}
.block-button-component .button.primary {
    color: #fff;
    border-radius: 10%;
    text-shadow: 1px 1px 2px #154483;
    border-color: #3a6cb0;
    border-color: rgba(58,108,176,.9);
    background-color: #003782;
    background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/PjxzdmcgeG1sbnM9Imh0d�0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2xlc3NoYXQtZ2VuZXJhdGVkKSIgLz48L3N2Zz4=);
    background-image: -webkit-linear-gradient(top,#3e6fb3,#003782);
    background-image: -moz-linear-gradient(top,#3e6fb3,#003782);
    background-image: -o-linear-gradient(top,#3e6fb3,#003782);
    background-image: linear-gradient(to bottom,#3e6fb3,#003782);
}
.block-button-component .button {
    -webkit-border-radius: 2px;
    -webkit-background-clip: padding-box;
    -moz-border-radius: 2px;
    -moz-background-clip: padding;
    border-radius: 2px;
    background-clip: padding-box;
    background-color: #e5e5e5;
    background-image: -webkit-linear-gradient(top,#fff,#e5e5e5);
    background-image: -moz-linear-gradient(top,#fff,#e5e5e5);
    background-image: -o-linear-gradient(top,#fff,#e5e5e5);
    background-image: linear-gradient(to bottom,#fff,#e5e5e5);
    border: 1px solid #d9d9d9;
    display: block;
    padding: 9px 10px;
    text-align: center;
    text-decoration: none;
    color: #414141;
    font-size: 15px;
    line-height: 21px;
    cursor: pointer;
}
.block-button-component:hover .button:hover {
    background-image: linear-gradient(to bottom,#4377bf,#001c42);
    background-image: -webkit-linear-gradient(top,#4377bf,#001c42);
    background-image: -moz-linear-gradient(top,#4377bf,#001c42);
    background-image: -o-linear-gradient(top,#4377bf,#001c42);
    background-image: linear-gradient(to bottom,#4377bf,#001c42);
}
.dlButton {
    margin-right: 5px;
}
.previous {
    margin-left: 5px;
    margin-right: 0px;
    -ms-transform: rotate(180deg); /* IE 9 */
    -webkit-transform: rotate(180deg); /* Chrome, Safari, Opera */
    transform: rotate(180deg);
}

.block-button-component .button.back:before, .block-button-component .button.goto:before {
    float: left;
    font-size: 130%;
    width: 30px;
}
#rapport {
    text-align: center;
}

#contenuPdf {
    width: 97%;
    overflow: auto;
     	-webkit-box-shadow: 1px 1px 12px 1px rgba(0,0,0,0.57);
     	-moz-box-shadow: 1px 1px 12px 1px rgba(0,0,0,0.57);
     	box-shadow: 1px 1px 12px 1px rgba(0,0,0,0.57);
    margin: 12px;
}

.blocButton {
    margin-top: 15px;
    margin-right : 12px;
    display: inline-flex;
    float: right;
}

.blocButton a {
    color: #4b87da;
    text-decoration:none;
    padding-top: 4px;
}

.blocButton a:hover {
    color: #003782;
}

#blocPage {
    margin-right: 10px;
    margin-left: 10px;
}

#numPageActuel {
    width: 25px;
    text-align: center;
}

/*------------------------------------*/
/*      Protection données perso      */
/*------------------------------------*/
.blocProtection {
    display: none;
}
.titreProtection h2 { float: left;margin-right: 8%;width: 82%;padding-top: 5px;}
.titreProtection i { font-size: 26px; vertical-align: middle;color: #003781;}
.titreProtection:hover { cursor: pointer; }
.titreProtection:hover i { color: #0074b4;}
.titreProtection:hover h2 { color: #0074b4 !important;}
.petiteMention { font-style: italic;}
.petiteMention span { font-size: 0.5em; vertical-align: top;}
.conseil { display: inline-block;margin: 0 1em 0 1em;width: 46%;vertical-align: top;}
.conseil h3 {margin-bottom: 5px;}
.conseil img {
    display: block;
    margin-left: auto;
    margin-right: auto;
    width: 65%;
    margin-bottom: 5px;
}