@import url(http://fonts.googleapis.com/css?family=Raleway:400,500,600,700,800,900);
@import url(http://fonts.googleapis.com/css?family=Roboto:400,100,300,500,700,900);

@font-face {
  font-family:'HelveticaNeue-CondensedBlack';
  src: url('../fonts/HelveticaNeue-CondensedBlack_gdi.eot');
  src: url('../fonts/HelveticaNeue-CondensedBlack_gdi.eot?#iefix') format('embedded-opentype'),
    url('../fonts/HelveticaNeue-CondensedBlack_gdi.woff') format('woff'),
    url('../fonts/HelveticaNeue-CondensedBlack_gdi.ttf') format('truetype'),
    url('../fonts/HelveticaNeue-CondensedBlack_gdi.svg#HelveticaNeue-CondensedBlack') format('svg');
  font-weight: 900;
  font-style: normal;
  font-stretch: condensed;
  unicode-range: U+0-10FFFF;
}

@font-face {
  font-family:'HelveticaNeue-LightCond';
  src: url('../fonts/HelveticaNeue-LightCond_gdi.eot');
  src: url('../fonts/HelveticaNeue-LightCond_gdi.eot?#iefix') format('embedded-opentype'),
    url('../fonts/HelveticaNeue-LightCond_gdi.woff') format('woff'),
    url('../fonts/HelveticaNeue-LightCond_gdi.ttf') format('truetype'),
    url('../fonts/HelveticaNeue-LightCond_gdi.svg#HelveticaNeue-LightCond') format('svg');
  font-weight: 300;
  font-style: normal;
  font-stretch: normal;
  unicode-range: U+0020-2212;
}

* {
    box-sizing: border-box;
}
*::before, *::after {
    box-sizing: border-box;
}
*::before, *::after {
    box-sizing: border-box;
}

body {
  background: #FFFFFF;
  font-family: 'Raleway', sans-serif;
}

a{
  color: #5c5c5c;
  text-decoration: none;
}

textarea {
  resize:none;
}

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

ul li {
text-decoration: none;
}

.container-fluid {
  width: 100%;
}

ul.list-inline li {
  display: inline-block;
}

.slider-bg h1 {
  color: #94287b;
  font-weight: 800;
  font-size: 31px;
}

.slider-bg p {
  color: #424242;
  font-weight: 600;
  font-size: 17px;
}

/*HEADER*/


.nav {
  background-color: transparent;
  border-color: transparent;
  background: url("../images/nav_bg.png");
  background-repeat: repeat-x;
}

.navbar {    
  display: block;
  text-align: center;
}
.navbar ul {
  margin: 0;
  padding:0;
  list-style: none;
}
.navbar a {
  display:block; 
  color: #fff; 
  text-decoration: none;
  padding: 12px 25px;
  text-transform: uppercase;
  font-size: 15px;
  letter-spacing: 0.8px;
  position: relative;
}
.navbar{  
  vertical-align: top; 
  display: inline-block;
}
.navbar li {
  position: relative;
}
.navbar > li { 
  float: left; 
  margin-right: 0px; 
} 
.navbar > li > a { 
  font-weight: 600;
}
.navbar > li:hover, 
.navbar > li:hover > a { 
  color: #ffffff;
  background: #2bc1dc;
}
.navbar li:hover > a { 
  color: #ffffff;
  background: #2bc1dc;
  font-weight: 600;
}
.navbar > li:first-child { 

} 
.navbar > li:first-child > a { 

}
.navbar > li:last-child { 
  margin-right: 0;
} 
.navbar > li:last-child > a { 

}
.navbar li li a { 

}

.navbar li a:first-child:nth-last-child(2):before { 
  content: ""; 
  position: absolute; 
  height: 0; 
  width: 0; 
  top: 50% ;
  right:5px;  
 }

 /* submenu positioning*/
.navbar ul {
  position: absolute;
  white-space: nowrap;
  z-index: 1;
  left: -99999em;
  background: url("../images/nav_bg.png");
}
.navbar > li:hover > ul {
  left: auto;
  min-width: 100%;
}
.navbar > li li:hover > ul { 
  left: 100%;
}
/* arrow hover styling */
.navbar > li > a:first-child:nth-last-child(2):before { 
  
}
.navbar > li:hover > a:first-child:nth-last-child(2):before {

}
.navbar li li > a:first-child:nth-last-child(2):before {  

}
.navbar li li:hover > a:first-child:nth-last-child(2):before {
  right: 10px; 
}


.top_header {
  background:url("../images/topheader_bg.jpg");
  background-position: top center;
  background-repeat: no-repeat;
  font-size: 10px;
  padding: 8px 0px 0px 0px;
}

/*SLIDER*/

.slider-wrapper {
  background: url("../images/slider_bg.png");
  background-repeat: no-repeat;
  background-position: top center;
  height: 515px;
  position: relative;
}


.vector {
  background: url("../images/vector_img.png");
  background-repeat: no-repeat;
  height: 432px;
  position: absolute;
  top: 75px;
  width: 251px;
  right: 0;
}

.purple-wrapper {
  background: url("../images/purple_bg.png") #8b2571;
  background-repeat: no-repeat;
  background-position: center;
  text-align: center;
  line-height: 30px;
  padding: 50px;
}

/*PRODUITS*/

#produits {
    background: url("../images/bg.png");
    background-repeat: no-repeat;
    background-position: center -42px;
}


#chart {
  background: url("../images/chart.png");
  height: 1233px;
  left: -120px;
  position: relative;
  width: 1271px;
}

.list {
  color: #ffffff;
}

.list h4 {
  text-transform: uppercase;
  font-size: 24px;
  font-family:'HelveticaNeue-CondensedBlack';
  margin: 10px 0;
}

.list ul li {
  font-size: 18px;
  font-family:'HelveticaNeue-LightCond';
}

ul#bureau {
  left: 45px;
  position: absolute;
  top: 170px;
}

ul#etiquettes {
  left: 160px;
  position: absolute;
  top: 215px;
}

ul#finition {
  left: 0;
  position: absolute;
  top: 565px;
}

ul#finition h4 {
  color:#f6921e;
}

ul#finition li {
  color:#000000;
}


ul#publicite {
    left: 130px;
    position: absolute;
    top: 750px;
}

ul#publicite h4 {
  color:#f6921e;
}

ul#publicite li {
  color:#000000;
}

ul#grand-format {
    position: absolute;
    right: 48px;
    top: 146px;
}

ul#papeterie-specialisee {
  left: 410px;
  position: absolute;
  top: 405px;
}

ul#papeterie-specialisee h4 {
  color:#bcd100;
}

ul#papeterie-specialisee li {
  color:#000000;
}

ul#creation {
    left: 580px;
    position: absolute;
    top: 500px;
}

ul#creation h4 {
  color:#bcd100;
}

ul#creation li {
  color:#000000;
}

ul#cartes-et-signets {
    left: 435px;
    position: absolute;
    top: 945px;
}

ul#artiste {
    position: absolute;
    right: -12px;
    top: 660px;
}

ul#artiste h4 {
  color:#be64bb;
}

ul#artiste li {
  color:#000000;
}

ul#photocopie {
    position: absolute;
    right: 109px;
    top: 905px;
}

ul#photocopie h4 {
  color:#00aceb;
}

ul#photocopie li {
  color:#00aceb;
  font-family:'HelveticaNeue-CondensedBlack';
  font-size: 24px;
  text-transform: uppercase;
  line-height: 24px;
}

/*CONTACTEZ*/

.page-title {
  background: #fafafa;
  border-bottom: 1px solid #ebebeb;
}

.page-title h1 {
  font-family: 'Raleway', sans-serif;
  font-weight: 500;
  color: #555555;
}

.contact-column h4 {
    border-bottom: 2px solid #ebebeb;
    color: #363636;
    font-size: 30px;
    font-weight: 800;
    margin-bottom: 15px;
    padding-bottom: 25px;
}

.contact-column .fa {
    color: #c2c2c2;
    margin-right: 10px;
}

.contact-column ul li {
    border-bottom: 1px solid #ccc;
    color: #707070;
    padding-bottom: 10px;
    padding-top: 10px;
}

.contact-column ul li:last-child {
  border-bottom: none;
}

.contact-column .form-control {
  background: #fafafa;
}

.contact-column .form-control:focus {
  border-color: #2bc1dc;
}


footer {
  background-color: #2bc1dc;
  background-image: url("../images/footer_bg_cartoon.png");
  background-position: 30px bottom;
  background-repeat: no-repeat;
  height: 496px;
  padding: 50px 0px 0px 0px;
}

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

footer ul li {
  border-bottom: 1px solid #464646;
  margin: 15px 0;
  padding-bottom: 15px;
  font-size: 13px;
  color: #FFFFFF;
}

footer ul li a {
  color: #FFFFFF;
}

footer ul li a:hover {
  color: #94287b;
  text-decoration: none;
}

footer ul.social-icons li {
  border-bottom: none;
  margin: 0;
  padding: 0;
}

footer h4 {
  border-bottom: 1px solid #464646;
  padding-bottom: 10px;
  color: #ffffff;
  font-weight: 700;
}

footer p {
  color: #FFFFFF;
  font-size: 12px;
}

.footer-credits {
  border-top-left-radius: 4px;
  border-top-right-radius: 4px;
  border-bottom-left-radius: 0px;
  border-bottom-left-radius: 0px;
  background: #cbdb2a;
  bottom: -42px;
  clear: both;
  padding: 2px;
  position: relative;
}

.footer-credits p {
  color: #1a1a1a;
  font-size: 10px;
  font-weight: 600;
}

.footer-credits a {
  color: #1a1a1a;
  font-size: 10px;
  font-weight: 600;
  text-decoration: underline;
}

.arrow {
  background: url("../images/arrow_up.png");
  width: 29px;
  height: 29px;
  background-repeat: no-repeat;
}

span.footprint {
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    left: 5px;
    position: relative;
    text-transform: uppercase;
    top: 25px;
}

.footer-columns img {
  float: left;
  vertical-align: middle;
}

/*PRESETS*/
.roboto-font {
  font-family: 'Roboto', sans-serif;
}

.font-11 {
  font-size: 11px;
}

.font-13 {
  font-size: 13px;
}

.font-26 {
  font-size: 26px;
}

.white {
  color: #FFFFFF;
}

.dark-grey {
  color: #5c5c5c;
}

.bold {
  font-weight: 700;
}

.heavy {
  font-weight: 900;
}

.showme{ 
display: none;
}

.item:hover .showme{
display : block;
}

.item:hover .ok{
display : none;
}

.item .ok h4 {
  color:#363636;
  font-weight: 700;
}

.item .ok p {
  color:#707070;
}

.item .showme h4 {
  color:#902778;
  font-weight: 700;  
}

.item .showme p {
  color:#707070; 
  font-size: 13px;
  font-weight: normal;
}

.item a {
  text-decoration: none;
}

/*FORMS*/

.form-group {
    margin-bottom: 15px;
}

.form-control {
    background-color: #ffffff;
    background-image: none;
    border: 1px solid #cccccc;
    border-radius: 4px;
    box-shadow: 0 1px 1px rgba(0, 0, 0, 0.075) inset;
    color: #555555;
    display: block;
    font-size: 14px;
    height: 34px;
    line-height: 1.42857;
    padding: 6px 12px;
    transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
    width: 100%;
}

/*BUTTONS*/

.btn {
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  cursor: pointer;
  display: inline-block;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857;
  margin-bottom: 0;
  padding: 6px 12px;
  text-align: center;
  vertical-align: middle;
  white-space: nowrap;
}

.btn-green {
    background-color: #cbdb2a;
    border-color: #cbdb2a;
    color: #721b54;
    font-weight: bold;
}

.btn-green:hover {
    background-color: #37c1da;
    border-color: #37c1da;
    color: #721b54;
    font-weight: bold;
}

.btn-greenwhite {
    background-color: #cbdb2a;
    border-color: #cbdb2a;
    color: #FFFFFF;
    font-weight: bold;
}

.btn-greenwhite:hover {
    background-color: #94287b;
    border-color: #94287b;
    color: #FFFFFF;
    font-weight: bold;
}



.owl-theme .owl-controls .owl-buttons div.owl-prev {
    background: rgba(0, 0, 0, 0) url("../images/left-arrow.png") no-repeat scroll 0 0;
    border-radius: 0;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    height: 56px;
    left: -85px;
    padding: 0;
    position: absolute;
    top: 100px;
    width: 39px;
}

.owl-theme .owl-controls .owl-buttons div.owl-prev:hover {
    background: rgba(0, 0, 0, 0) url("../images/left-arrow.png") no-repeat scroll 0 -57px;
    border-radius: 0;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    height: 56px;
    left: -85px;
    padding: 0;
    position: absolute;
    top: 100px;
    width: 39px;
}

.owl-theme .owl-controls .owl-buttons div.owl-next {
    background: rgba(0, 0, 0, 0) url("../images/right-arrow.png") no-repeat scroll 0 0;
    border-radius: 0;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    height: 56px;
    right: -85px;
    padding: 0;
    position: absolute;
    top: 100px;
    width: 39px;
}

.owl-theme .owl-controls .owl-buttons div.owl-next:hover {
    background: rgba(0, 0, 0, 0) url("../images/right-arrow.png") no-repeat scroll 0 -57px;
    border-radius: 0;
    color: #fff;
    display: inline-block;
    font-size: 12px;
    height: 56px;
    right: -85px;
    padding: 0;
    position: absolute;
    top: 100px;
    width: 39px;
}


/*ICONS*/

.write-icon {
  background: url("../images/topheader_icons.png");
  float: left;
  height: 20px;
  width: 20px;
  background-position: 0 -5px;
}

.envelope-icon {
  background: url("../images/topheader_icons.png");
  float: left;
  height: 20px;
  margin-right: 5px;
  margin-top: 3px;
  width: 20px;
  background-position: 0 -24px;
}

.phone-icon {
  background: url("../images/topheader_icons.png");
  float: left;
  height: 20px;
  margin-left: 5px;
  margin-right: 5px;
  width: 20px;
  background-position: 0 -43px;
}

.sf-icon {
  background: url("../images/topheader_icons.png");
  float: left;
  height: 20px;
  width: 20px;
  margin-left: 7px;
  margin-right: 5px;
  background-position: 0 -59px;

}

.fax-icon {
  background: url("../images/footer_icons.png");
  float: left;
  height: 20px;
  width: 20px;
  background-position: 0 -39px;
}

.facebook-icon {
  background: url("../images/facebook_icon.png");
  float: left;
  height: 29px;
  width: 29px;
  background-position: 0 0px;
  margin-left: 5px;
}

.facebook-icon:hover {
  background: url("../images/facebook_icon.png");
  float: left;
  height: 29px;
  width: 29px;
  background-position: 0 -31px;
  margin-left: 5px;
}

.linkedin-icon {
  background: url("../images/linkedin_icon.png");
  float: left;
  height: 29px;
  width: 29px;
  background-position: 0 0px;
  margin-left: 5px;
  margin-right: 5px;
}

.linkedin-icon:hover {
  background: url("../images/linkedin_icon.png");
  float: left;
  height: 29px;
  width: 29px;
  background-position: 0 -31px;
  margin-left: 5px;
  margin-right: 5px;  
}


.googleplus-icon {
  background: url("../images/googleplus_icon.png");
  float: left;
  height: 29px;
  width: 29px;
  background-position: 0 0px;
 
}

.googleplus-icon:hover {
  background: url("../images/googleplus_icon.png");
  float: left;
  height: 29px;
  width: 29px;
  background-position: 0 -31px;
}

.footer-facebook-icon {
  background: url("../images/facebook_icon.png");
  float: left;
    height: 29px;
    width: 29px;
  background-position: 0 -61px;
}

.footer-facebook-icon:hover {
  background: url("../images/facebook_icon.png");
  float: left;
  height: 29px;
  width: 29px;
  background-position: 0 -31px;
}

.footer-linkedin-icon {
  background: url("../images/linkedin_icon.png");
  float: left;
  height: 29px;
  width: 29px;
  background-position: 0 -61px;
}

.footer-linkedin-icon:hover {
  background: url("../images/linkedin_icon.png");
  float: left;
  height: 29px;
  width: 29px;
  background-position: 0 -31px;
}


.footer-googleplus-icon {
  background: url("../images/googleplus_icon.png");
  float: left;
  height: 29px;
  width: 29px;
  background-position: 0 -61px;
}

.footer-googleplus-icon:hover {
  background: url("../images/googleplus_icon.png");
  float: left;
  height: 29px;
  width: 29px;
  background-position: 0 -31px;
}



.text-center {text-align: center;}
.text-left {text-align: left;}
.text-right {text-align: right;}

.m-t00 {margin-top:0px  !important;}
.m-t10 {margin-top:10px !important;}
.m-t20 {margin-top:20px !important;}
.m-t30 {margin-top:30px !important;}
.m-t40 {margin-top:40px !important;}}
.m-t50 {margin-top:50px !important;}}
.m-t60 {margin-top:60px !important;}}
.m-t70 {margin-top:70px !important;}
.m-t80 {margin-top:80px !important;}
.m-t90 {margin-top:90px !important;}

.m-b00 {margin-bottom:0px  !important;}
.m-b10 {margin-bottom:10px !important;}
.m-b20 {margin-bottom:20px !important;}
.m-b30 {margin-bottom:30px !important;}
.m-b40 {margin-bottom:40px !important;}
.m-b50 {margin-bottom:50px !important;}
.m-b60 {margin-bottom:60px !important;}
.m-b70 {margin-bottom:70px !important;}
.m-b80 {margin-bottom:80px !important;}
.m-b90 {margin-bottom:90px !important;}

.m-l00 {margin-left:0px  !important;}
.m-l10 {margin-left:10px !important;}
.m-l20 {margin-left:20px !important;}
.m-l30 {margin-left:30px !important;}
.m-l40 {margin-left:40px !important;}
.m-l50 {margin-left:50px !important;}
.m-l60 {margin-left:60px !important;}
.m-l70 {margin-left:70px !important;}
.m-l80 {margin-left:80px !important;}
.m-l90 {margin-left:90px !important;}

.m-r00 {margin-right:0px  !important;}
.m-r10 {margin-right:10px !important;}
.m-r20 {margin-right:20px !important;}
.m-r30 {margin-right:30px !important;}
.m-r40 {margin-right:40px !important;}
.m-r50 {margin-right:50px !important;}
.m-r60 {margin-right:60px !important;}
.m-r70 {margin-right:70px !important;}
.m-r80 {margin-right:80px !important;}
.m-r90 {margin-right:90px !important;}

.p-t00 {padding-top:0px  !important;}
.p-t10 {padding-top:10px !important;}
.p-t20 {padding-top:20px !important;}
.p-t30 {padding-top:30px !important;}
.p-t40 {padding-top:40px !important;}
.p-t50 {padding-top:50px !important;}
.p-t60 {padding-top:60px !important;}
.p-t70 {padding-top:70px !important;}
.p-t80 {padding-top:80px !important;}
.p-t90 {padding-top:90px !important;}

.p-b00 {padding-bottom:0px  !important;}
.p-b10 {padding-bottom:10px !important;}
.p-b20 {padding-bottom:20px !important;}
.p-b30 {padding-bottom:30px !important;}
.p-b40 {padding-bottom:40px !important;}
.p-b50 {padding-bottom:50px !important;}
.p-b60 {padding-bottom:60px !important;}
.p-b70 {padding-bottom:70px !important;}
.p-b80 {padding-bottom:80px !important;}
.p-b90 {padding-bottom:90px !important;}

.p-l00 {padding-left:0px  !important;}
.p-l10 {padding-left:10px !important;}
.p-l20 {padding-left:20px !important;}
.p-l30 {padding-left:30px !important;}
.p-l40 {padding-left:40px !important;}
.p-l50 {padding-left:50px !important;}
.p-l60 {padding-left:60px !important;}
.p-l70 {padding-left:70px !important;}
.p-l80 {padding-left:80px !important;}
.p-l90 {padding-left:90px !important;}

.p-r00 {padding-right:0px  !important;}
.p-r10 {padding-right:10px !important;}
.p-r20 {padding-right:20px !important;}
.p-r30 {padding-right:30px !important;}
.p-r40 {padding-right:40px !important;}
.p-r50 {padding-right:50px !important;}
.p-r60 {padding-right:60px !important;}
.p-r70 {padding-right:70px !important;}
.p-r80 {padding-right:80px !important;}
.p-r90 {padding-right:90px !important;}

.succes{
	color: green;
}

.error{
	color: red;
}