@font-face {
    font-family: "UniversCondensedLight";
    src: url('../fonts/univers-condensedlight-webfont-webfont.eot');
    src: url('../fonts/univers-condensedlight-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/univers-condensedlight-webfont-webfont.woff') format('woff'),
         url('../fonts/univers-condensedlight-webfont-webfont.ttf') format('truetype'),
         url('../fonts/univers-condensedlight-webfont-webfont.svg#universcondensed_light') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: "UniversCondensedLight";
    src: url('../fonts/univers-condensedlight-webfont-webfont.eot');
    src: url('../fonts/univers-condensedlight-webfont-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/univers-condensedlight-webfont-webfont.woff') format('woff'),
         url('../fonts/univers-condensedlight-webfont-webfont.ttf') format('truetype'),
         url('../fonts/univers-condensedlight-webfont-webfont.svg#universcondensed_light') format('svg');
    font-weight: normal;
    font-style: normal;
}


html{
min-height:100%
}
body{
width:100%;
min-height:100%;
margin:0 0 0 0;
overflow:auto;
background-repeat: no-repeat;
}

a:visited{text-decoration:none;}

#titre-2 {
display:block;
border-bottom:3px #707070 solid
}
.image {
    display: flex;
    justify-content: center;
    padding: 1em;
}

.responsive {
    width: 100%;
    max-width: 400px;
    height: auto;
}

#global{
width:1024px;
min-height:100%;
margin-left:auto;
margin-right:auto;
margin-top:0;
padding-bottom:20px;
position:relative;
background-color:#FFFFFF;
}
/*#menu {
width:980px;
margin-left:0;
margin-right:0;
display:inline-block;
float:left;
padding: 0 0 0 0;
position:fixed;
}*/

#header {
background-image:url(../images/design/header.jpg);
width:1020px;
height:154px
}

#header  ul {
width:1024px;
height:24px;
margin-left:20px;
margin-right:0;
float:left;
padding: 0 0 0 0;
list-style:none;
margin-top:105px
}
#header li{
display:inline-block;
border-right:1px solid #DFDFDF
}
#header a {
text-decoration:none;
color:#777777;
font-family: "UniversCondensedLight";
display:block;
padding-left:13px;
padding-right:13px;
text-shadow: 1px 1px 0 #FFFFFF;
}
#header li:last-child {
border-right:none;
}
#header a:hover{
border-bottom:3px solid #006126;
color:#000000
}
#menu img{
cursor:pointer
}
#accueil{
background:url(../images/design/nalods-4_02.jpg);
}

#accueil:hover{
background:url(../images/design/hover/header_02.jpg);
}
#header a{
display:block;
height:26px;width:auto;
}

#valeurs{
background:url(../images/design/nalods-4_03.jpg);
}
#valeurs:hover{
background:url(../images/design/hover/header_03.jpg);
}

#valeurs a{
display:block;
width:106px;
height:54px;
}

#competences{
background:url(../images/design/nalods-4_04.jpg);
}
#competences:hover{
background:url(../images/design/hover/header_04.jpg);
}

#competences a{
display:block;
width:118px;
height:54px;
}

#delbard{
background:url(../images/design/nalods-4_05.jpg);
}
#delbard:hover{
background:url(../images/design/hover/header_05.jpg);
}
#jdt{
background:url(../images/design/nalods-4_06.jpg);
}
#jdt:hover{
background:url(../images/design/hover/header_06.jpg);
}
#reseau{
background:url(../images/design/nalods-4_07.jpg);
}
#reseau:hover{
background:url(../images/design/hover/header_07.jpg);
}
#actus{
background:url(../images/design/nalods-4_08.jpg);
}
#actus:hover{
background:url(../images/design/hover/header_08.jpg);
}
#recrutement{
background:url(../images/design/nalods-4_09.jpg);
}
#recrutement:hover{
background:url(../images/design/hover/header_09.jpg);
}
#contact{
background:url(../images/design/nalods-4_10.jpg);
}
#contact:hover{
background:url(../images/design/hover/header_10.jpg);
}
#bloc-actus{
background:url(../images/design/haut-bandeau-txt.png) no-repeat;
border-radius:10px 10px 0 0;
width:300px;
height:195px;
margin-top:0px;
list-style-type:none
}
#bloc-extra{
background:url(../images/design/haut-bandeau-txt.png) no-repeat;
border-radius:10px 10px 0 0;
width:300px;
height:195px;
}
.text-actus{
font-size:.9em;
display:block;
width:280px;
padding:5px 10px 0px 10px;
text-align:justify;
color:#777777;
font-family: "UniversCondensedLight";

}
.text-valeurs{
font-size:0.9em;
display:block;
margin-top:-10px;
width:380px;
padding:5px 10px 0px 10px;
text-align:justify;
color:#777777;
font-family: "UniversCondensedLight";
}
.text-principal{
font-size:1em;
width:1024px;
padding:5px 15px 0px 15px;
text-align:justify;
color:#777777;
font-family: "UniversCondensedLight";
position:relative;
padding-left:15px;
}

.link{
padding:0 0 0 0;
font-family: "UniversCondensedLight";
}

.date{
padding-left:10px;
font-size:0.8em;
font-style:italic;
color:#777777;
font-family: "UniversCondensedLight"
}
.spacer{
height:100px;width:100%
}
.submit{
background-color:#005810;width:75px;color:#FFFFFF;border:none;margin-right:25px;
/*
float:none;margin-right:0px;margin-left:180px;
*/
}
h2 {
color:#777777;
text-align:left;
font-family: "UniversCondensedLight";
font-weight:normal;
padding-top:5px;
padding-left:5px;
}

h3 {
color:#016328;
text-align:left;
font-family: "UniversCondensedLight";
font-weight:normal;
border-bottom:1px solid #006327;
}

/*#table-delbard h3{font-weight:bold}*/

h4 {
display:block;
margin-top:5px;
margin-bottom:5px;
margin-left:10px;
color:#777777;
text-align:left;
font-family: "UniversCondensedLight";
font-size:1.3em;
}

h1 , h2 , h3  {
font-weight:normal;
}

input{
width:150px;
float:right;
margin-right:40px;
cursor:pointer;
}

button {
    background: none repeat scroll 0 0 #006126;
    border: 0 none;
    border-radius: 5px 5px 5px 5px;
    color: #FFFFFF;
    float: right;
    font-size: 0.9em;
    margin-right: 40px;
    padding: 2px 6px;
    text-transform: uppercase;}

#bloc-valeurs{
background:url(../images/design/haut-bandeau-txt.png) repeat-x;
width:400px;
height:254px;
border-radius:10px 10px 0 0;
/*position:relative;*/
/*left:320px;*/
/*top:-215px*/
}

#bloc-valeurs div > img {
/*padding-left:15px;*/
/*margin-top:15px*/
    display: block;
    margin-left: auto;
    margin-right: auto;
}

/*#bloc-principal img {*/

/*padding-left:150px;*/
/*margin:auto;*/
/*}*/

#bloc-principal{
color:#777777;
text-align:left;
font-family: "UniversCondensedLight";
font-size:1em;

}

#table-delbard img{
padding-left:0px;margin-top:15px;
}


#bloc-carte{
/*background:url(../images/design/haut-bandeau-txt.png) no-repeat;*/
/*width:33%;*/
/*height:254px;*/
/*border-radius:10px 10px 0 0;*/
/*position:relative;*/
/*left:700px;*/
/*top:-490px;*/
}


#slide-wrapper-jardin {
width:640px;
height:190px;
position:relative;
left:320px;
top:-190px;

}

#map{
width:256px;
height:254px;
position:relative;
left:20px;
top:0px;
}
#img1 , #img2 , #img3 {
position:absolute;
display: none;}

#slide-carousel-jardin .element {
width:640px;
height: 191px;
display: block;
float: left;
overflow:hidden;
left:-641px
}
#slide-carousel-jardin2 .element {
width:256px;
height: 254px;
display: block;
float: left;
overflow:hidden;
}

#slide-wrapper-jardin img{
border-radius:10px 10px;
}
#etiquette{
display:block;
padding-left:20px;
background:#005810;
width:200px;
height:50px;
font-size:2em;
color:#FFFFFF;
font-family: "UniversCondensedLight";
bottom:20px;
position:absolute;
line-height:50px
}
#etiquette a{
display:block;
}
#bas{
position:absolute;
top:420px;
padding-bottom:20px
}

#footer{
width:1024px;
height:38px;
background:url(../images/design/ombre_footer.png) no-repeat;
bottom:0px;
line-height:46px;
font-size:0.9em;
position:absolute;
padding-left:100px;
padding-right:20px;
    margin:0 auto;
    /*margin-right:auto;*/
    justify-content: space-between;
}
.footer{
padding-left:10px;
padding-right:10px;
font-size:0.9em;
color:#777777;
font-family: "UniversCondensedLight";
float:left;
margin-left:auto;
margin-right:auto;
display:block;

}

#img-footer{
	/*display:block;*/
	/*margin-right : 10px;*/
}
#mentions{
display:block;
margin-right:120px
}
#mentions a{
padding-right:5px;
color:#777777;
font-family: "UniversCondensedLight";
float:right;
text-decoration:none;
font-size:0.9em;
}
#menu-competences{width:300px;
height:150px;
border-radius:10px 10px 0 0;
margin-top:15px
}
#menu-competences ul{
display:block;
float:left;
padding-left:25px;
}
#menu-competences ul li{
cursor:pointer;
list-style:none;
}
#menu-competences ul li a{
font-family:"UniversCondensedLight";
font-size:1.2em;
display:block;
margin-top:10px;
text-decoration:none;
color:#666666;
}
#titre-2 {
display:block;
margin-top:0px;
padding-top:10px;
background:url(../images/design/haut-bandeau-txt.png);
padding-left:15px;
}

#titre-competences {
display:block;
width:290px;
margin-top:0px;
padding-top:10px;
background:url(../images/design/haut-bandeau-txt.png);

}
#titre-competences2 {
display:block;
width:650px;
margin-top:4px;
padding-top:18px;
background:url(../images/design/haut-bandeau-txt.png);
}
#titre-competences {
font-family: 'UniversCondensedLight';
border-bottom:3px #007B25 solid;
color:#000000;
font-size:1.9em;
font-weight:normal;
}
#menu-competences ul li a:hover{
text-decoration:underline;
color:#006227;
}
#text-competences{
    display:block;
    width:650px;
    /*margin-left:320px;*/
    /*margin-top:-187px;*/
    margin-left: auto;
    margin-right: auto;
    padding-top: 3em;
}
#text-competences img{
padding-left:0px
}
#text-achat{}
.show{
display:block;
}
.hidden{
display:none;
}

.formulaire{
width:400px;
}
.formulaire a{
padding-left:0;
}
.msg-alerte{
color:red;
font-style:italic;
font-size:1em;
display:block;
}
.lien {
font-family: "UniversCondensedLight";
padding-left:10px;
display:block;
position : relative;
top : 30px;
text-decoration:none;
}
input:focus
{border:1px solid #006227;
box-shadow:0px 0px 3px #006227;
transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}
.changement-mdp  {width:250px;margin-bottom:5px;margin-right:0px;float:none;}
.login-extranet {width:170px;margin-right:25px;}
#3espaces{padding-left:20px;}

.submitButton{
    background-color:#005810;width:75px;color:#FFFFFF;border:none;margin-right:25px;
    cursor: pointer;
    text-transform: none;
    border-radius: 0px;
    font-size: small;
    /*
    float:none;margin-right:0px;margin-left:180px;
    */
}

/* Pour page index.php */

.container {
    display: flex;
    justify-content: space-between;
}
.container-element {
    background: url(../images/design/haut-bandeau-txt.png) no-repeat;
    border-radius: 10px 10px 0 0;
    margin-left: 5px;
    margin-right: 5px;

}

.input-error {
    background-color: #ff0000;
}

.p-error {
    color: #ff0000;
}