@charset "utf-8";
/* CSS Document */

/**
 * Cette feuille de style gère l'apparence des listes en tableau, vignettes (photo) ou bloc 
 */

/*
 * HEXA COLORS
    Gris TF : 646665
    Gris : C9C9C9
    Gris clair : EEE8E6
    
    Bleu foncé : 0C78A3
    Bleu TF : 00B6DC
    Bleu : 0099D4
    Bleu clair : 80CCE9
    Bleu pale : D9F4FA
    
    Jaune : FFF500
*/

/*
100% >> 16px
9px		.563em		56.3%		7pt
11px	.688em		68.8%		8pt
13px	.813em		81.3%		10pt
16px	1.000em		100.0%		12pt
21px	1.313em		131.3%		16pt
24px	1.500em		150.0%		18pt
*/


/*
==================================================
	Table of Contents / Sommaire
==================================================
	#DISPLAY : 	Sélection Affichage Vignettes ou Listes
    #TABLEAU : 	Tablet (Portrait) and smaller 	// 768px
    #TABLEAU : 	Computer
	#VIGNETTE : Tablet (Portrait) and smaller 	// 768px
	#VIGNETTE : Computer
	#BLOC : 	Tablet (Portrait) and smaller 	// 768px
	#BLOC : 	Computer
*/

/*
==================================================
	Affichage Vignettes/Listes 	// 768px
==================================================
*/
@media screen and (min-width: 320px) and (max-width: 767px) {

}/*/mediaquery*/


/*
 * Affichage Vignettes/Listes
 */

@media screen and (min-width: 768px) {
a.display,
a.display:link,
a.display:visited {
	height:21px;
	width:21px;
	margin-top: -2.5rem;
	font-size:1.5rem;
	color:#666;
	text-decoration:none;
	
	/*Opacity*/
	opacity : .5;
	-moz-opacity : .5;
	-ms-filter: "alpha(opacity=50)"; /* IE 8 */
	filter : alpha(opacity=50); /* IE < 8 */
}

a.display:hover,
a.display:active,
a.display:focus,
a.display.active {
	/*Opacity*/
	opacity : 1;
	-moz-opacity : 1;
	-ms-filter: "alpha(opacity=100)"; /* IE 8 */
	filter : alpha(opacity=100); /* IE < 8 */
}

a.display + a.display {
	margin-right:2rem;
}

}/*/mediaquery*/

/*
==================================================
	TABLEAU : Tablet (Portrait) and smaller 	// 768px
==================================================
*/
@media screen and (min-width: 320px) and (max-width: 767px) {

/*
 * Affichage Vignettes/Listes
 */
	
	/* Hide table headers (but not display: none; for accessibility) */
	thead tr { 
		padding: 2px; 
		text-align: left;
		background: #00B6DC !important;  
	}
	
	/* Zebra striping */
	tr { 
		background: #F0F9FC; 
	}
	
	tbody tr:nth-of-type(odd) { 
		background: #FFF; 
	}
	
	/**/
	
	tr {
		border-bottom: 1px solid #EEE8E6;
	}
	
	td { 
		/* Se comporte comme une rangée de tableau */
		border: none;
		border-bottom: 1px solid #EEE8E6; 
		padding: 6px 6px 6px 30% ;  
		text-align: left; 
	}
	
	td:before { 
		/* Top/left values mimic padding */
		top: 8px;
		left: 6px;
		width: 24%; /*45*/
		padding-right: 1%; 
		font-size:.563rem;
		font-weight:normal;
		text-align:right;
	}
	
	/*Label*/
	td:nth-of-type(n):before {
		color:#999;
	}
	
	/*Checkbox dans tableau*/
	table.list input {
		width:.75rem;
		height:.75rem;
	}
	
	/*Commande*/
	td.cmd { 
		border: none;
		border-bottom: 1px solid #DDD; 
		position: relative;
		padding: 6px 6px 6px 30% ;  
		text-align: left; 
	}
	
	td.cmd a,
	td.cmd a:link,
	td.cmd a:visited {
		text-decoration:none;
		color:#666;
		padding-right:1rem;
	}
	
	/*Bouton Action sur checkbox tableau liste*/
	.listAction-checkbox {
		margin:1rem 0 0 0;
	}
	
	.listAction-checkbox select {
		margin:.5rem 0 0 0;
	}
	
	/*Validé/dévalidé*/
	table .fa-ok.green {
		color:#9C0;
	}
	
	table .fa-times.orange {
		color:#F60;
	}
	
}/*/mediaquery*/


/*
==================================================
	TABLEAU : Computer
==================================================
*/
@media screen and (min-width: 768px) {
	/* Show table headers */
	th { 
		padding: 6px; 
		text-align: left; 
	}
	
	th.checkbox {
		width:15px;
	}
	
	th.cmd {
		width:75px;
	}
	
	th,
	th a,
	th a:link,
	th a:visited  {
		background: #00B6DC; 
		color: #FFF; 
		font-weight: bold;
		text-decoration:none;
	}
	
	th a:hover,
	th a:active { 
		text-decoration:underline;
	}
	
	th a::after {
	   font-family: 'FontAwesome';
	   content: "\f078";
	   padding-left:.25rem;
	   color:#AFD6EE;	   
	}
	
	/* Zebra striping */
	tbody tr { 
		background: #F0F9FC; 
		border-bottom:1px solid #FFF;
		
		/*Transition*/
    	-moz-transition:		all .3s ease;
    	-webkit-transition:		all .3s ease;
    	-ms-transition:			all .3s ease;
    	-o-transition:			all .3s ease;
    	-khtml-transition:		all .3s ease;
    	-chrome-transition:		all .3s ease;
    	transition: 			all .3s ease;
	}
	
	tbody tr:nth-of-type(odd) { 
		background: #FFF; 
	}
	
	/**/
	
	tr:hover {
		border-bottom-color:#1B8ACE;
	}
	
	td { 
		padding: 6px; 
		text-align: left; 
		vertical-align: top;
		border: 1px solid #00B6DC;
	}
	
	td.cmd a,
	td.cmd a:link,
	td.cmd a:visited {
		padding:.25rem;
		color:#666;
		font-size:1.313rem;
		
		/*Opacity*/
		opacity : .6;
		-moz-opacity : .6;
		-ms-filter: "alpha(opacity=60)"; /* IE 8 */
		filter : alpha(opacity=60); /* IE < 8 */
	}
	
	td.cmd a:hover {
		text-decoration:none;
		
		/*Opacity*/
		opacity : 1;
		-moz-opacity : 1;
		-ms-filter: "alpha(opacity=100)"; /* IE 8 */
		filter : alpha(opacity=100); /* IE < 8 */
	}
	
	/*Checkbox dans tableau*/
	table.list input {
		width:1.313rem;
		height:1.313rem;
	}
	
	/*Bouton Action sur checkbox tableau liste*/
	.listAction-checkbox {
		margin:1rem 0 0 0;
	}
	
	.listAction-checkbox menu,	
	.listAction-checkbox select {
		float:left;
		clear:none;
	}
	
	.listAction-checkbox menu {
		margin-right:1rem;
	}
	
	/*Validé/dévalidé*/
	table .fa-ok.green {
		color:#9C0;
	}
	
	table .fa-times.orange {
		color:#F60;
	}	
	
}/*/mediaquery*/

/*
==================================================
	VIGNETTES : Tablet (Portrait) and smaller 	// 768px
==================================================
*/
@media screen and (min-width: 320px) {
	
	.listThumb {
		padding:.15rem;
		
		/* Rounded corners */
		-moz-border-radius:		0 0 .5rem .5rem;	
		-webkit-border-radius:	0 0 .5rem .5rem;	
		-o-border-radius:		0 0 .5rem .5rem;	
		-khtml-border-radius:	0 0 .5rem .5rem;
		-ms-border-radius:		0 0 .5rem .5rem;	
		-chrome-border-radius:	0 0 .5rem .5rem;
		border-radius:			0 0 .5rem .5rem;
	}
	
	.listThumb:nth-of-type(even) {
		background:#EEE;
	}
	
	.listThumb > img {
		float:left;
		margin-right:.3rem;
		width:45px;
	}
	
	.listThumb p.infos {
		float:left;
		line-height: 1.2em;
	}
	
	.listThumb p.infos strong{
		font-weight:bold;
	}
	
	.listThumb p.cmd a,
	.listThumb p.cmd a:link,
	.listThumb p.cmd a:visited {
		padding:.2rem .35rem;
		margin:.2rem .35rem 0 0;
		background:#999;
		font-size:1rem;
		color:#FFF;
		text-decoration:none;
		
		/* Rounded corners */
		-moz-border-radius:		.3rem;	
		-webkit-border-radius:	.3rem;	
		-o-border-radius:		.3rem;	
		-khtml-border-radius:	.3rem;
		-ms-border-radius:		.3rem;	
		-chrome-border-radius:	.3rem;
		border-radius:			.3rem;
	}

	.listThumb p.cmd a.icon-remove:hover {
		background:#900;
	}
	
	.listThumb p.cmd a.green {
		background:#9C0;
	}
	
	.listThumb p.cmd a.orange {
		background:#F60;
	}
	
}/*/mediaquery*/

/*
==================================================
	VIGNETTE : Computer
==================================================
*/
@media screen and (min-width: 768px) {
	
	.listThumb {
		margin:0 1% 10px 0;
		min-height: 88px;
		padding:.2rem;

		/*Transition*/
		-moz-transition:		all .3s ease;
		-webkit-transition:		all .3s ease;
		-ms-transition:			all .3s ease;
		-o-transition:			all .3s ease;
		-khtml-transition:		all .3s ease;
		-chrome-transition:		all .3s ease;
		transition: 			all .3s ease;
	}
	
	.listThumb:nth-child(1n) {
		background:#EEE;
	}
	
	.listThumb:nth-child(2n) {
		background:#DDD;
	}
	
	.listThumb:nth-child(3n) {
		background:#CCC;
	}

	.listThumb:hover {
		background:#FFF;
	}
	
	.listThumb > img {
		width:55px;
	}
	
	.listThumb p.infos {
		width: 65%;
	}
	
	.listThumb:hover p.infos {
		color:#1B8ACE;
	}
	
	.listThumb p.cmd a,
	.listThumb p.cmd a:link,
	.listThumb p.cmd a:visited {
		font-size:1.313rem;
		color:#FFF;
	}
	
	.listThumb p.cmd a:hover,
	.listThumb p.cmd a:focus,
	.listThumb p.cmd a:active {

	}
	
}/*/mediaquery*/

@media screen and (min-width: 1025px) {
	
	.listThumb p.cmd a:hover,
	.listThumb p.cmd a:focus,
	.listThumb p.cmd a:active {
		background:#555;
	
		/* Shadow box */
		-moz-box-shadow:		0 2px 2px rgba(0,0,0,.5);
		-webkit-box-shadow:		0 2px 2px rgba(0,0,0,.5);
		-ms-box-shadow:			0 2px 2px rgba(0,0,0,.5);
		-chrome-box-shadow:		0 2px 2px rgba(0,0,0,.5);
		-o-border-box-shadow:	0 2px 2px rgba(0,0,0,.5);
		-khtml-box-shadow:		0 2px 2px rgba(0,0,0,.5);
		box-shadow:				0 1px 1px rgba(0,0,0,.5);
	}

}/*/mediaquery*/

@media screen and (min-width: 1366px) {

}/*/mediaquery*/


/*
==================================================
	BLOC : Tablet (Portrait) and smaller 	// 768px
==================================================
*/
@media screen and (min-width: 320px) and (max-width: 767px) {
.blocZone {}
	
}/*/mediaquery*/

/*
==================================================
	BLOC : Computer
==================================================
*/
@media screen and (min-width: 768px) {
.blocZone {}

.blocZone .bloc {
	margin: 0 1% 10px 0;
	border:1px solid #AAA;
    
    /* Rounded corners */
	-moz-border-radius:		5px;	
	-webkit-border-radius:	5px;	
	-o-border-radius:		5px;	
	-khtml-border-radius:	5px;
	-ms-border-radius:		5px;	
	-chrome-border-radius:	5px;
	border-radius:			5px;
}

.blocZone .bloc > span {
	padding:.5rem;
	font-size:1.500rem;
	background:url('/templates/masterA/design/responsivePublic/images/deg180_grisc.png') repeat-x left -40px #DDD;
	color:#165372;
}

.blocZone ul {}

.blocZone li:nth-of-type(even) {
		background:url('/templates/masterA/design/responsivePublic/images/deg300_grisc.png') repeat-x left -140px #EEE;
}

.blocZone li {
	border-top:1px solid #AAA;
	padding:.25rem .5rem;
	line-height:1.500rem;
}

.blocZone li:hover {
	background:#E2F0F7;
}

.blocZone li a.icon-ok,
.blocZone li a.icon-okk:link,
.blocZone li a.icon-ok:visited {
	color:#666;
	width:15px;
	height:15px;
	text-decoration:none;
	
	/*Transition*/
	-moz-transition:		all .3s ease;
	-webkit-transition:		all .3s ease;
	-ms-transition:			all .3s ease;
	-o-transition:			all .3s ease;
	-khtml-transition:		all .3s ease;
	-chrome-transition:		all .3s ease;
	transition: 			all .3s ease;
}

.blocZone li a.icon-ok.green:link {
	color:#9C0;
}

.blocZone li a.icon-ok.red:link {
	color:#900;
}

.blocZone li a.icon-ok:hover {
	font-size:1.1rem;
}

}/*/mediaquery*/
	
	
@media screen and (min-width: 1025px) {
.blocZone .bloc {
	width:32.2%;
}

}/*/mediaquery*/

@media screen and (min-width: 1366px) {

}/*/mediaquery*/

/*
Bleu foncé : 165372 /// rgba(22, 83, 114, 1)
Bleu vif : 1B8ACE /// rgba(27, 138, 206, 1)
Bleu : 76B9E2 /// rgba(118, 185, 226, 1)
Bleu clair : AFD6EE
Bleu pale : E2F0F7
*/

/*//////////////////////////////////// RAPPEL CSS 3 ///////////////////////////////////////*/
	/* Rounded corners 
	-moz-border-radius:		5px;	
	-webkit-border-radius:	5px;	
	-o-border-radius:		5px;	
	-khtml-border-radius:	5px;
	-ms-border-radius:		5px;	
	-chrome-border-radius:	5px;
	border-radius:			5px;*/
	
	/* Shadow box 
	-moz-box-shadow:		0 2px 2px rgba(0,0,0,.5);
	-webkit-box-shadow:		0 2px 2px rgba(0,0,0,.5);
	-ms-box-shadow:			0 2px 2px rgba(0,0,0,.5);
	-chrome-box-shadow:		0 2px 2px rgba(0,0,0,.5);
	-o-border-box-shadow:	0 2px 2px rgba(0,0,0,.5);
	-khtml-box-shadow:		0 2px 2px rgba(0,0,0,.5);
	box-shadow:				0 2px 2px rgba(0,0,0,.5);*/
	
	/* Shadow Text 
	-moz-text-shadow:		0 2px 2px rgba(0,0,0,.5);
	-webkit-text-shadow:	0 2px 2px rgba(0,0,0,.5);
	-ms-text-shadow:		0 2px 2px rgba(0,0,0,.5);
	-chrome-btextox-shadow:	0 2px 2px rgba(0,0,0,.5);
	-o-border-text-shadow:	0 2px 2px rgba(0,0,0,.5);
	-khtml-text-shadow:		0 2px 2px rgba(0,0,0,.5);
	text-shadow:			0 2px 2px rgba(0,0,0,.5);*/
	
	/*Transition
	-moz-transition:		all .3s ease;
	-webkit-transition:		all .3s ease;
	-ms-transition:			all .3s ease;
	-o-transition:			all .3s ease;
	-khtml-transition:		all .3s ease;
	-chrome-transition:		all .3s ease;
	transition: 			all .3s ease;*/
	
	/*ease // linear // ease-in // ease-out // ease-in-out */
	
	/*Transform
	-webkit-transform: 	scale(1);
   -moz-transform: 		scale(1);
   -o-transform: 		scale(1);
   transform: 			scale(1);*/
	
	/*Opacity
	opacity : 1;
    -moz-opacity : 1;
    -ms-filter: "alpha(opacity=100)"; /* IE 8 *//*
    filter : alpha(opacity=100); /* IE < 8 */