﻿//#sub-navigation-wrapper ul li.current, #sub-navigation-wrapper ul.have-child li.current {
//	background: transparent url(../images/arrow-red-right.png) no-repeat 205px center;
//}

.aui-tab-active a, .aui-tab-active a:hover
{
	color:#ffffff;
}
#search-form {
	top: 134px;
}

/* scroll sur ecran de selection des modeles de pages*/
#dockbar .manage-layouts{
	max-height:550px;
	overflow-y:auto;
}

/* Zone éditoriale */
.sticky {
	position:absolute;
	top:0;
	right:10px;
}

/* Article */
#article-header h1.surTitre {
    margin: 0;
    font: bold 1.165em/1.3em 'DejaVu Sans Condensed', sans-serif; /* 14px */
    color: #e30043;
    text-transform: uppercase;
    margin-bottom: 10px;
}
#article-header h2 {
    float: left;
    overflow: hidden;
    margin: 0;
    font: normal 3.75em/1.2em 'DejaVu Sans Condensed Bold', sans-serif; /* 45px */
    color: #e30043;
    text-transform: uppercase;
    margin-bottom: 10px;
	clear: left;
	letter-spacing: -1px;
}
#article-header p {
    font: normal 1.5em/20px Arial, sans-serif; /* 18px */
    display: block;
    clear: both;
	color: #404040;
}

/* Au chargement avant application du JS */
#sub-navigation-wrapper .static ul {
	float:none;
}
#sub-navigation-wrapper .static ul.niv3,
#sub-navigation-wrapper .static ul.niv4 {
	margin-left: 100px;
}
/* Sous-menu après chargement du JS */
#sub-navigation-wrapper .dynamic {
	position:relative;
}
#sub-navigation-wrapper .dynamic.arrow {
    background: transparent url(../images/arrow-red.png) no-repeat 67px 0px;
}
#sub-navigation-wrapper .dynamic ul {
	float:none;
}
#sub-navigation-wrapper .dynamic ul.niv3,
#sub-navigation-wrapper .dynamic ul.niv4 {
	position:absolute;
	top:0;
	left:220px;
}
#sub-navigation-wrapper .dynamic ul.niv4 {
	margin-top:0;
}

#sub-navigation-wrapper ul li.current > a {
	background-color: #e30043;
	color: #ffffff;
}

#sub-navigation-wrapper ul li a:hover, #sub-navigation-wrapper ul li.hover > a {
	background-color: #e30043;
	color: #ffffff;
}

#search-form input[type=text] {
	padding: 0 0 0 30px;
}

#sub-navigation-wrapper  #submenu>li{
	display:none !important;
}
#sub-navigation-wrapper #submenu>li.current{
	display:block !important;
}
#sub-navigation-wrapper #submenu>li.current>a{
	display:none;
}
/* Breadcrumbs */
#breadcrumbs {
	margin:0;
	width:auto;
}
#breadcrumbs ul {
	clear:both;
	margin:0;
	width:100%;
}
#breadcrumbs ul li {
	float:left;
	width:auto;
	padding:0;
}
#breadcrumbs ul li span a:after{ 
	content:" >";
}
#breadcrumbs ul li.last span a:after{ 
	content:"";
}
#breadcrumbs ul li a {
	float:none;
	padding:0;
	width:auto;
}
#breadcrumbs ul li.first {
	background: transparent url(../images/breadcrumb-home.png) no-repeat 0px center;
	padding-left:20px;
}
#breadcrumbs ul li.last a {
	font-weight:bold !important;
}
#breadcrumbs ul li a:hover {
	background-color: transparent;
	color:#e30044 !important;
}

/* Text shadow bouton submit */
#member-account input[type="submit"] {
	text-shadow: none;	
}

.container {
	display:block;
}

.sticky {
	display:none;	
}

.portlet-content {
	padding:0;
}
#article-content.rouge .box .box-header {
	background-color: #e30044;
}
#article-content.gris .box .box-header {
	background-color: #a5a5a5;
}
#article-content.beige .box .box-header {
	background-color: #e5d9cb;
	color:black;
}
#article-content.beige .box .box-header a {
	color:black;
}

.zoneRebond {
	float:none;
	margin:0 auto;
}
.lfr-meta-actions {
	margin: 0 !important;
	padding: 0 !important;
}
#sub-navigation-wrapper .container ul li span.mobileToggle {
	display:none;
}
#navigation .container ul li span.mobileToggle {
	display:none;
}

#baseline {
    float: right;
    font: 0.915em/1em Arial,sans-serif;
    line-height:1em;
    width: 45%;
}

@media only screen and (min-width: 768px) and (max-width: 960px) {
	#login {
		margin-left:20px;
	}
	#sub-navigation-wrapper #breadcrumbs {
	    width: auto;
	}
}
@media only screen and (min-width: 600px) and (max-width: 767px) {
	#breadcrumbs,#toggleMenu{
		display:none !important;
	}
	#header {
		position:static;
	}
	#navigation {
		position:static;
	}
	#sub-navigation-wrapper .container {
		background: transparent !important;
		padding-bottom: 0;
	}
	#sub-navigation-wrapper .container ul {
		float:none;
		width:auto;
		margin:0;
	}
	#sub-navigation-wrapper .container ul li {
		width:auto;
		padding-right:0;
		border-top: 1px solid white;
		position:relative;
	}
	#sub-navigation-wrapper .container ul li.have-child:hover,
	#sub-navigation-wrapper .container ul.niv2 li.arrow,
	#sub-navigation-wrapper .container ul li.current,
	#sub-navigation-wrapper .container ul li:hover {
		background: transparent;
	}
	#sub-navigation-wrapper .container ul li span.mobileToggle {
		display:block;
		position:absolute;
		top:5px;
		right:10px;
		width:40px;
		height:40px;
		font-size:30px;
		color:black;
		background-color: #eee;
		border-radius: 50%;
		text-align:center;
	}
	#sub-navigation-wrapper .container ul li span.mobileToggle.open:before {
		content: "-";
	}
	#sub-navigation-wrapper .container ul li span.mobileToggle.close:before {
		content: "+";
	}
	#sub-navigation-wrapper .container ul li a {
		width:auto;
		padding:20px 12px 20px 12px;
		font-size:1.065em;
		font-weight:bold;
	}
	#sub-navigation-wrapper .dynamic ul.niv3,
	#sub-navigation-wrapper .dynamic ul.niv4 {
		position:static;
	}
	#sub-navigation-wrapper .dynamic ul.niv3 {
		margin:0 20px;
	}
	#sub-navigation-wrapper .dynamic ul.niv4 {
		margin:0 40px;
	}
	#login {
		display: none;
	}
	.noVisuel .article-title {
		margin-top:10px;
	}
	#sub-navigation-wrapper #breadcrumbs {
	    width: auto;
	}
	/* Layouts zone de rebond */
	.type2,
	.type3,
	.type4 {
		display:table-cell;
	}

/* FTH : Gestion Menu principal
 	html.js body div#navigation.clearfix div.container ul#menu li#item-1.current a span.mobileToggle */

	#navigation #menu li a span.mobileToggle {
		display:inline-block;
		position:relative;
		top:5px;
		right:10px;
		width:40px;
		height:40px;
		font-size:30px;
		color:black;
		background-color: #eee;
		border-radius: 50%;
		text-align:center;
	}
	#navigation .container ul li span.mobileToggle {
		padding-top: 10px;
		border-right: none;
		border-top: 1px solid #A5A5A5;
		display:none; /* inline-block; */
		position:relative;
		top:2px;
		right:10px;
		width:40px;
		height:29px;
		font-size:30px;
		color:black;
		background-color: #eee;
		border-radius: 50%;
		text-align:center;
	}
	#navigation .container ul li span.mobileToggle.open:before {
		content: "-";
	}
	#navigation .container ul li span.mobileToggle.close:before {
		content: "+";
	}
	#navigation #menu li a span {
		order-right: medium none;
    		border-top: medium none;
	}
	#navigation #menu li a {
		display: inline-block;
	}
	#navigation #menu li {
		border-right: none;
		border-top: 1px solid #A5A5A5;
		height: 45px;
	}
}
@media only screen and (min-width: 480px) and (max-width: 599px) {
	#header {
		position:static;
	}
	#navigation {
		position:static;
	}
	#breadcrumbs,#toggleMenu{
		display:none !important;
	}
	#sub-navigation-wrapper .container {
		background: transparent !important;
		padding-bottom: 0;
	}
	#sub-navigation-wrapper .container ul {
		float:none;
		width:auto;
		margin:0;
	}
	#sub-navigation-wrapper .container ul li {
		width:auto;
		padding-right:0;
		border-top: 1px solid white;
		position:relative;
	}
	#sub-navigation-wrapper .container ul li.have-child:hover,
	#sub-navigation-wrapper .container ul.niv2 li.arrow,
	#sub-navigation-wrapper .container ul li.current,
	#sub-navigation-wrapper .container ul li:hover {
		background: transparent;
	}
	#sub-navigation-wrapper .container ul li span.mobileToggle {
		display:block;
		position:absolute;
		top:5px;
		right:10px;
		width:40px;
		height:40px;
		font-size:30px;
		color:black;
		background-color: #eee;
		border-radius: 50%;
		text-align:center;
	}
	#sub-navigation-wrapper .container ul li span.mobileToggle.open:before {
		content: "-";
	}
	#sub-navigation-wrapper .container ul li span.mobileToggle.close:before {
		content: "+";
	}
	#sub-navigation-wrapper .container ul li a {
		width:auto;
		padding:20px 12px 20px 12px;
		font-size:1.065em;
		font-weight:bold;
	}
	#sub-navigation-wrapper .dynamic ul.niv3,
	#sub-navigation-wrapper .dynamic ul.niv4 {
		position:static;
	}
	#sub-navigation-wrapper .dynamic ul.niv3 {
		margin:0 20px;
	}
	#sub-navigation-wrapper .dynamic ul.niv4 {
		margin:0 40px;
	}
	#login {
		display: none;
	}
	#navigation.mean-container a.meanmenu-reveal{
		right:2% !important;
	}
	.smartphone-menu li a span, .meanmenu-reveal a span {
		display:none;
	}
	.col30.portlet-column, .col70.portlet-column {
		display:block;
		float:none;
		width:100%;
		margin-top:0px;	
	}
	.zoneRebond {
		margin:0 !important;
		padding:0 !important;
	}
	.noVisuel .article-title {
		margin-top:10px;
	}
	#sub-navigation-wrapper #breadcrumbs {
	    width: auto;
	}
	.dockbar {
		display:none;
	}
	/* Layouts zone de rebond */
	.type2,
	.type3,
	.type4 {
		display:block;
	    width: auto !important;
	}
/* FTH : Gestion Menu principal
 	html.js body div#navigation.clearfix div.container ul#menu li#item-1.current a span.mobileToggle */

	#navigation #menu li a span.mobileToggle {
		display:inline-block;
		position:relative;
		top:5px;
		right:10px;
		width:40px;
		height:40px;
		font-size:30px;
		color:black;
		background-color: #eee;
		border-radius: 50%;
		text-align:center;
	}
	#navigation .container ul li span.mobileToggle {
		padding-top: 10px;
		border-right: none;
		border-top: 1px solid #A5A5A5;
		display: none; /*inline-block;*/
		position:relative;
		top:2px;
		right:10px;
		width:40px;
		height:29px;
		font-size:30px;
		color:black;
		background-color: #eee;
		border-radius: 50%;
		text-align:center;
	}
	#navigation .container ul li span.mobileToggle.open:before {
		content: "-";
	}
	#navigation .container ul li span.mobileToggle.close:before {
		content: "+";
	}
	#navigation #menu li a span {
		order-right: medium none;
    		border-top: medium none;
	}
	#navigation #menu li a {
		display: inline-block;
	}
	#navigation #menu li {
		border-right: none;
		border-top: 1px solid #A5A5A5;
		height: 45px;
	}
	
}
@media only screen and (max-width: 479px) {
	#header {
		position:static;
	}
	#navigation {
		position:static;
	}
	#breadcrumbs, #toggleMenu{
		display:none !important;
	}
	#sub-navigation-wrapper .container {
		background: transparent !important;
		padding-bottom: 0;
	}
	#sub-navigation-wrapper .container ul {
		float:none;
		width:auto;
		margin:0;
	}
	#sub-navigation-wrapper .container ul li {
		width:auto;
		padding-right:0;
		border-top: 1px solid white;
		position:relative;
	}
	#sub-navigation-wrapper .container ul li.have-child:hover,
	#sub-navigation-wrapper .container ul.niv2 li.arrow,
	#sub-navigation-wrapper .container ul li.current,
	#sub-navigation-wrapper .container ul li:hover {
		background: transparent;
	}
	#sub-navigation-wrapper .container ul li span.mobileToggle {
		display:block;
		position:absolute;
		top:5px;
		right:10px;
		width:40px;
		height:40px;
		font-size:30px;
		color:black;
		background-color: #eee;
		border-radius: 50%;
		text-align:center;
	}
	#sub-navigation-wrapper .container ul li span.mobileToggle.open:before {
		content: "-";
	}
	#sub-navigation-wrapper .container ul li span.mobileToggle.close:before {
		content: "+";
	}
	#sub-navigation-wrapper .container ul li a {
		width:auto;
		padding:20px 12px 20px 12px;
		font-size:1.065em;
		font-weight:bold;
	}
	#sub-navigation-wrapper .dynamic ul.niv3,
	#sub-navigation-wrapper .dynamic ul.niv4 {
		position:static;
	}
	#sub-navigation-wrapper .dynamic ul.niv3 {
		margin:0 20px;
	}
	#sub-navigation-wrapper .dynamic ul.niv4 {
		margin:0 40px;
	}
	#login {
		display: none;
	}
	#navigation.mean-container a.meanmenu-reveal{
		right:0% !important;
	}
	.smartphone-menu li a span, .meanmenu-reveal a span {
		display:none;
	}
	.col30.portlet-column, .col50.portlet-column, .col70.portlet-column,
	.aui-w30.portlet-column, .aui-w50.portlet-column, .aui-w70.portlet-column {
		display:block;
		float:none;
		width:100%;
		margin-top:0px;
	}
	.homelayout .zoneRebond #layout-column_column-4 {
		padding-bottom:0px;
	}
	.noVisuel .article-title {
		margin-top:10px;
	}
	#sub-navigation-wrapper #breadcrumbs {
	    width: auto;
	}
	.dockbar {
		display:none;
	}
	/* Layouts zone de rebond */
	.type2,
	.type3,
	.type4 {
		display:block;
	    width: auto !important;
	}
/* FTH : Gestion Menu principal
 	html.js body div#navigation.clearfix div.container ul#menu li#item-1.current a span.mobileToggle */

	#navigation #menu li a span.mobileToggle {
		display:inline-block;
		position:relative;
		top:5px;
		right:10px;
		width:40px;
		height:40px;
		font-size:30px;
		color:black;
		background-color: #eee;
		border-radius: 50%;
		text-align:center;
	}
	#navigation .container ul li span.mobileToggle {
		padding-top: 10px;
		border-right: none;
		border-top: 1px solid #A5A5A5;
		display:none; /* inline-block; */
		position:relative;
		top:2px;
		right:10px;
		width:40px;
		height:29px;
		font-size:30px;
		color:black;
		background-color: #eee;
		border-radius: 50%;
		text-align:center;
	}
	#navigation .container ul li span.mobileToggle.open:before {
		content: "-";
	}
	#navigation .container ul li span.mobileToggle.close:before {
		content: "+";
	}
	#navigation #menu li a span {
		order-right: medium none;
    		border-top: medium none;
	}
	#navigation #menu li a {
		display: inline-block;
	}
	#navigation #menu li {
		border-right: none;
		border-top: 1px solid #A5A5A5; 
		height: 45px;
	}
}

/** Pagineur */
.search-pages .page-links .previous, .search-pages .page-links .next{
	display:inline-block;
		
	background-repeat:no-repeat;	
}

.search-pages .page-links .previous{
	padding:0 5px 0 15px;
	background-image: url("/html/themes/classic/images/arrows/paging_previous.png");
	background-position: 0 100%;
}

.search-pages .page-links .previous:hover{
	background-position: 0 0;
}

.search-pages .page-links .next{
	padding:0 15px 0 5px;
	background-image: url("/html/themes/classic/images/arrows/paging_next.png");
	border-left: 1px solid #ccc;
	background-position: 100% 100%;
}

.search-pages .page-links .next:hover{
	background-position: 100% 0;	
}

.search-pages .page-links a{
	text-decoration:none;
	color:#E30043;
}
.search-pages .page-links a:hover{
	color:#5b5b5b;
}

/**Affichage des offres emploi*/
#main-content .emploi.cellEspaceGauche{
	padding-left: 10px;
}

#main-content .emploi .sommairerecueil{
	margin-bottom: 15px;
}
#main-content .emploi .spacerexterne{
	clear:both;
}
#main-content .emploi .lienExterne {
//    background-image: url("/images/pict_lien.gif");
//    background-position: right center;
//    background-repeat: no-repeat;
    padding: 0 16px 0 0;
}

#main-content .emploi h2{
	font-size:1.2em;
}
#main-content .emploi .tableauOffres a,
#main-content .emploi .postuleoffre a 
{
	text-decoration : none;
}
#main-content .emploi .titreCol2Tableau{
	background:#a5a5a5;
	color:#ffffff !important;
	font-size:1.1em;
	font-weight:bold;
	text-align:center;
}
#main-content .emploi td{
	padding:5px;
}

#main-content .emploi .texteCol2TableauClair td{
	background:#f0f0f0;
}

#main-content .emploi .texteCol2TableauFonce td{
	background:#ffffff;
}
#main-content .emploi .texteCol2TableauFonce+tr,
#main-content .emploi .texteCol2TableauClair+tr,
#main-content .emploi .rowHighlight+tr{
	// display:none;
}
#main-content .emploi tr.rowHighlight td{
	background:#5b5b5b;
	color:#ffffff !important;
	
}
#main-content .emploi tr.rowHighlight td a{
	color:#ffffff !important;
}
#main-content .emploi .headeroffre{
	padding:5px 0;
	background:#a5a5a5;
	color:#ffffff !important;
	font-family: 'DejaVu Sans Condensed',sans-serif !important;
	font-size:1.2em !important;
	margin-top:20px;
	font-weight:bold;
	width:100%;
}
#main-content .emploi *{
	border:0;
}
#main-content .emploi .headeroffre a{
	color:#ffffff !important;
}

#main-content .emploi .headeroffre .crci.crcititle{
	float:right;
}

#main-content .emploi .crcititle {
    margin: 0;
}
#main-content .emploi .crci {
    color: #e26806;
    font-family: Arial;
    font-weight: bold;
}

#main-content .emploi .offre fieldset{
	padding:0;
	margin:0;
	width:100%;
}
#main-content .emploi .offre{
	background:#f0f0f0;
}

#main-content .emploi .titreParagraphe{
	background:#e5d9cb;
	padding:5px;
	margin-top:0;
}
#main-content .emploi .descriptionoffre{
	position:relative;
}
#main-content .emploi .descriptionoffre br{
	display:block;
}
#main-content .emploi .dateOffre{
	position:absolute;
	top:0;
	right:1%;
	margin-top:6px;
	color:#017a99;
	font-weight:bold;
	font-size:1.1em;
}
#main-content .emploi .normal{
	padding:0 10px;
}
#main-content .emploi .content table{
	width:100% !important;
}

#main-content .emploi .descriptionoffre, .postuleoffre p {
    color: #11407e;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 12px;
    text-align: justify;
}

#main-content .emploi .headeroffre .intituleposte {
    color: #11407e;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 16px;
    font-weight: bold;
    padding : 5px;
}

#main-content .emploi .titreParagraphe {
    color: #017a99;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 1.2em;
    font-weight: bold;
}

#main-content .emploi .headeroffre ah {
    float: right;
	padding : 2px;
}

#main-content .emploi .fluxRssCCIEmplois{
	float: right;
	padding : 10px;
}

#main-content .emploi .content {
    margin: 0;
    width: 750px;
}

#main-content .emploi .tableauOffres tr:nth-child(even) {
    background-color: #d7d7d7; 
}

#main-content .emploi .nbOffres {
	float : left;
}


/** Carte Agent Immobilier : Recherche  */
.caim-recherche .DeuxColonnes {
    background-color: #2ab4ad;
    padding-bottom:10px;
}

.caim-recherche .UneColonne {
    background-color: #EBD4C3;
    padding-bottom:10px;
}

.caim-critere .bloc label {
	clear :both;
    display: block;
    float: left;
    padding-left:10px;
    width: 50%;
    margin-top:0.5em;
}
.caim-critere .bloc input, .caim-critere .bloc select {
    float: left;
    width: 40%;
    margin-top:0.5em;
}
.caim-critere {
    padding-bottom: 20px;
    overflow:auto;
}


.caim-critere .colonne1 {
    float:left;
    padding-bottom:0px;
}
.caim-critere .colonne1.DeuxColonnes {
    background-color:#2ab4ad;
 }
.caim-critere .colonne2.DeuxColonnes {
    float:right;
    background-color:#2ab4ad;
}
.caim-critere .colonne2.UneColonne {
    float:left;
}
.caim-critere .UneColonne {
    width:100%;
    background-color:#EBD4C3;
}
.caim-critere .DeuxColonnes {
    width:50%;
}
.caim-recherche .submit {
    margin-top:10px;
    margin-bottom:10px;
    text-align:center;
}
.caim-recherche .button-recherche {
	padding: 10px;
	font-size: 1em;
}

/** Carte Agent Immobilier : Resultats  */
#main-content .carteAgentImmobilier{
	/*font-family: Arial,Helvetica,sans-serif !important;*/
}

#main-content .carteAgentImmobilier h2 {
	margin: 2px 0px;
}

#main-content .carteAgentImmobilier h3 {
	font-size: 1.56em;
	margin: 0px 0px;
	font-weight: normal;
	font-family: 'DejaVu Sans Condensed Bold';
}

#main-content .carteAgentImmobilier table {
	border-collapse: collapse;
	border-spacing: 0px;
}

#main-content .carteAgentImmobilier td {
	margin: 0px;
	padding: 5px 10px;
	background: transparent none repeat scroll 0% 0%;
	color: #000 !important;
	padding-top: 1px;
	padding-bottom: 1px;
}

#main-content .carteAgentImmobilier .rappelCritere{
	text-shadow: none;
	color: #333;
	clear: both;
	width: 100%;
	padding: 0px;
	margin-bottom:15px;
}

#main-content .carteAgentImmobilier .rappelCritere td {
	color: #000 !important;
}

#main-content .carteAgentImmobilier .pager {
	text-align: center;
	color: #000 !important;
	font-weight: bold;
	padding: 25px 0 25px 0;
}


#main-content .carteAgentImmobilier .pager a {
	color: #000 !important;
}
#main-content .carteAgentImmobilier .tableauResultat {
    width: 100%;
}
#main-content .carteAgentImmobilier .titre_entreprise {
	background-color: #5B5B5B;
	color: #FFF !important;
	padding: 0px 5px;
	font-size: 15px !important;
	font-weight: bold !important;
}

.titre_entreprise + h2 {
	margin : 0.2em 0 0.2em 0;
}
#main-content .carteAgentImmobilier .titre_enseigne {
	background-color: #A5A5A5;
	color: #FFF !important;
	margin: 0px !important;
	padding: 5px 10px;
	font-size: 15px !important;
	font-weight: bold !important;
}

#main-content .carteAgentImmobilier .results-header{
	background-color: #E5D9CB;
	color: #000 !important;
}

#main-content .carteAgentImmobilier .ligne{
	padding: 10px 20px;
	background-color: transparent;
}

#main-content .carteAgentImmobilier .ligne a{
	color: #000;
}

#main-content .carteAgentImmobilier .ligne:HOVER {
	background-color: #5B5B5B;
	color: #FFF !important;
}

#main-content .carteAgentImmobilier .ligne:HOVER td{
	color: #FFF !important;
}

#main-content .carteAgentImmobilier .ligne:HOVER tr{
	color: #FFF !important;
}

#main-content .carteAgentImmobilier .ligne:HOVER a{
	color: white;
}
	
#main-content .carteAgentImmobilier .message{
	font-style: italic; 
	color: green;
}

#main-content .carteAgentImmobilier .moral-physique-tit{
	margin-left: 40px;
	font-style:italic;
}
#main-content .carteAgentImmobilier .moral-physique{
	margin-left: 50px;
}


/** Carte Agent Immobilier : Document  */
.input-param{
	width: 40%;
	height: 20px;
	margin-bottom: 10px;
}
.input-param-margin{
	margin-bottom: 10px;
}
/*Style generiques pages*/
#main-content .carteAgentImmobilierDocument  .caim-doc-main {
	border: 1px solid black;
	padding: 10px;
}

#main-content .carteAgentImmobilierDocument .caim-doc-head {
	margin-bottom: 80px;
}

#main-content .carteAgentImmobilierDocument .caim-doc-header {
	display: block;
	text-align: center;
	color: #000;
}

#main-content .carteAgentImmobilierDocument .caim-doc-headerTitre {
	display: block;
	text-align: center;
}

#main-content .carteAgentImmobilierDocument .caim-doc-headerSousTitre {
	display: block;
	text-align: center;
}
#main-content .carteAgentImmobilierDocument .caim-doc-headerTitre h1 {
	margin-bottom: 0;
}
#main-content .carteAgentImmobilierDocument .caim-doc-headerTitre h2 {
	margin: 0;
}

#main-content .carteAgentImmobilierDocument .caim-btn-div {
	text-align: center;
	margin: 20px 0 20px 0;
}

#main-content .carteAgentImmobilierDocument .caim-doc-infogene-cpro {
	border: 1px solid black;
	margin-bottom: 20px;
	padding: 5px;
}

#main-content .carteAgentImmobilierDocument .caim-doc-infogene {
	margin-top: 20px;
	margin-bottom: 20px;
	padding: 5px;
}

#main-content .carteAgentImmobilierDocument .testbouton {
	align: center;
	margin: auto;
}

#main-content .carteAgentImmobilierDocument .caim-doc-cartehead {
	margin-top: 10px;
	margin-bottom: 10px;
}

#main-content .carteAgentImmobilierDocument .caim-doc-represent {
	margin: 30px 0 5px 10px;
	line-height: 0;
}

#main-content .carteAgentImmobilierDocument .caim-doc-cel-tit {
	display: inline-block;
	margin: 10px 0 10px 10px;
	text-decoration: underline;
}

#main-content .carteAgentImmobilierDocument .moral-physique-tit{
	margin-left: 40px;
	margin-bottom:10px;
	font-style:italic;
}

#main-content .carteAgentImmobilierDocument .moral-physique{
	margin-left: 30px;
	margin-bottom:10px;
}

#main-content .carteAgentImmobilierDocument .caim-doc-cel-tit-out {
	display: inline-block;
	margin: 10px 0 10px 10px;
	text-decoration: underline;
}

#main-content .carteAgentImmobilierDocument .button {
	width: 200px;
	display: inline-block;
	padding: 10px;
	font-size: 1em;
}

#main-content .carteAgentImmobilierDocument a {
	text-align: right;
}

#main-content .carteAgentImmobilierDocument .caim-liens {
	text-align: right;
	margin-bottom: 10px;
}
/*******/
#main-content .carteAgentImmobilierDocument .hide {
	display: none;
}

#main-content .carteAgentImmobilierDocument .show {
	display: inline-block;
}

#main-content .carteAgentImmobilierDocument .caim-doc-head-sous {
	text-align: center;
}

#main-content .carteAgentImmobilierDocument .caim-doc-head-span1 {
	display: block;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 25px;
}

#main-content .carteAgentImmobilierDocument .caim-doc-head-span2 {
	width: 450px;
	padding: 20px;
	margin: auto;
}

#main-content .carteAgentImmobilierDocument .caim-doc-main {
	background-color: #FFF;
	padding: 10px;
}

#main-content .carteAgentImmobilierDocument .caim-doc-gene {
	margin-bottom: 20px;
}

#main-content .carteAgentImmobilierDocument .caim-doc-titreBloc {
	display: block;
	background-color: #BDBDC0;
	font-weight: bold;
	margin: 5px 0 10px 0;
}

#main-content .carteAgentImmobilierDocument .caim-doc-cel-rl {
	display: inline-block;
	margin: 10px 0 10px 10px;
}

#main-content .carteAgentImmobilierDocument .caim-doc-cel {
	margin-left: 10px;
}

#main-content .carteAgentImmobilierDocument .caim-doc-cel-sign {
	display: inline-block;
	text-align: right;
	margin: 10px 10px 30px 10px;
	padding-right: 30px;
	font-weight: bold;
	float: right;
}

#main-content .carteAgentImmobilierDocument .caim-doc-cel-adreDA {
	display: inline-block;
	margin: 0 0 10px 10px;
}

#main-content .carteAgentImmobilierDocument .caim-doc-bloc {
	border: 1px solid black;
	margin-bottom: 20px;
	padding: 5px;
	margin-left: 10px;
}

#main-content .carteAgentImmobilierDocument .caim-doc-assur {
	margin-bottom: 10px;
	margin-left: 10px;
}

#main-content .carteAgentImmobilierDocument .caim-doc-assur2 {
	margin-bottom: 10px;
}

#main-content .carteAgentImmobilierDocument .caim-doc-champ {
	font-weight: bold;
}

/* CAIM Css Fond Recepisse */
#main-content .carteAgentImmobilierDocument .caim-doc-main-recepisseDA {
	padding: 10px;
}

#main-content .carteAgentImmobilierDocument .caim-doc-headerRDA {
	display: block;
	text-align: center;
	line-height: 1px;
	color: #D312E8;
}

#main-content .carteAgentImmobilierDocument IMG.displayed {
	display: block;
	margin-left: auto;
	margin-right: auto
}

/* CAIM Css AttestAC */
#main-content .carteAgentImmobilierDocument .caim-doc-main-attestAC {
	background-color: #FFF;
	padding: 10px;
}

#main-content .carteAgentImmobilierDocument .caim-doc-headerTitre {
	display: block;
	text-align: center;
}

/* CAIM Css RecepisseLPS */
#main-content .carteAgentImmobilierDocument .caim-doc-main-recepisseLPS {
	background-color: #B3D4FC;
	padding: 10px;
}

#main-content .carteAgentImmobilierDocument .caim-doc-infogene-cprolps {
	border: solid 1px black;
	padding: 10px;
}

#main-content .carteAgentImmobilierDocument .caim-doc-headerCartePro {
	display: block;
	text-align: center;
	line-height: 1px;
	color: #1F8AFF;
}

#main-content .carteAgentImmobilierDocument .lastSpan {
	display: inline-block;
	margin-bottom: 10px;
}

@media screen and (max-width:320px) {

	/*Elements Affichage Documents*/
	#main-content .carteAgentImmobilierDocument .caim-doc-bloc {
		width: 90%;
	}
	#main-content .carteAgentImmobilierDocument .caim-doc-cel{
		display :block;
	}
	#main-content .carteAgentImmobilierDocument .caim-liens{
	   font-size: 0.75em;
		line-height: 2em;
	    margin-right: 50px;
	    text-align: right;
	}
	
	#main-content .carteAgentImmobilierDocument .caim-doc-headerTitre{
		font-size :0.8em;	
	}
	
	#main-content .carteAgentImmobilierDocument .caim-doc-infogene-cpro{
		width :60%;
	}
	
	#main-content .carteAgentImmobilierDocument IMG.displayed{
		display: block;
	    margin-left: auto;
	    margin-right: 44%;
	    text-align: center
	}
	
	#main-content .carteAgentImmobilierDocument .caim-btn-div{
		margin-left:10%;
		text-align:none;
	}
	#main-content .carteAgentImmobilierDocument .testbouton{
		display: block;
	}
	#main-content .carteAgentImmobilierDocument .caim-liens{
		font-size: 0.75em;
	    margin-bottom: 15px;
	    text-align: left;
	}
}
.button-result {
	margin-left:70px;
}

/** Imprimer tous les articles */
.printAll {
	background-color: #8f8e8e;
	margin: 10px;
	border-radius: 12px;
	color: white;
	display: block;
	font: bold 0.915em/26px Arial, sans-serif;
	padding-left: 12px;
	text-decoration: none;
	text-transform: uppercase;
	width: 10%;
	float: right;
}

/*AFFICHAGES PREFERENCES PORTLETS*/
/* Tableaux */
.displayPref .orgaName {
	color: white;
	cursor: pointer;
	display: block;
	padding: 0.7em 1em;
	overflow: hidden;
	background: -webkit-linear-gradient(#444, #555);
	background: linear-gradient(#444, #555);
	border-bottom: 1px solid #333;
	box-shadow: inset 0 1px 1px rgba(255, 255, 255, 0.2);
}

.displayPref .orgaName:hover {
	background: -webkit-linear-gradient(#666, #444);
	background: linear-gradient(#666, #444);
}

.displayPref .layout {
	background-color: #A6A5A5;
	padding: 10px;
}

.displayPref .portletTitle {
	background-color: #A6A5A5;
	padding: 10px;
}

.displayPref .portletPref {
	float: right;
	width: 64%;
}

.displayPref .portletPrefTable {
	width: 100%;
}

.displayPref .portletPrefTable  .intitule {
	width: 41%;
}

.displayPref .portletPref textarea {
	width: 100%;
}

.displayPref .menu {
	float: left;
	width: 35%;
}

#menu-accordeon {
	padding: 0;
	margin: 0;
	list-style: none;
}

#menu-accordeon ul {
	padding: 0;
	margin: 0;
	list-style: none;
}

#menu-accordeon li li {
	max-height: 0;
	overflow: hidden;
	transition: all .5s;
	border-radius: 0;
	box-shadow: none;
	border: none;
	margin: 0;
}

#menu-accordeon a {
	display: block;
	text-decoration: none;
	padding: 0;
	font-family: verdana;
}

#menu-accordeon ul li a, #menu-accordeon li:hover li a {
	font-size: 1em;
	padding-bottom: 5px;
}

#menu-accordeon ul li:last-child {
	border: none;
}

#menu-accordeon li:hover li {
	max-height: 100%;
}

#menu-accordeon li ul {
	width: 100%;
}

#menu-accordeon li .titre {
	width: 100%;
}

#menu-accordeon li ul {
	display: inline-block;
	width: 97%;
}

#menu-accordeon li ul:nth-of-type(1) {
	line-height: 1.2em;
	vertical-align: top;
	margin: 0 0 0 1px;
	text-align: left;
	font-size: 0.9em;
	padding-left: 3%;
	padding-bottom: 10px;
}


/* AFFICHAGES ARTICLE FORMALITE */
.formalites .btnForm {
	background-color:#e30043;
	display:inline-block;
	margin-left:10%;
	color:#fff;
	border-radius:5px;
	padding:10px;
	font-weight:bold;
}
.formalites .btnForm a{
	color:#fff;
	text-decoration:none;
}

.formalites .centreBtnForm{
	text-align:center;
}

.formalites .btnClick{
	cursor: pointer;
 }

.formalites  .message_inscription{
	display: none;
	background-color: #fff0f3;
	padding: 5px;
}

.formalites .message_inscription .btnForm{
	background-color:#5b5b5b;
}

/*MODIF DATATABLE Picto*/
.imagePictoTable{
	max-width:30px;
	max-height:30px;
}
.dossierRefTableProce{
	/*border:1px solid red;*/
}
.firstCellData{
	width: 20%;
}

/*CSS ESPACE PERSO (template ESPACE-PERSO, ESPACEPERSO_SOMMAIRE, ESPACEPERSO_SOUSMENU*/

.accueil_espace_perso h3{
	padding-left:5px;
	color: #E30043;
}

.menu_espace_perso{
	background-color: #5B5B5B;
	height: 37px;
	padding:0;
	margin:0;
	list-style-type:none;
}


.menu_espace_perso li{
	display: block;
	float: left;
	padding: 10px;
	border-right: 1px solid #a5a5a5;
	position: relative;
}
.menu_espace_perso li:hover, 
.menu_espace_perso li:focus, 
.menu_espace_perso .current{
	background: #E30043;
}

.menu_espace_perso li.current:after,  .menu_espace_perso li.current:hover:after{
	background: #E30043;
	content:'';
	height:15px;
	position:absolute;
	width:15px;
	top: 77%;
	right:44%;
	-ms-transform: rotate(45deg);/* IE 9 */
	-webkit-transform: rotate(45deg);/* Chrome, Safari, Opera */
 	transform: rotate(45deg);
	 z-index:10;
}
.menu_espace_perso li a{
	color: white;
	display: block;
	text-decoration: none;
	text-transform: uppercase;
}

.espace_perso_sommaire {
	color:black;
	border: 2px solid #8e8e8e;
	
}
.espace_perso_sommaire .titreChapitre {
	background-color: #5B5B5B;
	height: 22px;
	padding:6px;
	margin:0;
	font-size: 1.335em;
	font-family:'DejaVu Sans Condensed Bold',sans-serif;
	color:white;
}
.espace_perso_sommaire .contenuChapitre {
	padding:6px;
}
.espace_perso_sommaire li a {
	color : #5B5B5B;
	text-decoration: none;
}

.espace_perso_sommaire a.urlGlobal {
	text-align : right;
	color: #E30043;
	float:right;
	padding:0 6px;
}
/* ==========================================================================
  ACL -  Mes procedures - Responsive
========================================================================== */
@media only screen and (max-width: 599px) {

/*Menu Navigation col droite*/
#navigation_inscr{
	display:none;
}	
	
/*Champ nom utilisateur*/
.accueil_espace_perso {
	background-image: url("../images/fleche-mobile-open.png");
	background-position: right center;
    background-repeat: no-repeat;
	background-color:#e30043;
	cursor:pointer;
	}
.accueil_espace_perso h3{
	color:#fff;
    height: 20px;
    line-height: 4px;
    margin-bottom: 0;
    padding-top: 20px;
    padding-left:5px;
    vertical-align: middle;
    white-space: nowrap;
	}
	
.openH3{
	background-image: url("../images/fleche-mobile-close.png");
	}
/*Champ menu*/

.menu_espace_perso{
	background-color:#e5d9cb;
	color:#000;
	height: 1%;
/*	display:none;*/
	}

.menu_espace_perso li a {
	display:block;
	}
	
.menu_espace_perso_show{
	display:block;
	}
	
.menu_espace_perso_hide{
display:none;
}
	
.menu_espace_perso li.current::after, .menu_espace_perso li.current:hover::after {
    background: none;
    content: none;
    height: 0;
    position:inherit;
    right: 0;
    top: 0;
    transform: rotate(0deg);
    width: 0;
}
.menu_espace_perso li:focus, .menu_espace_perso .current {
    background: #f2f2f2 none repeat scroll 0 0;
 }	
 .menu_espace_perso li:hover, .menu_espace_perso li:nth-child(even):hover{
 background-color:#e30043;
 
 }
.menu_espace_perso li{
	background:#f2f2f2;
	float:unset;

	}
.menu_espace_perso li:nth-child(even){
	background:#fff;
	}
	
.menu_espace_perso li a {
	color: #000;
	text-transform:none;
	font-weight:bold;
	}
}
/* ==========================================================================
  ACL - Sous-Menu Espace Personnel Horizontal
========================================================================== */
.sousmenu_espace_perso{
	background-color: #e5d9cb;
}
.sousmenu_espace_perso div{
	padding: 10px;
}

.sousmenu_espace_perso ul{
	display: inline-flex;
   /* margin-top: 0;*/
	margin:auto;
	padding: 10px;
	width: 100%;
}

.sousmenu_espace_perso li{
	list-style-type: none;
	margin: 1%;
}

.sousmenu_espace_perso li::before{
	content: '\26AB'; 
	padding-right:3px;
}

.sousmenu_espace_perso a{
	text-decoration:none;
	color: black;
}

.sousmenu_espace_perso .current a {
	color: #e30043;
}

.sousmenu_espace_perso .current {
	list-style-type: none;
}

.sousmenu_espace_perso .current::before{
	content: '\26AA'; 
	color: #e30043;
	padding-right:3px;
}

/* ==========================================================================
  ACL - Portlet Type Formalites
========================================================================== */

/*REGLES CSS PAGE PREFERENCES*/
.pagePreference {
	border: 1px solid black;
	padding: 5px;
	margin: 5px;
}
.pagePreference input.input-param {
	width:95%;
}

/* ==========================================================================
  ACL - Portlet PUF_Synthese_Formalite
========================================================================== */
.enTete{
	background-color: #e30043;
	color: #fff;
	height: 33px;
	font-weight: bold;
	padding: 5px 5px 0px;
	font-size: 1.2em;
}
.syntheseFormalite .enTete{
	padding-top: 10px;
}

.syntheseFormalite{
	width: 100%;
	height: auto;
	border:1px solid;
}

.enTete div, .etat, .date, .actionsFormalite{
	display: inline-block;
}
/*Tableau div table-cell*/
.infosFormalite{
	display: inline-block;
	width:50%;
}

.InfosRow{
	display:table-row;
}

.cell{
	display: table-cell;
	width: 51%;
	  /*border-bottom: 1px solid;*/
	}
	.cell:first-child{
		font-weight: bold;
	}
	.cell:nth-child(2){
		padding-left: 2%;
	}

	.infosFormalite div{
		padding: 4% 0 4% 4% ;
	}
	/*Partie droite boutons*/
	.actionsFormalite {
		float: right;
	}
	
	.actionsFormalite div{
		width: 100%;
	}

	.actionsButton {
		border-radius: 5px;
		border: 1px solid #ddd;
		display: block;
		margin:8px;
		padding: 4%;
		text-align: center;
	}

	.actionsFormalite a{
		text-decoration: none;
		color: black;
	}

	.actionsFormalite a:hover{
		background-color: #e30043;
		border: 1px solid #e30043;
		color: #FFF;
	}

/*Tableau Historique*/
.historique{
	border:1px solid;
	width: 100%;
}

.infosHistorique {
	display: table;
	border-bottom: 1px solid grey;
	height:33px;
	padding-top: 10px;
	padding-left: 10px;
	width: 100%;
}

.etat{
	width: 68%;
	display: table-cell;
	padding-left:10px;
}

.date{
	/*width: 30%;*/
	display:table-cell;
	border-left: 1px solid grey;
	padding:15px 0 15px 15px;
}

.enTete .date, .enTete .etat {
	padding: 5px;
	border: none;
}
/* ==========================================================================
  ACL - Portlet PUF_Centre_CFE
========================================================================== */

.centreCFE{
	background-color:#fbfbfb;
	border:1px solid #393939;
	margin-bottom: 10px;
	/* margin-top: 10px; */
	padding: 5px;
}
/*Scroll bar auto complete acces formalite*/
.ui-autocomplete{
	max-height: 250px;
	overflow-y: auto;
	overflow-x: hidden;
	padding-right: 20px;
}

