.PetitLogoCRM{
	background-color:#FFFFFF;
	padding:2px;
	margin-right:10px;
}


[ng\:cloak], [ng-cloak], .ng-cloak [data-ng-cloak], .data-ng-cloak {
	display: none !important;
}

.glyphicons{
	vertical-align:baseline;
}
.ClearBoth{
	clear:both;
}

.FloatLeft{
	float:left;
}

.FloatRight{
	float:right;
}

.AlignLeft{
	text-align:left;
}

.AlignRight{
	text-align:right;
}

.AlignCenter{
	text-align:center;
}

.Sousligne{
	text-decoration:underline;
}

.Padding4{
	padding:4px;
}

.Padding6{
	padding:6px;
}

.Padding8{
	padding:8px;
}

.Padding12{
	padding:12px;
}

.LienSousligneSurvol:hover{
	text-decoration:underline;
}

.Mobile .LienSousligneSurvol{
	text-decoration:underline;
}

.TexteIcone{
	font-size:20px;
}

.PlaceBoutonMobile{
	padding:16px;
	padding-left:0px;
}

.GrandOK{
	font-size:20px;
	color:#00A000;
}

.GrandSupprimer{
	font-size:20px;
	color:#FF0000;
}

body{
	/*background-color:#364050;*/
	background-color:#E6E6E8;
	font-size:11px;
	height:100%;
}

h1{
	font-size:1.5em;
}

h2{
	font-size:1.4em;
}

h3{
	font-size:1.3em;
}

h4{
	font-size:1.2em;
}

a{
	color:#303030;
}

.CurseurPointer{
	cursor:pointer;
}

input[type="file"] {
	background-color:white; 
	border:0; 
	cursor:pointer; 
}

.TitreBlog{
	font-family:Georgia,"Times New Roman",Times,serif;
	color:#FFFFFF;
}

.VideoDailymotion{
	width:100%;
	height:auto;
}

img{
	max-width:96%;
	height:auto;
}

.Vert{
	color:#4040FF;
}

.Iframe_conteneur {
} 
.Iframe_conteneur iframe {
}

#id_en_tete .Bureau
{
	position:fixed;
	top:0;
	left:0;
	background-color:#000000;
	opacity:1.0;
	width:100%;
	margin:auto;
	height:50px;
	color:#FFFFFF;
	z-index:100;
}

#id_en_tete .Mobile
{
	position:fixed;
	left:0;
	top:0;
	width:100%;
	background-color:#000000;
}

.Bureau .FormControlEnTete{
	height:22px;
	font-size:12px;
	padding:1px 8px;
}
.BoutonConnexionEnTete{
	background-color:#000000;
	background-image:linear-gradient(to bottom, #303030 0px, #000000 100%);;
	color:#FFFFFF;
	height:auto;
	font-size:12px;
	text-shadow:none;
	height:22px;
	padding:1px 8px;
}
.BoutonConnexionEnTete:hover{
	background-color:#000000;
	background-image:linear-gradient(to bottom, #303030 0px, #000000 100%);;
	color:#FFFFFF;
	height:auto;
	font-size:12px;
}
.SelectionLangue{
	color:#000000;
}

#id_menu_bureau{
	width:980px;
	margin:auto;
}

#id_menu_mobile
{
	z-index:100;
	color:#FFFFFF;
	position:fixed;
	top:0;
	left:0;
	background-color:#FFFFFF;
	width:105%;
	overflow:hidden;
	border-bottom:1px solid #303030;
	padding:0;
	margin:0;
	right:0;
	height:50px;
}

#id_menu_mobile table tr{
	height:50px;
}

#id_menu_mobile table tr{
	height:50px;
}

.MenuMobileIcone{
	text-align:center;
	width:60px;
}

#id_menu_mobile h1{
	margin-top:8px;
	margin-bottom:8px;
	font-size:1.3em;
}


#id_masque_menu_mobile
{
	z-index:-1;
	height:44px;
}

.BoutonMenuMobile{
	font-size:18px;
}

.BoutonMenuMobileSelectionne{
	text-shadow:1px 0 1px #000000,-1px 0 1px #000000,0 1px 1px #000000,0 -1px 1px #000000,1px 0 1px #000000,-1px 0 1px #000000,0 1px 1px #000000,0 -1px 1px #000000,0 0 20px #FFFFFF,0 0 12px #FFFFFF,0 0 12px #FFFFFF,0 0 12px #FFFFFF;
}

@media screen and (min-width: 1020px)
{
	#id_pied_de_page
	{  
		z-index:100;
		height:20px;
		position:fixed;
		bottom:0;
		left:0;
		background-color:#000000;
		opacity:0.9;
		width:100%;
		margin:0;
		color:#FFFFFF;
	}

	#id_message_informations_cookies
	{  
		position:fixed;
		bottom:20px;
		left:0;
		background-color:#000000;
		opacity:0.8;
		width:100%;
		margin:0;
		color:#FFFFFF;
	}
	
	#id_place_pied_de_page
	{
		height:100px;
	}

}

@media screen and (max-width: 1020px)
{
	#id_pied_de_page
	{  
		z-index:100;
		height:0;
		position:fixed;
		bottom:0;
		left:0;
		background-color:#000000;
		opacity:0.9;
		width:100%;
		margin:0;
		color:#FFFFFF;
	}
	
	#id_message_informations_cookies
	{  
		position:fixed;
		bottom:50px;
		left:0;
		background-color:#000000;
		opacity:0.8;
		width:100%;
		margin:0;
		color:#FFFFFF;
	}

	#id_place_pied_de_page
	{
		height:200px;
	}

}

.DemandeCookieBloc{
	padding:2px;
	float:left;
	width:calc(100% - 60px);
	text-align:justify;
}

.DemandeCookieBloc span{
	color:#FFFFFF;
	opacity:1;
}

.DemandeCookieBloc a{
	cursor:pointer;
	color:#FFFFFF;
	opacity:1;
	text-decoration:underline;
}

.DemandeCookieBlocBouton{
	padding:2px;
	float:left;
	width:60px;
}

.DemandeCookieBouton{
	cursor:pointer;
	opacity:1;
	color:#FFFFFF;
	background-color:#00FF00;
	border:1px solid #FFFFFF;
	border-radius:4px;
	font-weight:bold;
	text-shadow:0 0 2px #000000;
}
	
.BoutonPiedPageMobile{
	width:100%;
	cursor:pointer;
	font-size:11px;
	text-align:center;
	margin:0;
	padding:2px; 
	vertical-align:middle;
	border-top:1px solid #FFFFFF;
	border-right:1px solid #FFFFFF;
	line-height:50px;
	height:50px;
}

.BoutonPiedPageMobile span{
	line-height:normal;
}

.BoutonPiedPageMobileSelectionne{
/*
	text-shadow:1px 0 1px #000000,-1px 0 1px #000000,0 1px 1px #000000,0 -1px 1px #000000,1px 0 1px #000000,-1px 0 1px #000000,0 1px 1px #000000,0 -1px 1px #000000,0 0 30px #FFFFFF,0 0 20px #FFFFFF,0 0 12px #FFFFFF,0 0 12px #FFFFFF,0 0 12px #FFFFFF;
*/
	background-color:#404040;
	opacity:0.95;
}

#id_amis
{
	box-sizing: border-box;
	z-index:100;
	position:fixed;
	width:200px;
	top:60px;
	right:0;
	height: -moz-calc(100% - 90px); /* Firefox */
	height: -webkit-calc(100% - 90px); /* Chrome, Safari */
	height: calc(100% - 90px); /* IE9+ and future browsers */
	background-color:#FFFFFF;
	border-left:1px solid #E0E0E0;
 }

@media screen and (min-width: 1020px)
{
	.Bureau{
		display:block;
	}
	
	.Mobile{
		display:none;
	}
	
	.Mobile.EnLigne{
		display:none;
	}

	.Mobile.EnLigneBloc{
		display:none;
	}

	.Mobile.EnLigneTable{
		display:none;
	}

	.Bureau.EnLigneTable{
		display:table;
	}

	.PartieCentrale{
		width:1020px;
		margin-top:0;
		margin-bottom:0;
		margin-left:auto;
		margin-right:auto;
	}
	
	.Sur1ColonneMobileSur2ColonnesBureau{
		float:left;
		width:50%
	}
}

@media screen and (max-width: 1020px)
{
	.Bureau{
		display:none;
	}

	.Mobile{
		display:block;
	}

	.Mobile.EnLigne{
		display:inline;
	}

	.Mobile.EnLigneBloc{
		display:inline-block;
	}

	.Mobile.EnLigneTable{
		display:table;
	}
	
	.Bureau.EnLigneTable{
		display:none;
	}


	.PartieCentrale{
		width:100%;
		margin:0;
	}
	
	.Sur1ColonneMobileSur2ColonnesBureau{
		width:100%
	}

	.Sur1ColonneMobileSur2ColonnesBureau .form-group{
		margin-right:18px;
	}
}

.Bouton50Pourcent{
	width:50%;
}
.Bouton80Pourcent{
	width:80%;
}
.Bouton100Pourcent{
	width:100%;
}

.BoutonCalendrier{
	padding:2px;
}

.PartieCentrale2{
	width:1020px;
	margin-left:auto;
	margin-right:auto;
}
	

#id_principale .PartieCentrale{
	margin-top:44px;
	padding:10px;
}

#id_principale .PartieCentraleCalendrier{
	margin-top:0;
	padding:6px;
}

.Colonnes4FloatGauche{
	float:left;
	width:25%;
	display:inline-block;
}

.Colonnes2FloatGauche{
	float:left;
	width:50%;
	display:inline-block;
}

.slide-left.ng-enter,  
.slide-left.ng-leave,  
.slide-right.ng-enter,  
.slide-right.ng-leave {  
    position: absolute;  
    top: 0; right: 0; bottom: 0; left: 0;  
    background: inherit;  
    -ms-transition: 0.5s ease-in-out;  
    -webkit-transition: 0.5s ease-in-out;  
    -moz-transition:  0.5s ease-in-out;  
    transition:  0.5s ease-in-out;  
}  
.slide-left.ng-enter {  
    z-index: 101;  
    -webkit-transform: translateX(100%);  
    transform: translateX(100%);  
}  
.slide-left.ng-enter.ng-enter-active {  
    -webkit-transform: translateX(0);  
    transform: translateX(0);  
}  
.slide-left.ng-leave {  
    z-index: 100;  
    -webkit-transform: translateX(0);  
    transform: translateX(0);  
}  
.slide-left.ng-leave.ng-leave-active {  
    -webkit-transform: translateX(-100%);  
    transform: translateX(-100%);  
}  
.slide-right.ng-enter {  
    z-index: 100;  
    -webkit-transform: translateX(-100%);  
    transform: translateX(-100%);  
}  
.slide-right.ng-enter.ng-enter-active {  
    -webkit-transform: translateX(0);  
    transform: translateX(0);  
}  
.slide-right.ng-leave {  
    z-index: 101;  
    -webkit-transform: translateX(0);  
    transform: translateX(0);  
}  
.slide-right.ng-leave.ng-leave-active {  
    -webkit-transform: translateX(100%);  
    transform: translateX(100%);  
}  

.animation {
  -webkit-transition: 2s;
}

.animation.ng-enter {
  color: #FF0000;
}

.animation.ng-leave {
  color: #0000FF;
}

.animation.ng-enter.ng-enter-active {
  color: #FF0000;
}

.animation.ng-leave.ng-leave-active {
  color: #0000FF;
}

.spin {
  -webkit-animation: spin 1s infinite linear;
  -moz-animation: spin 1s infinite linear;
  -o-animation: spin 1s infinite linear;
  animation: spin 1s infinite linear;
}

@-moz-keyframes spin {
  from {
    -moz-transform: rotate(0deg);
  }
  to {
    -moz-transform: rotate(360deg);
  }
}

@-webkit-keyframes spin {
  from {
    -webkit-transform: rotate(0deg);
  }
  to {
    -webkit-transform: rotate(360deg);
  }
}

@keyframes spin {
  from {
    transform: rotate(0deg);
  }
  to {
    transform: rotate(360deg);
  }
}

.ClearBoth{
	clear:both;
}

.Sur2Colonnes{
	float:left;
	width:50%;
}

.Sur4Colonnes{
	float:left;
	width:25%;
}

.SurFond{
	color:#FFFFFF;
}

#sp-nav{
	height:100%;
	width:60%;
	max-width:220px;
	background-color:black;
}
.NavMenu{
	width:100%;
	height:28px;
}
.ListeMenu{
	margin-left:auto;
	margin-right:0;
	padding:0;
	width:100%;
	list-style:none;
}

.ListeMenuLi{
	width:130px;
	padding:4px;
	padding-right:13px;
	background-color:#000000;
	vertical-align:middle;
	cursor:pointer;
	display:inline-block;
	text-align:center;
}

.ListeMenuLiAccueil{
	width:70px;
}

.ListeMenuLiMenu{
	width:80px;
	text-align:right;
}

.ListeMenuLi>a{
	line-height:30px;
	vertical-align:middle;
	font-size:14px;
	color:#FFFFFF;
	text-decoration:none;
}

.ListeMenuLiBoutonLike{
	width:130px;
	padding:0;
	border:1px solid #FFFFFF;
	color:#000000;
	background-image: linear-gradient(to bottom, #101010 0px, #000000 100%);
	vertical-align:middle;
	cursor:pointer;
	display:inline-block;
	text-align:center;
}

.ListeMenuLiBoutonLike>a{
	line-height:26px;
	vertical-align:middle;
	font-size:14px;
	color:#FFFFFF;
	text-decoration:none;
}

.ListeMenuLi>span{
	line-height:30px;
	vertical-align:middle;
	font-size:14px;
	color:#FFFFFF;
	text-decoration:none;
}

.ListeMenuLi>a:hover{
	color:#FFFFEE;
	text-decoration:underline;
}

.ListeMenuLiPersonelle{
	width:230px;
}

.ListeMenuLiLong{
	width:250px;
}

.ListeMenuLiLogo{	
	width:50px;
}
.ListeMenuLiLogo img{	
	max-width:100%;
}
.ListeMenuLiConnexion{
	width:200px;
}

.ListeMenuLiConnexion a{
	font-size:12px;
}

.ListeMenuLiConnexionBouton{
	width:90px;
}


#id_navigation_mobile
{
	float:left;
	z-index:2000;
	position:fixed;
	height:100%;
	width:100%;
	left:0;
	top:0;
	display:none;
}

#id_navigation_mobile_menu
{
	float:left;
	background-color:#000000;
	width:200px;
	height:100%;
	border-right:1px solid #808080;
}

#id_navigation_mobile_menu_cache
{
	float:left;
	/* pour debuggage mettre de l'opacité */
	background-color:rgba(0, 0, 0, 0.1);
	width:calc(100% - 200px);
	height:100%;
}

#id_navigation_amis
{
	float:right;
	z-index:2000;
	position:fixed;
	margin-top:50px;
	height:calc(100% - 50px);
	width:250px;
	right:0;
	top:0;
	display:none;
}

#id_navigation_amis_mobile
{
	float:right;
	z-index:2000;
	position:fixed;
	margin-top:0;
	height:100%;
	width:100%;
	left:0;
	top:0;
	display:none;
}

#id_navigation_amis_menu
{
	float:right;
	background-color:#FFFFFF;
	width:250px;
	height:100%;
	box-shadow: 0px 0px 12px #000000;
}

#id_navigation_amis_menu_cache
{
	float:right;
	/* pour debuggage mettre de l'opacité */
	background-color:rgba(0, 0, 0, 0.1);
	width:calc(100% - 250px);
	height:100%;
}

.ListeMenuVertical{
	margin-left:auto;
	margin-right:0;
	padding:0;
	width:100%;
	list-style:none;
}
.ListeMenuVerticalLi{  
	padding:4px;
	padding-left:24px;
	background-color:#000000;
	vertical-align:middle;
	cursor:pointer;
	display:block;
	line-height:2;
}

.ListeMenuVerticalLi>a{
	line-height:30px;
	vertical-align:middle;
	font-size:14px;
	color:#FFFFFF;
	text-decoration:none;
}

.ListeMenuVerticalLi>span{
	line-height:30px;
	vertical-align:middle;
	font-size:14px;
	color:#FFFFFF;
	text-decoration:none;
}

.ListeMenuVerticalLi>a:hover{
	color:#FFFFEE;
	text-decoration:underline;
}

.ImageReseauSocial{
	margin:0;
	margin-top:8px;
	width:32px;
	height:32px;
}

.FloatLeft{
	float:left;
}
.FloatRight{
	float:right;
}
.FloatClear{
	clear:both;
}

.AjusteJustify{
    text-align: left;
}

@media screen and (max-width: 480px){
	.AjusteJustify{
		text-align: justify;
		word-wrap: break-word;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		hyphens: auto;
	}
}

[ng\:cloak], [ng-cloak], [data-ng-cloak], [x-ng-cloak], .ng-cloak, .x-ng-cloak {
    display: none !important;
}

.CommentaireOmbre{
	box-shadow: 2px 2px 4px #A0A0A0;
}

blockquote {
	font-size:11px;
	font-style: italic;
}
p{
	margin-bottom:4px;
}

.ImageMaxDiv{
	max-width:100%;
	height:auto;
}

@font-face {
  font-family: 'Diamonds';

  src: url('fonts/Diamonds.eot');
  src: url('fonts/Diamonds.eot?#iefix') format('embedded-opentype'), url('fonts/Diamonds.ttf') format('truetype');
}
.likeicon {
  position: relative;
  top: 1px;
  display: inline-block;
  font-family: 'Diamonds';
  font-style: normal;
  font-weight: normal;
  line-height: 1;

  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.likeicon-like:before {
  content: "r";
  font-size:1.2em;
  text-shadow: 0px 0px 8px rgba(255, 255, 255, 1);
}
.likeicon-like2:before {
  content: "R";
}

.EclatSpin{
}

.ng-boite-image-overlay {
	/* A dark translucent div that covers the whole screen */
	position:fixed;
	z-index:9999;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#000000;
	opacity: 0.8;
}
.ng-boite-image-dialog {
	/* A centered div above the overlay with a box shadow. */
	z-index:10000;
	position: fixed;
	/* Center the dialog */
	top: 50%;
	left: 50%;
	transform: translate(-50%, -50%);
	-webkit-transform: translate(-50%, -50%);
	-moz-transform: translate(-50%, -50%);
}
.ng-boite-image-dialog-content{
	float:left;
	background-color: #fff;
	box-shadow: 4px 4px 80px #000;
	text-align: left;
}
.ng-boite-image-dialog-scroll{
	width:20px;
	float:left;
	background-color: red;
}
.ng-boite-image-close{
	top: 3px;
	right: 5px;
	padding: 5px;
	cursor: pointer;
	font-size: 120%;
	display: inline-block;
	font-weight: bold;
	font-family: 'arial', 'sans-serif';
}

.ng-boite-image-mobile-close{
	top: 3px;
	right: 0;
	padding: 5px;
	cursor: pointer;
	font-size: 24px;
	display: inline-block;
	font-weight: bold;
	font-family: 'arial', 'sans-serif';
	text-shadow: 0px 0px 1px #FFFFFF, 0px 0px 1px #FFFFFF, 0px 0px 1px #FFFFFF, 0px 0px 1px #FFFFFF, 0px 0px 1px #FFFFFF, 0px 0px 1px #FFFFFF;
	-webkit-font-smoothing: antialiased;
	-moz-font-smoothing: antialiased;
}

#id_div_parent_participer{
	background-color:#EFEFEF;
}

#id_div_participer{
	margin:10px;
	padding:0;
}


.dropzone {
	width: 100%;
	border: 1px solid #ccc;
	padding:0;
	margin:0;
	font-family: Arial;
	background-color:#FFFFFF;
}

.LacherFichier{
	width: 100%;
	padding:0;
	margin:0;
	font-family: Arial;
	background-color:#FFFFFF;
}

.BoutonFichierCache{
	position: absolute;
	top: 0;
	right: 0;
	margin: 0;
	padding: 0;
	font-size: 20px;
	cursor: pointer;
	opacity: 0;
	filter: alpha(opacity=0);
	width:20px;
	height:20px;
	overflow:hidden;
}

#id_message_selectionner_image{
	margin:8px;
	padding:0;
	height:20px;
	border:0;
	width:80%;
	cursor:pointer;
}

#id_selectionner_image{
	cursor:pointer;
}

.BoutonFichierLache{
	color:#000000;
}

.BoutonFichierLacheMobile{
	color:#000000;
	font-size:18px;
}


#id_container_fichier_participer{
	display:inline-block;
	position: relative;
	overflow: hidden;
	margin:0;
	padding:0;
	border:0;
	height:30px;
}

.BulleEnTete
{
	opacity:1.0;
	filter: alpha(opacity=1);
	background: #FAFAFA;
	position: absolute;
	padding:0;
	text-align:left;
	margin-top:45px;
	margin-left:-80px;
	width: 250px;
	height: 300px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border: #808080 solid 1px;
	z-index: 500;
	color:#333333;
}

.BulleEnTete:after
{
	opacity:1.0;
	filter: alpha(opacity=1);
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 0 10px 10px;
	border-color: #FAFAFA transparent;
	display: block;
	width: 0;
	z-index: 501;
	margin-left: 0;
	top: -10px;
	left: 50%;
}

.BulleEnTete:before
{
	opacity:1.0;
	filter: alpha(opacity=1);
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 0 10px 10px;
	border-color: #808080 transparent;
	display: block;
	width: 0;
	z-index: 499;
	margin-left: 0;
	top: -11px;
	left: 50%;
}

.BulleEnTete a{
	color:#333333;
	text-decoration:none;
	font-weight:bold;
	
}

.BulleEnTete a:hover{
	color:#333333;
	text-decoration:underline;
	
}

.BulleContenuPersonne
{
	position: absolute;
}

.ConteneurBulleContenu{
	width:30px;
	height:18px;
	margin-left:auto;
	margin-right:0;
}
.BulleContenuMenu
{
	box-sizing: border-box;
	text-align:left;
	opacity:1.0;
	filter: alpha(opacity=1);
	background: #FFFFFF;
	position: absolute;
	padding:4px;
	margin-top:-46px;
	margin-left:-150px;
	width: 180px;
	border-radius: 2px;
	border: #808080 solid 1px;
	z-index: 50;
	box-shadow: 1px 1px 5px 0px #808080;
}

.BulleContenuMenuIcone{
	text-align:right;
	font-size:18px;
	width:30px;
	height:30px;
}
.LienBulleContenuMenu {
	padding:8px;
}
.CadreBullePersonne{
	word-break: normal;
	-moz-hyphens: normal;
	position: absolute;
	padding:0;
	padding-top:14px;
	margin:0;
	margin-top:-4px;
	margin-left:-125px;
	width: 300px;
	height: 110px;
	z-index: 500;
}

.PremiereColonne .CadreBullePersonne{
	margin-left:-10px;
}

.BullePersonne
{
	opacity:1.0;
	filter: alpha(opacity=1);
	background: #FFFFFF;
	position: absolute;
	padding:0;
	margin:0;
	margin-top:4px;
	width: 300px;
	height: 110px;
	border-radius: 2px;
	border: #808080 solid 1px;
	z-index: 500;
	box-shadow: 1px 1px 5px 0px #808080;
}

.BullePersonne:before
{
	opacity:1.0;
	filter: alpha(opacity=1);
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 0 10px 10px;
	border-color: #808080 transparent;
	display: block;
	width: 0;
	z-index: 499;
	margin-left: -10px;
	top: -11px;
	left: 50%;
}

.BullePersonneGauche{
	width: 60px;
}

.BullePersonneDroite{
	width: 220px;
}

.PremiereColonne .BullePersonne:before{
	left: 10%;
}

.BullePersonne:after
{
	opacity:1.0;
	filter: alpha(opacity=1);
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 0 10px 10px;
	border-color: #FAFAFA transparent;
	display: block;
	width: 0;
	z-index: 501;
	margin-left: -10px;
	top: -10px;
	left: 50%;
}

.PremiereColonne .BullePersonne:after{
	left: 10%;
}

.BulleContenuPersonne{
	height:64px;
	overflow-y:scroll;
	padding: 2px;
	color:#000000;
}

.BulleContenu{
	height:290px;
	overflow-y:scroll;
	padding: 8px;
	color:#000000;
}

.BulleContenu a{
	color:#000000;
}

.BulleContenu a:hover{
	color:#000000;
}

#id_bulle_contenu_menu a{
	padding:12px;
	line-height:30px;
}
.BulleInformation
{
	opacity:1.0;
	filter: alpha(opacity=1);
	background: #FAFAFA;
	position: absolute;
	padding:0;
	margin-top:45px;
	margin-left:-128px;
	width: 250px;
	height: 100px;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	border: #808080 solid 1px;
	z-index: 500;
}

.BulleInformation:after
{
	opacity:1.0;
	filter: alpha(opacity=1);
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 0 10px 10px;
	border-color: #FAFAFA transparent;
	display: block;
	width: 0;
	margin-left: -10px;
	top: -10px;
	left: 10%;
	z-index: 501;
}

.BulleInformation:before
{
	opacity:1.0;
	filter: alpha(opacity=1);
	content: '';
	position: absolute;
	border-style: solid;
	border-width: 0 14px 14px;
	border-color: #808080 transparent;
	display: block;
	width: 0;
	z-index: 499;
	margin-left: -10px;
	top: -11px;
	left: 10%;
}

.RondNotification
{
	opacity:1.0;
	filter: alpha(opacity=1);
	background: #FF0000;
	color:#FFFFFF;
	font-size:10px;
	text-align:center;
	vertical-align:middle;
	position: absolute;
	line-height:14px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:4px;
	padding-right:4px;
	margin-top:0;
	margin-left:8px;
	min-width: 18px;
	height: 18px;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	z-index: 500;
	box-shadow: 1px 1px 5px 0px #808080;
}

.EncadreRondNotificationMobile{
	cursor:pointer;
	position:absolute;
	top:-14px;
	left:calc(50% + 30px);
	width:50px;
	height:50px;
	border-radius:25px;
}
.RondNotificationMobile
{
	opacity:1.0;
	filter: alpha(opacity=1);
	background: #FF0000;
	color:#FFFFFF;
	font-size:10px;
	text-align:center;
	vertical-align:middle;
	position: absolute;
	line-height:14px;
	margin-top:18px;
	margin-left:18px;
	padding-top:2px;
	padding-bottom:2px;
	padding-left:4px;
	padding-right:4px;
	min-width: 18px;
	height: 18px;
	-webkit-border-radius: 9px;
	-moz-border-radius: 9px;
	border-radius: 9px;
	z-index: 500;
	box-shadow: 1px 1px 5px 0px #808080;
}

.RondMesAmisEtMoi{
	margin-left:100px;
}

.col-sm-3{
	padding-left:4px;
	padding-right:4px;
}

.BlocPresentationVide{
	margin:4px;
	margin-bottom:8px;
	padding:4px;
	text-align:center;

}
.BlocPresentation{
	border:1px solid #E0E0E0;
	background-color:#FFFFFF;
	border-radius:4px;
	margin:4px;
	margin-bottom:8px;
	padding:4px;
	box-shadow: 0px 0px 1px 0px #888000;
	text-align:center;

}
.BlocPresentation form{
	text-align:left;

}
.TableElement{
	width:100%;
	margin:0;
	padding:0;
}

.TableElement tr{
}	

.TableElement td{
}

.TableElementMobile{
	width:100%;
}
.ElementTitre{
	border:1px solid #E0E0E0;
	background-color:#FFFFFF;
	border-radius:4px;
	margin:4px;
	margin-bottom:8px;
	padding:4px;
	font-weight:bold;
	box-shadow: 0px 0px 1px 0px #888000;

}

.TableElement .ElementBataille{
	width:243px;
	background-color:#FFFFFF;
	border-radius:4px;
	padding:0;
	margin:4px;
	margin-bottom:8px;
	box-shadow: 0px 0px 1px 0px #888000;
	overflow:hidden;
}

.TableElementMobile .ElementBataille{
	background-color:#FFFFFF;
	border-radius:4px;
	box-sizing: border-box;
	margin:4px;
	margin-bottom:8px;
	padding:0;
	box-shadow: 0px 0px 1px 0px #888000;

}

.ElementBatailleGrand{
	background-color:#FFFFFF;
	border-radius:4px;
	padding:0;
	margin:4px;
	margin-bottom:8px;
	box-shadow: 0px 0px 1px 0px #888000;

}

.ElementBatailleTitre{
	margin:0;
	padding:4px;
	border-bottom:1px solid #E8E8E8;
}

.ElementBatailleTitre h3{
	margin:0;
	word-break: break-word;
	text-align:justify;
	text-overflow: ellipsis;
	font-weight: normal;
	font-size:12px;
	padding-left:12px;
	padding-right:22px;
	padding-bottom:12px;
	padding-top:0;
	margin-top:-10px;
}

.ElementBatailleTitre2 h3{
	margin:0;
	word-break: break-word;
	text-align:justify;
	text-overflow: ellipsis;
	font-weight: normal;
	font-size:12px;
	padding-left:12px;
	padding-right:22px;
	padding-bottom:12px;
	padding-top:12px;
	border-bottom:1px solid #E8E8E8;
}

.Mobile .ElementBatailleTitre h3{
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
	font-weight: normal;
	font-size:12px;
	padding:6px;
	border-bottom:1px solid #E8E8E8;
}


.ElementBatailleImage{
	margin:0;
	padding:0;
}

.ElementBatailleImage img{
	max-width:100%;
	margin:0;
	padding:0;
	border-top-left-radius:4px;
	border-top-right-radius:4px;

}

.ElementBatailleResume{
	padding-top:0;
	padding-bottom:4px;
	padding-left:4px;
	padding-right:4px;
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	hyphens: auto;
}

.ElementBatailleResume h3{
	margin:0;
}


.ElementContenuTitre{
	padding-top:0;
	padding-bottom:0;
	padding-left:4px;
	padding-right:4px;
	border-bottom:1px solid #E8E8E8;
}

.ElementContenuTitre h3{
	margin:0;
	font-weight: normal;
	font-size:12px;
	padding-left:12px;
	padding-right:22px;
	padding-bottom:12px;
	padding-top:0;
	margin-top:-10px;
}

.Mobile .ElementContenuTitre h3{
	word-break: break-word;
	text-align:justify;
	padding:6px;
}

.ElementListeBoutons{
	z-index:10;
	position:absolute;
	max-width:100%;
}

.ElementListeBoutons button{
	display:inline-block;
	border:1px solid #303030;
	border-radius:4px;
	box-shadow:0px 0px 6px 0px #000000;
	margin:4px;
}

.ElementListeBoutons a{
	display:inline-block;
	margin:4px;
}

.ElementListeBoutons a img{
	padding:0;
	margin:0;
	width:30px;
	height:30px;
	border:1px solid #303030;
	border-radius:4px;
	box-shadow:1px 1px 6px 0px #000000;
}

.ElementInvitationBataille{
	z-index:10;
	position:absolute;
	background-color:#FFFFFF;
	padding:6px;
	width:243px;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
}


.BoutonInviter{
	height:30px;
	border:1px solid #303030;
	background-image: linear-gradient(to bottom, #FFD800 0px, #EDCB09 100%);
	border-radius:4px;
	color:#000000;
	font-weight:bold;
	margin:4px;
	box-shadow:0px 0px 3px 0px #CFCFCF;
}

.ElementListeBoutons .BoutonInviter{
	height:30px;
	border:1px solid #303030;
	background-color:#FFD800;
	border-radius:4px;
	box-shadow:1px 1px 6px 0px #000000;
	margin:4px;
}

.ElementBoutonInvitation{
	height:30px;
	width:30px;
	font-size:12px;
	border:1px solid #303030;
	background-color: #FFFFFF;
	color:#000000;
	margin:4px;
}

.BoutonLike{
	height:30px;
	border-style:none;
	background-image: linear-gradient(to bottom, #101010 0px, #000000 100%);
	margin:4px;
	color:#FFFFFF;
}

.BoutonLike span{
	font-size:14px;
}

.Mobile .ElementContenuTitre h3{
	-ms-word-break: break-all;
	word-break: break-all;
	word-break: break-word;
	text-overflow: ellipsis;
}


.TableElement .ElementContenu{
	width:243px;
	background-color:#FFFFFF;
	border-radius:4px;
	padding:0;
	margin:4px;
	margin-bottom:8px;
	box-shadow: 0px 0px 1px 0px #888000;
	overflow:hidden;
}

.TableElementMobile .ElementContenu{
	background-color:#FFFFFF;
	border-radius:4px;
	margin:4px;
	margin-bottom:8px;
	padding:0;
	box-shadow: 0px 0px 1px 0px #888000;
}

.ElementContenuGrand{
	background-color:#FFFFFF;
	border-radius:4px;
	padding:0;
	margin:4px;
	margin-bottom:8px;
	box-shadow: 0px 0px 1px 0px #888000;
}

.ElementContenuImage{
	margin:0;
	padding:0;
}

.ElementContenuImage img{
	max-width:100%;
	margin:0;
	padding:0;
	border-top-left-radius:4px;
	border-top-right-radius:4px;
}

.ElementContenuMessage{
	padding:4px;
}

.ElementPadding10Haut{
	padding:10px;
	padding-top:4px;;
	padding-bottom:0;
	
}

.TableElementAutre{
	width:96%;
	margin:0;
	padding:0;
}

.TableElementAutre td{
	box-sizing: border-box;
	background-color:#FFFFFF;
	border-radius:4px;
	padding:8px;
	margin:4px;
	margin-bottom:8px;
	box-shadow: 0px 0px 1px 0px #888000;
}

.ElementInformationListe{
	background-color:#A0A0A0;
	color:#FFFFFF;
	border-radius:4px;
	padding:8px;
	margin:4px;
	margin-bottom:8px;
	box-shadow: 0px 0px 1px 0px #888000;
}

.BlocPresentationBoutique{
	border:1px solid #E0E0E0;
	background-color:#000000;
	border-radius:4px;
	margin:4px;
	margin-bottom:8px;
	padding:4px;
	box-shadow: 0px 0px 1px 0px #888000;
	text-align:center;

}

.BlocBoutique{
	float:left;
	width:310px;
	box-sizing: border-box;
	padding:8px;
	margin:8px; 	
	border:2px solid #808080;
}
	
.BlocBoutique .likeicon-like{
	text-shadow: 0px 0px 22px rgba(0, 198, 255, 1), 0px 0px 22px rgba(0, 198, 255, 1), 0px 0px 22px rgba(0, 198, 255, 1);
}
	
.BlocPrixBoutique{
	font-weight:normal;
	font-size:16px;
	color:#FFFFFF;
	padding:16px;
	text-align:center;
}
.BlocLikesBoutique{
	font-weight:normal;
	font-size:18px;
	color:#FFFFFF;
	text-align:right;
}
.BlocLikesTotalBoutique{
	font-weight:normal;
	font-size:24px;
	color:#00EE00;
	text-align:right;
}
.BlocLikesTotalBoutique .likeicon-like{
	font-weight:normal;
	font-size:24px;
	color:#FFFFFF;
	text-align:right;
}
.BlocLikesOffertsBoutique{
	font-weight:normal;
	font-size:14px;
	color:#FFFFFF;
	text-align:right;
	letter-spacing:2px;
}
.BlocDroit{
	width:50%;
	text-align:left;
	display:inline-block;
}

.MessageInformation a{
	text-decoration:underline;
}

.MessageInformation.Valide,.MessageInformation.Valide a{
	color:#00A000;
}

.MessageInformation.ErreurImportante,.MessageInformation.ErreurImportante a{
	color:#E00000;
}

.MessageInformation.ErreurInformation,.MessageInformation.ErreurInformation a{
	color:#A00000;
}

.MessageInformation.ErreurPeuImportante,.MessageInformation.ErreurPeuImportante a{
	color:#000000;
}

.MessageErreur{
	color:#00A000;
}

.MessageErreurImportante{
	color:#E00000;
}

.MessageErreurGrave{
	color:#FF0000;
}

.MessageErreurTresGrave{
	background-color:#FF0000;
	color:#FFFFFF;
	font-weight:bold;
}

/* Page profil */
.BlocPresentationProfil{
	background-color:#FFFFFF;
	border-radius:4px;
	margin:4px;
	margin-bottom:8px;
	box-shadow: 0px 0px 1px 0px #888000;
	text-align:center;
}

.Profil table{
	font-size:14px;
}

.Profil form table tr td{
	padding:8px
}

.Profil .ChoixDate{
	font-size:12px;
}

.Profil .input-group .form-control{
	z-index:auto;
}

.Profil .input-group-btn .btn{
	z-index:auto;
}


.ChampFormulaireProfil{
	width:25%;
	text-align:right;
	
}
.ValeurFormulaireProfil{
	width:74%;
}

.ProfilPhoto{
	width:100%;
	max-width:100%;
	height:auto;
	border-top-left-radius:4px;
	border-top-right-radius:4px;

}

/*Page Bataille*/
#id_bataille_presentation{
	box-sizing: border-box;
	width:243px;
}

.BlocPresentationBataille{
	box-sizing: border-box;
	background-color:#FFFFFF;
	border-radius:4px;
	width:243px;
	margin:4px;
	margin-bottom:8px;
	padding:4px;
	box-shadow: 0px 0px 1px 0px #888000;
	text-align:center;
}

.BlocPresentationBatailleMeilleur{
	box-sizing: border-box;
	background-color:#FFFFFF;
	border-radius:4px;
	width:243px;
	margin:4px;
	margin-bottom:8px;
	padding:4px;
	box-shadow: 0px 0px 1px 0px #888000;
	text-align:left;
}


@media screen and (max-width: 1020px){
	/* Sur 1 colonne */
	.ColonneProfil{
		float:left;
		width:100%;
	}
}

@media screen and (min-width: 1020px){
	/* Sur 1 colonne */
	.ColonneProfil{
		float:left;
		width:50%;
	}
}

#id_amis_liste table td{
	padding:2px;
}

.MenuAmisBatailleImage{
	height:80px;
	margin:2px;
	border:1px solid #808080;
}

.MenuAmisPersonneImage{
	width:40px;
	border:1px solid #808080;
}
/*Page Bataille*/
.AjustementVideo{
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}

.AjustementVideo iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}
/*Page inviter_bataille */
#id_inviter_bataille_amis_liste{
}

#id_inviter_bataille_fonctions{
	width:100%;
	background-color:#FFFFFF;
	position:absolute;
	bottom:40px;
}

#id_inviter_bataille_amis_liste {
    overflow-x: hidden;
    overflow-y: scroll;
}
/*Page connexion inscription */
.TitreInscription{
	font-size:24px;
	color:#303030;
}

.InscriptionBlocCheckboxPremierBloc{
	width:calc(100% - 32px);
}

.InscriptionBlocCheckboxSecondBloc{
	width:32px;
}

@media screen and (min-width: 1020px)
{ 
	.InscriptionBlocCheckbox{
		width:100%;
		height: 20px;
		padding: 6px 12px;
		font-size: 14px;
		line-height: 1.42857;
	}
	
	.InscriptionBlocCheckboxSansHauteur{
		width:100%;
		padding: 6px 12px;
		font-size: 14px;
		line-height: 1.42857;
		color: #555;
		background-color: #FFF;
		background-image: none;
		border: 1px solid #CCC;
		border-radius: 4px;
		box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
		transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
	}
	
	.InscriptionBlocCheckbox label{
		color: #303030;
		font-size: 12px;
		font-weight:normal;
	}
	
	.InscriptionBlocCheckbox label a{
		color: #303030;
		font-size: 12px;
		font-weight:normal;
		text-decoration:underline;
	}

}

@media screen and (max-width: 1020px)
{ 
	.InscriptionBlocCheckbox{
		width:100%;
		height: 70px;
		padding: 6px 12px;
		font-size: 14px;
		line-height: 1.42857;
	}
	
	.InscriptionBlocCheckboxSansHauteur{
		width:100%;
		padding: 6px 12px;
		font-size: 14px;
		line-height: 1.42857;
		color: #555;
		background-color: #FFF;
		background-image: none;
		border: 1px solid #CCC;
		border-radius: 4px;
		box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
		transition: border-color 0.15s ease-in-out 0s, box-shadow 0.15s ease-in-out 0s;
	}
	
	.InscriptionBlocCheckbox label{
		color: #FFFFFF;
		font-size: 14px;
		font-weight:normal;
	}

	.InscriptionBlocCheckbox label a{
		color: #FFFFFF;
		font-size: 14px;
		font-weight:normal;
		text-decoration:underline;
	}
	
}

.InscriptionBlocMessageErreur{
	width:100%;
	height: 34px;
	padding: 6px 12px;
	font-size: 14px;
	line-height: 1.42857;
	background-color: #FFF;
	background-image: none;
	border: 1px solid #CCC;
	border-radius: 4px;
	box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
	margin-bottom:12px;
}

.MessageErreurFormulaire:after {
    border-color: #DFF0FF rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-right: 10px solid rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 12px;
    content: "";
    position: absolute;
    left: -10px;
    top: -0px;
    border:none\9;
    border-width:0\9;
    z-index:111;
}

.MessageErreurFormulaire:before {
    border-color: #808080 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-right: 11px solid rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 12px;
    content: "";
    position: absolute;
    left: -12px;
    top: -1px;
    border:none\9;
    border-width:0\9;
    z-index:109;
}


.MessageErreurFormulaire{
    position:relative;
    left:0;
    top:0;
    background-color:#DFF0FF;
    background: linear-gradient(#DFF0FF, #FFFFFF) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#DFF0FF), to(#FFFFFF));
    color: #666666;
    border: 1px solid #808080;
    border-radius: 0 3.01px 3.01px 3.01px;
    box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.15);
    display: none;
    font-size: 85%;
    font-weight: bold;
    margin-left: 40px;
    padding: 1em 1.5em;
    width: 200px;
    z-index:110;
}
.MessageErreurFormulaire * {
    -moz-box-sizing: border-box;
}

.MessageErreurFormulaireInvalide:after {
    border-color: #FF0000 rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-right: 10px solid rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 12px;
    content: "";
    position: absolute;
    left: 2px;
    top: 30px;
    border:none\9;
    border-width:0\9;
    z-index:111;
}

.MessageErreurFormulaireInvalide:before {
    border-color: #FFFFFF rgba(0, 0, 0, 0) rgba(0, 0, 0, 0);
    border-right: 11px solid rgba(0, 0, 0, 0);
    border-style: solid;
    border-width: 12px;
    content: "";
    position: absolute;
    left: 2px;
    top: 32px;
    border:none\9;
    border-width:0\9;
    z-index:109;
}

.MessageErreurFormulaireInvalide{
	position:absolute;
    background-color:#A00000;
    background: linear-gradient(#A00000, #FF0000) repeat scroll 0 0 rgba(0, 0, 0, 0);
    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#A00000), to(#FF0000));
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
    border-radius: 3.01px 3.01px 3.01px 3.01px;
    box-shadow: 3px 3px 6px rgba(0, 0, 0, 0.45);
    font-size: 85%;
    font-weight: bold;
    margin-top:-40px;
    margin-left: 0;
    padding: 1em 1.5em;
    z-index:110;
}

.InscriptionLogoBattleLike{
	background-color:#000000;
}
	
.MessageInscriptionInvitation{
	text-align:center;
	color:#303030;
	font-size:18px;
}

.BoutonInscription{
	padding:6px 40px;
	color:#FFFFFF;
	background-color:#000000;
	border:0;
	border-radius:3px;
	font-size:18px;
}

.BoutonInscription100{
	width:100%;
	padding:6px 40px;
	color:#000000;
	background-color:#FFD800;
	border:1px solid #364050;
	border-radius:3px;
	font-size:18px;
}

#id_menu_amis_bloc_titre{
	height:50px;
	border-bottom:1px solid #CCCCCC;
}

#id_menu_amis_liste{
	display:block;
	width:100%;
	height: -moz-calc(100% - 194px); /* Firefox */
	height: -webkit-calc(100% - 194px); /* Chrome, Safari */
	height: calc(100% - 194px);
	overflow-x:hidden;
	overflow-y:scroll;
}

#id_menu_amis_fonctions{
	height:140px;
	background-color:#FFFFFF;
	width:250px;
	position:absolute;
	bottom:0;
}

a[href^=http] {
	border:1px solid #808080; -webkit-border-radius: 15px; -moz-border-radius: 15px;border-radius: 15px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 2px 12px 2px 12px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
 background-color: #C0C0C0; background-image: -webkit-gradient(linear, left top, left bottom, from(#C0C0C0), to(#A0A0A0));
 background-image: -webkit-linear-gradient(top, #C0C0C0, #A0A0A0);
 background-image: -moz-linear-gradient(top, #C0C0C0, #A0A0A0);
 background-image: -ms-linear-gradient(top, #C0C0C0, #A0A0A0);
 background-image: -o-linear-gradient(top, #C0C0C0, #A0A0A0);
 background-image: linear-gradient(to bottom, #C0C0C0, #A0A0A0);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#C0C0C0, endColorstr=#A0A0A0);
}

a[href^=tel] {
	border:1px solid #34740e; -webkit-border-radius: 15px; -moz-border-radius: 15px;border-radius: 15px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 2px 12px 2px 12px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
 background-color: #4ba614; background-image: -webkit-gradient(linear, left top, left bottom, from(#4ba614), to(#008c00));
 background-image: -webkit-linear-gradient(top, #4ba614, #008c00);
 background-image: -moz-linear-gradient(top, #4ba614, #008c00);
 background-image: -ms-linear-gradient(top, #4ba614, #008c00);
 background-image: -o-linear-gradient(top, #4ba614, #008c00);
 background-image: linear-gradient(to bottom, #4ba614, #008c00);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#4ba614, endColorstr=#008c00);
}

a[href^=mailto] {
	border:1px solid #017DD7; -webkit-border-radius: 15px; -moz-border-radius: 15px;border-radius: 15px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 2px 12px 2px 12px; text-decoration:none; display:inline-block;text-shadow: -1px -1px 0 rgba(0,0,0,0.3);font-weight:bold; color: #FFFFFF;
 background-color: #7FC9FF; background-image: -webkit-gradient(linear, left top, left bottom, from(#7FC9FF), to(#0094FF));
 background-image: -webkit-linear-gradient(top, #7FC9FF, #0094FF);
 background-image: -moz-linear-gradient(top, #7FC9FF, #0094FF);
 background-image: -ms-linear-gradient(top, #7FC9FF, #0094FF);
 background-image: -o-linear-gradient(top, #7FC9FF, #0094FF);
 background-image: linear-gradient(to bottom, #7FC9FF, #0094FF);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#7FC9FF, endColorstr=#0094FF);
}

a[href^='/#/enregistrement/'] {
	border:1px solid #A0A0A0; -webkit-border-radius: 15px; -moz-border-radius: 15px;border-radius: 15px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 2px 12px 2px 12px; text-decoration:none; display:inline-block;color: #000000;
 background-color: #F0F0F0; background-image: -webkit-gradient(linear, left top, left bottom, from(#F0F0F0), to(#A0A0A0));
 background-image: -webkit-linear-gradient(top, #F0F0F0, #A0A0A0);
 background-image: -moz-linear-gradient(top, #F0F0F0, #A0A0A0);
 background-image: -ms-linear-gradient(top, #F0F0F0, #A0A0A0);
 background-image: -o-linear-gradient(top, #F0F0F0, #A0A0A0);
 background-image: linear-gradient(to bottom, #F0F0F0, #A0A0A0);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#F0F0F0, endColorstr=#A0A0A0);
}

.lienEnregistrement{
	border:1px solid #A0A0A0; -webkit-border-radius: 15px; -moz-border-radius: 15px;border-radius: 15px;font-size:12px;font-family:arial, helvetica, sans-serif; padding: 2px 12px 2px 12px; text-decoration:none; display:inline-block;color: #000000;
 background-color: #F0F0F0; background-image: -webkit-gradient(linear, left top, left bottom, from(#F0F0F0), to(#A0A0A0));
 background-image: -webkit-linear-gradient(top, #F0F0F0, #A0A0A0);
 background-image: -moz-linear-gradient(top, #F0F0F0, #A0A0A0);
 background-image: -ms-linear-gradient(top, #F0F0F0, #A0A0A0);
 background-image: -o-linear-gradient(top, #F0F0F0, #A0A0A0);
 background-image: linear-gradient(to bottom, #F0F0F0, #A0A0A0);filter:progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr=#F0F0F0, endColorstr=#A0A0A0);
}

#input_vider {
    position: absolute;
    right: 5px;
    top: 0;
    bottom: 0;
    height: 14px;
    margin: auto;
    font-size: 14px;
    cursor: pointer;
    color: #ccc;
}