@charset "UTF-8";
/* CSS Code by Uneville Design Studio - All right Reserved */
/* Backgrounds */

body {
	background-color: transparent;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	overflow-y : scroll;
}

p 
{ 
  margin: 0; 
  padding: 0; 
}

/* Clearfix */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

/* @end */

/* Fonts */

a {
	font-family: 'EB Garamond', arial, serif;
	font-size: 16px;
	text-decoration: none;
	outline: none;
	text-align: justify;
	color: #069;
}
a:hover {
	color: #069;
	text-decoration: underline;
}

/* Menu */

.menu {
	font-family: 'EB Garamond', arial, serif;
	font-size: 18px;
	background-color:#668992;
	padding: 0px 15px 0px;
	color: #fff;
	text-decoration: none;
	text-transform:uppercase;
	outline: none;
}
.menu:hover {
	background-color:#dce5e7;
	color:#668992;
	text-decoration: none;
	text-transform:uppercase;
}

.menu-active {
	font-family: 'EB Garamond', arial, serif;
	font-size: 18px;
	background-color:#dce5e7;
	padding: 0px 15px 0px;
	color:#668992;
	text-decoration: none;
	text-transform:uppercase;
	outline: none;
}

.menu-active:hover {
	background-color:#dce5e7;
	color:#668992;
	text-decoration: none;
	text-transform:uppercase;
	cursor:default;
}

.fondmenu {
	background-color:#668992;
	width:900px;
	margin-left:auto;
	margin-right:auto;
}

.top {
	background-color:transparent;
	width:900px;
	height:70px;
	margin-left:auto;
	margin-right:auto;
}

.espacebottom {
	background-color:transparent;
	width:900px;
	height:200px;
	margin-left:auto;
	margin-right:auto;
}

/* Titre & sous titre */

.logo {
	font-family: 'EB Garamond', arial, serif;
	font-size: 60px;
	color: #668992;
	text-decoration: none;
	outline: none;
	font-weight: lighter;
	line-height: 34px;
}

.titre {
	font-family: 'Dancing Script', cursive;
	font-size: 24px;
	color: #999;
	text-decoration: none;
	outline: none;
	font-weight: lighter;
	line-height: 38px;
}

.soustitre {
	font-family: 'EB Garamond', arial, serif;
	font-size: 24px;
	color: #668992;
	outline: none;
	line-height: 18px;
	/*text-transform: uppercase;*/
}

.soustitre2 {
	font-family: 'EB Garamond', arial, serif;
	font-size: 18px;
	color: #069;
	text-decoration: none;
	outline: none;
	text-transform: lowercase;
}

.soustitre-alerte {
	font-family: 'EB Garamond', arial, serif;
	font-size: 24px;
	color: #900;
	outline: none;
	line-height: 18px;
	/*text-transform: uppercase;*/
}

/* Texte */

.texte {
	font-family: 'EB Garamond', arial, serif;
	font-size: 16px;
	color: #333;
	text-decoration: none;
	outline: none;
	font-style: normal;
	line-height: 19px;
}

.texte-justifyed {
	font-family: 'EB Garamond', arial, serif;
	font-size: 16px;
	color: #333;
	text-decoration: none;
	outline: none;
	font-style: normal;
	text-align: justify;
	line-height: 19px;
}

.texte-gris {
	font-family: 'EB Garamond', arial, serif;
	font-size: 16px;
	color: #999;
	text-decoration: none;
	outline: none;
	font-style: normal;
	text-align: justify;
	line-height: 19px;
}

.texte-bottom {
	font-family: 'EB Garamond', arial, serif;
	font-size: 14px;
	color: #668992;
	text-decoration: none;
	outline: none;
	font-style: normal;
	text-align: left;
}

.liensbars {
	font-family: 'EB Garamond', arial, serif;
	font-size: 14px;
	color: #668992;
	text-decoration: none;
	outline: none;
	font-style: normal;
	text-align: left;
}

.liensbars:hover {
	color: #069;
	text-decoration: none;
}

.champs {
	width: 350px;
	height:22px;
	background-color:transparent;
	border: 1px #e9f1f3 solid;
	border-radius: 0px;
	text-align:left;
	padding-left:5px;
	padding-right:5px;
	font-family: 'EB Garamond', arial, serif; font-size: 16px; color: #069;
}

.champsdate {
	width: 250px;
	height:22px;
	background-color:transparent;
	border: 1px #e9f1f3 solid;
	border-radius: 0px;
	text-align:left;
	padding-left:5px;
	padding-right:5px;
	font-family: 'EB Garamond', arial, serif; font-size: 16px; color: #069;
}

.input {
	width: 300px;
	height:40px;
	background-color:transparent;
	border: 1px #c1d6dd solid;
	border-radius: 0px;
	text-align:left;
	padding-left:5px;
	padding-right:5px;
	font-family: 'EB Garamond', arial, serif; font-size: 16px; color: #069;
}

.message {
	width: 560px;
	height:300px;
	background-color:transparent;
	border: 1px #c1d6dd solid;
	border-radius: 0px;
	text-align:left;
	padding-left:5px;
	padding-right:5px;
	font-family: 'EB Garamond', arial, serif; font-size: 16px; color: #069;
}

.bouton {
	width: 280px;
	height:24px;
	background-color:#e9f1f3;
	border: 0px #069 solid;
	border-radius: 0px;
	text-align:center;
	font-family: 'EB Garamond', arial, serif; font-size: 12px; color: #069;
	text-transform:uppercase;
	margin-top:5px;
	margin-bottom:5px;
}

.bouton:hover {
	background-color:#668992;
	color:#fff;
	cursor:pointer;
}

.bouton-important {
	width: 280px;
	height:40px;
	background-color:#668992;
	border: 0px #668992 solid;
	border-radius: 6px;
	text-align:center;
	font-family: 'EB Garamond', arial, serif; font-size: 12px; color: #fff;
	text-transform:uppercase;
	margin-top:10px;
	margin-bottom:10px;
}

.bouton-important:hover {
	background-color:#3d6d7a;
	color:#fff;
	cursor:pointer;
}

.bouton2 {
	width: 280px;
	height:40px;
	background-color:#e9f1f3;
	border: 0px #668992 solid;
	border-radius: 6px;
	text-align:center;
	font-family: 'EB Garamond', arial, serif; font-size: 12px; color: #668992;
	text-transform:uppercase;
	margin-top:10px;
	margin-bottom:10px;
}

.bouton2:hover {
	background-color:#668992;
	color:#fff;
	cursor:pointer;
}

.bouton3 {
	width:40px;
	height:40px;
	background-color:#e9f1f3;
	border: 0px #668992 solid;
	border-radius: 6px;
	text-align:center;
	font-family: 'EB Garamond', arial, serif; font-size: 12px; color: #668992;
	text-transform:uppercase;
	margin-top:10px;
	margin-bottom:10px;
}

.bouton3:hover {
	background-color:#668992;
	color:#fff;
	cursor:pointer;
}

.boutonall {
	width: 280px;
	height:40px;
	background-color:#e9f1f3;
	border: 0px #668992 solid;
	border-radius: 6px;
	text-align:center;
	font-family: 'EB Garamond', arial, serif; font-size: 12px; color: #668992;
	text-transform:uppercase;
	margin-top:10px;
	margin-bottom:10px;
}

.boutonall:hover {
	background-color:#C33;
	color:#fff;
	cursor:pointer;
}

.boutonselect {
	width: 80px;
	height:40px;
	background-color:#e9f1f3;
	border: 0px #668992 solid;
	border-radius: 6px;
	text-align:center;
	font-family: 'EB Garamond', arial, serif; font-size: 12px; color: #668992;
	text-transform:uppercase;
	margin-top:10px;
	margin-bottom:10px;
}

.boutonselect:hover {
	background-color:#C33;
	color:#fff;
	cursor:pointer;
}



.trait {
	width: 900px;
	height:5px;
	background-color:transparent;
	background-image:url(images/separation-grand.gif); background-position:center,center; background-repeat:no-repeat;
	margin-left:auto;
	margin-right:auto;
}

.trait-double {
	width: 900px;
	height:5px;
	background-color:transparent;
	background-image:url(images/separation-double.gif); background-position:center,center; background-repeat:no-repeat;
	margin-left:auto;
	margin-right:auto;
}