/* #### > Base < #### */
body {
	margin: 0px;
	padding: 0px;
	text-align: center;
	background: #D2B475;
}
img {
	border: 0px;
	font-size: 10pt;
	color: #333333;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
}
.spacer {
	width: 0px;
	height: 0px;
	margin: 0px;
	padding: 0px;
	clear: both;
	visibility: hidden;
	overflow: hidden;
}
table
	{
	border-spacing: 1px;
	border-collapse: separate;
	}
form {
	margin: 0;
	padding: 0;
}
div.img-right {
	float: right;
	margin: 10px;
	margin-right: 0px;
	clear: both;
	}
div.img-left {
	float: left;
	margin: 10px;
	margin-left: 0px;
	clear: both;
	}
span.highlight { color: #407DC7; font-weight: bold; }
hr {
	width: 80%;
	height: 1px;
	border: 0;
	background: #ccc;
}

/* #### > Général < #### */
div.container1 {
	background: #fff;
	margin: auto;
	margin-bottom: 5px;
	width: 758px;
}
html>body div.container1 {
	width: 755px;
}
div.container2 {
	padding: 5px ;
}

/* #### > Header < #### */
div.header {
	height: 50px;
	background: #BA0202;
	text-align: right;
}
div.header-1 {
	margin-left: 20px;
	float: left;
}
div.header-numvert {
	margin-left: 50px;
	margin-top: 15px;
	float: left;
}
div.header-2 {
	margin-right: 20px;
}

/* #### > Menu < #### */
div.menu {
	height: 20px;
	background: #6872B8;
	text-align: left;
}
div.menu ul {
	line-height: 20px;
	margin: 0;
	padding: 0;
	list-style-type: none;
}
div.menu ul li {
	float: left;
	display: block;
}
div.menu ul li ul {
	position: absolute;
	display: none;
	margin-left: -1px;
	background: #B0B7E8;
	border: 1px solid #fff;
	border-top: 0;
}
div.menu ul li ul li {
	float: none;
	
}
div.menu ul li:hover ul {
	display: block;
}
div.menu ul li a { padding: 0 6px; text-decoration: none; display: block; font-size: 10pt; color: #fff; font-family: "Gill sans", "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; }
div.menu ul li a:hover { background: #919AD4; }
div.menu ul li a.select { background: #fff; color: #6872B8; border-left: 5px solid #fff; border-right: 5px solid #fff; }
div.menu ul li a.select:hover { background: #fff; }

div.menu ul li ul li a { font-size: 10pt; color: #353F89; font-family: "Gill sans", "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;}
div.menu ul li ul li a:hover { color: #fff; }

/* #### > Bandeau < #### */
div.bandeau {
	/*height: 165px; Maintenant définit dans le bandeau directement */
	margin: 5px 0 0 0;
	padding: 0;
	text-align: left;
	overflow: hidden;
}

/* #### > Leftcol < #### */
div.leftcol {
	width: 150px;
	margin: 0 5px 5px 0;
	padding: 0;
	background: #E2DBD1 url(/template/tpl1/leftcol-1.gif) top right no-repeat ;
	float: left;
	clear: both;
	text-align: left;
	overflow: hidden;
}
div.leftcol ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 1px solid #A1A5A9;
}
div.leftcol ul li {
	background: #fff;
	border-bottom: 1px solid #d9d9d9;
	margin: 0;
	padding: 0;
}
div.leftcol ul li ul {
	margin: 0;
	padding: 0;
	border: 0;
}
div.leftcol ul li ul li {
	background: #f9f9f9;
	border: 0;
}
div.leftcol h6 {
	margin: 15px 0 0 0;
	padding: 0;
	font-weight: normal;
	height: 30px;
	line-height: 30px;
	text-align: center;
	background: #ebebeb url(/template/tpl1/leftcol-h6-bg.gif) top repeat-y;
}

div.leftcol h6 a
{
	padding: 0;
	letter-spacing: 1px;
	font-size: 10pt;
	color: #000;
	font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	display: block;
	background: url(/template/tpl1/leftcol-h6-top.gif) left top no-repeat;
}

div.leftcol ul li a,
div.leftcol ul li a.select {
	padding: 4px 0 4px 10px;
	font-size: 9pt;
	color: #446BAA;
	font-family: "Gill sans", "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	display: block;
	/* Afin de régler le bug de height d'MSIE */
	height: 20px;
}
html>body div.leftcol ul li a, html>body div.leftcol ul li a.select {  /* On rétablit pour les autre navigateurs */ height: auto; }
div.leftcol ul li a:hover { background: #ebebeb; }
div.leftcol ul li a.select,
div.leftcol ul li a.select:hover { background: #ebebeb url(/template/tpl1/leftcol-ssmenu1.gif) 2px 50% no-repeat; }

div.leftcol ul li ul li a,
div.leftcol ul li ul li a.select {
	background-image: none;
	padding: 2px 0 2px 18px;
	font-size: 9pt;
	color: #C87964;
	font-family: "Gill sans", "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	text-decoration: none;
	display: block;
	/* Afin de régler le bug de height d'MSIE */
	height: 15px;
}
html>body div.leftcol ul li ul li a, html>body div.leftcol ul li ul li a.select { /* On rétablit pour les autre navigateurs */ height: auto; }
div.leftcol ul li ul li a:hover,
div.leftcol ul li ul li a.select, div.leftcol ul li ul li a.select:hover { color: #BE5539; background: transparent url(/template/tpl1/leftcol-ssmenu2.gif) 10px 50%  no-repeat; }

div.newsletter {
	margin: 25px 0 0 0;
	padding: 0 0 4px 0;
	background: #D1DDE1;
}
div.newsletter div {
	margin: 4px 4px 0 4px;
	padding: 2px 2px 4px 2px;
	background: #EEF3F4;
}
div.newsletter div div {
	margin: 0;
	padding: 0;
}
div.newsletter p { margin: 0 0 4px 0; font-size: 8pt; color: #991D1D; font-family: "Gill sans", "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; }
div.newsletter input.input-text { width: 80px; border: 1px solid #B8C3C6; border-right: 0; font-size: 8pt; color: #546A70; font-family: "arial", "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; }
div.newsletter input.input-submit { border: 1px solid #B8C3C6; font-size: 8pt; color: #546A70; font-family: "arial", "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; }
div.newsletter input.input-submit:hover { background: #B8C3C6; color: #fff; }
div.newsletter a { color: #546A70; text-decoration: none; }
div.newsletter a:hover { background: #D9E1E3; text-decoration: none; }

/* #### > Page < #### */
div.page {
	width: 580px;
	margin: 5px 0 5px 10px;
	text-align: left;
	float: left;
}
div.page { font-size: 11px; color: #000; font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; }
div.page a { color: #CC3300; text-decoration: underline; -moz-border-radius: 50px; padding: 0 3px; }
div.page a:hover { text-decoration: none; background-color: #FEE4D2; }

div.page a.link-img { background: transparent; text-decoration: none; border: 0; }

div.page a.highlight { padding-right: 16px; font-size: 1.2em; color: #CC3300; text-decoration: underline; background: url(/template/tpl1/fleche.gif) center right no-repeat; }
div.page a.highlight:hover { text-decoration: none; background: #FEE4D2 url(/template/tpl1/fleche.gif) center right no-repeat; }

div.arbo { font-size: 8pt; color: #ABABAB; font-family: "Gill sans", "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; }
div.arbo a { font-size: 8pt; color: #ABABAB; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; text-decoration: none; }
div.arbo a:hover { color: #333; background: transparent; }

div.page h1 { margin: 0 0 15px 0; font-size: 14pt; color: #6872B8; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; font-weight: normal; }

div.page ul li {
	margin-bottom: 10px;
}

div.rightcol { /* !!!IMPORTANT!!! 'rightcol' doit se situer DANS 'page' avant tout contenu */
	float: right;
	width: 150px;
	background: #E1DBD1;
	margin-left: 5px;
	margin-bottom: 15px;
}

div.rightcol a { padding: 0; }

div.page h2 {
	margin: 20px 0 0 0 ;
	padding: 2px 10px;
	background: #f2f2f2 url(/template/tpl1/h2-grade.gif) repeat-x;
	font-weight: normal;
	font-size: 12pt;
	color: #3157AE;
	font-family: "Gill sans", "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
}
div.page h2 a { background: url(/template/tpl1/fleche.gif) center left no-repeat; padding-left: 20px; font-size: 12pt; color: #3157AE; font-family: "Gill sans", "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; }
div.page h2 a:hover { background: url(/template/tpl1/fleche.gif) center left no-repeat; }
div.page h2 span.small { font-size: 0.8em; }

div.leftcol h3 {
	margin: 0;
	padding: 0;
	font-weight: normal;
}
div.page div.list-item h3 a { background: url(/template/tpl1/fleche.gif) center left no-repeat; padding-left: 20px; font-size: 10pt; color: #3157AE; font-family: "Gill sans", "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; text-decoration: none; }
div.page div.list-item h3 a:hover { background: url(/template/tpl1/fleche.gif) center left no-repeat; color: #032061; }

div.page p {
	margin: 10px 0;
	padding: 0;
	text-indent: 10px;
	background: url(/template/tpl1/p-alinea.gif) 0 3px no-repeat;
}

div.page p.link {
	text-align: right;
	margin: -10px 0 0 0;
	font-style: italic;
	clear: both;
	background: none repeat;
}

div.page ul.asterisque { color: #f30; clear: both; border: 1px solid #f30; padding: 2px 2px 2px 30px; list-style-type: circle; }
div.page ul.asterisque li { margin: 0; }
div.page ul.asterisque li.etoile { list-style-type: none; margin-left: -20px; font-size: 2em; }

/* #### > NextMenu < #### */
div.nextmenu {
	padding: 20px 0 10px 0 ;
	text-align: right ;
	clear: both;
}
div.nextmenu a { border: 1px solid #96B2D5; border-width: 1px 0 1px 0; padding: 2px 10px 2px 2px; font-size: 8pt; color: #96B2D5; font-family: "arial", "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; text-decoration: none; background: url(/template/tpl1/fleche-next.gif) right center no-repeat; }
div.nextmenu a:hover { border-color: #4B71A0; color: #4B71A0; background: url(/template/tpl1/fleche-next-on.gif) right center no-repeat; }

div.prevmenu a { border: 1px solid #96B2D5; border-width: 1px 0 1px 0; padding: 2px 2px 2px 10px; font-size: 8pt; color: #96B2D5; font-family: "arial", "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; text-decoration: none; background: url(/template/tpl1/fleche-prev.gif) left center no-repeat; float: left; margin-bottom: 20px; }
div.prevmenu a:hover { border-color: #4B71A0; color: #4B71A0; background: url(/template/tpl1/fleche-prev-on.gif) left center no-repeat; }

/* #### > Footer < #### */
div.footer {
	height: 16px;
	line-height: 16px;
	padding: 0 0 0 5px;
	background: #6872B8 url(/template/tpl1/footer-ov.gif) top right no-repeat ;
	text-align: left;
	clear: both;
}
div.footer { font-size: 9pt; color: #CFDFFB; font-family: "Gill sans", "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; }
div.footer a { font-size: 9pt; color: #CFDFFB; font-family: "Gill sans", "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif; text-decoration: none; }
div.footer a:hover { color: #fff; }

div.temp {
	margin-top: 10px;
	height: 60px;
	padding: 20px 50px;
	background: #f1f1f1 url(/template/tpl1/temp.gif) 50px center no-repeat;
	border: 1px solid #ccc;
	font-size: 12pt;
	color: #333;
	font-family: "Gill sans", "Trebuchet MS", Geneva, Arial, Helvetica, sans-serif;
	text-align: right;
	width: 350px;
	voice-family: "\"}\"";
	voice-family: inherit;
	width: 300px;
}

div.extraleftcol { width: 150px; text-align: center; margin-top: 10px; }