@CHARSET 'UTF-8';
@import url('commun_btn.css');
@import url('commun_slider.css');
@import url('commun_menu_lateral.css');
@import url('commun_onglet.css');


@font-face {
    font-family: star_jedi;
    src: url('../font/starjedi/starjedi-webfont.eot');
    src: url('../font/starjedi/starjedi-webfont.eot?#iefix') format('embedded-opentype'),
         url('../font/starjedi/starjedi-webfont.woff2') format('woff2'),
         url('../font/starjedi/starjedi-webfont.woff') format('woff'),
         url('../font/starjedi/starjedi-webfont.ttf') format('truetype'),
         url('../font/starjedi/starjedi-webfont.svg#star_jediregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: gears;
    src: url('../font/gearsofwar/Gears_of_war.ttf');
}

* {
	font-family: arial;
}

body {
	margin: 0 auto;
}

footer {
	/* Position */
    position: relative;
    clear: both;
    margin: 2px 2px 2px 2px;
    
	/* Format */
    padding: 5px;	
    border-radius:5px;

    /* Police */
	text-align: center;
	font-size: x-small;
}

#main{
	min-width: 800px;	
}

.table{
	/* Type */
	display: table;
	
	/* Format */
	width: 100%;
	border-spacing: 2px;
	vertical-align: top;
}

.table-row{
	/* Type */
	display: table-row;
    
    /* Format */
    width: 100%;
    vertical-align: top;
}

.bloc{
	/* Type */
	display: table-cell;
    vertical-align: top;
    
    /* Format */
	padding: 5px;
	border-radius:5px;
	min-width:150px;
	
	/* Police */
	font-size: 10pt;
}

.flex{
	/* Type */
	display: flex;
	justify-content: space-around;
	
	/* Format */
	flex-flow: row wrap;
	border-spacing: 2px;
	vertical-align: top;
	margin: 2px;
}

.flex-item{
	/* Type */
	display: flex-item;

	/* Format */
	flex: 1;
	padding: 5px;
	margin: 2px;
	border-radius:5px;
	vertical-align: top;
	text-align: center;
}

h1 {
	/* Position */
    position: relative;
    clear: both;
    margin: 2px 2px 2px 2px;
    
    /* Format */
    padding: 5px;	
    border-radius:5px;

    /* Police */
    text-align:left;
    font-size: 14pt;
}

h2 {
	/* Position */
    position: relative;
    clear: both;
    margin: 2px 2px 2px 2px;
    
    /* Format */
    padding: 5px;	
    border-radius:5px;
    
    /* Police */
    text-align:left;
    font-size: 12pt;
}

h3, .h3 {
	/* Position */
    position: relative;
    clear: both;
    margin: 10px 2px 2px 2px;
    
    /* Format */
    padding: 5px;	
    border-radius:5px;

    /* Police */
    text-align:left;
    font-size: 10pt;
}

h4, .h4 {
	/* Position */
    position: relative;
    clear: both;
    margin: 2px 2px 2px 2px;
    
    /* Format */
    padding: 5px;	
    border-radius:5px;
    
    /* Police */
    text-align:left;
    font-size: 8pt;
}

h6 {
	/* Position */
    position: relative;
    clear: both;
    margin: 2px 2px 2px 2px;
    display: table-cell;
    
    /* Format */
    padding: 5px;	
    border-radius:5px;
    
    /* Police */
    text-align:left;
    vertical-align: middle;
    font-size: 8pt;
}

.hlien{
	/* Curseur */
    cursor:pointer;
    
    /* Police */
    text-decoration: underline
}

.hlienIcone{
	/* Curseur */
    cursor:pointer;
}

.hlien:hover, .hlienIcone:hover, .hlienactif {  	
	transition: 0.5s;
	
  	/* Curseur */
    cursor:pointer;
}

.barre {
	/* Position */
	align:absmiddle;
	
	/* Format */
	height:20px;
	border:1px solid black;
}

a:hover {transition: 0.5s;}
	
div.contenu {	
	/* Position */
	vertical-align: middle;
	margin: 2px 2px 2px 2px;
	
	/* Format */
	padding: 2px;
	border-radius:5px;
	
	/* Police */
	font-size: small;
}

div.case{
	/* Type */
	display: table-cell;
    vertical-align: top;
    
    /* Format */
	padding: 5px;
	border-radius:5px;
}

.cas1_lien:hover{	
	transition: 0.5s;
	
	/* Curseur */
    cursor:pointer;
}
.cas2_lien:hover{
	transition: 0.5s;
	
	/* Curseur */
    cursor:pointer;
}

div.erreur {
	/* Police */
	font-weight: bold;
	color: red;
}

#FilAriane, #Action {
	/* Position */
    display: table-cell;
    margin: 2px 2px 2px 2px;
    vertical-align:top;
    
    /* Format */
    padding: 5px;	
    border-radius:5px;
    
    /* Police */
    text-align:left;
    font-size: 10pt;
    font-weight:bold;
}

#Action {
	text-align:center;
}

.item_OK, .item_KO, .item_ATT {
	/* Position */
    display: inline-block;
    margin: 2px 2px 2px 2px;
    
    /* Format */
    padding: 5px;	
    border-radius:5px;
    
    /* Ombre */
    box-shadow: rgba(000,000,000,0.3) 1px 1px 1px,
    	inset rgba(255,255,255,0.4) 1px 1px 1px 0,
    	inset rgba(0,0,0,0.4) -1px -1px 1px 0;
    	
    /* Police */
    text-align:left;
}

.item_ATT {
	/* Fond */
    background-color: #FCFF93;
}

.item_OK {
	/* Fond */
    background-color: #ABDB77;
    border: 1px solid green;
}

.item_KO {
	/* Fond */
    background-color: #F5A1AD;
    border: 1px solid red;
}

.notabene {
    /* Police */
	text-align: center;
	font-size: 7pt;;
}

.errortech {
    /* Police */
	text-align: left;
	font-size: 7pt;;
	color: red;
}
.errordebug {
    /* Police */
	text-align: left;
	font-size: 7pt;;
	color: green;
}


/* MENU */
	#menuDeroulant{
		list-style-type: none;
		margin: 0;
		padding: 0;
		border: 0;
		z-index:1;
		width:100%;
	}
	#menuDeroulant li{
		float: left;
		margin: 0;
		padding: 0;
		border: 0;
	}
	
	#menuDeroulant>li:nth-child(1):nth-last-child(1) {
		width:100%;
	}	
	
	#menuDeroulant>li:nth-child(1):nth-last-child(2),
	#menuDeroulant>li:nth-child(2):nth-last-child(1) {
		width:50%;
	}	
	
	#menuDeroulant>li:nth-child(1):nth-last-child(3),
	#menuDeroulant>li:nth-child(2):nth-last-child(2),
	#menuDeroulant>li:nth-child(3):nth-last-child(1) {
		width:33.33%;
	}	
	
	#menuDeroulant>li:nth-child(1):nth-last-child(4),
	#menuDeroulant>li:nth-child(2):nth-last-child(3),
	#menuDeroulant>li:nth-child(3):nth-last-child(2),
	#menuDeroulant>li:nth-child(4):nth-last-child(1) {
		width:25%;
	}	
	
	#menuDeroulant>li:nth-child(1):nth-last-child(5),
	#menuDeroulant>li:nth-child(2):nth-last-child(4),
	#menuDeroulant>li:nth-child(3):nth-last-child(3),
	#menuDeroulant>li:nth-child(4):nth-last-child(2),
	#menuDeroulant>li:nth-child(5):nth-last-child(1) {
		width:20%;
	}
	
	#menuDeroulant>li:nth-child(1):nth-last-child(1)>ul {
		/*width:calc(100% - 174px);*/
		width:calc(100%);
	}
	
	#menuDeroulant>li:nth-child(1):nth-last-child(2)>ul,
	#menuDeroulant>li:nth-child(2):nth-last-child(1)>ul {
		/*width:calc(50% - 85px);*/
		width:calc(50%);
	}
	
	#menuDeroulant>li:nth-child(1):nth-last-child(3)>ul,
	#menuDeroulant>li:nth-child(2):nth-last-child(2)>ul,
	#menuDeroulant>li:nth-child(3):nth-last-child(1)>ul {
		/*width:calc(33.33% - 55px);*/
		width:calc(33.33%);
	}
	
	#menuDeroulant>li:nth-child(1):nth-last-child(4)>ul,
	#menuDeroulant>li:nth-child(2):nth-last-child(3)>ul,
	#menuDeroulant>li:nth-child(3):nth-last-child(2)>ul,
	#menuDeroulant>li:nth-child(4):nth-last-child(1)>ul {
		/*width:calc(25% - 45px);*/
  		width:calc(25%);
	}
	
	#menuDeroulant>li:nth-child(1):nth-last-child(5)>ul,
	#menuDeroulant>li:nth-child(2):nth-last-child(4)>ul,
	#menuDeroulant>li:nth-child(3):nth-last-child(3)>ul,
	#menuDeroulant>li:nth-child(4):nth-last-child(2)>ul,
	#menuDeroulant>li:nth-child(5):nth-last-child(1)>ul {
		/*width:calc(20% - 35px);*/
		width:calc(20%);
	}
	
	@media all and (min-device-width: 961px) {
		#menuDeroulant .sousMenu{
			display: block;
			list-style-type: none;
			margin: 0;
			padding: 0;
			border: 0;
			position:absolute;
			z-index:1;
			visibility:hidden;
		}	
		#menuDeroulant li:hover .sousMenu {
			animation:menu 0.3s linear 0.3s;
			animation-fill-mode:forwards;
		}	
	}
	
	#menuDeroulant .sousMenu li{
		float: none;
		margin: 0;
		padding: 0;
		border: 0;
	}	
	
	@keyframes menu{
		from{
			visibility:hidden;
			opacity:0;
		}
		to{
			visibility:visible;
			opacity:1;
		}
	}
	
	@media all and (max-device-width: 960px) {
		#menuDeroulant .sousMenu{
			display: none;
			list-style-type: none;
			margin: 0;
			padding: 0;
			border: 0;
			position:absolute;
			z-index:1;
		}	
		#menuDeroulant li:hover .sousMenu {
			display: block;
		}	
	}
	

/* BOUTON */
	
	span.public label {
		/* Position */
		display:inline-block;
		
		/* Format */
		text-align:center;
		min-width:20px;
		min-height:18px;
		
		/* Fond */
		background:url(../images/oeil_v1.2.gif) center top no-repeat;
		
		/* Curseur */
		cursor:pointer;
	}
	
	span.public label.off {
		background-position:center -60px;
	}
	
	span.public input {
		position:absolute;
		left:-999%;
	}
	
	span.coche label {
		/* Position */
		display:inline-block;
		
		/* Format */
		text-align:center;
		min-width:16px;
		min-height:16px;
		
		/* Fond */
		background:url(../images/coche_v1.0.png) center top no-repeat;
		
		/* Curseur */
		cursor:pointer;
	}
	
	span.coche label.off {
		background-position:center -48px;
	}
	
	span.coche input {
		position:absolute;
		left:-999%;
	}


/* PAGINATION */
    #pagination li.lien, #pagination li.active{     
      /* Position */
      display:inline-block;
      margin:3px;
                
      /* Format */
      padding:4px;
      list-style:none;
      border-radius:5px;
    }  
    #pagination li.none{  
      /* Position */
      display:inline-block;
      margin:2px;
                
      /* Format */
      padding:2px;
      list-style:none;
    }       
    #pagination li.lien:hover{
      transition: 0.5s;
    }       
    #pagination li.active{
      /* Police */
      font-weight:bold;
    }
    
    
/* AVIS */
	.avis_OK, .avis_KO {
	    /* Position */
	    position: relative;
	    padding: 25px 5px 5px 5px;
	    margin: 20px 2px 5px 2px;
	    
	    /* Format */
	    border-radius:5px;
	    
	    /* Police */
	    text-align:left;
	    font-size: 8pt;
	}
	.avis_OK{
		background-color: #ABDB77;
		border : 1px dashed green;
	}
	.avis_KO{
		background-color: #F5A1AD;
		border : 1px dashed red;
	}
	.avis_OK .entete, .avis_KO .entete {
	    position: absolute;
	    top: -15px;
	    left: 3px;
	    z-index: 2;
	    text-transform: none;
	    line-height: 1;
	    display: block;
	    border-radius: 5px;
	    font-style:italic;
	    padding: 5px 5px 5px 5px;
	}
	.avis_OK .entete{
		border : 3px solid green;
	}
	.avis_KO .entete{
		border : 3px solid red;
	}

.coin_droit{
	position: absolute;
    top: -5px;
    right: -5px;
    z-index: 2;
    text-transform: none;
    line-height: 1;
    display: block;
    border-radius: 5px;
    padding: 5px;
}

/* COLLECTION */
	.collection {
	    /* Position */
	    position: relative;
	    padding: 0px;
	    margin: 25px 0px 0px 0px;
	    
	    /* Format */
	    border-radius:5px;
	    
	    /* Police */
	    text-align:left;
	    font-size: 8pt;
	}
	.collection .entete, .entete {
	    position: absolute;
	    top: -20px;
	    left: 5px;
	    z-index: 2;
	    text-transform: none;
	    line-height: 1;
	    display: block;
	    border-radius: 5px;
	    font-style:italic;
	    padding: 5px;
	}

	.item {
	    /* Position */
	    position: relative;
	    padding: 5px;
	    margin: 5px 2px 2px 2px;
	    
	    /* Format */
	    border-radius:5px;
	    
	    /* Police */
	    text-align:left;
	    font-size: 8pt;
	}
	

/* CSS pour l'affichage des notes */

	ul.notes-echelle {
		margin:0;
		padding:0;
		font:.75em/1.2 Arial, Helvetica, sans-serif;
	}
	ul.notes-echelle li {
		float:left;
		margin:0;
		padding:0;
		list-style:none;
		min-width:20px;
		min-height:20px;
	}
	/* Correctif IE6 sur min-width & min-height */
	* html ul.notes-echelle.js li {
		width:20px;
		height:20px;
	}
	
	ul.notes-echelle li label {
		display:block;
		text-align:center;
		line-height:20px;
		background:url(../images/note/etoile_v1.11.gif) center top no-repeat;
		cursor:pointer;
	}
	
	ul.notes-echelle li label.c {
		background:url(../images/note/coeur_v1.2.gif) center top no-repeat;
	}
	
	ul.notes-echelle li label.n {
		background:url(../images/note/navet_v1.2.gif) center top no-repeat;
	}
	
	
	ul.notes-echelle li.note-off label {
		background-position:center -60px;
	}
	
	/* Pour masquer les boutons radio */
	ul.notes-echelle input {
		position:absolute;
		left:-999%;
	}
	
	/* Effet lorsque une note est cochée */
	ul.notes-echelle li.note-checked {
		font-weight:bold;
		color:red;
	}
	
	div.notes-echelle{		
		float: left;
	}
	
	
img.cadre{
	/* Position */
	padding: 5px;
	border-radius:5px;
	margin: 5px;
	
	/* Ombre */
	box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.5),
	2px 2px 2px 2px rgba(255, 255, 255, 0.5) inset;
}

.zoom:hover {  	
	transition: 0.5s;
    transform : scale(1.1);
}
.zoom {    	
	transition: 0.5s;	
}

/* Miniatures */
	.min{
		/* Position */
		float:left;
		margin:5px;
		padding:10px 10px 30px 10px;
		position:relative;
		
		/* Format */
		border-radius:5px;
		
		/* Fond */
		background:#FFFFFF;
		
		/* Ombre */
		box-shadow: 2px 2px 2px 2px rgba(0, 0, 0, 0.5),
		2px 2px 2px 2px rgba(255, 255, 255, 0.5) inset;
	}
	
	.min a{
		/* Position */
		display:block;
		position:relative;
		width:100%;
		overflow:hidden;
	}
	.min img{
		/* Position */
		position:relative;
		/*width:100%*/;
	}
	.min h3, .min h6 {
		/* Position */
		position: absolute;
		bottom:0;
		left:0;
		right:0;
		text-align:center;
		
		/* Fond */
		background-color: rgb(0, 0, 0);
		background-color: rgba(0, 0, 0, 0.5);
	}
	
	
/* NOUVEAU */
	.img_nouveau1, .img_nouveau2 {
		/* Position */
		vertical-align:middle;
		float:left;
		
		/* Format */
		width:50px;
		height:24px;
		border:none;
	}
	
	
/* COCHE ON/OFF */
	.cochelabel, .coche_fixe {
		width: 50px;
		height: 20px;
		display: inline-block;
		position: relative;
		border-radius: 14px;
		-webkit-background-clip: padding-box;
		-moz-background-clip: padding-box;
		background-clip: padding-box;
		background: rgb(255,138,138);
		background: -webkit-linear-gradient(top, rgba(255,138,138,1) 0%, rgba(255,140,140,1) 14%, rgba(255,159,159,1) 72%, rgba(255,164,164,1) 100%);
		background: -moz-linear-gradient(top, rgba(255,138,138,1) 0%, rgba(255,140,140,1) 14%, rgba(255,159,159,1) 72%, rgba(255,164,164,1) 100%);
		background: -o-linear-gradient(top, rgba(255,138,138,1) 0%, rgba(255,140,140,1) 14%, rgba(255,159,159,1) 72%, rgba(255,164,164,1) 100%);
		background: -ms-linear-gradient(top, rgba(255,138,138,1) 0%, rgba(255,140,140,1) 14%, rgba(255,159,159,1) 72%, rgba(255,164,164,1) 100%);
		background: linear-gradient(top, rgba(255,138,138,1) 0%, rgba(255,140,140,1) 14%, rgba(255,159,159,1) 72%, rgba(255,164,164,1) 100%);
		box-shadow: inset 0 2px 5px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 0 0 rgba(0, 0, 0, 0.1);
		line-height: 20px;
		font-style: normal;
		color: #fff;
		text-shadow: 0 1px 1px rgba(0,0,0,0.1);
		font-weight: bold;
		-webkit-box-reflect: below 0px
			-webkit-gradient(linear, left top, left bottom,
			color-stop(0.5, transparent),
			to(rgba(255, 255, 255, 0.3)));
		-moz-transition: all 1s ease-in;
		-webkit-transition: all 1s ease-in;
		-o-transition: all 1s ease-in;
		transition: all 1s ease-in;
		text-align:center;
		font-size:small;
		margin-left:5px;
	}
	
	.cochelabel {
		cursor: pointer;
	}
	
	.cochelabel.attention:hover {
		background: rgb(238,159,7);
		background: -moz-linear-gradient(top,  rgba(238,159,7,1) 0%, rgba(240,171,8,1) 45%, rgba(243,182,15,1) 100%);
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(238,159,7,1)), color-stop(45%,rgba(240,171,8,1)), color-stop(100%,rgba(243,182,15,1)));
		background: -webkit-linear-gradient(top,  rgba(238,159,7,1) 0%,rgba(240,171,8,1) 45%,rgba(243,182,15,1) 100%);
		background: -o-linear-gradient(top,  rgba(238,159,7,1) 0%,rgba(240,171,8,1) 45%,rgba(243,182,15,1) 100%);
		background: -ms-linear-gradient(top,  rgba(238,159,7,1) 0%,rgba(240,171,8,1) 45%,rgba(243,182,15,1) 100%);
		background: linear-gradient(to bottom,  rgba(238,159,7,1) 0%,rgba(240,171,8,1) 45%,rgba(243,182,15,1) 100%);
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ee9f07', endColorstr='#f3b60f',GradientType=0 );
	}
	.cochelabel.attention:hover:before {
		content: "☢"; /* &#9762; */
		font-size: 22px
	}
	.coche:checked ~ .cochelabel.attention:hover:before  {
		content: "on";
		font-size: 14px
	}
	
	
	.cochelabel i {
		position: absolute;
		top: -1px;
		right:35px;
		width: 20px;
		height: 20px;
		display: block;
		border-radius: 36px;
		background: rgb(255,255,255);
		background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(252,252,252,1) 11%, rgba(228,228,228,1) 50%, rgba(221,221,221,1) 53%, rgba(205,205,205,1) 97%, rgba(191,191,191,1) 100%);
		background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(252,252,252,1) 11%, rgba(228,228,228,1) 50%, rgba(221,221,221,1) 53%, rgba(205,205,205,1) 97%, rgba(191,191,191,1) 100%);
		background: -o-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(252,252,252,1) 11%, rgba(228,228,228,1) 50%, rgba(221,221,221,1) 53%, rgba(205,205,205,1) 97%, rgba(191,191,191,1) 100%);
		background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(252,252,252,1) 11%, rgba(228,228,228,1) 50%, rgba(221,221,221,1) 53%, rgba(205,205,205,1) 97%, rgba(191,191,191,1) 100%);
		background: linear-gradient(top, rgba(255,255,255,1) 0%, rgba(252,252,252,1) 11%, rgba(228,228,228,1) 50%, rgba(221,221,221,1) 53%, rgba(205,205,205,1) 97%, rgba(191,191,191,1) 100%);
		box-shadow: inset 0 -3px 3px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 1px 0 rgba(255, 255, 255, 0.4), 0 2px 0 0 rgba(0, 0, 0, 0.2);
		-webkit-transition: all 200ms ease;
		-moz-transition: all 200ms ease;
		-o-transition: all 200ms ease;
		-ms-transition: all 200ms ease;
		transition: all 200ms ease;
	}
	
	.cochelabel i:before {
		content: "";
		display: block;
		position: absolute;
		top: 50%;
		left: 50%;
		width: 14px;
		height: 14px;
		margin: -8px 0 0 -8px;
		border-radius: 18px;
		background: rgb(239,239,239);
		background: -webkit-linear-gradient(top, rgba(239,239,239,1) 0%, rgba(225,225,225,1) 6%, rgba(225,225,225,1) 24%, rgba(229,229,229,1) 94%, rgba(242,242,242,1) 100%);
		background: -moz-linear-gradient(top, rgba(239,239,239,1) 0%, rgba(225,225,225,1) 6%, rgba(225,225,225,1) 24%, rgba(229,229,229,1) 94%, rgba(242,242,242,1) 100%);
		background: -o-linear-gradient(top, rgba(239,239,239,1) 0%, rgba(225,225,225,1) 6%, rgba(225,225,225,1) 24%, rgba(229,229,229,1) 94%, rgba(242,242,242,1) 100%);
		background: -ms-linear-gradient(top, rgba(239,239,239,1) 0%, rgba(225,225,225,1) 6%, rgba(225,225,225,1) 24%, rgba(229,229,229,1) 94%, rgba(242,242,242,1) 100%);
		background: linear-gradient(top, rgba(239,239,239,1) 0%, rgba(225,225,225,1) 6%, rgba(225,225,225,1) 24%, rgba(229,229,229,1) 94%, rgba(242,242,242,1) 100%);
		box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.1);
	}
	.cochelabel:hover i {
		box-shadow: inset 0 -3px 3px 0 rgba(0, 0, 0, 0.1), inset 0 -1px 1px 0 rgba(255, 255, 255, 0.4), 0 2px 0 0 rgba(0, 0, 0, 0.3);
	}
	.cochelabel:active i:before {
		box-shadow: inset 0 1px 0 0 rgba(0, 0, 0, 0.3);
	}
	
	.cochelabel:before, .coche_fixe_off:before {
		content: "off";
		text-transform: uppercase;
		-webkit-transition: all 200ms ease;
		-moz-transition: all 200ms ease;
		-o-transition: all 200ms ease;
		-ms-transition: all 200ms ease;
		transition: all 200ms ease;
	}
	
	.cochelabel:before {
		margin-left: 12px;
	}
	
	.coche:checked ~ .cochelabel:before, .coche_fixe_on:before {
		content: "on";
		text-transform: uppercase;
		margin-left: 0;
	}
	
	.coche:checked ~ .cochelabel:before {
		margin-right: 15px;
	}
	
	.coche:checked ~ .cochelabel, .coche_fixe_on{
		background: rgb(141,173,51);
		background: -webkit-radial-gradient(center, ellipse cover, rgba(141,173,51,1) 0%, rgba(146,178,55,1) 24%, rgba(157,187,64,1) 55%, rgba(166,194,78,1) 100%);
		background: -moz-radial-gradient(center, ellipse cover, rgba(141,173,51,1) 0%, rgba(146,178,55,1) 24%, rgba(157,187,64,1) 55%, rgba(166,194,78,1) 100%);
		background: -o-radial-gradient(center, ellipse cover, rgba(141,173,51,1) 0%, rgba(146,178,55,1) 24%, rgba(157,187,64,1) 55%, rgba(166,194,78,1) 100%);
		background: -ms-radial-gradient(center, ellipse cover, rgba(141,173,51,1) 0%, rgba(146,178,55,1) 24%, rgba(157,187,64,1) 55%, rgba(166,194,78,1) 100%);
		background: radial-gradient(center, ellipse cover, rgba(141,173,51,1) 0%, rgba(146,178,55,1) 24%, rgba(157,187,64,1) 55%, rgba(166,194,78,1) 100%);
	}
	
	.coche:checked ~ .cochelabel i {
		right: -6px;
	}
	
	.coche {
		position:absolute;
		left:-999%;
	}
	

/* MESSAGE */
.message_information, .message_erreur, .message_validation, .message_attention{
	/* Position */
	margin: 5px 0px 5px 0px;
	
	/* Format */
	padding: 5px;
	border-radius:5px;
	text-indent:6px;
	
	/* Police */
	font-weight: bold;
}
	
.message_information:before, .message_erreur:before, .message_validation:before, .message_attention:before {	
	/* Position */
	position:relative;
  	left:-3px;
  	top:3px;
}

.message_information{
	/* Format */
	background-color:#87CEFA;
	border: 2px dotted blue;
	
	/* Police */
	color: blue;
}
	
.message_information:before {
	content:url(../images/message/information_v1.0.png);
}
	
.message_erreur{
	/* Format */
	background-color:#F5A1AD;
	border: 2px dotted red;
	
	/* Police */
	color: red;
}
	
.message_erreur:before {
	content:url(../images/message/erreur_v1.0.png);
}
	
.message_attention{
	/* Format */
	background-color:#FCFF93;
	border: 2px dotted yellow;
}
	
.message_attention:before {
	content:url(../images/message/attention_v1.0.png);
}
		
.message_validation{
	/* Format */
	background-color:#ABDB77;
	border: 2px dotted green;
	
	/* Police */
	color: green;
}
	
.message_validation:before {
	content:url(../images/message/validation_v1.0.png);
}

/* AUTOCOMPLETION */
.ui-autocomplete.ui-widget {
  font-family: Verdana,Arial,sans-serif;
  font-size: 12px;
}
