/* Copyright (C) YOOtheme GmbH, http://www.gnu.org/licenses/gpl.html GNU/GPL */

/*
 * Custom Style Sheet - Use this file to style your content
 */
 #wraptop800 {
 	width: 980px;
	height: 800px;
	position: relative;
	background: url(../images/topwrap.gif) center bottom no-repeat;
	}
#wraptop {
 	width: 980px;
	height: 251px;
	position: relative;
	/*background: url(../images/topwrap.gif) center bottom no-repeat;*/
	}
 #headerbar p {
 	margin: 0;
	}
#logo {
	margin: 5px 0 0 0;
	}
#diaporama {
	position: absolute;
	width: 980px;
	height: 370px;
	z-index: 1;
	top: 201px;
	left: 0;
	}
#wraptop800 #menubar {
	position: absolute;
	width: 980px;
	height: 68px;
	z-index: 20;
	top: 134px;
	left: 0;
	background: url(../images/fond_menu.png)  6px bottom no-repeat;
	}
#wraptop #menubar {
	position: absolute;
	width: 980px;
	height: 68px;
	padding-bottom: 49px;
	z-index: 20;
	top: 134px;
	left: 0;
	background: url(../images/fond_menu2.png)  left bottom no-repeat;
	}
#headerbar .module {
	position: absolute;
	z-index: 3;
	width: 550px;
	height: 24px;
	top: 110px;
	left: 320px;
}
#headerbar .module h1 {
	color: #009ee0;
	}
#menu {
	padding-left: 283px;
	padding-top: 30px;
	}
#toolbar {
 position: absolute;
 width: 320px;
 height: 100px;
 top: 10px;
 right: 20px;
 }
.orange {
	font-size: 24px;
	color: #f2971f;
	font-family: 'Luckiest Guy', cursive;
	}
.bleu {
	font-size: 18px;
	color: #009ee0;
	font-family: 'Luckiest Guy', cursive;
	}
.wk-slideshow .caption {
	bottom: 100px;
	margin-right: 200px;
	}
.wk-slideshow .caption h2 {
	font-size: 24px;
	line-height: 24px;
	margin: 5px 0;
	}
.wk-slideshow .caption p {
	font-size: 18px;
	margin: 5px 0;
}
#moduleshaut {
	position: absolute;
	width: 980px;
	height: 220px;
	z-index: 5;
	top: 490px;
	left: 0;
	}
.modorange {
	background: #e28015 url(../images/modorange.gif) center top repeat-y;
	border: 1px solid #FFFFFF;
	margin: 15px;
	padding: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	-webkit-box-shadow: 4px 4px 5px rgba(50, 50, 50, 0.45);
	-moz-box-shadow:    4px 4px 5px rgba(50, 50, 50, 0.45);
	box-shadow:         4px 4px 5px rgba(50, 50, 50, 0.45);
	}
.modrouge {
	background: #d50018 url(../images/modrouge.gif) center top repeat-y;
	border: 1px solid #FFFFFF;
	margin: 15px;
	padding: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	-webkit-box-shadow: 4px 4px 5px rgba(50, 50, 50, 0.45);
	-moz-box-shadow:    4px 4px 5px rgba(50, 50, 50, 0.45);
	box-shadow:         4px 4px 5px rgba(50, 50, 50, 0.45);
	}
.modbleu {
	background: #0396d2 url(../images/modbleu.gif) center top repeat-y;
	border: 1px solid #FFFFFF;
	margin: 15px;
	padding: 15px;
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	-webkit-box-shadow: 4px 4px 5px rgba(50, 50, 50, 0.45);
	-moz-box-shadow:    4px 4px 5px rgba(50, 50, 50, 0.45);
	box-shadow:         4px 4px 5px rgba(50, 50, 50, 0.45);
	}
.modorange h3 {
	color: #FFF;
	background-color: #f7a800;
	padding: 12px 7px 7px 7px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	}
.modorange h4, .modbleu h4, .modrouge h4 {
	color: #FFF;
	}
.modorange p {
	color: #ffff00;
	font-size: 12px;
	line-height: 15px;
	}
.modorange img, .modbleu img, .modrouge img {
	border: 1px solid #FFFFFF;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.modbleu h3 {
	color: #FFF;
	background-color: #00b5e8;
	padding: 12px 7px 7px 7px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	}
.modbleu p {
	color: #ddf1f9;
	font-size: 12px;
	line-height: 15px;
	}
.modrouge h3 {
	color: #FFF;
	background-color: #fd023b;
	padding: 12px 7px 7px 7px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	}
.modrouge p {
	color: #f4a2aa;
	font-size: 12px;
	line-height: 15px;
	}
#main {
	background: #fff url(../images/wrapbottom.gif) center bottom no-repeat;
	padding-bottom: 90px;
	}
#system .items > .width33 h1.title {
	color: #FFF;
	background-color: #D50018;
	padding: 12px 7px 7px 7px;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
}
#system .title a { 
color: #fff;
}