/*
Site : veso-conscept.com
Author : Oliver MICHAS
Author url : www.olivermichas.com
Version : 0.1.0
Notes : Pour des raisons de facilité de maintenance, une majeure partie des règles css3 sont placées en fin de document.
*/

* {
    margin:0; 
    padding:0}

html, body {
    height:100%;
    margin:0;
    padding:0;
    font-family:Lato;
    font-size:12px;
    background:#fff;}

header div, #content, footer div{
    width:970px;
    margin:0 auto;}

header, footer{
    background:#333;}

header, section, aside, nav, article, footer {display:block;}   

.left{float:left}.right{float:right}.clear{clear:both}

a{text-decoration:none;}

a img {border:none;}

input[type="submit"]:hover{cursor:pointer;}


/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
-----------------HEADER------------------
///////////////////////////////////////*/

header{
    position:relative;
    height:145px;
    overflow:hidden;
    border-bottom:2px solid #fff;}

header img{
    margin-top:33px;
    float:left;}

/*//////////////////////////////LANGUES*/

.lang{
    position: absolute;
    background:none;
    width:150px;
    bottom:5px;}

.oontact .lang form{
    box-shadow:none;
    width:auto;
    margin:0;
    padding:0;}

.lang a{
    display: block;
    float:left;
    padding:2px 12px 3px 34px;
    background:url(http://bo.veso-concept.com/uploads/flags.png) #4e4d4d 9px 5px no-repeat;
    color:#000;
    border:1px solid #343434;
    text-shadow:0 1px 1px #666;}

.be header .lang,
.be header .lang form{
    background:#0196a6;}

.be .lang a{
    background-color:#108b98;
    border:1px solid #119dab;
    text-shadow:0 1px 1px #119dab;}

.race .lang a{
    background-color:#d19611;
    border:1px solid #e5a40f;
    text-shadow:0 1px 1px #e5a40f;}

.green .lang a{
    background-color:#67970f;
    border:1px solid #71a80a;
    text-shadow:0 1px 1px #71a80a;}

.lang a.fr{
    background-position:9px -24px;}

.lang a:hover{
    background-color:#555;
    color:#222;
    text-shadow:0 1px 1px #888;}

/*///////////////////HEADER ALTERNATIFS*/

.type header div{
    overflow:hidden;}

.type header img{
    display:none}

.type.societe header img{
    display:inline}

/*//////////////////////BUREAU D'ETUDES*/

.be header{
    background:#0196a6;}

.be header div{
    background:url(http://bo.veso-concept.com/uploads/veso-concept-logo-be.png) -5px center no-repeat;}

/*///////////////////////////////RACING*/

.race header{
    background:#e39e00;}

.race header div{
    background:url(http://bo.veso-concept.com/uploads/veso-concept-logo-race.png) -3px 16px no-repeat;}

/*//////////////////////GREEN COMPOSITE*/

.green header{
    background:#6ba400;}

.green header div{
    background:url(http://bo.veso-concept.com/uploads/veso-concept-logo-green.png) -6px 16px no-repeat;}

/*/////////////////////////////////MENU*/

nav{
    max-width:730px;
    float: right;}

nav li{
    display: block;
    float:left;
    height:145px;}

nav li:hover,
nav li.cur{
    background:#e3e3e3;
    text-shadow: 0 1px 1px #fff;}

nav a{
    display:block;
    padding:120px 9px 12px;
    font-size:13px;
    color:#fff;}

nav a:hover,
nav li:first-child a,
nav .cur a{
    background:url(http://bo.veso-concept.com/uploads/nav-icons.png) no-repeat;}

nav li:first-child a[href$="/"]{
    width:18px;
    background-position:-762px 114px;}

nav li:hover a[href$="/"],
nav .cur a[href$="/"]{
    background-position:-862px 114px;}

nav li:hover a[href$="societe"],
nav .cur a[href$="societe"]{
    color:#626262;
    background-position:18px 86px;}

nav.eng li:hover a[href$="societe"],
nav.eng .cur a[href$="societe"]{
    background-position:24px 86px;}

nav li:hover a[href$="bureau-etudes"],
nav .cur a[href$="bureau-etudes"]{
    color:#00adbf;
    background-position:-66px 86px;}

nav.eng li:hover a[href$="bureau-etudes"],
nav.eng .cur a[href$="bureau-etudes"]{
    background-position:-72px 86px;}

nav li:hover a[href$="racing"],
nav .cur a[href$="racing"]{
    color:#e5a802;
    background-position:-199px 86px;}

nav li:hover a[href$="green-composite"],
nav .cur a[href$="green-composite"]{
    color:#6ba400;
    background-position:-281px 86px;}

nav li:hover a[href$="actualites"],
nav .cur a[href$="actualites"]{
    color:#714801;
    background-position:-415px 86px;}

nav.eng li:hover a[href$="actualites"],
nav.eng .cur a[href$="actualites"]{
    background-position:-426px 86px;}

nav li:hover a[href$="nos-references"],
nav .cur a[href$="nos-references"]{
    color:#931648;
    background-position:-508px 86px;}

nav li:hover a[href$="contact"],
nav .cur a[href$="contact"]{
    color:#313030;
    background-position:-620px 86px;}

nav.eng li:hover a[href$="contact"],
nav.eng .cur a[href$="contact"]{
    background-position:-632px 86px;}


/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
--------------BLOC CENTRAL---------------
///////////////////////////////////////*/

#content{
    margin-top:-5px;
    overflow:hidden;}

/*////////////////////////////////INDEX*/

.index #content{
    margin-top:-10px;}

#slider-main{
    margin:3px 0;
    overflow: hidden;
    position: relative;
    height:356px;}

#slider-main article{
    clear:both;}

#slider-main h2{
    padding:0;
    margin:0;
    height:89px;
    width:275px;
    float:left;
    background:#a7a6a6;
    border-right:3px solid #fff;}

#slider-main .active h2,
#slider-main h2:hover{
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
    background:#dbdbdb;}

#slider-main h2 a{
    position:relative;
    display:block;
    font-size:18px;
    height:68px;
    width:239px;
    margin:21px 18px;
    background:url(http://bo.veso-concept.com/uploads/border-slider-link.png) left 65px repeat-x;
    color:#434343;
    text-shadow:0 1px 1px #fff;}

.ie #slider-main h2 a{
    background-image:none;}

#slider-main .active h2 a,
#slider-main h2:hover a,
#slider-main article:last-child h2 a{
    background:none;}

#slider-main .active h2 a:after,
#slider-main h2:hover a:after{
    display:block;
    z-index:100;
    position: absolute;
    content:'';
    width:53px;
    height:89px;
    top:-20px;
    right:-71px;
    background:url(http://bo.veso-concept.com/uploads/slider-pointer.png);
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;}

#slider-main .active h2 a:before,
#slider-main h2:hover a:before{
    display:block;
    z-index:100;
    position: absolute;
    content:'';
    width:250px;
    height:4px;
    top:-25px;
    left:0;
    background:#a7a6a6;}

#slider-main figure{
    display:none;
    z-index:90;
    position: absolute;
    top:0;
    right:0;
    width:692px;}

#slider-main .active figure{
    display:block;}

#slider-main figcaption{
    position:absolute;
    bottom:0;
    padding:22px 20px 26px 100px;
    color:#fff;
    background:rgba(0,0,0,0.7);}

.ie #slider-main figcaption{
    background:#000;}

#slider-main em{
    color:#ffdd00;}

.entrees{
    overflow: hidden;
    margin-bottom:3px;}

.entrees a{
    display:inline-block;
    float:left;
    height:113px;
    font-weight:bold;
    line-height:208px;
    text-align:right;
    padding-right:18px;
    margin-right:3px;
    text-shadow: 0px 1px 1px #fff;
    background:url(http://bo.veso-concept.com/uploads/veso-entries.png) no-repeat;}

.entrees a:hover{
    text-decoration:underline;
    box-shadow:0 0 2px 2px #ddd;}

.entrees a[href$="bureau-etudes"]{
    width:180px;
    color:#00adbf;
    background-position:left top;}

.entrees a[href$="green-composite"]{
    width:220px;
    color:#6ba400;
    background-position:left -113px;}

.entrees a[href$="racing"]{
    width:223px;
    color:#e5a802;
    background-position:left bottom;}

.entrees form{
    float:right;
    width:284px;
    height:39px;
    padding-top:3px;
    background:#d4ecef;}

.entrees form img{
    vertical-align:middle;
    margin:0 6px 0 12px;}

.entrees form input[type="text"]{
    border:1px solid #c5e7eb;
    width:193px;
    padding:5px 10px;
    font-size:11px;
    color:#a4a3a3;
    font-style:italic;}

.entrees form input[type="text"]:focus,
.entrees form input[type="text"]:hover{
    color:#666;
    font-style:normal;}

.entrees form input[type="submit"]{
    border:0;
    height:32px;
    width:20px;
    background:url(http://bo.veso-concept.com/uploads/submit.png) center 8px no-repeat;}

.entrees form ~ a{
    display:block;
    float:left;
    width:142px;
    height:70px;
    line-height:100px;
    margin:0;
    text-align:center;
    padding:0;
    font-weight:bold;
    color:#0298aa;
    text-shadow:0 1px 1px #fff;
    background:url(http://bo.veso-concept.com/uploads/contact-icons.png) #bbe8ed no-repeat;
    border-top:1px solid #d4ecef;}

.entrees a[href$="nos-references"]{
    width:141px;
    border-right:1px solid #b0e2e7;
    background-position:58px 13px;}

.entrees a[href$="contact"]{
    background-position:-90px 13px;}

.entrees form ~ a:hover{
    box-shadow:none;}

.intro{
    color:#393939;
    float:left;
    width:437px;
    height:362px;
    position:relative;
    background:#f6f6f7;
    border:1px solid #ececec;}

.intro h1{
    padding:10px 7px 20px;
    font-size:12px;}

.intro p,
.intro ul{
    padding:0 7px 20px;}

.intro ul{
    font-weight:bold;}

.intro li{
    margin-left:20px;
    font-weight:normal;}

.intro strong li{
    font-weight:normal;}

.intro a{
    position:absolute;
    bottom:0;
    display:block;
    padding:5px 0;
    color:#0b272a;
    background:#00a5b8;
    text-shadow:0 1px 1px #2dbacb;
    font-weight:bold;
    text-align:center;
    width:100%;}

.intro a:hover{
    box-shadow:inset 0 0 8px 2px #1c5f66;}

#slider-secondary{
    float:right;
    position:relative;
    width:528px;
    margin-bottom:3px;
    height:378px;
    overflow:hidden;}

#slider-secondary .slides{
    position:absolute;
    overflow:hidden;}
    
#slider-secondary .slides a{
    width:528px;
    height:378px;
    display:block;
    float:left;}

#slider-secondary .slides a figcaption{
    margin-top:-3px;
    padding:10px 16px;
    background:#f9c70b;
    color:#453701;
    text-shadow:0 1px 1px #fed63f;}

#slider-secondary > a{
    display:block;
    position:absolute;
    top:130px;
    left:10px;
    height:59px;
    width:35px;}

#slider-secondary:hover > a{
    background:url(http://bo.veso-concept.com/uploads/slider-arrows.png) left center no-repeat;}

#slider-secondary:hover > a.suiv{
    left:482px;
    background-position:right center;}

#slider-secondary:hover > a.suiv:hover{
    left:484px;}

#slider-secondary:hover > a.prev:hover{
    left:8px;}

/*////////////////////////////PAGE TYPE*/

.type #content{
    background:#f7f7f7;
    width:944px;
    padding:0 13px;}

.type article{
    background:#e9e8e8;}

.type section{
    background:#f7f7f7;
    padding:15px 0;
    overflow: hidden;
    border-top:1px solid #fff;
    border-bottom:1px solid #fff;
    margin-bottom:1px;}

.type section:first-child,
.type section a:first-child{
    border-top:0;}

.type section:last-child,
.type section a:last-child{
    border-bottom:0;
    margin-bottom:0;}

.type section p,
.type section ul{
    line-height:20px;
    padding:0 0 18px 0;}

.type section ul{
    float:left;
    display:block;
    width:540px;}

.type section ul:before,
.type section ul:after {
    content:"";
    display:table;
    clear:both;
    zoom:1}

.type section ul li{
    margin-left:18px;
    list-style-type:disc;}

.type section p:last-child{
    padding-bottom:0;}

.type section img{
    float:left;
    margin-right:17px;
    border:1px solid #fff;
    box-shadow:0 0 5px 2px #ddd;}

.type section:first-child img{
    float:right;
    margin:0 0 0 17px;}

.type section div{
    float:right;
    width:387px;
    height:227px;
    margin-left:17px;
    background:#e9e8e8;}

.type section a{
    display: block;
    background:url(http://bo.veso-concept.com/uploads/veso-entries-xs.png) #f7f7f7 no-repeat;
    text-align:right;
    line-height:90px;
    width:387px;
    border-top:1px solid #fff;
    border-bottom:1px solid #fff;
    margin-bottom:1px;}

.type section a[href$="bureau-etudes"]{
    height:71px;
    line-height:53px;
    color:#028897;
    background-position:left top;}

.type section a[href$="bureau-etudes"]:hover{
    background-position:6px top;}

.type section a[href$="racing"]{
    height:90px;
    color:#c38401;
    background-position:left -73px;}

.type section a[href$="racing"]:hover{
    background-position:6px -73px;}

.type section a[href$="green-composite"]{
    height:85px;
    color:#779724;
    background-position:left -168px;}

.type section a[href$="green-composite"]:hover{
    background-position:6px -168px;}

.type section a:hover{
    font-style:italic;}

/*//////////////////////PAGE REFERENCES*/

.references #content{
    margin-top:10px;
    background:#e9e8e8;}

.references h2,
.references section + a{
    clear:both;
    display: block;
    width:970px;
    padding:24px 0 35px;
    color:#00adbf;
    text-shadow: 0 1px 1px #fff;
    text-transform:uppercase;
    font-size:14px;
    text-align:center;
    background:url(http://bo.veso-concept.com/uploads/border-separator.png) #f7f7f7 left 60px repeat-x;}

.references section{
    background:#f7f7f7;
    float:left;
    width:321px;
    margin-left:1px;
    border-left:1px solid #fff;
    border-right:1px solid #fff;}

.references h2 + section{
    margin-left:0;
    border-left:1px solid #f7f7f7;}

.references section + section + section{ /*Funky hein ? A cause d'IE...*/
    border-right:0;}

.references article{
    padding:14px 0 0;
    width:300px;
    height:350px;
    text-align:center;
    margin:0 auto;
    border-top:1px solid #fff;
    border-bottom:1px solid #e9e8e8;}

.references article:first-child{
    border-top:0;
    padding-top:0;}

.references article a{
    display: block;
    position: relative;
    width:297px;
    height:198px;
    border:1px solid #fff;
    box-shadow:0 0 5px 2px #ddd;}

.references article a span{
    display: none;
    position:absolute;
    top:0;
    left:0;
    width:297px;
    height:198px;
    font-size:13px;
    line-height:190px;
    color:#fff;
    text-shadow:-1px 1px 2px #666;
    font-weight:bold;
    background:url(http://bo.veso-concept.com/uploads/ref-pointer.png) center 110px no-repeat, rgba(0,0,0,0.5);}

.ie .references article a span{
    background:url(http://bo.veso-concept.com/uploads/over-ref.png);}

.references article a:hover{
    box-shadow:0 0 5px 2px #aaa;}

.references article a:hover span{
    display: block;}

.references article h3,
.references article p{
    text-align:left;
    padding:0 2px 20px;}

.references article h3{
    text-transform:uppercase;
    padding-top:17px;}

.references section + a{
    background-image:none;}

.references section + a:hover{
    text-decoration:underline;}

/*////////////////////PAGE NEWS & ACTUS*/

/*NEWS*/

.news #content{
    background:#f7f7f7;
    width:970px;
    margin-top:10px;
    padding:2px 0 16px;}

.news article{
    overflow: hidden;
    width:944px;
    padding:10px 13px;}

.news h1,
.news h2{
    font-size:15px;}

.news article a{
    color:#000;}

.news article img,
.news article iframe{
    float:left;
    margin-right:12px;
    border:1px solid #fff;
    box-shadow:0 0 5px 2px #ddd;}

.news article img:hover,
.trio article:hover img,
.news article iframe:hover,
.news article:hover iframe{
    box-shadow:0 0 5px 2px #aaa;}

.news em{
    color:#444;
    font-size:11px;
    font-style:normal;
    display:inline-block;
    margin:6px 0 20px;}

.news article b{
    font-weight:normal;
    color:#00adbf;}

.news hr{
    height:1px;
    width:942px;
    margin-left:13px;
    background:#e9e8e8;
    border:1px solid #fff;}

.news article div{
    line-height:18px;}

/*ACTUS*/

.actus article h2:hover{
    color:#00adbf;}

.actus article div:hover b,
.trio div:hover b{
    text-decoration:underline;}

.actus hr ~ a,
.actus hr ~ a:visited{
    display:inline-block;
    text-align:center;
    padding:10px 13px;
    color:#00adbf;
    text-shadow: 0 1px 1px #fff;
    font-size:13px;}

.actus hr + a{
    margin-left:410px;}

.actus hr ~ a:hover{
    text-decoration:underline;}

/*ACTU*/

.actu hr + strong{
    display:inline-block;
    padding:10px 13px;
    text-shadow: 0 1px 1px #fff;
    text-transform:uppercase;
    font-size:13px;}

.actu hr + strong a,
.actu hr + strong a:visited{
    color:#00adbf;}

.actu hr + strong a:hover{
    text-decoration:underline}

.trio{
    margin-top:10px;
    overflow: hidden;
    width:953px;
    margin-left:9px;
    background:#e9e8e8;}

.trio article{
    float:left;
    width:305px;
    height:360px;
    padding:4px 4px 26px 10px;
    background:#f7f7f7;
    border-left:1px solid #fff;
    border-right:1px solid #fff;
    margin-left:1px;}

.ie .trio article{
    width:303px;}

.trio article:hover{
    background:#ededed;
    -webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;}

.trio article:first-child{
    padding-left:4px;
    border-left:0;
    margin-left:0;}

.ie .trio article:first-child{
    padding-left:5px;}


.trio article:last-child{
    border-right:0;
    padding-right:0;}

.trio img{
    z-index:100;
    margin-bottom:12px;}

.trio h2{
    font-size:12px;
    padding:0 0 16px;}

/*/////////////////////////////CONTACT*/

.contact #content,
.recherche #content{
    margin-top:10px;
    background:#f6f6f6;}

.contact h2,
.recherche h2{
    display: block;
    width:970px;
    padding:24px 0 35px;
    color:#00adbf;
    text-shadow: 0 1px 1px #fff;
    text-transform:uppercase;
    font-size:13px;
    text-align:center;
    background:url(http://bo.veso-concept.com/uploads/border-separator.png) #f7f7f7 left 60px repeat-x;}

.contact h2 b{
    color:#ff6c00;}

#map{
    position:relative;
    height:230px;
    background:#ececec;
    margin:30px 0 50px;}

#map iframe{
    position:absolute;
    margin-top:-20px;
    margin-left:15px;
    box-shadow:0 0 3px 3px #ddd;}

#map div{
    width:450px;
    float:right;}

#map h1{
    margin:15px 0 20px;
    color:#454545;
    font-size:25px;
    text-align:center;
    text-transform:uppercase;}

#map div h1 + ul{
    font-size:16px;
    font-weight:300;}

#map div li{
    text-align:center;
    list-style-type:none;}

#map div li:first-child{
    font-size:16px;
    font-weight:normal;
    text-transform:uppercase;}

#map div h1 + ul ~ ul{
    margin-top:15px;
    width:225px;
    float:left;}

.contact hr{
    height:1px;
    width:940px;
    margin-left:13px;
    background:#e9e8e8;
    border:1px solid #fff;}

.contact #content form{
    width:800px;
    margin:30px auto;
    padding:20px 70px;
    color:#454545;
    box-shadow:0 0 3px 3px #ddd;}

.contact form td{
    padding-bottom:20px;}

.ie .contact #content form{
    width:860px;}

.ie .contact #content form td:first-child{
    width:80px;}

.contact td i{
    display:inline-block;
    padding-left:55px;
    color:#00adbf;}

.contact label{
    display:block;
    font-size:15px;
    padding-left:50px;
    text-align:right;}

.contact td:first-child label{
    padding-left:0;}

.contact input[type="text"],
.contact input[type="email"],
.contact select,
.contact textarea{
    height:22px;
    width:228px;
    margin-left:5px;
    padding-left:10px;
    color:#949494;
    font-size:11px;
    border:1px solid #e6e5e5;}

.contact input[type="text"]:focus,
.contact input[type="email"]:focus,
.contact select:focus,
.contact textarea:focus{
    color:#747474;
    border:1px solid #d4d4d4;}

.contact select{
    width:241px;}

.contact textarea{
    width:715px;
    height:260px;
    padding-top:5px;}

.ie .contact textarea{
    width:745px;}

.contact input[type="checkbox"]{
    margin-left:200px;
    display:inline;
    color:#949494;
    font-size:12px;}

.contact input[type="checkbox"] + label{
    display:inline;
    padding-left:10px;
    padding-right:30px;
    color:#949494;
    font-size:12px;}

.contact input[type="submit"]{
    width:215px;
    height:43px;
    margin-left:70px;
    padding-left:15px;
    text-align:left;
    color:#454545;
    font-size:14px;
    font-weight:bold;
    border:1px solid #e6e5e5;
    background:url(http://bo.veso-concept.com/uploads/submit-grey.png) #efeeee 185px 15px no-repeat;}

.ie .contact input[type="submit"]{
    margin-left:90px;
    padding-left:0;
    text-align:center;
    background-image:none;}

.contact input[type="submit"]:hover{
    color:#353535;
    border:1px solid #d9d6d6;
    background:url(http://bo.veso-concept.com/uploads/submit-grey.png) #e6e4e4 185px 15px no-repeat;}

/*////////////////////////////RECHERCHE*/

.recherche h3{
    padding:8px 0 4px;
    color:#00adbf;
    text-shadow: 0 1px 1px #fff;
    font-size:13px;}

.recherche article{
    color:#333;
	padding:0 10px 30px;}

.recherche p a{
    color:#ff6c00;
    text-decoration:none;
    font-style:italic;}

.recherche p a:hover{
    font-weight:bold;}


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

footer{
    position:relative;
    clear:both;
    width:100%;
    margin-bottom:10px;
    padding:30px 0 0;}

footer ul{
    text-align:center;}

footer li{
    display:inline;}

footer li a{
    display:inline-block;
    height:25px;
    padding:0 12px;
    line-height:26px;
    color:#fff;
    text-shadow:1px 1px 1px #3c3c3c;
    border-left:1px solid #2e2e2e;}

footer li:first-child a{
    border-left:0;}

footer li a:hover{
    color:#00a5b8;}

footer a.rss{
    color:#fff;
    display:block;
    height:24px;
    width:205px;
    padding-right:6px;
    font-size:11px;
    line-height:23px;
    margin:16px auto 0;
    text-align:right;
    border:1px solid #343434;
    border-radius:5px;
    background:url(http://bo.veso-concept.com/uploads/rss.png) #717171 2px center no-repeat;}

footer a.rss:hover{
    box-shadow:0 0 6px #1a1a1a}

footer span{
    display:block;
    width:100%;
    margin-top:12px;
    padding:10px 0 100px;
    text-align:center;
    background:#fff}

footer a[target="_blank"],
footer a[target="_blank"]:visited{
    color:#444}

footer a[target="_blank"]:hover{
    color:#00a5b8;}


/*\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\
------------------CSS3-------------------
///////////////////////////////////////*/

nav li:hover,
nav li.cur{
    background: -moz-linear-gradient(top, #c1c2c3 0%, #ffffff 100%);
    background: -webkit-linear-gradient(top, #c1c2c3 0%,#ffffff 100%); 
    background: -o-linear-gradient(top, #c1c2c3 0%,#ffffff 100%); 
    background: -ms-linear-gradient(top, #c1c2c3 0%,#ffffff 100%);
    background: linear-gradient(top, #c1c2c3 0%,#ffffff 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c1c2c3', endColorstr='#ffffff',GradientType=0 );}

footer a.rss{
    background:url(http://bo.veso-concept.com/uploads/rss.png) 2px center no-repeat, -moz-linear-gradient(top, #717171 0%, #525252 100%);
    background:url(http://bo.veso-concept.com/uploads/rss.png) 2px center no-repeat, -webkit-linear-gradient(top, #717171 0%,#525252 100%); 
    background:url(http://bo.veso-concept.com/uploads/rss.png) 2px center no-repeat, -o-linear-gradient(top, #717171 0%,#525252 100%);
    background:url(http://bo.veso-concept.com/uploads/rss.png) 2px center no-repeat, -ms-linear-gradient(top, #717171 0%,#525252 100%);
    background:url(http://bo.veso-concept.com/uploads/rss.png) 2px center no-repeat, linear-gradient(top, #717171 0%,#525252 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#717171', endColorstr='#525252',GradientType=0 );}

#slider-secondary a figcaption{
    background: -moz-linear-gradient(top, #be9808 0%, #f9c70b 20%, #f9c70b 100%);
    background: -webkit-linear-gradient(top, #be9808 0%,#f9c70b 20%,#f9c70b 100%);
    background: -o-linear-gradient(top, #be9808 0%,#f9c70b 20%,#f9c70b 100%);
    background: -ms-linear-gradient(top, #be9808 0%,#f9c70b 20%,#f9c70b 100%); 
    background: linear-gradient(top, #be9808 0%,#f9c70b 20%,#f9c70b 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#be9808', endColorstr='#f9c70b',GradientType=0 );}

.contact input[type="submit"]{
    background:url(http://bo.veso-concept.com/uploads/submit-grey.png) 185px 15px no-repeat, -moz-linear-gradient(top, #f5f3f3 0%, #e8e8e8 100%);
    background:url(http://bo.veso-concept.com/uploads/submit-grey.png) 185px 15px no-repeat, -webkit-linear-gradient(top, #f5f3f3 0%,#e8e8e8 100%); 
    background:url(http://bo.veso-concept.com/uploads/submit-grey.png) 185px 15px no-repeat, -o-linear-gradient(top, #f5f3f3 0%,#e8e8e8 100%); 
    background:url(http://bo.veso-concept.com/uploads/submit-grey.png) 185px 15px no-repeat, -ms-linear-gradient(top, #f5f3f3 0%,#e8e8e8 100%);
    background:url(http://bo.veso-concept.com/uploads/submit-grey.png) 185px 15px no-repeat, linear-gradient(top, #f5f3f3 0%,#e8e8e8 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f5f3f3', endColorstr='#e8e8e8',GradientType=0 );}

.contact input[type="submit"]:hover{
    background:url(http://bo.veso-concept.com/uploads/submit-grey.png) 185px 15px no-repeat, -moz-linear-gradient(top, #eeebeb 0%, #d8d7d7 100%);
    background:url(http://bo.veso-concept.com/uploads/submit-grey.png) 185px 15px no-repeat, -webkit-linear-gradient(top, #eeebeb 0%,#d8d7d7 100%); 
    background:url(http://bo.veso-concept.com/uploads/submit-grey.png) 185px 15px no-repeat, -o-linear-gradient(top, #eeebeb 0%,#d8d7d7 100%); 
    background:url(http://bo.veso-concept.com/uploads/submit-grey.png) 185px 15px no-repeat, -ms-linear-gradient(top, #eeebeb 0%,#d8d7d7 100%);
    background:url(http://bo.veso-concept.com/uploads/submit-grey.png) 185px 15px no-repeat, linear-gradient(top, #eeebeb 0%,#d8d7d7 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeebeb', endColorstr='#d8d7d7',GradientType=0 );}

/*//// PALETTE DE COULEURS /////*//*