/*
	Theme Name: SoftwareHill
	Theme URI: #
	Author: SoftwareHill
	Author URI: http://softwarehill.com
	Description: This theme is created by SoftwareHill.
	*/

/* css pour feedback */

@import url(//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css);

#rating fieldset, #rating label { margin-left:auto; margin-right:auto; padding: 0; }

p.rating {float:none; display:inline-block;margin:0}
#rating .sum {
	display: none;
}

#messageContainer {
	display:none;
}

#formRate {
	background-color: #fff;
	padding:20px;
	border-radius:5px;
}
#formRate input[type="submit"] {
    display:inline-block;
    text-align:center;
    padding:10px;
    margin:10px;
    text-decoration:none;
    background-color:#bcbcbc;
    color:#fff;  	
    border:none;	
}
#formRate .rating label:hover {
	cursor:pointer;	
}
		
#formRate input[type="submit"]:hover{
    background-color:#a8a8a8;	
    cursor:pointer;		
}
.rateWrap, .formRateTitle {
	display: inline-block;
}
.formRateTitle {
	position :relative;
	top : -0.75em
	}
#rating fieldset.rating { 
  border: none;
  display: inline-block;
  margin-left:15px;
}

#rating .rating > input { display: none; } 
#rating .rating > label:before { 
  margin: 5px;
  font-size: 1.25em;
  font-family: FontAwesome;
  display: inline-block;
  content: "\f005";
}

#rating .rating > .half:before { 
  content: "\f089";
  position: absolute;
}

#rating .rating > label { 
  color: #ddd; 
 float: right; 
}

/***** CSS Magic to Highlight Stars on Hover *****/

#rating .rating > input:checked ~ label, /* show gold star when clicked */
#rating .rating > input:checked ~ label,
#rating #formRate .rating:not(:checked) > label:hover, /* hover current star */
#rating #formRate .rating:not(:checked) > label:hover ~ label { color: #FFD700;  } /* hover previous stars in list */

#rating #formRate .rating > input:checked + label:hover, /* hover current star when changing rating */
#rating #formRate .rating > input:checked ~ label:hover,
#rating #formRate .rating > label:hover ~ input:checked ~ label, /* lighten current selection */
#rating #formRate .rating > input:checked ~ label:hover ~ label { color: #FFED85;  } 


#rating {
	width:90%;
	border:1px solid #d2d2d2;
	border-radius :5px;
	margin-left: auto;
	margin-right:auto;
	padding:20px;
	text-align: center;
	background-color: #eee;
	 box-shadow: 1px 1px 18px #c7c7c7 ;
}
.rateTitle {
	font-weight: bold;
	text-align: center;
	font-size:18px;
}

/* fin css pour feedback */


/* Old styles*/
body {
	/*scrollbar-face-color:#000000;*/
	background-color: #fff;
}

/* Apparence bandeau acceptation cookie*/
#messageCnil{
    position: fixed;
    bottom: 0;
    left: 0;
    background-color: #f9f9f9;
    z-index: 999;
    width: 100%;
    text-align: center;
    border-bottom: 1px solid #ebebeb;
    box-shadow: 1px 1px 18px #ebebeb ;
    padding-top: 20px;
    padding-bottom: 20px;
    background-color: rgba(255, 255, 255, 0.9);         
}
    
/* Apparence bouton acceptation cookie*/	
#acceptCookie {
    display:inline-block;
    text-align:center;
    padding:5px;
    margin:10px;
    text-decoration:none;
    background-color:#bcbcbc;
    color:#fff;  		
}
		
#acceptCookie:hover{
    background-color:#a8a8a8;			
}

#messageCnil{
display: none;
}

.compatibilite { 
	font-family: verdana, Helvetica, Arial, Verdana;
	font-size: 12px;
	font-weight: normal;
	color: #273535;
	text-decoration: none;
	}
.compatibilite:hover {
	font-family: verdana, Helvetica, Arial, Verdana; 
	font-size: 12px; 
	font-weight: normal; 
	color: #199D9B; 
	text-decoration: none;
	}
.compatibilite:visited { 
	font-family: verdana, Helvetica, Arial, Verdana; 
	font-size: 12px; 
	font-weight: normal; 
	color: #273535; 
	text-decoration: none;
	}
.compatibilite:visited:hover { 
	font-family: verdana, Helvetica, Arial, Verdana; 
	font-size: 12px; 
	font-weight: normal; 
	color: #199D9B; 
	text-decoration: none;
	}
/* new */

* {
	box-sizing: border-box;
	-moz-box-sizing: border-box; /* Firefox */
}

.wcontent {
	width: 800px;
	margin: 0 auto 15px;
}
h1, h2, h3, h4, .illustration, footer {
	text-align: center;
}
.clear {
clear: both;
}
.feminin {
float: left;
width: 50%;
}
.masculin {
float: right;
width: 50%;
}
.signe {
width: 600px;
margin-left: auto;
margin-right: auto;
}
.pub {
	overflow: hidden;
	text-align: center;
}
.alignJ {
text-align: justify;
}
/* Rules Mobile*/
@media screen and (max-width: 800px) and (min-width:600px) {
	.wcontent {
		width: 100%;
		padding: 5px;
		min-width: 300px;
	}
	
	.signe {
		width: 75%;
	}
	.signe li {
		margin-bottom: 10px;	
	}
}

@media screen and (max-width: 599px)  {
	.wcontent{
		width: 100%;
		padding: 5px;
		min-width: 300px;
	}
	 .signe {
		width: 100%;
	}
	.feminin, .masculin {
		float: none;
		width: 100%;
	}
	.masculin {
		float: none;
		width: 100%;
	}
	h4 {
		text-align: left;	
	}
	.signe li {
		margin-bottom: 10px;	
	}
	
	footer a {
		display: block;	
		margin: 10px;
	}
		
}

.strong {
	font-weight: bold;
}