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

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

body{
	margin: 0;
	padding: 0;
	color: #1e2427;
	font-size: 14px;
    font-family: 'Mulish';
    font-weight: 400;
}

.message{
	font-weight:700;
	color:#e74045;
	margin:5px 0;
}

#content{
    width: 500px;
    margin: 50px auto;
    text-align: center;
}

.result section{
    width: 100%;
    border-bottom:1px solid #c5c5c5;
}

.result section article{
	width:49%;
    height: auto !important;
	display:inline-block;
	vertical-align:top;
	padding:10px;
	margin:0px;
	text-align:center;
    border-bottom:none !important;
    font-size: 18px;
    
}

.result section:nth-child(odd){
    background-color: #f9f9f9 !important;
}

.result section article:nth-child(even){
    font-weight: 700;
}

#content h2{
	/*border-bottom:1px solid #DF343A;*/
	font-size:35px;
    font-family: 'Montserrat';
    font-weight:400;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #DF343A;
}
		
#container {
	width: 760px;
}



section article{
	width:48%;
    height: 480px;
	display:inline-block;
	vertical-align:top;
	padding:10px;
	margin:5px;
	text-align:center;
    border-bottom:1px solid #c5c5c5;
}

section article.dernier{
	width:48%;
	display:inline-block;
	vertical-align:top;
	padding:80px 10px 10px 10px;
	margin:5px;
	text-align:center;
	background-color:#ffffff;
    height: 480px;
    font-family: 'Montserrat';
    position: relative;
}

section article.dernier p{
    font-size: 26px;
}

section article.dernier span{
    font-size: 18px;
    margin: 0 auto;
}

section article.dernier div{
    position: absolute;
    bottom: 10px;
}


section article h2{
	/*border-bottom:1px solid #DF343A;*/
	font-size:22px;
    font-family: 'Montserrat';
    font-weight:400;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: #DF343A;
    margin: 0;
}

section article h3{
    padding: 0 0 10px 0;
	font-weight:700;
	font-size:16px;
    font-family: 'Montserrat';
}

section article a.btn{
    display: block;
    width: 160px;
    margin: 0 auto;
    padding: 10px;
    border: 1px solid #DF343A;
	font-size:15px;
    font-family: 'Montserrat';
	font-weight:400;
	text-transform:uppercase;
    text-decoration: none;
	color:#DF343A;
}



section article a.btn-last{
    display: block;
    width: 220px;
    margin: 0 auto;
    padding: 10px;
    border: 1px solid #DF343A;
	font-size:15px;
    font-family: 'Montserrat';
	font-weight:400;
	text-transform:uppercase;
    text-decoration: none;
	color:#DF343A;
}

img{
    width: 100%;
}

.radio_style {
      position: relative;
}

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

.radio_style input[type="radio"] + label {
      padding: 4px 0 0 2px;
	  cursor:pointer;
}

.radio_style input[type="radio"] + label:before {
      content: " ";
      display: inline-block; width: 23px; height: 23px;
      position: absolute; top: 0; left: 46%;
      background: transparent url(https://www.pyc.fr/WPM/prixdulecteur/2024/images/radiocheckrond.png) 0 0 no-repeat;
}

.radio_style input[type="radio"]:checked + label:before {
      background-position: -23px 0px;
}

#container ul.tous{
	text-align:center;
	padding-left:0;
}

ul.tous{
	/*border:1px solid #232323;*/
}

#container ul li{
	list-style:none;
	padding:2px 8px;
	margin: 8px 0;
    display: inline-block;
}

#container ul li#ancre{
	font-size:14px;
}

#container ul li:first-child{
	font-size:16px;
	font-weight:600;
}

#container ul li input[type=EMAIL]{
	width:250px;
	border:1px solid #ccd1d9;
    padding: 10px;
}


#container ul li input[type=text]{
	width:250px;
	border:1px solid #ccd1d9;
    padding: 10px;
}

#container ul li label{
    font-family: "Montserrat";
    font-weight: 700;
    font-size: 12px;
    color: rgba(35,35,35,0.6);
}

#container input[type=submit] {
			color: #DF343A;
			border: 1px solid #DF343A;
            background-color: #ffffff;
			padding: 4px 26px;
			cursor: pointer;
			text-transform: uppercase;
			font-size: 15px;
			font-family: 'Montserrat', sans-serif;
			font-weight: 400;
		}

/****** PAGE UNIQUE *******/
ul.unique{
	text-align:left !important;
	padding-left:0;
}

.radio_unique {
      position: relative;
}

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

.radio_unique input[type="radio"] + span {
      padding: 4px 0 0 2px;
	  cursor:pointer;
}

.radio_unique input[type="radio"] + span:before {
      content: " ";
      display: inline-block; width: 23px; height: 23px;
      position: absolute; top: 0; left: 0;
      background: transparent url(images/radiocheckrond.png) 0 0 no-repeat;
}

.radio_unique input[type="radio"]:checked + span:before {
      background-position: -23px 0px;
}

.retour{
	font-weight:700;
	color:#232323;
	font-size: 15px;
}

.report{
    color: #DF343A;
    font-weight: 700;
    padding: 10px 0;
}