Regular Expressions 101

Save & Share

Regex Version: ver. 1
Fork Regex
ctrl+s
Go to community entry
Flavor

PCRE2 (PHP >=7.3)
PCRE (PHP <7.3)
ECMAScript (JavaScript)
Python
Golang
Java 8
.NET 7.0 (C#)
Rust
Regex Flavor Guide
Function

Match
Substitution
List
Unit Tests
Tools

Code Generator
Regex Debugger
Export Matches
Benchmark Regex
Regular Expression
No Match

Test String

Code Generator

Language

Generated Code

$re = '/#([a-fA-F0-9]{3})([a-fA-F0-9]{3})?(?=\W?)/';
$str = '/* Ce fichier contient les classes CSS personnalisées */

/* **************************************** couleurs ******************************************* */
@coldisp: #090;
@colindisp: #FA0;
@colweekend: #FA0;
@colconges: #F00;
@colreservations: #FA0;
@colhoraires: #850;
@colferie: #9CF;
@colrien: #FFF;

@colrupturesfond: #A8D089;
@colrupturestext: #000000;

@colbaronglefond: #CCEFCB;
@colbarongletext: #000000;

@colbaroutilfond: #DBF0CC;
@colbaroutiltext: #000000;

@colbartitrefond: #315E0F;
@colbartitretext: #FFFFFF;

@colbordures: #BBE899;

/* **************************** fonctions de dégradés verticaux ******************************* */
.degradev (@color1, @color2) {
	background-color: @color2;
	background-image: -webkit-linear-gradient(top, @color1, @color2);
	background-image:    -moz-linear-gradient(top, @color1, @color2);
	background-image:      -o-linear-gradient(top, @color1, @color2);
	background-image:     -ms-linear-gradient(top, @color1, @color2);
	background-image:         linear-gradient(top, @color1, @color2);
}
.degradev (@color1, @color2, @color3) {
	background-color: @color2;
	background-image: -webkit-linear-gradient(top, @color1, @color2, @color3);
	background-image:    -moz-linear-gradient(top, @color1, @color2, @color3);
	background-image:      -o-linear-gradient(top, @color1, @color2, @color3);
	background-image:     -ms-linear-gradient(top, @color1, @color2, @color3);
	background-image:         linear-gradient(top, @color1, @color2, @color3);
}
.degradev (@color1, @color2, @color3, @color4) {
	background-color: @color2;
	background-image: -webkit-linear-gradient(top, @color1, @color2, @color3, @color4);
	background-image:    -moz-linear-gradient(top, @color1, @color2, @color3, @color4);
	background-image:      -o-linear-gradient(top, @color1, @color2, @color3, @color4);
	background-image:     -ms-linear-gradient(top, @color1, @color2, @color3, @color4);
	background-image:         linear-gradient(top, @color1, @color2, @color3, @color4);
}

.degradev (@color1, @color2, @color3, @color4, @color5) {
	background-color: @color2;
	background-image: -webkit-linear-gradient(top, @color1, @color2, @color3, @color4, @color5);
	background-image:    -moz-linear-gradient(top, @color1, @color2, @color3, @color4, @color5);
	background-image:      -o-linear-gradient(top, @color1, @color2, @color3, @color4, @color5);
	background-image:     -ms-linear-gradient(top, @color1, @color2, @color3, @color4, @color5);
	background-image:         linear-gradient(top, @color1, @color2, @color3, @color4, @color5);
}

.degradev (@color1, @color2, @color3, @color4, @color5, @color6) {
	background-color: @color2;
	background-image: -webkit-linear-gradient(top, @color1, @color2, @color3, @color4, @color5, @color6);
	background-image:    -moz-linear-gradient(top, @color1, @color2, @color3, @color4, @color5, @color6);
	background-image:      -o-linear-gradient(top, @color1, @color2, @color3, @color4, @color5, @color6);
	background-image:     -ms-linear-gradient(top, @color1, @color2, @color3, @color4, @color5, @color6);
	background-image:         linear-gradient(top, @color1, @color2, @color3, @color4, @color5, @color6);
}

/* *********************************** fonctions de dégradés horizontaux ********************************** */
.degradeh (@color1, @color2) {
	background-color: @color2;
	background-image: -webkit-linear-gradient(to left, @color1, @color2);
	background-image:    -moz-linear-gradient(to left, @color1, @color2);
	background-image:      -o-linear-gradient(to left, @color1, @color2);
	background-image:     -ms-linear-gradient(to left, @color1, @color2);
	background-image:         linear-gradient(to left, @color1, @color2);
}
.degradeh (@color1, @color2, @color3) {
	background-color: @color2;
	background-image: -webkit-linear-gradient(to left, @color1, @color2, @color3);
	background-image:    -moz-linear-gradient(to left, @color1, @color2, @color3);
	background-image:      -o-linear-gradient(to left, @color1, @color2, @color3);
	background-image:     -ms-linear-gradient(to left, @color1, @color2, @color3);
	background-image:         linear-gradient(to left, @color1, @color2, @color3);
}
.degradeh (@color1, @color2, @color3, @color4) {
	background-color: @color2;
	background-image: -webkit-linear-gradient(to left, @color1, @color2, @color3, @color4);
	background-image:    -moz-linear-gradient(to left, @color1, @color2, @color3, @color4);
	background-image:      -o-linear-gradient(to left, @color1, @color2, @color3, @color4);
	background-image:     -ms-linear-gradient(to left, @color1, @color2, @color3, @color4);
	background-image:         linear-gradient(to left, @color1, @color2, @color3, @color4);
}

.toolbar_icon {
	background-size: 24px;
}

/* ****************************** valeurs par défaut ****************************** */


iframe[seamless]{
    background-color: transparent;
    border: 0px none transparent;
    padding: 0px;
}


//.x-grid-row .x-grid-cell,
.x-grid-data-row .x-grid-cell,
.x-grid-group-title {
	font-family: "Segoe UI", "tahoma", "arial", "verdana", sans-serif;
}

.x-grid-row-summary .x-grid-cell-inner {
	font-weight: bold !important;
	font-size: 13px;
}

.x-panel-header-text-default-framed,
.x-tab button,
.x-panel-header-default,
.x-panel-header-text-default,
.x-btn-inner,
.x-fieldset-header {
	font-size: 12px !important;
}

.x-grid-with-row-lines .x-grid-cell-inner {
	line-height: 21px;
	white-space: normal;
}

//.x-grid-row .x-grid-cell {
.x-grid-data-row .x-grid-cell {
	font-size: 13px;

	a {
	  text-decoration: none;
	}
}


/* enlève le padding par défaut dans les cellules des grids*/
.x-grid-cell-inner,
.x-grid-group-hd {
	padding: 0 !important;
}

/* corrige le padding des cellules de treeview */
/*.x-tree-view .x-grid-cell-inner {
	padding: 3px !important;
}
*/
.x-tree-view .x-grid-cell-inner-treecolumn {
	padding: 3px !important;
}


/* dossier fermé */
.x-tree-icon-parent {
	background-image: url("../resources/images/folder_closed_16x16.png");
}

/* dossier ouvert */
.x-grid-tree-node-expanded .x-tree-icon-parent {
	background-image: url("../resources/images/folder_16x16.png");
}


/* corrige le padding par défaut dans les entêtes de colonne des grids*/
/* et centre les entete de colonne */
.x-column-header-inner {
	text-align: center !important;
	padding: 3px 0px;
}

.x-grid-group-title {
	font-size: 11px;
	line-height: 18px;
	height: 18px;
	vertical-align: middle;

	.degradeh(#2f323f, #2e65a7, #2f323f);
	background-color: #2F323F !important;
	color: #FFF;
}

.x-boundlist-list-ct ul {
	padding: 0;
	list-style-type: none;
}

.x-timepicker {
	.x-boundlist-item {
		text-align: center;
	}
}

.x-grid-cell.vrai, .x-grid-cell.faux {
	font-size: 18px;
}
.x-grid-cell.vrai {
	color: #060;
}
.x-grid-cell.faux {
	color: #900;
}



/* ************************************************* commun ******************************************************* */
.handcursor {
	cursor: pointer;
}

.imgbackground {
	width: 100%;
	bottom: 0px;
	left: 0px;
	position: absolute;
}

.zindex1 {
	z-index: 1;
}

.whitebg {
	z-index: 1;
}

.whitebg .x-panel-body {
	background-color: rgba(255,255,255,0.5) !important;
}

.champ-email input[type=text] {
	background : #fff url("../resources/images/email_16x16.png") 4px 50% no-repeat;
	padding-left: 25px;
	cursor: pointer;
}

.ligne-vide {
	display: none;
}

.champ-gmaps textarea {
	background: #ffffff url("../resources/images/localisation_16x16.png") no-repeat 99% 8%;
	padding-left: 10px;
	padding-right: 25px;
	cursor: pointer;
}

/* ************************************************* spécifique **************************************************** */
/* header */

#headerpanel {

	#container_welcome {

		font-family: \'sinkin_sans\', Arial, sans-serif;

		/* titre de l\'application */
		#txt_welcome {
			vertical-align: bottom;
			/*height: 62px;*/

			#titre {
				text-shadow: 0 0 0.4em #FFF, 0 0 0.4em #FFF, 0 0 0.4em #FFF, 0 0 0.4em #FFF, 0 0 0.4em #FFF, 0 0 0.4em #FFF, 0 0 0.4em #FFF, 0 0 0.4em #FFF;
				font-size: 24px;
				font-weight: normal;
				line-height: 62px;
				margin: 0px;

				a:focus {
					outline: none;
				}

				a, a:link, a:visited {
					text-decoration: none;
					color: #369;
					padding-bottom: 2px;
				}

				a:hover {
					text-decoration: none;
					border-bottom: solid 2px #369;
				}
			}
		}


		#container_messagedujour-innerCt {
			vertical-align: middle !important;

			/* caroussel des messages */
			#messagedujour {
				margin: 0px;
				text-align: left;

				.viewport {
					width: 100%;
					max-width: 562px;
					height: 30px;
					overflow: hidden;
					position: relative;
					display: inline-block;
					vertical-align: middle;

					.overview {
						margin: 0px;
						list-style: none;
						position: absolute;
						left: 0
						top: 0;

						.page {
							margin: 0px;
							padding: 0px;
							float: left;
							border: none;
							width: 550px;

							p {
								margin: 0px;
								padding: 0px;
								line-height: 30px;
							}
						}
					}
				}

				.bullets {
					/*overflow:hidden;*/
					/*height: 1%;*/
					list-style: none;
					clear: both;
					margin: 0px;
					display: inline-block;
					padding: 0px;
					vertical-align: middle;

					li {
						float: left;
					}

					.bullet {
						background-color: #fff;
						text-decoration: none;
						text-align: center;
						padding: 0px 4px;
						color: #555555;
						font-size: 13px;
						font-weight: bold;
						display: block;

						&.active {
							color: #fff;
							background-color: #555555;
						}
					}
				}
			}
		}
	}

	#container_profil {

		background-image: url("../resources/images/header_ident3.png");
		background-repeat: no-repeat;
		background-position: right;
		font-family: \'sinkin_sans\', Arial, sans-serif;

		#lbl_profil_qui {
			.x-form-display-field {
				color: #EEE;
				font-size: 18px;
				text-align: center;
				font-family: \'sinkin_sans\', Arial, sans-serif;
			}

			.x-form-item-body {
				vertical-align: bottom;
			}
		}

		#lbl_profil_connexion {
			display: table-cell;
			vertical-align: middle;
		}

		#login_link:link, #login_link:link, #login_link:visited {
			color: #EEE;
			font-size: 14px;
			text-decoration: none;
		}
		#login_link:hover{
			color: #FFF;
			text-decoration: underline;
		}
	}
}


#grid_adh_suiviexercice .x-grid-cell-inner {
	line-height: 13px;
	white-space: normal;
}
#grid_adh_exercices {
	.x-grid-cell-inner {
		white-space: nowrap;
	}
}

/* corrige un bug */
#menu_reservationsSemaine .x-grid-cell-inner {
	white-space: nowrap;
}


#about h1 {
	font-size: 20px;
}

dl.credits, dl.aide, dl.releasenotes {
	margin-left: 20px;

	dt {
		font-weight: bold;
		font-size: 16px;
		margin-top: 30px;
	}

	dd {
		margin-left: 25px;

		strong {
			font-weight: 700 !important;
		}
	}
}





/* PLANNING ET RESERVATIONS */

.activite, .reunion {
	&.disponible {
		background-color: @coldisp;
		border-left: solid 10px @coldisp;
		border-right: solid 2px lighten(@coldisp, 30%);
	}

	&.indisponible {
		background-color: @colindisp;
		border-left: solid 10px @colindisp;
		border-right: solid 2px lighten(@colindisp, 30%);
	}

	&.conges {
		background-color: @colconges;
		border-left: solid 10px @colconges;
		border-right: solid 2px lighten(@colconges, 30%);
	}

	&.ferie {
		background-color: @colferie;
		border-left: solid 10px @colferie;
		border-right: solid 2px lighten(@colferie, 30%);
	}

	.contenu {
		background-color: rgba(255,255,255,0.90);
		padding: 10px;
/*		left: 10px; /* /* mettre à 0 pour mettre la bande à droite */
		position: relative;
		border-bottom: dotted 1px #AAA;

		.typeactivite, .lieuactivite, .libactivite, .typereunion, .lieureunion, .libreunion, .organisateur, .grptrav, .techniciens {
			margin: 5px;
			padding: 0;
			list-style-type: none;
		}

		.horaireconteneur {
			margin: 0px 5px 5px 5px;
		}

		.complementactivite {
			position: absolute;
			right: 0px;
			top: 0px;
			width: 12px;
			opacity: 0.75;
		}

		.conteneur_trajet {
			border: solid 2px #CCC;
			background-color: #FFF;
			margin-top: 10px;
			padding: 5px;

			a img {
				margin-right: 5px;
			}

			a, a:link, a:visited {
				color: #16529C;
				text-decoration: none;
			}

			a:hover, a:focus {
				text-decoration: underline;
			}
		}
	}

	&:last-child .contenu {
		border-bottom: none;
	}

	.horaire, .special {
		font-weight: bold;

		&.debut:after {
			content: " - ";
		}
	}

	.special:after {
		content: " : ";
	}

	.organisateur a, .techniciens a {
		color: #16529C;
		text-decoration: none;

		&:hover, &:focus {
			text-decoration: underline;
		}
	}

	ul.grptrav li, ul.techniciens li {
		width: 100%;
		min-height: 18px;

		.mailtec {
			margin: 0px 6px;
		}

		.alltecs {
			font-weight: bolder;
		}
	}

	span.organisateur {
		display: block;

		.mailtec {
			margin: 0px 6px;
		}

	}

	.lieuactivite, .libactivite {
		display: block;
		color: #999;
		font-size: small;
	}

	ol.visites {
		padding: 10px;
		font-size: 11px;
		margin-left: 10px;

		li {
			list-style: decimal;

			a {
				color: #16529C;
				text-decoration: none;

				&.trajet {
					display: inline-block;
					margin: 5px 0px 15px 36px;
				}

				&:hover, &:focus {
					text-decoration: underline;
				}
			}
		}

		li:last-child a.trajet{
			margin-bottom: 0px;
		}
	}

	&:last-child {
		border-bottom: none;
	}
}

#menu_planning,
#menu_reservationsSemaine {

	.x-grid-data-row .x-grid-cell {
		border-top: 0px !important;
		border-bottom: 1px solid #D2D2D2 !important;
	}

		.x-grid-rowbody:empty {
			padding: 0;
		}

	.x-grid-with-row-lines .x-grid-cell {
		border-top-width: 0px !important;
	}

	.x-grid-group-hd {
		padding: 0;
		border-top: 2px solid #99BBE8;
		border-bottom: none;

		 .x-grid-group-title {
			font-size: 15px;
			line-height: 26px;
			height: 26px;
			white-space: normal;
		}
	}
}










/* CONGES et RESERVATIONS ANNUELLES */
#grid_conges {
	.journee {
		&.ferie, &.weekend, &.ouvre, &.rien {
			.contenu {
				line-height: 32px;
			}
		}
		&.conge, &.ferie {
			.contenu {
				line-height: 16px;
			}
		}
	}
}
#grid_reservations_annee {
	.journee {
		.contenu {
			height: 64px;
			.toutseul {
				line-height: 64px;
			}
		}
	}
}

#grid_conges, #grid_reservations_annee {

	/* ruptures */
	.x-grid-group-hd .x-grid-group-title {
		padding: 0px 5px 0px 50px;
	}

	.x-column-header-text {
		font-weight: bold;
	}

	/* cellules */
	.x-grid-cell {
		border-top: solid 1px #fff !important;
		border-bottom: none;
		background-color: #BFE5BF;
	}

	.journee {

		&.ferie, &.weekend, &.ouvre, &.rien {

			.contenu {
				background-color: rgba(255, 255, 255, 0.75);
				width: 98%;
				left: 0px;
				text-align: center;

				vertical-align: middle;


				a, a:link, a:visited {
					text-decoration: none;
					color: #3C4B83;
					margin-bottom: 5px;
					font-weight: bold;
				}

				a:hover {
					text-decoration: underline;
				}

				p {
					margin: 0;
				}
			}
		}

		&.rien {
			background-color: @colrien;
		}

		&.weekend {
			background-color: @colweekend;
		}

		&.ouvre {
			background-color: @coldisp;
		}

		&.rsvt {
			background-color: @colreservations;

			.contenu {
				.descjourhoraires {
					color: @colhoraires;
					font-weight: bold;
				}
			}
		}

		&.conge {
			background-color: @colconges;
		}

		&.ferie {
			background-color: @colferie;
		}

		&.conge, &.rsvt {

			img {
				float: left;
				margin: 1px -16px 1px 1px;

			}

			&.matin, &.aprem {
				border-left: dotted 1px #AAA;

				.contenu {
					width: 96%;
				}
			}

			&.matin {
				width: 49%;
				float: left;
			}

			&.aprem {
				width: 51%;
				float: right;
			}
		}
	}
}



/* Conges par secteurs */
#grid_congesSecteur {
	.x-grid-cell-inner {
		height: 40px;

		.journee {
			display: block;
			width: 100%;
			height: 100%;
			border-style: dotted !important;
			border-width: 1px !important;

/*			&.ouvre {
				background-color: #EEE;
			}*/

			&.ferie {
				background-color: #9CF;
				border-color: #00F;
			}

			&.weekend {
/*				background-color: #F28282;
				border-color: #000;
*/				background-color: rgba(200, 200, 200, 0.17);
				border: none !important;
			}

			&.conge {
				background-color: #FAA;
				border-color: #F00;

				&.jour {

				}

				&.matin {
					width: 50%;
					float: left;
					/*
					height: 50%;
					margin-bottom: 50%;
					*/
					background-color: #FFAA66;
				}

				&.aprem {
					width: 50%;
					float: right;
					/*
					height: 50%;
					margin-top: 50%;
					*/
					background-color: #FF7575;
				}
			}

			&.travail {
				background-color: #AFA;
				border-color: #0F0;
			}

			&.rien {
				border: none !important;
			}

		}

		.nom_technicien {
			text-align: right;
			margin-right: 5px;

			a {
				text-decoration: none;

				&:link, &:visited {
					color: #3C4B83
				}
			}
		}

		.actions_technicien {
			float: right;
			padding: 5px;
		}
	}

	.x-column-header {
		&.aujourdhui, &.ferie, &.weekend, &.aujourdhui .x-column-header-text, &.ferie .x-column-header-text, &.weekend .x-column-header-text {
			font-weight: normal;
			color: #000;
		}

		&.aujourdhui {
			.degradev (#F88, #F00);
		}

		&.ferie {
			.degradev (#E9E9FF, #D3D4FF);
		}

		&.weekend {
			.degradev (#E9E9E9, #D3D4D6);
		}
	}
}


/* ACCUEIL */
#grid_activite {
//	.x-grid-row .x-grid-cell {
	.x-grid-data-row .x-grid-cell {
		vertical-align: middle;
	}
}

/*.x-grid-row .x-grid-cell .aujourdhui {*/
.x-grid-data-row .x-grid-cell.aujourdhui {
	.activite, .reunion {
		.contenu {
			background-color: rgba(255, 255, 255, 0.85);
		}
	}
}

.lbl_sem {
	font-size: 24px;
	font-weight: bold;
}


.x-column-header {
	&.aujourdhui, &.ferie, &.weekend, &.aujourdhui .x-column-header-text, &.ferie .x-column-header-text, &.weekend .x-column-header-text {
		font-weight: bold;
		color: #FFF;
		.x-column-header-over {
			color: #000;
		}
	}

	&.aujourdhui {
		.degradev (#F88, #F00);
	}

	&.ferie {
		.degradev (#88F, #00F);
	}

	&.weekend {
		.degradev (#F88, #F00);
	}
}

.action.email, .action.conges {
	margin-right: 10px;
	margin-top: 5px;
	float: right;
}

.x-grid-cell-inner,
.x-grid-group-hd {
	.x-grid-group-title .technicien, .x-grid-group-title .materiel {
		display: inline-block;
		width: 100%;

		.nomprenom, .description {
			display: inline-block;
			padding-left: 27px;

			img {
				vertical-align: middle;
				margin: 0px 2px 3px 0px;
			}
		}

		.actions {
			display: inline-block;
			float: right;

			.secteur, .tpstrav {
				margin-right: 20px;
				display: inline-block;
			}

			.tpstrav {
				min-width: 50px;
			}

			.secteur {
				min-width: 180px;
			}

			.code {
				min-width: 40px;
				display: inline-block;
			}

			.tpstrav + a {
				min-width: 90px;
			}

			.tpstrav + a, .tpstrav + a {
				display: inline-block;
			}

			.telephone {
				&.bureau {
					background-image: url("../resources/images/telephone_16x16.png");
					min-width: 70px;
				}

				&.portable {
					background-image: url("../resources/images/phone_16x16.png");
					min-width: 106px;
				}
				background-position: 0 50%;
				background-repeat: no-repeat;
				padding-left: 20px;
				display: inline-block;
			}

			.envoisms {
				margin-right: 20px;

				img {
					vertical-align: middle;
				}
			}
		}
	}

	> .technicien, > .materiel  {
		display: none;
	}

	> .email {
		float: right;
		margin: 5px;
	}
}

#grid_social_contrats,
#grid_social_dashboard,
#grid_social_historique,
#grid_suivi_donnees_journalieres,
#grid_suivi_donnees_hebdomadaires,
#form_suivi_donnees_mensuelles,
#grid_suivi_synthese {
	.x-grid-cell-inner { /*,
	.x-grid-group-hd {*/
		padding: 2px 6px 4px !important;
	}

//  .x-grid-row, .x-grid-row-summary {
	.x-grid-data-row, .x-grid-row-summary {
		height: 24px;

		.x-grid-cell {
			vertical-align: middle;
		}

		&.weekend {
			.x-grid-cell-inner {
				color: #600;
			}
		}
	}

	.x-grid-row-editor {
		height: 29px !important;

		.x-panel-body {
			height: 29px !important;
			display: table-cell;
			vertical-align: middle;

			.x-form-text,
			.x-form-display-field {
				text-align: center;
				font-size: 13px;
			}
		}

		.x-grid-row-editor-buttons {
			top: 28px !important;
		}
	}

	#txt_suivi_commentaire .x-form-item-label {
		margin-bottom: 5px;
	}

	#lbl_suivi_erreur-inputEl {
		color: #C00;
		font-weight: bold;
	}
}

// annule le padding pour les groupes et remplace par un padding pour le texte des groupes
#grid_social_contrats {
	.x-grid-group-hd {
		padding: 0px !important;

		.x-grid-group-title {
			padding: 2px 6px 4px !important;
		}
	}
}

#grid_social_dashboard {
	.x-grid-group-hd {
		padding-left: 8px !important;
		background-color: #2F323F !important;
		.degradeh(#2f323f, #2e65a7, #2f323f);

		.x-grid-group-title {
			height: 28px;
			line-height: 28px;
		}
	}
}


li img.suivi {
	float: right;
	margin-top: 2px;
}

table.x-field {
  input[type=text] {
    background-repeat: no-repeat;
    background-position: right center;
    background-origin: content-box;
    padding-right: 2px;
  }

  &.A {
    input[type=text] {
      background-image: url("../resources/images/etat_A.png");
    }
  }
  &.F {
    input[type=text] {
      background-image: url("../resources/images/etat_F.png");
    }
  }
  &.N {
    input[type=text] {
      background-image: url("../resources/images/etat_N.png");
    }
  }
  &.P {
    input[type=text] {
      background-image: url("../resources/images/etat_P.png");
    }
  }
  &.R {
    input[type=text] {
      background-image: url("../resources/images/etat_R.png");
    }
  }
  &.V {
    input[type=text] {
      background-image: url("../resources/images/etat_V.png");
    }
  }
  &.X {
    input[type=text] {
      background-image: url("../resources/images/etat_X.png");
    }
  }
}



#menu_adherent {


	.x-grid-group-title {
		padding: 0px 10px;
	}



	//mot de passe
	#grid_adh_connexionsinternet {
		.x-grid-cell-headerId-col_adh_CIN_PASSE,
		.x-grid-cell-headerId-col_adh_CIN_ID {
			.x-grid-cell-inner  {
				font-family: "Courier New", Courier, monospace !important;
				text-align: center                             !important;
			}
		}

		.x-grid-cell-inner {
			line-height: 18px;
			white-space: normal;
		}
	}




	#grid_techniciens .x-grid-cell-inner {
		padding: 2px !important;
	}

	/*
	#img_adh_facturation_etat {
		margin: 5px 5px 5px 20px;
	}
	*/

	/*
	#fieldset_adh_facturation td {
		vertical-align: middle;
	}
	*/

	#grid_adh_exercices {
		.x-grid-cell {
			vertical-align: middle;

			.x-grid-cell-inner {
				height: 24px;
				line-height: 24px;
				padding: 2px !important;

				.jauge {
					/*margin-top: 1px;*/


					.green_progress_bar .x-progress-bar {
						.degradev (#9AC795, #79BF71 50%, #69BA5F 51%, #58B54E);
						background-color: #68BA5F;
						border-right-color: #5BA852;
						border-top-color: #AAC7A7;
					}


				}
			}
		}
	}

	/*
	#form_adh_etatcivil {
		#txt_adh_etatcivil_designation {
			.x-form-display-field {
				font-weight: bold;
				font-size: 18px;
				padding: 0px;
			}
		}
	}
	*/

	#grid_adh_techniciens, #form_adh_etatcivil, #grid_adh_associes, #grid_adh_interventions {
		.champ_email, .rien  {
			text-decoration: none;

			/*float: right;*/
			img {
				display: inline-block;
			}
		}

		.champ_email_text .x-form-display-field {
			/*padding: 0px;*/
			margin: 0px;

			img {
				margin-left: 10px;
				position: relative;
				bottom: -3px;
			}
		}
	}

	#grid_adh_interventions {
		.x-grid-cell-inner {
			white-space: normal !important;
		}
	}
}

.aucuneactivite .x-grid-rowbody {
	color: #AAA;
	padding: 0.75em;
	text-align: center;
}
.activite.aucuneactivite, .reunion.aucuneactivite {
	color: #AAA;
	text-align: center;
	font: normal normal 400 11px/13px Tahoma;
}



.x-grid-group-title {
	.headertec, .headerreunion {
		padding: 0px 5px;
		height: 26px;

		&.ferme, &.ouvert {
			background-position: 4px 50%;
			background-repeat: no-repeat;
		}

		background-image: none;

		&.ferme {
			background-image: url("../resources/images/expand_16x16.png");
		}

		&.ouvert {
			background-image: url("../resources/images/collapse_16x16.png");
		}
	}
}


#grandlivre_grid {
//	.x-grid-row .x-grid-cell-inner {
		.x-grid-data-row .x-grid-cell-inner {
		font-size: 13px;
		padding: 5px !important;
	}

	.x-grid-group-title {
		font-size: 13px;
		padding: 15px 0px 3px 20px !important;
		line-height: normal;
		height: auto;
		border-top: 2px solid #99BBE8;
		background-color: #E5FFCC !important;
		color: #3764A0;
		background-image: none;
	}

	.cgo_signe {
		float: left;
		margin-left: 5px;
	}

	.cgo_debit {
		.cgo_currency {
			margin-right: 30px;
			color: #600;
		}
	}

	.cgo_credit {
		.cgo_currency {
			margin-right: 5px;
			color: #040;
		}
	}

	.x-grid-row.gras .x-grid-cell-inner,
	.x-grid-data-row.gras .x-grid-cell-inner {
		font-size: 13px;
		font-weight: 700 !important;
	}
}

#menu_planning, #menu_reservationsSemaine {
	.x-grid-group-hd:hover {
		cursor: pointer;
	}
}

#menupanel .x-grid-cell-inner {
	font-size: 13px;
	line-height: 13px;

	.x-tree-node-text {
		font-size: 13px;
		line-height: 14px;
	}
}

.modifiable:hover {
	background-image: url( "../resources/images/pencil_16x16.png" );
	background-repeat: no-repeat;
	background-position: 1% center;
	padding-left: 24px;
}

.marge_droite_5px {
	margin-right: 5px;
}

#lbl_suivi_recap, #lbl_suivi_commande {

	h3 {
		margin: 0px;
		vertical-align: middle;
		line-height: 25px;

		&.big {
			line-height: 50px;
		}
	}

	span.salarie, span.mois, span.refcom, span.statutcom {
		color: #900;
	}
}

/* popup qui apparait dans le planning lors du survol d\'un technicien */
div.pop-up {
	display: none;
	position: fixed;
	padding: 0px 10px 10px 10px;
	background: #eeeeee;
	opacity: 1.0;
	color: #000000;
	border: 1px solid #1a1a1a;
	z-index: 1000;

	.entete, .contenant {
		margin: 0px;
	}

	.entete {
		.fonctions {
			margin: 0px;
			padding: 0px;
			font-size: 11px;
			list-style-type: none;
			text-align: center
		}
	}

	.contenu {

		/*background-color: salmon;*/

		.photo {
			display: block; /* pour enlever l\'espace en dessous de l\'image */
		}
	}
}

.x-selectable, .x-selectable * {
	-moz-user-select: text!important;
	-khtml-user-select: text!important;
}



#grid_congesStats {
	.premiereannee {
		&.important {
			font-weight: bold;
		}
	}

	.anneessuivantes {
		/*display: none;*/
		.subitem {
			&.n-0 {
				background-color: rgba(255, 255, 255, 0.3);
			}

			&.n-1 {
				background-color: rgba(255, 255, 255, 0.4);
			}

			&.n-2 {
				background-color: rgba(255, 255, 255, 0.5);
			}

			&.n-3 {
				background-color: rgba(255, 255, 255, 0.6);
			}

			&.n-4 {
				background-color: rgba(255, 255, 255, 0.7);
			}

			&.n-5 {
				background-color: rgba(255, 255, 255, 0.8);
			}

			&.n-6 {
				background-color: rgba(255, 255, 255, 0.9);
			}
		}

	}

	.depart {
		background-color: rgba(255, 0, 0, 0.2);
	}

	.intermediaire {
		background-color: rgba(255, 255, 0, 0.2);
	}

	.arrivee {
		background-color: rgba(0, 255, 0, 0.2);
	}

	.x-docked-summary {
		.x-grid-cell-inner {
			height: 32px;
			line-height: 32px;
		}
	}
}



.listright {
	float: right;
	font-family: "Courier New", "Courier", monospace;
	font-weight: 700;
	color: #888;
}

img.listright {
	margin-left: 10px;
}


.listeadhitem {
	display: inline-block;
	width: 320px;
}




/* compatibilité avec Selectize */
#grid_techniciens {
	.x-docked {
		z-index: auto;
	}
}
#toolbar_techniciens {
	&.x-docked {
		z-index: auto;
	}

	&.x-box-layout-ct {
		overflow: visible;
	}

	#toolbar_techniciens-innerCt {
		&.x-box-inner {
			overflow: visible;
		}
	}
}
.selectize-control.cgo-native-text-input .selectize-dropdown {
	.nomprenom, .email {
		font-size: 12px;
		opacity: 0.5;
		float: right;
	}

	.nomprenom {
		width: 150px;
	}

	.email {
		width: 160px;
	}
}


.negatif {
	color: #F00;
	font-weight: bold;
}

pre.insee {
	margin: 0px 0px 0px 10px;
	font-size: 0.85em;
	color: #666;
	.degradeh( rgba(255,255,255,0) 0%, #E6E6E6 50%, rgba(255,255,255,0) 100% );
}

pre.identifiant {
	margin: 0px;
}

span.invalide {
	color: red;
}

img.centrelignenormale {
	position: relative;
	top: 2px;
}
';

preg_match_all($re, $str, $matches, PREG_SET_ORDER, 0);

// Print the entire match result
var_dump($matches);
Please keep in mind that these code samples are automatically generated and are not guaranteed to work. If you find any syntax errors, feel free to submit a bug report. For a full regex reference for PHP, please visit: http://php.net/manual/en/ref.pcre.php
Regular Expressions 101

Save & Share

Flavor

Function

Tools

Explanation

Match Information

Quick Reference

Regular Expression
No Match

Test String

Code Generator

Language

Generated Code

Save & Share

Flavor

Function

Tools

Explanation

Match Information

Quick Reference

Regular ExpressionNo Match

Test String

Code Generator

Language

Generated Code

Regular Expression
No Match
