@charset "utf-8";
@font-face {
	font-family: "impact";
	src: url('font/impact.ttf');
}
@font-face {
	font-family: "satisfy";
	src: url('font/Satisfy-Regular.ttf');
}

@font-face {
	font-family: "gabriola";
	src: url('font/Gabriola.ttf');
}

body{
		font-family:Tahoma, Geneva, sans-serif;
		font-size:16px;
		margin: 0px;
		background:url(images/vintage-concrete.png) repeat;
	}
	
#page { width:1280px; margin-left:auto; margin-right:auto; min-height:100vh; background:#FFFFFF;}
#header1 { height:50px; width:1230px; font-size:16px; text-align:right; padding-right:50px; padding-top:25px;}
#header2 { height:413px; width:1280px; }
#header3 { height:413px; width:1280px; margin-top:85px; }
	
#logo { width:132px; height:156px; position:absolute; left:calc(50% - 66px); top:0px;}	

#contenu { width:1169px; margin-left:auto; margin-right:auto;}
#contenubg { width:600px; background-color: rgba(255, 255, 255, 0.67); height:350px; position:absolute; margin-left:50px; margin-top:50px; padding:40px;}
#bg { width:1169px; height:600px; font-family: "gabriola"; font-size:36px;line-height:50px;}
h1 { font-family: "satisfy", Helvetica, Arial, sans-serif; font-size:40px; text-align:center; line-height:40px; margin:0px; margin-top:40px; margin-bottom:30px;}
h2 { font-family: "satisfy", Helvetica, Arial, sans-serif; font-size:60px; line-height:30px; margin:0px; margin-top:20px; margin-bottom:30px;}
h3 { font-family: "satisfy", Helvetica, Arial, sans-serif; font-size:30px; text-align:center; margin:10px;}
.titre { font-family: "impact", Helvetica, Arial, sans-serif; font-size:24px; border:#000000 3px solid; padding:7px; padding-left:15px; padding-right:15px; display:inline-block;}
p { margin:0px; }
.basdepage { float:left; width:308px; min-height:200px; padding-left:20px; margin-top:30px; font-size:18px;}
.separateur {float:left; width:92px; height:254px; background:url(images/separateur.jpg); margin-top:30px;}
#footer { width:1260px; margin-left:auto; margin-right:auto; background:#FFFFFF; text-align:center; padding:10px; padding-top:20px;}

.route1 {background:url(images/route2.jpg) no-repeat center top; padding-top:14px; width:98px; height:100px; text-align:center; font-size:10px; float:left;}
.route2 {background:url(images/route1.jpg) no-repeat center top; padding-top:14px; width:98px; height:100px; text-align:center; font-size:10px; float:left;}
.depart {background:url(images/voiture.jpg) no-repeat center top; padding-top:7px; margin-top:7px; width:60px; height:93px; text-align:right; font-size:12px; float:left; }
.arrive {background:url(images/tortue.jpg) no-repeat center top; padding-top:7px; margin-top:7px; width:60px; height:93px; text-align:right; font-size:12px; float:left;}

#blog { width:1100px; margin-left:80px; text-align:justify; font-size:18px; }
#blog img { max-width:1100px; margin-top:15px; margin-bottom:15px; }
.bloc { margin-top:100px; background:url(images/brushed.png) repeat; padding:5px; margin-left:auto; margin-right:auto; border:#666666 solid 1px; text-align:center;}

th { background:#3CF;}

.rouge { color:#F00; font-weight:bold;}
.vert { color:#0C0; font-weight:bold;}

a { text-decoration:none; color:#09F; }
a:hover { color:#F90;}


/* STYLE JQUERY UI */
	
	.demoHeaders {
		margin-top: 2em;
	}
	#dialog-link {
		padding: .4em 1em .4em 20px;
		text-decoration: none;
		position: relative;
	}
	#dialog-link span.ui-icon {
		margin: 0 5px 0 0;
		position: absolute;
		left: .2em;
		top: 50%;
		margin-top: -8px;
	}
	#icons {
		margin: 0;
		padding: 0;
	}
	#icons li {
		margin: 2px;
		position: relative;
		padding: 4px 0;
		cursor: pointer;
		float: left;
		list-style: none;
	}
	#icons span.ui-icon {
		float: left;
		margin: 0 4px;
	}
	.fakewindowcontain .ui-widget-overlay {
		position: absolute;
	}
	select {
		width: 200px;
	}