/*
1er color : 
#0069B1
hover : #0069B1
app/search/widget/result-json.php

pour la poste
Pantone 7545C -> #425563  pour le gris
Pantone 2196C -> #0069B1  pour le bleu

tout en Roboto et non en Verdana

*/
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.7.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.7.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

@font-face {
font-family: 'Roboto';
src: url('../fonts/Roboto-Regular.ttf');
}

body,h1,h2,h3,h4,.h1,.h2,.h3,.h4, html{
	font-family: 'Roboto'!important;	
}
.player-audio{
	filter:  invert(22%) sepia(97%) saturate(1978%) hue-rotate(191deg) brightness(91%) contrast(91%);;
	width: 20px;
	height: 20px;
	background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 18 17.54' fill='%23000'%3E%3Cpath d='M17.2,39.87v6h4l5,5v-16l-5,5Zm13.5,3a4.5,4.5,0,0,0-2.5-4v8A4.47,4.47,0,0,0,30.7,42.87ZM28.2,34.1v2.06a7,7,0,0,1,0,13.42v2.06a9,9,0,0,0,0-17.54Z' transform='translate(-17.2 -34.1)'/%3E%3C/svg%3E");
	background-repeat: none;
	margin: 0px 10px 0px 10px;
}
.captcha-block{
	display: flex;
	align-items: center;
	flex-direction: row;
}
.h5_desc {
    font-size: 12px;
  /*  font-size: 1.2rem;*/
    margin-top: 10px;
    border-bottom: 1px dotted #000;
    padding-bottom: 5px;
    font-weight: bold;
}
.metadataValue {
line-height: 18px;
margin: 0 0 12px 0 !important;
}
.perso_search_bugger_brandcenter .fa{
	font-size:20px;
}

.nav .fa{
	font-size:20px;
	vertical-align: unset;
}

.btn-primary{
    width: auto;
    height: 39px;
    line-height: 22px;
    cursor: pointer;
    color: #FFF;
    font-size: 18px;
    background: #0c64aa;
    padding: 7px 11px;
    border: solid 2px #0c64aa;
}

.button_S {
background-color: #0c64aa;
font-size: 15px;
border: 1px solid;
color: #fff;
line-height: 20px;
cursor: pointer;
}
.button_S:hover{
background-color:#027dd2;

}

.btn_contrib_send {
    margin: 5px 7px 0 0;
    margin-left: 7px;
    margin-right: 0px;
}

/*TODO CODE COULEUR*/
.perso_search_bugger:hover{
background-color: #a8b2b1;
}
.perso_search_bugger {
color: #000;
background-color:#fff;
border: 1px solid #a8b2b1;
}

.btn_close, .btn_close_file {
color: #a8b2b1;
border :1px solid #a8b2b1;
}
.btn_close:hover,.btn_next:hover{
background-color: #fff;
}

.btn_next{
color: #a8b2b1;
border :1px solid #a8b2b1;
}

.btn_close:hover,.btn_next:hover{
background-color: #fff;
}

.btn_next_none{
color: #a8b2b1;
border :1px solid #a8b2b1;
}
 .navbar-toggle .icon-bar , .icon-bar{
color:#000;
background-color:#000;
}

.navbar-toggle .icon-bar:hover , .icon-bar:hover{
color:#fff;
background-color:#fff;
}

.icon_shop_circle
{
color:#0069B1;
}
.image-wrapper-portofolio-text{
color: #000;
}

.container_purplespics_search{
background-color: transparent;  
color: #fff; 
}
.header_purple{
background-color:#FFF;
}
/*TODO CODE COULEUR*/ 

body, html {
color: #161616;
font-size: 15px;
padding:0px;
/*background-color:#425563;*/
margin:0px;
margin-bottom: 0px;
}

.img_bg_home {
    z-index: -1;
    min-height: 100%;
    width: 100%;
    height: auto;
    position: fixed;
    top: 0;
    left: 0;
	background-image:url(/var/static-content/picture/page-authenfication_2025_v3.jpg); 
	background-position: center;
	background-size: cover;
}

.body_login_img{
z-index: -1;
max-width: 2000px;
width: 125%;
height: auto;
position: fixed;
top: 0;
left: 0;
}

.perso_search_bugger_thesaurus{
font-size: 15px;
height: 42px;
position: absolute;
display: block;
width: 47px;
z-index: 10;
margin: 0;
background-color: #fff;
border: 1px solid;
}

.perso_search_bugger_brandcenter_thesaurus{
font-size: 15px;
border: 1px solid;
height: 42px;
position: absolute;
display: block;
width: 130px;
z-index: 10;
margin: 0;
margin-left:15px;
background-color: #0c64aa;
color:#fff;
margin-top: 0px;
}

.perso_search_bugger_brandcenter{
font-size: 15px;
border: 1px solid;
height: 42px;
position: relative;
display: block;
width: 180px;
z-index: 10;
margin: 0;
background-color: #0c64aa;
color:#fff;
margin-top: -62px;
margin-right: 15px;
}

.perso_search_bugger_brandcenter:hover,.perso_search_bugger_brandcenter_thesaurus:hover{
background-color:#027dd2;

}

.form-horizontal .control-label {
    text-align: left;
}

.perso_search_bugger {
font-size: 15px;
height: 42px;
left: 263px;
margin-top: 13px;
position: absolute;
display: block;
width: 47px;
z-index: 10;
}


.pagination_ephoto {
    margin: 0;
}

.btn_close, .btn_close_file {
	
position: absolute;
right: 0px;
font-size: 24px;
padding: 7px;
padding-top: 7px;
padding-bottom: 7px;
padding-bottom: 0px;
padding-top: 1px;
border-radius: 5px;
-webkit-border-radius: 5px;
cursor: pointer;
height: 35px;
width: 39px;
}

.btn_close {
margin-top:-45px;
}


.btn_next{
margin-right: 25px;
font-size: 24px;
padding: 7px;
padding-top: 7px;
padding-bottom: 7px;
padding-top: 7px;
padding-bottom: 7px;
padding-bottom: 0px;
padding-top: 5px;
margin-top: 10px;
border-radius: 5px;
-webkit-border-radius: 5px;
cursor: pointer;
height: 33px;
margin-bottom: 10px;
}

.fa-chevron-right{
padding-left:10px;
}
.fa-chevron-left{
padding-right:10px;
}


.btn_next_none{
margin-right: 25px;
font-size: 24px;
padding: 7px;
padding-top: 7px;
padding-bottom: 7px;
padding-top: 7px;
padding-bottom: 7px;
padding-bottom: 0px;
padding-top: 5px;
margin-top: 10px;
border-radius: 5px;
-webkit-border-radius: 5px;
height: 33px;
margin-bottom: 10px;
}

.navbar-toggle .icon-bar {
display: block;
width: 27px;
height: 2px;
border-radius: 1px;
}


.grid-tooltip .fa-arrow-down, .grid-container .fa-arrow-down , .grid-tooltip .fa-times, .grid-container .fa-times{
	display:none;
}

.grid-tooltip li{
	list-style-type: none;
}


.icon_shop_circle
{
	/*color:#1B88B9;*/
	color:#0069B1;
}
*::after, *::before {
box-sizing: initial;
-moz-box-sizing: unset;
-webkit-box-box-sizing: unset;
}

.container-max{
max-width: 1790px;
margin-left: auto;
margin-right: auto;

/*
padding-left: 15px;
padding-right: 15px;
*/
padding-left : 50px;
padding-right: 50px;
/*border:1px solid red;*/
}
.line_height_footer{

width: 100%;
position: absolute;
left: 0px;
}
.line_height_footer_tmp{
border-top: 1px solid #cccccc;
margin-left: 10px;
margin-right: 10px;
}

/*BIGBEN*/


.image-wrapper-portofolio-black img,.image-wrapper-portofolio-black div{
background-color: #474747;
border: 1px solid #474747;
cursor:pointer;
color:#fff;
}

.image-wrapper-portofolio-gray img,.image-wrapper-portofolio-gray div{
background-color: #b6b6b6;
border: 1px solid #b6b6b6;
cursor:pointer;
color:#fff;
}

.image-wrapper-portofolio-red img,.image-wrapper-portofolio-red div{
background-color: #ee3724;
border: 1px solid #ee3724;
cursor:pointer;
color:#fff;
}


.image-wrapper-portofolio-orange img,.image-wrapper-portofolio-orange div{
background-color: #CC750E;
border: 1px solid #CC750E;
cursor:pointer;
color:#fff;
}

.image-wrapper-portofolio-blue img,.image-wrapper-portofolio-blue div{
background-color: #0395a0;
border: 1px solid #0395a0;
cursor:pointer;
color:#fff;
}


.image-wrapper-portofolio-blue img,.image-wrapper-portofolio-orange img,.image-wrapper-portofolio-red img,.image-wrapper-portofolio-gray img,.image-wrapper-portofolio-black img{

-webkit-transition: opacity 0.5s cubic-bezier(0.7,0,0.3,1), transform 0.5s cubic-bezier(0.7,0,0.3,1);
-moz-transition: opacity 0.5s cubic-bezier(0.7,0,0.3,1), transform 0.5s cubic-bezier(0.7,0,0.3,1);
-ms-transition: opacity 0.5s cubic-bezier(0.7,0,0.3,1), transform 0.5s cubic-bezier(0.7,0,0.3,1);
-o-transition: opacity 0.5s cubic-bezier(0.7,0,0.3,1), transform 0.5s cubic-bezier(0.7,0,0.3,1);
transition: opacity 0.5s cubic-bezier(0.7,0,0.3,1), transform 0.5s cubic-bezier(0.7,0,0.3,1);

opacity:0.7;
transform:scale(1.1);
}

.image-wrapper-portofolio,.image-wrapper-portofolio-black,.image-wrapper-portofolio-gray,.image-wrapper-portofolio-red,.image-wrapper-portofolio-orange,.image-wrapper-portofolio-blue{
	margin-top: 0px;
	width: 22%;
	position: absolute;
	margin-top: 40px;
	background-color: #fff;
	overflow:hidden;
	width:270px;
	/*width:300px;*/
	/*height:288px;*/
	left: 50%;
	margin-top: 40px;
	margin-left: -135px;
}

.image-wrapper-portofolio img{
border: 1px solid #fff;
}

.container-portofolio{
max-width: 2000px;
margin: auto;
position: relative;
min-height: 800px;
}

.image-wrapper-portofolio-text{
height: 50px;
width: 100%;
text-align: center;
padding: 20px;
font-size: 22px;
text-transform: uppercase;
border: 1px solid #fff;
position: relative;
color: #000;
line-height: 20px;
}

.navbar .nav .dropdown-toggle .caret {
    margin-top: -1px;
}




/*HEADER HOME*/
.container_purplespics{
min-width:1200px;
border-top:0px;
border-bottom:0px;
position: relative;
z-index: 1;
/*border: 1px solid pink;*/
}


.container_purplespics_search{
width:1000px;
left: 50%;
margin-left: -500px;
background-color: transparent; 
border:0px;   
color: #fff; 
height: 357px;    
position: absolute;    
top: 69px;

}
.home_search_panel_purple
{
	margin-top:185px;margin-left:10px;widht:591px;
}

.header_purple{
height: 68px;
background-color:#FFF;
/*border-bottom: 1px solid #000;*/
}

.header_logo_fond_home {
    background-image: linear-gradient(to bottom, rgba(255,255,255,0.6), rgba(255,255,255,0.6));
   /* opacity: 1;*/
    position: absolute;
    height: 70px;
    top: 0px;
    width: 100%;
    z-index: 10;
	/*background-color: #fff;*/
}


.sociaux_flottant {
    position: fixed;
    left: 0;
    top: 450px;
    background: url(../img/bg_left.png) no-repeat;
    width: 64px;
    height: 145px;
    z-index: 999;
}
.sociaux_flottant h1 
{
color: #fff;
font-size: 17px;
margin-left: -12px;
text-align: center;
margin-top: 6px;
cursor: pointer
}

.sociaux_flottant h1:hover
{
	text-shadow: 0 0 2px #0069B1;
}

.keyword_block
{
display:none;
position: fixed;
z-index: 50;
background-color: #fff;
margin: auto;
width: 10px;
width: 5%;
height: 5%;
left:0%;
padding: 20px;
top: 68px;
border:1px solid #000;
    -webkit-transition: left 0.5s cubic-bezier(0.7,0,0.3,1), width 0.5s cubic-bezier(0.7,0,0.3,1);
    -moz-transition: left 0.5s cubic-bezier(0.7,0,0.3,1), width 0.5s cubic-bezier(0.7,0,0.3,1);
    -ms-transition: left 0.5s cubic-bezier(0.7,0,0.3,1), width 0.5s cubic-bezier(0.7,0,0.3,1);
    -o-transition: left 0.5s cubic-bezier(0.7,0,0.3,1), width 0.5s cubic-bezier(0.7,0,0.3,1);
    transition: left 0.5s cubic-bezier(0.7,0,0.3,1), width 0.5s cubic-bezier(0.7,0,0.3,1);
}

.keyword_block_active {
    overflow: auto;
    display: block;
    border: 1px solid #000;
    position: fixed;
    z-index: 50;
    background-color: #fff;
    margin: auto;
    padding: 20px;
    top: 100px;
    padding-left: 50px;
    width: 33%;
    height: 100%;
    left: 0%;
    -webkit-transition: left 0.5s cubic-bezier(0.7,0,0.3,1), width 0.5s cubic-bezier(0.7,0,0.3,1);
    -moz-transition: left 0.5s cubic-bezier(0.7,0,0.3,1), width 0.5s cubic-bezier(0.7,0,0.3,1);
    -ms-transition: left 0.5s cubic-bezier(0.7,0,0.3,1), width 0.5s cubic-bezier(0.7,0,0.3,1);
    -o-transition: left 0.5s cubic-bezier(0.7,0,0.3,1), width 0.5s cubic-bezier(0.7,0,0.3,1);
    transition: left 0.5s cubic-bezier(0.7,0,0.3,1), width 0.5s cubic-bezier(0.7,0,0.3,1);
}


.bandeau_header
{
background: rgba(0, 0, 0, 0) url("../img/bandeau_header.png") no-repeat scroll;
background-color: rgba(0, 0, 0, 0);
background-color: rgba(0, 0, 0, 0);
height: 105px;
position: absolute;
/*right: 0;*/
width: 100%;
top: 30px;
z-index: 2;
overflow: hidden;

}



.triangle_header{
width: 0;
height: 0;
border-style: solid;
border-width: 0 0 115px 113px;
border-color: transparent transparent #fff transparent;
float: right;
margin-top: -10px;
z-index:1;

position: absolute;

}
.triangle_header_1{opacity:0.4;left: 471px;}
.triangle_header_2{opacity:0.5;left: 476px;}
.triangle_header_3{opacity:0.6;left: 481px;}
.triangle_header_4{opacity:0.7;left: 486px;}
.triangle_header_5{opacity:0.8;left: 491px;}
.triangle_header_6{opacity:0.9;left: 496px;}
.triangle_header_7{opacity:1;  left: 505px;}

.header_logo_home{
background: rgba(0, 0, 0, 0) url("../img/logo_home.png") no-repeat scroll;
background-color: rgba(0, 0, 0, 0);
position: absolute;
left: 0;

width: 230px;
height: 49px;
/*
width: 241px;
height: 66px;
*/
z-index: 8;
margin-top: 0px;
background-position: left;
margin-top: 50px;
}


.header_logo_home_title{
position: relative;
color:#007ac1;
text-align: left;
width: 100%;
color:#0069B1;
font-size: 42px;
font-weight: 600;
margin-top: 31px;
margin-left: 100px;  
}

.header_logo,.header_logo_single{
background: rgba(0, 0, 0, 0) url("../img/logo.png") no-repeat scroll;
background-color: rgba(0, 0, 0, 0);
height: 68px;
position: absolute;
width: 280px;
z-index: 8;
margin-top: 0px;
background-position: left; 

}



.header_logo_fond {
background-image: linear-gradient(to bottom, rgba(0,0,0,0.6), rgba(0,0,0,0));
bottom: 0;
left: 0;
margin: 0;
opacity: 1;
overflow: hidden;
position: absolute;
right: 0;
height: 150px;
min-width:1200px;
top:68px;
}

.header_purple_title{
font-weight: 700;
font-style: normal;
font-size: 28px;
color: #666666;
position: absolute;
text-transform: uppercase;
z-index: 20;
margin-left: 102px;
margin-top: 28px;
}

.header_nav_purple{
float: right;
height: 30px;
font-weight: 400;
font-style: normal;
font-size: 14px;
color:#333333;
}

.navbar .nav > li > a:hover{
color:#999999;
}

.header_nav_purple_icon{
font-size: 15px;
}

.navbar .nav > li{
line-height: 20px;
}

.purple_title{

font-weight: 700;
font-style: normal;
}

.header_purple_container{
position: relative;
margin-left: 75px;
}

.header_purple_single{
    position: relative;
    margin-left: 30px;
    margin-right: 77px;
    width: 100%;
}


#navigation-wrapper{
max-height: 36px;
height: 36px;
width: 590px;
margin-left: auto;
margin-right: auto;
}

#navigation-wrapper-search{
max-height: 36px;
height: 36px;
width: 590px;
margin-left: 290px;
position: absolute;
margin-top: 12px;
}

#navigation-wrapper-search .ePhoto-search{
border:1px solid #000;
}

.ePhoto-search{
/*
width: auto;
height: 42px;
background-color: #fff;
margin-left: 57px;
margin-right: 190px;
border: 1px solid;
*/


margin-left: auto;

margin-right: auto;

width: 50%;
/*margin-left: auto;*/
/*
margin-left: 140px;
margin-right: auto;
*/
height: 42px;
background-color: #fff;
border: 1px solid;
}

.ePhoto-search input[type="text"]{
height: 42px;
border:none;
background-color:transparent;
padding-left: 16px;
font-size:14px;
}

.ephoto_input_search {
font-size: 20px;
line-height: 42px;
height: 42px;
width: 100%;
}

.ePhoto-search .twitter-typeahead{
width:100%
}

.ePhoto-search .btn{
margin-top:0px;
background:#0069B1;
background-color:#fff;
border:0;
width: 51px;
height: 40px;
border-radius:none;
-webkit-border-radius:0;
margin-right: 0px;
background-color: #0069B1;
color:#fff
}

.ePhoto-search .btn:hover{
background-color:#0069B1;
color:#fff
}
.fa-sign-out::before{
	top: 3px;
}

#advanced-search-button {
background: #fff none repeat scroll 0 0;
border: 0 none;
box-shadow: none;
color: #333333;
border-left : 1px solid #cccccc;
margin-left: -225px;
margin-top: 1px;
position: absolute;
z-index: 2;
font-size: 13px;
line-height: 27px;
height: 36px;
padding-left: 6px;
width: 120px;
}

#advanced-search-button .caret {
border-left: 4px solid transparent;
border-right: 4px solid transparent;
border-top: 4px dashed;
display: inline-block;
height: 0;
margin-top: -2px;
width: 0;
}

.advanced-search-container{
margin-top: 55px;
border:0px;
left:50%;
margin-left: -157px;
color:#000;
width: 420px;
position:absolute;
z-index:1000;
}

#advanced-search-container .form-group {
margin-bottom: 12px;
}

#advanced-search-container .panel{
border-radius:none;
-webkit-border-radius:0;
border : 1px solid #000;
padding-top: 4px;
}

#advanced-search-container .btn{
background-color:#0069B1;
border:0;
color:#fff;
border-radius:5px;
-webkit-border-radius:5px;
width: 367px;
height: 40px;
margin-left: auto;
margin-right: auto;
text-transform: uppercase;
font-weight: 700;
font-style: normal;
font-size: 15px;
text-shadow:none;
}

#advanced-search-container .btn:hover{
background-color: #0069B1;
} 

#advanced-search-container .col-sm-3{
font-size: 14px;
padding-right: 18px;
}

#advanced-search-container .form-horizontal .control-label {
float: left;
width: 158px;
}

#advanced-search-container .col-sm-7{
padding-right: 3px;
padding-left: 0px;
margin-top: 3px;
}

#advanced-search-container  input[type="text"], #advanced-search-container  select{
height:24px;
font-style: normal;
font-size: 13px;
margin-left: -7px;
}

#advanced-search-container  select{
padding: 4px 12px;
}

/***FIN HEADER HOME**/

.fa-angle-right,.fa-angle-left{
	/*color:#000;*/
}
.fa-angle-right:hover,.fa-angle-left:hover{
	/*color:#0069B1;*/
}

.purple_body{
padding:20px;

padding-bottom:0px;
}

.purple_body_home{
padding:35px;


}

.btn-primary {

    font-size: 16px;

    font-weight: 100;
    font-family: arial;
}

/*******************/

.navbar {
margin-bottom: 0;
}

#navigation .navbar-inner {
background-color: transparent;
background-image: none;
border: 0 none;
border-radius: 0;
box-shadow: none;
color: white;
min-height: 35px;
padding: 0;
}

#navigation .navbar-inner {
background-color: #e3f2fe;
filter: none;
}

#navigation .navbar-inner .nav > li:hover, #navigation .navbar-inner .nav > li.selected {
background-color: #0b6ba8;
color: #fff;
}

#navigation .navbar-inner .nav > li:hover > a, #navigation .navbar-inner .nav > li.selected > a {
background-color: #0b6ba8;
color: #fff;
}

.navbar .nav li > a {
word-break: break-all;
}

.navbar .nav > li > a {
color: #0c64aa;
float: none;
padding: 5px 0px;
padding-left: 15px;
text-decoration: none;
text-shadow: none;
padding-right: 15px;



/*text-shadow: 0 1px 0 #f9f9f9;*/
}

#navigation .navbar-inner .nav > li > a {
color: #0c64aa;
font-size: 14px;
font-weight: 400;
margin-left: 0;
min-height: 35px;
padding: 7px 15px;
text-shadow: none;
}

#navigation .navbar-inner .nav > li.dropdown {
border-left: 1px solid #e3f2fe;
}

#navigation .navbar-inner ul.child-menu.level1 {
border-top: 0 none;
left: 0;
margin-left: -1px;
margin-right: -1px;
top: 100%;
}

#navigation .navbar-inner ul.child-menu {
background-color: #fff;
border: 1px solid #e3f2fe;
border-radius: 0;
box-shadow: none;
color: #161616;
display: none;
left: 100%;
margin: 0;
min-width: 220px;
position: absolute;
top: -1px;
z-index: 4;
}

#navigation .navbar-inner ul.child-menu li {
border-bottom: 1px solid #eee;
list-style: outside none none;
margin: 0;
padding: 0;
position: relative;
}

#navigation .navbar-inner ul.child-menu li a {
color: #161616;
display: block;
font-size: 13px;
font-weight: 400;
line-height: 20px;
padding: 9px 20px;
word-break: initial;
}

#navigation .navbar-inner ul.child-menu li a span {
display: block;
}
#navigation .navbar-inner ul.child-menu li:hover, #navigation .navbar-inner ul.child-menu li.selected {
background: #eeeeee none repeat scroll 0 0;
}
.navbar .icon-caret-down::after {
content: "";
font-family: Glyphicons Regular;
font-size: 14px;
height: auto;
margin-left: 5px;
width: auto;
}

/**************************************************/
.breadcrumb {
margin: 0;
background: transparent;
padding: 0;
display: inline-block;
}

.breadcrumb > li {
text-shadow: none;
}

.breadcrumb li:after {
content: "\E224";
font-family: Glyphicons Regular;
font-weight: 200;
font-size: 18px;
color: #dcdcdc;
padding: 0px 10px;
vertical-align: bottom;
}

.breadcrumb a {
color: #161616;
font-weight: 400;
}

.breadcrumb a:hover {
color: #129af0;
text-decoration: none;
}

.breadcrumb li:last-child:after, 
.breadcrumb li.last:after {
content: "";
display: none;
}

#breadcrumbs {
font-size: 11px;
margin: 5px 0 10px 0;
}

#breadcrumbs .you-are-here {
font-weight: 400;
padding-right: 10px;
}
/********************************************************/
section.portlet {

}
.portlet-topper .portlet-title .portlet-title-text {
background-color: #0b6ba8;
border-radius: 2px 2px 0 0;
color: white;
display: inline;
font-size: 12px;
font-weight: 600;
letter-spacing: 1px;
padding: 4px 10px 3px;
text-transform: uppercase;
}

.portlet-topper .portlet-title {
height: 24px;
padding: 0;
}

a:focus{
out-line-offset:0px;
outline:none;
}

.aui .flexslider .flex-control-nav a, .aui .flexslider .flex-direction-nav a {
color: #fff;
text-decoration: none;
box-sizing: initial;
-moz-box-sizing: unset;
-webkit-box-box-sizing: unset;
}

select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input{
height:34px;
}

.desc_liste {
height: 34px;
}

.expl_donnee_edit {
padding: 0 2px 10px 0;
height: 40px;
width: 203px;
}
.desc_champ2{
	width: 203px;
}



.desc_liste {

    max-width: 203px;
}
.persotitle{
display:none;
}

.h2_purple{
margin-left: -9px;    
color: #161616;
font-size: 22px;
font-weight: 600;
line-height: 42px;
text-transform: none;
}

.headband_white{
/*background-color: #fff;*/
height: 72px;
position: absolute;
width: 100%;
left: 0;
margin-top: -20px;

}

.file-info label{
font-weight: normal;
}

img.bg {
opacity: 1;
height: auto;
transition-duration: 500ms;
transition-property: opacity;
z-index: -1;
}

img.bg-hidden {
opacity: 0;
position: fixed;
height: auto;
transition-duration: 0ms;
transition-property: opacity;
z-index: -1;
}

.bg_active{
display:block;
}

.bg_hidden{
display:none;
}

.content-container-dipo{
border: 1px solid #e3f2fe;
height: 428px;
overflow: hidden;
position: relative;
width: 1141px;
background: #f8f8f8;
}

.div_img_text h2{
margin-top: 5px;
}

.div_img_caption
{

color: #161616;
font-size: 14px;
height: 428px;
left: 760px;
margin: 0;
opacity: 1;
overflow: hidden;
padding: 10px 2px 10px 10px;
position: absolute;
text-align: left;
top: 0;
transition-duration: 250ms;
transition-property: opacity, background, color;
width: 379px;
word-wrap: break-word;
}

.div_img_text{
font-size: 14px;
text-align: left;
word-wrap: break-word;
}

.more_media_content_display{
overflow: hidden;
height:200px;
}

.more_media_content{
max-height: auto;
overflow: visible;
}

.more_media{
line-height: 30px;
margin-top: 10px;
text-align: center;
cursor: pointer;
width: 254px;
height: 40px;
background: inherit;
background-color: #0069B1;
border: none;
border-radius: 5px;
margin-left:auto;
margin-right:auto;
line-height: 40px;
font-size: 13px;
display:none;
}


.more_media a,.more_media a:hover{
color:#fff;
font-size: 13px;
}

.content-container-arrow {
bottom: 10px;
height: 30px;
position: absolute;
width: 100%;
}

.col-md-12 .grid-container .tile .caption , .col-lg-12 .grid-container .tile .caption {
background: transparent ;
/*width: 100%;*/
height: 100%;
/*opacity: 1;*/
}


.col-md-12 .grid-container .tile .caption_container ,.col-lg-12 .grid-container .tile .caption_container {

bottom: 0;
color: #fff;
font-size: 14px;
font-weight: 600;
left: 0;
margin: 0;

overflow: hidden;
padding: 10px 2px 10px 15px;
position: absolute;
right: 0;
text-align: left;
text-transform: uppercase;
word-wrap: break-word;
height: 40px;
}

.grid-container.always-show-caption .tile .caption , .grid-container.always-show-caption .tile .caption {
opacity: 1;
}

.col-md-12 .grid-container .tile .caption_fond , .col-lg-12 .grid-container .tile .caption_fond  {
background-image: linear-gradient(to bottom, rgba(0,0,0,0), rgba(0,0,0,0.8));
/*background-color:#9d9d9c;*/
bottom: 0;
left: 0;
margin: 0;
opacity: 1;
overflow: hidden;

position: absolute;
right: 0;
text-align: left;
text-transform: uppercase;
transition-duration: 250ms;
transition-property: opacity, background, color;
height: 40px;
}

.col-md-12 .grid-container .tile .caption_container .keyword-name, .col-lg-12 .grid-container .tile .caption_container .keyword-name{
position: relative;
font-size: 14px;
font-weight: 400;
font-style: normal;
text-transform: none;
margin-right: 60px;
line-height: 28px;
/*background-color: green;*/

}

.more_media_content .tile .caption {
background: transparent ;
width: 100%;
height: 100%;
opacity: 1;
height: 90px;
}

.grid-container .tile {
background:transparent;
/*max-width: 301px;*/
}

.more_media_content_display .grid-container .tile {
/*max-width: 301px;*/

}


.more_media_content  .tile .caption_fond {

	display:none;
background: transparent url("../img/fonddiapo2.png") repeat-x scroll 0 0;
bottom: 0;
color: #fff;
font-size: 14px;
font-weight: 600;
left: 0;
margin: 0;
opacity: 1;
overflow: hidden;
padding: 10px 2px 10px 15px;
position: relative;
right: 0;
text-align: left;
text-transform: uppercase;
transition-duration: 250ms;
transition-property: opacity, background, color;
word-wrap: break-word;
height: 100%;
}

.nav-collapse label{
font-size: 15px;
font-weight: normal;
}

.grid-container .tile .caption {
	display:block;
}

.grid_view_more .tile .caption {
    display: block;
}

.navbar-default {
background-image: none;
background-repeat: repeat-x;
}

.navbar-default {
background-color: #f8f8f8;
border: 0 none;
}

.content-container{
	/*padding-right: 0px;
padding-left: 0px;
*/
min-height: 800px;
}

.content-container-arrow .previous-slide {
background: rgba(0, 0, 0, 0) url('../img/arowl.png')  no-repeat scroll 0 0;
margin-right: 27%;
right: 0;
}

.content-container-arrow .next-slide {
background: rgba(0, 0, 0, 0) url("../img/arowr.png") no-repeat scroll right top;
right: 0;
margin-right: 1%;
}

.content-container-arrow .previous-slide:hover {
background: rgba(0, 0, 0, 0) url('../img/arowl_hover.png')  no-repeat scroll 0 0;
}

.content-container-arrow .next-slide:hover {
background: rgba(0, 0, 0, 0) url("../img/arowr_hover.png") no-repeat scroll right top;
}

.content_puce_slide{
bottom: 0;
height: 20px;
margin-left: 810px;
position: relative;
width: 280px;
z-index: 9;
}

.puce_slide{
background: rgba(0, 0, 0, 0) url("../img/puceSlideInactive.png") no-repeat scroll right top;
float: left;
height: 20px;
margin: 5px;
width: 20px;
cursor: pointer;

}

.puce_slide_active{
background: rgba(0, 0, 0, 0) url("../img/puceSlideActive.png") no-repeat scroll left top;
float: left;
height: 20px;
margin: 5px;
width: 20px;
cursor: pointer;
}

.content-container-arrow .previous-slide, .content-container-arrow .next-slide {
bottom: 0;
cursor: pointer;
height: 25px;
position: absolute;
transition-duration: 500ms;
transition-property: opacity;
width: 61px;
z-index: 10;
}


.grid-tooltip .button-add-to-cart{
	/*
	color:blue;
	position:absolute;
	top:0px;
	background-color:red;
	padding:5px;
	margin:5px;
	margin-left:0px;
*/
}

.grid-tooltip .button-add-to-cart .fa, .grid-tooltip .button-add-to-cart span{
	color:#fff;
}

 .grid-tooltip .button-add-to-cart span{
	 margin-left : 5px;
 }

.theater .panel-container a{
color: #009bfe;
}

.theater .panel-container a:hover{
color: #009bfe;
}

.theater .preview-container {
background: transparent none repeat scroll 0 0;
bottom: 0;
left: 0;
position: absolute;
right: unset;
top: 0;
width: 100%;
}

.theater-container .panel-container .button-download, 
.theater-container .panel-container .button-add-to-cart {
background: #fff none repeat scroll 0 0;
bottom: 10px;
color: #000;
display: block;
float: right;
font-size: 15px;
height: 30px;
padding-left: 20px;
padding-top: 5px;
position: relative;
text-align: left;
text-transform: uppercase;
width: 203px;
}

.theater-container .panel-container .button-add-to-cart{
float: right;
margin-right:10px
}

.theater-container .panel-container .button-download a,
.theater-container .panel-container .button-download a:hover,
.theater-container .panel-container .button-download a:focus,
.theater-container .panel-container .button-add-to-cart a,
.theater-container .panel-container .button-add-to-cart a:hover,
.theater-container .panel-container .button-add-to-cart a:focus 
{
color: #000;
text-decoration:none;
}

.theater-container .panel-container .button-add-to-cart a:before {
font-family:'Glyphicons Regular';
font-style:normal;
font-weight:normal;
line-height:1;
content:"\E351";
margin-right:8px;
}

.theater-container .panel-container .button-download a:before {
font-family:'Glyphicons Halflings';
font-style:normal;
font-weight:normal;
line-height:1;
content:"\e025";
margin-right:8px;
}

.theater .close-button {
/*background: rgba(0, 0, 0, 0) url("../img/close_light_box.png") no-repeat scroll center center;*/
background: rgba(0, 0, 0, 0) url("../img/plus-3.svg") no-repeat scroll right center;
bottom: 0;
cursor: pointer;
height: 50px;
margin-left: -20px;
position: absolute;
right: 0;
top: auto;
top: unset;
width: 50px;
}

.theater .openclose-button {
/*background: rgba(0, 0, 0, 0) url("../img/open_light_box.png") no-repeat scroll center center;*/
background: rgba(0, 0, 0, 0) url("../img/minus-3.svg") no-repeat scroll center center;
cursor: pointer;
height: 32px;
margin: 0 20px 20px;
top:10px;
position: absolute;
right: 0;
width: 32px;
}

.info-before{

max-height: 400px;
padding: 10px;
width: 100%;
z-index: 50;
}

.share_hidden{
background-color: #0b6ba8;
height: 30px;
padding-right: 143px;
position: absolute;
right: 0;
text-align: right;
width: 250px;
cursor: pointer;
}

/*Pour action au survol de la souris*/
#share_hidden_parent { /* position:relative; padding-right: 5px; padding-top: 5px;*/}
#share_hidden_you {/*position:absolute;width:100%;height:100%;z-index:1;*/}
#share_hidden_parent:hover #share_hidden_you {/*display:none;*/}

.share-widget-ephoto a, img,a:hover{

text-decoration: none;
border: 0 none;
}

.mobile .open-nav , .tablet .open-nav{
background-color: #000;
height: 100%;
max-height: 100%;
position: absolute;
z-index: 9999;
}

.mobile #main-wrapper #navigation-wrapper, .tablet #main-wrapper #navigation-wrapper{
max-height: 100%;
height:100%;
}

.aui .open-nav #main-wrapper {
float: left;
left: 0;
position: absolute;
width: 100%;
}

/**************/
/* Mode liste */
/**************/
.result-container.size-detailed .result-item .share-widget-ephoto {
background:#0b6ba8;
color:#fff;
height: 31px;
}

.result-container.size-detailed .result-item .button-download {
background: #e3f2fe none repeat scroll 0 0;
color: white;
display: block;
float: left;
font-size: 15px;
height: 30px;
margin-top: -31px;
padding-left: 20px;
padding-top: 5px;
position: absolute;
text-align: left;
text-transform: uppercase;
width: 203px;
}

.result-container.size-detailed .result-item .button-download a{
color: white;
}

.result-container.size-detailed .result-item .button-download a,
.result-container.size-detailed .result-item .button-download a:hover,
.result-container.size-detailed .result-item .button-download a:focus {
color:white;
text-decoration:none;
}
.result-container.size-detailed .result-item .button-download a:before {
font-family:'Glyphicons Halflings';
font-style:normal;
font-weight:normal;
line-height:1;
content:"\e025";
margin-right:8px;
}

.result-container.size-detailed .result-item  .share_hidden {
background-color: #0b6ba8;
color:#fff;
margin-right: 15px;
cursor: pointer;
height: 30px;
padding-right: 143px;
position: absolute;
right: 0;
text-align: right;
width: 250px;
}

.modal{
background-color: transparent;
height: auto;
}

.form-contact-list{
width: 500px;
}

.column {
float:left;
width: 50%;
padding-right: 20px;
}

.column2{
width: 100%;
padding-right: 20px;
}

.column2 textarea{
width: 100%;
height:115px
}

.column label{
}

.column input{
width: 100%;
}

.clear{
clear: both;
}

.send-button{
background-color: #e3f2fe;
border: medium none;
color: white;
width: 150px;
float: right;
}

.aui #site-banner{
border-bottom: medium none;
}

.breadcrumb > li + li::before {
content: " ";
}

.theater-container .theater-background {
background: white none repeat scroll 0 0;
height: 100%;
left: 0;
opacity: 1;
position: absolute;
top: 0;
width: 100%;
}

.theater .preview-container .preview {
background: white none repeat scroll 0 0;
border-color: #000;
border-image: none;
border-style: solid;
border-width: 2px 2px 10px;
position: absolute;
}

.theater .panel-container {
background: #000 none repeat scroll 0 0;
bottom: 0;
color: white;
display: none;
max-height: 400px;
padding-bottom: 5px;
position: absolute;
right: unset;
top: unset;
width: 100%;
z-index: 50;
}

.modal-footer {
text-align: center;
}

.btn-primary {


}

.btn-primary{
background-image: linear-gradient(to bottom, #0069B1 0px, #0069B1 100%);
background-repeat: repeat-x;
border-color: #0069B1;
}

.btn-primary:hover{
background-color: #0069B1;
}

.modal-title {
font-size: 30px;
padding: 15px 0;
text-align: center;
}

.aui .slider-text-right .slides > li .slide-info {
bottom: 0;
height: 135px;
position: absolute;
right: 0;
top: unset;
width: 100%;
padding-bottom: 5px;
padding-top: 5px;
}

.aui .slider-text-right .slides > li .image-wrapper {
float: unset;
width: 100%;
}

.footer {
bottom: 0;
/*height: 40px;*/
height: 30px;
left:0;
position: fixed;
 z-index: 1;
/*background: #75787B none repeat scroll 0 0;*/
background: #f0f0f0 none repeat scroll 0 0;
}

footer a {
color: #000;
z-index:20;
margin-right:25px;
font-size: 12px;
}

footer a:hover {
color:#3d3c3c;
}

.copyright {
/*padding-top:6px;*/
line-height: 30px;
}

.modal {
border: 0px;
border-radius: 0px;
box-shadow: 0px;
}

.aui .slider-text-right .flex-control-nav {
float: right;
width: 20%;
}

.aui .slider-text-right .flex-direction-nav {
float: right;
width: 20%;
}

.aui .flexslider .flex-direction-nav .flex-prev::after {color: #fff;}
.aui .flexslider .flex-direction-nav .flex-next::after  {color: #fff;}
.aui .flexslider .flex-control-nav a.flex-active {background-color: #fff;}
.aui .flexslider .flex-control-nav a {background-color: #a7c0cc; border: 1px solid #fff;}

header {
background: transparent none repeat scroll 0 0;
}







/***Keyword HOME**/

.area_keyword{
height:102px;
background-color:#fff
}

.area_keyword_title{
font-weight: 700;
font-style: normal;
font-size: 50px;
text-align: center;
padding-top: 32px;
padding-left: 6px;
color:#0069B1;
}

.area_keyword_container{
min-height:34px;
height: auto;
text-align: center;
}

.area_keyword_container .navbar {
min-height: 34px;
}


.header_keyword_cell{
font-size: 17px;
color: #999999;
line-height: normal;
font-weight: 400;
font-style: normal;

margin: 10px 15px;
padding: 0px;

padding-bottom: 13px; 
margin-bottom: -1px;
margin-right: 5px;
height: 30px;
line-height: 46px;


}
.header_keyword_cell:hover{
color: #0069B1;
border-bottom:1px solid #0069B1;
}

.area_keyword_container .nav > li > a{
font-size: 17px;
color: #999999;
line-height: normal;
font-weight: 400;
font-style: normal;

margin: 10px 15px;
padding: 0px;

padding-bottom: 13px; 
margin-bottom: -1px;
margin-right: 5px;
height: 30px;

}

.area_keyword_container .nav > li > a:hover{
color: #0069B1;
/*background-color:red;*/
border-bottom:1px solid #0069B1;
/*text-decoration: underline;*/
}

.area_keyword_footer{
height:105px;
background-color:#fff
}

.area_keyword_title_footer{
font-weight: 700;
font-style: normal;
font-size: 35px;
text-align: left; 
padding-top: 51px;
color:#0069B1;
}

.area_keyword_container_footer{
height: auto;
background-color:#fff;
padding-top: 20px;
}

.area_keyword_container_footer .nav > li{
position: relative;
display: block;
line-height: 28px;
float: left;
}
.area_keyword_container_footer .nav > li > a{
color: #000;
line-height: normal;
font-weight: 400;
font-style: normal;
padding-top: 18px;
padding-left: 58px;
padding-right: 58px;
padding-bottom: 18px;
font-size: 20px;
margin-bottom: 23px;
border:1px solid #000;
margin-right:10px;
border-radius:5px;
-webkit-border-radius:5px;
}

.area_keyword_container_footer .nav > li > a:hover{
color: #0069B1;
border:1px solid #0069B1;

}

.result_panel_title{

min-height:72px;
height: auto;
margin-right: -20px;
margin-left: -20px;
margin-top:-20px;
}

.pagination_purple{
margin: 0; 
padding: 0; 
list-style: none; 
list-style-type: none;
height: 35px;
width: 100%;
margin-top: 25px;
}

.pagination_purple_input{
width: 31px;
height: 21px;
margin-top: 3px;
position: absolute;
margin-left: -38px;
font-size:17px;
text-align:center;
}


.pagination_purple a:hover{
color:#0069B1;
}

.pagination_purple li{
float:right;
line-height:30px;
font-size:17px;
padding-right:15px;
}

.pagination_purple li i{
font-size: 22px;
margin-top: 5px;
position: relative;

}



.menu_btn_keyword ul {
margin: 0; 
padding: 0; 
list-style: none; 
text-align: justify; 
list-style-type: none;
}
.menu_btn_keyword ul li {display: inline; text-align:justify; font-size:17px; font-weight: bold;line-height: 75px;}
.menu_btn_keyword ul > li:after {content:' '; display:inline;}
.menu_btn_keyword ul > li:last-child:after {display:inline-block; margin-left:100%; content:' ' }

.area_keyword_container_footer .menu_btn_keyword ul > li > a{
color: #000;
line-height: normal;
font-weight: 400;
font-style: normal;
padding-top: 8px;
padding-left: 18px;
padding-right: 18px;
padding-bottom: 8px;
font-size: 16px;
border:1px solid #000;
border-radius:5px;
-webkit-border-radius:5px;
word-break: break-all;
margin: 10px 5px;

}

.area_keyword_container_footer .menu_btn_keyword ul > li > a:hover{
color: #0069B1;
border:1px solid #0069B1;

}

.icon_shop{
position: absolute;
float: right;
right: 40px;
bottom: 10px;
cursor:pointer;
}

.icon_dowload{
position: absolute;
float: right;
right: 10px;
bottom: 10px;
cursor:pointer;
}

.header_purple_mobile{
height:67px;
background-color:#a7c0cc;
}

.header_purple_mobile_title{
font-weight: 700;
font-style: normal;
font-size: 25px;
color: #666666;
float:left;
margin-left:22px;
margin-top:15px;
}

.header_purple_mobile_icon{
font-family: 'FontAwesome';
font-weight: 400;
font-style: normal;
font-size: 25px;
right: 0px;
position: absolute;
cursor:pointer;
}

.header_purple_mobile_icon i{
padding:20px;

}

.header_purple_mobile_icon i:hover{
background-color:#999999;
}


.header_purple_mobile .navbar-toggle{
margin-top: 45px;
position: absolute;
right: 232px;
display: block;
border-radius:none;
-webkit-border-radius:0;
}

.header_purple_mobile .navbar-toggle i {
display:none;
}

.header_purple_mobile .dropdown-menu{
width: 200px;
border-radius:none;
-webkit-border-radius:0;
padding-top: 8px;
}

.header_purple_mobile .dropdown-menu > li > a {
display: block;
padding: 6px 6px;
}

.menu_search_mobile{
height: 80px;
width: 100%;
background-color:#e4e4e4;
display:none;
margin-top:-2px;
padding-top: 21px;

}

.cd-top {
display: inline-block;
height: 40px;
z-index:99;
width: 40px;
position: fixed;
bottom: 40px;
right: 10px;
box-shadow: 0 0 10px rgba(0, 0, 0, 0.05);
/* image replacement properties */
overflow: hidden;
/*  text-indent: 100%;*/
white-space: nowrap;
background: rgba(147, 149, 152, 0.8)  no-repeat center 50%;
visibility: hidden;
opacity: 0;
font-size: 50px;
color: #FFF;
text-align: center;
line-height: 10px;
border-radius: 50%;
-webkit-border-radius: 50%;
-webkit-transition: opacity .3s 0s, visibility 0s .3s;
-moz-transition: opacity .3s 0s, visibility 0s .3s;
transition: opacity .3s 0s, visibility 0s .3s;
}
.cd-top.cd-is-visible, .cd-top.cd-fade-out, .no-touch .cd-top:hover {
-webkit-transition: opacity .3s 0s, visibility 0s 0s;
-moz-transition: opacity .3s 0s, visibility 0s 0s;
transition: opacity .3s 0s, visibility 0s 0s;
}
.cd-top.cd-is-visible {
/* the button becomes visible */
visibility: visible;
opacity: 1;
color: #FFF;
}
.cd-top.cd-fade-out {
/* if the user keeps scrolling down, the button is out of focus and becomes less visible */
opacity: .5;
}
.no-touch .cd-top:hover {
background-color: #a7c0cc;
color: #FFF;
opacity: 1;
}


#loading-message {
position:absolute;
position:fixed;
top:0;
bottom:0;
left:0;
right:0;
z-index:2000;
color:white;
background:rgba(0, 0, 0, 0.75);
transition-property:opacity;
transition-duration:250ms;
}

#loading-message.transparent {
opacity:100;
}

#loading-message .content {
position:absolute;
top:50%;
margin-top:-50px;
height:100px;
left:50%;
margin-left:-50px;
width:100px;
text-align:center;
}

#loading-message .content .icon {
font-size:32px;
}

/*************************/
/* Animation de rotation */
/*************************/
@-webkit-keyframes rotating /* Safari and Chrome */ {
from {
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}

@keyframes rotating {
from {
-ms-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-webkit-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
}
to {
-ms-transform: rotate(360deg);
-moz-transform: rotate(360deg);
-webkit-transform: rotate(360deg);
-o-transform: rotate(360deg);
transform: rotate(360deg);
}
}

.rotating {
-webkit-animation: rotating 1s linear infinite;
-moz-animation: rotating 1s linear infinite;
-ms-animation: rotating 1s linear infinite;
-o-animation: rotating 1s linear infinite;
animation: rotating 1s linear infinite;
}

.iframe_connexion{
background-image:linear-gradient(to bottom, rgba(255,255,255,0.93), rgba(255,255,255,1));
position: absolute;
z-index: 20;
padding: 25px;
right: 0;
text-align: center;
width: 396px;
margin-top: 12%;

right: 10%;
height: auto;
}

.div-createlogin{
	margin-top: -59px;
	float: left;
	position: relative;
	margin-left: 11px;
}


.link-createlogin  {
	width:auto;
	height:auto;

	cursor:pointer;
	color:#81818e;
	font-size:18px;
	background:#fafafa;
	padding: 7px 11px;

	border: solid 2px #e6e6e6;
		text-decoration:none;
}
.link-createlogin:hover {
	/*text-decoration:underline;*/
		color: #0c64aa;
			border: solid 2px #0c64aa;
}

.icon_shop_circle{
color: #fff;font-size: 30px;top:8px;position: absolute;right: 33px;
}

.icon_shop_download{
color: #fff;font-size: 30px;top:8px;position: absolute;right: 4px;
}

.cart-empty i ,.cart-export i,.cart-share i{
font-size: 28px;
}

.content-container .file-preview{
/*padding:10px;*/
}


.content-container .file-preview .preview-container img {
max-width: unset;
height: 100%;
max-height: 600px;
}

.titlePage{
position: relative;
margin-top: 10px;
font-size: 22px;
font-weight: 600;
line-height: 42px;
text-transform: none;
color: #b6b6b6;
}

.TopMenu,.bottomMenu {
background-color: transparent;
}

.result-empty{
	min-height:100px;
	padding-top:35px
}
.file-preview img {
max-height: 460px;
}

.file-preview{
background-color: #fff;
position: relative;
width: 100%;
padding-top: 20px;
overflow: hidden;
}

.preview_file_desc{
/*background-color:#a7c0cc;*/
}

.preview_file_keyword label{
display:none;
}

.preview_file_keyword ul {
margin: 0;
padding: 0;
list-style: none;
list-style-type: none;
text-align: justify;
list-style-type: none;
}

.preview_file_keyword ul li {
display: inline;
text-align: justify;
font-size: 14px;
font-weight: bold;
line-height: 75px;
}

.preview_file_keyword ul > li > a {

color: #999999;
line-height: normal;

font-weight: 400;
font-style: normal;
padding-top: 8px;
padding-left: 28px;
padding-right: 28px;
padding-bottom: 8px;

float: left;

font-size: 22px;
margin:15px;
border: 1px solid #999999;
border-radius: 20px;
-webkit-border-radius: 20px;
word-break: break-all;
}

.preview_file_keyword ul > li > a:hover {
color: #000;
background-color:#fff;
}

.preview_file_btn{
margin:0px;
padding:0px;
width: 75%;
}

.more_media:hover,  .button-download:hover, .preview_file_btn .button-add-to-cart:hover, .preview_file_btn .button-download:hover{
background-color: #027dd2;
}

.hr_file{
border-top:solid #ccd3d3 0px;
border-bottom: solid #ccd3d3 1px;
display: block;
margin: 15px 0 15px;
width: 100%;
clear: both;
}

.preview_file_btn .button-download,.preview_file_btn .button-add-to-cart ,.cart-empty,.cart-empty:hover,.cart-export,.cart-export:hover,.cart-share,.cart-share:hover{
background-color: #0c64aa;
color: #fff;
font-size: 15px;
border: 1px solid;
height: 42px;

border: none;
border-radius: 5px;
text-align: center;
cursor: pointer;
line-height: 20px;
height: 40px;
text-decoration:none;
}

.preview_file_btn .button-download, .preview_file_btn .button-add-to-cart {
    margin-top: 10px;
    margin-bottom: 20px;
    float: right;
    width: 30%;
    text-transform: uppercase;
    padding: 10px;
    font-weight: 600;
}

.cart-empty,.cart-empty:hover,.cart-export,.cart-export:hover,.cart-share,.cart-share:hover{
text-align: center;
width: auto;
padding-right: 20px;
padding-left: 20px;
}

.cart-empty,.cart-empty:hover{
right: 15px;
position: absolute;
}

.cart-export,.cart-share{
margin-right:20px;
}

.cart-export:hover,.cart-share:hover,.cart-empty:hover{
background-color: #027dd2;
}

.cart-empty a, .cart-empty a:hover,.cart-export a, .cart-export a:hover,.cart-share a, .cart-share a:hover {
color: #fff;
text-decoration: none;
}



.file-preview-img{
max-height: 400px;
}

.preview_file_btn .button-add-to-cart{
margin-right:5px;
}

.preview_file_btn .button-download i ,.preview_file_btn .button-add-to-cart i  , .cart-empty i , .cart-share i , .cart-export i {
font-size: 26px;
color: #fff;
margin-right:15px;
}

.preview_file_btn .button-download a ,.preview_file_btn .button-add-to-cart a{
color:#fff;
}

.actions{
margin-right: -20px;
margin-left: -20px;
padding-right: 27px;
padding-left: 18px;
padding-bottom: 20px;
}

.file-preview-title{
font-weight: 400;
font-style: normal;
font-size: 30px;
height:60px;
padding: 0px;
}

.custom_theme{
padding:15px;
padding-top:20px;
padding-bottom:20px;
background-color: rgba(242, 242, 242, 1);
margin-top: -25px;
}

.custom_theme_title{
font-size: 22px;
font-weight: 600;
color: #999999;
}

.ul_tri{
position: absolute;right: 0;margin-right: 170px;margin-top: 30px;list-style-type: none;
}

/**************************/
/* video et publicatino du moment */
/**************************/

.side2side-container {
    position: relative;
    height: 500px;
}
.side2side-container .side.left {
    left: 0;
}
.side2side-container .side {
    position: absolute;
    width: 49.5%;
}
.side2side-container .side.right {
    right: 0;
}
.side2side-container .title {

    font-size: 36px;
}
.side2side-container .side.left .preview {
    /*background-size: cover;*/
}
.side2side-container .side .preview {
    position: relative;
    height: 300px;
    cursor: pointer;
    margin: 8px 0;
    background-color: black;
    background-repeat: no-repeat;
    background-position: center center;
}
.side2side-container .side .preview .play-button {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    cursor: pointer;
    background: transparent url('../img/button-play.png') no-repeat center center;
}
.side2side-container .link-all {
    background: #0069B1;
    padding: 4px 8px;
    cursor: pointer;
    color: white;
    font-size: 20px;
}

.side2side-container .link-all:hover{
 background: #0069B1;
}

.logo{
	height: 160px;
	margin-left: 15px;	
}

.toolbar{
	height: 42px;
	margin-bottom: 30px;
	margin-top: 10px;
	z-index: 2;
	position: relative;
	margin-left: auto;
    margin-right: auto;
}
.fa-shopping-basket{
    margin-left: 0px!important;
    margin-top: 0px!important;
}
.header-desktop{
	height: 90px;
	margin-left: 15px;
}
.menu{
	height: 30px;
	position: absolute;
	right: 0;
	z-index:2;
	margin-right: 15px;
}
/**************************/
/* @media only screen and */
/**************************/

@media only screen and (min-width: 768px) {
.cd-top {right: 20px;bottom: 20px;}

}

@media only screen and (max-width: 1600px) {

	/*.nav-collapse label{
	font-size: 1px;
	color:transparent;
	font-weight: normal;
	}*/
}
@media only screen and (min-width: 1024px) {
.cd-top {height: 60px;width: 60px;right: 65px;bottom: 75px;}

}

@media only screen and (max-width : 990px){

.ul_tri{margin-top: 3px;}

.cart-empty{position: relative;margin-right: 20px;margin-left: 15px;}

.advanced-search-container-single{margin-top: 55px;left:0%;margin-left: 454px;}

}
@media only screen and (max-width : 1190px){
	.container_purplespics{
	margin:0px;
	min-width: 100%;
	}
}

@media(max-width:1200px) {
	#navigation-wrapper{
	width: 100%;
	}

	.hr_file{
	padding:5px;
	}

	.btn_close_file{
	margin-top:-65px;
	}

	.preview_file_btn .button-download,.preview_file_btn .button-add-to-cart{
	height: 58px;
	font-size: 24px;
	line-height: 60px;
	}

	.preview_file_btn .button-download{
	/*width: 247px;*/
	/*margin-left: 35px;*/
	width:100%;
	}

	.preview_file_btn .button-add-to-cart{
	/*width: 309px;*/

	width:100%;

	}
	.preview_file_btn .button-download i ,.preview_file_btn .button-add-to-cart i {
	font-size: 24px;
	}

	.purple_body{
	padding:0px;
	padding-top:10px;
	padding-bottom:20px;
	}

	.purple_body_home{
	padding:0px;
	padding-top:10px;
	padding-bottom:20px;
	}

	.container_purplespics{
	width: 100%;
	}

	.area_keyword_container {
	padding-top: 10px;
	padding-left: 0px;
	margin-left: 10px;
	margin-right: 10px;
	}

	#advanced-search-container{
	width: 100%;
	margin-left:0px;
	padding:10px;
	margin-top: 134px;
	left:0%;
	}

	#advanced-search-container .col-sm-3{
	font-size: 14px;
	padding-right: 18px;
	}

	#advanced-search-container .form-horizontal .control-label {
	float: left;
	width: 158px;
	}

	#advanced-search-container .form-horizontal .control-label {
	text-align: left;
	}

	#advanced-search-container  input[type="text"], #advanced-search-container  select{
	margin-right: 5px;
	margin-left: 5px;
	width: 99%;
	}

	#advanced-search-container .form-horizontal .control-label {
	padding-left:0px;
	margin-left: 5px;
	width: 99%;
	}

	#advanced-search-container .col-sm-7{
	width: 99%;
	}

	.area_keyword_container .nav > li > a:hover{
	border-bottom:0px solid #0069B1;
	}

	.area_keyword_container_footer .nav > li > a{
	padding-top: 9px;
	padding-left: 29px;
	padding-right: 29px;
	padding-bottom: 9px;
	font-size: 14px;
	margin-bottom: 23px;
	border: 1px solid #000;
	margin-right: 10px;
	border-radius: 5px;
	-webkit-border-radius: 5px;
	}

}


@media(max-width:700px) {
.slide-ePhoto{height: 100%;min-height: 410px;}
.slide-ePhoto-content{overflow: hidden; max-height: 270px;}
.div_img_caption{position: relative;}
.more_media_content_display .grid-container .tile {max-width: 501px;}
}

@media(max-width:400px) {
	#site-banner .responsive-menu {margin-top: -99px;}
}

@media(max-width:600px) {
	.slide-ePhoto{height: 100%;min-height: 450px;}
	.slide-ePhoto-content{overflow: hidden; max-height: 270px;}
	.titles-wrapper {font-size: 18px;}
	.aui [class*="span"] .slider-text-left .slides > li .slider-content, .aui [class*="span"] .slider-text-right .slides > li .slider-content, .aui [class*="span"] .slider-text-right.small .slides > li .slider-content {
	font-size: 14px;
	font-weight: 200;
	}
}

@media(max-width:1000px){
	.content-container-dipo{
	border: 1px solid red;
	height: 428px;
	overflow: hidden;
	position: relative;
	width: 1141px;
	display:none;
	}
	.slide-ePhoto{height: 100%;}

}

@media screen and (max-width: 980px) {

	.aui .slider-text-right .slides > li .slide-info {
	bottom: 0;
	height: 240px;
	position: absolute;
	right: 0;
	top: unset;
	width: 100%;
	padding-bottom: 5px;
	padding-top: 5px;
	}
	
	.side2side-container .side.left {
	left: 0;
	}
	
	.side2side-container .side {
	position: relative;
	width: 100%;
	}

	.side2side-container .side.right {
	left: 0;
	}

	.side2side-container {
	position: relative;
	height: auto;
	}

	.aui .slider-text-right .slides > li .image-wrapper {
	float: unset;
	width: 100%;
	margin-bottom: 0px;
	}
	
	.area_keyword_container {
	margin-top:5px;
	}
	
	.header_keyword_cell {
	float:left;
	margin:10px;
	height: 15px;
	line-height: 15px;
	font-size: 14px;
	border-bottom: 1px solid #0069B1;
	}

	.area_keyword_container_footer .menu_btn_keyword ul > li > a {
	padding-top: 10px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 10px;
	font-size: 14px;
	}
	
	.area_keyword_container_footer {
	margin-bottom: 25px;
	}
	
	.menu_btn_keyword ul li {
	line-height: 45px;
	}
	.cart-empty,.cart-empty:hover,.cart-export,.cart-export:hover,.cart-share,.cart-share:hover{
		text-align: center;
		width: 100%;
		padding-right: 20px;
		padding-left: 20px;
	}

	.cart-empty,.cart-empty:hover{
		right: 15px;
		position: relative;
	}
}
@media screen and (max-width: 600px) {
.img_bg_home {
    background-position: -180px;
    background-size: cover;
}
.iframe_connexion {
    width: 100%;
    right: 0;
}
.iframe_connexion iframe {
    margin-left: -25px;
}
.footer {
    height: auto;
	z-index:105;
}
.container-max {
    max-width: 95%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0px;
    padding-right: 0px;
}
.header_logo_home_title{
	display: none;
}
.perso_search_bugger_brandcenter_thesaurus, #fulltext-form, .perso_search_bugger_brandcenter {
    width: 100%!important;
    float: left;
    position: relative;
    margin: auto;
    margin-bottom: 5px;
}
.ePhoto-search {
    width: 100%;
}
.header_logo_home{
	margin-top: 20px;
}
.logo {
    height: 85px;
}
.keyword_block_active {
    width: 100%;
	padding-left: 15px;
}
.toolbar{
	height: 135px;
}
#advanced-search-button{
	display:none;
}
[class*="span"], .uneditable-input[class*="span"], .row-fluid [class*="span"] {
    width: 33%;
}
#id5f {
    width: 66%;
}
.hr_file{
	display:none;
}
.preview_file_btn {
    width: 100%;
    z-index: 5;
    height: auto;
    display: block;
    position: relative;
}
.preview_file_btn .button-add-to-cart {
    margin-right: 0px;
}
.info-before {
    max-height: 100%;
}
.custom_theme {
    margin-top: 0px;
}
.cart-empty, .cart-export, .cart-share {
    width: 100%;
    margin-bottom: 5px!important;
}
.modal {
    left: 0%;
    width: 100%;
}
.modal a{
	margin-bottom:1%;
	display: block;
}
.more_media_content_display {
    height: max-content;
}
.keyword_block_active {
    top: 96px;
}
.info-before ul {
    margin-left: 0;
}
.col-lg-9 .h2_purple span span {
    line-height: 35px;
}
}
@media screen and (min-width: 548px) and (max-width:600px){
.div-createlogin {
    margin-top: 0px;
}
}
@media screen and (min-width: 601px) and (max-width:979px){
.header_logo_home_title {
    font-size: 29px;
    margin-left: 250px;
}
.navbar-toggle {
    padding: 5px!important;
}
.perso_search_bugger_brandcenter_thesaurus, .perso_search_bugger_brandcenter {
    font-size: 11px;
    width: 107px;
}
.fa-bars, .fa-shopping-basket{
	font-size: 11px!important;
}
#advanced-search-button{
	display:none;
}
[class*="span"], .uneditable-input[class*="span"], .row-fluid [class*="span"] {
    width: 30%;
}
#id5f {
    width: 66%;
}
.hr_file{
	display:none;
}
.preview_file_btn {
    width: 100%;
    z-index: 9;
    height: auto;
    display: block;
    position: relative;
}
.preview_file_btn .button-add-to-cart {
    margin-right: 0px;
}
.info-before {
    max-height: 100%;
}
.custom_theme {
    margin-top: 0px;
}
.btn_close_file{
	margin-top: 10px!important;
}
.cart-empty, .cart-export, .cart-share {
    width: 100%;
    margin-bottom: 5px!important;
}
.keyword_block_active {
	padding-left: 15px;
}
}
@media screen and (min-width: 980px) and (max-width:1300px){
.header_logo_home_title {
    margin-left: 200px;
}
.info-before ul {
    margin: 0;
}
.hr_file{
	display:none;
}
.preview_file_btn {
    width: 100%;
    z-index: 9;
    height: auto;
    display: block;
    position: relative;
}
.preview_file_btn .button-add-to-cart {
    margin-right: 0px;
}
.info-before {
    max-height: 100%;
}
.custom_theme {
    margin-top: 0px;
}
.btn_close_file{
	margin-top: 10px!important;
}
.header_logo_home_title {
    margin-top: 60px;
}
.header_logo_home{
	margin-top:50px!important;
}
.header-desktop {
    height: 140px;
}
.keyword_block_active {
	padding-left: 15px;
}
}
@media screen and (min-width: 1191px) and (max-width:1300px){
.container-max {
    max-width: 100%;
    margin-left: auto;
    margin-right: auto;
    padding-left: 0;
    padding-right: 0;
}
.result_panel_title {
    margin-right: 20px;
    margin-left: 0px;
    margin-top: 0px;
}
.btn_close_file {
    margin-top: 0px!important;
}
}
@media screen and (min-width: 1199px){
.button-download, .button-add-to-cart {
    width: 48%!important;
    margin-right: 0!important;
    margin-left: 5px!important;
    float: left!important;
}
}
@media (max-width: 979px){
.nav-collapse, .nav-collapse.collapse {
    overflow: inherit;
    height: 0;
}
.header_nav_purple .nav li:nth-child(2), .header_nav_purple .nav li:nth-child(3), .header_nav_purple .nav li:nth-child(5){
	display:none;
}
.menu {
    position: relative;
    padding: 10px 0;
}
}
@media screen and (max-width:1099px){
.bottomMenu .btn_contrib_copy, .bottomMenu .btn_contrib_send, .bottomMenu .btn_contrib_cancel{
	display:none;
}
}
.info-before {
    max-height: 100%;
}
label {
    font-weight: 100;
}
.btn_signal {
    position: absolute;
    right: 66px;
    cursor: pointer;
    display: inline-block;
    top: 8px;
	z-index:2;
}
#signalement_bloc {
    width: 20%;
    position: absolute;
    top: 0;
    left: 0;
    border: 2px solid #0069b1;
    border-radius: 5px;
    z-index: 100;
    background-color: #FFF;
    margin: 0 40%;
    top: 5%;
}
#signalement_bloc textarea {
    width: 100%;
    border: 0;
    box-shadow: none;
    margin: 0 0 10px 0;
    padding: 0 5px 0 5px;
    color: #000;
    height: 100px;
}
#signalement_bloc textarea:placeholder {
	color:#eee;
}
#btn_envoie_signalement {
    background-color: #0069b1;
    color: #FFF;
    display: block;
    float: right;
    position: relative;
    box-shadow: none;
    margin: 0px 3px 3px 0px;
    border-radius: 3px;
    border: 1px solid #0069b1;
}
hr{
    margin-top: 5px;
	margin-bottom:5px;
}