/*REALISATION ET COPYRIGHT JMG WEB DESIGN.COM 2017 */
/* CSS ENTRAIDESAINTMARTIN.COM FRANCAIS*/

/* HTML5 */

html{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup{vertical-align:text-top;}sub{vertical-align:text-bottom;}input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}input,textarea,select{*font-size:100%;}legend{color:#000;}strong{font-weight: bold;}
@charset "utf-8";

/* CSS styles */

@font-face
{
	font-family: 'lemon';
	src: url('../police/lemonmilk.otf');
}


html,body{
	font-family: "Myriad Pro", "Gill Sans", "Gill Sans MT", "Calibri", sans-serif;
	width:100%;
	height:100%;
	color:#000000;
	background:#FFFFFF;
	margin:0;
	padding:0;
}

.logo{
	display: inline-block;
	position: fixed;
	z-index: 1100;
	margin-left: 150px;
	margin-top: 10px;
	
}


#langue
{
	display: inline-block;
	position: fixed;
	z-index: 1100;
	margin-left: 50px;
	margin-top: 20px;
	font-size: 20px;
	color: #ffffff;
}

#langue a
{
	color: white;
	text-decoration: none;
}

#langue a:hover
{
	color: #fbd52f;
	text-decoration: none;
	text-shadow: 2px 2px 1px black;
	
}



a{
	text-decoration: none;
	color: white;	
}

nav
{
	display: inline-block;
	position: absolute;
	width: 100%;
	position: fixed;
	z-index: 1000;
	height: 30px;
	padding-top: 20px;
	padding-bottom: 10px;
	padding-right: 0px;
	background-color: rgba(40,30,79,1);
		
}

nav, nav ul
{
	list-style:none;
	border-radius: 0px 0px 0px 0px;
	line-height: 40px;
	margin: 0px;
	text-align: center;
		
}

nav ul
{
	position: absolute;
	right: 0;
	text-decoration: none;
	margin-right: 10px;
	margin-top: -10px;
	
	
}


nav a
{
	display: block;
	padding: 0;
	background: none;
	width: auto;
	font-size: 20px;
	color: #ffffff;
	background: none;	
	text-decoration: none;
	font-weight: normal;
	text-align:left;
	padding-right: 10px;
	padding-left: 10px;
	

	
}

nav li
{
	float: left;
	border-right: 1px solid #fff;
	border-bottom:0px solid white;
	margin-left: 10px;
	
	
	
}


html>body nav li
{
	border-right: 1px solid transparent;
	
}


nav a:hover
{
	color: #fbd52f;
	text-decoration: none;
}

nav li:hover
{
	text-shadow: 2px 2px 1px black;
	border-bottom:0px solid black;
	
}


.actif{
	color: #fbd52f;
	text-decoration: none;
	text-shadow: 2px 2px 1px black;
}


header
{
display: inline-block;
background-color: #ceeae6;
width: 100%;
}

header img
{
	display: inline-block;
	float: right;
	margin-right: 50px;
	margin-top: 70px;
	padding-bottom: 20px; 
}


header h1
{
	display: inline-block;
	position: absolute;
	margin-top: 150px;
	color: rgba(40,30,79,1);
	font-size: 30px;
	text-align: center;
	padding: 20px;

}

.bouton-don{
	display: inline-block;
	position: relative;
	margin-top: 20px;
	font-family: lemon;
	font-size: 20px;
	color: #ceeae6;
	background-color: rgba(40,30,79,1);
	padding: 10px;
	padding-left: 20px;
	padding-right: 20px;
	-webkit-border-radius: 10;
  	-moz-border-radius: 10;
  	border-radius: 10px;
  
}
.bouton-don:hover{
	background-color:#fbd52f;
	color: rgba(40,30,79,1);
	cursor:pointer;
}

section
{
	padding: 20px;
	box-shadow:inset 0px 10px 10px rgba(0,0,0,0.3);

}

.title
{
	font-family: lemon;
	color: rgba(40,30,79,1);
	font-size: 30px;
	display: inline-block;
	margin-bottom: 10px;
	margin-top: 20px;

}

.title img
{
	margin-right:10px;
}

section h2
{
	display: inline-block;
	color: rgba(40,30,79,1);
	font-size: 30px;
	margin-bottom: 10px;
	margin-left: 50px;
	
}

section td h4 

{
	color: #fbd52f;
	font-size: 30px;
	margin-bottom: 00px;
	margin-left: 50px;
	text-shadow: 1px 1px 0px black;

	
}



section p img
{
	display: inline-block;
	text-align: center;
}

p
{
	color: rgba(40,30,79,1);
	font-size: 20px;
	display: inline-block;
	margin-left: 50px;
	margin-bottom: 10px;
	margin-top: 10px;
	margin-right: 50px;
	text-align: justify;
}

section .actualites-g
{
	margin-left: 50px;
	
}

section .actualites-d
{
	margin-right: 50px;
	
}


.bouton-p
{
	display:inline-block;
	position: relative;
	width: 100%;
	text-align: center;
}

section a 
{
	color: rgba(40,30,79,1);
	text-decoration: underline;
	font-style: italic;
}

section a:hover
{
	color: #fbd52f;
	text-shadow: 1px 1px 0px black;

}



section .bouton-p h3 
{
	display:inline-block;
	text-align: center;
	font-family: lemon;
	color: rgba(40,30,79,1);
	background-color:#ceeae6;
	padding: 10px;
	-webkit-border-radius: 10;
  	-moz-border-radius: 10;
  	border-radius: 10px;
  	z-index: 1101;
}


section .bouton-p h3:hover
{
	background-color:#fbd52f;
	cursor:pointer;
	text-shadow: none;
}

#newsletter
{
	background-color:#fbd52f;
	padding: 50px;
	margin: 0px;
	position: relative;
	box-shadow:inset 0px 10px 10px rgba(0,0,0,0.3);
	border-bottom: solid;
	border-bottom-color: rgba(40,30,79,1);
	border-bottom-width: 5px; 
}

#emailbox
{
	display: inline-block;
	padding: 6px;
	padding-right: 40px;
	padding-left: 40px;
	border: solid;
	border-width: 1px;
	border-color: white;
	font-size: 14px;
	font-style: italic;
}

#emailbox a
{
	text-decoration: none;
}

footer
{
	background-color:#ceeae6;
	margin-top: -50px;
	
}

footer p
{
	margin-left: 50px;
}

footer h2
{
	margin-left: 50px;
	display: inline-block;
	color: rgba(40,30,79,1);
	font-size: 30px;
	
}

#facebook
{
	background-color:#ceeae6;
	text-align: center;	
}

#facebook .centre
{
	display: inline-block;
	position: relative;
	vertical-align: center;
	color: rgba(40,30,79,1);
	font-size: 20px;
	
}

#facebook .centre td a
{
	color: rgba(40,30,79,1);
	padding-right: 20px;
	padding-left: 20px;
	
}