/*
Theme Name: asso-acmm
Theme URI: 
Author: Claire Bizingre
Author URI: www.accesbilis.fr
Description: Thème personnalisé du site asso-acmm.fr
Version: 1.0
License: Propriété de l'ACMM
*/

@font-face {
    font-family: 'loraregular';
    src: url('fonts/lora/lora-regular-webfont.eot');
    src: url('fonts/lora/lora-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lora/lora-regular-webfont.woff2') format('woff2'),
         url('fonts/lora/lora-regular-webfont.woff') format('woff'),
         url('fonts/lora/lora-regular-webfont.ttf') format('truetype'),
         url('fonts/lora/lora-regular-webfont.svg#loraregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: "texgyreadventorregular";
    font-style: normal;
    font-weight: normal;
    src: url("fonts/font-texgyreadventor/texgyreadventor-regular-webfont.eot?#iefix") format("embedded-opentype"), 
			url("fonts/font-texgyreadventor/texgyreadventor-regular-webfont.woff") format("woff"), 
			url("fonts/font-texgyreadventor/texgyreadventor-regular-webfont.ttf") format("truetype"), 
			url("fonts/font-texgyreadventor/texgyreadventor-regular-webfont.svg#texgyreadventorregular") format("svg");
}

@font-face {
    font-family: 'geosanslightregular';
    src: url('fonts/font-geosanslight/geosanslight-webfont.eot');
    src: url('fonts/font-geosanslight/geosanslight-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/font-geosanslight/geosanslight-webfont.woff') format('woff'),
         url('fonts/font-geosanslight/geosanslight-webfont.ttf') format('truetype'),
         url('fonts/font-geosanslight/geosanslight-webfont.svg#geosanslightregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'didact_gothicregular'; /* le corps de texte et le h1 est en didact gothic, équivalent de Avant garde */
    src: url('fonts/didact-gothic/didactgothic-webfont.eot');
    src: url('fonts/didact-gothic/didactgothic-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/didact-gothic/didactgothic-webfont.woff') format('woff'),
         url('fonts/didact-gothic/didactgothic-webfont.ttf') format('truetype'),
         url('fonts/didact-gothic/didactgothic-webfont.svg#didact_gothicregular') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'source_sans_proregular';
    src: url('fonts/sourcesanspro/sourcesanspro-regular-webfont.eot');
    src: url('fonts/sourcesanspro/sourcesanspro-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/sourcesanspro/sourcesanspro-regular-webfont.woff2') format('woff2'),
         url('fonts/sourcesanspro/sourcesanspro-regular-webfont.woff') format('woff'),
         url('fonts/sourcesanspro/sourcesanspro-regular-webfont.ttf') format('truetype'),
         url('fonts/sourcesanspro/sourcesanspro-regular-webfont.svg#source_sans_proregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansregular';
    src: url('fonts/opensans/opensans-regular-webfont.eot');
    src: url('fonts/opensans/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/opensans/opensans-regular-webfont.woff2') format('woff2'),
         url('fonts/opensans/opensans-regular-webfont.woff') format('woff'),
         url('fonts/opensans/opensans-regular-webfont.ttf') format('truetype'),
         url('fonts/opensans/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'noto_sansregular';
    src: url('fonts/notosans/notosans-regular-webfont.eot');
    src: url('fonts/notosans/notosans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/notosans/notosans-regular-webfont.woff2') format('woff2'),
         url('fonts/notosans/notosans-regular-webfont.woff') format('woff'),
         url('fonts/notosans/notosans-regular-webfont.ttf') format('truetype'),
         url('fonts/notosans/notosans-regular-webfont.svg#noto_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'latoregular';
    src: url('fonts/lato/lato-regular-webfont.eot');
    src: url('fonts/lato/lato-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/lato/lato-regular-webfont.woff2') format('woff2'),
         url('fonts/lato/lato-regular-webfont.woff') format('woff'),
         url('fonts/lato/lato-regular-webfont.ttf') format('truetype'),
         url('fonts/lato/lato-regular-webfont.svg#latoregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

/* box model pour tous les éléments */

*, *:after, *:before  {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}


/* 
	color:#35bc92; /* vert */ 

*/


audio, canvas, video, header, nav, article, footer, section, figure, figcaption, aside, main{
	display:block;
}


html{
	font-size:62.5%; /* 10px, base 16px */
	margin:0;
	padding:0;
}
body{
	color:#383838; /* gris foncé */
	background-color:#ffffff;
	font-family: open_sansregular, source_sans_proregular, texgyreadventorregular,arial, sans-serif;
	font-size:14px;
	font-size:1.4rem; /* 14px base 10px */
	line-height:1.5; /* 21px base 14px*/
	text-align:left;
	margin:0;
	padding:0;
}

h1, h2, h3, h4, h5, h6{
	color:#ff3a1c;/*#e73a28;/*#e74828; orange*/
	font-family:texgyreadventorregular, source_sans_proregular, texgyreadventorregular, arial, sans-serif;
	/*font-family:geosanslightregular, arial, sans-serif;*/
	padding:0;
	margin:21px 0 21px 0;
	font-weight:bold;
}

h1, .like-h1{
	font-size:40px;
	font-size:4.0rem;
	margin:21px 0 21px 0; /* 2*21px */
	line-height:1.2; /* 48 px */
	text-transform:uppercase;
}
h2, .like-h2{
	font-size:32px;
	font-size:3.2rem;
}
h3, .like-h3{
	font-size:24px;
	font-size:2.4rem;
}
h4, .like-h4{
	font-size:20px;
	font-size:2.0rem;
	line-height:1.2;/* 24px */
}

a{
	text-decoration:none;
	color:#35bc92;/*#59aa99;/*#35bc92; /* vert */
}

a:hover, a:focus{
	text-decoration:underline;
}

img{
	border:none;
	padding:0;
	margin:0;
	vertical-align:middle;
	height: auto;
}


figure{
	margin:0 0 42px 0;
	position:relative;
}

figcaption span{
	padding:10px;
	background-color:rgba(231, 58, 40, 0.9);/*rgba(231, 72, 40, 0.9);/*#e74828; orange */
	color:#ffffff;
	text-align:center;
	position:absolute;
	bottom:-10px;
	left:5px;
}

ul,
ol {
	padding-left: 2em;
	margin:0 0 21px 0;
}

ul{
	list-style:square;
}

ul.unstyled {
	list-style: none;
}

input{
	padding:5px;
	font-size:14px;
	font-size:1.4rem;
}
input, textarea{
	font-family: 'open_sansregular', arial, sans-serif;
}
input[type="image"]{
	vertical-align:middle;
}

img,
table,
td,
blockquote,
code,
pre,
textarea,
input,
video, 
iframe{
  max-width: 100%;
}

address{
	font-style:normal;
	padding-right:20px;
}
table{
	border-collapse:collapse;
}
th, td{
	padding:6px;
}
td, th{
	border:1px solid #35bc92;
}
th{
	background-color:#35bc92; /* vert */
	border-right:1px solid #efeade;
	color:#ffffff;
}
tr th:last-child{
	border-right:1px solid #35bc92;
}
tr td:first-child{
	background-color:#efeade;/* gris */
}
caption{
	text-align:left;
	font-weight:bold;
	font-size:1.8rem;
}
p{
	margin:0 0 21px 0;
}

a.more-link{
	display:block;
}
a.more-link:after{
    color: #35bc92;
    content: "";
    display: inline-block;
    font-family: FontAwesome;
    font-size: 0.8em;
    padding-left: 5px;
}

.menu-hz{
	font-size:0;
	padding:0;
	margin:0;
}

.menu-hz ul{
	padding:0;
	margin:0;
}

.menu-hz > li{
	display:inline-block;
	margin:0;
	font-size:16px;
	font-size:1.6rem;
}
.menu-hz > li > a{
	display:inline-block;
	padding:12px;
}

#wrapper-header-top{
	background-color:#666666; /* gris */
}

#header-top a{
	color:#ffffff;
}

li.adherents a:before{
	font-family:FontAwesome;
	display:inline-block;
	content:"\f023";
	padding-right:6px;
}

li.contact a:before{
	font-family:FontAwesome;
	display:inline-block;
	content:"\f0e0";
	padding-right:6px;
}

#banner{
	position:relative;
	background:url(images/quatre-velos.png) repeat-x 0 21px;
	padding-top:42px;
	padding-bottom:42px;
}

.like-titre-site, .titre-site{
	display:inline-block;
	font-family:texgyreadventorregular, arial, sans-serif;
	/*margin:42px 0 42px 0; /* 2*21px */
	padding-top:21px;
	line-height:1.2; /* 48 px */
	font-size:48px;
	font-size:4.8rem;
	/*position:absolute;
	left:22%;
	top:0;*/
	margin: 0 0 0 10%;
	color:#ff3a1c;/*#e73a28;/*#e74828;/*#f33A3D; orange*/
	text-transform:none;
	font-weight:bold;
}

#ariane{
	margin:0 0 21px 0;
	border-top:1px solid #aaaaaa;
}

/* menu de navigation principale */

#wrapper-navigation-principale{
	background-color:#ff4d32;/*rgba(255, 58, 28, 0.9);/*#ff3a1c;/*#e74828; /* orange */
}

#navigation-principale a{
	color:#ffffff;
}

#navigation-principale a:hover, #navigation-principale a:focus{
	background-color:#f92100;/*#ea6247;*/
	text-decoration:none;
}

#navigation-principale > ul  > li{
	position:relative;
	border-left:1px solid #CF3134;
}

#navigation-principale > ul  > li > a{
	cursor:default;
}
#navigation-principale > ul  > li > a:only-child:after{
	content:"";
	padding-left:0;
}
#navigation-principale > ul  > li > a:after{
	font-family:FontAwesome;
	display:inline-block;
	content:"\f0d7";
	padding-left:6px;
}

#navigation-principale > ul > li:first-child{
	border-left:none;
}

#navigation-principale > ul > li.current-menu-item:after, #navigation-principale > ul > li.current-menu-parent:after{
	content:"";
	width:100%;
	height:2px;
	background-color:#ffffff;
	position:absolute;
	left:0;
	bottom:5px;
}
#navigation-principale > ul > li.current-menu-item > a, #navigation-principale > ul > li.current-menu-parent > a{
	color:#383838;
}

#navigation-principale li.accueil a:before{
	font-family:FontAwesome;
	display:inline-block;
	content:"\f015";
	color:#ffffff;
	padding-right:6px;
}
#navigation-principale li.accueil a, #navigation-principale li.actualites a{
	cursor:pointer;
}

li.onHover{
	background-color:#f92100;/*#ea6247;*/
}

.sub-menu{
	background-color:#f92100;/*#ea6247;*/
	list-style:none;
	margin:0;
	width:150%;
}
.no-js .sub-menu{
	position:absolute;
	left:0;
	top:100%;
	z-index:999;
}

.js .sub-menu{
	position:absolute;
	left:-999999px;
}

.js ul.sub-menu.visible {
    left: 0;
    position: absolute;
    top: 100%;
    z-index: 999;
}
.plan .sub-menu{
	position:static;
	background-color:transparent;
	list-style:square;
}
.plan .sub-menu a{
	padding:0;
	color:#383838;
}

.sub-menu a{
	display:block;
	padding:12px 16px;
}

#navigation-principale .sub-menu a:hover{
	background-color:#ff4d32;/*rgba(255, 58, 28, 0.8);/*#ff3a1c;/*#e74828; /*orange*/
}

.invisible{
	position: absolute;
	left: -999999px;
}

.grid {
	overflow: hidden;
}
.grid > * {
	display: table;
	table-layout: fixed;
	border-collapse:collapse;
	width:100%;
}
.grid > * > * {
	display: table-cell;
	vertical-align:top;
	border-right:10px solid #ffffff;
	border-bottom:10px solid #ffffff;
}
.grid > * > *:last-child{
	border-right:none;
}

.grid-1-1 > * {
	width: 50%;
}

.grid-1-1-1 > *{
	width:33.33333%;
}
.grid-4 > * {
	width: 25%;
}

.grid-1-3 > *:first-child,
.grid-3-1 > * + * {
  width: 25%;
}

.grid-3-1 > *:first-child,
.grid-1-3 > * + * {
  width: 75%;
}


/*.grid-3-1  .grid-text h2, .grid-1-3  .grid-text h2{
	font-size:38px;
}*/
.grid-text{
	padding:10px;
	font-size:22px;
	font-size:2.2rem;
	text-align:center;
}

.grid-text p{
	margin-bottom:16px;
}
.grid-text h2{
	text-align:center;
	padding-bottom:11px;
	margin-top:0;
	border-bottom:1px solid #ff3a1c;/*#e73a28;/*#e74828; orange*/
	font-size:30px;
	font-size:3.0rem;
	line-height:1.2;
}

.grid-text ul{
	list-style:none;
	/*padding:0 0 0 20px;*/
	padding:0;
}
.grid-text a{
	color:#383838;
	font-size:1.8rem;
}
.grid-text a:after{
	display:inline-block;
	font-family:FontAwesome;
	content: "\f054";
	color:#35bc92;
	padding-left:5px;
	font-size:0.8em;
}

.color-gris-clair{
	background-color:#efeade;
}	

.grid.border-transparent > * > *{
	border-right:10px solid transparent;
	border-bottom:10px solid transparent;
}

#sidebar{
	margin-top:3em;
	font-size:16px;
	font-size:1.6rem;
}

.menu-secondaire{
	background-color:#e74828; /*orange*/ /* #35bc92;/*#59aa99;/* vert */
	color:#ffffff;
	padding:24px 20px 24px 20px;
	margin-bottom:24px;
	margin-top:48px;
}

.menu-secondaire a{
	color:#ffffff;
	text-decoration:none;
}

.menu-secondaire a:hover{
	text-decoration:underline;
}
.menu-secondaire li.current_page_item a{
	text-decoration:underline;
	color:#383838;
}

.acces-direct{
	background-color:#efeade;
	color:#383838;
	padding:24px 20px 24px 20px;
}

.acces-direct h2{
	color:#383838;
	text-align:center;
	padding:0 0 10px 0;
	border-bottom:1px solid #383838;
	margin-top:0;
}
.acces-direct a{
	color:#383838;
}
.menu-secondaire h2{
	color:#ffffff;
	text-align:center;
	padding:0 0 10px 0;
	border-bottom:1px solid #ffffff;
	margin-top:0;
}

#retour-haut{
	text-align:right;
	margin-top:21px;
	margin-bottom:21px;
}

#retour-haut span{
	background-color:#35bc92;
}

#retour-haut a{
	padding:12px 0 12px 0;
	color:#383838;
	text-decoration:none;
}
#retour-haut a:hover{
	text-decoration:underline;
}

/* footer */
#wrapper-footer{
	background-color:#666666;
}
#footer{
	color:#ffffff;
	padding-top:21px;
	padding-bottom:21px;
}
#footer a{
	color:#ffffff;
}

#footer p{
	margin:0;
}
#footer .left{
	height:160px;
}
#footer .left:first-child{
	background:url(shadow_footer.png) no-repeat center right;
	padding-right:40px;
}
#footer .left:nth-child(2){
	background:url(shadow_footer.png) no-repeat center right;
	padding:0 0 0 20px;
}

.identite span{
	display:block;
}
.copyright{
	margin-top:21px;
}

.mt2em{
	margin-top:48px;
	margin-top:2em;
}

.mb2em{
	margin-bottom:48px;
	margin-bottom:2em;
}
.pt2em{
	padding-top:48px;
	padding-top:2em;
}

.pb2em{
	padding-bottom:48px;
	padding-bottom:2em;
}
.w100p{
	width:100%;
}
.w960{
	width:960px;
}
.w70p{
	width:70%;
}
.w60p{
	width:60%;
}
.w40p{
	width:40%;
}
.w30p{
	width:30%;
}
.w25p{
	width:25%;
}	
.w20p{
	width:20%;
}

.max-largeur{
	padding:0 15px 0 15px;
}
.center{
	margin:0 auto;
}

.rond{
	border-radius:50%;
	
}
.left{
	float:left;
}
.right{
	float:right;
}
.clear{
	clear:both;
	height:0;
}
#recherche{
	padding:10px;
}

.txt-left{
	text-align:left;
}

.txt-center{
	text-align:center;
}

.txt-right{
	text-align:right;
}

label{
	cursor:pointer;
}

.wpcf7-form {
    position: relative;
}
.wpcf7-form input, .wpcf7-form textarea {
    display: block;
}
.wpcf7-submit {
    margin-top: 3em;
}
.wpcf7-response-output {
    bottom: 2.5em;
    left: 0;
    margin-left: 0;
    position: absolute;
}
@-webkit-viewport {
	width: device-width;
	zoom: 1.0;
}
@-moz-viewport {
	width: device-width;
	zoom: 1.0;
}
@-ms-viewport {
	width: device-width;
	zoom: 1.0;
}
@-o-viewport {
	width: device-width;
	zoom: 1.0;
}
@viewport {
	width: device-width;
	zoom: 1.0;
}

@media print {
	.no-print, #ariane, #wrapper-header-top, #wrapper-navigation-principale, .titre-site, #sidebar, #retour-haut, #wrapper-footer{
		display:none;
	}
	header{
		padding:0;
	}
	th{
		border-color:#35bc92;
	}
	#contenu{
		width:100%;
	}
	h1{
		margin-top:0;
	}
}
@media (max-width:767px){
	.max-largeur{
		width:auto;
	}
	.left{
		float:none;
	}
	.right{
		float:none;
	}
	.w70p{
		width:auto;
	}
	.w25p{
		width:auto;
	}
	.like-titre-site, .titre-site{
		margin:0;
		display:block;
		font-size:28px;
		font-size:2.8rem;
	}
	figcaption span{
		position:static;
	}
	.grid > * {
		display: block;
	}
	.grid > * > * {
		display: block;
	}
	.grid-1-1 > * {
		width: 100%;
	}

	.grid-1-1-1 > *{
		width:100%;
	}
	.grid-4 > * {
		width: 100%;
	}

	.grid-1-3 > *:first-child,
	.grid-3-1 > * + * {
	  width: 100%;
	}

	.grid-3-1 > *:first-child,
	.grid-1-3 > * + * {
	  width: 100%;
	}
}
@media (min-width:768px){
	.max-largeur{
		max-width:750px;
	}
	.like-titre-site, .titre-site{
		font-size:32px;
		font-size:3.2rem;
		margin-left:5%;
	}
	.grid-text{
		font-size:18px;
		font-size:1.8rem;
	}
	.grid-text h2{
		font-size:20px;
		font-size:2.0rem;
	}
	.grid-text a{
		font-size:16px;
		font-size:1.6rem;
	}
}
@media (min-width:992px){
	.max-largeur{
		max-width:970px;
	}
	.like-titre-site, .titre-site{
		font-size:40px;
		font-size:4.0rem;
	}
	.grid-text{
		font-size:18px;
		font-size:1.8rem;
	}
	.grid-text h2{
		font-size:24px;
		font-size:2.4rem;
	}
	.grid-text a{
		font-size:16px;
		font-size:1.6rem;
	}
}
@media (min-width:1200px){
	.max-largeur{
		max-width:1170px;
	}
	.like-titre-site, .titre-site{
		font-size:48px;
		font-size:4.8rem;
	}
	.grid-text{
		font-size:24px;
		font-size:2.4rem;
	}
	.grid-text h2{
		font-size:30px;
		font-size:3.0rem;
	}
	.grid-text a{
		font-size:18px;
		font-size:1.8rem;
	}
}