/* CSS Document */

body {
	background-color: #003e7c;
	background-image: url(images/bg.gif);
	background-repeat: repeat-x;
	margin-top: 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #ffffff;
	text-align: left;
}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #003e7c;
	padding: 0;
}

a:link, a:visited, a:active {
	color: #60ccff;
	text-decoration:none;
}

a:hover {
	color:#ffffff;
	text-decoration:underline;
}


#contener {
	width: 790px;
	margin-top: 0px; 
	margin-left: auto;
	margin-right: auto;
}

#page {
	width: 580px;
	height: 100%;
	float: left;
}

#titre {
	height: 37px;
	padding-top: 35px;
}

#logo {
	height: 55px;
}

#contenu {
	text-align: justify;
}

#barre {
	width: 210px;
	float: right;
}

#menu {
	width: 190px;
	padding-left: 20px;
	background: url(images/bg_menu.png) repeat-y;
	float: right;
}

#menu ul {
	list-style-image: url(images/puce.gif);
}

#navigation {
	margin-top: 10px;
	font-size: 14px;
	padding-left: 12px;
}

#navigation li {
	color: #ffffff;
	border: 0;
	margin-bottom: 1px;
}

#navigation li a {
	display: block;
	color: #ffffff;
	font: Arial, Helvetica, sans-serif;
	line-height: 1em;
	text-align: left;
	text-decoration: none;
	padding: 6px;
}

#navigation li a:hover, #navigation li a:focus, #navigation li a:active {
	background: #002649;
	text-decoration: none;
}

#liens {
	width: 188px;
	padding-left: 12px;
	font-size: 12px;
}

#liens li {
	color: #ffffff;
	border: 0;
	margin-bottom: 1px;
}

#liens li a {
	display: block;
	color: #ffffff;
	font: Arial, Helvetica, sans-serif;
	text-align: left;
	text-decoration: none;
}

#liens li a:hover, #liens li a:focus, #liens li a:active {
	text-decoration: underline;
}

#flashcontent {
	height: 100%;
}

#crea {
	width: 530px;
	font-size: 16px;
	font-variant:small-caps;
	margin-top: 20px;
	padding: 0;
	list-style: none;
	text-align: left;
}

#crea li {
	display: inline;
	margin-right: 1px;
	color: #ffffff;
	border: 0;
}

#crea li a {
	padding: 4px 30px;
	border: 1px solid #3399CC;
	text-align: center;
	color: #ffffff;
	font: Arial, Helvetica, sans-serif;
	line-height: 1em;	
	text-decoration: none;	
}

#crea li a:hover, #crea li a:focus, #crea li a:active {
	background: #003e7c;
	text-decoration: none;
}

INPUT { color: #00274b; font-size: 11px; font-family: Arial, Helvetica, sans-serif; background-color: #EEEEEE; }
SELECT { color: #00274b; font-size: 11px; font-family: Arial, Helvetica, sans-serif; background-color: #EEEEEE; }
TEXTAREA { color: #00274b; font-size: 11px; font-family: Arial, Helvetica, sans-serif; background-color: #EEEEEE; }
.txterror { color: #ffffff; font-size: 11px; font-family: Arial, Helvetica, sans-serif; }
.txtform { color: #ffffff; font-size: 12px; font-family: Arial, Helvetica, sans-serif; }

.form_input{
    width: 150px;
    text-decoration: none;
	background-color: #fff;	
    padding: 1px;
    border: 1px solid #60ccff;
}

.form_bt{
    width: 70px;
    text-decoration: none;  
	background-color: #fff;  
    padding: 1px;
    border: 1px solid #60ccff;
}

.envoi {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #00274b;
	text-align: left;
}

.titre {
	font-size: 16px;
	font-variant:small-caps;
	color: #ffffff;		
}

.txt {
	color: #00274b;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

#ph_l {
	float: left;
	margin-right: 12px;
	margin-bottom: 7px;
}