@charset "UTF-8";

/* ___________________________________________________________________________________________ COMPTE ____________________________________________________________________________________________ */

/* a trier
 */

/* info compte & breadscrum */
.info-compte-forum{display:table;width:100%;font-size:11px;}
.info-compte-forum > *{display:table-cell;padding:5px 0;}
.info-compte-forum > *.breadscrum{text-align:left;}
.info-compte-forum > *:last-child{text-align:right;}
/* nav compte */
.nav-compte-forum {
	display:table;
	width:100%;
	border-bottom:1px solid #cecece;	
	background:#eef3f5;
}
.nav-compte-forum li {
	float:none;
	display:table-cell;
	text-align:center;
	border-right:1px solid #e0e0e0;
	font-size:18px;
	line-height:65px;
}
.nav-compte-forum li:last-child{border-right:none;}
.nav-compte-forum li a{
	border-radius:0;
	color:#979d9f;
	background:none!important;
}
.nav-compte-forum li a span.nb-mail{
	padding-left:0.33em;
	padding-right:0.33em;
	border-radius:50%;
	font-weight:bold;
	color:#fff;
	background:#c7100f;
	text-shadow:none;
}
.nav.nav-pills.nav-compte-forum li.active {
	border-left:0 none;
}
.nav-compte-forum li:hover{
	background-color:#2c2c31;
	color: #28b4c4;
}
.nav-compte-forum li:hover a,
.nav-compte-forum li.active:hover a {
	color: #28b4c4;
	background-color:#2c2c31;
}
.nav-compte-forum li.active a {
	color:#979d9f;
}
.nav-compte-forum li.active:hover {
	background-color:#2c2c31;
	color: #28b4c4;
}

.nav-compte-forum .acces-mail.active .nb-mail{
	color:#006dae;
	background-color:#fff;
}
.nav-compte-forum .acces-admin,
.nav-compte-forum .acces-admin a{
	background-color:#e0e0e0;
	color:#fff;
}
.nav-compte-forum .acces-admin.active,
.nav-compte-forum .acces-admin.active a{
	background-color:#28b4c4;
	color:#fff;
}

/* nav messagerie */
.nav-mail-compte-forum{margin-left:-15px;}
.nav-mail-compte-forum ul li{
	background: rgb(242,244,248);

	border:1px solid #bbccda;
	margin-bottom:3px;
}
.nav-mail-compte-forum ul li:hover{background:#f2f4f8;}
.nav-mail-compte-forum ul li a{
	display:table;
	width:100%;
	text-align:center;
}
.nav-mail-compte-forum ul li a span.picto{

	width:80px;
	background:url(/forum-auto/style/autoevasion/css/img/sprite-forum-compte.png) no-repeat -155px 2px transparent;
	overflow:hidden;
	position:relative;
}
.nav-mail-compte-forum ul li a span {
	display:table-cell;
	height:66px;
	vertical-align:center;
}
.nav-mail-compte-forum ul li a,
.nav-forum-mail ul li a span.text{
	font-family: 'Roboto Condensed', sans-serif;
	color:#909698;
	/*text-shadow:1px 1px 0 #fff;
	font-family:orienta;*/
	background:#eef3f5;
	font-size:16px;
} 
.nav-mail-compte-forum ul li a:hover,
.nav-forum-mail ul li a:hover span.text{
	/*color:#09619d;
	text-shadow:1px 1px 0 #fff;*/
	background:#fff;
} 
.nav-mail-compte-forum ul li a span.text{
	padding:0 18px;
	margin-bottom:3px;
	border-left:1px solid #bbccda;
	vertical-align:middle;
}
.nav-mail-compte-forum ul li a span.text em{font-style:normal;}
.nav-mail-compte-forum ul .box span.picto{background-position:-197px -44px;}
.nav-mail-compte-forum ul .box span.picto span.num {display:none;} 
.nav-mail-compte-forum ul .box .in-box span.picto {background-position:-197px -44px;}

.nav-mail-compte-forum ul .box .in-box span.picto span.num {
	 display:block;
	 background:#c7100f;
	 height:18px;
	 width:18px;
	 color:#fff;
	 text-shadow:none;
	 font-size:12px;
	 line-height:18px;
	 margin-top:5px;
	 border-radius:50%;
	 text-align:center;
	 position:absolute;
	 bottom:0;
} 

.nav-mail-compte-forum ul .send span.picto{background-position:-147px -45px;}
.nav-mail-compte-forum ul .send-list span.picto{background-position:-246px 2px;}
.nav-mail-compte-forum ul .contact span.picto{background-position:-147px 7px;}
.nav-mail-compte-forum ul li a:hover{text-decoration:none;}

.nav-mail-compte-forum .cadre_picto{width:80px;height:66px;	border-right:1px solid #fff;}
.nav-mail-compte-forum .cadre_picto .picto{width:50px;height:50px;overflow:hidden;margin:5px auto;display:block;}

.nav-forum-mail ul li a.active span.text{
	background: rgb(0,126,196);
	color:#fff;
	text-shadow:1px 1px 0 #000;
}
.nav-mail-compte-forum .button-group{margin-top:10px;}
.nav-mail-compte-forum .button-group > *{
	padding:5px;
	border:none;
	text-align:center;
	background:none;
}
.nav-mail-compte-forum .button-group > *:hover{background:none;}

.nav-mail-compte-forum .btn .picto{
	background: url(/forum-auto/style/autoevasion/css/img/sprite-forum-compte.png) -68px -15px no-repeat transparent;
	width:20px;
	height:20px;
	margin:0;
}
.nav-mail-compte-forum .btn.delete .text{background-image:none;}
.nav-mail-compte-forum .btn.delete .picto{background-position: -68px -64px;}
.nav-mail-compte-forum .btn.back .picto{background-position: -266px -66px;}

.nav-mail-compte-forum .btn{width:100%;margin-bottom:10px;text-align:center;padding: 10px 0;}
.nav-mail-compte-forum .btn > span{display:inline-block;vertical-align:middle;}

.nav-mail-compte-forum .btn-orange{background:#ececec;box-shadow:1px 1px 0px #dedede;}
.nav-mail-compte-forum .btn-orange:hover{background:#dedede;box-shadow:1px 1px 0px #ececec;}

/* contenu compte 
.content-compte-forum{min-height:300px;}*/
.content-compte-forum .row{margin:10px 0;}

/* element de formulaire */


/* refonte FORMULAIRE forum début 2015 */
/* ___________________________________________________________________________________ELEMENTS DE FORMULAIRE ____________________________________________________________________________________ */

.checkbox, .radio{font-size:12px;}

label.row{width:100%;}

.form-group input[type=text],
.form-group input[type=email],
.form-group input[type=password],
.form-group button.btn.dropdown-toggle.btn-default.selectpicker,
.form-group .input-group,
textarea{

	background:#fff;
	font-family: 'Roboto', sans-serif;; 
    border-radius: 0;
    border:1px solid #d2d2d2;
	font-size:15px;
    height:40px;
    line-height: 18px;
    font-weight:normal;
    padding-top:10px;
   /* box-shadow: inset 1px 1px 0 #e2e2e2;*/
     /*padding: 0 42px 0 10px;
   width:auto;*/
}
.input-group.login, .input-group.password {
	padding-top: 0;
}
.input-group.password {
	padding-top: 0;
	margin-bottom: 10px!important;
}
.obligatory {
	color: red;
}
.btn.dropdown-toggle{
	color:#535353!important;
	text-shadow:none!important;
	padding-left:8px;
	box-shadow: none!important;
	border-radius: 0;
	border-color:#d2d2d2!important;
	background-color:#fff!important;
}
.btn.dropdown-toggle:focus{border:1px solid #d2d2d2!important;}
.bootstrap-select.form-control{
	height:auto;
	border-radius:0;
}

.sucess button.btn.dropdown-toggle.btn-default.selectpicker {
    border-color: #41da7b !important;
    color: #41da7b !important;
}
.error button.btn.dropdown-toggle.btn-default.selectpicker {
    border-color: #c7100f !important;
    color: #c7100f !important;
}

 /* #c7100f ROUGE ERROR */
 /* #41da7b VERT VALIDER */
 /* #4893f5 BLEU SELECT */

 textarea{
	min-height:200px;
    resize: none;
    margin-bottom:10px;
	width: 100%;
	padding: 5px 10px;
}
.bootstrap-select .btn:focus{
	 outline: none 0 !important;
    outline-offset: 0;
}

.form-group textarea.form-control{color:#686868;}
.form-group textarea.replace-ckeditor{min-height:200px;width:100%; margin-bottom:10px;}
.form-group textarea.replace-ckeditor+div.hidden-xs{  margin-bottom:10px;}
.form-group input[type=text]{padding: 0 10px 0 10px;}
.form-group input[type=text]:focus,
.form-group input[type=mail]:focus,
.form-group input[type=password]:focus,
.form-group .bootstrap-select button.dropdown-toggle.selectpicker:focus,
.list-send textarea:focus{
	border-color:#398af5;
	box-shadow: inset 1px 1px 5px #e2e2e2;
}

.form-control, select.form-control{color:#535353;}

.form-group .form-control{color:#535353;}


.form-group input[type=text].form-control.valid,
.form-group input[type=email].form-control.valid,
.form-group input[type=password].form-control.valid,
.form-group textarea.form-control.valid {border-color:#41da7b;color:#41da7b;}

.form-group input[type=text].form-control.error,
.form-group input[type=email].form-control.error,
.form-group input[type=password].form-control.error,
.form-group textarea.form-control.error {border-color:#c7100f;color:#c7100f;}


.form-group .bootstrap-select.dropup .dropdown-toggle.selectpicker {border-color:#41da7b;color:#41da7b;}
/*.form-group .bootstrap-select.dropup button.dropdown-toggle.selectpicker {border-color:red;color:blue;}*/
/* _______________________________________________________ input et label-group _______________________________________________________ */

.form-group > *{position:relative;}
.form-group .input-group {display:block;}

.form-group .input-group{
	border: 1px solid #adadad;
    border-radius: 0;
    color: #00609e;
    /*font-family: "Orienta",sans-serif;*/
    padding: 0 10px 0 10px;
    vertical-align:middle;
    text-align:left;
    padding-left:0;
    margin-bottom:20px;
}
.label-group-input{display:block;}
.label-group-input > *{display:inline-block;vertical-align:middle;}
.input-group .input-group-addon,.input-group input.form-control{display:inline-block;vertical-align:middle;}
.input-group .input-group-addon{background:url(/forum-auto/style/autoevasion/css/img/sprite-forum-compte.png) no-repeat -5px -10px transparent;width:35px;height:32px;border:none;padding:0;}

.input-group.login .input-group-addon{background-position: -5px -58px ;}
.input-group.password .input-group-addon{background-position: -5px -109px ;}

.input-group input.form-control{
	border:none;
	background:none;
	box-shadow:0 0 0 transparent;
	border-radius:0;
	width: calc(100% - 40px);
	padding:0;
}

.form-group.has-success .input-group{border-color:#41da7b;}
.form-group.has-success .input-group input.form-control{color:#41da7b;}

.form-group.has-error .input-group{border-color:#c7100f;}
.form-group.has-error .input-group input.form-control{color:#c7100f;}
.form-group span.errors {color:#c7100f;}

.input-group input.form-control:focus{box-shadow:0 0 0 transparent;}

.checkbox,
.radio{
padding-left:0;}

.gallery-accident{text-align:center;}
.gallery-accident li{display:inline-block;margin:2px;}

.file-vign{
		position:absolute;
		top:0;
		left:0;
		width:auto;
		height:100%;

		z-index: 1;
	}
.gallery-accident .btn.delete{
		height:25px;
		width:25px;
		margin-top:15px;
		position:relative;
		background:#ccc;
		box-shadow:2px 2px 0 #686868;
		font-weight:bold;
		border:1px solid #ccc;
		border-radius:4px;
		z-index:100000;
		background:url(/forum-auto/style/autoevasion/css/img/sprite-forum-bt.png) no-repeat scroll -44px -120px #fff;
		opacity:0.5;
	}
	.gallery-accident .btn.delete:hover{
	opacity:1;
	}


/* gestion input type file ... */
.form-group.img-file{
	position:relative;
	overflow:hidden;
	display:block;
	vertical-align:middle;
	text-align:center;
	width:110px;
	height:110px;
	border: 1px solid #adadad;
	margin:0;  
}
.form-group.img-file label{height:100%;width:100%;margin:0;}
.form-group.img-file .plus{
	position:absolute;
	top:0;
	left:0;
	height:100%;
	width:100%;
	display:block;
	background: #fff;
	}
	.form-group.img-file .plus:after{
	content:"+";
	color:#ccc;
	font-size:60px;
	text-align:center;
	line-height:110px;
}
.form-group.img-file .plus{cursor:pointer;}

.form-group.img-file.active .plus:after{
	/*background:#149600;
	box-shadow:2px 2px 0 #149600;	*/
	color:#fff;
	text-shadow:1px 1px 0 #20964d;
}

.form-group.img-file.active:hover .plus:after{
	/*box-shadow:1px 1px 0 #149600;		*/
}
.form-group.img-file.active .plus{
	background:#2ed66e;
}
.form-group.img-file.active:hover .plus {
	background:#fff;
	border: 5px solid #2ed66e;
}
.form-group.img-file.active:hover .plus:after{
	line-height:100px;
	color:#2ed66e;
	text-shadow: 0 0 0 transparent;
}


/* _______________________________________________________ mise en forme checkform _______________________________________________________ */

input.form-control{display:inline-block;}

input.form-control + .picto-control{
	position:absolute;
	right:0;top:0;
	margin-right:-15px;
	display:inline-block;
	height:32px;
	width:32px;
	line-height:32px;
	background:url(/forum-auto/style/autoevasion/css/img/sprite-forum-compte.png) no-repeat -10000px -10000px transparent;
}
.input-group .form-control + .picto-control{margin-right:-25px;}
input.form-control.error + .picto-control{background-position:-100px -57px ;}
input.form-control.valid + .picto-control{background-position:-100px -10px;}

.form-group.has-error .input-group{border-color:#c7100f;}
.form-group.has-error .input-group input{color:#c7100f;}
.form-group.has-success .input-group{border-color:#41da7b;}
.form-group.has-success .input-group input{color:#41da7b;}
.form-group.has-error .picto-control{background-position:-100px -57px ;}
.form-group.has-success .picto-control{background-position:-100px -10px ;}

/* _______________________________________________________ custom-radio & custom-checkbox ___________________________________________________________ */

.custom-radio,.custom-checkbox{
	display:inline-block;
	vertical-align:middle;
	background: rgb(255,255,255);
	border: 1px solid #d2d2d2;
	position:relative;
	height:24px;
    width:23px;
    overflow:hidden;
	text-align:center;
	margin:0 5px;
	box-shadow:inset  1px 1px 0 #e2e2e2;
}
.custom-radio{border-radius:50%;}
.custom-radio > input,
.custom-checkbox > input{
	margin:0;
	padding:0;
	margin-left: -25px!important;
}
.custom-checkbox.active{border-color:#2ed66e;}
.custom-checkbox.active:after{
    color: #5cb85c;
    height:16px;
    width:16px;
    content: "";
    display: inline-block;
    left:3px;
    font-weight: bold;
    text-align: center;
    top:3px;
    position:absolute;
    background:url(/forum-auto/style/autoevasion/css/img/sprite-forum-compte.png) no-repeat -116px -20px transparent;
    
}
.custom-radio.active{border-color:#2ed66e;}
.custom-radio.active:after{
    content: "";
    display: inline-block;
    left:20%;
    text-align: center;
    top:20%;
    position:absolute;
    border-radius:50%;
    background:#2ed66e;
    height:60%;
    width:60%;
}
.custom-radio:hover,.custom-checkbox:hover{cursor:pointer;border:1px solid #3a8af5;}
.info-perso .form-group .btn{white-space: initial;}
.info-perso .form-group .btn.selectpicker{white-space: nowrap;}

/* _______________________________________________________ titre interne _______________________________________________________ */

.panel-forum-ae legend.inner-title{border-bottom:1px solid #ccc;margin-top:20px;padding-bottom:5px;}
.panel-forum-ae .sub-title-form{font-weight:bold;}
.panel-forum-ae .inner-title.title{color:#686868;}
/* _______________________________________________________ liste de lien _______________________________________________________ */

.user-activity li{display:inline-block;padding-right:40px;padding-bottom:20px;color:#646464;}
.user-link{display:block;clear:both;}

.user-link li{display:block;}
.user-link li > a{color:#646464!important;text-decoration:underline;}



/* _______________________________________________________ MESSAGERIE _______________________________________________________ */

.message-mail + * .speaker .group-button{display:block;text-align:right;}
.message-mail + * .speaker .group-button > *{display:inline-block;}


 .list-message,
 .list-contact
{
 	border:1px solid #b8cbd9;
 }

 .list-message .message-head,
 .list-contact .message-head,
 .list-send .message-head{
 	width:100%;
 	background:#e9eff3;
 	font-weight:bold;
 	text-align:center;
 	border-bottom:1px solid #b8cbd9;
 }

 .list-message td,
 .list-message th,
 .list-contact th,
  .list-contact td,
   .list-send th,
  .list-send td{
 	border-right:1px solid #b8cbd9;
 	display:table-cell;
 	padding:5px;
 	border-bottom:1px solid #b8cbd9;
 	text-align:center;
 	vertical-align:middle;
 }


 .list-message .message .title{text-align:left;}
 /*
 .title a,
 .list-message,
 .list-send,
 .list-contact{color:#00609e;}
*/
 .list-message tr:last-child > td{border-bottom:none;}
 .list-message tr > td:last-child{border-right:none;}
 .list-message .message td span{display:block;text-align:center;}   

 .list-message .message .new{display:none;}
 .list-message .message.new{background-color:#eef7f2;}
 .list-message .message.new > *{border-color:#95e18a;}
 .list-message .message.new .new{
 	display:block;
 	border:1px solid #95e18a;
 	background:#ecf7ea;
 	text-transform:uppercase;
 	color:#95e18a;
 	padding:3px 3px 0 3px;
 	font-weight:bold;
 	text-align:center;
 }
 .list-message .custom-checkbox{
 	height:30px;
 	width:30px;
 	display:block;
 	margin:3px auto;
 }
 .list-message .custom-checkbox.active:after{
 	font-size:24px;
 	line-height:30px;
 	left:7px;
 	top:8px;
 }

/* liste messagerie contact */

.add-contact{margin-bottom:10px;}
.list-contact th,
.list-send th{border:1px solid #b8cbd9;}
.list-contact th:last-child,.list-send th:last-child{border-right:1px solid #b8cbd9;}

.list-contact td,
.list-send td{border-bottom:1px solid #d5d5d5;border-left:1px solid #d5d5d5;}
.list-contact td:last-child,
.list-send td:last-child{border-right:1px solid #d5d5d5;text-align:center;}
.list-contact th,
.list-contact td,
.list-send th,
.list-send td{padding:5px;}
.list-contact td a.send,
.list-contact td a.delete,
.list-send td a.send,
.list-send td a.delete{display:inline-block;height:20px;width:20px;}
.list-contact td a.send span,
.list-contact td a.delete span,
.list-send td a.send span,
.list-send td a.delete span{display:none;}

.list-contact td a.send,
.list-send td a.send{background:url(/forum-auto/style/autoevasion/css/img/sprite-forum-bt.png) no-repeat -82px -196px transparent;}
.list-contact td a.delete,
.list-send td a.delete{background:url(/forum-auto/style/autoevasion/css/img/sprite-forum-bt.png) no-repeat -82px -232px transparent;}
.list-send textarea{display:block;width:100%;margin-bottom:10px;}


.panel-o .form-control{color:#ed710b;}
.panel-o .form-control .btn{box-shadow: 1px 2px 0 #ed710b;}
.panel-o .form-control:hover .btn{box-shadow: 1px 2px 0 #f29100;}


/*.panel-g .form-control{background-color:transparent;color:#149600;}*/
.panel-g .form-control .btn{box-shadow: 1px 2px 0 #149600;}
.panel-g .form-control:hover .btn{box-shadow: 1px 2px 0 #149600;}
.panel-g .form-control .filter-option,
.panel-g .form-control .caret{border-color:#149600 transparent;color:#149600;}
.dropdown-menu.open{border-radius: 0;margin-top: 0;}
.dropdown-menu.open .dropdown-menu.inner li{display:block;}

.bootstrap-select.open{border-color:#5198f6;color:#a4a5a8;}
.bootstrap-select.open .btn.selectpicker{background-color:#eefaff!important;}
.bootstrap-select.open ul li a:hover{background-color:#5198f6!important;color:#fff;}

@media screen and (max-width: 959px){
	.nav-compte-forum{display:none;border-bottom:0;}
	.nav-compte-forum.open{display:block;}
	.nav-compte-forum.open li{display:block;border:none;margin-left:0;}
	.nav-forum-compte-responsive{
		color:#fff;
		font-weight:bold;
		font-size:14px;
		padding:10px 15px;
		border-bottom:1px solid #c6c6c6;
		background:#2c2c31;
	}
		

.nav-forum-compte-responsive .caret{margin-top:10px;}
.nav-forum-compte-responsive:hover,
.nav-forum-compte-responsive:focus{color:#fff;}
.nav-forum-compte-responsive:focus{text-decoration:none;}
.nav-forum-compte-responsive:hover{
			text-decoration:none;
		}
	.nav-compte-forum:after{
		content:"";
		display:block;
		height:20px;
	}

	.user-mail .send-message{margin-top:10px;}
	.nav-mail-compte-forum{margin-left:0;}
	
	.list-message{width:100%;}
	.list-message .message-head,
	.list-message .message .select,
	.list-message .message .expe,
	.list-message .message .dest{display:none;}
	.list-message .message.new .title{border-left:3px solid #95e18a;}
	
	fieldset .bootstrap-select{margin-bottom:10px!important;display:block;} 
.form-control, select.form-control{border-radius: 0;}

	.list-contact th,
	.list-send th{white-space:initial;display:none;}
	.list-contact tr td:first-child{display:none;}
	.list-send tr td label{display:block;}
	.list-send td a.send,
	.list-send td a.delete{display:block;margin:auto;}

	.admin-compte .btn-default{margin-bottom:5px;}
}



input.form-control, textarea.form-control {background: #fff;border-radius:0;}


/* __________________________________________________________________________ plugin azutocomplete __________________________________________________________________________ */
.twitter-typeahead{width:100%;}
.tt-dropdown-menu{
	width:100%;
	padding:0.25em;
	background:#fff;
	box-shadow:0 0 3px #ccc;
	border:1px solid #999;
	border-radius:0;
	margin-top:-3px;
}

fieldset.form-group{border:0 none;}

fieldset legend{
	font-size:12px;
	font-weight:normal;
	color:#28b4c4;
	border:none;
	margin-bottom: 12px;
}

fieldset .btn{width: auto;}
#list-table .bootstrap-select .btn {color:#fff!important;}
#list-table .bootstrap-select .btn .caret:after{color:#28b4c4!important;}
#list-table .bootstrap-select .btn:hover .caret:after{color:#33d8ed!important;}
#list-table .bootstrap-select:not([class*="col-"]):not([class*="form-control"]):not(.input-group-btn){width:auto!important;}

/*
btn dropdown-toggle selectpicker btn-default
*/



/* modification profile 05/2016*/
li a img#img-profil-noir{
	margin-top:5px;margin-bottom:5px;margin-right:10px;
}
li a img#img-message-noir{
	margin-top:5px;margin-bottom:5px;
}
li a img#img-loop-noir{
	margin-top:5px;margin-bottom:5px;margin-left:10px;
}

li img#img-etoile-noir{
	margin-top:5px;margin-bottom:5px;
}


span.password-error {color:#c7100f;}
#cbxAll {
	margin-left: -50px!important;
}
.list-message span.custom-checkbox input[type='checkbox'],
.list-contact span.custom-checkbox input[type='checkbox']
{
	margin-left: -50px!important;
}
.custom-checkbox input {
	margin-left: -50px!important;
}