<html><head><meta name="color-scheme" content="light dark"></head><body><pre style="word-wrap: break-word; white-space: pre-wrap;">@charset 'UTF-8';
@import url("font-awesome.min.css");
@import url("https://fonts.googleapis.com/css?family=Oleo+Script:400|Open+Sans:300,300italic,600,600italic,800");
@import url('https://fonts.googleapis.com/css?family=Sriracha');


/*********************************************************************************/
/* Basic                                                                         */
/*********************************************************************************/

	body
	{
		background-color:		#f7f7f7;
		background: url(../images/body.png) 0px 155px repeat-x #ebebeb;
	}

		body.is-loading *
		{
			-moz-transition: none !important;
			-webkit-transition: none !important;
			-o-transition: none !important;
			-ms-transition: none !important;
			transition: none !important;
			-moz-animation: none !important;
			-webkit-animation: none !important;
			-o-animation: none !important;
			-ms-animation: none !important;
			animation: none !important;
		}
		
	body,input,select,textarea
	{
		font-family: 'Arial', sans-serif;
		font-size: 13px;;
		color: #696969;
		font-weight: 300;

	}
	
	a
	{
		/*color: #0090c5;*/
		color:#791e7d;
		text-decoration: none;
	}
	
		a:hover
		{
			text-decoration: underline;
		}
	
	h1, h2, h3, h4, h5, h6
	{
		/*color: #444;*/
		color:#333333;
		font-weight: 800;
	}
	
	h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong
	{
		color: #791e7d;

	}
					
	h1 a, h2 a, h3 a, h4 a, h5 a, h6 a
	{
		color: inherit;
		text-decoration: none;
		outline: 0;
	}

	b, strong
	{
		font-weight: 600;
		/*color: #444;*/
		color:#333333;
	}
	
	i, em
	{
		font-style: italic;
	}
	
	br.clear
	{
		clear: both;
	}

	sub
	{
		position: relative;
		top: 0.5em;
		font-size: 0.8em;
	}
	
	sup
	{
		position: relative;
		top: -0.5em;
		font-size: 0.8em;
	}
	
	hr
	{
		border: 0;
		border-top: solid 1px #CeCCee;
	 
	 
	}
	
	blockquote
	{
		border-left: solid 0.5em #eee;
		padding: 1em 0 1em 2em;
		font-style: italic;
	}	
	
	p, ul, ol, dl, table
	{
		margin-bottom: 2em;
	}
	.c_rose {color: #791e7d;}	
	.c_bleu {color: #1C5C89;}
	.c_violet {color: #791e7d;}		
	.c_rouge {color: #ED4300;}	
	.c_orange {color: #F47800;}		
	.c_noir {color: #222;}
	.c_gris {color: #777779;}
	.c_gris_clair {color: #bababb;}	
	.c_vert {color:#00b33c;}	
	.rouge{color:#B30000;}
	.bleu{color:#5B8EE3;}
	.rose{color:#FF66FF;}
	
	.c_online {color:#93D500;}	
	.c_12 {font-size:12px;}	
	.c_13 {font-size:13px;}
	.c_14 {font-size:14px;}
	.c_16 {font-size:16px;}
	.c_18 {font-size:18px;}	
	.c_20 {font-size:20px;}	
	
.blink_me {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {  
  50% { opacity: 0; }
}
	
.cadre {
    border: 1px solid #DDD;
    padding: 2em;
    border-radius: 3px;
    box-shadow: 4px 4px 1px #EEE;
    background: #FFF none repeat scroll 0px 0px;
}

.topbandeau {
    border: 1px solid #DDD;
    padding: 0.5em;
    border-radius: 4px;
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(243,243,243,1) 50%, rgba(237,237,237,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(243,243,243,1) 50%,rgba(237,237,237,1) 51%,rgba(255,255,255,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */	
}

.row100::after, .row100::before {
    content: "";
    display: block;
    clear: both;
    height: 0;
}

 /*	SKEL PIERRE-AX	*/		
	.row16_large, .row16{ width:16%; float:left; margin:0.3%; }
	.row20_large, .row20{ width:19%; float:left; margin:0.3%; }
	.row25_large, .row25{ width:24%; float:left; margin:0.3%; }
	.row33_large, .row33{ width:32.2%; float:left; margin:0.3%; } 
	.row40_large, .row40{ width:39%; float:left; margin:0.3%; } 
	.row50_large, .row50{ width:49%; float:left; margin:0.3%; } 
	.row60_large, .row60{ width:59%; float:left; margin:0.2%; } 
	.row70_large, .row70{ width:66%; float:left; margin:0.2%; } 
	.row80_large, .row80{ width:78.2%; float:left; margin:0.2%; }
	.row100_large, .row100{ width:100%; float:left; }
	
	.not_desk{display:none;}
		
			
/*	Ipad Portait et ÃƒÂ©cran basse rÃƒÂ©so	*/
@media  (max-device-width:768px) and (orientation: portrait), (max-width:768px) {
	.row16_1000{ width:16%; float:left; margin:0.3%; }
	.row20_1000{ width:19%; float:left; margin:0.3%; }
	.row25_1000{ width:24%; float:left; margin:0.3%; }
	.row33_1000{ width:32.2%; float:left; margin:0.3%; } 
	.row40_1000{ width:39%; float:left; margin:0.3%; }
	.row50_1000{ width:49%; float:left; margin:0.3%; } 
	.row60_1000{ width:59%; float:left; margin:0.2%; } 
	.row70_1000{ width:69%; float:left; margin:0.2%; } 
	.row80_1000{ width:78.2%; float:left; margin:0.2%; }
	.row100_1000{ width:100%; float:left; }

}			
			
/*	Mobile Paysage	*/
	
/*@media (max-width:768px){	*/
@media (max-device-width:400px) and (orientation: landscape), (max-width:400px) {
	
	.row16_mob{ width:16%; float:left; margin:0.3%;	}
	.row20_mob{ width:19%; float:left; margin:0.3%;	}
	.row33_mob{ width:32.2%; float:left; margin:0.3%; } 
	.row25_mob{ width:24%; float:left; margin:0.3%; }
	.row40_mob{ width:39%; float:left; margin:0.3%; } 
	.row50_mob{ width:49%; float:left; margin:0.3%; } 
	.row60_mob{ width:59%; float:left; margin:0.2%; } 
	.row70_mob{ width:69%; float:left; margin:0.2%; } 
	.row80_mob{ width:78.2%; float:left; margin:0.2%; }
	.row100_mob{ width:100%; float:left; }

	.not_desk{display:block;}
}


/*	Mobile Portrait	*/
@media (max-device-width:400px) and (orientation: portrait), (max-width:400px) {
	
	.row20_mob_p{ width:19%; float:left; margin:0.2%;	}
	.row33_mob_p{ width:32.2%; float:left; margin:0.2%; } 
	.row25_mob_p{ width:24%; float:left; margin:0.2%; }
	.row40_mob_p{ width:39%; float:left; margin:0.2%; }
	.row50_mob_p{ width:49%; float:left; margin:0.2%; } 
	.row60_mob_p{ width:59%; float:left; margin:0.2%; } 
	.row70_mob_p{ width:69%; float:left; margin:0.2%; } 
	.row80_mob_p{ width:78.2%; float:left; margin:0.2%; }
	.row100_mob_p{ width:100%; float:left; }
	
	.not_mob_p{display:none;}
	.not_desk{display:block;}

	

}	


	
	/* Section/Article */
	
		section,
		article
		{
			margin-bottom: 5em;
		}
		
			section &gt; :last-child,
			article &gt; :last-child
			{
				margin-bottom: 0;
			}

			section:last-child,
			article:last-child
			{
				margin-bottom: 0;
			}

	#header-wrapper
	{
		/*padding: 4.5em 0 1em 0;*/
background: url(https://www.liberticam.com/images/row2-bg.jpg) center top no-repeat #293038;		
/*background: url(../../images/row2-bg.jpg) center top no-repeat #293038;*/
border-bottom: 4px solid #fff;
height: 156px;		
	}
	
		header
		{

		}
		
			header h2, header h3
			{
				margin: -20px 0 0.25em 0;
			}
			
			header p
			{
				margin: 0;
			}

		footer
		{
			margin: 2.5em 0 0 0;
		}

	/* Forms */

		form
		{
		}
		
			form label
			{
				/*display: block;*/
				font-weight: 800;
				margin: 0 0 1em 0;
				font-size: 0.9em;
				color: #444;
			}
		
			form input[type="text"],
			form input[type="email"],
			form input[type="password"],
			form select,
			form textarea
			{
				/*-webkit-appearance: none;*/
				display: block;
				width: 100%;
				border-radius: 4px;
				/*border: solid 1px #eee;*/
				border: solid 1px #CCCCCC;
				background-color:#f7f6f6;
			 
			}

				form input[type="text"]:focus,
				form input[type="email"]:focus,
				form input[type="password"]:focus,
				form select:focus,
				form textarea:focus
				{
					border-color: #0090c5;
					
				}

			form input[type="text"],
			form input[type="email"],
			form input[type="password"]
			/*,form select*/
			{
				line-height: 3em;
				padding: 0 1em;
				
			}
			
			form select
			{
				
				padding: 0.8em;
			}			
				
			form textarea
			{
				min-height: 9em;
				padding: 1em;
			}

			form .formerize-placeholder
			{
				color: #555 !important;
			}

			form ::-webkit-input-placeholder
			{
				color: #555 !important;
			}

			form :-moz-placeholder
			{
				color: #555 !important;
			}

			form ::-moz-placeholder
			{
				color: #555 !important;
			}

			form :-ms-input-placeholder
			{
				color: #555 !important;
			}

			form ::-moz-focus-inner
			{
				border: 0;
				
			}

/*  Disclaimer */

		#div_inline{
		
			position: absolute; 
			left: 0px;
			top: 0px;
			width: 100%;
			height: 100%; 
			text-align: center; 
			padding-top: 10em; 
			visibility: visible;
			z-index:2;
		}
		
		#filtre{
		
			position: absolute; 
			left: 0px; 
			top: 0px; 
			width: 100%; 
			height: 100%; 
			BACKGROUND-COLOR: #000015 ; 
			filter: alpha(opacity=90); 
			opacity : 0.9; 
			text-align: center; 

			visibility: visible;
			z-index:1;
		
		}
		
		.disclaimer{
			width: 30em; height:235px;
			border-radius: 4px;
		}

/*********************************************************************************/
/* Nav                                                                           */
/*********************************************************************************/

	#nav
	{
		position: absolute;
		/*right: 0;*/
		top: 116px;
		font-size: 0.9em;
	}
	
		#nav ul
		{
		margin-bottom:0px;
		}
			
			#nav ul li
			{
				float: left;
				margin-right:1px;
				background:url(../images/menu-li.gif) left top repeat-x;				
			}

			#nav ul li.first {
				border-radius:6px 0 0 0;
				-moz-border-radius:6px 0 0 0;
				-webkit-border-radius:6px 0 0 0;
			}
			
			#nav ul li.last {
				margin:0;
				border-radius:0 6px 0 0;
				-moz-border-radius:0 6px 0 0;
				-webkit-border-radius:0 6px 0 0;
			}			
			#nav ul li a,
			#nav ul li span
			{
				display: inline-block;
				letter-spacing: -0.025em;
				font-family: 'Open Sans', sans-serif;
				font-size: 16px;			
				font-weight: 600;
				line-height: 1.25em;
				color: #fff;
				text-decoration: none;
				text-transform:uppercase; 
				padding: 0.5em 1em 0.5em 1em;
			}
			
			#nav ul li &gt; ul
			{
				display: none;
			}

			#nav ul li.active, #nav ul li:hover {background-position:left -39px; background-color:#fff;}
			#nav ul li.active &gt; a, #nav ul li &gt; a:hover, #nav ul li.sfHover &gt; a {color:#737374;}
				
	.dropotron
	{
		background: #2D2743;
		letter-spacing: 0.025em;
		color: #ffffff;
		text-decoration: none;
		/*border-radius: 6px;
		padding: 0.75em 0;*/
		min-width: 15em;
		box-shadow: inset 0 0 0 1px rgba(0,0,0,0.1), 0 0.25em 0.25em 0.1em rgba(0,0,0,0.025);
		margin-top: calc(-0.75em + 1px);
		margin-left: -1px;
	}

	.dropotron li
	{
		border-top: solid 1px #eee;
		line-height: 2.5em;
	}

	.dropotron li:first-child
	{
		border-top: 0;
	}

	.dropotron li &gt; a,
	.dropotron li &gt; span
	{
		text-decoration: none;
		color: inherit;
		display: block;
		padding: 0 1.5em;
		-moz-transition: color .25s ease-in-out, background-color .25s ease-in-out;
		-webkit-transition: color .25s ease-in-out, background-color .25s ease-in-out;
		-o-transition: color .25s ease-in-out, background-color .25s ease-in-out;
		-ms-transition: color .25s ease-in-out, background-color .25s ease-in-out;
		transition: color .25s ease-in-out, background-color .25s ease-in-out;
	}

	.dropotron li &gt; a:hover,
	.dropotron li &gt; span:hover,
	.dropotron li.active &gt; a,
	.dropotron li.active &gt; span
	{
		background: #eee;
		color: #696969;
	}

	.dropotron.level-0
	{
		font-size: 0.9em;
		/*margin-left: 1.5em;*/
		margin-top: 0;
	}
		
	/*.dropotron.level-0:before
	{
		content: '';
		position: absolute;
		top: -0.5em;
		left: 1em;
		border-bottom: solid 0.75em #ffffff;
		border-left: solid 0.75em transparent;
		border-right: solid 0.75em transparent;
		z-index: 1;
	}*/
			
/*  Bannner */

	.banner_rouge{

		border: 3px solid #FFFFFF;
		cursor:pointer;
		
		-moz-box-shadow: 0px 0px 2px 0px #222222;
		-webkit-box-shadow: 0px 0px 2px 0px #222222;
		-o-box-shadow: 0px 0px 2px 0px #222222;
		box-shadow: 0px 0px 2px 0px #222222;
		filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000, Direction=NaN, Strength=4);	



	
		background: #aa1c03; /* Old browsers */
		/* IE9 SVG, needs conditional override of 'filter' to 'none' */
		background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2FhMWMwMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyYjAwMDAiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
		background: -moz-linear-gradient(top,  #aa1c03 0%, #2b0000 100%); /* FF3.6+ */
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#aa1c03), color-stop(100%,#2b0000)); /* Chrome,Safari4+ */
		background: -webkit-linear-gradient(top,  #aa1c03 0%,#2b0000 100%); /* Chrome10+,Safari5.1+ */
		background: -o-linear-gradient(top,  #aa1c03 0%,#2b0000 100%); /* Opera 11.10+ */
		background: -ms-linear-gradient(top,  #aa1c03 0%,#2b0000 100%); /* IE10+ */
		background: linear-gradient(to bottom,  #aa1c03 0%,#2b0000 100%); /* W3C */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#aa1c03', endColorstr='#2b0000',GradientType=0 ); /* IE6-8 */

			
	}
	
	.banner_rouge:hover{
		background: #B30000;

	}
	.banner_rouge a:hover{	
			text-decoration: none;
	}
		
	.banner_rouge h1{
		padding: 0.4em 1.1em 0.4em 0.4em;
		min-height:90px;
		text-align:right;
	 	line-height: 1em;
		font-family:Arial, Helvetica, sans-serif;
		font-weight:600; color:#FFFFFF; font-size:1.5em;
		text-shadow: 1px 1px 2px #000000;	
	}
	.banner_rouge h1 span{ font-size: 0.8em; font-weight:100;}

/* ----------- */


	/* Tables */
	
		table
		{
			width: 100%;
		}
		
			table.default
			{
				width: 100%;
			}

				table.default tr
				{
					border-top: solid 1px #eee;
				}

					table.default tr:first-child
					{
						border-top: 0;
					}
			
				table.default td
				{
					padding: 0.5em 1em 0.5em 1em;
				}
				
				table.default th
				{
					text-align: left;
					padding: 0.5em 1em 0.5em 1em;
					font-weight: 800;
					margin: 0 0 1em 0;
				}
			
				table.default thead
				{
					background: #404248;
					color: #fff;
				}
				
				table.default tfoot
				{
				}
				
				table.default tbody
				{
				}

	/* Image */

		.image
		{
			display: inline-block;
			outline: 0;
		}
		
			.image img
			{
				display: block;
				width: 100%;
				border-radius: 4px;
			}

			.image.fit
			{
				display: block;
				width: 100%;
			}
		
			.image.featured
			{
				display: block;
				width: 100%;
				margin: 0 0 0em 0;
			}
		
			.image.left
			{
				float: left;
				margin: 0 2em 2em 0;
			}
		
			.image.centered
			{
				display: block;
				margin: 0 0 2.5em 0;
			}

				.image.centered img
				{
					margin: 0 auto;
					width: auto;
				}
 
	/* Button */

		input[type="button"],
		input[type="submit"],
		input[type="reset"],
		.button
		{
			-webkit-appearance: none;
			position: relative;
			display: inline-block;
			background: #791e7d;
			color: #fff;
			text-decoration: none;
			border-radius: 4px;
			font-weight: 800;
			outline: 0;
			border: 0;
			cursor: pointer;
			-moz-transition: background-color .25s ease-in-out;
			-webkit-transition: background-color .25s ease-in-out;
			-o-transition: background-color .25s ease-in-out;
			-ms-transition: background-color .25s ease-in-out;
			transition: background-color .25s ease-in-out;
		}


		
		input[type="button"]:hover,
		input[type="submit"]:hover,
		input[type="reset"]:hover,
		.button:hover
		{
			background: #CD63CF;
			text-decoration: none;
		}
	
		input[type="button"]:active,
		input[type="submit"]:active,
		input[type="reset"]:active,
		.button:active
		{
			background: #CD63CF;
		}
	
		.button.icon
		{
		}
		
		.button.icon:before
		{
			position: relative;
		}
	
		input[type="button"].alt,
		input[type="submit"].alt,
		input[type="reset"].alt,
		.button.alt
		{
			background: #f1f1f1;
			background: rgba(0,0,0,0.05);
			color: #444;
		}

		input[type="button"].alt:hover,
		input[type="submit"].alt:hover,
		input[type="reset"].alt:hover,
		.button.alt:hover
		{
			background: #e8e8e8;
			background: rgba(0,0,0,0.085);
		}

		input[type="button"].alt:active,
		input[type="submit"].alt:active,
		input[type="reset"].alt:active,
		.button.alt:active
		{
			background: #e4e4e4;
			background: rgba(0,0,0,0.15);
		}
		
		.button span{
			font-size: 0.65em;
			font-weight:normal;
			margin-left:10px;
		}
		.button test{
			width:70px;
		}

		input[type="submit"].fit,
		input[type="reset"].fit,
		input[type="button"].fit,
		.button.fit {
			width: 100%;
		}

		input[type="submit"].small,
		input[type="reset"].small,
		input[type="button"].small,
		.button.small {
			font-size: 0.8em;
		}

	.button_bleu{
	border:1px solid #9590B5; -webkit-border-radius: 3px; -moz-border-radius: 3px;border-radius: 3px;padding: 5px 10px 5px 10px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
	 background-color: #ADACC3; background-image: -webkit-gradient(linear, left top, left bottom, from(#ADACC3), to(#9E99BA));
	 background-image: -webkit-linear-gradient(top, #ADACC3, #9E99BA);
	 background-image: -moz-linear-gradient(top, #ADACC3, #9E99BA);
	 background-image: -ms-linear-gradient(top, #ADACC3, #9E99BA);
	 background-image: -o-linear-gradient(top, #ADACC3, #9E99BA);
	 background-image: linear-gradient(to bottom, #ADACC3, #9E99BA);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#ADACC3, endColorstr=#9E99BA);
	 
	}
	
	.button_bleu:hover{
	 border:1px solid #737198;
	 text-decoration:none;
	 background-color: #908eae; background-image: -webkit-gradient(linear, left top, left bottom, from(#908eae), to(#817ba5));
	 background-image: -webkit-linear-gradient(top, #908eae, #817ba5);
	 background-image: -moz-linear-gradient(top, #908eae, #817ba5);
	 background-image: -ms-linear-gradient(top, #908eae, #817ba5);
	 background-image: -o-linear-gradient(top, #908eae, #817ba5);
	 background-image: linear-gradient(to bottom, #908eae, #817ba5);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#908eae, endColorstr=#817ba5);
	}

	.button_bleu.fit {
		width: 100%;
	}
				
	/* List */

		ul
		{
		}

			ul.default
			{
				list-style: disc;
				padding-left: 1em;
			}
			
				ul.default li
				{
					padding-left: 0.5em;
				}

			ul.actions
			{
			}

				ul.actions li
				{
					display: inline-block;
					padding: 0 0 0 0.25em;
					margin: 0 0 0 0.25em;
				}
				
					ul.actions li:first-child
					{
						margin-left: 0;
						padding-left: 0;
					}
				
			ul.menu li
			{
				border-left: solid 1px #e0e0e0;
				display: inline-block;
				padding: 0 0 0 0.75em;
				margin: 0 0 0 0.75em;
			}

				ul.menu li:first-child
				{
					border-left: 0;
					margin-left: 0;
					padding-left: 0;
				}

		ol
		{
		}	

			ol.default
			{
				list-style: decimal;
				padding-left: 1.25em;
			}

				ol.default li
				{
					padding-left: 0.25em;
				}
	
	/* Box */	
	
		.box
		{
			background: #fff;
			border-radius: 4px;
			box-shadow: 0px 0px 4px 0px rgba(0,0,0,0.015);
			box-shadow: 0px 3px 0px 0px rgba(0,0,0,0.05);
		}
		
		.box.feature h2
		{
			font-size: 1.2em;
			text-transform:uppercase;
			line-height: 1.7em;
			margin:0;
			padding:10px;
	
		}

								
		.box .titre_entete{
			color:#333;
			background: rgb(255,255,255); /* Old browsers */
			background: -moz-linear-gradient(top, rgba(255,255,255,1) 5%, rgba(237,237,237,1) 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(top, rgba(255,255,255,1) 5%,rgba(237,237,237,1) 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(to bottom, rgba(255,255,255,1) 5%,rgba(237,237,237,1) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e3e6f2',GradientType=0 );
			border-bottom:1px #D7D7D7 solid;
			border-radius: 0.3em 0.3em 0em 0em;
			-moz-border-radius: 0.3em 0.3em 0em 0em;
			-webkit-border-radius: 0.3em 0.3em 0em 0em;		
		}		

/*********************************************************************************/
/* Icons                                                                         */
/*********************************************************************************/

	.icon {
		position: relative;
		text-decoration: none;
	}

		.icon:before {
			-moz-osx-font-smoothing: grayscale;
			-webkit-font-smoothing: antialiased;
			font-family: FontAwesome;
			font-style: normal;
			font-weight: normal;
			text-transform: none !important;
		}

		.icon &gt; .label {
			display: none;
		}

/*********************************************************************************/
/* Widgets                                                                       */
/*********************************************************************************/

	.widget
	{
	}

		.widget.links
		{
		}

		.widget.thumbnails
		{
		}

			.widget.thumbnails .grid
			{
				margin-bottom: 2.5em;
			}

		.widget.contact
		{
		}
		
			.widget.contact ul
			{
				overflow: hidden;
				position: relative;
				left: -4px;
				top: 4px;
				margin-bottom: 1.5em;
			}
			
				.widget.contact ul li
				{
					display: inline-block;
					margin-right: 0.25em;
				}

					.widget.contact ul li a
					{
						display: inline-block;
						width: 2.5em;
						height: 2.5em;
						text-align: center;
						line-height: 2.5em;
						border-radius: 0.35em;
						outline: 0;
						opacity: 0.75;
						text-decoration: none;
						background: #222222;
						-moz-transition: background-color .25s ease-in-out;
						-webkit-transition: background-color .25s ease-in-out;
						-o-transition: background-color .25s ease-in-out;
						-ms-transition: background-color .25s ease-in-out;
						transition: background-color .25s ease-in-out;
					}
					
						.widget.contact ul li a:before
						{
							color: #f3f3f3;
							font-size: 1.75em;
							line-height: 1.5em;
						}

						.widget.contact ul li a:hover
						{
							background: #444444;
						}
					
						.widget.contact ul li a:active
						{
							background: #666666;
						}
				
/*********************************************************************************/
/* Wrappers                                                                      */
/*********************************************************************************/

	#banner-wrapper
	{
	padding-bottom:3em;
	}
	
	#main-wrapper
	{
		background: #fff;
		box-shadow: 0px 3px 0px 0px rgba(0,0,0,0.05);
	}
	
	#footer-wrapper
	{
	}
	
/*********************************************************************************/
/* Header                                                                        */
/*********************************************************************************/

	#header
	{
		
	}

.bandeau {
    height: 43px;
    width: 257px;
    padding: 0 15px 0 8px;
    background: url(../images/banner.png) 0 0 no-repeat;
    overflow: hidden;
	right: 0;
	position: absolute;
	top: 40px;
    text-transform: uppercase;
	font-size: 18px;
	font-weight: 600;
	line-height: 2.5em;
	color: #fff;
	letter-spacing: -1px;	
}	

.bandeau span{
	color: #666666;
	padding-left:28px;
	font-weight: 300;
}
/*********************************************************************************/
/* Logo                                                                          */
/*********************************************************************************/

	#logo
	{
		overflow: hidden;
		/*height: 166px;*/
	}

		#logo h1
		{
			cursor:pointer;
		background:url(../images/liberticam.png) center center no-repeat;
		width: 265px;
		height: 110px;
		}
		
		#logo span
		{ 

			font-weight: 600;
			letter-spacing: 0.20em;			
		}

#slogan {
    color: #edeef0;
    font-size: 0.7em;
	letter-spacing: 0.20em;	
	text-shadow: 0px 0px 8px #aa9fff, -1px -1px 0px #554499, 1px 1px 0px #000000;
	top: 83px;
    left: 140px;
    position: absolute;	
	text-transform:uppercase;
}

	.bonjour{
display: block;
top: 120px;
right: 0px;
width: 242px;
position: absolute;
text-align: center;
overflow: hidden;
font-size: 12px;
text-shadow: 0px 0px 8px #aa9fff, -1px -1px 0px #554499, 1px 1px 0px #000000;
color: #edeef0;
margin-right: 5px;
	}
	
/*********************************************************************************/
/* Banner                                                                        */
/*********************************************************************************/

	#banner
	{
		position: relative;
	}
	
/*********************************************************************************/
/* Footer                                                                        */
/*********************************************************************************/

	#footer
	{
		margin-top: 0;
	}
	
		#footer a
		{
			color: inherit;
		}
	#footer h3
	{
		color: #791e7d;
	}		
	#copyright
	{
		color: #aaa;
	}
	
		#copyright a
		{
			color: inherit;
		}
		
#footer .sep {
    padding: 5px 0px 2px 0px;
    margin-bottom: 6px;
    width: 100%;
    border-bottom: 1px solid #791e7d;
}
		
#validation-zone{ display:none;  }

.dialog-action{
	border-radius: 4px;
	border: solid 1px #B30000;
	margin-bottom:15px;
	/*padding-left:10px;*/
	text-align:center;
}
.dialog-action span{
	color:#B30000
}
.dialog-action-green{
	border-radius: 4px;
	border: solid 1px #339900;
	margin-bottom:15px;
	/*padding-left:10px;*/
	text-align:center;
}
.dialog-action-green span{
	color:#339900
}
.form_err{
	color:#CC0000; 
	display:none;
	text-transform:uppercase;	 
}


#bal {
  margin: 20px;
}

#bal ul {
  list-style-type: none;
}
 

#bal li img {
  float: left;
  margin: 0 15px 0 0;
 
}

#bal li p {
  font: 200 14px/1.5 Open Sans, sans-serif;
 
}

#bal li {
  padding: 10px;
  overflow: auto;
}

#bal li:hover {
  background: #eee;
}

#bal .icon{
	float:right;
	margin-left:10px;
}

.accordion-toggle {cursor: pointer; margin: 0;}
.accordion-content {display: none;}
.accordion-precontent {display: block;}
.accordion-content.default {display: block;}

#zoneavisload{display:none;}


/*********************************************************************************/
/* connectes                                                                        */
/*********************************************************************************/	
.img_connectes
{
	width:80px;float:left;margin-right:1em;overflow:hidden;cursor:pointer;
}

/*********************************************************************************/
/* messagerie                                                                        */
/*********************************************************************************/		
.img_user{width: 70px;height: 70px;border-radius: 9999px;}
.msg_pseudo{font-weight: bold;    color: #555555; font-size: 1.2em;}
.cadre_msg{ border-bottom: 1px solid #DDDDDD; padding: 1em;}
.text-6 {
    display: block;
    font-size: 12px;
    color: #0066CC;
    }
.supp_mess{cursor:pointer}	
div.pseudo_avatar{
	clear:both; float:left;  padding:5px 5px 0px 0px;  width:20%;  text-align:center;
}
div.bulle_recu {
	 float:left; width:80%;
    position: relative;
    padding: 5px 5px 5px 10px;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    border: #DDD solid 1px;
    -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    background-color: #F5F5F5;
    display: inline-block !important;
    margin-bottom: 5px;
}
div.bulle_recu:before {
    content: '';
    position: absolute;
    border-style: solid;
    border-width: 6px 6px 6px 0;
    border-color: transparent #DDD;
    display: block;
    width: 0;
    z-index: 0;
    margin-top: -6px;
    left: -7px;
    top: 15px;
}	
.heure_msg{padding:6px 0px 2px 10px;  width:100%;  text-align:right;font-size: 0.8em}
/*********************************************************************************/		
.tabs  {
	float: left;
	padding: 0;
	height: 40px; 
	line-height: 40px;
	overflow: hidden;
	position: relative;
	border:1px solid #e1e2e5;
	background: #fff;
	border-radius:6px 6px 0 0;
	-moz-border-radius:6px 6px 0 0;
	-webkit-border-radius:6px 6px 0 0;
}
.tabs  a {
	text-decoration: none;
	color: #0e0e0e;
	display: block;
	font-size: 14px;
	font-weight:700;
	padding: 0 32px;
	outline: none;
	text-transform:uppercase;
}
.tabs a:hover {color:#fff;}
.tabsactive a {color:#fff;}
.tabsactive {background:#c70c59; border:1px solid #c70c59;}
.tabs :hover  {background:#c70c59; border:1px solid #c70c59;}




/*********************************************************************************/
/* listing                                                                        */
/*********************************************************************************/			
#cadre_annonce {
  width: 100%;
  min-heigh: 125px;
  background-color: #FFFFFF;
  margin-bottom: 10px;
  border-radius: 5px;
  border: 1px solid #DCDCDC;
  box-shadow: 2px 2px 1px #EEE;
  cursor: pointer;
  padding:0.5em;
    float:left;
}
.photo_listing {
  margin: 1em 0.8em 1em 0.5em;
 /*border-radius: 8px;*/
  overflow: hidden;
  max-height:130px;
  
}
/*
.photo_listing img{
width:100%;
min-height: 110px;  
  border-radius: 8px;
}*/
.photo_listing .img{
	border: solid 1px #2B2843;
    padding: 1px 1px 1px 1px;
    width: 130px;
    min-height: 130px;
    display: inline-block;
    background-repeat: repeat;
    background-position: center;
    background-size: cover;
}	
.descri_listing {
   /* display:block;*/
  line-height:1em;
    float:right;
	  width: 75%;
}

.my-gallery {
  width: 100%;
  float: left;
}
.my-gallery img {
  width: 100%;
  height: auto;
  border-radius: 8px;
}


.my-gallery figure {
  display: block;
  float: left;
  margin: 0 5px 5px 0;
  width: 135px;
  border-radius: 8px;
  overflow:hidden;
  max-height: 80px;
}


.my-gallery figcaption {
  display: none;
}


/* #########   pagination   ###########*/

.list_pagination {
	list-style: none;
	padding: 0; margin: 0;
	overflow: auto;
	float:right;
	margin-top:15px;
	margin-bottom:15px;
	margin-right:20px;
	clear:both;
}

.list_pagination li {
	float: left;
	margin-right: 4px;
	margin-bottom: 4px;
	cursor:pointer;
}
.list_pagination li a {
	border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;
	display: block;
	padding: 5px 10px;
	border: solid 1px #cdc2ed ;
	color: #8b81aa;	
	text-decoration: none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;	
} 
.list_pagination li a:hover {
	background: #8b81aa;
	border: solid 1px #8b81aa ;
	color: white;
	text-decoration: none;
}
.list_pagination .prev-off, .list_pagination .next-off {
 
}
.list_pagination .active {
	border-radius:10px;-moz-border-radius:10px;-webkit-border-radius:10px;
	border: solid 2px #a89ec7 ;
	font-size:14px;	
	font-family:Arial, Helvetica, sans-serif;
	display: block;
	padding: 5px 10px;
	color: #8b81aa;		
}


#logindiv{
	background: url(../images/login_grd.jpg) no-repeat 100px;	
	background-position-y: 35px;
}

/* MENU RECHERCHE PROFILS */
div#sidebar ul {margin:0;padding:0;list-style:none;}
div#sidebar li ul {margin-bottom:20px; }
div#sidebar li ul li {display:block;padding:6px 15px;color:#777;border-bottom:1px dotted #e0e0e0;}
div#sidebar li ul li a {font-size:12px;font-weight:normal;color:#555;text-decoration:underline;}
div#sidebar li ul li a:hover {	color:#222;}
div#sidebar ul ul {background-color:#f4f4f4;border-bottom:4px solid #f0f0f0;}
div#sidebar h4 {
	background:#8B81AA  ;
	border-top:1px solid #A7A5C0;
	color:#fff;
	margin:0;
	padding:0;
	text-transform:uppercase;
	padding:6px 15px;
	display:block;
}
/* MENU RECHERCHE PROFILS */

/* icone des promotions*/
.offertag{

	background:url(../images/ico/offer.png);
	width:38px; height:38px;
	color:#FFFFFF;
	font-weight:bold;
	padding-top:4px; padding-left:1px;  padding-bottom:12px;
	width: 38px;
    display: inline-block;
}</pre></body></html>