a {
    outline: none;
}

form {
    margin: 0;
    padding: 0;
}

html {
    height: 100%;
}

body {
    margin: 0;
    padding: 0;
    background: #efefef url(../images/bg.jpg) repeat-x top center;
    cursor: default;
    font-family: Raleway;
    /*text-shadow: 0 0 0 #000;*/
}

.contenant {
    position: relative;
    width: 986px;
    margin: 0 auto;
}

.contenant2 {
    position: relative;
    width: 986px;
    margin: 0 auto;
    /*background-color:#033;*/
    min-height: 100px;
}

.contenant-principal {
    float: left;
    width: 100%;
    margin: 0 auto;
}

.le-text {
    float: left;
    width: 986px;
    left: 0px;
    padding: 0;
    margin: 499px 0 0 0;
}

.le-text-section {
    float: left;
    width: 986px;
    left: 0px;
    padding: 0;
    margin: 395px 0 0 0;
}

.les-images {
    position: absolute;
    width: 986px;
    top: 0px;
    margin-left: 0px;
    left: 0px;
    padding: 0;
    margin: 0;
    z-index: 1;
}

.ombre-haut-gauche {
    float: left;
    width: 15px;
    height: 438px;
    margin-top: 60px;
}

.ombre-haut-gauche-section {
    float: left;
    width: 15px;
    height: 314px;
    margin-top: 60px;
}

.header {
    float: left;
    width: 956px;
}

.haut-header {
    float: left;
    width: 956px;
    margin-top: 51px;
    height: 344px;
    background-color: #FFF;
}

.haut-header-section {
    float: left;
    width: 956px;
    margin-top: 42px;
    height: 332px;
    background-color: #FFF;
}

.bas-header {
    float: left;
    width: 956px;
    margin-top: 0px;
    height: 107px;
    background-color: #FFF;
}

.bas-header-section {
    float: left;
    width: 956px;
    margin-top: 0px;
    height: 24px;
    background-color: #FFF;
}

.coordonnes {
    float: left;
    padding: 12px 0 0 27px;
    font-size: 12px;
    color: #376eaa;
    font-family: Raleway;
    line-height: 16px;
    width: 295px;
}

.coordonnes strong {
    font-weight: 800;
}

.slogan {
    float: right;
    padding: 0;
}

.voir-heures {
    float: left;
    padding-top: 3px;
}

.voir-heures a {
    font-size: 11px;
    color: #ec6851;
    text-decoration: underline;
    display: block;
    padding-right: 10px;
    background: url(../images/fleche-heures.jpg) no-repeat right center;
}

.voir-heures a:hover {
    text-decoration: none;
    color: #ec6851;
}

.fleche-heures {
    float: left;
    margin: 8px 0 0 7px;
}

.sep-header {
    background: url(../images/sep-header.jpg) no-repeat top;
    position: absolute;
    width: 956px;
    height: 1px;
    overflow: hidden;
    top: 499px;
    left: 15px;
}

.sep-txt {
    background: url(../images/sep-header.jpg) no-repeat top;
    width: 100%;
    height: 1px;
    overflow: hidden;
}

.sep-header-section {
    background: url(../images/sep-header.jpg) no-repeat top;
    position: absolute;
    width: 956px;
    height: 2px;
    overflow: hidden;
    top: 374px;
    left: 15px;
}

.ombre-haut-droite {
    background: url(../images/ombre-haut-droite.png) no-repeat top;
    float: left;
    width: 15px;
    height: 438px;
    margin-top: 60px;
}

.ombre-haut-droite-section {
    background: url(../images/ombre-haut-droite.png) no-repeat top;
    float: left;
    width: 15px;
    height: 314px;
    margin-top: 60px;
}

.menu-secondaire {
    position: absolute;
    top: 23px;
    right: 5px;
    width: 720px;
}

.elem-menu {
    float: right;
}

.elem-menu a img {
    width: 24px;
    height: 24px;
    margin-right: 15px;
    transform: translateY(-5px);
}

.elem-menu a {
    font-size: 12px;
    color: #FFF;
    text-decoration: none;
    font-family: Raleway;
}

.elem-menu a:hover,
.elem-menu a.current {
    text-decoration: underline;
}

.sep-menu-sec {
    background: url(../images/separation-menu-sec.jpg) no-repeat top;
    float: right;
    width: 1px;
    height: 16px;
    overflow: hidden;
    margin: 0 10px 0 10px;
}

.contenant-content {
    float: left;
    width: 975px;
    min-height: 526px;
}

.logo {
    position: absolute;
    width: 251px;
    height: 209px;
    top: 24px;
    left: 15px;
    z-index: 2;
}

.bandeau-flash {
    width: 956px;
    height: 299px;
    z-index: 1;
}

.bandeau-flash-section {
    position: absolute;
    width: 946px;
    height: 323px;
    top: 47px;
    left: 20px;
    z-index: 1;
}

.ombre-haut-menu {
    background: url(../images/ombre-haut-menu.png) no-repeat top;
    position: absolute;
    width: 700px;
    height: 18px;
    top: 215px;
    left: 266px;
    z-index: 2;
}

.menu-principal {
    position: absolute;
    width: 956px;
    z-index: 3;
    top: 350px;
    left: 15px;
}

#menu-amenagement {
    position: absolute;
    top: 45px;
    left: 0px;
    width: 253px;
    height: auto;
    z-index: 600;
}

#menu-entretien {
    position: absolute;
    top: 45px;
    left: 251px;
    width: 213px;
    height: auto;
    z-index: 600;
}

#menu-centre-de-jardin {
    position: absolute;
    top: 45px;
    left: 463px;
    width: 192px;
    height: auto;
    z-index: 600;
}

#menu-avantages {
    position: absolute;
    top: 45px;
    left: 654px;
    width: 162px;
    height: auto;
    z-index: 600;
}

.ombre-bas-menu {
    background: url(../images/ombre-bas-menu.png) no-repeat top;
    position: absolute;
    width: 945px;
    height: 17px;
    top: 278px;
    left: 21px;
    z-index: 2;
}

.accueil {
    position: absolute;
    left: 0px;
    top: 179px;
    width: 139px;
    height: 48px;
    z-index: 300;
}

.entreprise {
    position: absolute;
    left: 139px;
    top: 179px;
    width: 154px;
    height: 48px;
    z-index: 300;
}

.equipe {
    position: absolute;
    left: 0px;
    top: 127px;
    width: 152px;
    height: 31px;
    z-index: 700;
}

#menu-services {
    position: absolute;
    top: 0px;
    left: 1px;
    width: 188px;
    height: auto;
    z-index: 600;
}

.sous-menu-services {
    float: left;
    width: 188px;
}

.gazoduc-et-oleoduc {
    position: absolute;
    left: 0px;
    top: 286px;
    width: 188px;
    height: 30px;
    z-index: 300;
}

.contenant-content {
    float: left;
    width: 986px;
}

.content {
    float: left;
    width: 956px;
    padding: 0 15px 0 15px;
    min-height: 100px;
}

.content-top {
    background: #ffffff;
    float: left;
    width: 956px;
    padding-bottom: 15px;
}

.content-top-section {
    float: left;
    width: 956px;
    padding-bottom: 15px;
    font-size: 13px;
    color: #306095;
    background: #ffffff url('../images/sidemenu-background.gif') top left no-repeat;
}

.amen-paysager-bas {
    float: left;
    width: 289px;
    padding: 40px 20px 0 25px;
}

.entre-paysager-bas {
    float: left;
    width: 289px;
    padding: 40px 20px 0 0px;
}

.centre-jardin-bas {
    float: left;
    width: 289px;
    padding: 40px 0px 0 0px;
}

.amen-paysager-bas-image,
.entre-paysager-bas-image,
.centre-jardin-bas-image {
    float: left;
    width: 287px;
}

.amen-paysager-bas-text,
.entre-paysager-bas-text,
.centre-jardin-bas-text {
    float: left;
    padding: 10px 45px 0 13px;
}

.amen-paysager-bas-text ul,
.entre-paysager-bas-text ul,
.centre-jardin-bas-text ul {
    padding: 0;
    margin: 0;
}

.amen-paysager-bas-text li,
.entre-paysager-bas-text li,
.centre-jardin-bas-text li {
    color: #306095;
    font-size: 13px;
    padding: 0px 0px 2px 10px;
    margin: 0px 0px 0px 0px;
    font-family: raleway;
    list-style-type: none;
    background-image: url(../images/liste-puce.jpg);
    background-repeat: no-repeat;
    background-position: 0% 7px;
    line-height: 16px;
}

.content-bottom {
    padding-bottom: 53px;
    background: #ffffff;
    float: left;
    width: 956px;
}

.capsules-nouvelles {
    background: url(../images/bg-conseils.jpg) no-repeat top;
    float: left;
    width: 907px;
    height: 335px;
    position: relative;
    margin: 0px 0 0 25px;
}

.onglets {
    position: relative;
    width: 277px;
    height: 39px;
    margin-top: -38px;
    margin-left: 36px;
}

.capsules {
    float: left;
    width: 164px;
}

.nouvelles,
.activites {
    float: left;
    width: 113px;
}

#capsules-actif {
    position: absolute;
    width: 22px;
    height: 10px;
    top: 39px;
    left: 72px;
}

#nouvelles-actif {
    position: absolute;
    width: 22px;
    height: 10px;
    top: 39px;
    left: 211px;
}

.onglet-gauche {
    height: 100%;
    float: left;
    position: absolute;
    width: 573px;
    padding-left: 35px;
    margin: 0;
}

.image-capsules {
    float: left;
    /*width:193px;
height:200px;*/
    padding: 0 13px 0 0;
    margin: 0;
}

.text-capsules {
    display: inline;
    float: left;
    margin: 0;
    padding: 0;
    padding: 25px 33px 0 0;
}

.text-capsules p {
    font-size: 13px;
    color: #306095;
    line-height: 16px;
    margin: 10px 0 10px 0;
    font-family: Raleway;
}

.text-capsules a {
    font-size: 13px;
    color: #306095;
    font-weight: bold;
    text-decoration: none;
    line-height: 17px;
}

.text-capsules a:hover {
    color: #306095;
    text-decoration: underline;
}

.titre-capsules {
    color: #f98321;
    font-size: 14px;
    font-weight: bold;
}

.titre-capsules a {
    color: #f98321;
    font-size: 14px;
    font-weight: bold;
    text-decoration: none;
}

.titre-capsules a:hover {
    text-decoration: underline;
}

.sep-capsules {
    background: url(../images/sep-capsules.jpg) no-repeat top;
    float: left;
    width: 528px;
    height: 1px;
    overflow: hidden;
    /*margin:20px 0 10px 0;*/
    margin: 10px 0 10px 0;
    clear: both;
}

.plus-de-capsules {
    float: left;
    padding: 3px 33px 0 0px;
    position: absolute;
    bottom: 10px;
}

.plus-de-capsules p {
    margin: 0 0 0 0;
    padding: 0;
    color: #306095;
    font-size: 14px;
    font-family: Raleway;
    font-weight: 400;
    line-height: 17px;
}

.plus-de-capsules a {
    font-size: 14px;
    color: #306095;
    font-size: 14px;
    font-family: Raleway;
    font-weight: 400;
    text-decoration: none;
}

.plus-de-capsules a:hover {
    color: #ec6851;
}

.plus-de-capsules ul {
    padding: 0;
    margin: 0;
}

.plus-de-capsules li {
    list-style-type: none;
    background-image: url(../images/fleche-orange.png);
    background-repeat: no-repeat;
    background-position: 0% 50%;
    padding: 0px 0px 2px 12px;
    margin: 0px 0px 0px 35px;
}

.plus-de-capsules li a {
    font-family: Arial;
    color: #ec6851;
    font-size: 13px;
    line-height: 16px;
    text-decoration: underline;
}

.plus-de-capsules li a:hover {
    text-decoration: none;
}

.onglet-droite {
    float: right;
    width: 299px;
}

.languette-gauche {
    float: left;
    padding: 12px 10px 0 10px;
}

.languette-droite {
    float: left;
    width: 175px;
    padding: 12px 10px 0 0;
}

.ligne {
    float: left;
    width: 297px;
    height: 166px;
    position: relative
}

.ligne a {
    position: absolute;
    bottom: 28px;
    left: 112px;
    color: #fff;
    font-family: Raleway;
    font-size: 13px;
    background: url(../images/fleche-blanche.png) no-repeat right center;
    padding-right: 13px;
}

.ligne a:hover {
    text-decoration: none;
}

.ligne.consultation {
    background: url(../images/consultation.jpg) no-repeat;
}

/*.ligne.calendrier{
	background:url(../images/calendrier.jpg) no-repeat ;
	height:167px;
}*/

.ligne.calendrier {
    background: url(../images/laureat-2-premiers-prix.jpg) no-repeat;
    height: 167px;
}

.txtCapsules {
    font-size: 18px;
    color: #ec6851;
    display: block;
    line-height: 20px;
    padding-bottom: 10px;
    font-weight: 400;
}

.titre-capsules,
.titre-capsules a,
.titre-capsules a:hover {
    color: #ec6851;
    font-family: Raleway;
    font-weight: 800;
}

.voir-onglet-droite,
.voir-onglet-droite-2,
.voir-onglet-droite-3 {
    float: right;
    padding: 0px 0 0 0;
    text-align: right;
}

.voir-onglet-droite a,
.voir-onglet-droite-2 a,
.voir-onglet-droite-3 a {
    font-size: 13px;
    color: #333333;
    text-decoration: none;
    line-height: 16px;
}

.voir-onglet-droite a:hover {
    color: #f98321;
}

.voir-onglet-droite-2 a:hover {
    color: #8f3a7c;
}

.voir-onglet-droite-3 a:hover {
    color: #7a981a;
}

.fleche-promotion {
    float: right;
    padding: 4px 5px 0 7px;
}

.contenant-footer {
    background: #ec6851;
    position: relative;
    float: left;
    width: 100%;
    /*min-height:381px;*/
    z-index: 1;
}

* html .contenant-footer {
    /*height:381px;*/
}

.footer {
    position: relative;
    margin: 0px auto;
    width: 986px;
    min-height: 138px;
    z-index: 1;
}

.ombre-bas-gauche {
    float: left;
    width: 15px;
    height: 152px;
}

.ombre-bas-gauche-section {
    float: left;
    width: 15px;
    height: 154px;
}

.footer-content {
    height: 152px;
    float: left;
    width: 956px;
    min-height: 100px;
}

.sep-footer {
    background: url(../images/sep-footer.jpg) no-repeat top;
    float: left;
    width: 956px;
    height: 2px;
    overflow: hidden;
}

.footer-haut {
    background: #ffffff url(../images/fond-footer.jpg) no-repeat bottom;
    float: left;
    width: 956px;
    /*min-height: 250px; */
}

.footer-haut-text {
    float: left;
    width: 562px;
    padding: 20px 47px 40px 149px;
}

.footer-haut-text-section {
    float: left;
    width: 562px;
    padding: 120px 47px 40px 149px;
}

.footer-haut-text p {
    color: #333333;
    font-size: 12px;
    line-height: 16px;
    margin: 0 0 15px 0;
    padding: 0;
}

.passion-jardins {
    float: left;
    padding: 25px 47px 0 0;
}

.footer-bas {
    height: 152px;
    float: left;
    line-height: 17px;
    position: relative;
}

.footer-bas-col1 {
    float: left;
    width: 137px;
    padding: 10px 0 0 152px;
}

.footer-bas-col2 {
    float: left;
    width: 162px;
    padding: 10px 0 0 33px;
}

.footer-bas-col3 {
    float: left;
    width: 420px;
    height: 105px;
    padding: 10px 0 0 39px;
}

.footer-bas-col1 ul,
.footer-bas-col2 ul,
.footer-bas-col3 ul {
    padding: 0;
    margin: 0;
}

.footer-bas-col1 li,
.footer-bas-col2 li,
.footer-bas-col3 li {
    list-style-type: none;
    padding: 0px 0px 0px 0px;
    margin: 0px 0px 0px 0px;
}

.footer-bas-col1 li a,
.footer-bas-col2 li a,
.footer-bas-col3 li a {
    color: #FFF;
    font-size: 12px;
    text-decoration: none;
    font-family: Raleway;
    line-height: 17px;
}

.footer-bas-col1 li a:hover,
.footer-bas-col2 li a:hover,
.footer-bas-col3 li a:hover,
.footer-bas a.current {
    text-decoration: underline;
}

.sep-menu-footer {
    float: left;
    background: #ee7964;
    width: 1px;
    height: 120px;
    overflow: hidden;
    margin-top: 9px;
}

.droits {
    float: right;
    font-family: Raleway;
    font-size: 11px;
    color: #ffffff;
    position: absolute;
    bottom: 9px;
    line-height: 9px;
    right: 169px;
}

.ombre-bas-droite {
    background: url(../images/ombre-bas-droite.png) no-repeat top;
    float: left;
    width: 15px;
    height: 195px;
}

.ombre-bas-droite-section {
    background: url(../images/ombre-bas-droite.png) no-repeat bottom left;
    float: left;
    width: 15px;
    height: 140px;
}

.logo-absolu {
    float: right;
    padding: 13px 0 0 5px;
}

.lien-amen-paysager-bas-image {
    background-image: url(../images/amenagement-paysager-over.jpg);
}

.lien-entre-paysager-bas-image {
    background-image: url(../images/entretien-paysager-over.jpg);
}

.lien-centre-jardin-bas-image {
    background-image: url(../images/nos-creations-over.jpg);
}

#lien-capsules {
    background-image: url(../images/capsules-conseils-ro.jpg);
}

#lien-nouvelles {
    background-image: url(../images/nouvelles-ro.jpg);
}

#lien-activites {
    background-image: url(../images/activites-ro.jpg);
}

.lien-amenagement-paysager {
    background-image: url(../images/amenagement-paysager-ro.jpg);
}

.lien-entretien-paysager {
    background-image: url(../images/entretien-paysager-ro.jpg);
}

.lien-centre-de-jardin {
    background-image: url(../images/centre-de-jardin-ro.jpg);
}

.lien-avantages {
    background-image: url(../images/avantages-ro.jpg);
}

.lien-promotions {
    background-image: url(../images/promotions-ro.jpg);
}

.lien-nos-services {
    background-image: url(../images/nos-services-ro.gif);
}

.lien-conception {
    background-image: url(../images/conception-amenagement-ro.gif);
}

.lien-amenagement {
    background-image: url(../images/amenagement-ro.gif);
}

.lien-entretien {
    background-image: url(../images/entretien-ro.gif);
}

.lien-excavation-et-drainage {
    background-image: url(../images/excavation-et-drainage-ro.gif);
}

.lien-nos-creations {
    background-image: url(../images/nos-creations-ro.gif);
}

.lien-nos-conseils-amenagement {
    background-image: url(../images/nos-conseils-amenagement-ro.gif);
}

.lien-garantie {
    background-image: url(../images/garantie-ro.gif);
}

.lien-financement {
    background-image: url(../images/financement-ro.gif);
}

.lien-nos-services-entretien {
    background-image: url(../images/nos-services-entretien-ro.jpg);
}

.lien-nos-forfaits {
    background-image: url(../images/nos-forfaits-ro.jpg);
}

.lien-nos-conseils {
    background-image: url(../images/nos-conseils-ro.jpg);
}

.lien-nos-produits-services {
    background-image: url(../images/nos-produits-services-ro.jpg);
}

.lien-vegetaux-en-photos {
    background-image: url(../images/vegetaux-en-photos-ro.jpg);
}

.lien-nouveautes {
    background-image: url(../images/nouveautes-ro.jpg);
}

.lien-meilleurs-vendeurs {
    background-image: url(../images/meilleurs-vendeurs-ro.jpg);
}

.lien-notre-garantie-passion {
    background-image: url(../images/notre-garantie-ro.jpg);
}

.lien-nos-clients-satisfaits {
    background-image: url(../images/nos-clients-satisfaits-ro.jpg);
}

.lien-fleche-heures {
    background-image: url(../images/fleche-heures-ro.jpg);
}

.lien a {
    display: block;
    float: left;
}

* html a:hover {
    visibility: visible;
}

.lien a:hover img {
    visibility: hidden
}

.navigation {
    float: left;
    width: 220px;
    padding-left: 29px;
    /*	background: url('../images/sidemenu-background.gif') top left repeat-x; */
}

.navigation h3 {
    color: #306095;
    font-size: 15px;
    font-weight: normal;
    border-bottom: solid 1px #306095;
    line-height: 17px;
    padding-bottom: 3px;
    margin: 15px 0 10px 0;
}

.navigation ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

.navigation ul ul {
    padding-left: 12px;
}

.navigation ul li span {
    color: #306095;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    padding-top: 6px;
    padding-bottom: 6px;
    display: block;
}

.navigation ul li a {
    color: #306095;
    font-size: 15px;
    font-weight: bold;
    text-decoration: none;
    padding-top: 6px;
    padding-bottom: 6px;
    display: block;
}

.navigation ul li a:hover,
.navigation ul li a.current {
    color: #e86751;
    text-decoration: none;
}

.navigation ul ul li {
    padding-top: 1px;
    padding-bottom: 2px;
}

.navigation ul ul li a {
    font-size: 13px;
    font-weight: normal;
    padding-top: 2px;
    padding-bottom: 2px;
    display: block;
}

.navigation ul ul li a:hover,
.navigation ul ul li a.current {
    font-weight: normal;
}

.section {
    cursor: auto;
    float: right;
    /*	width:644px;
	padding-right:29px;*/
    padding-right: 25px;
    width: 650px;
    padding-top: 45px;
    min-height: 600px;
}

.section img {
    margin: 3px 22px 42px 0;
    float: left;
}

.section .map {
    border: solid 1px #306095;
}

.section table {
    width: 240px;
    margin-bottom: 20px;
}

.section table th {
    text-align: left;
}

h1 {
    margin: 0;
    margin-bottom: 13px;
    color: #306095;
    font-weight: 800;
    font-family: Raleway;
    font-size: 20px;
    line-height: 22px;
}

.section h2 {
    margin: 0;
    margin-bottom: 13px;
    color: #306095;
    font-weight: bold;
    font-size: 20px;
}

.section h3 {
    margin: 0;
    margin-bottom: 13px;
    color: #306095;
    font-weight: bold;
    font-size: 15px;
    line-height: 18px;
}

.section h4 {
    margin: 0;
    margin-bottom: 13px;
    color: #306095;
    font-weight: normal;
    font-size: 14px;
}

.section p {
    margin: 0;
    margin-bottom: 13px;
    color: #306095;
    font-size: 13px;
    line-height: 18px;
}

.section a {
    color: #e86751;
    text-decoration: underline;
}

.section a:hover {
    color: #e86751;
    text-decoration: none;
}

.section ul {
    margin: 0;
    padding-top: 0;
    padding-bottom: 16px;
}

.section li {
    padding-bottom: 8px;
    line-height: 16px;
}

.section ul ul {
    padding-bottom: 0px;
}

.section table th {
    color: #285586;
    font-weight: normal;
    border-top: 1px solid #285586;
    border-bottom: 2px solid #285586;
    text-align: left;
    padding: 5px 10px;
    background-color: #efefef;
}

.section table td {
    vertical-align: top;
    padding: 10px 10px 0 10px;
    border-bottom: 1px solid #e86751;
}

.section table h2 {
    font-size: 14px;
    margin-bottom: 7px;
}

.section table h3 {
    font-size: 12px;
    margin-bottom: 7px;
}

#page-no-nav .section {
    float: left;
    width: 894px;
    padding: 20px 29px 0 29px;
}

#page-emplois .content-top-section,
#page-no-nav .content-top-section {
    background: #ffffff;
}

/* page capsules et capsule */

#view-capsule h1 {
    margin: 0;
    color: #306095;
    font-weight: bold;
    font-size: 20px;
    margin-bottom: 10px;
}

#view-capsule h2 {
    color: #306095;
    font-size: 15px;
    font-weight: normal;
    border-bottom: solid 1px #306095;
    line-height: 17px;
    padding-bottom: 3px;
    margin: 15px 0 20px 0;
}

h2.sansligne {
    border-bottom: none !important;
}

ul.chiffres>li {
    list-style-type: decimal;
}

#view-capsule h2 a {
    float: right;
    text-decoration: none;
}

#view-capsule h2 a:hover {
    float: right;
    text-decoration: underline;
}

#view-capsule h1 a {
    text-decoration: none;
}

#view-capsule p.date {
    font-style: italic;
}

#view-capsules h1 {
    color: #306095;
    font-size: 15px;
    font-weight: normal;
    border-bottom: solid 1px #306095;
    line-height: 17px;
    padding-bottom: 3px;
    margin: 15px 0 20px 0;
}

#view-capsules h2 {
    margin: 0;
    margin-bottom: 10px;
    color: #7a981a;
    font-weight: bold;
    font-size: 20px;
}

#view-capsules h2 a {
    text-decoration: none;
}

#view-capsules p.date {
    font-style: italic;
}

/* page nouvelles et nouvelle */

#view-nouvelle h1 {
    margin: 0;
    color: #7a981a;
    font-weight: bold;
    font-size: 20px;
}

#view-nouvelle h2 {
    color: #306095;
    font-size: 15px;
    font-weight: normal;
    border-bottom: solid 1px #306095;
    line-height: 17px;
    padding-bottom: 3px;
    margin: 15px 0 20px 0;
}

#view-nouvelle h2 a {
    float: right;
    text-decoration: none;
}

#view-nouvelle h1 a {
    text-decoration: none;
}

#view-nouvelle p.date {
    font-style: italic;
}

#view-nouvelles h1 {
    color: #306095;
    font-size: 15px;
    font-weight: normal;
    border-bottom: solid 1px #306095;
    line-height: 17px;
    padding-bottom: 3px;
    margin: 15px 0 20px 0;
}

#view-nouvelles h2 {
    margin: 0;
    /*margin-bottom: 18px;*/
    color: #7a981a;
    font-weight: bold;
    font-size: 20px;
}

#view-nouvelles h2 a {
    text-decoration: none;
}

#view-nouvelles p.date {
    font-style: italic;
}

.babillard {
    cursor: auto;
    float: left;
    padding: 20px 29px 0 29px;
}

.babillard a {
    color: #e86751;
    text-decoration: underline;
}

.babillard a:hover {
    color: #e86751;
    text-decoration: none;
}

.babillard h1 {
    color: #285586;
    font-size: 15px;
    font-weight: normal;
    border-bottom: solid 1px #e86751;
    line-height: 17px;
    padding-bottom: 3px;
    margin: 15px 0 20px 0;
}

.babillard h2 {
    margin: 0;
    margin-bottom: 18px;
    color: #285586;
    font-weight: bold;
    font-size: 20px;
}

.babillard h2.liste-postes {
    margin: 0;
    margin-bottom: 10px;
    color: #285586;
    font-size: 14px;
    line-height: 18px;
}

.babillard .postes-offerts {
    background: #efefef;
    padding-top: 10px;
    margin-bottom: 25px;
}

.babillard .postes-offerts .postes-col {
    float: left;
    width: 402px;
    padding-left: 18px;
    background: url('../images/separateur-postes-offerts.gif') right 12px no-repeat;
}

.babillard .postes-offerts .last-col {
    background: none;
}

.babillard .postes-offerts h3 {
    margin: 0;
    margin-bottom: 10px;
    color: #285586;
    font-size: 14px;
    line-height: 18px;
}

.babillard h3 {
    margin: 0;
    margin-bottom: 10px;
    color: #285586;
    font-size: 14px;
    line-height: 18px;
}

.babillard p {
    margin: 0;
    margin-bottom: 18px;
    color: #285586;
    font-size: 13px;
    line-height: 18px;
}

.babillard ul {
    padding: 0 0 0 15px;
    margin: 0 0 0 0;
}

.babillard li {
    padding-bottom: 10px;
    margin: 0;
}

#form-emploi {
    background: #efefef;
    padding: 22px 0 22px 0;
    margin-bottom: 25px;
}

#form-emploi fieldset {
    float: left;
    border: 0;
    margin: 0;
    padding: 0;
    display: block;
}

#form-emploi fieldset.colonne1 {
    width: 280px;
    margin-left: 18px;
    display: inline;
    background: url('../images/fieldset-separateur.gif') top right no-repeat;
}

#form-emploi fieldset.colonne2 {
    width: 280px;
    margin-left: 18px;
    display: inline;
    background: url('../images/fieldset-separateur.gif') top right no-repeat;
}

#form-emploi fieldset.colonne3 {
    width: 280px;
    margin-left: 18px;
    display: inline;
}

#form-emploi p {
    padding: 0;
    margin: 0;
}

#form-emploi fieldset div {
    padding-bottom: 10px;
}

#form-emploi input,
#form-emploi select {
    color: #285586;
}

#form-emploi input#submitbutton {
    color: #fff;
}

#form-emploi label {
    display: block;
    padding-bottom: 3px;
}

#form-emploi .buttonrow {
    clear: both;
    margin-left: 18px;
    padding-top: 10px;
}

input.text-input {
    width: 244px;
    margin: 0;
    padding: 0;
    border: solid 1px #a5b0ae;
    padding-top: 2px;
    padding-bottom: 3px;
    color: #666;
}

input.text-input:hover {
    border: solid 1px #306095;
}

input#codepostal {
    width: 70px;
}

input#cv {
    margin: 0;
    padding: 0;
    border: solid 1px #a5b0ae;
    padding-top: 2px;
    padding-bottom: 3px;
    color: #666;
    position: relative;
    z-index: 5000 !important;
    cursor: pointer;
}

.file-input-style a {
    color: #e86751;
    font-size: 13px;
    text-decoration: underline;
    cursor: pointer;
}

.file-input-style a.over {
    color: #e86751;
    text-decoration: none;
    cursor: pointer;
}

.erreurs {
    padding-bottom: 10px;
}

.erreurs h3 {
    color: #CC0000;
    font-size: 13px;
    font-weight: bold;
}

.erreurs p {
    color: #CC0000;
    font-size: 13px;
}

#form-emploi .erreurs {
    padding-bottom: 10px;
}

#form-emploi .erreurs h3 {
    color: #CC0000;
    margin-left: 18px;
    font-size: 13px;
    font-weight: bold;
}

#form-emploi .erreurs p {
    color: #CC0000;
    margin-left: 18px;
    font-size: 13px;
}

#submitbutton {
    border: 0;
    color: #fff;
    font-weight: 800;
    background: #306095;
    cursor: pointer;
    height: 24px;
    line-height: 24px;
}

#submitbutton:hover {
    border: 0;
    color: #fff;
    font-weight: 800;
    background: #e86751;
    cursor: pointer;
}

.ok {
    background: #E7F7D3;
    border: 1px solid #66CC33;
    padding: 6px 9px;
    margin-bottom: 10px;
}

.separateur-retour-haut {
    border-bottom: solid 1px #d4dac0;
    padding-bottom: 4px;
    height: 18px;
    margin-bottom: 28px;
}

.separateur-retour-haut a {
    color: #767561;
    font-size: 12px;
    float: right;
    text-decoration: none;
    padding-right: 16px;
    background: url('../images/icone-retour-haut-de-page.gif') right 3px no-repeat;
}

.separateur-retour-haut a:hover {
    text-decoration: none;
    background: url('../images/icone-retour-haut-de-page.gif') right -24px no-repeat;
}

/* plan du site */

.level0 ul {
    list-style: none;
}

.level0 ul,
.level1 ul {
    margin: 0;
    padding: 0;
}

.level0 ul li,
.level1 ul li {
    margin: 0;
    padding: 0 0 10px 0;
}

.level1 ul li {
    margin-left: 15px;
}

/* meteomedia */

#wxButtonFrame {
    position: absolute;
    top: 0;
    right: 0;
    border-left: solid 4px #fff;
    border-bottom: solid 4px #fff;
    background: #fff;
}

/* galerie photos */

#form-galerie {
    border-bottom: solid 1px #d4dac0;
    padding-bottom: 28px;
    margin-bottom: 28px;
}

#form-galerie label {
    font-size: 14px;
    color: #666666;
    display: block;
    margin-bottom: 4px;
}

#form-galerie select {
    border: solid 1px #cccccc;
    width: 250px;
}

/* Pagination de la galerie photo */

.gallery-pagination {
    clear: both;
    float: left;
    min-width: 230px;
    text-align: center;
    font-size: 13px;
    font-family: Arial, Helvetica, Verdana, sans-serif;
    color: #306095;
}

.gallery-pagination a {
    color: #306095;
}

.gallery-pagination a:hover {
    color: #ec6851;
    text-decoration: none;
}

.gallery-pagination div,
.gallery-pagination a {
    display: inline-block;
}

.gallery-pagination .premiere a {
    width: 11px;
    height: 17px;
    text-indent: -9999px;
    background: url('../images/fleche-premiere-page.png') 0 6px no-repeat;
}

.gallery-pagination .premiere .inactive {
    width: 11px;
    height: 17px;
    text-indent: -9999px;
    background: url('../images/fleche-premiere-page.png') 0 6px no-repeat;
}

.gallery-pagination .premiere a:hover {
    background: url('../images/fleche-premiere-page.png') 0 -15px no-repeat;
}

.gallery-pagination .derniere a {
    width: 11px;
    height: 17px;
    text-indent: -9999px;
    background: url('../images/fleche-derniere-page.png') 0 6px no-repeat;
}

.gallery-pagination .derniere .inactive {
    width: 11px;
    height: 17px;
    text-indent: -9999px;
    background: url('../images/fleche-derniere-pagee.png') 0 6px no-repeat;
}

.gallery-pagination .derniere a:hover {
    background: url('../images/fleche-derniere-page.png') 0 -15px no-repeat;
}

.gallery-pagination .precedente {
    padding-right: 15px;
    padding-left: 10px;
}

.gallery-pagination .precedente a {
    width: 11px;
    height: 17px;
    text-indent: -9999px;
    background: url('../images/fleche-page-precedente.png') 0 6px no-repeat;
}

.gallery-pagination .precedente .inactive {
    width: 11px;
    height: 17px;
    text-indent: -9999px;
    background: url('../images/fleche-page-precedente.png') 0 6px no-repeat;
}

.gallery-pagination .precedente a:hover {
    background: url('../images/fleche-page-precedente.png') 0 -15px no-repeat;
}

.gallery-pagination .suivante {
    padding-left: 15px;
    padding-right: 10px;
}

.gallery-pagination .suivante a {
    width: 11px;
    height: 17px;
    text-indent: -9999px;
    background: url('../images/fleche-page-suivante.png') 0 6px no-repeat;
}

.gallery-pagination .suivante .inactive {
    width: 11px;
    height: 17px;
    text-indent: -9999px;
    background: url('../images/fleche-page-suivante.png') 0 6px no-repeat;
}

.gallery-pagination .suivante a:hover {
    background: url('../images/fleche-page-suivante.png') 0 -15px no-repeat;
}

.gallery-pagination .page {
    font-size: 15px;
    padding-left: 3px;
    padding-right: 3px;
}

.gallery-pagination .page .inactive {
    font-weight: bold;
}

#liste-photos {
    width: 208px;
    float: left;
    padding-right: 50px;
}

#liste-photos .phocagallery-box {
    float: left;
    display: block;
    margin-right: 12px;
    margin-bottom: 12px;
}

#liste-photos img {
    border: solid 2px #306095;
    margin: 0;
}

#liste-photos img:hover {
    border: solid 2px #ec6851;
    margin: 0;
}

#showcase-medium-photo {
    width: 398px;
    /*height: 321px;*/
    float: left;
    margin-left: -6px;
}

#showcase-medium-photo img {
    border: 0;
    margin: 0;
}

#showcase-medium-photo img:hover {
    border: 0;
    margin: 0;
}

#showcase-medium-photo-description {
    clear: both;
    font-size: 13px;
    color: #666;
}

h2.current-category {
    margin: 0;
    margin-bottom: 10px;
    color: #e86751;
    font-size: 14px;
    line-height: 18px;
}

/* Lightbox */

.galerie-lightbox img {
    border: 0;
}

.galerie-lightbox a#prev {
    font-size: 14px;
    color: #89a032;
    text-decoration: none;
    background: url('../images/fleche-page-precedente.gif') left 5px no-repeat;
    padding-left: 15px;
}

.galerie-lightbox a#next {
    font-size: 14px;
    color: #89a032;
    text-decoration: none;
    background: url('../images/fleche-page-suivante.gif') right 5px no-repeat;
    padding-right: 15px;
}

.galerie-lightbox a#prev:hover {
    color: #F7A42F;
    background: url('../images/fleche-page-precedente.gif') left -16px no-repeat;
}

.galerie-lightbox a#next:hover {
    color: #F7A42F;
    background: url('../images/fleche-page-suivante.gif') right -16px no-repeat;
}

.image-details {
    position: relative;
}

.tab-prom td {
    border-right-style: solid;
    border-right-width: 1px;
    border-right-color: #7A981A;
    border-bottom-style: solid;
    border-bottom-width: 1px;
    border-bottom-color: #7A981A;
    text-align: center;
    vertical-align: middle;
}

td.tab-fonce {
    background-color: #bdbcaf;
    font-weight: bold;
}

/* new clearfix */

.clearfix:after {
    visibility: hidden;
    display: block;
    font-size: 0;
    content: " ";
    clear: both;
    height: 0;
}

* html .clearfix {
    zoom: 1;
}

/* IE6 */

*:first-child+html .clearfix {
    zoom: 1;
}

/* IE7 */

/*******************************  main menu *******************************/

ul.nav {
    background: #ec6851;
    width: 100%;
    height: 45px;
    right: 0;
}

ul.nav,
ul.nav li {
    position: relative;
    padding: 0;
    margin: 0;
    list-style: none;
}

ul.nav>li {
    padding: 0 0 0 0px;
    margin: 0px;
    list-style-type: none;
    position: relative;
    float: left;
    background: url(../images/sep-menu.gif) no-repeat;
}

ul.nav>li:first-child {
    background: none;
}

ul.nav>li>a {
    padding: 0 22px;
    color: #fff;
    font-size: 15px;
    font-weight: 400;
    line-height: 45px;
    height: 45px;
    box-sizing: border-box;
    text-decoration: none;
    font-family: Raleway;
    display: block;
}

ul.nav>li>ul {
    min-width: 100%;
    display: none;
    position: absolute;
    top: 45px;
    left: 0;
    background: url(../images/bg-sm.jpg) repeat-x #ec6851 top center;
    padding: 0px;
    white-space: nowrap;
    padding-bottom: 14px;
}

ul.nav>li:hover>ul {
    display: block;
}

ul.nav>li.parent>a {
    background: url(../images/fleche-bas.gif) no-repeat right 17px top -2px;
    padding-right: 35px;
}

ul.nav>li>ul>li>a {
    padding: 0 27px;
    margin: 0px;
    display: block;
    color: #fff;
    font-size: 14px;
    line-height: 31px;
    text-decoration: none;
    height: 25px;
    font-weight: 800;
    line-height: 25px;
    text-decoration: none;
    font-family: Raleway;
}

ul.nav>li>ul>li>ul>li>a {
    color: #fff;
    text-decoration: none;
    font-size: 13px;
}

ul.nav>li>ul>li>ul>li>a:hover {
    text-decoration: underline;
}

ul.nav>li>ul>li:first-child>a {
    padding-top: 10px;
}

ul.nav>li>ul>li.first a {
    background: none;
}

ul.nav>li>ul>li:hover>ul {
    display: block;
}

ul.nav>li:hover>a,
ul.nav>li>a:focus,
ul.nav>li.actif>a,
ul.nav>li>ul>li:hover>a,
ul.nav>li>ul>li>a:focus,
ul.nav>li>ul>li.actif>a {
    color: #fff;
    text-decoration: underline;
}

p {
    margin: 0;
    padding: 0 0 10px 0;
}

.text-bas {
    clear: both;
    background: #fff url(../images/logo-bas.jpg) no-repeat 82px 20px;
    line-height: 17px;
    font-size: 12px;
    font-family: Raleway;
    color: #306095;
    padding: 16px 90px 30px 284px;
    position: relative;
}

.appq {
    position: absolute;
    top: 20px;
    right: 30px;
}

a.absolu {
    background: url(../images/absolu.png) no-repeat;
    position: absolute;
    bottom: 9px;
    right: 6px;
}

a.absolu:hover {
    background: url(../images/absolu-over.png) no-repeat;
}

a img {
    border: 0;
}

.plandusite {
    padding-left: 12px;
}

.plandusite li {
    line-height: 22px;
    padding-bottom: 0px;
}

a.courriel {
    color: #376eaa;
    text-decoration: none;
    font-family: Raleway;
    font-size: 12px;
    line-height: 16px;
}

a.courriel:hover {
    text-decoration: underline;
}

.section table.tableCalendrier,
.section table.tableCalendrier tr,
.section table.tableCalendrier tr td,
.section table.tableCalendrier tr td img {
    padding: 0;
    margin: 0;
    border: 0;
}

.section table.tableauConsultation {
    width: 100%;
}

.section table.tableauConsultation tr td {
    border: 0;
    padding: 0;
}