@import url(http://fonts.googleapis.com/css?family=Lato:400,300,700,900);

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 {
  font-family: 'Lato', sans-serif;
}
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;
}
strong {font-weight:bold;}
a {color:#000;text-decoration:none;}      
a:hover {}

.clear {clear:both;}    
img {vertical-align: middle;}  

/*deb*/
body {}

.content_prd .top {height:842px;background-repeat:no-repeat;background-position:center top;z-index:2;position:relative;}
.content_prd .top div {background:url(images/degrade-image.png) no-repeat scroll center -47px transparent;height:996px}
.content_prd .cntt {background:url(images/fond.jpg) repeat-y scroll center 0 transparent;}
.content_prd .cntt .prd{box-shadow:0 0 4px #898785;padding:20px;width:800px;background-color:#fff;margin:0 auto;margin-top:-250px;position:relative;z-index:5}
.content_prd .bot {background:url(images/bas.jpg) no-repeat scroll center 0px transparent;height:746px;}
.content_prd .cntt .prd .logo{padding:10px;text-align:center;margin-bottom:60px}

.text_content {color:#003f8a;font-size:16px;font-weight:300;}
.text_content h1 {font-weight:normal;color:#eb6a1d;text-align:center;font-size:32px;text-transform:uppercase}
.text_content h2 {color:#003f8a;text-align:center;font-size:25px;text-transform:uppercase}
.text_content h3 {color:#eb6a1d;font-size:22px;text-transform:uppercase}
.text_content ul {list-style: disc inside none;padding-left: 80px;}

.text_content table {border:0 none;font-family:Arial;font-size:10px;width:100%;text-align:center;}
.text_content table thead td, .text_content table thead th {height:40px;background-color:#cfdbe9;border-left:1px solid #003f8a;border-right:1px solid #003f8a;font-weight:bold;color:#003f8a}
.text_content table td, .text_content table th {vertical-align:middle;}         
.text_content table tbody tr:nth-child(even) {background: #fbe3d4}
.text_content table tbody tr:nth-child(odd) {background: #FFF}

.text_content table tbody td{border-left:1px solid #f6be9d;border-right:1px solid #f6be9d}
.text_content table td.white {border:0 none;background:#fff}
.text_content table td.orange {border:0 none;background:#fbe3d4}
.text_content table td.bleu {border:0 none;background:#CFDBE9 !important;}
.text_content table td.bleubordure {border-left:1px solid #003f8a;border-right:1px solid #003f8a;background:#CFDBE9 !important;}

.text_content strong {font-weight:bold;}
.text_content i {font-style:italic;}
.text_content span.torange {color:#eb6a1d}
.text_content span.tbleu {color:#003f8a}

.text_content h1 ~ h2 {margin-bottom:60px;}
.text_content ul ~ h3 {margin-top:35px;}
.text_content h3 ~ ul , .text-content p ~ p, .text-content p ~ ul , .text-content ul ~ p {margin-top:25px;}

a.lbolden {position:absolute; margin-top:-120px;} 

.za{float:left;width:49%}
.za{float:left;width:49%}
.triplez .za{float:left;width:32%}
.triplez .za{float:left;width:32%;padding-top:130px}


/* -webkit-transform-style: preserve-3d;-o-transform-style: preserve-3d;-moz-transform-style: preserve-3d;transform-style: preserve-3d;*/
#menu {top:0;left:0;right:0;position:fixed;height:49px;background:url(images/mnu.png) repeat-x scroll 0 0 transparent;z-index:200}
#menu ul{list-style: outside none none;/*disc inside none;*/color:#ff6600;text-align: center;/*margin: 0 auto;width: 610px;*/}
#menu ul li {display: inline-block;/*   float: left;list-style-position: inside;*/margin: 10px;white-space: nowrap;}  
#menu ul li:before {content:'• ';color:#ff6600;}
#menu ul a{color:#000;}
.slides .slide {position:relative;}
.slides .slide.sld1 {margin: 0 auto;max-width: 1280px;background:url(images/sld6.png) no-repeat scroll center bottom transparent;height:1367px;height:897px;z-index:5}
.slides .slide.sld1 .logo {color: #103a8d;font-size: 25px;font-weight: 900;line-height: 24px;min-width: 347px;padding-top: 130px;text-align: center;text-transform: uppercase;}
.slides .slide.sld1 .def {text-align:center;padding-top:200px;text-transform:uppercase;color: #ff6600;}
.slides .slide.sld2 {margin-top: -440px;height:1336px;padding-bottom: 160px;padding-top: 190px;background:url("images/sld2.png") no-repeat scroll center 0 #fff;z-index:4;}
.slides .slide.sld2 .titre {color:#fff;font-size: 49px;padding-bottom: 10px;}
.slides .slide.sld2 h3 {color:#fff;font-size: 36px;width:350px;margin:0 auto;font-weight:300;text-transform: uppercase;}
.slides .slide.sld2 p, .slides .slide.sld2 ul {color:#fff;font-size: 17px;font-weight:300;line-height:27px;width:470px;margin:0 auto}
 .slides .slide.sld2 li {padding-left: 20px;}
 .slides .slide.sld2 p.pt0 {    font-size: 40px;letter-spacing: 4px;line-height: 32px;text-align: center;text-transform: uppercase;}
 .slides .slide.sld2 p.pt0 strong {font-weight: 100;letter-spacing: 0;}
 .slides .slide.sld2 p.pt0 i {}
.slides .slide.sld2 p.pt0 i strong {
    font-weight: 100;
    letter-spacing: 2px;
}
.slides .slide.sld2 p.pt1 {
    font-size: 30px;
    font-weight: bold;
    line-height: 34px;
    margin-bottom: 20px;
    margin-top: 20px;
    text-align: center;
}
.slides .slide.sld2 p~p {margin-top:20px;}
.slides .slide.sld2 ul {
    font-size: 20px;
    font-weight: bold;
    line-height: 30px;
    margin-bottom: 20px;
     margin-top: 10px;
    text-transform: uppercase;
}
.slides .slide.sld2 p.big {font-size:104px;text-transform: uppercase;line-height:184px;}
.slides .slide.sld2 p.big strong{display:block;font-size:65px;line-height:59px;font-weight:300;}
.slides .slide.sld2 p.big u{font-size:57px;text-decoration:none;}
.slides .slide.sld2 .cntgal {width:360px;height:460px;margin:0 auto;margin-top:40px;position:relative;}
.slides .slide.sld2 .nb a {color:#fff;}
.slides .slide.sld2 .cntgal #gal2 {overflow:hidden;position:relative;width:360px;height:460px;}
.slides .slide.sld2 .cntgal #gal2 .view {position:absolute;left:0;}
.slides .slide.sld2 .cntgal .gal {width: 360px;float:left;}
.slides .slide.sld2 .cntgal #gal2 .view {  
  -webkit-transition: all 1s ease 0s;
  -o-transition:  all 1s ease 0s;	
  -moz-transition: all 1s ease 0s;	
  transition: all 1s ease 0s;		
} 

 
.slides .slide.sld3 {height:600px;padding-bottom: 160px;background:url("images/degb.png") repeat-x scroll 0 bottom transparent;z-index:3;}
.slides .slide.sld3 .cntgal {position:relative;width: 680px;margin:0 auto; height:452px;}
.slides .slide.sld3 .cntgal .gal {width: 678px;float:left;}
.slides .slide.sld3 .cntgal #gal1 {overflow:hidden;position:relative;width: 680px;height:452px;}
.slides .slide.sld3 .cntgal #gal1 .view {position:absolute;left:0;}
.slides .slide.sld3 .cntgal #gal1 .view {  
  -webkit-transition: all 1s ease 0s;
  -o-transition:  all 1s ease 0s;	
  -moz-transition: all 1s ease 0s;	
  transition: all 1s ease 0s;		
} 

.slides .slide.sld3 .cntgal img{float:left;margin:5px; box-shadow:0 0 3px #5f5f5f;}
.slides .slide.sld4 {    margin: 0 auto;max-width: 1280px;padding-top:120px;background:url(images/sld4.png) no-repeat scroll center 0 transparent;height:1716px;z-index:2;}
.slides .slide.sld5 {height: 690px;margin: -539px auto -320px;max-width: 1280px;overflow: hidden;z-index:1;}  

.slides .slide .nb {z-index:4;position:absolute;line-height: 0;top:48%;font-family: Lato;font-size: 150px;font-weight: 300;-webkit-transform: scaleX(0.5);transform: scaleX(0.5);}    
.slides .slide .nb.back {right:100%;}
.slides .slide .nb.next {left:100%;}

.slides .slide.sld3 .nb a {color:#ff6600;}

.slides .slide.sld3 .titre {color: #103a8d;font-size: 83px;margin-bottom:60px}
   
.slides .slide.sld4 .obj {background:url(images/obj-sld4.png) no-repeat scroll 0 0 transparent;position:absolute}
.slides .slide.sld4 .obj1 {background-position: 0 0;    height: 140px;left: 240px;top: 200px;width: 175px;}
.slides .slide.sld4 .obj2 {background-position: 0 -270px;    height: 130px;right: 240px;top: 200px;width: 125px;}
.slides .slide.sld4 .obj3 {background-position: 0 -140px;    height: 130px;left: 200px;top: 400px;width: 125px;}
.slides .slide.sld4 .obj4 {background-position: 0 -400px;    height: 140px;right: 120px;top: 440px;width: 105px;}
.slides .slide.sld4 .obj5 {background-position: 0 -540px;    height: 130px;right: 160px;top: 600px;width: 155px;}
.slides .slide.sld4 .obj6 {background-position: 0 -670px;    height: 280px;left: 160px;top: 220px;width: 265px;}
.slides .slide.sld4 .obj7 {background-position: 0 -950px;    height: 240px;left: 160px;top: 460px;width: 195px;}
.slides .slide.sld4 .obj8 {background-position: 0 -1190px;    height: 400px;right: 0;top: 320px;width: 300px;}
.slides .slide.sld4 .objcont {
    position: relative;
}    
.slides .slide.sld4 .titre {color: #fff;line-height: 113px;font-size: 89px;}
.slides .slide.sld4 h3 {font-weight:900;color:#fff;text-transform:uppercase;width:330px;margin:20px auto 0;font-size:23px;}
.slides .slide.sld4 h4 {font-weight:300;color:#fff;text-transform:uppercase;width:330px;margin:20px auto 0;font-size:35px;}
.slides .slide.sld4 h4.little {font-size:24px;}
.slides .slide.sld4 h4.little2 {font-size:41px;width: 340px;line-height: 30px;}
.en .slides .slide.sld4 h4.little2 { font-size: 36px;}
.slides .slide.sld4 h4.little2 span {font-size:30px;}
.en .slides .slide.sld4 h4.little2 span {font-size:26px;}
.slides .slide.sld4 p {font-weight:300;font-size:17px;color:#fff;width:330px;margin:0 auto;}
.slides .slide.sld4 ul {font-weight:700;font-size:17px;color:#fff;width:330px;margin:20px auto 0;padding-left: 310px;}
.slides .slide.sld4 ul li {margin-bottom: 1px;padding: 3px 10px;background-color:#fff; color:#103a8d; text-transform: uppercase;list-style: none outside none;clear: both;float: left;}
.slides .slide.sld4 ul li:before {content:'• ';color:#103a8d;}
.slides .slide.sld4 ul li.lit {font-weight:300;background-color:transparent; color:#fff;list-style: none outside none;text-transform:none;font-size:15px;font-style:italic}
.slides .slide.sld4 ul li.lit:before {display:none;}
.slides .slide.sld4 ul.t2 li:before {display:none;}
.slides .slide.sld4 p ~ p {margin-top:20px;}
.slides .slide.sld4 ul.t2 {text-align:right;width:330px;padding-left: 0;padding-right: 310px;}
.slides .slide.sld4 ul.t2 li {list-style: none outside none;float:right;clear:none;}  
.slides .slide.sld4 ul.t2 li:after {content:"•";clear:both;margin-left:10px;}
.slides .slide.sld5 .text {-webkit-backface-visibility: hidden;-webkit-transform: rotate(-15deg);-o-transform: rotate(-15deg);-ms-transform: rotate(-15deg);transform: rotate(-15deg);left:-200px;top:-200px;width:1830px;position:absolute;font-weight:300;font-size:14px;color:#eb6a1d;text-transform:uppercase;font-family: 'Lato', sans-serif;}
/*@-webkit-keyframes rotation { 0% {transform:rotate(-15deg);-webkit-transform: rotate(-15deg);} 100% {transform:rotate(15deg);-webkit-transform: rotate(15deg);} } 
@-moz-keyframes rotation { 0% {transform:rotate(-15deg);-webkit-transform: rotate(-15deg);} 100% {transform:rotate(15deg);-webkit-transform: rotate(15deg);} } 
@-ms-keyframes rotation { 0% {transform:rotate(-15deg);-webkit-transform: rotate(-15deg);} 100% {transform:rotate(15deg);-webkit-transform: rotate(15deg);} } 
@-o-keyframes rotation { 0% {transform:rotate(-15deg);-webkit-transform: rotate(-15deg);} 100% {transform:rotate(15deg);-webkit-transform: rotate(15deg);} } 
@keyframes rotation { 0% {transform:rotate(-15deg);-webkit-transform: rotate(-15deg);} 100% {transform:rotate(15deg);-webkit-transform: rotate(15deg);}} 
.slides .slide.sld5 .text { 
  -webkit-animation: 20s ease 0s alternate none infinite rotation; 
  -moz-animation: 20s ease 0s alternate none infinite rotation; 
  -ms-animation: 20s ease 0s alternate none infinite rotation; 
  -o-animation: 20s ease 0s alternate none infinite rotation; 
  animation: 20s ease 0s alternate none infinite rotation; 
}  */
.slides .slide.sld5 .obj {background:url(images/obj-sld5.png) no-repeat scroll 0 0 transparent;position:absolute}
.slides .slide.sld5 .obj1 {background-position: -395px 0;height: 170px;left: 720px;top: 200px;width: 435px;}
.slides .slide.sld5 .obj2 {    background-position: 0 -459px;height: 121px;left: 40px;top: 300px;width: 325px;}
.slides .slide.sld5 .obj3 {background-position: -596px -329px;height: 100px;left: 240px;top: 400px;width: 280px;}

.slides .slide.sld6 {background:url(images/sld6.png) no-repeat scroll center 0 transparent;padding-top:430px;height:1367px;z-index:3}
.slides .slide.sld7 {background:url(images/sld7.jpg) no-repeat scroll center 0 transparent;height:848px;margin:-400px auto -480px;z-index:2;}
.slides .slide.sld8 {background:url(images/sld8.png) no-repeat scroll center 0 transparent;z-index:1;height:1093px;padding-top:690px;z-index:3;}

.slides .slide.sld6 {color:#003f8a;}
.slides .slide.sld8 {color:#ffffff;}

.slides .slide .titre {padding-bottom:60px;text-transform:uppercase;text-align:center;font-size:69px;font-weight:300;line-height:79px;text-shadow:0 2px 3px #000}
.slides .slide .titre strong {font-size:98px;font-weight:300;display:block;line-height:75px}

.slides .slide.sld6 .texte {width:330px;margin:45px auto;font-size:17px;font-weight:300;line-height:27px;}

.slides .slide.sld6 .produits{background:url(images/prds.jpg) no-repeat scroll center -20px transparent; height:732px;}
.slides .slide.sld6 .produits .wrapper{width:710px;margin:0 auto;perspective:800px;-webkit-perspective:800px;}
.slides .slide.sld6 .produits .produit {opacity:.6;float:left;width:216px;height:216px;perspective:800px;margin:10px}
.slides .slide.sld6 .produits .produit:hover {opacity: 1;}
.slides .slide.sld6 .produits .produit .avant, .slides .slide.sld6 .produits .produit .arriere {position:absolute;width:216px;height:216px;box-shadow:0 1px 3px #bdbdbd}

.slides .slide.sld6 .produits .produit .arriere{  
-webkit-transform: rotateY(180deg);-o-transform: rotateY(180deg);-moz-transform: rotateY(180deg);transform: rotateY(180deg);
-webkit-backface-visibility:hidden;-o-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden; 
} 
  
.slides .slide.sld6 .produits .produit a {color:#ffffff;display:table-cell;vertical-align:middle;text-align:center;font-size:17px;font-weight:700;line-height:27px;} 
.slides .slide.sld6 .produits .produit .avant{display: table;background-color:#103a8d;font-size:17px;text-transform:uppercase;
-webkit-transform: rotateY(0);-o-transform: rotateY(0);-moz-transform: rotateY(0);transform: rotateY(0);
-webkit-backface-visibility:hidden;-o-backface-visibility:hidden;-moz-backface-visibility:hidden;backface-visibility:hidden; 
}
.slides .slide.sld6 .produits .produit:hover .avant{ 
-webkit-animation: 1s ease 0s normal forwards 1 rollover_avant;
animation: 1s ease 0s normal forwards 1 rollover_avant;
/*-webkit-transform: rotateY(-180deg);-o-transform: rotateY(-180deg);-moz-transform: rotateY(-180deg);transform: rotateY(-180deg); */
}
.slides .slide.sld6 .produits .produit:hover .arriere{    
-webkit-animation: 1s ease 0s normal forwards 1 rollover_arriere;
animation: 1s ease 0s normal forwards 1 rollover_arriere;
/*-webkit-transform: rotateY(0);-o-transform: rotateY(0);-moz-transform: rotateY(0);transform: rotateY(0);*/
}
.slides .slide.sld6 .produits .produit:hover {-webkit-animation: rollover 1s;animation: rollover 1s;  }
@-webkit-keyframes rollover
{
  0% {-webkit-transform:translateZ(0px);transform:translateZ(0px)}
  30% {-webkit-transform:translateZ(50px);transform:translateZ(50px)}
  70% {-webkit-transform:translateZ(50px);transform:translateZ(50px)}
  100% {-webkit-transform:translateZ(0px);transform:translateZ(0px)}
}
@keyframes rollover
{
  0% {transform:translateZ(0px)}
  30% {transform:translateZ(50px)}
  70% {transform:translateZ(50px)}
  100% {transform:translateZ(0px)}
}
@-webkit-keyframes rollover_avant
{
  0% {-webkit-transform: rotateY(0);-o-transform: rotateY(0);-moz-transform: rotateY(0);transform: rotateY(0);}
  30% {-webkit-transform: rotateY(0);-o-transform: rotateY(0);-moz-transform: rotateY(0);transform: rotateY(0);}
  70% {-webkit-transform: rotateY(-180deg);-o-transform: rotateY(-180deg);-moz-transform: rotateY(-180deg);transform: rotateY(-180deg);}
  100% {-webkit-transform: rotateY(-180deg);-o-transform: rotateY(-180deg);-moz-transform: rotateY(-180deg);transform: rotateY(-180deg);}
}   
@keyframes rollover_avant
{
  0% {-webkit-transform: rotateY(0);-o-transform: rotateY(0);-moz-transform: rotateY(0);transform: rotateY(0);}
  30% {-webkit-transform: rotateY(0);-o-transform: rotateY(0);-moz-transform: rotateY(0);transform: rotateY(0);}
  70% {-webkit-transform: rotateY(-180deg);-o-transform: rotateY(-180deg);-moz-transform: rotateY(-180deg);transform: rotateY(-180deg);}
  100% {-webkit-transform: rotateY(-180deg);-o-transform: rotateY(-180deg);-moz-transform: rotateY(-180deg);transform: rotateY(-180deg);}
}  
@-webkit-keyframes rollover_arriere
{
  0% {-webkit-transform: rotateY(180deg);-o-transform: rotateY(180deg);-moz-transform: rotateY(180deg);transform: rotateY(180deg);}
  30% {-webkit-transform: rotateY(180deg);-o-transform: rotateY(180deg);-moz-transform: rotateY(180deg);transform: rotateY(180deg);}
  70% {-webkit-transform: rotateY(0);-o-transform: rotateY(0);-moz-transform: rotateY(0);transform: rotateY(0);}
  100% {-webkit-transform: rotateY(0);-o-transform: rotateY(0);-moz-transform: rotateY(0);transform: rotateY(0);}
}
@keyframes rollover_arriere
{
  0% {-webkit-transform: rotateY(180deg);-o-transform: rotateY(180deg);-moz-transform: rotateY(180deg);transform: rotateY(180deg);}
  30% {-webkit-transform: rotateY(180deg);-o-transform: rotateY(180deg);-moz-transform: rotateY(180deg);transform: rotateY(180deg);}
  70% {-webkit-transform: rotateY(0);-o-transform: rotateY(0);-moz-transform: rotateY(0);transform: rotateY(0);}
  100% {-webkit-transform: rotateY(0);-o-transform: rotateY(0);-moz-transform: rotateY(0);transform: rotateY(0);}
}
.slides .slide.sld6 .produits .produit .arriere, .slides .slide.sld6 .produits .produit .avant, .slides .slide.sld6 .produits .produit {  
  -webkit-transition: all 0.3s ease 0s;
  -o-transition:  all 0.3s ease 0s;	
  -moz-transition: all 0.3s ease 0s;	
  transition: all 0.3s ease 0s;		
}      

.slides .slide.sld8 .titre {font-size:57px;line-height:79px;}
.slides .slide.sld8 .titre strong {font-size:121px;line-height:95px}

.slides .slide.sld8 .texte .wrapper {width:820px;margin:0 auto;}                                                                                 
.slides .slide.sld8 .texte .cols {float:left;width:440px}

.slides .slide.sld8 .texte h4 ~ p {margin-top:20px}
.slides .slide.sld8 .texte p ~ p {margin-top:24px}
.slides .slide.sld8 .texte p ~ h4 {margin-top:35px}

.slides .slide.sld8 .texte h4 ~ .frm {margin-top:30px}
.slides .slide.sld8 .texte .frm  ~ .frm {margin-top:7px}
.slides .slide.sld8 .texte h4 {font-weight:700;font-size:24px; text-transform:uppercase}
.slides .slide.sld8 .texte p {font-weight:300;font-size:13px}
.slides .slide.sld8 .frm input,.slides .slide.sld8 .frm textarea {font-style:italic;padding:0 3px;float: right;width:260px;border-radius:3px;height:22px;border:1px solid #fff;font-family: 'Lato', sans-serif;font-size:13px;}
.slides .slide.sld8 .frm textarea{height:150px;font-family: 'Lato', sans-serif;}

.slides .slide.sld8 .frm button {margin-top:7px;color:#fff;text-transform:uppercase;font-weight:300;font-size:17px;font-family: 'Lato', sans-serif;float: right;width:268px;background-color:#ff6600;border:1px solid #ff6600;border-top:1px solid #ffb200;border-radius:3px;box-shadow:0 1px 4px  #00295a;}

.slides .slide.sld8 .frm  {font-size:17px;padding:5px 0;clear:both}
.slides .slide.sld8 .texte .cols.col2 {float:left;width:370px}


.triplez .tl.za { text-transform:uppercase;color: #ff6600;margin-top: 70px;text-align: center; position:relative;}
.triplez .tl.za .overactu {text-transform:none;position:absolute;background: none repeat scroll 0 0 #103a8d;box-shadow: 0 0 2px #000;color: #fff;padding: 10px;text-align: justify; opacity:0;
  -webkit-transition: all 0.3s ease 0s;
  -o-transition:  all 0.3s ease 0s;	
  -moz-transition: all 0.3s ease 0s;	
  transition: all 0.3s ease 0s;		
}
.triplez .tl.za:hover .overactu {opacity:1} 
    


#menu ul li#lng:before {display:none}

.justifie{text-align: justify;}
.slides .slide.sld4 h4{text-align: center;}

#mention {
  display:none;
    background: none repeat scroll 0 0 rgba(0, 0, 0, 0.5);
    bottom: 0;
    left: 0;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 400;
}

.cnt_mention { line-height: 21px;
    background: none repeat scroll 0 0 #fff;
    border: 1px solid #000;
    border-radius: 10px;
    margin: 0 auto;
    max-height: calc(80% - 24px);
    overflow: auto;
    padding: 10px;
    position: relative;
    top: 10%;
    width: 630px;
}