/* ATTENTION  google font en premier !! */
@import url('http://fonts.googleapis.com/css?family=Lato:400,300');
@import url('http://fonts.googleapis.com/css?family=Raleway:400,300,500');

.wrapper {
padding-top : 90px;
/* modif Cricri */
padding-top : 10px;
}

.navbar-brand {
padding: 0px !important;
position: relative;
}

.feature_title{
border-bottom: 1px solid #fff;
color: #266f5c !important;
font-size: 33px;
line-height: 50px;
margin: 10px auto;
padding: 20px 0;
position: relative;
text-transform: uppercase;
border-top: 1px solid #fff;
}

#support {
padding-top : 100px;
padding-bottom : 100px;
}

.title_menu {color : white; font-size : 20px; padding-top : 20px; }
@media only screen and (max-device-width : 6in) {
	.title_menu {color : white; font-size : 11px; margin : 0; }
}
@media only screen and (max-device-width : 4in) {
	.title_menu {display : none; }
}

/*******************************************************************************/
/* SUPPORT TIMELINE */
.message-item {
margin-bottom: 25px;
margin-left: 40px;
position: relative;
}
.message-item .message-inner {
background: #fff;
border: 1px solid #ddd;
border-radius: 3px;
padding: 10px;
position: relative;
}
.message-item .message-inner:before {
border-right: 10px solid #ddd;
border-style: solid;
border-width: 10px;
color: rgba(0,0,0,0);
content: "";
display: block;
height: 0;
position: absolute;
left: -20px;
top: 6px;
width: 0;
}
.message-item .message-inner:after {
border-right: 10px solid #fff;
border-style: solid;
border-width: 10px;
color: rgba(0,0,0,0);
content: "";
display: block;
height: 0;
position: absolute;
left: -18px;
top: 6px;
width: 0;
}
.message-item:before {
background: #fff;
border-radius: 2px;
bottom: -30px;
box-shadow: 0 0 3px rgba(0,0,0,0.2);
content: "";
height: 100%;
left: -30px;
position: absolute;
width: 3px;
}
.message-item:after {
background: #fff;
border: 2px solid #ccc;
border-radius: 50%;
box-shadow: 0 0 5px rgba(0,0,0,0.1);
content: "";
height: 15px;
left: -36px;
position: absolute;
top: 10px;
width: 15px;
}
.clearfix:before, .clearfix:after {
content: " ";
display: table;
}
.message-item .message-head {
border-bottom: 1px solid #eee;
margin-bottom: 8px;
padding-bottom: 8px;
}
.message-item .message-head .avatar {
margin-right: 20px;
}
.message-item .message-head .user-detail {
overflow: hidden;
}
.message-item .message-head .user-detail h5 {
font-size: 16px;
font-weight: bold;
margin: 0;
}
.message-item .message-head .post-meta {
float: left;
padding: 0 15px 0 0;
}
.message-item .message-head .post-meta >div {
color: #333;
font-weight: bold;
text-align: right;
}
.post-meta > div {
color: #777;
font-size: 12px;
line-height: 22px;
}
.message-item .message-head .post-meta >div {
color: #333;
font-weight: bold;
text-align: right;
}
.post-meta > div {
color: #777;
font-size: 12px;
line-height: 22px;
}

.avatar img {
width : 40px;
height : 40px;
}

.qa-message-what {
color : #aaa;
/*font-weight : normal;*/
}

/* ajout pour griser le message lorsqu'on est l'auteur */
.message-item .message-inner {
background-color : #fff;
}
.message-item .message-inner::after {
background-color : transparent;
border-right: 10px solid #fff;
}

.message-item .message-me.message-inner {
background-color : #fafafa;
}

.message-item .message-me.message-inner::after {
border-right: 10px solid #fafafa;
}

.message-item::after {
/*background-color : #ff9900;*/
}

/*******************************************************************************/
.btn-file {
position: relative;
overflow: hidden;
}
.btn-file input[type=file] {
position: absolute;
top: 0;
right: 0;
min-width: 100%;
min-height: 100%;
font-size: 100px;
text-align: right;
filter: alpha(opacity=0);
opacity: 0;
outline: none;
background: white;
cursor: inherit;
display: block;
}

#img-upload{
width: 100%;
}

/*******************************************************************************/
/* AFFICHAGE SELON ECRAN*/
@media only screen and (min-device-width : 8in) and (max-device-width : 55in){
	
.only-phone {display:none !important;}
.only-tab-pc {display:block !important;}
.only-pc {display:block !important;}
}

@media only screen and (min-device-width : 6in) and (max-device-width : 8in) {
.only-phone {display:none !important;}
.only-tab-pc {display:block !important;}
}

@media only screen and (max-device-width : 6in) {
.only-phone {display:block !important;}
.only-tab-pc{display:none !important;}

#slider_part {height: 100px !important;margin-top: 50px !important;}
.wrapper {padding-top: 0px !important;}

}