/* $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
$$$$$$$$$$$$$$$$$$$$$$$$$ Base du site $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$ */
/*
Couleurs :
white
#f35f06 = rgb(243,95,199) orange clair
#c95209 = rgb(201,82,9) orange maron (texte)
#181818 = rgb(24,21,24) noir
#28a6c1 = rgb(40,166,193) cyan
#f8f4f4 = rgb(248,244,244) gris clair

Fonte : Segoeui
*/


html
{
	min-height:100%;
	min-width:100%;
}	

/* Polices */


@font-face
{
    font-family: 'Segoeui';
    src:url('Polices/segoeui.ttf') format('truetype');
    font-weight: normal;
    font-style: normal; 
}
  
/* Reglages du fond µ */

  
body
{
	background: url('Images/Accueil/zen.jpg') fixed no-repeat;
	background-size:cover;
	width:100%;
	margin:0px;
	
	

} 

/*div,p,article
{
	border:1px;
	border-style:solid;
	padding:0px;
	vertical-align:top;
}*/
	
hr
{
	color:#f35f06;
	noshade="noshade";
	background-color:#f35f06;
	
}	

/* Preferences titres et navigation */

h1, h2, nav a
{
	font-family: Segoeui;
	/*text-transform: uppercase;*/
	font-weight:normal;
	color:#28a6c1;
	text-decoration:none;
}

nav a:hover
{
	color: #181818;
	
}

/* Entete */

header
{

	height: 120px;
	margin-top:30px ;
	text-align:center;
	background-color: white;
	min-width:900px;
	
	
	
}	

#logo
{
	display:inline-block;
	height:110px;
	width:192px;
	margin-top: 5px;
	background:url("Images/Accueil/logogy1.jpg") no-repeat;
	
	
}	

header nav
{
	display:inline-block;
	width:700px;
	margin-bottom:50px;
	vertical-align:40px;
	font-size:1.2em;
	
}	

	
header nav ul
{
	list-style-type: none;
}

header nav li
{
	
	display:inline-block;
	margin-right:100px;
	
}	
		

/* Corps de page */

#Bloc_Page
{
	width:900px;
	font-family: Segoeui;
	margin:auto;
	background-color: rgb(248,244,244);
	border-radius: 10px;
	box-shadow: 2px 2px 2px 2px white;
	margin-top: 30px;
	min-width:400px;
	max-width:1300px;
	
	
}

/* Navigation dans le site */

#Bloc_Page nav
{
	padding:0px;
	display:inline-block;	
	vertical-align:top;
	font-size:1.2em;
}

#Bloc_Page nav ul
{
	list-style-type: none;
	padding:15px;
}

#Bloc_Page nav li
{
	border-width:1px;
	padding:0px;
}		




section
{
	display:inline-block;
	vertical-align:top;
	width:80%;
	
	
	
}	


article
{
	
	margin: auto;
	font-size:0.9em;
	color:#c95209;
	

}

footer
{
	\text-align:center;
	font-size:0.7em;
	color:rgb(40,166,193);
}

/* Images centrées*/

#photocentree
{
	text-align:center;
}	

/* $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
$$$$$$$$$$$$$$$$$$$$$$$$$ Page accueil $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$
$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                             
$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$*/

#texte
{
	display:inline-block;
	width:500px;
	vertical-align:top;
	
	
}

#photos
{
	display:inline-block;
	vertical-align:top;
	
	
}