body
{
background-image:url("../pictures/setting_picture/fond.jpg");
  background-attachment:fixed;
  background-repeat:no-repeat;
  background-position:100% 100%;
  background-size:cover;
}

caption
{
	color: silver;
text-align: center;
}

table /* le tableau */
{
	text-align: center;
}

.tablethead
{
	color: white;
}

table thead tr th
{
	text-align: center; /* cellules de l'entete */
	text-shadow: 0px 1px 2px black;
}

tbody tr /*chaque ligne du body */
{
	background: white;
	color: #36BBD9;
}

.listeoeuvre:hover /* survole du hover */
{
	background: #36BBD9;
	color : white;
}

.listg
{
	background: #a7cfdf; /* Old browsers */
background: -moz-linear-gradient(top, #a7cfdf 0%, #23538a 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#a7cfdf), color-stop(100%,#23538a)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #a7cfdf 0%,#23538a 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #a7cfdf 0%,#23538a 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #a7cfdf 0%,#23538a 100%); /* IE10+ */
background: linear-gradient(to bottom, #a7cfdf 0%,#23538a 100%); /* W3C */


	border-radius: 7px;
	border: 1px solid grey;
	box-shadow: 0px 0px 2px dimgrey;
	margin-left:1%;
	margin-right: 0.5%;
	padding: 3%;
}

.chosen-select /* les select */
{
	width : 20%;
}

.listg legend
{
	color: white;
}

input
{	
	border-radius: 5px;
	vertical-align: middle;
	border: 1px solid silver;
	height : 30px;
}

.listRecherche
{
	margin: 1%;
	padding : 1%;
	background: white;
	border-radius: 7px;
	border: 1px solid grey;
	box-shadow: 0px 0px 2px dimgrey;
}

.filtred
{
	background: #eeeeee; /* Olbd browsers */
	background: -moz-linear-gradient(top, #eeeeee 0%, #cccccc 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#cccccc)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #eeeeee 0%,#cccccc 100%); /* IE10+ */
	background: linear-gradient(to bottom, #eeeeee 0%,#cccccc 100%); /* W3C */
	margin : 1%;
	padding: 1%;
	border-radius: 3px;
	border: 1px solid grey;
	box-shadow: 0px 0px 2px dimgrey;
}

.princ
{

	background: white;
	border-radius: 7px;
	border: 1px solid grey;
	box-shadow: 0px 0px 2px dimgrey;
	margin-left:0.5%;
	margin-right: 1%;
	padding: 2%;
}

.jeux
{
	margin: 1%;
	padding: 1%;
	background: white;
	border-radius: 7px;
	border: 1px solid grey;
	box-shadow: 0px 0px 2px dimgrey;
}

.comboSearch
{
	float: left;
	margin: 1%;
	width : 15%;
}


.mesFiltres
{
	width : 20%;
	border: 1px solid black;
	margin: 2%;
}

.icon_del
{
	height: 20px;
	width: 20px;
}


/* ----------------------------  switch checkbox ---------------------------------*/

.ios7-switch {
    display: inline-block;
    position: relative;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    -webkit-tap-highlight-color: transparent;
    tap-highlight-color: transparent;
    font-size: 18px;
}

.ios7-switch input {
    opacity: 0;
    position: absolute;
}

.ios7-switch input + span { /* le fond */
    position: relative;
    display: inline-block;
    width: 1.65em;
    height: 1em;
    background: white;
    box-shadow: inset 0 0 0 0.0625em #e9e9e9;
    border-radius: 0.5em;
    vertical-align: -0.15em;
    transition: all 0.40s cubic-bezier(.17,.67,.43,.98);
}

.ios7-switch:active input + span,
.ios7-switch input + span:active {
    box-shadow: inset 0 0 0 0.73em #e9e9e9;
    
}

.ios7-switch input + span:after { /* le cercle */
    position: absolute;
    display: block;
    content: '';
    width: 0.875em;
    height: 0.875em;
    border-radius: 0.4375em;
    top: 0.0625em;
    left: 0.0625em;
    background: white;
    box-shadow: inset 0 0 0 0.03em rgba(0,0,0,0.1),
                0 0 0.05em rgba(0,0,0,0.05),
                0 0.1em 0.2em rgba(0,0,0,0.2);
    transition: all 0.25s ease-out;
}

.ios7-switch:active input + span:after,
.ios7-switch input + span:active:after {
    width: 1.15em;
}

.ios7-switch input:checked + span {
    box-shadow: inset 0 0 0 0.73em #4cd964;
}

.ios7-switch input:checked + span:after {
    left: 0.7125em;
}

.ios7-switch:active input:checked + span:after,
.ios7-switch input:checked + span:active:after {
    left: 0.4375em;
}

/* accessibility styles */
.ios7-switch input:focus + span:after {
    box-shadow: inset 0 0 0 0.03em rgba(0,0,0,0.15),
                0 0 0.05em rgba(0,0,0,0.08),
                0 0.1em 0.2em rgba(0,0,0,0.3);
    background: #fff;
}

.ios7-switch input:focus + span {
    box-shadow: inset 0 0 0 0.0625em #dadada;
}

.ios7-switch input:focus:checked + span {
    box-shadow: inset 0 0 0 0.73em #33be4b;
}

/* reset accessibility style on hover */
.ios7-switch:hover input:focus + span:after {
    box-shadow: inset 0 0 0 0.03em rgba(0,0,0,0.1),
                0 0 0.05em rgba(0,0,0,0.05),
                0 0.1em 0.2em rgba(0,0,0,0.2);
    background: #fff;
}

.ios7-switch:hover input:focus + span {
    box-shadow: inset 0 0 0 0.0625em #e9e9e9;
}

.ios7-switch:hover input:focus:checked + span {
    box-shadow: inset 0 0 0 0.73em #4cd964;
}



/*Chosen width fix*/
/* Fix  width bug */
.chosen-container, .chosen-drop, .chosen-drop .chosen-search, .chosen-drop {
  width: 220px !important;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

/* Input Box has to be slightly smaller, don't know why and I don't care. */
.chosen-search input {
    width: 210px !important;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}

/* Override width of the whole thing */
.chosen-container { width:220px !important; }


/*For image picker rezise*/
.thumbnails li img{
    width: 100px;
}
