h1 {
	font-family: 'aaux_black', sans-serif;
	font-weight: bold;
	font-size: 36px;
}
 h3 {    
	font-family: 'buenos_aireslight', sans-serif;
    font-weight: bold;
    color: #000;
    margin: 1.5em 0 0.5em 0;
}

.container_wrap {
	background-color: #ffffff;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
p {
	color: #565555;
	font-size: 15px;
	
	padding-top: 0;
}


label p{
	color: #565555;
	font-size: 15px;
	line-height: 35px;
}

.merci {
	color: #f34e9a;
	font-size: 30px;
	line-height: 25px;
	margin-top: 30px;
}

.liste-deroulante{
	margin-bottom: 0px !important;
}


.liste-deroulante p{
	margin-bottom: 0px !important;
}

.p-titre {
	color: #565555;
	font-size: 15px;
	line-height: 25px;
	padding: 30px 0px 0px 15px;
}

.p-champ {
	color: #565555;
	font-size: 15px;
	line-height: 25px;
	padding-top: 5px;
}

a {
	color: #f04e99;
	font-size: 15px;
	line-height: 25px;
	text-decoration: underline;
}
a:hover {
    color: #f04e99;
    text-decoration: underline;
}


.top-head img{
	width: 100%;
	max-width: 1060px;
}


.videoWrapper {
  position: relative;
  padding-bottom: 56.25%; /* 16:9 */
  height: 0;
}
.videoWrapper iframe {
  position: absolute;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
}

ul {
	color: #565555;
	line-height: 25px;
}

ol {
	padding-left: 0px;
}

ol li {
	color: #565555;
	font-size: 15px;
	line-height: 25px;
}

p span{
	color: #f34e9a;
	font-size: 15px;
	line-height: 25px;
}

.rbc{
	width:12%;
	max-width: 45px;
	min-width: 15px;
}



.logos{
	width:27%;
	max-width: 120px;
	min-width: 20px;
}

.logos2{
	
	max-width: 160px;
	min-width: 20px;
}

.logos3{
	
	max-width: 120px;
	min-width: 20px;
}

.logos4{
	
	max-width: 130px;
	min-width: 20px;
}

.logoYulex
{
	max-width: 90px;
	min-width: 20px;
}

 .services-acclr-int{
	width:100%;
	min-width: 120px;
	padding: 10px 0px;
}


.partenaires{
	margin-right: 0px !important;
	padding-top: 10px;
}


.div-soutenu{
	padding:0px 20px;
	background-color: #eeeeee;
}

.div-nationaux{
	padding:10px;
}

.titre-commandites {
	color: #000;
	font-size: 15px;
	line-height: 25px;
	padding-top: 5px;
}

.form-control{
	border: solid 2px #f34e9a;
	opacity: 0.7;
}

.styled-select.slate select{
    border: solid 2px #f34e9a;
	
}

.bouton-spacing{
    padding-top: 0px;
}


.div-soutenu p {padding-top:20px;}

.top-head {
	
}

.top-head2 {
	color: #000;
	padding: 25px 0 20px 50px;
	
}

.top-head2 p {
	color:#000000;
	
}

.top-head h1 {
	text-transform: uppercase;
}
.btn_envoyer.ajout {
	height: 51px;
}

label.inline { display:inline-block; }

label {
	margin-bottom: 0;
	display: inline;
	padding-bottom: 15px;
	
}
hr {
	margin-top: 15px;
	margin-bottom: 10px;
	border: 0;
	border-top: 1px solid #646464;
}

.signature{
	display: inline-table !important;
	width: 40% !important;
	min-width: 200px;
}

.date{
	display: inline-table !important;
	width: 20% !important;
	padding: 0px 12px !important;
	opacity: 0.5 !important;
	min-width: 140px
}


.info {
	cursor: pointer;
}
.info img {
	width: 22px;
	margin: 5px 0 5px 10px;
}
.wrap {
	padding: 0 40px 15px;
	background: #ffffff;
	padding-top: 10px;
}
.container {
	max-width: 975px;
	background-color: #ffffff;
}
.top {
	background: #f81533;
	color: #fff;
	text-transform: uppercase;
	padding: 10px 0;
}
.top h1 {
	margin: 5px 0;
	font-size: 17px;
	text-align: center;
}
.btn_envoyer {
	font-family: buenos_aireslight, sans-serif;
	letter-spacing: 2px;
	text-transform: uppercase;
	background-color: #f34e9a;
	text-align: center;
	color: #ffffff;
	padding: 2% 5%;
	font-size: 13px;
	text-decoration: none;
	border: 0px;
	margin: 10px 0 20px;
	width: 100%;
	min-width: 150px;
}
.no_margin {
	margin: 0;
}
input {
	border: 1px solid #d1d1d1;
	padding: 5px;
}
input[type="text"], textarea {
	width: 100%;
}
input.small[type="text"] {
	max-width: 200px;
}

input[type=checkbox] {
	width: 20px;
	height: 20px;
	vertical-align: middle;
	position: relative;
	bottom: 4px;
}

.bg_gris {
	background: #f1f1f1;
	padding: 20px;
}
.bg_gris p {
	margin-bottom: 0;
}
.clear {
	clear: both;
}
/*input[type=radio] {
	display: none;
}
input[type=radio] + span {
	display: inline-block;
	border: 1px solid #d1d1d1;
	border-radius: 50%;
	margin: 0 0.2em -5px 0;
}
input[type=radio]:checked + span {
	background-color: #e15c98;
}
.radio {
	width: 1.3em;
	height: 1.3em;
}*/
.date_naissance input {
	width: 20%;
	margin-right: 10px;
}
.styled-select {
	background: url(https://acclr.ccmm.ca/~/media/Images/Sections/PAC/Form/arrow.jpg) no-repeat 100% 0;

	overflow: hidden;
	width: 100%;
	margin-bottom: 0px;
}
.styled-select.small {
	max-width: 200px;
}
.styled-select.slate select {
	border: 1px solid #ccc;
	font-size: 16px;
	height: 32px;
	width: 125%;
}
.styled-select select {
	background: transparent;
	border: none;
	font-size: 14px;
	height: 29px;
	padding: 5px;
	width: 268px;
}
/* Checkbox rond */

.round {
	position: relative;
	margin-bottom: 25px;
}
.round label {
	background-color: #fff;
	border: 1px solid #ccc;
	border-radius: 50%;
	cursor: pointer;
	height: 28px;
	left: 0;
	position: absolute;
	top: -3px;
	width: 28px;
}
.border {
	border: 1px solid #333;
	padding: 20px 0;
	margin-bottom: 10px
}
.round label:after {
	border: 4px solid #333;
	border-top: none;
	border-right: none;
	content: "";
	height: 8px;
	left: 7px;
	opacity: 0;
	position: absolute;
	top: 8px;
	transform: rotate(-45deg);
	width: 12px;
}
.ajout_retirer {
	position: absolute;
	top: 27px;
	right: 44px;
}
.round input[type="checkbox"] {
	visibility: hidden;
	margin-right: 10px;
}
round input[type="checkbox"]:checked + label {
  background-color: #66bb6a;
  border-color: #66bb6a;
}

.round input[type="checkbox"]:checked + label:after {
	opacity: 1;
}
.round span {
	padding-left: 35px;
	width: 300px;
	display: block;
	margin-bottom: 10px;
	padding-top: 3px;
}
.social-medias {
	padding-left: 0;
}
.social-medias li:first-child {
	margin-left: 0;
}
.social-medias li {
	display: inline-block;
	width: 37px;
	height: 37px;
	margin: 7px;
	color: inherit;
}


/* - Chrome 
   - Safari 5-10.0
   - iOS Safari 4.2-10.2
   - Opera 15-43
   - Opera Mobile >12
   - Android Browser 2.1-4.4.4
   - Samsung Internet
   - QQ Browser */
::-webkit-input-placeholder {
 color: #666;
 font-weight: 400;
}

/* Firefox 4-18 */
:-moz-placeholder {
 color: #666;
 font-weight: 400;
}

/* Firefox 19-50 */
::-moz-placeholder {
 color: #666;
 font-weight: 400;
}

/* - Internet Explorer 10–11
   - Internet Explorer Mobile 10-11 */
:-ms-input-placeholder {
 color: #666 !important;
 font-weight: 400 !important;
}

/* Edge (also supports ::-webkit-input-placeholder) */
::-ms-input-placeholder {
 color: #666;
 font-weight: 400;
}

/* CSS Pseudo-Elements Level 4 Editor's Draft */
::placeholder {
 color: #666;
 font-weight: 400;
}
.wrap_mot_cle .col-lg-6 {
	padding-bottom: 10px;
}

@media (max-width: 640px) {
.date_naissance input {
	width: 100%;
}
.styled-select {
	padding-left: 0;
}
.round span {
	width: 100%;
	min-width: 150px;
}
.round input[type="checkbox"] {
	display: none;
}
.round label {
	position: relative;
}
}

/* CSS Document */
/* =============================================================================
   HTML5 
   ========================================================================== */
   
article, aside, figure, footer, header, hgroup, nav, section {
    display:block;
}


/* =============================================================================
   GÉNÉRAL
   ========================================================================== */
   h1, h2, h3, h4{
    font-family: Arial,Tahoma,sans-serif;

   }
   
input[type=text]{
    width: 95%;
    padding: 12px 20px;
    margin: 5px 0 15px 0;
    display: inline-block;
    border-radius: 1px;
    box-sizing: border-box;
	border: 1px solid #f04e98;
}

#no_employe, #code_postal{
   width: 45%;
 	}

input[type=text]:focus {
    border: 1px solid #c8c8c8;
}


select {
    width: 95%;
    padding: 12px 20px;
    margin: 5px 0 15px 0;
    display: inline-block;
    border-radius: 1px;
    box-sizing: border-box;
	border: 1px solid #000000;
	max-width: 550px;
}


  header img{
    width:100%;
      max-width: 297px;  
      min-width: 100px;
  }

   h1{
    color: #ffffff;
    font-family: 'aaux_medium', sans-serif; 
    font-size: 33px;
    line-height: 1;
    text-transform: uppercase;
    padding-top: 60px;
   }
   
   h4{
    color:#FF9900;
    text-align: left;
   }

   .titre_1{
       color:#000000;
    text-align: left;
   margin:1px;

   }
   
   .titre_1_normal{
    text-align: left;
   margin:1px;

   }

   .titre_2{
    text-align: right;
   margin: 1px 0 10px;
   }


   
body {
    width: 100%;
    color:#000;
    background:#e5e5e5;
    margin: 10px auto;

}

header{
    margin: 0 auto;
    width:100%;
    background-color: #e5e5e5;

}

header div {
padding: 25px 30px;
max-width: 860px;
margin: 0 auto;
background-color: #000000;
}

footer{
    margin: 0 auto;
    width:100%;
    background-color: #ffffff;
}

footer div img{
  padding-right: 130px;
  padding-bottom: 50px;
  width:100%;

}


footer div {
padding: 25px 50px;
max-width: 860px;
margin: 0 auto;
background-color: #ffffff;
}

section {
    padding: 25px 50px;
    padding: 0;
    margin: 0 auto;
}

.obligatoire{
    color:#db1045;
    vertical-align: middle;
    font-size:14px; 
  }

/*section {
    margin: 0 auto;
    width:90%;
    max-width: 960px;
    background:#ffffff; 
    padding: 0 5px 10px;  


}*/

/*
.confirmation{
    color:#000000;
    padding: 25px 50px;
    margin: 0 auto;
    max-width: 1200px;

}
*/



.confirmation_frase{
  color:#000000;
    margin: 0 auto;
    max-width: 860px;
    padding: 25px 30px;
    /*color:#000000;
        padding: 2%;*/
}

table{
    width:100%;
}
tr{
    width:100%;
}
td{
    width:50%;
    vertical-align: bottom;
        margin-top: 10px;
		padding-right: 5px;
}

.wtca td{
    width: auto;
    vertical-align: top;
        margin-top: 10px;
		padding-right: 5px;
}

checkbox, .radio {
    
   display: table-cell;
    
}

.radio {
    margin-top: 10px;
    padding: 20px 0 25px;
}

label {font-weight:normal}


p {
    font-size:15px;
 
    color:#000000;
}

.frase_fin{
  max-width:1000px;
 
}



/* =============================================================================
   RESET FORMULAIRE 
   ========================================================================== */
   
form, fieldset, legend, input, label, textarea {
    margin:0;
    padding:0;
    border:none;
    outline:0;
    font-size:1em;
    
    letter-spacing:.075em;
}
form ul, form ol {
    margin:0;
    padding:0;
    list-style: none;
}

/* =============================================================================
   STYLES FORMULAIRE 
   ========================================================================== */
   
   /* Groupes de champs */
   
fieldset {
max-width: 860px;
margin: 0 auto;
padding:15px;
position:relative;

}

    /* Légendes des goupes de champs */

legend {
    font-size:.875em;
    font-weight:bold;
    color:#FFFFFF;
    text-transform:uppercase;
    padding:15px;
    
background-color:#F81533;
margin-top: 10px ;
width: 95%;

    
}

    /* Éléments de listes contenant les champs */

form li {
    margin:15px 0;
    overflow:hidden;
}

    /* Étiquettes liées aux champs */

label, fieldset p {
    font-size: 15px;;
    color:#000000;
    margin: 10px 15px 0 0;

}

    /* Champs du formulaire */

input {
    font-size: .875em;
    color:#575737;
    padding: 5px;
    width: 95%;
    max-width: 550px;
    border: 3px groove #ffffff;
}

textarea{
    font-size: .875em;
    color:#575737;

    width: 99%;
    max-width: 550px;
    border: 3px groove #ffffff;
}




/* =============================================================================
   BOUTONS RADIO
   ========================================================================== */

.radio{
    margin-top:10px;
padding: 20px 0 15px;
}
.radio li label{
    font-weight:normal;
}
.radio input{
    width:auto;
    margin-right:5px;
	  -webkit-appearance: radio;
}

/* =============================================================================
   CASES À COCHER
   ========================================================================== */

.checkbox {
    margin-top:10px;
}
.checkbox li {
    margin: 0 0 15px 15px;
}
.checkbox li label{
    font-weight:normal;
}
/*
input[type="checkbox"]{
    width:auto;
    margin-right:5px;
}
*/

/* =============================================================================
   BOUTON ENVOYER
   ========================================================================== */

fieldset#envoyer {
    margin:0;
    border:none;
    background:none;
}


/*.red_1{
  font-family: 'aaux_medium', sans-serif; 
  color:#f81533;
  line-height: 5px;
}

.red_2{
    font-family: 'aaux_light', sans-serif; 
  color:#f81533;
    line-height: 25px;
}*/



.red_1{
    font-size: 33px;
   
    color:#f81533;
    line-height: 5px;
    margin:40px 0 25px;
	   padding-top: 0px;
    }
.red_2{
    font-size: 25px;
   
    color:#f81533;
    line-height: 25px;
    margin:35px 0 22px;
    }

.invite{
	margin-bottom: 15px;
	
	font-size: 16px;
}


.black_1{
  color:#000000;
 line-height: 20px;
        
}

.black_2{
  color:#000000;
       
}

.black_2 a{
  color:#000000;
         

}

.black_2 a:hover{
  opacity: 0.6;
}


.black_3{
  color:#000000;
   
  font-size: 17px;
}

.black_3 a{
  color:#000000;
         

}

.black_3 a:hover{
  opacity: 0.6;
}

.btn_envoyer{
    font-family: buenos_aireslight, sans-serif;
    letter-spacing: 2px;
    text-transform: uppercase;
    background-color: #f81533;
    text-align: center;
    color: #ffffff;
    padding: 15px 50px;
    font-size: 13px;
    text-decoration : none;
    border: 0px;
    margin: 20px 0;
    width:50%;
    min-width: 150px;
}

.btn_envoyer1{
    font-family: buenos_aireslight, sans-serif;
    letter-spacing: 2px;
    text-transform: uppercase;
    background-color: #f04e98;
    text-align: center;
    color: #ffffff;
    padding: 15px 50px;
    font-size: 13px;
    text-decoration : none;
    border: 0px;
    margin: 20px 0;
    width:50%;
    min-width: 150px;
}

.btn_envoyer:hover {
            opacity: 0.8;
}

.holder_btn{
    padding:2% 0;
}

@media screen and (max-width: 768px) {
	.en_colla {margin-top: 30px;}	
	
}

@media screen and (max-width: 640px) {
td, checkbox, .radio{
    width:100%!important;
    display:block;
    margin-top: 10px;
}


.btn_envoyer{
    font-family: buenos_aireslight, sans-serif;
    letter-spacing: 2px;
    text-transform: uppercase;
    background-color: #f04e98;
    text-align: center;
    color: #ffffff;
    font-size: 13px;
    text-decoration : none;
    border: 0px;
    width:100%;
    min-width: 150px;
}

	.btn_envoyer1 {
		font-family: buenos_aireslight, sans-serif;
		letter-spacing: 2px;
		text-transform: uppercase;
		background-color: #f04e98;
		text-align: center;
		color: #ffffff;
		font-size: 13px;
		text-decoration: none;
		border: 0px;
		width: 100%;
		min-width: 150px;
	}

input, textarea {
  -webkit-appearance: none;
  -webkit-border-radius: 0;
}

   h1{
    color: #ffffff;
    font-family: 'aaux_medium', sans-serif; 
    font-size: 21px;
    line-height: 1.1;
    text-transform: uppercase;
    padding-top: 30px;
   }

footer div img{
  padding:20px;
  width:90%;

}



}

.checkbox label, .radio label {
    min-height: 0;
    padding-left: 0;
    margin-bottom: 0;
    font-weight: 400;
    cursor: pointer;
}

.radio input[type=radio]{
    position: relative;
    margin-top: 0;
    margin-left: 0;
}

/* PARTENAIRES */
.partenaires .in-collaboration {
	position: relative;
	width: 100%;
	margin-bottom: 50px;
}

	.partenaires .in-collaboration:first-child {
		margin-top: 50px;
	}

	.partenaires .in-collaboration p {
		line-height: 1;
		padding-top: 0;
	}

.partenaires .in-collaboration__list {
	display: flex;
	flex-wrap: wrap;
	list-style: none;
	padding: 0;
}

.partenaires .sponsor {
	width: 33%;
	text-align: center;
	vertical-align: middle;
	border: solid 1px #c8c8c8;
	padding: 25px 10px;
}

	.partenaires .sponsor.w25 {
		width: 25%;
	}

.partenaires .in-collaboration a {
	display: inline-block;
	width: 100%;
	height: 100%;
	vertical-align: middle;
}

.partenaires .in-collaboration img {
	max-width: 100%;
	max-height: 100%;
	object-fit: cover;
}
/* - Chrome 
   - Safari 5-10.0
   - iOS Safari 4.2-10.2
   - Opera 15-43
   - Opera Mobile >12
   - Android Browser 2.1-4.4.4
   - Samsung Internet
   - QQ Browser */
::-webkit-input-placeholder {
	color: #666;
	font-weight: 400;
}

/* Firefox 4-18 */
:-moz-placeholder {
	color: #666;
	font-weight: 400;
}

/* Firefox 19-50 */
::-moz-placeholder {
	color: #666;
	font-weight: 400;
}

/* - Internet Explorer 10–11
   - Internet Explorer Mobile 10-11 */
:-ms-input-placeholder {
	color: #666 !important;
	font-weight: 400 !important;
}

/* Edge (also supports ::-webkit-input-placeholder) */
::-ms-input-placeholder {
	color: #666;
	font-weight: 400;
}

/* CSS Pseudo-Elements Level 4 Editor's Draft */
::placeholder {
	color: #666;
	font-weight: 400;
}

.wrap_mot_cle .col-lg-6 {
	padding-bottom: 10px;
}

@media (max-width: 640px) {
	.date_naissance input {
		width: 100%;
	}

	.styled-select {
		padding-left: 0;
	}

	.round span {
		width: 100%;
		min-width: 150px;
	}

	.round input[type="checkbox"] {
		display: none;
	}

	.round label {
		position: relative;
	}

	.partenaires .sponsor {
		width: 50%;
	}

		.partenaires .sponsor.w25 {
			width: 35%;
		}
}