* {margin: 0; padding: 0; border: 0; background: 0;}
li {list-style: none;}
html, body {height: 100%;}
header, footer, nav, article, section, figure {display: block;}
a {color: rgb(0,0,0); text-decoration:none;}

.i {font-style: italic;}
.g {font-weight: bold;}
.s {text-decoration: underline;}
.nobg {background: 0 !important;}
.nobr {border: 0 !important;}

.clear {
  clear: both;
  width: 100%;
  height: 0px;
}

.valign {
  display: table-cell;
  vertical-align: middle;
  text-align: center;
}

h1, h2, h3, h4, h5, h6 {font-weight: 100;}
/*h1 {font-size: 30px;}
h2 {font-size: 20px;}
h3 {font-size: 16px;}
h4 {font-size: 14px;}
h5 {font-size: 16px;}
h6 {font-size: 14px;}*/

@font-face {
  font-family: 'Conv_arial';
  src: url('content/fonts/arial.eot');
  src: local('☺'), url('content/fonts/arial.woff') format('woff'), url('content/fonts/arial.ttf') format('truetype'), url('content/fonts/arial.svg') format('svg');
  font-weight: normal;
  font-style: normal;
}

body {
  font-family: 'Conv_arial', arial, sans-serif;
  font-size: 12px;
  color: #000000;
}
  
#header {
  width:100%;
  height: 192px;
  background:url('content/images/banniere_haut_suite_01.jpg') repeat-x;  
} 
  
#header h1 a {
  display: block;
  margin:auto;
  width:1200px;
}

#footer {
  margin:auto;
  margin-top:40px;
  width:100%;
  height:160px;
  background-color: #fff220;
} 
  
#footer #footer_content {
  margin:auto;
  width:1000px;
}    

#footer #adresse p {
  line-height:22px;
  float: left;
  width:400px;
  color: #005a9e;
  font-size:13px;
  margin-top:50px;
}

#footer .frigo {
  font-size:15px;
}
  
#footer .plan {
  float:left;
  margin-top:-2px;
}

#footer .pinguin {
  float: left;
  margin-left:80px;
  margin-top:40px;
}

#footer .intervention {
  float: right;
  margin-top:65px;
}

#global {
  margin: auto;
  width: 960px;
  padding: 30px 0;
}
  
#global #col1 {
  width:200px;
  float:left;
}
  
#global #col2 {
  width:710px;
  float:right;
}

#global #col1 #menu ul li a {
  display: block;
  font-size:15px;
  padding: 10px 10px 10px 26px;
  margin: 3px 0;
  background: url('content/images/puce_menu.png') no-repeat 6px center;
  color: #0d68ac;
  border-radius: 5px;
}

#global #col1 #menu > ul > li {
  border-bottom: dotted 1px #b3b3b3;
}

#global #col1 #menu > ul > li:first-child {
  border-top: dotted 1px #b3b3b3;
}

#global #col1 #menu > ul > li > ul > li {
  border-top: dotted 1px #b3b3b3;
}

#global #col1 #menu > ul > li > ul > li:first-child {
  border: 0;
}

#global #col1 #menu ul li a:hover {
  background-image: url('content/images/puce_hover.jpg');
}

#global #col1 #menu > ul > li.active > div > a {
  background-color:#fff42d;
}

#global #col1 #menu ul li ul {
  padding-left: 10px;
}

#global #col1 #menu ul li ul li a {
   background-image: none;
   font-size: 12px;
   padding: 5px 10px 5px 26px;
}

#global #col1 #menu ul li ul li.active a {
  font-weight: bold;
  padding: 6px 10px 6px 26px;
  background: url('content/images/puce_hover.jpg') no-repeat 6px center;
}

#global #col1 #aside {
  background-color:#0f69ae;
  border-radius: 5px;
  margin-top:25px;
  padding: 6px 0;
}  
  
#global #col1 #aside h3 {
  color: #ffffff;
  text-align: center;
  font-size:23px;
  margin-bottom: 8px;
}

#global #col1 #aside a {
  display: block;
  color: #ffffff;
}

#global #col1 #aside li {
  list-style-image: url('content/images/puce_2.png') ;
  font-size:13px;
  margin-left: 35px;
  padding: 4px 0;
}
  
#global #col1 #aside li:hover {
  list-style-image: url('content/images/puce_hover_aside.png');
  color:#d0e2f0;
}

#global #col1 #aside ul .active {
  color:#a1ccea;
  list-style-image: url('content/images/puce_hover_aside.png');
}

#global #col1 #job {
  width:200px;
  border-radius: 5px;
  background-color:#fff42d;
  margin-top:50px;
  position: relative;
  padding: 0 0 10px 0;
}
  
#global #col1 #job a {
  color:#0f69ae;
}
  
#global #col1 #job li {
  color:#0f69ae;
  font-size:12px;
  list-style-position:outside;
  list-style-type: disc;
  padding: 3px 0;
}
  
#global #col1 #job ul {
  color:#0f69ae;
  width:100px;
  margin-left: 25px;
}
  
h4 {
  color:#0f69ae;
  font-size:14px;
  padding: 5px 10px;
  font-weight: bold; 
}
  
#global #col1 .img_job {
  position: absolute;
  bottom: 0;
  right: 0;
}

#global #col1 .badge_1 {
  margin-top:50px;
}
  
#global #col1 .badge_2 {
  margin-left:90px;
  margin-top:-20px;
}
  
#global #col1 .badge_3 {
  margin-top:-20px;
}

#global #col1 #question {
  width:200px;
  margin-top:50px;
}

h5 {
  color:#ffffff;
  font-size:15px;
  padding: 3px 10px;
}
  
#global #col1 #question li { 
  margin-top:10px;
  font-size: 12px;
  color:#fff;/* #3e3e3e;*/
}
 
#global #col1 #question li a { 
  color:#000000;
  font-size:12px;
}

#global #col1 #question li {
    font-size:11px;
    padding-left: 5px;
}

#global #col1 .plus-question{
  background: url('content/images/puce_hover.jpg') no-repeat left 3px;
  padding-left:20px;
  margin-top: 15px;
  position: absolute;
  font-size:13px;
  color:#005b9f;
}

#global #col1 .plus-question:hover {
  background-image: url('content/images/puce_menu.png'); 
}

h2 {
  color:#0f69ae;
  padding-left:20px;
  padding-top:8px;
  font-size:23px;
}

#produits {
  width:710px;
  float:right;
  display:inline;
}

#produits ul {
  margin-top:10px;
}
  
#produits li {
  float:left;
  margin: 10px 11px 15px 11px;
  width:120px;
  height:90px; 
}
  
#produits li a {
  display:block;
  position:relative;
}
  
#produits img {
  border:solid 5px #ebebeb;
  border-radius: 5px;
}

#produits .puce_roll {
  position: absolute;
  bottom:6px;
  right:4px;
  width:25px;
  height:25px;
  background: url('content/images/puce_produit.png') no-repeat center center;
}

#produits a:hover .rollover_text {
  display: table;
}

.rollover_text {
  color:#ffffff;
  text-align:center;
  font-size:12px;
  height:82px;
  display:none;
  margin-left:5px;
  margin-top:5px;
  position:absolute;
  top:0;
  left:0;
  width:110px;
  background:#005b9f;
  z-index:1;
}

.valign {
  padding:2px;
}   
  
#solutions {
  margin-top:30px;
  float:right;
  width:710px;
}
  
#solutions_nous {
  width:710px;
  height:45px;
  background-color:#fff42d;
  border-radius: 5px;
}
  
#solutions h2 {
  color:#0f69ae;
  padding-left:20px;
  font-size:23px;
}
  
.img_p_solutions {
  margin-left:570px;
  margin-top:-80px;
  position:absolute;
}
  
#solutions img {
  margin-bottom:10px;
}

#solutions ul {
  margin-left:10px;
  margin-top:15px;
}

#nos_solutions a .cercle_hover {
  height: 114px;
  display: block;
  position: absolute;
  color: #fff;
  width: 120px
}

#nos_solutions a:hover .cercle_hover{
  background: url('content/images/cercle.png') no-repeat;
  margin-left:1px;
  margin-top: -1px;
}

#nos_solutions a:hover .block_orange {
  background-color:#fb8526;
  color: #fff;
}
  
#solutions li {
  float:left;
  margin-bottom:15px;
  margin-top:10px;
  width:140px;
  height:142px;
}

#solutions li a {
  font-size:13px;
  float:left;
  display:block;
  width:100%;
  height:100%;
}

.block_orange {
  display:table;
  padding-bottom:2px;
  width:115px;
  height:52px;
  border-radius: 5px;
  color: #e56600;
  margin-right: 24px;
  line-height:14px;
  text-align:center;  
}

.block_orange:hover {
  background-color:#e56600;
  color: #fff;
}

.block_orange a {
     vertical-align:middle;
     display:table-cell;
     font-size:11px;
     color:#ffffff;
     margin-top:-4px; 
}

#occasions_commande h1, #promotions_commande h1 {
  font-size:18px;
  color: #005a9e;
  text-align: center;
}

#occasions_commande p, #promotions_commande p {
  font-size:14px;
  color: #686849;
  text-align: center; 
}

#occasions_commande img, #promotions_commande img {
  margin: auto;
}

#occasions, #promotions {
    width:710px;
    margin-top:45px;
    float:right;
    border-radius: 5px;
    height:400px;
  }
  
#occasions li, #promotions li {
  padding-right:60px;
}

#occasions_commande li .block, #promotions_commande li .block {
  border: solid 5px #ebebeb;
  border-radius: 5px;
  width: 200px;
  height: 310px;
  float: left;
  text-align: center;
  position: relative;
  margin-right:40px;
}

#occasions_commande li .block a, #promotions_commande li .block a {
  display: inline-block;
  float: left;
  width: 100%;
}

#occasions_commande li .block a:first-child, #promotions_commande li .block a:first-child {
  height: 250px;
}

#occasions_commande li .block a:hover, #promotions_commande li .block a:hover {
    text-decoration:underline;
}

#occasions li .block.nomargin, #promotions li .block.nomargin {
  margin: 0;
}

#occasions li .block .occasion_title, #promotions li .block .promotions_title {
  display: block;  
  font-size:16px;
  color: #005a9e;
  text-align: center;
  margin: 10px 0 15px 0;
}

#occasions li .block .occasion_text, #promotions li .block .promotions_text {
  display: block;
  font-size:14px;
  color: #686849;
  text-align: center;
}

.plus {
  background: url('content/images/puce_hover.jpg') no-repeat left 3px;
  padding-left: 20px;
  font-size:13px;
  color:#005a9e;
  position: absolute;
  right: 20px;
  top:14px;
}

.plus:hover {
  background-image: url('content/images/puce_hover_voir.jpg');
  color:#588f77;
} 
  
.graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
  margin-right:10px;
  display:block;
  overflow:hidden;
  text-indent:-8000px;
}

.occas {
  margin-right:35px;
}
        
#content, #contentPromo{
  position:relative;
  width: 710px;
  height: 325px;
  padding-bottom: 25px;
  margin-top: 20px;
}

#sliderPromo, #slider {
  overflow: hidden;
  position:relative;
  width: 710px;
  height: 325px;
}
  
#sliderPromo li, #slider li, #slider2 li{ 
  width:710px;
  overflow:hidden;
  padding: 0;
} 

.controls {
  width:350px;
  position: absolute;
  top: 15px;
  left: 220px;
}

.controls li a:hover {
  background:#4c887c;
}

.controls li {
  padding: 0 !important;
  margin-right: 10px;
  float:left;
}
    
.controls li a {
  display: inline-block;
  height:18px;
  line-height: 18px;
  width:7px;
  background:#005a9e;
  color: #fff;
  padding: 0 6px;
  border-radius:3px;
} 
    
.controls li a.current {
  background-color: #fff42d;
  color: #005a9e;
}
  
.nous_text {
  font-size:14px;
  color:#5591be;
  margin-top:30px;
}
  
.img_nous {
  margin-top:50px;
  margin-left:50px;
}
  
.titre-jaune {
  height:45px;
  position: relative;
  background-color:#fff42d;
  border-radius: 5px;
}

.titre-jaune-pas-home {
  width:710px;
  height:45px;
  float: right;
  background-color:#fff42d;
  border-radius: 5px;
}

.titre-jaune-pas-home h2 {
  width:710px;
  float: right;
}

.titre-jaune-pas-home-solutions {
  height:45px;
  background-color:#fff42d;
  border-radius: 5px;
}

.titre-orange-pas-home-solutions {
  background-color:#e56500;
  height:45px;
  border-radius: 5px;
}

.titre-orange-pas-home-solutions h2 {
  color: #ffffff;
}

.titre-bleu {
  position: relative;
  background-color:#005a9e;
  border-radius: 5px;
  padding-bottom:5px;
}

#text-img-pas-home {
  margin-right:0px;
  border:none;
}

#text-img-pas-home h3{
  color: #005a9e;
  font-size:16px;
  margin-left:-10px;
}

#text-img-pas-home p {
  font-family:Arial;
  margin-bottom:10px;
  margin-left:0px;
  font-size:14px;
  color: #4b4b4b;
}

#text-img-pas-home .content {
  font-family:Arial;
  margin-bottom:20px;
  margin-left:0px;
  color: #4b4b4b;
  font-size:14px;
}

#text-img-pas-home .content p {
  font-family:Arial;
  margin-bottom:20px;
  margin-left:0px;
  color: #4b4b4b;
  font-size:14px;
}

#text-img-pas-home .gris {
  color: #4b4b4b;
}

#text-img-pas-home .text {
  color: #4b4b4b;
  font-family:Arial;
  font-size:14px;
}

#text-img-pas-home .gris_petit{
  color: #4b4b4b;
  font-size:14px;
}

#text-img-pas-home .nous {
  margin-left:70px;
  margin-top:-20px;
}

#logged_overlay {
  position:absolute;
  position:fixed;
  z-index:1000;
  background:#FFF;
  opacity:.8;
  width:100%;
  height:20px;
  padding:5px 10px 10px 10px;
  border-bottom:1px solid #424242;
}

#logged_logout {
  position:absolute;
  right:30px;
  display:block;
  width:200px;
  text-align:right;
  top:0px;
  padding:5px;
}

input {
  border:1px solid #000;
}

input.required {
  border:2px solid #000;
}

#contact_map {
  width: 710px;
  height: 350px;
}

.marker_content {
  width: 270px;
}

#text-img-pas-home .marker_body p {
  width: 250px;
}

.firstHeading {
  margin:0;
  padding: 0;
}

.occas {
  margin: 0;
  width:710px;
  border-bottom: 2px #ccc dotted;
  padding: 15px 0px;
}

.occas .title{
  font-family: 'Conv_arial';
  font-size:18px;
  color: #005a9e;
}

.occas .content p{
  font-size:14px;
  line-height:20px;
  color: #4b4b4b;
}

.occas .prix{
  font-family:Arial;
  padding-bottom:-20px;
  font-size:16px;
  color: #005a9e;
}

.occas img{
  float:left;
  margin-left:0px;
}

.occas table {
  margin: 0;
}

 .occas .commander {
   float: right;
   margin-top:-30px;
 }

#text {
  margin-top:20px;
}

#contact a{
  color: #005a9e;
}

#contact {
 margin-left:5px;
}

#contact p{
  color: #4b4b4b;
}

#contact a:hover{
  color:#5d8eb4;
}


#contact .adresse{
  line-height:18px;
}

.img_contact {
  float: right;
  margin-top:-100px;
}

.logo_contact {
  margin-left:-5px;
}

#content_solutions .contrat_title {
  font-family:Arial;
  font-size:16px;
  color: #e56600;
}

#content_solutions .nos_contrats {
  font-family:Arial;
  font-size:16px;
  color: #e56600;
}

.nos_contrats {
  font-family:Arial;
  font-size:16px;
  color: #e56600;
}

#content_solutions .propositon {
  font-family:Arial;
  font-size:14px;
}

#content_solutions a {
  color: #005b9f;
}

#content_solutions a:hover {
  color: #5eaae3;
}

#content_solutions li {
  color: #4b4b4b;
  font-family:Arial;
  font-size:14px;
}

#content_solutions .li_orange {
  color: #e56600;
  font-family:Arial;
  font-size:14px;
}

#content_solutions #contrat_back {
  background-color:#fcefe6;
  padding:15px;
}

#fond_orange {
  background-color:#fcefe6;
  padding:15px;
}

#fond_bleu {
  background-color:#e7effb;
  padding:15px;
}

#content_autre .contrat_title {
  font-family:Arial;
  font-size:16px;
  color: #116bb0;
}

#content_autre li {
  color: #4b4b4b;
  font-family:Arial;
  font-size:14px;
}

.orange {
  color: #e56600;
}

.text_title {
	font-family:Arial;
  font-size:16px;
  color: #e56600;
  font-weight:bold;
	}
	
.text_subtitle {
	color: #4B4B4B;
    font-family: Arial;
    font-size: 14px;
	font-weight:bold;
	margin: 0;
	padding: 0;
	}
	
a {
  color: #005b9f;
}

a:hover {
  color: #5eaae3;
}

.bg_blue {
    background-color:#ABC7FB;
    padding:15px;
}

.jcarousel-item-horizontal {
  width:710px;
}

.jcarousel-container-horizontal,.jcarousel-clip-horizontal {
  width:710px;
}
.jcarousel-clip {
  overflow: hidden;
}