body {
	font-size: 12px;	
	font-family:"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
	background-color: #1511ff;
}

html>body #main {
	width: 100%;
}

html>body #contenu .left {
    float:none;
}

#acces {
	width: 100%;
	text-align: right;
	padding-bottom: 2px;
}

#accesother {
	width: 100%;
	text-align: right;
	padding-bottom: 2px;
	font-size: 15px;
	font-weight: bold;
}

#main {
	width: 100%;
}

#head {
	width: 100%;
	background-color: #FFFFFF;
	border-top: 2px groove #1511ff;
}

#banner {
	position: relative;
	width: 100%;
	padding-left: 17px;
	border-bottom: 2px solid #1511ff;
}

#textbanner {
	position: absolute;
	left: 410px;
	top: 15px;
	font-size: 15px;
	font-weight: bold;
	color: #1511ff;
	text-align: center;
	background-color: #FFFFFF;
	padding: 9px;
	margin: 9px;
	border: 1px solid #1511ff;
}

#banner p {
	text-align: right; 
}

#banner img {
	border: 0;
	margin-left: 10px;
	margin-right: 15px;
	vertical-align: top; 
}

#maincontent {
	width: 100%;
	height: 100%;
	padding-bottom: 1px;
	border-right: 1px solid #FFFFFF;
}

#maincontent div {
	font-size: 15px;
	padding-left: 9px;
	padding-right: 9px;
}

#content {
	display: table;
	width: 97%;
	height: 100%;
	background: url(imgs/fond_dessin.png) right bottom no-repeat;
	background-color: #FFFFFF;
	margin-bottom: 2px;
	border-right: 2px solid #000000;
	border-bottom: 2px solid #000000;
}

#content img {
	border: 2px solid #000000;
	padding: 2px;
	margin: 4px;
}

#content img:hover {
	border: 2px solid #1511ff;
	padding: 2px;
	margin: 4px;
}

#content .left .right {
	display: table-cell;
	height: 100%;
} 

#content .left {
	display: table-cell;
	float: left;
	width: 20%;
	height: 100%;
	border-bottom: 2px solid #1511ff;
	background-color: #1511ff;
}

#content .right {
	display: table-cell;
	width: 40%;
	height: 100%;
	padding: 6px;
	padding-left: 15px;
	padding-right: 55px;
	color: #000000;
} 

#content .center {
	text-align: center;
}

#content .spacer {
	clear: both;
}

#content .titlepage {
	font-size: 15px;
	font-weight: bold;
	color: #000000; 
}

#content .titlepage:first-letter {
	font-size: 17px;
	font-weight: bold;
	color: #FF6600; 
}

#content .box {
	width: 95%;
	font-size: 13px;
	color: #000000;
	padding-left: 5px;
	margin: 5px;
	text-align: justify;
	border-right: 3px solid #1511ff;
	border-left: 3px solid #1511ff;
	border-top: 1px solid #1511ff;
	border-bottom: 1px solid #1511ff;
}

#content .box li {
        display: block;
        margin-left: 18px;
        padding: 5px;
}
#content .box li:before {
	font-weight: bold;
	margin-left: -18px;
        content : ".: ";
	list-style-type: none;
}

#content .box img  {
	float: left;
	vertical-align: text-top;
	border: 2px solid #000000;
	padding: 2px;
	margin: 4px;
}

#content .boxsimple {
	border-right: 3px solid #1511ff;
	border-left: 3px solid #1511ff;
	border-top: 1px solid #1511ff;
	border-bottom: 1px solid #1511ff;
}

#content .boxsimple img {	
	border: 2px solid #000000;
	margin: 4px;
}

#content div.boxmulti {	
	float: left;
}

#content div.boxmulti p {
	text-align: center;
}

#menu {
	display: table-cell;
	width: 100%;
	height: 180%;
	background: url("imgs/fond_menu.png") no-repeat;
	background-color: #FFFFFF;
	padding-top: 10px;
	padding-bottom: 10px;
}

#menunav {
	display: table-cell;	
	width: 100%;
}

ul#menunav {
	margin: 0;
	padding: 0;
	list-style-type: none;
	/* background-color: #FFFFFF; */
}

ul#menunav li {
	/* float: left; */
	text-align: center;
}

ul#menunav li a {
	width: 170px;
	line-height: 35px;
	font-size: 12px;
	font-weight: bold;
	letter-spacing: 2px;
	color: #000000;
	display: block;
	text-decoration: none;
}

ul#menunav li a:hover {
	width: 100%;
	color: #1511ff;
	background: url(imgs/fond_hover.png) repeat-x 0 0 ;
	margin-left: 2px;
	/* background-color: #FFFFFF; */
}

/*
#menu div a span {
        display: none;
	position: relative;
}

#menu div a:hover span {
        display: block;
        position: absolute;
        top: 250px;
        left: 0px;
        width: 150px;
	line-height: 25px;
	padding-left: 10px;
        font-size: 15px;
        text-align: left;
        color: #1511ff;
	z-index: 100;
}
*/

#footer {
	width: 99%;
	padding: 2px;
	margin-top: 5px;
	background: url(imgs/bouton_bas.png) right bottom no-repeat;
	background-color: #FFFFFF;
	font-size: 12px;
	font-weight: bold;
	text-align: right;
	color: #FF6600;	
}

#footer span {
	padding-right: 15px;
}

#footerbanner {
	width: 100%;
	color: #000000;
	padding: 1px;
	margin-top: 5px;
	text-align: right;
}

#footerbanner img {
	border: 0;
}

h1 { 
	font-size: 30px;
	font-weight: bold;
	color: #1511ff;
	padding-left: 4px;
}

h2 { 
	font-size: 19px;
	font-weight: bold;
	color: #1511ff;
	border-top: 1px solid #000000;
	width: 95%;
	/* background: url(imgs/puce_orange.png) no-repeat; */
}

h3 { 
	font-size: 13px;
	font-weight: bold;
	color: #000000;
	padding-left: 9px;
}

p {
	font-size: 13px;
	text-align: justify;
	padding-left: 9px;
	padding-right: 9px;
	padding-bottom: 9px;
}

acronym {
	/* cursor:help; */
	font-weight: bold;
	border-bottom:1px dotted #1511ff;
}

.contact { 
        font-size: 17px;
        font-weight: bold;
        color: #FF6600;
        padding-left: 9px;
}

.invalid {
	color: #ff2a00;
	font-weight: bold;
}

.enavant {
	color: #000000;
	font-weight: bold;
	margin-left: 5px;
	padding-bottom: 10px;
}

.enavantdate {
	color: #000000;
	font-weight: bold;
	margin-left: 5px;
	padding-bottom: 10px;
}

#acces a {
	color: #FFFFFF;
}

#acces a:hover {
	color: #000000;
}

#acces a[accesskey]:after {
        content: "\0000a0[" attr(accesskey) "]";
        color : #FFFFFF;
        background : transparent;
}

#footerbanner a {
	color: #FFFFFF;
}

#footerbanner a:hover {
	color: #000000;
}

a {
	color: #000000;
}

a:hover {
	color: #1511ff;
}

.box a {
	color: #000000;
}

.box a:hover {
	color: #1511ff;
}

input {
	color: #000000;
	border: 1px solid #1511ff;
	width: 20%;
	cursor: pointer;
}

input.joli_bouton {
	font-weight: bold;
	background-color: #FFFFFF;
	border: 1px solid #62b40f;	
}

input.joli_bouton:hover {
	color: #62b40f;
	font-weight: bold;
	background-color: #FFFFFF;
}

textarea {
	color: #000000;
	border: 1px solid #62b40f;
	width: 70%;
	height: 100px;
	cursor: pointer;
}