/* CSS Document */

*{
margin: 0;
padding: 0;
}
body {
	background: #FFFFFF;
	text-align: center;
	font-family: Trebuchet MS, Lucida Sans Unicode, Arial, sans-serif;
	margin: 0;
	padding: 0;
}
#container{
	width: 712px;
	text-align: left;
	height: 100%;
	margin: 0 auto;
	background-image: url(images/fd-page.gif);
	background-repeat: repeat-y;
}
#bigbanner {
	background-image: url(images/banner.jpg);
	background-repeat: no-repeat;
}
#header { height: 200px; 
}
#title-site {
	width: 180px;
	height: 140px;
	float: left;
	padding: 0px;
	position: relative;
	left: 14px;
	top: 40px;
	margin: 0px;

}
#logo {
	font-size: 14px;
	line-height: 14px;
	font-weight: bold;
	color: #FFFFFF;
}
#sublogo {
	font-size: 11px;
	line-height: 12px;
	color: #FFFFFF;
	padding-top: 6px;
}
#date {
	color: #1F5F83;
	text-align: center;
	margin-top: 26px;
	font-size: 20px;
	line-height: 16px;
	padding-bottom: 5px;
}
.subdate {
	font-size: 14px;
	line-height: 14px;
}

#lang {
	position: relative;
	top: 15px;
	list-style-type: none;
	font-size: 12px;
	text-align: right;
	padding-right: 10px;
	color: #6D97AF;
	float: right;
}
#lang a{
	color: #1f5f83;
	text-decoration: none;
}
#lang a:hover{
	color: #1f5f83;
	text-decoration: underline;
}

#menu {
	width: 210px;
	background-image: url(images/fd-menu.gif);
	background-repeat: repeat-y;
	float: left;

}
#menu ul {
	font-size: 12px;
	margin-left: 19px;
	margin-right: 21px;
	line-height: 12px;
	margin-bottom: 10px;
	padding: 0px;

}
#menu ul li {
	list-style-type: none;
	width: 100%;
	display: block;
	margin: 0px;
	padding: 0px;

}
#menu ul a {
	color: #1f5f83;
	text-decoration: none;
	display: block;
	padding-top: 4px;
	padding-right: 5px;
	padding-bottom: 4px;
	padding-left: 5px;
	margin: 0px;

}
#menu ul a:hover {
	color: #FFFFFF;
	background-color: #1f5f83;
	display: block;
	margin: 0px;

}
#bot-menu {
	background-image: url(images/bot-menu.jpg);
	background-repeat: no-repeat;
	height: 37px;
	width: 210px;
	text-align: center;
	padding-top: 3px;
}
#bot-menu a {
	color: #FFFFFF;
	text-decoration: none;
	display: block;
	font-weight: normal;
}
#bot-menu a:hover {
	color: #FFFF00;
	letter-spacing: 1px;
	font-weight: normal;
}


#maintexte {
	padding-right: 41px;
	padding-left: 14px;
	margin-left: 220px;
	background-image: url(images/fd-puzzle-160.gif);
	background-repeat: no-repeat;
	background-position: 300px top;
}

h1 {
	font-size: 24px;
	font-weight: bold;
	color: #009999;
	padding-bottom: 20px;
}
h2 {
	font-size: 18px;
	font-weight: bold;
	color: #1F5F83;
	padding-bottom: 20px;
}
h3 {
	font-size: 14px;
	font-weight: bold;
	color: #1F5F83;
	padding-bottom: 10px;
}
h4 {
	font-size: 12px;
	font-weight: bold;
	color: #1f5f83;
	padding-bottom: 10px;
	letter-spacing: 1px;
}
a:link {
	color: #009999;
	text-decoration: none;
}
a:visited {
	color: #009999;
	text-decoration: none;
}
a:hover {
	color: #00778a;
	text-decoration: underline;
}
a:active {
	color: #00778a;
	text-decoration: underline;
}

p {
	font-size: 12px;
	line-height: 16px;
	padding-bottom: 4px;
	padding-top: 4px;
	color: #1f5f83;
}
#maintexte ul {
	font-size: 12px;
	padding-left: 36px;
	line-height: 14px;
	color: #1f5f83;
}
#maintexte li { padding-bottom: 5px; }


#signature {
	font-size: 12px;
	color: #1f5f83;
	width: 98%;
}
#signature td {
	padding-top: 4px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
	font-size: 12px;
}

#programme {
	font-size: 12px;
	color: #1f5f83;
	padding: 4px;
	border: 1px solid #1F5F83;
}
#programme th {
	width: 100px;
	text-align: right;
	padding: 4px;
	vertical-align: top;
	font-weight: bold;
}
#programme td {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #BCCFDA;
	padding: 4px;
}
#programme p {
	padding-bottom: 8px;
	padding-top: 0px;
}
.tablo-titre {
	font-weight: bold;
	color: #009999;
}


#footer {
	height: 210px;
	background-color: #FFFFFF;
	background-image: url(images/footer.jpg);
	background-repeat: no-repeat;
	background-position: top;
}
#footer p {
	padding-top: 20px;
	text-align: center;
	font-size: 10px;
	color: #666666;
}
#copyright {
	font-size: 10px;
	color: #666666;
	position: relative;
	top: 180px;
	text-align: center;
}
#copyright a {
	color: #1D5F82;
	text-decoration: none;
}
#copyright a:hover {
	color: #1D5F82;
	text-decoration: underline;
	background-color: #FFFFFF;
}
.txt-small { font-size: 10px; }
.cadre-bleu { border: 1px solid #1F5F83; }
#logos-table td {
	text-align: center;
	height: 120px;
	width: 50%;
	vertical-align: middle;
}
#logos-table { width: 98%; }

#formulaire {
	border: 1px solid #1F5F83;
	width: 98%;
}

#formulaire th {
	font-size: 11px;
	font-weight: bold;
	text-align: right;
	padding-right: 5px;
	width: 50%;
}
#formulaire td {
	padding: 5px;
	font-size: 11px;
	font-weight: normal;
}
.champstxt {
	border: 1px solid #1F5F83;
	padding: 2px;
	font-size: 10px;
	width: 96%;
	color: #1F5F83;
	letter-spacing: 1px;
}
.champstxt-small {
	border: 1px solid #1F5F83;
	padding: 2px;
	font-size: 10px;
	width: 100px;
	color: #1F5F83;
}

.box {

}
#order-table { border: 1px solid #1F5F83; }
#order-table td {
	font-size: 12px;
	font-weight: normal;
	padding: 2px;
	text-align: left;
	vertical-align: top;
}
#order-table th {
	text-align: right;
	width: 30px;
	padding: 2px;
	vertical-align: top;
}
.champs-order {
	border: 1px solid #1F5F83;
	font-size: 10px;
	width: 14px;
	color: #1F5F83;
	text-align: right;
	padding-top: 1px;
	padding-right: 4px;
	padding-bottom: 1px;
	padding-left: 4px;
}
#modal-table { border: 1px solid #1F5F83; }
#modal-table td {
	font-size: 12px;
	font-weight: normal;
	padding: 2px;
	text-align: left;
	vertical-align: top;
}
#modal-table th {
	text-align: right;
	width: 30px;
	padding: 2px;
	vertical-align: top;
}