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

.bloc{
	margin: auto;
	width: 95%;
}

.Left{
	float: left;
	width: 48%;
	text-align: left;
	margin-right: 2%;
}

.Left a, .Left a:visited{
	text-decoration: none;
	color: #666;
}

.Left a:hover{
	text-decoration: underline;
}

.Right{
	float: left;
	width: 48%;
	position: relative;
}

.Right input[type="checkbox"] {       
	visibility: hidden; 
	position: absolute; 
	top: 0; 
	left: 0; 
}

.Right input[type="checkbox"] + label {       
	padding: 4px 0 0 24px; 
}

.Right input[type="checkbox"] + label:before {     
	content: " "; 
	display: inline-block; 
	width: 20px; 
	height: 20px;       
	position: absolute; 
	top: 0; 
	left: 0;       
	background: transparent url(../../images/sprite.svg) 0 -30px no-repeat; 
}

.items{
	float: left;
	width: 30%;
	color: #324c81;
	padding-left: 35px;
}

.titre{
	color: #324c81;
	font-weight: 700;
	border-bottom: 1px solid #324c81;
	padding-bottom: 5px;
}

.titre img{
	vertical-align: middle;
	width: 25px;
	margin-right: 10px;
}

.ajout_invite, .Submit input {
	margin-top: 10px;
	cursor: pointer;
	background-color: #324c81; 
	border: 0; 
	color: #FFF!important;
}

.ajout_invite:hover, .Submit input:hover{
	background-color: #D9F4CA; 
	color: #324c81;
	border: 1px solid #324c81;
	transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-in;
	
	-webkit-box-shadow: -1px 10px 39px 0px rgba(92,198,102,0.5);	
	-moz-box-shadow: -1px 10px 39px 0px rgba(92,198,102,0.5);	
	box-shadow: -1px 10px 39px 0px rgba(92,198,102,0.5);	
}
.Unscribe  {
	font-weight: 700;
}
.Unscribe input {
	margin-top: 10px;
	cursor: pointer;
	background-color: #FF0000; 
	border: 0; 
	color: #FFF!important;
}

.Unscribe input:hover{
	background-color: #F18A8C; 
	color: #FF0000;
	border: 1px solid #FF0000;
	transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-in;
	
	-webkit-box-shadow: -1px 10px 39px 0px rgba(92,198,102,0.5);	
	-moz-box-shadow: -1px 10px 39px 0px rgba(92,198,102,0.5);	
	box-shadow: -1px 10px 39px 0px rgba(92,198,102,0.5);	
} 

.input_invite {
	width: 70%;
	float: right;
	background-color: #ECE8E8;
	border: 2px solid #cccccc;
    border-radius: 4px;
	font: normal normal 18px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #555;
	clear: both;
}

.input_invite:focus, .input_invite_select:focus { 
     border: 2px solid #324c81;
	-webkit-box-shadow: -1px 10px 39px 0px rgba(102,102,102,1);	
	-moz-box-shadow: -1px 10px 39px 0px rgba(102,102,102,1);	
	box-shadow: -1px 10px 39px 0px rgba(102,102,102,1);
} 

.input_invite_select {
	width: 70%;
	float: right;
	background-color: #ECE8E8;
	border: 2px solid #cccccc;
    border-radius: 4px;
	font: normal normal 18px/18px Verdana, Arial, Helvetica, sans-serif;
	color: #555;
	clear: both;
	padding: 5px;
	margin-bottom: 10px;
}

@media screen and (min-width: 1600px) 
{
    /* Tout ce qui est écrit plus haut */
}
/*@media screen and (min-width: 1024px) and (max-width: 1599px)*/
@media all and (min-width: 1024px) and (max-width: 1599px)
{

}

    /* Iphone vertical */
@media screen and (min-width: 480px) and (max-width: 1023px)
{
	
	.Right{
		width: 100%;
	}	
	.Left{
		width: 100%;

	}
}

@media screen and (max-width: 479px)
{
    /* Rédigez vos propriétés CSS ici */
}