/* Generated by Font Squirrel (http://www.fontsquirrel.com) on November 6, 2011 */


@font-face {
    font-family: 'avenir_85_heavyheavy';
    src: url('../fonts/avenir_85_heavy-webfont.woff2') format('woff2'),
         url('../fonts/avenir_85_heavy-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'cheddar_jackregular';
    src: url('../fonts/cheddar_jack-webfont.woff2') format('woff2'),
         url('../fonts/cheddar_jack-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}



@font-face {
    font-family: 'avenirregular';
    src: url('../fonts/avenir-roman-webfont.woff2') format('woff2'),
         url('../fonts/avenir-roman-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}


.maintenance { margin: 20% 10%; text-align: center; }


/* http://meyerweb.com/eric/tools/css/reset/
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header, hgroup,
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
	font-family:'avenirregular','avenirregularRegular';
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* DECLARATION DU RESPONSIVE */

.site { width: 100%; }

.break { clear: both; }

.logo { cursor: pointer; }

htmlXXX { opacity: 0;  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";  /* IE 5-7 */  filter: alpha(opacity=0);  /* Netscape */ -moz-opacity: 0;
  /* Safari 1.x */  -khtml-opacity: 0; }

.vert { color:#b0d07d!important; }
.blanc { color:white!important; }

.bas_2, .bas_2 a { text-align: right; text-decoration: none; font-size:14px; color:#b1c0cb;} .bas_2 a:hover { text-decoration: underline; }
.bas_2 p  { margin-bottom: 10px; }
.bas_2 p.ligne_saut  { margin-bottom: 30px; }
.bas_2 h1 { font-size:14px; margin-bottom: 30px; }

.bas_2 .colonne_1  { width: 258px; float:left; padding-right: 65px;  }
.bas_2 .colonne_2  { border:10px solid white; float:left; }



#image_maps { display: none; }

.rang_1 { z-index: 990;}
.rang_2 { z-index: 980;}
.rang_3 { z-index: 970;}
.rang_4 { z-index: 960;}
.rang_5 { z-index: 950;}
.rang_6 { z-index: 940;}
.rang_7 { z-index: 930;}
.rang_8 { z-index: 920;}
.rang_9 { z-index: 910;}
.rang_10 { z-index: 900;}
.rang_11 { z-index: 890;}
.rang_12 { z-index: 880;}

#gauche { display: none; cursor: pointer; position: absolute; left: 30px; top:336px; color:white; z-index: 9999; background-image: url('../images/carrousel_gauche.png'); background-repeat: no-repeat; width:40px; height: 40px; }
#droite { cursor: pointer; position: absolute; right:30px; top:336px; color:white; z-index: 9999; background-image: url('../images/carrousel_droite.png'); background-repeat: no-repeat; width:40px; height: 40px;}

.pagination { position: absolute;
margin-top: -40px; left:50%; margin-left: -100px; width: 200px; text-align: center;
z-index: 9999; }
.pagination  a {  cursor:pointer; margin: -3px -6px;; width: 30px; height: 30px; background-repeat: no-repeat; background-image: url('../images/logo_petit_puce_03.png'); display: inline-block; }
.pagination  a  { background-position-y: 10px; } .pagination  a.active  { background-position-y: 0px; }

.produits_div .item {  background-position: center; background-repeat: no-repeat; background-size: cover; position: absolute; }


.produits .produits_div h2 { text-align: center;
padding: 0px 30%;
font-size: 30px;
text-transform: uppercase;
padding-top: 143px;
line-height: 38px; }
.produits .produits_div .texte { text-align: center; padding: 0px 20%; line-height: 22px; }
.produits .coin_produits { width: 100%; height: 100%; background-image: url('../images/coin_actu.png'); background-position: bottom right; background-repeat: no-repeat;
 position: absolute; }

 .colonne_droite { margin-bottom: 50px; }
 .colonne_gauche  input { padding: 10px 10px; border:1px solid #b1c0cb; color:#b1c0cb; font-size: 13px;  margin-bottom: 10px; width: 240px; }

 .colonne_gauche  textarea { padding: 5px 10px; height: 200px; font-size: 13px; color:#b1c0cb;  border:1px solid #b1c0cb; margin-bottom: 10px; width: 310px; }

  .colonne_gauche input[type=submit], .button {   border:1px solid #164673;  background-color: #164673; cursor:pointer;
    font-size: 13px;
    color: white;
    width: 200px;
    text-align: center;
    /* height: 40px; */
    line-height: 40px;
    display: block;
    text-decoration: none; padding: 0px; }

     .colonne_gauche input[type=submit]:hover, .button:hover {  color: #164673; background-color: white; border: 1px solid  #164673; }

  #bandeau_logo { text-align: center; margin-bottom: 20px; margin-top: 30px; }
  #bandeau_logo ul, li { list-style: none }
  #bandeau_logo li { display:inline-block; border-right:1px solid black; height: 42px;
margin-right: 15px;
padding-right: 15px; }

  #bandeau_logo li:last-child { border:0px; }

  .centre { margin-top:30px; }

#autocomplete {   font-size: 13px;
  padding: 5px;
  width: 155px;
  color: #b1c0cb;
  border: 1px solid #AFC0CA;  }

  .centre .video { margin-top: 10px; margin-bottom: 30px; }
  .centre h2 { color:#165366; font-size:26px; text-transform: uppercase; margin-bottom:30px; }

  .centre h3 { color:#165366; font-size:20px; text-transform: uppercase; margin-bottom: 10px; }
  .centre h3.noUpper { text-transform: inherit;  }

  .centre h4 { font-family: 'cheddar_jackregular'; color:#165366; font-size: 38px;  margin-bottom: 10px; }

  .centre p { margin-bottom: 20px;  }
  .centre p, .centre ul, .centre ul li { color:#b1c0cb; }
  .centre .contact p { color:#164673; }
  .centrer { text-align: center; }




  .titre_no_hover { text-align: center; font-size:30px; font-weight: bold; text-transform: uppercase; }


  .list_contacts, .list_contacts li { list-style: none; }
    .list_contacts { display: table; margin-top: 20px; margin-bottom: 30px; }
  .item_contact li  {  display: table-cell;      width: 21%;
    text-align: center;

    border-right: 6px solid white; }
     .item_contact li a {   padding: 20px 0px; background-color: #B6B6B6; display: block; opacity: 0.8; }
     .item_contact li a:hover, .item_contact li.on a { opacity: 1; }


  .list_contacts li { }
  .list_contacts li.last {  margin-right: 0px; }

  .separator { height: 30px; display: block; }


  .top { background-image: url("../images/fond_gris.jpg"); background-repeat: repeat-x;  }
  .colonne3 {   width: 26%; margin-top:40px; margin-bottom: 20px;
  margin-right: 3%;
  height: 160px;
  padding-right: 3%; border-right: 2px solid #162E57;
float:left; }
  .colonne3.last { border-right: none;}

  .contenu ul { margin-bottom: 15px; }
  .contenu li { list-style: square; margin-left: 30px;}
.contenu h3 { margin-top: 30px; }
  .colonne3.first { padding-top: 40px; padding-bottom: 40px; height: 80px; text-align: right; }
  .colonne3 h2 { color:#075467; font-size: 35px; text-transform: uppercase; padding-top: 00px; }
  .colonne3 h3 { color:#006e91; font-size: 16px; padding-bottom: 0px;  }

  .colonne3 ul, li { }
  .colonne3 li { color:#1b2e59; font-size: 18px; text-decoration: none; margin-bottom: 15px; }
    .colonne3 li a {  color:#1b2e59; text-decoration: none; text-transform: uppercase; font-weight: bold; }

  .speHomeMore  { margin-bottom: 4px!important; padding-bottom: 0px!important; }

  .colonne2 { width: 50%; float:left; display: block; height: 350px; position: relative; }
  .colonne2.v1 { background-color: #008F99; }
  .colonne2.v2 { background-color: #AED083; }
  .colonne2.v3 { background-color: #006E8F;  }
  .colonne2.v4 { background-color: #AFC0CA;  }
  .colonne2.v5 { background-color: #005466; }

  .colonne3 ul { list-style-position : outside; display:list-item;    }
  .colonne3 li {list-style-type: none; list-style-position : outside; text-indent: -0.88em;
    margin-left: 0.88em;}

.colonne3  li:before {
    content: "> "; /* on affiche une chaîne de caractère */
     list-style-position : outside;
}


.language {     position: relative; margin-right: -10px;
    top: 0px;
    right: 0px;
    text-align: right; font-size: 13px; }

    .language span { margin-top: -10px; vertical-align: super; }

.language .click_item {  width: 27px; height: 27px; display: inline-block; background-color: #D82B73; background-image: url("../images/bas_language.png"); background-repeat: no-repeat; background-position: 50%;  margin-left: 15px; cursor: pointer;  }
.language .flag { display: none!important; position: absolute;
    right: 0;
    z-index: 999;
    background: white;
    height: 63px;
    padding-left: 10px;
    text-align: right;
    padding-right: 5px;
    margin-right: -5px;  }
.language.open .flag { display: block!important;  }
.language.open .flag img {  cursor:pointer; width: 27px!important; }
.language.open .flag img { opacity: 0.5; }
.language.open .flag img:hover { opacity: 1; }
.language.open .flag img.active { opacity: 1; }


#buttonSkip {     position: absolute;
    right: 10px;
    top: 10Px;
    z-index: 999;
    background-color: #D82B73; border:2px solid transparent;
    padding: 5px 10px;
    border-radius: 15px;
    color: white;
    text-align: center;
    cursor: pointer; }

    #buttonSkip:hover { background-color:white; border:2px solid #D82B73; color:#D82B73; }


  .imagesInText img { width: 100%;  }

  .colonne2 .sous_vignette { display: block; width:100%; height:100%;  background-position: 0; background-size: cover; position: absolute; }
   .colonne2 .sous_vignette.visible { opacity: 1;  }
  .colonne2 .sous_vignette.invisible { opacity: 0;  }
    .colonne2 .sous_vignette video { height: 100%; margin-top:0%;     margin-top: 0%;
    width: auto;


    position: absolute; }


    .isRight  .sous_vignette video {text-align: left;  left:0px; }
    .isLeft  .sous_vignette video {text-align: right; right:0px;  }


    .isLeft  .sous_vignette { right:0px; }
    .isRight .sous_vignette { left:0px; }


    .colonne2.isLeft .right { left:inherit; right: 0; }
    .colonne2.isRight .left { right:inherit; left: 0; }


  .colonne2 .left { position: absolute; right:0px;  margin-left:10px; margin-top:70px; cursor:pointer;  z-index: 999999; }
    .colonne2 .right { margin-right:10px; position: absolute; left:0px; margin-top:70px; cursor:pointer; z-index: 999999;  }



.colorHoverWedo:hover {  color:#D82B73!important; }

  .colonne2 .fond_titre { color:white; font-size:70px; opacity: 0.2; letter-spacing: 1px; text-transform: uppercase;   position: absolute;
    margin-left: 16%;
    margin-top: -3%; }
  .colonne2 h3 { position: relative; text-transform: uppercase;      font-size: 30px; color:white;  letter-spacing: 1px;   margin-top: 20%;
  margin-left: 23%; width: 70%; }
  .colonne2 p { position: relative; font-size: 16px; color:white;   margin-top: 1%; width: 70%;   left: 23%;
  margin-right: 46%; }

.autocomplete-suggestions { border: 1px solid #999; background: #FFF; overflow: auto; }
.autocomplete-suggestion { padding: 2px 5px; border-bottom: 1px solid silver; padding-bottom: 10px; padding-top:10px; }
.autocomplete-selected { background: #F0F0F0; cursor: pointer; }
.autocomplete-suggestions strong { font-weight: normal; color: #D82B73; }

.bas_1 .colonne_1 .social img { width:24px; height:auto; }

.menu ul  li a img {  margin-top:0px; }
.social a { background-image: url('logo_reseaux.png'); }
.social a { display: inline-block; width: 29px; height: 24px; background-repeat: no-repeat;  }
.social a.linkedin { background-position-x: -28px; background-position-y: 0px;  }
.social a.facebook { background-position-x: -58px; background-position-y: 0px;  }
.social a.twitter { background-position-x:-85px; background-position-y: 0px;  }
.social a.youtube { background-position-x: 0px; background-position-y: 0px;  } .social a:hover { background-image: url('../images/social_hover.png'); }
.social a:hover { opacity: 0.8; }
.menu ul li.item a { color:#002d54; font-size:13px;  }
.menu ul li.item a .ligne2 { color:#8f9ea9; font-size:13px; }

.infos {  }

#bandeau_logo a { filter: grayscale(100%); -webkit-filter: grayscale(100%); cursor: pointer; }
#bandeau_logo a img { height: 32px; }
#bandeau_logo a:hover { filter: grayscale(0%); -webkit-filter: grayscale(0%); }

#contentHome { display: block; overflow: hidden; position: relative; margin:0px 0px; }
#videoDisplay { position: relative; top:0px; left: 0px; right: 0px; z-index: 10;  }

#menuAfterVideo {
	top:0px; left: 0px; right: 0px;
	position: absolute;

	margin-top:0px;
	 z-index: 5;
	 display: block;
}

#menuAfterVideo .element {
	 color:white;
	width: 33.33%;
	float:left;
	height: 100%;
	display: block;
	text-align: center;
	background-repeat: no-repeat;
    background-size: contain;
}


.hoverMenu.menuH { display: none; position: absolute; background-color:white; top:95px; padding:0px; padding-top:20px; background-color: white; padding-bottom: 10px; background-image: url('../images/coin_menu_pop.png'); background-repeat: no-repeat; background-position: right bottom; z-index:9999; }


.hoverMenuContact { }

.actu { background-image: url('../images/groupe/fond2.png'); background-repeat: no-repeat; background-position: 100% 50%; height: 181px;
    overflow: hidden; cursor:pointer; }


 .actu.open { height: auto;
    overflow: visible; background: none; }

.actu_groupe { background-image: url('../images/groupe/fond2.png');  }
.actu_multitude { background-image: url('../images/multitude/fond2.png');  }
.actu_variance { background-image: url('../images/variance/fond2.png');  }
.actu_appiplast { background-image: url('../images/appliplast/fond2.png');  }
.actu_aks { background-image: url('../images/aks/fond2.png');  }




.layer {

    background-color: rgba(255, 255, 255, 0.85);
    position: relative;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.layerA, .layerB, .layerC { display: none; }

#menu_sites ul , #menu_contact ul  { list-style: none; margin: 0px; padding: 0px; }
#menu_sites li, #menu_contact li { list-style: none; width: auto; margin: 0px; padding:5px 15px; height: auto; float: none; background: none; text-align: left; cursor:pointer;  }
#menu_sites a, #menu_contact a { top:0px;  color:#0E224F; font-size: 13px; text-transform: uppercase; line-height:  14px; }
#menu_sites a:hover, #menu_contact a:hover { color:#0E224F; font-weight: bolder; text-decoration: underline }
.btnSavoirPlus { font-size: 14px; text-transform: uppercase; text-decoration: none; }
.btnRight { border-radius: 50%; width: 50px; height: 50px; background-image: url('../images/right.png');  background-repeat: no-repeat; display: block;
    background-position: 50%;
    margin: 15px auto;  }

.rose .btnRight { background-color:#DA2572; }
.bleu .btnRight { background-color: #1B2E59; }
.gris .btnRight { background-color: #474747;}


#menuAfterVideo .element .titre_no_hover{ color:white; }
#menuAfterVideo .element:hover .titre_no_hover{ display:none }
#menuAfterVideo .element .hover{ display:none; color:white; padding-top:70px; }
#menuAfterVideo .element:hover .hover{ cursor:pointer; display:block; color:white; line-height: 50px; font-size: 20px; text-transform: uppercase;   letter-spacing: 1px; padding-top: 0px;}

 #menuAfterVideo .element:hover span.title {  text-align: center; padding-top: 150px; display: block;
    font-size: 30px;
    font-weight: bold;  }

    #menuAfterVideo .element:hover {  }

 #menuAfterVideo .element:hover ul.first { padding-top: 20px;  }
 #menuAfterVideo .element:hover.rose  .hover ,  #menuAfterVideo .element:hover.rose  .hover  a { color:#DA2572!important; }
 #menuAfterVideo .element:hover.bleu .hover,  #menuAfterVideo .element:hover.bleu .hover a  { color: #1B2E59!important; }
 #menuAfterVideo .element:hover.gris .hover ,  #menuAfterVideo .element:hover.gris .hover  a{ color: #474747!important;}

#menuAfterVideo .element:hover .hover a { font-weight: bold; }

#menuAfterVideo .elementA:hover  .layerA { display:block; }
#menuAfterVideo .elementB:hover  .layerB { display:block; }
#menuAfterVideo .elementC:hover  .layerC { display:block; }




#menuAfterVideo .elementA { background-image: url('../images/bloc_home.jpg'); background-size: cover;  }
#menuAfterVideo .elementB { background-image: url('../images/bloc_mobilite.jpg');   background-size: cover;  }
#menuAfterVideo .elementC { background-image: url('../images/groupe/bloc_c.png'); background-size: cover;  }


.noUp { text-transform: inherit!important;     font-size: 16px!important; }

.isLeft { float:left; }
.isRight { float:right; }


#formContact { width: 30%!important;  }

.colonne_droite {     width: 54%;
    float: right; }


    .ui-menu .ui-menu-item a{
    background:red;
    height:10px;
    font-size:8px;
}


#menuAfterVideo .noHover:hover .titre_no_hover { display: block!important; }

.page_groupe  .puce { margin-bottom: 25px; }
.page_groupe { text-align: center; }
.page_groupe img.fullImage { width: 100%; margin-top:25px;  }
.page_groupe img.fullImage.first { width: 100%; margin-top:0px;  }

.page_groupe h2 { color:#164673; }
.page_groupe p { line-height: 25px; width: 80%; margin-left: 10%; margin-right: 10%; }
.page_groupe p.image { line-height: 20px; margin-bottom: 20px; width: 100%; margin-left: 0%; margin-right: 0%; }

.page_groupe ul li { list-style: none;  margin: 0px; padding: 0px; margin-bottom: 15px; }
.page_groupe ul {  margin: 0px; padding: 0px; list-style: none; }