/* CSS Document */

/* CSS Document */

body{
	margin:0;
	padding:0;
	text-align: center ;
	background-color:#067d99;
	background-image:url(../images_interface/fond_body.gif);
	background-repeat:repeat-x;
	color:#666;
	font: 0.8em Verdana, Arial, Helvetica, sans-serif ;
}

#container{	
	/* position: relative : obligatoire si on veut positionner des éléments internes en absolu */
	position:relative;
	background-image:url(../images/fond_home.gif);
	background-repeat:repeat-y;
	width: 979px;
	height:617px;
	margin:20px auto;
	text-align:left;
	background-color:#000000;
	font-family: "Trebuchet MS", Arial, Verdana, sans-serif;
}

h1{
	font-size:22px;
}

a{
	color:#0081a0;
	text-decoration:none;
}

a:hover{
	text-decoration:none;
}

table, td{
	font-family:Verdana, sans-serif, Arial, Helvetica;
	font-size:11px;
}

form{
	margin-top:15px;
	margin-left:90px;
	font-family:Verdana, sans-serif, Arial, Helvetica;
	font-size:11px;
	color:white;
}

input{
	margin:0;
	font-family:Verdana, sans-serif, Arial, Helvetica;
	font-size:11px;
}

/* Haut de page */

.logo_menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
	border-left:4px solid #ccc;
	padding:10px 7px 10px 4px;
	position:relative;
}

.logo_menu:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
	border-left:2px solid #fff;
	padding:40px 7px 40px 6px;
	position:relative;
}

.logo_menu_on {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-transform: uppercase;
	color: #fff;
	border-left:2px solid #fff;
	padding:50px 7px 50px 6px;
	position:relative;
}

/* Fin Haut de page */

#content{
	position:absolute;
	background-image: url(../images_interface/content_home_fond.gif);
	background-repeat:repeat-y;
	background-color:#000000;
	top:254px;
	width: 49px;
	height:364px;
}

#content p a{
	color:white;
}

#content_home{
	position:absolute;
	background-image: url(../images_interface/content_home_fond.gif);
	background-repeat:repeat-y;
	background-color:#000000;
	top:353px;
	width: 49px;
	height:264px;
}

#col1{
	position:absolute;
	background-color:#000000;
	top:375px;
	left:90px;
	width:275px;
	height:230px;
	text-align:left;
	font-size: 12px;
	color:#ffffff;
	padding-top:1px;
	padding-left:10px;
	border-left: solid 2px #ffffff;
}

#col2{
	position:absolute;

	background-color:#000000;
	top:375px;
	left:410px;
	width:275px;
	height:230px;
	text-align:left;
	font-size: 12px;
	color:#ffffff;
	padding-top:1px;
	padding-left:10px;
	border-left: solid 2px #ffffff;
}


#col3{
	position:absolute;
	background-color:#000000;
	top:375px;
	left:730px;
	width:215px;
	height:230px;
	text-align:left;
	font-size: 12px;
	color:#ffffff;
	padding-top:1px;
	padding-left:3px;
}

#col1_interne{
	position:absolute;
	background-color:#000000;
	top:275px;
	left:90px;
	width:575px;
	height:330px;
	text-align:left;
	font-size: 12px;
	color:#ffffff;
	padding-top:1px;
	padding-left:10px;
	border-left: solid 2px #ffffff;
}

#col2_interne{
	position:absolute;
	background-color:#000000;
	top:310px;
	left:730px;
	width:215px;
	height:230px;
	text-align:left;
	font-size: 12px;
	color:#ffffff;
	padding-top:1px;
	padding-left:3px;
}

#col3_interne{
	position:absolute;
	background-color:#000000;
	top:46px;
	left:730px;
	width:215px;
	height:230px;
	text-align:left;
	font-size: 12px;
	color:#ffffff;
	padding-top:1px;
	padding-left:3px;
}

#footer{
	position:absolute;
	background-image: url(../images_interface/footer.gif);
	background-repeat:repeat-x;
	top:617px;
	width:979px;
	height:5px;
}