/* ================================================================================ */
/* = IMPRESSION = */
	#debug {display: none;}

	html, body,
	#colB, #content, #page {margin:0;padding:0;}
	.hidden, .clear {display: none!important;}
	
	/*= display / Global structure ------------------------------------------- */
	hr, 
	#prelude, 
	#navPrincipale, 
	#sousnav,
	#headerHabillage h1,
	#footer {display: none}
	
	a img.logo {
		width: 150px; 
		height:58px;
		border:0!important
		}
	img.logPrint {display: block}
		
	#compte, .blocPromo {display: none;}
	#introGene, #contenu {clear: both;}
	
/* ================================================================================ */
/* = blocs d’introductions = */
	#introImg, 
	#introContent {float:left}
	
	#introImg {display: none;}
	
	.intro {display: block}
	
	#fiche, 
	#introContent { 
		color:#000!important; 
		font-family:arial, sans-serif;
		clear: both;
		font-size:8pt;
		}
	#introContent {
		width:100%!important;
		padding: 0 0 10px 0;
		}
	#introImg img {padding: 0 0 10px 10px;}
	
	a.returnItem {display: none;}
	
	#introContent h1,
	#introContent h2,
	#introContent h3,
	#introContent p,
	#introContent h4 {
		margin:0;
		padding: 0 0 5px 0;
		}
	
	#introContent h2 {
		display: block;
		/*width: 400%!important;*/
		font-size: 50px!important;
		}
	#content h2 {
		color:#064D95!important; 
		font-size: 18pt!important;
		}
	#introContent h3,
	#introContent h4 {
		font-size: 11pt;
		}
	#introContent h3 {color:#00921C}
	#introContent h4 {color:#89422C}
	
	#introContent p {font-size: 10pt;}
	
	.menuOngletsProdAussi {
		width: 100%;
		clear: both;
		}
		
/* ================================================================================ */
/* = ACTUALITÉS= */
/* ================================================================================ */	
	#listeActu {padding: 0;}
	#listeActu h2 {
		clear: both;
		}
	#listeActu img {
		float: left;
		padding: 0 10px 10px 0;
		}
	#listeActu .ZoomSur {
		position:absolute;
		right:0;
		display: block;
		width: 210px;
		margin: 0 0 0 1px;
		}
	#listeActu .ZoomSur h2 {
		margin:0!important;
		padding: 0;
		}
	.blocActu {
		width: 400px;
		clear: both;
		padding: 10px 0 0 0;
		margin: 0;
		}
	p.date {
		display: block;
		padding: 0.2em;
		margin:0;
		border-top: 1px #064D95 solid;
		color:#3762A2;
		font-size: 15px;
		}
	p.titre {
		margin:0; padding:3px 0 5px 0;
		}
	a.teleActu,
	a.touteActu {
		display: block;
		color:#064D95;
		text-align: right;
		margin: 5px 0 5px 0;
		text-decoration: none;
		}
	
/* ================================================================================ */
/* = Générique INSTITUTIONNEL = */
/* ================================================================================ */	
	#colB {clear:both;}
	
	body.institut h1 {color:#064D95}
	body.institut h2 {color:#23931C}
	body.institut h3 {color:#000}
	
	/*= qui ---------------------------------------- */
	#quiContent h3 {color:#D0D500}
	
	/*= faq ---------------------------------------- */
	#faq p {
		font-size: 10pt!important;
		color:#23931C
		}
	.reponse {display: block!important;}
	.reponse p {color:#000!important;}
	
	/*= recrutement ---------------------------------------- */
	a.depot, a.depot img {display: none;}
	#ccmoCharte h3 {}
	#ccmoQui {display: none;}
	
	/*= presse ---------------------------------------- */
	.visuel_block {
		float: left;
		width: 180px;
		padding: 10px;
		margin: 0 10px 0 0;
		border: 1px #ccc solid;
		}
	
	/*= lexique ---------------------------------------- */
	#presentation .object-center {display: none;}
	#alphabet {
		padding: 0;
		margin:0;
		}
	#alphabet li {
		height: 1%;
		list-style: none; 
		float: left; 
		}
	#alphabet li a {display: none!important;}
	#alphabet li a.currentLetter {
		display: block!important;
		font-size: 20pt;
		}
	#lexique #fiche h3 {font-size: 12pt;}
	#lexique #fiche p {font-size: 11pt;}

/* ================================================================================ */
/* = PARTICULIERS = */
	
	/*= display ---------------------------------------- */
	.menuOngletsProd,
	a.anchorItem,
	a.allPresta,
	p.italicinfo,
	a.print,
	.navBottom,
	.simu {display: none}
	
	/*= clear ---------------------------------------- */
	.asterix {
		clear: both;
		}
	
	/*= gammes ---------------------------------------- */
	#gamme {
		clear: both;
		padding: 10px 0 0 0;
		}
	.titGamme a img {
		border:0; 
		margin: 0 0 5px 0;
		}
	.titGamme h3 a {
		color:#67AA14;
		margin:0; padding:0;
		text-decoration:none;
		font-size: 24px;
		}
	.titGamme h3 a img {
		display: block;
		}
	
	/*= desGamme ---------------------------------------- */
	.desGamme { 
		float: left!important;
		padding: 5pt;
		margin: 0 10px 10px 0;
		width: 20%!important;
		border-right: 2px #ccc dotted;
		}
	
	/*= desProd ---------------------------------------- */
	.desProd {
		clear: both;
		border:0!important;
		}
	.desProd h4 a {
		margin:0; padding:0;
		color:#124C95;
		text-decoration:none;
		font-weight: bold;
		font-size: 19px;
		}
	.desProd a.voir {
		color: blue;
		border: 0!important;
		}
	
	/*= plus ---------------------------------------- */
	.plus {
		clear: both;
		margin: 0;
		padding: 10px 0 0 0!important;
		}
	.plus h3 {
		display: block;
		margin:10px 0 0 0!important
		}
	.plus ul {margin:0;padding:0}
	.plus li,
	.plus li a {display: block;}
	.plus li {list-style: none}
	.plus li a {color: blue}
	
	/*= impression des tables / particuliers / produits / Gammes-------------- */
	table.presta th, 
	table.presta td {
		border: 1px #67AB14 solid;
		padding: 0;
		border-collapse: collapse;
		}
	table.prestaFull {display:block!important;}	
	table.prestaEnAvant {display:none!important;}
	
/*-------------------------------------------------------------------------------------*/
/* =  Print tableau presta */
	#detail h3 a, 
	#detail h3, 
	#detail h3 span {
		display:block; 
		color:#67AB14!important;
		background-color:#000;
		}
	#detail h3 {
		padding: 5pt 0 0 0;
		}
	#detail h3 a {
		display: block;
		width: 100%;
		font-weight: bold;
		color:#67AB14;
		text-decoration: none;
		}
			
	.menuOngletsProdAussi, 
	#ccmoDirect, #services {display:none}

	#complementPresta {margin-top:10px}

	#detail table.prestaFull, 
	#detail table.prestaEnAvant {
		width:100%;
		text-align:left; 
		border:none; 
		margin-bottom:10px;
		}
	#detail table td, 
	#detail table th {
		width:80%;
		border:none; 
		border-bottom:1px #BABABA solid;
		}
	td.tdfrais {width:10%}
	td.descriptionGroupePresta {width:100%}

/* ================================================================================ */
/* = QUI = */
	#quiContent {
		clear: both;
		padding: 5px 0 0 0;
		margin: 10px 0 0 0;
		}
	
	#qui, 
	#rencontres, 
	#edito {clear: both;}

	#qui img,
	#rencontres img,
	#editoImage img,
	#agrica img {
		float: left;
		margin: 0 10px 10px 0;
		}
	#groupe img {display: none;}
	
	#essentiel h4,
	#essentiel h5,
	#essentiel p {display: none;}
	
	img.bottomHideInPrint {display: none;}

/* ================================================================================ */
/* = colB= */
	#ccmoDirect ul li {
		float: left;
		margin: 0 10px 0 0;
		list-style: none;
		}
	#ccmoDirect ul li img {display: block}
	#ccmoDirect ul li a {}

/*-------------------------------------------------------------------------------------*/
/* =  ESPACE SECURISE PRINT DEVIS  */
	body#espaceSecurise {margin:0 0}
	
	body#espaceSecurise #page {
		/*width:95%;*/
		font-size:8pt; 
		color:#000 !important;
		font-family:"Arial", sans-serif;
		}

	body#espaceSecurise #navPrincipale,
	body#espaceSecurise #colA .blocActu,
	body#espaceSecurise .blocZoom,
	/*body#espaceSecurise input,*/
	body#espaceSecurise #referencesTop,
	body#espaceSecurise .touteActu,
	body#espaceSecurise table td select,
	/*body#espaceSecurise .intro,*/
	/*body#espaceSecurise h1,*/
	body#espaceSecurise #infos,
	body#espaceSecurise .zonePrint,
	body#espaceSecurise .blocActu {display:none}
	
	body#espaceSecurise p {
		font-size: 8pt;
		padding: 1pt 0 1pt 0;
		}

	body#espaceSecurise #introPrint {
		clear:both;
		padding-top:0mm;
		}
	body#espaceSecurise table {
		clear:both;
		margin:2mm 0 2mm 0;
		width: 98%!important;
		border-collapse:collapse;
		}
	body#espaceSecurise table.infos,
	body#espaceSecurise table.infos td {
		border:none;
		vertical-align:top;
		}
	body#espaceSecurise table th,
	body#espaceSecurise table td {
		padding:1mm;
		font-size: 7pt;
		}
	body#espaceSecurise table.onlyPrint {
		border:0!important;
		}
	body#espaceSecurise table.onlyPrint th,
	body#espaceSecurise table.onlyPrint td {
		/*padding:0!important;*/
		}
	body#espaceSecurise table th {
		font-weight:bold;
		text-align:center;
		}

	/*= Devis zones ---------------------------------------- */
	body#espaceSecurise #Deviszone1 {width: 400px}
	body#espaceSecurise #Deviszone2 {
		width: 200px;
		padding: 0 0.5mm 0 0;
		border-left: 10px #fff solid;
		margin:0!important;
		}

	body#espaceSecurise #Deviszone1 h2,
	body#espaceSecurise #Deviszone2 h2,
	body#espaceSecurise #Deviszone1 h3,
	body#espaceSecurise #Deviszone2 h3 {
		margin:0;
		color:#064D95!important;
		}
	body#espaceSecurise #Deviszone1 h2,
	body#espaceSecurise #Deviszone2 h2 {font-size: 10pt!important}
	
	body#espaceSecurise #Deviszone1 h3,
	body#espaceSecurise #Deviszone2 h3 {font-size: 11pt}
	
	body#espaceSecurise #Deviszone1 h2 {border-bottom: 1px #71BAEB solid}

	body#espaceSecurise #Deviszone1 p,
	body#espaceSecurise #Deviszone2 p {margin:1mm 0}

	body#espaceSecurise #infoBeneficiare {
		margin:2px; 
		padding:1mm;
		border:1px #000 solid;
		overflow:hidden;
		}
	body#espaceSecurise #infoBeneficiare p {font-weight:bold}
	body#espaceSecurise #infoBeneficiare span {font-weight:normal}

	body#espaceSecurise .DevisMentions strong {text-decoration: underline}
	body#espaceSecurise ul {margin:0 0; padding: 0 0}
	
	/*= formulaires ---------------------------------------- */
	.fieldLine {
		display: block;
		float: left;
		width: 800px!important;
		border: 1px #fff solid!important;
		}
	.formulaire .inptTxt,
	.formulaire textarea,
	.formulaire select,
	.formulaire .inptFile {
		display: block!important;
		border: 1px #fff solid;
		}
	.formulaire label,
	.formulaire input,
	.formulaire textarea,
	.formulaire select,
	.formulaire .inptFile {
		float: left;
		font-size: 11pt;
		}
	
	.formulaire label {
		display: block;
		width: 250px;
		font-size: 11pt;
		}
			
	.formulaire span.span_form {
		font-size: 11pt!important;
		display: block;
		padding: 0.3em 0 0 0!important;
		}
	
	/*= tableau récapitulatif ---------------------------------------- */
	#recapitulatif table {}
	#recapitulatif table th,
	#recapitulatif table th.header,
	#recapitulatif table td {
		text-align: left!important;
		border: 1px #ccc solid!important;
		}
	
	/*= rib ---------------------------------------- */
	#form_AdherentModifyRib input,
	#form_PsModifyRib input  {
		width: 400px!important;
		border: 1px #fff solid;
		}
	
	/*= coordonnées ---------------------------------------- */
	#form_PsModifyReferencement .fieldLine {
		width: auto!important;
		}
	#form_PsModifyReferencement .inptLabel {
		float: left;
		}
	span.asterix {display: none;}
	#form_PsModifyReferencement .fieldLine .inptTxt {
		float: left;
		width: auto;
		}
	#form_PsModifyReferencement .fieldLine select {
		width: 200px!important;
		}
		
	/*= .fieldValid ---------------------------------------- */
	.fieldValid {display: none;}

	/*= only ---------------------------------------- */
	.onlyPrint {display: block}
	.dontPrint {display: none}

	.DevisMentions {
		color:red;
		font-size: 8pt;
		}
		
	/*= Table bénéficiaires ---------------------------------------- */
	.tableBeneficiaire {}
	.tableBeneficiaire th,
	.tableBeneficiaire td  {
		text-align: left!important;
		border-bottom: 1px #ccc solid;
		}
	.tableBeneficiaire th {/*color:#23931C*/}
	.tableBeneficiaire td a {
		display: block;
		text-align: left;
		}

	/*= popup produits gammes ---------------------------------------- */
	body#popup h1 {
		font-size: 15pt;
		color:#0A4D96;
		}
	body#popup h2 {
		font-size: 13pt;
		}
	.prestaPopup th,
	.prestaPopup td { 
		text-align: left;
		font-size: 10pt;
		border-bottom: 1px #ccc solid;
		}
	.tools_popup {}
	a.close {display: none;}

/*-------------------------------------------------------------------------------------*/
/* =  ESPACE SECURISE ENTREPRISE PRINT  */	
	
	#divBeneficiairesPrint{				
		display:block;
	}
	#fset0, #fset1, .listBeneficiairesPrintcolonneAction, #recapitulatif.noprint{
		display:none;
	}