/* ======== Styles généraux ======== */

/* ==== Reset styles ==== */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, abbr, address, cite, code, del, dfn, em, img, ins, kbd, q, samp, small, strong, sub, var, b, i, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, figcaption, figure,  footer, header, hgroup, menu, nav, section, summary, time, mark, audio, video {
    background: transparent;
	border: 0;
	font-size: 100%;
    outline: 0;
}
html,body {
	background: white;
	color: #333231;
	height: 100%;
    margin: 0;
	padding: 0;
	width: 100%;
}
a {
	background:transparent;
    margin:0;
    padding:0;
	text-decoration: none;
}
a, a:hover {color: #1f497b;}
a:hover, .linkhover:hover {
	cursor: pointer;
	text-decoration: underline;
}
.cursorhover:hover {
	cursor: pointer;
}
abbr[title], dfn[title] {
    border-bottom:1px dotted;
    cursor:help;
}
article,aside,details,figcaption,figure, footer,header,hgroup,menu,nav,section { 
    display:block;
}
blockquote, q {
    quotes:none;
}
blockquote:before, blockquote:after, q:before, q:after {
    content:'';
    content:none;
}
del {
    text-decoration: line-through;
}
div {margin: 0; padding: 0; word-wrap: break-word;}
hr {
	border:0;
	border-top:1px solid #cecece;
    display:block;
    height:1px;
    margin:1em 0;
    padding:0;
}
img {border: 0;}
input, select, textarea {
	border: 1px solid #cecece;
	color: #333231;
	font-size: 13px;
	padding: 6px;
}
#content select {
	-webkit-appearance: menulist-button;
	line-height: 44px;
}
input[type=text], input[type=email], input[type=password], input[type=tel], select, textarea {
	width: calc(100% - 14px);
}
input[type=file] {
	border: none;
	display: inline-block;
	padding: 0;
	/*width: 100%; enlevé pour fineuploader plugin*/
}
input.inline, select.inline {
	width: auto;
}
/*input[type=text], input[type=email], input[type=number], input[type=password], input[type=submit], input[type=url], input[type=tel], textarea {
    font-size: 13px;
}*/
input:focus, select:focus {
    outline: none;
}
ins {
    background-color:#ff9;
    color:#000;
    text-decoration:none;
}
mark {
    background-color:#ff9;
    color:#000; 
    font-style:italic;
    font-weight:bold;
}
p {
	margin: 1em 0;
	padding: 0;
	line-height: 1.3em;
	word-wrap: break-word;
}
table {
    border-collapse:collapse;
    border-spacing:0;
	width: 100%;
}
table.inline {
	width: auto;
}

/* ==== Classes générales ==== */
.clear {clear: both;}

.datepickerSimple {
	width: 75px !important;
}

.txtcol, .txtcol:hover { color: #333231;}
.placeholder { color: #aaa; }

.nohover:hover {text-decoration: none;}
.linkhover:hover {text-decoration: underline; cursor: pointer;}

.error, .attention {color:red;font-weight:bold;}
.ok {color:#00bf00;}
.text-ok {color: #0bba17;}
.warning {color: #ffa500;}
.invalid,
.invalid .chosen-container .chosen-single,
.invalid .chosen-container .chosen-choices {background-color:#ffdfdf !important; border:1px solid #df7d7d !important;}
.valid{background-color:#97ff97;}
.uppercase {text-transform: uppercase;}
.hidden {display: none;}
.hiddensubmit {position: absolute; left: -99999px;}
.invisible {visibility: hidden;}
.center {
    margin-left: auto !important;
    margin-right: auto !important;
}
.textcenter, .textalignC {text-align: center !important;}
.textalignL {text-align: left !important;}
.textalignR {text-align: right !important;}
.textalignJ {text-align: justify !important;}

.fleft {float:left;}
.fright {float:right;}

.greenhover:hover {color: #58b957 !important;}
.bg-success {
	color: #fff;
	background-color: #5cb85c;
}

.valign {
	display: inline-block;
	line-height: 1em;
	vertical-align: middle;
}

.ajaxform.ajaxloadmore .loadmorebutton,
.ajaxform.ajaxloadmore .gif-working {
	border: 1px solid #989797;
	font-size: 16px;
	margin: 1em 0;
	padding: 10px;
	text-align: center;
	width: calc(100% - 22px);
}
.ajaxform.ajaxloadmore .gif-working img {
	position: relative;
	top: -2px;
}

/* ======== Tableaux par Crud ======== */
.table-crud td.cell-actions {
	text-align: right;
}

/* ======== Sprites ======== */
.circled-white-20x20 {
	background: url(/images/sprites/circled-white-20x20.png) no-repeat;
	display: inline-block;
	height: 20px;
	width: 20px;
}
.circled-white-20x20.check {background-position: 0 0;}
.circled-white-20x20.chevron-right {background-position: 0 -20px;}
.circled-white-20x20.plus {background-position: 0 -40px;}
.sendbutton .circled-white-20x20 {
	margin-left: 5px;
	position: relative;
	top: 5px;
}

.avs-callout {
	background: #e9e9e9;
	border: 1px solid #eee;
	border-left-width: 4px;
	border-radius: 3px;
	color: #333231;
	font-size: 14px;
	margin: 20px 0;
	padding: 10px 20px;
}
.avs-callout-error {border-left-color: #c10e33;}
.avs-callout-info {border-left-color: #3a87ad;}
.avs-callout-success {border-left-color: #0DB917;}
.avs-callout-warning {border-left-color: #c09853;}

/* ======== Message compte non validé ======== */
#important-warning {
	background: #FFFC74;
	font-size: 16px;
	left: 0;
	line-height: 22px;
    overflow: hidden;
	padding: 1em 0;
	text-align: center;
	z-index: 9999;
}

#important-warning.notfixed {
	position: relative;
	z-index: 1;
}
#important-warning .content {
    margin: 0 auto;
	max-width: 1000px;
}

#important-warning .mobile {
	cursor: pointer;
	display: block;
}

#important-warning .desktop {
    display: none;
}


@media screen and (min-width: 768px) {
    #important-warning {
        font-size: 16px;
    }
}

@media screen and (max-width: 1200px) {
	#important-warning.important-close .details {
		display: none;
	}
	#important-warning .details {
		display: block;
		margin-top: 0.75em;
	}
}

@media screen and (min-width: 1200px) {
    #important-warning .mobile {
        display: none;
    }

    #important-warning a {
		font-weight: bold;
		text-decoration: none;
    }
}

/* ======== Retour suite envoi par ajax ======== */
.ajax-feedback {
    background: gray;
    border-radius: 0 0 10px 10px;
    box-shadow: rgba(0,0,0,0.246094) 0px -3px 5px,rgba(0,0,0,0.246094) 0px 3px 5px;
    color: white !important;
    left: 50%;
    font-size: 14px;
    font-weight: bold;
    margin: 0 0 0 -7.5%;
    padding: 10px 0;
    position: fixed;
    text-align: center;
    text-shadow: 2px 2px 2px #444;
    width: 15%;
    z-index: 99999;
}
.ajax-feedback.error {
    background: #b30000;
}
.ajax-feedback.loading {
    background: #ff7732;
}
.ajax-feedback.success {
    background: #5cb85c;
}

.bg-darkgray {background: #333231; color: white;}
/*.bg-darkgray.withhover:hover, .hoverwrapper:hover .bg-darkgray.withhover {background: #6b6b6b; color: white !important;}*/
.bg-darkgray.withhover:hover, .hoverwrapper:hover .bg-darkgray.withhover {background: #c10e33; color: white !important;}

.bg-gray {background: #8a8a8a; color: white;}
.bg-gray.withhover:hover {background: #6b6b6b; color: white !important;}

.bg-lightgray {background: #bebebe; color: white;}
.bg-lightgray.withhover:hover {background: #8a8a8a; color: white !important;}

.bg-white {background: #fff; color: #444;}
.bg-white.withhover:hover {background: #d3d3d3; color: #444 !important;}

.bg-green {background-color: #18b222; color: white;}
.bg-green.withhover:hover {background-color: #14961e; color: white !important;}

.tooltip {
    background: rgba(0,0,0,0.5);
    color: white;
    padding: 10px;
}
.tooltip:hover {
    background: rgba(0,0,0,0.9);
    cursor: pointer;
    display: block;
}

.hovertooltip-wrapper {
	position: relative;
}
.hovertooltip-wrapper:hover {
	cursor: pointer;
}
.hovertooltip-wrapper .hovertooltip {
	background: rgba(0,0,0,0.5);
    color: white;
    display: none;
    font-size: 12px;
    left: 0;
    padding: 5px 0;
    position: absolute;
    text-align: center;
    top: 0;
    width: 100%;
}
.hovertooltip-wrapper:hover .hovertooltip {
    display: block;
}
.hovertooltip-wrapper .hovertooltip:hover {
	background: rgba(0,0,0,0.9);
    cursor: pointer;
    display: block;
}

.icone-divers {
    background: url(/images/sprites/icones-divers.png) no-repeat 0 0;
    display: inline-block;
    height: 13px;
    width: 13px;
}
.icone-divers.black.view {background-position: -13px 0;}
.icone-divers.red.add {background-position: 0 -13px;}
.icone-divers.black.add {background-position: -13px -13px;}
.icone-divers.red.msg {background-position: 0 -26px;}
.icone-divers.black.msg {background-position: -13px -26px;}
.icone-divers.red.check {background-position: 0 -39px;}
.icone-divers.black.check {background-position: -13px -39px;}

.chevron-left-right-35x95 {
	background: url(/images/sprites/sprite-chevron-left-right-35x95.png) 0 0 no-repeat;
	display: inline-block;
	height: 95px;
	width: 35px;
}
.chevron-left-right-35x95.left {background-position: 0 0;}
.chevron-left-right-35x95.left:hover {background-position: -35px 0;}
.chevron-left-right-35x95.right {background-position: 0 -95px;}
.chevron-left-right-35x95.right:hover {background-position: -35px -95px;}

/* entete */
.ha-header {
    margin-bottom: 10px;
}
.ha-header header {
    font-family: 'PT Sans', sans-serif;
    font-size: 20px;
    padding-bottom: 2px;
}
.ha-header .separator .line {
    height: 3px;
}
.ha-header .separator .triangle img {
    display: block;
    margin-left: 20px;
}
.ha-header .separator .tiny-line-gray {
    height: 1px;
    background: gray;
}

.ha-header.tiny header {
    color: #505050;
    font-size: 17px;
    padding: 3px 0 4px;
}
.ha-header.tiny .separator {
    border-bottom: 1px solid gray;
}
.ha-header.tiny .ha-contentbox {
    margin-bottom: 16px;
}

.profilimage.avec-cadre {
    background: white;
    box-shadow: 0 0 10px -3px #666;
    padding: 5px;
}

/* ======== Actions gérées par des popups ======== */
.avocats-popup {
    min-width: 450px;
    max-width: 650px;
    padding: 10px;
}
.avocats-popup header {
    border-bottom: 1px solid #cecece;
    font-size: 20px;
    margin-bottom: 1em;
    padding-bottom: 0.5em;
}
.avocats-popup th,
.avocats-popup td {
    padding: 5px 10px 5px 0;
}
.avocats-popup .lbl {
    text-transform: uppercase;
    /*vertical-align: top;*/
}
.avocats-popup .sendbutton {
    /*float: right;*/
    margin: 10px 0 0 10px;
}
.avocats-popup .gif-working {
    float: right;
}

.avocats-popup-confirm {
    padding: 20px 40px;
}
.avocats-popup-confirm img {
    float: left;
    margin-right: 10px;
}
.avocats-popup-confirm span {
    display: block;
    float: left;
    font-size: 20px;
}

/* ======== Chargement ======== */
.disabler-loading {
    background: rgba(255,255,255,0.7);
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    font-size: 24px;
    position: absolute;
}
.disabler-loading .content {
    position: absolute;
    top: 50%;
    left: 0;
    right: 0;
    text-align: center;
    margin-top: -17px;
}
.disabler-loading img {
    margin-right: 10px;
}
.disabler-loading span {
    position: relative;
    top: 2px;
}
.fancybox-wrap .disabler-loading {
	padding: 30px 0;
	position: relative;
	width: 400px;
}
.fancybox-wrap .disabler-loading .content {
	margin: 0;
}

/* ======== Mot de passe perdu ======== */
#mdp-perdu-wrapper {
	margin: 0 auto;
    text-align: justify;
	width: 600px;
}
#mdp-perdu-wrapper .lbl {
	font-size: 16px;
	margin-bottom: 6px;
}
#mdp-perdu-wrapper .sendbutton-wrapper {
	text-align: right;
}
#mdp-perdu-wrapper .sendbutton {
    font-size: 16px;
    margin: 12px 0;
    padding: 6px 20px;
}
#mdp-perdu-wrapper .mail-envoye {
	margin-top: 30px;
}
#mdp-perdu-wrapper .mail-envoye header {
    font-size: 22px;
}
#mdp-perdu-wrapper .mail-envoye header img {
	margin-right: 12px;
}

/* ==== Scroll up ==== */
#toTop {
	background-image: url('/images/scrollup-1.png');
	background-repeat: no-repeat;
	bottom: 15px;
	display: none;
	filter: alpha(opacity=60);
	height: 93px;
	opacity: .6;
	position: fixed;
	right: 15px;
	width: 70px;
}
#toTop:hover {
	filter: alpha(opacity=100);
	opacity: 1;
}

@media (max-width: 1050px) {
    #toTop {
        visibility: hidden;
    }
}

/* ======== Google Maps ======== */
.respgmap-wrapper {
	height: 0;
	overflow: hidden;
    position: relative;
    /*padding-bottom: 75%;*/
}
 .respgmap-wrapper .map-canvas {
	height: 100% !important;
	left: 0;
    position: absolute;
    top: 0;
    width: 100% !important;
}

/* ======== Responsive image ======== */
.respimg-wrapper {
    max-width: 100%;
    height: auto;
    position: relative;
    display: block;
    margin: 0 auto;
}
.respimg-wrapper img {
    display: block;
    height: auto;
    margin: 0 auto;
    max-width: 100% !important;
}

/* sprite */
.respsprite {
	background-repeat: no-repeat;
	background-size: 100%;
	display: inline-block;
	height: 0;
	padding-bottom: 100%;
	width: 100%;
}
.respsprite.cols-1 {
	background-size: 100%;
}
.respsprite.cols-2 {
	background-size: 200%;
}

/* ======== Fichiers uploadés ======== */
.uploadedfile-wrapper .icon {
    margin: 0 8px 10px 0;
}
.uploadedfile-wrapper .date {
    margin: 0 5px 10px 0;
}
.uploadedfile-wrapper .nom {
    margin-right: 10px;
    text-decoration: none;
}
.uploadedfile-wrapper .nom:hover {
    text-decoration: underline;
}
.uploadedfile-wrapper .taille {
    font-size: 11px;
    font-style: italic;
    margin-right: 10px;
}
.uploadedfile-wrapper .actions {
	float: right;
	opacity: 0.5;
}
.uploadedfile-wrapper:hover .actions {
	opacity: 1;
}
.uploadedfile-wrapper .rename {
	color: #333231;
}
.uploadedfile-wrapper .delete {
    color: #c10e33;
    margin-left: 10px;
}

.filemodule-images-wrapper .images-title {
	font-weight: bold;
	margin: 15px 0;
}
.filemodule-images-wrapper a {
	display: inline-block;
	margin: 0 15px 15px 0;
}
.filemodule-images-wrapper a:hover {
	box-shadow: 0 0 4px #888;
}

/* ======== Toggler simple ======== */
.toggler-simple-wrapper .showonopen {
	display: none;
}
.toggler-simple-wrapper.open .showonopen {
	display: block;
}
.toggler-simple-wrapper.open .showonopen.inline {
	display: inline;
}
.toggler-simple-wrapper.open .showonclosed {
	display: none;
}

/* ======== Textes pliés ======== */
.seemore-content {
	overflow: hidden;
}
.seemore-link {
	display: block;
	margin: 0.5em 0;
}

.seemoresimple-wrapper .showonopen {
	display: none;
}
.seemoresimple-wrapper.open .showonopen {
	display: inline;
}
.seemoresimple-wrapper.open .hideonopen {
	display: none;
}

/* ======== Notifications ======== */
.wrapper-notification:hover {
    background: #e9e8e7;
}
.wrapper-notification .profilimage {
    margin-right: 5px;
    width: 40px;
}
.wrapper-notification .txt-wrapper {
    width: 270px;
}
.wrapper-notification .reltime {
    color: gray;
    display: block;
    font-size: 11px;
    font-style: italic;
    margin-top: 2px;
}
.wrapper-notification .nom {
    font-weight: bold;
    margin-bottom: 6px;
}
.wrapper-notification > a,
.answerContactDemande {
    border-top: 1px solid #cecece;
    color: black;
    display: block;
    padding: 5px;
    text-decoration: none;
}
.wrapper-notification > a:last-child {
    border-bottom: none;
}
.wrapper-notification.unread {
    background: #f0f0f0;
}
.wrapper-notification .profilimage {
    width: 45px;
}

.wrapper-notification .consulting-icon {
	display: block;
	padding: 8px 6px 5px;
}

/* ==== Format complet ==== */
.notif-complet td {
    padding-bottom: 15px;
    vertical-align: top;
}
.notif-complet .txt-wrapper {
    padding: 0 0 8px;
    width: 650px;
}

/* ======== Commentaires ======== */

/* ==== Formulaire ==== */
.commentform {
    width: 100%;
}
.commentform table {
    width: 100%;
}
.commentform table td {
    vertical-align: top;
}
.commentform .textarea-wrapper {
    margin-bottom: 6px;
}
.commentform .profilimage-cell {
    padding-right: 15px;
    width: 40px;
}
.commentform textarea {
    display: block;
    margin: 0;
    padding: 2px;
    width: 99%;
    width: calc(100% - 6px);
}
.commentform .filemodule-wrapper {
	float: left;
	width: calc(100% - 100px);
}
.commentform .filemodule-wrapper .qq-upload-button {
	margin-top: 0;
}
.commentform .fileupload {
    float: left;
}
.commentform .fileupload a {
    display: inline-block;
    font-size: 11px;
    font-style: italic;
}
.commentform .fileupload input[type=file] {
    display: none;
    margin-left: 10px;
}
.commentform .sendbuttons {
    float: right;
    text-align: right;
}
.commentform.cancomment-1 .senduttons {
    width: 100px;
}
.commentform .sendbuttons a {
    margin-left: 10px;
}
.commentform .sendbutton {
    padding: 3px 8px;
}

/* Nouveau fil */
.commentform-newthread {
    margin: 10px 0;
}
.newcommentform-top {
	border-bottom: 1px solid #cecece;
	margin-bottom: 25px;
}

/* Réponse */
.commentform-reply {
	padding-left: 58px;
	width: calc(100% - 58px);
}
.commentform-reply table.fields {
	/*width: calc(100% - 58px);*/
}
.commentform-reply .profilimage-cell {
    padding-right: 8px;
    width: 32px;
}
.commentform-reply .sendbuttons,
.commentform-reply .filemodule-wrapper {
	display: none;
}
.commentform-reply.active .sendbuttons,
.commentform-reply.active .filemodule-wrapper {
	display: block;
}

/* Modification */
.commentform-modify {
	display: none;
}

.comment-comment.open-modify .text {
    display: none;
}
.comment-comment.open-modify .commentform-modify {
    display: block;
}

.commentform-modify .filemodule-wrapper {
	width: calc(100% - 160px);
}
.commentform-modify .sendbuttons {
	width: 160px;
}

/* nouveaux styles d'affichage */
.commentflow {
    border-bottom: 1px solid #cecece;
    margin-bottom: 25px;
	padding-bottom: 15px;
}
.comment-comment.highlight {
    background: #dff3f9;
    outline: 1px solid #5bc0de;
}
.comment-comment.subcomment-0 {
	margin-bottom: 10px;
}
.comment-comment table {
    width: 100%;
}
.comment-comment table td {
    vertical-align: top;
}
.comment-comment .profilimage-cell {
    padding-right: 15px;
    width: 40px;
}
.comment-comment .time {
    font-style: italic;
    margin-top: 0.6em;
}
.comment-comment .delete {
    float: right;
}
.comment-comment .modify {
	float: right;
    margin-left: 10px;
}
.comment-comment .text {
    margin: 6px 0 0;
    text-align: justify;
	word-break: break-word;
	white-space: -moz-pre-wrap;
}
.comment-comment .files {
    margin-top: 0.6em;
	text-align: left;
}
.comment-comment .uploadedfile-wrapper {
    display: inline-block;
	margin: 5px 0;
}
.comment-comment .uploadedfile-wrapper .nom {
    color: gray;
    font-style: italic;
}
.comment-comment .uploadedfile-wrapper .icon {
    margin: 0 5px;
}
.comment-comment .buttons a {
    color: gray;
    margin-right: 10px;
}
.comment-comment .buttons a:hover {
    color: #333231;
}
.comment-comment.open-reply .reply,
.comment-comment.open-modify .modify {
    color: #333231;
    font-weight: bold;
}

.subcomments-wrapper {
    padding: 0 0 0 50px;
}
.subcomments-wrapper .loadmore-wrapper {
	background: #f7f7f7;
	padding: 5px 5px 5px 10px;
	margin: 0 0 5px;
}
.subcomments-wrapper .loadmore-wrapper .glyphicon {
	margin-right: 5px;
}
.subcomments-wrapper .loadmore-wrapper .gif-working {
	display: none;
}

.commentflow.working .loadmore-wrapper .gif-working {
	display: block;
}
.commentflow.working .loadmore-wrapper .loadmore {
	display: none;
}

.comment-comment.subcomment-1 {
	background: #f7f7f7;
	color: #333231;
	margin-bottom: 5px;
	padding: 8px;
}
.comment-comment.subcomment-1 .profilimage-cell {
	padding-right: 8px;
	width: 32px;
}

/* ==== Format discussion ==== */
.commentflow[data-objet^=Consulting] {
	border-bottom: none;
	margin-bottom: 35px;
	padding-bottom: 0;
}
.commentflow[data-objet^=Consulting] .comment-comment {
	position: relative;
}
.comments-wrapper[data-objet^=Consulting] .content-cell {
	background: white;
	border: 1px solid #cecece;
	padding: 10px;
	position: relative;
}
.commentform-newthread[data-objet^=Consulting] .text-cell {
	background: white;
	border: 1px solid #cecece;
	padding: 10px;
	position: relative;
}
.commentform-newthread[data-objet^=Consulting] .text-cell textarea {
	border-style: dashed;
}
.commentform-newthread[data-objet^=Consulting] .text-cell .sendbutton {
	font-size: 16px;
	margin: 0;
}

/* triangle pour imiter l'effet textbox */
.commentform[data-objet^=Consulting] .text-cell:after,
.commentform[data-objet^=Consulting] .text-cell:before,
.comments-wrapper[data-objet^=Consulting] .content-cell:after,
.comments-wrapper[data-objet^=Consulting] .content-cell:before {
    content: '';
    display: block;
    position: absolute;
    width: 0;
    height: 0;
    border-style: solid;
}
/* bg */
.commentform[data-objet^=Consulting] .text-cell:after,
.comments-wrapper[data-objet^=Consulting] .content-cell:after {
	border-width: 5px 10px 5px 0;
	border-color: transparent #ffffff transparent transparent;
	left: -10px;
	top: 10px;
}
/* border */
.commentform[data-objet^=Consulting] .text-cell:before,
.comments-wrapper[data-objet^=Consulting] .content-cell:before {
    border-color: transparent #cecece transparent transparent;
    border-width: 6px 12px 6px 0;
	left: -12px;
	top: 9px;
}

/* image á droite */
.comment-comment.photopos-right .profilimage-cell {
	padding-right: 0;
	padding-left: 15px;
}
.comments-wrapper[data-objet^=Consulting] .comment-comment.photopos-right .content-cell:after {
	border-width: 5px 0 5px 10px;
	border-color: transparent transparent transparent #ffffff;
	left: auto;
	right: -10px;
}
.comments-wrapper[data-objet^=Consulting] .comment-comment.photopos-right .content-cell:before {
    border-color: transparent transparent transparent #cecece;
    border-width: 6px 0 6px 12px;
	left: auto;
	right: -12px;
}

/* nom et heure en bas */
.comment-comment.namepos-bottom .text {
	margin: 0;
}
.comment-comment.namepos-bottom .top-wrapper {
	bottom: -20px;
	font-size: 13px;
	font-style: italic;
	left: 0;
	position: absolute;
	width: 100%;
}
.comment-comment.namepos-bottom .top-wrapper .name {
	color: #333231;
}

/* ======== Vérif Google Maps ======== */
.address-checker {
	padding: 10px 10px 0;
    width: 600px;
}
.address-checker h1 {
	font-size: 24px;
}
.address-checker .map-canvas {
    margin: 30px 0;
}

/* ======== Recommandations ======== */

/* ==== Dans listing compétences ==== */
.competence-wrapper .icon-wrapper {
	position: relative;
}
.competence-wrapper .icon-wrapper .endorsment-star {
	font-size: 12px;
	position: absolute;
	right: -10px;
	top: -6px;
}
.competence-wrapper .icon-wrapper .endorsment-star.bronze {color: #cd7f32;}
.competence-wrapper .icon-wrapper .endorsment-star.silver {color: #c0c0c0;}
.competence-wrapper .icon-wrapper .endorsment-star.gold {color: #ffd700;}

/* ==== Formulaire ==== */
.endorsment-form {
	width: 700px;
}
.endorsment-form header {
	border-bottom: 1px solid #cecece;
	font-size: 28px;
	font-weight: bold;
	margin-bottom: 0.5em;
	padding-bottom: 6px;
	text-transform: uppercase;
}
.endorsment-form .topbox {
	margin: 15px 0;
}
.endorsment-form .topbox .photo-wrapper {
	float: left;
	margin-right: 15px;
	width: 60px;
}
.endorsment-form .topbox .name {
	float: left;
	font-size: 16px;
	margin-top: 20px;
	width: calc(100% - 75px);
}
.endorsment-form .lbl {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 1em;
}
.endorsment-form .competences-wrapper {
	margin-bottom: 2em;
}
.endorsment-form .chosen-container .chosen-results {
	max-height: 220px;
}
.endorsment-form .text-wrapper .mention {
	font-size: 12px;
	font-style: italic;
	margin-bottom: 1em;
}
.endorsment-form .sendbuttons-wrapper {
	margin-top: 2em;
	text-align: right;
}
.endorsment-form .sendbuttons-wrapper a {
	margin-left: 40px;
}
.endorsment-form .sendbutton {
	padding: 10px 10px 10px 200px;
}

/* ==== Affichage sur profil ==== */
.endorsment-wrapper {
	margin: 30px 0;
}
.endorsment-wrapper .photo-wrapper {
	float: left;
	margin-right: 20px;
	width: 80px;
}
.endorsment-wrapper .text-wrapper {
	background: white;
	border: 1px solid #cecece;
	float: left;
	padding: 19px;
	position: relative;
	width: calc(100% - 140px);
}
.endorsment-wrapper .text-wrapper:before {
	content: "";
	display: inline-block;
	left: -12px;
	position: absolute;
	top: 25px;
	
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 12px 8px 0;
	border-color: transparent #979797 transparent transparent;
}
.endorsment-wrapper .text-wrapper:after {
	content: "";
	display: inline-block;
	left: -11px;
	position: absolute;
	top: 25px;
	
	width: 0;
	height: 0;
	border-style: solid;
	border-width: 8px 12px 8px 0;
	border-color: transparent #fff transparent transparent;
}
.endorsment-wrapper .title {
	font-size: 16px;
	margin-bottom: 1em;
}
.endorsment-wrapper .modiflink {
	font-weight: normal;
	margin-left: 10px;
}
.endorsment-wrapper .competencename-wrapper {
	background: white;
	border: 1px solid #cecece;
	float: left;
	margin: 0 20px 15px 0;
	padding: 6px 6px 2px;
}
.endorsment-wrapper .text {
	font-style: italic;
}

/* ==== Affichage mini ==== */
.endorsment-minibox .photo-wrapper {
	display: block;
	float: left;
	margin-right: 10px;
	width: 40px;
}
.endorsment-minibox .text-wrapper {
	float: left;
	width: calc(100% - 50px);
}
.endorsment-minibox .text {
	font-style: italic;
	margin: 0.5em 0;
}
.endorsment-minibox .actions a {
	float: left;
	margin-left: 1em;
}
.endorsment-minibox .actions a:first-child {
	margin-left: 0;
}

/* ======== Coordonnées bancaires ======== */
.form-iban .libelle {
	margin: 10px 0 4px;
}
.form-iban input {
    margin-bottom: 3px;
	font-size: 12px;
}
.form-iban input[name=cp_titulaire] {
	width: 50px;
}
.form-iban input[name=ville_titulaire] {
	width: 250px;
}
.form-iban .iban-input {
	margin: 0 2px;
	padding: 2px;
	width: 35px;
}

.iban-update-form input {
	
}
.iban-update-form input[name=ville_titulaire] {
	width: 220px;
}
.iban-update-form .iban-input {
	font-size: 11px;
	margin: 0 2px;
	width: 30px;
}
.iban-update-form .sendbuttons {
	margin: 1em 0;
    text-align: right;
}
.iban-update-form .sendbutton {
	padding: 6px 15px;
}

/* affichage */
.iban-rib td {
	padding: 0 10px 10px 0;
	vertical-align: top;
}
.iban-rib .lbl {
	
}

/* ======== Remplissage de profil ======== */

/* ==== Général ==== */
.profilelements-edit-list {
    border-bottom: 1px dashed #cecece;
    margin: 10px 0 30px;
}

.profilelement-addbutton-wrapper {
    text-align: right;
}

/* affichage */
.profilelement-display.backoffice {
    border-top: 1px solid #cecece;
    margin: 10px 0;
    padding: 10px 0 0;
	position: relative
}
.profilelement-display.backoffice .bouton-modifier {
    position: absolute;
	right: 0;
	top: 10px;
}
.profilelement-display.backoffice .bouton-modifier img {
    margin-right: 5px;
}

/* form */
.modification-profil .profilelement-form {
    display: none;
}
.modification-profil .profilelement-form.profilphoto-form {
    border-bottom: none;
    display: block !important;
}
.profilelement-form {
    padding: 10px 0 5px;
}
.profilelement-form.profilphoto-form {
    border-bottom: none;
}
.profilelement-form .sendbuttons {
    margin: 10px 0;
    text-align: right;
}
.profilelement-form .sendbutton {
    margin-left: 20px;
    padding: 5px 20px;
}
.profilelement-form .sendbutton.nobutton {
    padding: 0;
}

/* ==== Coordonnées principales ==== */
.form-coordonnees-update {
    width: 560px;
}
.form-coordonnees-update p {
    text-align: justify;
}
.form-coordonnees-update table {
    float: left;
    margin-right: 30px;
}
.form-coordonnees-update table.last {
    margin-right: 0;
}
.form-coordonnees-update td {
    padding: 2px 4px 2px 0;
}
.form-coordonnees-update table .header {
    font-weight: bold;
    padding: 2px 0 12px;
}
.form-coordonnees-update input[name=adresse] {
    width: 280px;
}
.form-coordonnees-update input[name=code_postal] {
    margin-right: 5px;
    width: 50px;
}
.form-coordonnees-update input[name=ville] {
    margin-left: 5px;
    width: 177px;
}
.form-coordonnees-update input[name=fixe],
.form-coordonnees-update input[name=fax] {
    width: 123px;
}
.form-coordonnees-update input[name=site] {
    width: 325px;
}
.form-coordonnees-update .sendbutton {
    float: right;
}

.userform-basic .showon-has-bar2-1 {
	display: none;
}
.userform-basic.has-bar2-1 .showon-has-bar2-0 {
	display: none;
}
.userform-basic.has-bar2-1 .showon-has-bar2-1 {
	display: table-row;
}
.userform-basic .remove-bar2 {
    float: right;
    font-size: 0.8em;
    font-style: italic;
}

/* ======== Éléments profil ======== */

/* ==== Photo de profil ==== */
/* form */
.profilphoto-form .profilimage {
    float: left;
    margin-right: 15px;
    position: relative;
}
.profilphoto-form .profilimage:hover {
    cursor: pointer;
}
.profilphoto-form .tooltip {
    display: none;
    font-size: 11px;
    left: 0;
    padding: 5px;
    position: absolute;
    top: 0;
    width: calc(100% - 10px);
}
.profilphoto-form .profilimage:hover .tooltip {
    display: block;
}
.profilphoto-form .textes {
    float: left;
    width: 425px;
}
.profilphoto-form .titre {
    font-family: 'PT Sans', sans-serif;
    font-size: 17px;
    font-style: italic;
    margin: 0 0 10px;
}
.profilphoto-form .baseline {
    border-bottom: 1px solid #cecece;
    font-size: 12px;
    font-style: italic;
    margin-bottom: 10px;
    padding-bottom: 10px;
}
.profilphoto-form .sendbutton {
    display: block;
    float: left;
    font-size: 12px;
    margin: 0 15px 0 0;
    padding: 5px 10px;
}
.profilphoto-form .auth-files {
    color: gray;
    display: block;
    float: left;
    font-size: 11px;
    font-style: italic;
    margin-top: -3px;
    width: 230px;
}
.profilphoto-form #ha-formphoto {
    display: none;
}

/* site de l'ordre */
.photo-intranet-wrapper {
    position: relative;
    width: 600px;
}
.photo-intranet-wrapper .profilimage {
    margin: 70px 30px 0 0;
}
.photo-intranet-wrapper .text {
    float: left;
    width: 500px;
}
.photo-intranet-wrapper input[type=radio] {
    float: left;
    margin: 1px 5px 5px 0;
}
.photo-intranet-wrapper .logo-barreau {
    bottom: 10px;
    position: absolute;
    right: 10px;
}

/* ==== Cabinets ==== */
/* affichage */
.cabinet-display {
    margin: 10px 0 20px;
}
.cabinet-display .nom {
    font-size: 14px;
    font-weight: bold;
}
.cabinet-display .date {
    color: gray;
    font-style: italic;
}
.cabinet-display .description {
    border-left: 1px solid #cecece;
    margin-top: 10px;
    padding-left: 10px;
}

.cabinet-display.backoffice .textes-wrapper {
    float: left;
    width: 620px;
}

/* form */
.cabinet-form-left {
    float: left;
    margin-right: 20px;
    width: 400px;
}
.cabinet-form-left .libelle {
    display: inline-block;
    width: 110px;
}
.cabinet-form input[name=cabinetnom] {
    width: 270px;
}
.cabinet-form .dates-wrapper {
    margin: 6px 0;
}
.cabinet-form .dates-wrapper select[disabled=disabled] {
    background: #f0f0f0;
    color: #f0f0f0;
}
.cabinet-form .dates-wrapper input[type=checkbox] {
    position: relative;
    top: 2px;
}
.cabinet-form input[name=ville] {
    width: 270px;
}
.cabinet-form .description-wrapper .header {
    margin: 8px 0;
}
.cabinet-form textarea {
    width: 390px;
}
.cabinet-form .rightcol-wrapper {
    float: left;
}
.cabinet-form .choix-statut-wrapper .header {
    font-weight: bold;
    margin: 4px 0 12px;
}
.cabinet-form .choix-statut label {
    display: block;
    padding: 4px 0;
}
.cabinet-form .sendbutton {
    margin-left: 15px;
}

/* mise á jour cabinet actuel */
.cabact-change-form {
    width: 600px;
}
.cabact-change-form .cabact-version-wrapper {
    float: left;
    width: 280px;
}
.cabact-change-form .cabact-version {
    border: 1px dotted #cecece;
    padding: 0px 10px;
}
.cabact-change-form .cabinetnom {
    font-weight: bold;
}

/* ==== Jobs (postes hors cabinet) ==== */

/* affichage */
.job-display {
    margin: 10px 0 20px;
}
.job-display .nom {
    font-size: 14px;
    font-weight: bold;
}
.job-display .date {
    color: gray;
    font-style: italic;
}
.job-display .description {
    margin-top: 12px;
}
.job-display.backoffice .textes-wrapper {
    float: left;
    width: 620px;
}

/* form */
.job-form {
    max-width: 550px;
}
.job-form td {
    padding: 5px 0;
}
.job-form td.libelle {
    padding-right: 10px;
    width: 140px;
}

/* ==== Compétences ==== */
/* display */
.usercompetence-display .competence-icon-wrapper {
    float: left;
    position: relative;
}
.usercompetence-display .competence-icon-wrapper img {
	position: absolute;
	right: 0;
	top: -11px;
}
.usercompetence-display .competence-name-wrapper {
    float: left;
    width: calc(100% - 30px);
}
.usercompetence-display .main {
    
}
.usercompetence-display .sub {
    color: gray;
    font-style: italic;
}
.usercompetence-display .text {
	margin-top: 8px;
}

/* form */
.profilelement-form.usercompetence-form {
	border-top: 1px solid #cecece;
}
.profilelement-form.usercompetence-form .lbl {
	font-style: italic;
	margin-bottom: 4px;
}
.profilelement-form-wrapper.usercompetence .addcompetence-bouton {
    display: block;
    margin: 15px 0;
}
.profilelement-form-wrapper.usercompetence .sendbutton {
    margin-left: 150px;
}

.usercompetence-form .libelle {
    display: block;
    font-style: italic;
    margin: 0.3em 0 0.2em;
    padding-bottom: 3px;
}
.usercompetence-form select[name=competenceN1] {
    margin-bottom: 10px;
    width: 100%;
    width: 500px;
}
.usercompetence-form .competenceN2-wrapper {
    float: left;
}
.ns-myavocat .usercompetence-form .competenceN2-wrapper {
    float: none;
}
.usercompetence-form select[name=competenceN2] {
    width: 350px;
}
.usercompetence-form .specialite-wrapper {
    display: block;
    float: right;
    margin-top: 8px;
}
.ns-myavocat .usercompetence-form .specialite-wrapper {
    float: none;
}
.usercompetence-form .specialite-wrapper input {
    display: block;
    float: left;
    margin: 1px 5px 0 0;
}
.usercompetence-form .text-wrapper {
    margin-top: 10px;
}
.usercompetence-form textarea {
    width: 100%;
    width: calc(100% - 12px);
}

/* changement d'ordre */
.reorder-competences-form {
    width: 640px;
}
.reorder-competences-form .main-title {
    font-size: 16px;
    font-weight: bold;
    margin: 15px 0;
    text-transform: uppercase;
}
.reorder-competences-form ul {
    list-style: none;
    margin: 0;
    padding: 0;
}
.reorder-competences-form ul li {
    border: 1px solid #cecece;
    background: #f0f0f0;
    margin: 0.5em 0;
    padding: 5px;
}
.reorder-competences-form ul li:hover {
    cursor: pointer;
}
.reorder-competences-form .sendbutton-wrapper {
    margin: 1em 0;
    text-align: right;
}

/* ==== Formations ==== */

/* affichage */
.formation-display {
    margin: 10px 0 20px;
}
.formation-display .nom {
    font-size: 14px;
    font-weight: bold;
}
.formation-display .date {
    color: gray;
    font-style: italic;
}
.formation-display.backoffice .textes-wrapper {
    float: left;
    width: 620px;
}

/* form */
.formation-form .ecoleid-wrapper,
.formation-form .dates-wrapper {
    margin-bottom: 12px;
}
.formation-form .txt-isactuel {
    font-size: 11px;
    font-style: italic;
}

/* ==== Formations hors droit ==== */

/* affichage */
.extraformation-display {
    margin: 10px 0 20px;
}
.extraformation-display .nom {
    font-size: 14px;
    font-weight: bold;
}
.extraformation-display .date {
    color: gray;
    font-style: italic;
}
.extraformation-display.backoffice .textes-wrapper {
    float: left;
    width: 620px;
}

/* form */
.extraformation-form td {
    padding: 5px 10px 5px 0;
}
.extraformation-form input[type=text] {
    width: 530px;
}
.extraformation-form .txt-isactuel {
    font-size: 11px;
    font-style: italic;
}

/* ==== Activité institutionnelle / associative ==== */

/* affichage */
.extraactivite-display {
    margin: 10px 0 20px;
}
.extraactivite-display .nom {
    font-size: 14px;
    font-weight: bold;
}
.extraactivite-display .date {
    color: gray;
    font-style: italic;
}
.extraactivite-display.backoffice .textes-wrapper {
    float: left;
    width: 620px;
}

/* form */
.extraactivite-form td {
    padding: 5px 10px 5px 0;
}
.extraactivite-form textarea {
    margin-top: 6px;
}

/* ==== Langues ==== */

/* affichage */
.langue-display {
    margin: 6px 0;
}

/* ==== Exercice / Expertise pays ==== */
.exercicestate-display,
.expertisestate-display {
    margin: 10px 0 20px;
}
.exercicestate-display .state,
.expertisestate-display .state {
    font-size: 14px;
    font-weight: bold;
}
.exercicestate-display .date,
.expertisestate-display .date {
    color: gray;
    font-style: italic;
}
.exercicestate-display .description,
.expertisestate-display .description {
    margin-top: 12px;
}

/* form */
.exercicestate-form table td,
.expertisestate-form table td {
	padding: 0 0 10px 0;
	vertical-align: top;
}
.exercicestate-form table td:first-child,
.expertisestate-form table td:first-child {
	padding-right: 10px;
}

/* ==== Passkey ==== */
.passkeyform {
	width: 430px;
}
.passkeyform label {
	display: block;
	font-size: 14px;
}
.passkeyform .feature {
	font-size: 12px;
	font-style: italic;
	margin: 0 0 2em 20px;
}
.passkeyform .sendbutton-wrapper {
	text-align: right;
}

/* ==== Désactivation profil ==== */
.desactivateform {
	width: 430px;
}
.desactivateform .sendbutton-wrapper {
	text-align: right;
}
.desactivateform .sendbutton {
	padding: 5px 10px;
}

/* ======== Tableaux ======== */
.fancytable {
	width: 100%;
}
.fancytable thead {
	font-weight: bold;
    text-align: left;
}
.fancytable thead td,
.fancytable thead th {
	border-bottom: 1px solid #cecece;
}
.fancytable tbody tr:nth-child(odd) {
	background: #f4f4f4;
}
.fancytable tbody tr:hover {
	background: #e0e0e0;
}
.fancytable th,
.fancytable td {
	padding: 5px 10px 5px 3px;
}

/* ======== Input groupes ======== */
.input-group-wrapper {
	position: relative;
}
.input-group-wrapper input {
	border-right: none;
	padding: 4px;
	width: calc(100% - 33px);
}
.input-group-wrapper .input-addon {
	background: #eaeaea;
	border: 1px solid #cecece;
	border-radius: 0 4px 4px 0;
	font-size: 14px;
	height: 16px;
	padding: 3px 7px 5px;
	position: absolute;
	right: 0;
	top: 0;
	width: 8px;
}
.input-group-wrapper.inputtext-pull-right input {
	text-align: right;
}

/* ======== Articles ======== */

/* ==== Formulaire de rédaction ==== */
.article-form .lbl {
    margin: 1em 0 0.2em;
}
.article-form .input-wrapper {
    margin: 0;
    padding: 6px 0;
}
.article-form .imagepicker-wrapper {
    margin-bottom: 10px;
}
.article-form .imagepicker .sendbutton {
    border: 1px solid silver;
    color: #333231;
}
.article-form .imagepicker-wrapper .separator {
    font-size: 20px;
    margin: 0.2em 1.2em 0;
    text-transform: uppercase;
}
.article-form input[name=photo] {
    border: none;
    padding: 0;
}
.article-form .imagepicker-wrapper .preview {
    margin: 0;
}
.article-form .fichiers-wrapper .libelle {
    font-weight: bold;
    margin-bottom: 12px;
}
.article-form .fichiers-wrapper .qq-upload-list {
    margin-top: 12px;
}
.article-form .sendbutton-wrapper {
    text-align: right;
}
.article-form .sendbutton-wrapper a {
	margin-left: 30px;
}
.article-form .sendbutton-wrapper .sendbutton {
	padding: 10px 10px 10px 100px;
}
#displayChoixImage {
    position: fixed;
    top: 0; left: 0;
    width:100%; height: 100%;
    background: rgba(230,230,230,0.8);
    z-index: 100;
}
#displayChoixImage img { margin:10px; width:180px; cursor:pointer; }
#displayChoixImage img:hover { box-shadow: 0 0 5px 5px #ccc; -moz-box-shadow: 0 0 5px 5px #ccc; -webkit-box-shadow: 4px 4px 4px #aaa; }
#displayChoixImage h1 { text-align:center; color:#3D5C81; font-size:16px; font-weight:bold; }
#displayChoixImage div { width:850px; margin:auto; background:#fff; overflow-y:scroll; height:100%; }
#displayChoixImage div .linkhover { margin:15px; display:block; color:#630; font-weight:bold; font-size:14px; text-align:center; }

/* Adaptation ckeditor */
.cke_chrome {
    border: none !important;
    border-radius: 0 !important;
    padding: 0 !important;
}
.cke_inner {
    background: white !important;
    padding: 0 !important;
}
.cke_top {
    background: #f4f4f4 !important;
    padding: 0 10px 0 !important;
}
.cke_top .cke_toolbar {
    background: #f4f4f4;
}
.cke_top .cke_toolgroup {
    background: #f4f4f4;
    margin: 5px 8px 10px 0;
}
.cke_top .cke_button {
    background: #f4f4f4;
}
.cke_top .cke_button:hover {
    background: white;
    cursor: pointer;
}
.cke_top .cke_combo_button {
    background: #f4f4f4 !important;
    border: 1px solid silver !important;
    margin: 5px !important;
}
.cke_contents {
    border: 1px solid #f0f0f0 !important;
    border-top: none !important;
    box-shadow: none !important;
}

/* ==== Encart pour informer que l'article est un brouillon ==== */
.article-alert-notpublished {
	background: #e9e9e9;
	border: 1px solid #cecece;
	color: #333231;
	margin: 0 0 25px;
	padding: 8px 12px;
	position: relative;
}
.article-alert-notpublished .icon {
	float: left;
	margin: 8px 20px 0 0;
	width: 50px;
}
.article-alert-notpublished .text {
	float: left;
	width: calc(100% - 200px);
}
.article-alert-notpublished .topline {
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 0.5em;
}
.article-alert-notpublished .options-visibility-wrapper .lbl {
	font-style: italic;
	margin-bottom: 4px;
}
.article-alert-notpublished .sendbutton-wrapper {
	bottom: 0;
	position: absolute;
	right: 0;
}
.article-alert-notpublished .sendbutton {
	font-size: 16px;
	padding: 8px 25px;
	text-align: right;
}

.article-alert-notpublished.no-options-visibility .options-visibility-wrapper {
	display: none;
}
.article-alert-notpublished.no-options-visibility .topline {
	font-size: 16px;
	margin-top: 0.75em;
}

/* ======== Helpdesk ======== */
.helpdesk-form {
	margin-top: 1em;
}
.helpdesk-form .input-wrapper {
	margin: 0.8em 0;
}
.helpdesk-form .sendbutton-wrapper {
	text-align: right;
}
.helpdesk-form .sendbutton {
	padding: 8px 8px 8px 250px;
}

.helpdesk-sent {
    font-size: 18px;
	margin-top: 1em;
}

/* réponse */
.helpdesk-answerform .line-wrapper {
	margin: 1em 0;
}

#content .helpdesk-answer {
	border-top: 1px dotted #cecece;
	margin-top: 1em;
	padding-top: 1em;
}
#content .helpdesk-answer .title {
	font-size: 16px;
	font-weight: bold;
	margin-bottom: 1em;
}

/* ======== Paiement en ligne ======== */
#content.payment {
	width: 600px;
}
.payment-infos {
	border: 1px solid #cecece;
	font-size: 14px;
	padding: 20px;
}
.payment-infos .line-wrapper {
	margin-bottom: 1em;
}
.payment-infos .lbl {
	font-weight: bold;
}
.payment-infos div.lbl {
	margin-bottom: 0.5em;
}

.payment-form2pay form {
	text-align: right;
}
.payment-form2pay input[type=submit] {
	padding: 10px 20px;
}

/* ======== Informations concernant les cookies ======== */
#cookiebanner {
	background: #e9e9e9;
	border-top: 1px solid #979797;
	bottom: 0;
	height: 65px;
	position: fixed;
	width: 100%;
	z-index: 1000;
}
#cookiebanner .text {
	padding: 1em 0;
	text-align: center;
}
#cookiebanner .text a {
	text-decoration: underline;
}
#cookiebanner .button {
	font-size: 24px;
	height: 24px;
	padding: 21px 18px 20px;
	position: absolute;
	right: 0;
	top: 0;
}
#cookiebanner .button:hover {
	text-decoration: none;
}

/* ======== Drapeaux ======== */
/* https://github.com/lafeber/world-flags-sprite */
.flag16{display:inline-block;height:16px;width:16px;vertical-align:text-top;line-height:16px;background:url(/images/sprites/flags16.png) no-repeat;}
.flag16._African_Union{background-position:0 -16px;}
.flag16._Arab_League{background-position:0 -32px;}
.flag16._ASEAN{background-position:0 -48px;}
.flag16._CARICOM{background-position:0 -64px;}
.flag16._CIS{background-position:0 -80px;}
.flag16._Commonwealth{background-position:0 -96px;}
.flag16._England{background-position:0 -112px;}
.flag16._European_Union, .flag16.eu{background-position:0 -128px;}
.flag16._Islamic_Conference{background-position:0 -144px;}
.flag16._Kosovo{background-position:0 -160px;}
.flag16._NATO{background-position:0 -176px;}
.flag16._Northern_Cyprus{background-position:0 -192px;}
.flag16._Northern_Ireland{background-position:0 -208px;}
.flag16._Olimpic_Movement{background-position:0 -224px;}
.flag16._OPEC{background-position:0 -240px;}
.flag16._Red_Cross{background-position:0 -256px;}
.flag16._Scotland{background-position:0 -272px;}
.flag16._Somaliland{background-position:0 -288px;}
.flag16._Tibet{background-position:0 -304px;}
.flag16._United_Nations{background-position:0 -320px;}
.flag16._Wales{background-position:0 -336px;}
.flag16.ad{background-position:0 -352px;}
.flag16.ae{background-position:0 -368px;}
.flag16.af{background-position:0 -384px;}
.flag16.ag{background-position:0 -400px;}
.flag16.ai{background-position:0 -416px;}
.flag16.al{background-position:0 -432px;}
.flag16.am{background-position:0 -448px;}
.flag16.ao{background-position:0 -464px;}
.flag16.aq{background-position:0 -480px;}
.flag16.ar{background-position:0 -496px;}
.flag16.as{background-position:0 -512px;}
.flag16.at{background-position:0 -528px;}
.flag16.au{background-position:0 -544px;}
.flag16.aw{background-position:0 -560px;}
.flag16.ax{background-position:0 -576px;}
.flag16.az{background-position:0 -592px;}
.flag16.ba{background-position:0 -608px;}
.flag16.bb{background-position:0 -624px;}
.flag16.bd{background-position:0 -640px;}
.flag16.be{background-position:0 -656px;}
.flag16.bf{background-position:0 -672px;}
.flag16.bg{background-position:0 -688px;}
.flag16.bh{background-position:0 -704px;}
.flag16.bi{background-position:0 -720px;}
.flag16.bj{background-position:0 -736px;}
.flag16.bm{background-position:0 -752px;}
.flag16.bn{background-position:0 -768px;}
.flag16.bo{background-position:0 -784px;}
.flag16.br{background-position:0 -800px;}
.flag16.bs{background-position:0 -816px;}
.flag16.bt{background-position:0 -832px;}
.flag16.bw{background-position:0 -848px;}
.flag16.by{background-position:0 -864px;}
.flag16.bz{background-position:0 -880px;}
.flag16.ca{background-position:0 -896px;}
.flag16.cg{background-position:0 -912px;}
.flag16.cf{background-position:0 -928px;}
.flag16.cd{background-position:0 -944px;}
.flag16.ch{background-position:0 -960px;}
.flag16.ci{background-position:0 -976px;}
.flag16.ck{background-position:0 -992px;}
.flag16.cl{background-position:0 -1008px;}
.flag16.cm{background-position:0 -1024px;}
.flag16.cn{background-position:0 -1040px;}
.flag16.co{background-position:0 -1056px;}
.flag16.cr{background-position:0 -1072px;}
.flag16.cu{background-position:0 -1088px;}
.flag16.cv{background-position:0 -1104px;}
.flag16.cy{background-position:0 -1120px;}
.flag16.cz{background-position:0 -1136px;}
.flag16.de{background-position:0 -1152px;}
.flag16.dj{background-position:0 -1168px;}
.flag16.dk{background-position:0 -1184px;}
.flag16.dm{background-position:0 -1200px;}
.flag16.do{background-position:0 -1216px;}
.flag16.dz{background-position:0 -1232px;}
.flag16.ec{background-position:0 -1248px;}
.flag16.ee{background-position:0 -1264px;}
.flag16.eg{background-position:0 -1280px;}
.flag16.eh{background-position:0 -1296px;}
.flag16.er{background-position:0 -1312px;}
.flag16.es{background-position:0 -1328px;}
.flag16.et{background-position:0 -1344px;}
.flag16.fi{background-position:0 -1360px;}
.flag16.fj{background-position:0 -1376px;}
.flag16.fm{background-position:0 -1392px;}
.flag16.fo{background-position:0 -1408px;}
.flag16.fr{background-position:0 -1424px;}  .flag16.bl, .flag16.cp, .flag16.mf, .flag16.yt{background-position:0 -1424px;}
.flag16.ga{background-position:0 -1440px;}
.flag16.gb{background-position:0 -1456px;}  .flag16.sh{background-position:0 -1456px;}
.flag16.gd{background-position:0 -1472px;}
.flag16.ge{background-position:0 -1488px;}
.flag16.gg{background-position:0 -1504px;}
.flag16.gh{background-position:0 -1520px;}
.flag16.gi{background-position:0 -1536px;}
.flag16.gl{background-position:0 -1552px;}
.flag16.gm{background-position:0 -1568px;}
.flag16.gn{background-position:0 -1584px;}
.flag16.gp{background-position:0 -1600px;}
.flag16.gq{background-position:0 -1616px;}
.flag16.gr{background-position:0 -1632px;}
.flag16.gt{background-position:0 -1648px;}
.flag16.gu{background-position:0 -1664px;}
.flag16.gw{background-position:0 -1680px;}
.flag16.gy{background-position:0 -1696px;}
.flag16.hk{background-position:0 -1712px;}
.flag16.hn{background-position:0 -1728px;}
.flag16.hr{background-position:0 -1744px;}
.flag16.ht{background-position:0 -1760px;}
.flag16.hu{background-position:0 -1776px;}
.flag16.id{background-position:0 -1792px;}
.flag16.mc{background-position:0 -1792px;}
.flag16.ie{background-position:0 -1808px;}
.flag16.il{background-position:0 -1824px;}
.flag16.im{background-position:0 -1840px;}
.flag16.in{background-position:0 -1856px;}
.flag16.iq{background-position:0 -1872px;}
.flag16.ir{background-position:0 -1888px;}
.flag16.is{background-position:0 -1904px;}
.flag16.it{background-position:0 -1920px;}
.flag16.je{background-position:0 -1936px;}
.flag16.jm{background-position:0 -1952px;}
.flag16.jo{background-position:0 -1968px;}
.flag16.jp{background-position:0 -1984px;}
.flag16.ke{background-position:0 -2000px;}
.flag16.kg{background-position:0 -2016px;}
.flag16.kh{background-position:0 -2032px;}
.flag16.ki{background-position:0 -2048px;}
.flag16.km{background-position:0 -2064px;}
.flag16.kn{background-position:0 -2080px;}
.flag16.kp{background-position:0 -2096px;}
.flag16.kr{background-position:0 -2112px;}
.flag16.kw{background-position:0 -2128px;}
.flag16.ky{background-position:0 -2144px;}
.flag16.kz{background-position:0 -2160px;}
.flag16.la{background-position:0 -2176px;}
.flag16.lb{background-position:0 -2192px;}
.flag16.lc{background-position:0 -2208px;}
.flag16.li{background-position:0 -2224px;}
.flag16.lk{background-position:0 -2240px;}
.flag16.lr{background-position:0 -2256px;}
.flag16.ls{background-position:0 -2272px;}
.flag16.lt{background-position:0 -2288px;}
.flag16.lu{background-position:0 -2304px;}
.flag16.lv{background-position:0 -2320px;}
.flag16.ly{background-position:0 -2336px;}
.flag16.ma{background-position:0 -2352px;}
.flag16.md{background-position:0 -2368px;}
.flag16.me{background-position:0 -2384px;}
.flag16.mg{background-position:0 -2400px;}
.flag16.mh{background-position:0 -2416px;}
.flag16.mk{background-position:0 -2432px;}
.flag16.ml{background-position:0 -2448px;}
.flag16.mm{background-position:0 -2464px;}
.flag16.mn{background-position:0 -2480px;}
.flag16.mo{background-position:0 -2496px;}
.flag16.mq{background-position:0 -2512px;}
.flag16.mr{background-position:0 -2528px;}
.flag16.ms{background-position:0 -2544px;}
.flag16.mt{background-position:0 -2560px;}
.flag16.mu{background-position:0 -2576px;}
.flag16.mv{background-position:0 -2592px;}
.flag16.mw{background-position:0 -2608px;}
.flag16.mx{background-position:0 -2624px;}
.flag16.my{background-position:0 -2640px;}
.flag16.mz{background-position:0 -2656px;}
.flag16.na{background-position:0 -2672px;}
.flag16.nc{background-position:0 -2688px;}
.flag16.ne{background-position:0 -2704px;}
.flag16.ng{background-position:0 -2720px;}
.flag16.ni{background-position:0 -2736px;}
.flag16.nl{background-position:0 -2752px;}  .flag16.bq{background-position:0 -2752px;}
.flag16.no{background-position:0 -2768px;}  .flag16.bv, .flag16.nq, .flag16.sj{background-position:0 -2768px;}
.flag16.np{background-position:0 -2784px;}
.flag16.nr{background-position:0 -2800px;}
.flag16.nz{background-position:0 -2816px;}
.flag16.om{background-position:0 -2832px;}
.flag16.pa{background-position:0 -2848px;}
.flag16.pe{background-position:0 -2864px;}
.flag16.pf{background-position:0 -2880px;}
.flag16.pg{background-position:0 -2896px;}
.flag16.ph{background-position:0 -2912px;}
.flag16.pk{background-position:0 -2928px;}
.flag16.pl{background-position:0 -2944px;}
.flag16.pr{background-position:0 -2960px;}
.flag16.ps{background-position:0 -2976px;}
.flag16.pt{background-position:0 -2992px;}
.flag16.pw{background-position:0 -3008px;}
.flag16.py{background-position:0 -3024px;}
.flag16.qa{background-position:0 -3040px;}
.flag16.re{background-position:0 -3056px;}
.flag16.ro{background-position:0 -3072px;}
.flag16.rs{background-position:0 -3088px;}
.flag16.ru{background-position:0 -3104px;}
.flag16.rw{background-position:0 -3120px;}
.flag16.sa{background-position:0 -3136px;}
.flag16.sb{background-position:0 -3152px;}
.flag16.sc{background-position:0 -3168px;}
.flag16.sd{background-position:0 -3184px;}
.flag16.se{background-position:0 -3200px;}
/*.flag16.sg{background-position:0 -3216px;}*/
.flag16.sl{background-position:0 -3232px;}
.flag16.sk{background-position:0 -3248px;}
.flag16.si{background-position:0 -3264px;}
.flag16.sm{background-position:0 -3280px;}
.flag16.sn{background-position:0 -3296px;}
.flag16.so{background-position:0 -3312px;}
.flag16.sr{background-position:0 -3328px;}
.flag16.st{background-position:0 -3344px;}
.flag16.sv{background-position:0 -3360px;}
.flag16.sy{background-position:0 -3376px;}
.flag16.sz{background-position:0 -3392px;}
.flag16.tc{background-position:0 -3408px;}
.flag16.td{background-position:0 -3424px;}
.flag16.tg{background-position:0 -3440px;}
.flag16.th{background-position:0 -3456px;}
.flag16.tj{background-position:0 -3472px;}
.flag16.tl{background-position:0 -3488px;}
.flag16.tm{background-position:0 -3504px;}
.flag16.tn{background-position:0 -3520px;}
.flag16.to{background-position:0 -3536px;}
.flag16.tr{background-position:0 -3552px;}
.flag16.tt{background-position:0 -3568px;}
.flag16.tv{background-position:0 -3584px;}
.flag16.tw{background-position:0 -3600px;}
.flag16.tz{background-position:0 -3616px;}
.flag16.ua{background-position:0 -3632px;}
.flag16.ug{background-position:0 -3648px;}
.flag16.us{background-position:0 -3664px;}
.flag16.uy{background-position:0 -3680px;}
.flag16.uz{background-position:0 -3696px;}
.flag16.va{background-position:0 -3712px;}
.flag16.vc{background-position:0 -3728px;}
.flag16.ve{background-position:0 -3744px;}
.flag16.vg{background-position:0 -3760px;}
.flag16.vi{background-position:0 -3776px;}
.flag16.vn{background-position:0 -3792px;}
.flag16.vu{background-position:0 -3808px;}
.flag16.ws{background-position:0 -3824px;}
.flag16.ye{background-position:0 -3840px;}
.flag16.za{background-position:0 -3856px;}
.flag16.zm{background-position:0 -3872px;}
.flag16.zw{background-position:0 -3888px;}
.flag16.sx{background-position:0 -3904px;}
.flag16.cw{background-position:0 -3920px;}
.flag16.ss{background-position:0 -3936px;}
.flag16.sg{background-position:0 -3952px;}

@media screen and (min-width: 1200px) {
	.hideon-desktop {
		display: none;
	}
}
@media screen and (max-width: 1200px) and (min-width: 700px) {
	.hideon-tablet {
		display: none;
	}
}
@media screen and (max-width: 700px) {
	.hideon-mobile {
		display: none;
	}
}