body
{
	height: 100%;
	margin: 0;
	font-size: 80%;
	font-family: "Arial","Times New Roman";
	color: black;
	background: url(/images/fond.png) repeat-x #b3cceb;
}

#logo
{
	position:absolute;
	left:10px;
	top:10px;
}

#webcam
{
	width:640px;
	height:480px;
	padding:20px;
	margin:10px auto 0 auto;
	background:url(/images/fond_webcam.png) center center no-repeat;
}
#presentation
{
	margin:20px auto 0 auto;
	width:640px;
	text-align:left;
}
#presentation ul
{
	padding:0 0 0 25px;
}

#footer
{
	width:900px;
	margin:10px auto 20px auto;
	text-align:center;
}


/***************************   balises HTML   ***********************************/

a, a:visited{color: black; text-decoration: none;}
a:hover{color: #6b33a0;	text-decoration: underline;}

hr{background-color: black;}

table.border, table.border td, table.border th
{
	border-collapse: collapse;
	border: 1px solid black;	
}

small{font-size: 80%;}

/***********************   présentation générale   *******************************/

.border_test{border:1px solid blue;}

.align_left{text-align: left;}
.align_center{text-align: center;}
.align_right{text-align: right;}
.align_justify{text-align: justify;}

.float_left{float: left;}
.float_right{float: right;}
.clear_both{clear: both;}

.bloc_centre{margin-left:auto; margin-right:auto;}

.display_none{display: none;}
.display_block{display: block;}
.display_inline{display: inline;}
.contenu_cache{visibility: hidden;}


.bold{font-weight: bold;}
.italic{font-style: italic;}
.small{font-size: 90%;}

::-moz-selection{background: #0a246a; color: white;}
.pointer{cursor:pointer;}

.img_border{border: 1px solid black;}
.no_border{border:0;}

/*************************   Marges   ***********************************/

.no_padding_margin{padding:0; margin:0;}
.no_padding{padding:0;}
.no_margin{margin:0;}

.padding_5{padding: 5px;}
.padding_10{padding: 10px;}
.padding_20{padding: 20px;}

.padding_top_5{padding-top: 5px;}
.padding_top_10{padding-top: 10px;}
.padding_top_15{padding-top: 15px;}
.padding_top_20{padding-top: 20px;}

.padding_left_5{padding-left: 5px;}
.padding_left_10{padding-left: 10px;}
.padding_left_15{padding-left: 15px;}
.padding_left_20{padding-left: 20px;}

.padding_right_5{padding-right: 5px;}
.padding_right_10{padding-right: 10px;}
.padding_right_20{padding-right: 20px;}
.padding_right_50{padding-right: 50px;}

.padding_bottom_5{padding-bottom: 5px;}
.padding_bottom_10{padding-bottom: 10px;}
.padding_bottom_20{padding-bottom: 20px;}

.margin_top_5{margin-top: 5px;}
.margin_top_10{margin-top: 10px;}
.margin_top_15{margin-top: 15px;}
.margin_top_20{margin-top: 20px;}
.margin_top_30{margin-top: 30px;}

.margin_left_5{margin-left: 5px;}
.margin_left_10{margin-left: 10px;}
.margin_left_20{margin-left: 20px;}

.margin_right_5{margin-right: 5px;}
.margin_right_10{margin-right: 10px;}
.margin_right_20{margin-right: 20px;}

.margin_bottom_5{margin-bottom: 5px;}
.margin_bottom_10{margin-bottom: 10px;}
.margin_bottom_20{margin-bottom: 20px;}
.margin_bottom_30{margin-bottom: 30px;}

.padding_margin_top_0{padding-top:0; margin-top:0;}
.padding_margin_bottom_0{padding-bottom:0; margin-bottom:0;}

/************************   Formes textes   **********************************/

.font_09{font-size: 9px;}
.font_10{font-size: 10px;}
.font_11{font-size: 11px;}
.font_12{font-size: 12px;}
.font_13{font-size: 13px;}
.font_14{font-size: 14px;}
.font_15{font-size: 15px;}
.font_16{font-size: 16px;}
.font_17{font-size: 17px;}
.font_18{font-size: 18px;}
.font_19{font-size: 19px;}
.font_20{font-size: 20px;}
.font_22{font-size: 22px;}
.font_23{font-size: 23px;}
.font_25{font-size: 25px;}
.font_28{font-size: 28px;}
.font_30{font-size: 30px;}
.font_35{font-size: 35px;}