/**************************************************************************************************************************/
/***Modification de mise-en-page.CSS pour les écrans < à 549px de large*******************************************************************/
/**************************************************************************************************************************/
body {
	border:0px solid green; 
}
div.responsiveframe {
	width:100%;/***Responsive desing********/
	margin:auto;	
}

.colonne-gauche {
	float:none;
	width:auto;
	text-align:inherit;
}
.colonne-droite {
	margin-left:0;
}

/**************************************************************************************************************************/
/***Mise en page pour le header********************************************************************************************/
/**************************************************************************************************************************/

header img {
	position:relative;
	z-index:0;
	
}
header nav>ul#menu-menu-du-haut{
	border:0px solid pink;
	top:10em;
	bottom:0;
	left:0;
	background-color:#172239;
	opacity:1;
	padding:0;
}
header nav>ul#menu-menu-du-haut>li{
	padding-left:3em;
	background-color:#172239;
}		
header nav>ul#menu-menu-du-haut>li:last-child  {
	padding-bottom:3em;
}
	
	
/**************************************************************************************************************************/
/***Mise en page pour section (caroussel)**********************************************************************************/
/**************************************************************************************************************************/
/* Toutes les images du caroussel pour ce design doivent faire 1800x750px */
section {}    

/**************************************************************************************************************************/
/***Mise en page pour main*************************************************************************************************/
/**************************************************************************************************************************/



/******************desing spécifique : page une course********************************************************************/
body.single.category-les-courses>main {
	border:0px solid red;
}

/* caractéristiques techniques*/
body.single.category-les-courses>main .ct{
	border:0px solid blue;
	display:grid;
	float:none;
	width: auto;
	clear: none;
	margin:0;
	padding:0;
}

/* caractéristiques générales */
body.single.category-les-courses>main .cg{
	border:0px solid maroon;
	display:grid;
	float:none;
	width: auto;
	clear: none;
	margin:0;
	padding:0;
}

/*****************Desing spécifique : page s'inscrire*********************************************************************/
body.page-id-11>main {
	border:0px solid yellow; 
} 
body.page-id-11 > main fieldset {
  border: 1px dotted gray;
  margin: 2em 0 2em 0;
  padding-left: 2em;
}
body.page-id-11 > main legend {
  font-size: 2em;
  padding: 1em;
  margin-left: 1em;
}

body.page-id-11>main .libelle {
	margin-top:2em;
	font-weight:bold;
} 
body.page-id-11>main .obligatoire {
	font-weight:bold;
	color:red;
}
body.page-id-11>main input {
	margin-left:0;
}
body.page-id-11>main fieldset ul {
	display: block; /* 1 colonne */
	padding: 0;
	margin: 0;
}	
.wpcf7-list-item{
	margin:0 !important;
}
body.page-id-11>main fieldset ul>li {
	border:0px solid red;
	background:none;
	padding-left:0;
}	
body.page-id-11> main fieldset ul>li+li {
	margin-top: .75em;
}

body.page-id-11 > main fieldset dl {
	border:0px solid green;
	display: block;
	margin: 0;
}

body.page-id-11>main fieldset dt { 
	float: none; 
	width: auto; 
	clear: none;
	margin:0;
	padding:0;
	margin-top: 0.75em; /* Espacements compacts (en em) */
 } 
body.page-id-11>main fieldset dd {
	border:0px solid blue;
	float: none;
	width: auto;
	clear: none;
	margin:0;
	padding:0;
	margin-top: 0.25em;/* Espacements compacts (en em) */
}

/* Réinitialiser les <p> internes (CF7 met beaucoup de <p>) */

body.page-id-11 > main fieldset dt>p{
	border:0px solid maroon;
	margin:0;
}
body.page-id-11 > main fieldset dd>p{
	border:0px solid maroon;
	margin:0;
}
/*  Labels longs : autoriser le retour à la ligne */
body.page-id-11 > main fieldset dt label {
  display: block;
  white-space: normal;
  overflow-wrap: anywhere; /* casse même sur mots très longs */
  word-break: normal;
}

/* Champs pleine largeur (sauf radios/checkbox) */

body.page-id-11 > main input[type="text"],
body.page-id-11 > main input[type="email"],
body.page-id-11 > main input[type="tel"],
body.page-id-11 > main input[type="url"],
body.page-id-11 > main input[type="password"],
body.page-id-11 > main input[type="number"],
body.page-id-11 > main select,
body.page-id-11 > main textarea {
  width: 100%;
  max-width: 100%;
  box-sizing: border-box;
}

/* Groupes radio/checkbox dans les <dd> */

body.page-id-11 > main fieldset dd ul {
  list-style: none;
  padding: 0;
  margin: 0;
}
body.page-id-11 > main fieldset dd ul > li + li { margin-top: 0.5em; }
body.page-id-11 > main .wpcf7-list-item { display: block; margin: 0.5em 0 !important; }

/* 7) Sécurité : neutraliser d’anciens décalages éventuels */
body.page-id-11 > main fieldset [style*="float"] { float: none !important; }
body.page-id-11 > main fieldset [style*="margin-left"] { margin-left: 0 !important; }

body.page-id-11>main fieldset ul#tarifs-list{
	border :0px solid blue;
	display:block;
}
body.page-id-11 .wpcf7-checkbox .wpcf7-list-item label::after {
  content: " *";
  color: red;
  font-weight: bold;
}
/**************************************************************************************************************************/
/***Mise en page pour aside ******************/
/**************************************************************************************************************************/	
aside li {
	border:0px solid red;
	box-sizing: content-box;
	height:auto;
}

aside li:first-child img {
    float: none; 
    width: 100%; 
}
aside li:first-child figcaption {
    margin-left: 1em;
    width:auto;	
	margin-right:1em;
}
aside li:nth-child(2) img {
    float: none; 
    width: 100%;
}
aside li:nth-child(2) figcaption {
	width:auto;
	margin-left:1em;
	margin-right:1em;
}

aside p,aside h2 {
	width:auto;
	margin-left:0;
}








/**************************************************************************************************************************/
/***Mise en page pour footer***********************************************************************************************/
/**************************************************************************************************************************/



/************************************************SECTION 1*****************************************/

footer section:first-child {
	width: auto; 
	float:none;
	height:auto;						
}


/**********************Style pour la navigation*********/


/********************Style pour partenaires*******/



/*********************Style pour reseaux********/




footer section:first-child div.reseaux ul>li {
	float:none;
}
 
 
/***********************************************SECTION 2****************************************/
footer section:nth-child(2) {
	width: auto; /* La navigation prend 30% de la largeur totale */
	float:none;
}
/*******************Style  de l'adresse*************/


/*******************Style  des logo************/
footer section:nth-child(2) div.logo { 
	border :0px solid white;
	background-color:white;
}
footer section:nth-child(2) div.logo ul { 
	border :0px solid yellow;
	height:405px;
}
footer section:nth-child(2) div.logo ul>li { 
	border :0px solid pink;
}
footer section:nth-child(2) div.logo ul>li>a>img { 
	border :0px solid black;
}
footer section:nth-child(2) div.logo ul li:first-child a img {
    border: 0px solid red;
    width: 25%;
    float: left;
    margin-top: 5em;
	margin-left:1em;
	margin-right:1em;
	margin-bottom:5em;
} 
footer section:nth-child(2) div.logo ul li:nth-child(2) a img {
    border: 0px solid red;
    width: 25%;
    float: left;
    margin-top: 3.5em;
	margin-bottom:5em;	
}
footer section:nth-child(2) div.logo ul li:nth-child(3) a img {
    border: 0px solid red;
    width: 28%;
    float: right;
    margin-top: 4.5em;
	margin-bottom:5em;
	margin-right:1em;  
}
footer section:nth-child(2) div.logo ul li:nth-child(4) a img {
    border: 0px solid red;
    width: 40%;
    float: left;
	clear: both;/* S'assure que cette section est en dessous des sections flottantes */
	margin-left:1.2em;
	margin-bottom:3em;
}
footer section:nth-child(2) div.logo ul li:nth-child(5) a img {
    border: 0px solid red;
    width: 40%;
    float: right;
	margin-right:1em;	  
}
footer section:nth-child(2) div.logo ul li:nth-child(6) a img {
    border: 0px solid red;
    width: 20%;
	clear: both;/* S'assure que cette section est en dessous des sections flottantes */
    float: left;
	margin-left:1.2em;
	margin-top:3em;
}
footer section:nth-child(2) div.logo ul li:nth-child(7) a img {
    border: 0px solid red;
    width: 30%;	
    float: left;
	margin-left:3em; 
	margin-top:3.5em;
}
footer section:nth-child(2) div.logo ul li:nth-child(8) a img {
    border: 0px solid red;
    width: 20%;	
    float: right;
	margin-left:1em;
	margin-right:1em;
	margin-top:2.5em;
}
/************************************************Figure*****************************************/

footer figure {
	width: auto; /* La navigation prend 33% de la largeur totale */
	margin-left:0;
}

footer figure>img {
	border:0px solid red;
	width: 100%; /* L'image occupe toute la largeur de son conteneur */
 } 
 
/*******************************************Mentions légales**********************************************/