/* Definition des polices perso */
@font-face {
    font-family: 'CalligraffitiRegular';
    src: url('polices/Calligraffiti-webfont.eot');
    src: url('polices/Calligraffiti-webfont.eot?#iefix') format('embedded-opentype'),
         url('polices/Calligraffiti-webfont.woff') format('woff'),
         url('polices/Calligraffiti-webfont.ttf') format('truetype'),
         url('polices/Calligraffiti-webfont.svg#CalligraffitiRegular') format('svg');
    font-weight: normal;
    font-style: normal;

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

}

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

}

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

}

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

}




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

}

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

}

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

}

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

}

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

}

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

}



/* Elements principaux de la page */
body
{
	background: url('images/fond2.jpg') top center fixed;
	font-family: 'Trebuchet MS', 'Comic Sans MS', serif;
	color: black;
	word-wrap: break-word;
	overflow: auto;
}

#bloc_page
{
	width: 95%;
	
	margin: auto;
	
}

article h1, aside h1, footer h1, footer h2
{
	font-family: 'Comic Sans MS', serif;
	font-weight: normal;
}
#contact a, #Liens a, section a
{
	text-decoration: none;
	color: rgba(63,23,128,1);
}
#contact a:visited, #Liens a:visited
{
	text-decoration: none;
	color: rgba(63,23,128,1);
}

/* Header */
header
{
	position:relative;
	background: white;
	width:100%;
	border-bottom: rgba(12,132,70,1) 3px groove;
	border-radius:10px/20px;
}
#logo
{
	display: inline-block;
	position:absolute;
	right:5%;
	top:7.5%;
	border-radius:5px;
	box-shadow: 5px 5px 5px black;
	border: 2px black groove;
	width: 250px;
	height: 130px;
}
#back_header
{
	display: inline-block;
	position: relative;
	left:2.5%;
	opacity:0.8;
	width:95%;
}

/* navigation */
nav
{
	display: inline-block;
	width:100%;
	text-align:right;
	border-top:rgba(12,132,70,1) 3px groove;
	border-radius: 10px/20px;
}
nav ul
{
	list-style-type: none;
}
nav li
{
	display: inline-block;
	margin: 0px 7px 0px 7px;
}
nav a
{
	font-size: 1.1em;
	color: rgba(12,132,70,1);
	font-family: FluxRegular, Verdana, serif;
	font-weight: normal;
	text-decoration: none;
}
nav a:hover, .actif
{
	color: rgb(173,16,16);
	background-color: black;
	font-weight: bold;
}

/*Corps*/
table
{
	border-collapse: collapse;
	width:100%;
	margin:auto;
}

td, th
{
	border: 1px black solid;
}
caption
{
	font-family: "Arial black";
	font-size:1.3em;
	color: rgb(173,16,16);
}
table a
{
	color:rgb(23,16,91);
	text-decoration:none;
}


/*Footer*/
footer p, footer ul
{
	font-size:0.8em;
}
footer h1
{
	font-size: 1.1em;
}
footer h2
{
	font-size:1em;
}
footer
{
	position:relative;
	top:5px;
	width: 100%;
	height:175px;
	border: rgba(12,132,70,1) groove 3px;
	border-radius: 10px/20px;
	margin:auto;
	background: rgba(255,255,255,0.5);
	
}
#Liens,#contact,#config
{
	display:inline-block;
	vertical-align:top;
	height: 175px;
}
#Liens
{
	position:absolute;
	left:2%;
	width:25%;
	list-style-image: url('images/ico_liensexterne.png');
	
}
#contact
{
	text-align: justify;
	width:30%;
	position:absolute;
	left:33%;
	background: url('images/separateur.png') repeat-y left, url('images/separateur.png') repeat-y right;
	padding: 0% 2% 0% 2%;
}
#contact h1, #Liens h1, #config h2
{
	text-align:center;
}
div[id="contact"] ul
{
	list-style-type: none;

}
#config
{
	width:25%;
	position:absolute;
	right: 2%;
	
}

/*adaptation Media Queries*/
@media all and (max-width: 1024px)
{
	#bloc_page
	{
		width:auto;
	}
	#logo
	{
		
		width:200px;
		height:104px;
	}
	#config
	{
		display: none;
	}
	#Liens, #contact
	{
		width:auto;
	}
	#contact
	{
		background: url('images/separateur.png') repeat-y left;
		left: 50%;
	}