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



@font-face {
    font-family: 'atypewriterformemedium';
    src: url('../fonts/atypewriterforme-webfont.woff2') format('woff2'),
         url('../fonts/atypewriterforme-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;

}

body{
	font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif	;
	color: #6C6C6C;
}

h1, h2{
	color: #52067f;
}

strong{
	font-weight:700;	
}

/* HEADER */
header{
	height: 600px;
	background:url(../images/header-bck.jpg) no-repeat bottom;
	background-color:#752182;	
	position:relative;
	background-size:cover;
}

#logo{
	float:left;	
	overflow:hidden;
}

#baseline{
		
}
#baseline h1{
	font-family:'atypewriterformemedium', serif;
	color: #5e1868;
	font-weight:bold;
	font-size:2em;
	line-height:1.3em;
}

nav{
	font-family:'atypewriterformemedium', serif;
	color:white;
	font-size: 1.1em;
	text-transform:uppercase;
	float:right;
}
nav a{
	color:white;
	text-decoration:none;
	cursor:pointer;
}
nav a:hover{
	color:#c87bd3;
}
nav ul, nav li{
	padding:0;
	margin:0;
}
nav li{
	list-style: none;
	display: inline;
	margin-right:30px;
}
nav li:last-child{
	margin-right:0;	
}

/* /HEADER */

/* CENTRE */
p{
	line-height:1.5em;	
}
#centre{
	text-align:justify !important;
}
#activites{
	margin-top:60px;
	text-align:justify;
}
/* /CENTRE */

/* TEMOIGNAGES */
#temoignages{
	background-color:#fcf8f8;
	margin-top:60px;	
}
.temoignage{
	background:url(../images/temoignages_bck.jpg) no-repeat left bottom;
	background-color:white;
	min-height:100px;
	padding:15px;
	padding-bottom: 35px;
	text-align: justify;
	font-size:0.9em;
}
.temoignage .signature{
	color:#52067f;
	font-size:0.9em;
	font-style:italic;
	text-align:right;
}
/* /TEMOIGNAGES /*

/* FOOTER */

#remonter{
	width: 42px;
	height: 42px;
	background: url(../images/remonter.png) no-repeat;
	position: fixed;
	bottom: 30px;
	right: 10px;
	cursor: pointer;
	z-index:1000;
	display:none;
}
 
footer{
	background-color:#752182;
	color: white;
}
footer a:link, footer a:visited, footer a:active{
	color:white;	
}
footer a:hover{
	text-decoration:none;	
}
footer iframe{
	width:100%;
	height: 270px;
}
.coordo{
	margin-top: 60px;	
}
#copy{
	background-color:#300836;
}
/* /FOOTER */


@media (max-width: 991px) {
	header{
		background-image: url(../images/header-bck-medium.jpg);
		text-align:center;
		height:400px;
	}
	#logo{
		float:none;
		padding-left:25px;
	}
	#logo img{
		height:200px;	
	}
	nav{
		float:none;	
		background-color:rgba(118,34,130,0.8);
		padding:10px;
	}
}
@media (max-width: 667px) {
	header{
		height: auto;
		padding-bottom:100px;
	}
	nav{
		background-color:transparent;	
	}
	nav li{
		display:block;
		background-color:rgba(118,34,130,0.8);
		margin:0;
		margin-bottom:5px;
	}
}
@media (max-width: 543px) {
	header{
		background-image:none;
		padding:0;
	}
	.coordo{
		margin-top: 15px;
		margin-bottom: 30px;
		font-weight:bold;	
	}
	footer{
		text-align:center;	
	}
	#logo{
		padding-left:10px;
	}
	#logo img{
		height:150px;	
	}
	nav li{
		padding-top:5px;
		background-color:rgba(172,98,183,0.8);	
	}
}