html, body
{
	font-family:Arial;
	font-size:12px;
	background-color:#4A529B;
	margin:0;
	padding:0;
}

#site
{
	width:836px;
	height:187px;
	position:absolute;
	top:0;
	left:50%;
	margin-left:-419px;
	background-image:url(../images/layout/banner.jpg);
	background-repeat:no-repeat;
}

#main
{
	width:836px;
	position:absolute;
	top:187px;
	left:0;
	background-image:url(../images/layout/background.jpg);
	background-repeat:repeat-y;
}

#left
{
	width:179px;
	position:relative;
	float:left;
	background-image:url(../images/layout/lunettes.jpg);
	background-repeat:no-repeat;
	padding-top:48px;
	padding-left:32px;
}

#right
{
	width:571px;
	position:relative;
	float:left;
}

#footer
{
	width:836px;
	height:20px;
	position:relative;
	float:left;
	background-image:url(../images/layout/bottom.gif);
	background-repeat:no-repeat;
	line-height:20px;
	font-size:11px;
	text-align:center;
}

.box
{
	width:547px;
	position:relative;
	float:left;
	background-image:url(../images/layout/box.gif);
	background-repeat:repeat-y;
	margin-bottom:14px;
}

.box_top
{
	width:519px;
	height:24px;
	position:relative;
	float:left;
	background-image:url(../images/layout/box_top.gif);
	background-repeat:no-repeat;
	font-size:18px;
	font-weight:bold;
	color:#FFA800;
	font-variant:small-caps;
	padding-top:15px;
	padding-left:28px;
}

.box_middle
{
	width:463px;
	margin:15px 48px 0 36px;
	position:relative;
	float:left;
	display:inline;
	color:#4A529B;
}

.box_middle .border_img
{
	float:left;
	border:3px solid #FFA800;
	margin-right:34px;
}

.box_bottom
{
	width:523px;
	height:31px;
	position:relative;
	float:left;
	background-image:url(../images/layout/box_bottom.gif);
	background-repeat:no-repeat;
	text-align:right;
	color:#4A529B;
	padding-top:8px;
	padding-right:24px;
	
}

.photos
{
	width:156px;
	position:relative;
	float:left;
	text-align:center;
}

.photos p.titre
{
	margin:0;
	font-size:18px;
	font-weight:bold;
	color:#FFA800;
	font-variant:small-caps;
	text-align:left;
}

.photos img
{
	border:3px solid #FFA800;
}

p
{
	margin-top:0;
}

img, a img
{
	border:0;
}

img.border
{
	border:3px solid #FFA800;
}

a
{
	color:#FFA800;
}

.break
{
	width:463px;
	clear:both;
}

.icone
{
	margin-bottom:-4px;
}

.center
{
	text-align:center;
}

.bold
{
	font-weight:bold;
}

/* Message d'erreur */
.error
{
	color:#000000;
	padding:5px;
	border:1px solid #FF0000;
	background-color:#FFAAAA;
	font-weight:bold;
	background-image:url(../images/icones/error.png);
	background-repeat:no-repeat;
	background-position:5px 5px;
	text-indent:21px;
	margin-bottom:10px;
	margin-right:25px;
}

/* Message d'alerte */
.alert
{
	color:#000000;
	padding:5px;
	border:1px solid #FF7500;
	background-color:#FFE7AC;
	background-image:url(../images/icones/alert.png);
	background-repeat:no-repeat;
	background-position:5px 5px;
	text-indent:21px;
	margin-bottom:10px;
	margin-right:25px;
}

/* Message de validation */
.valid
{
	color:#000000;
	padding:5px;
	border:1px solid #009000;
	background-color:#AAFFAA;
	font-weight:bold;
	background-image:url(../images/icones/success.png);
	background-repeat:no-repeat;
	background-position:5px 5px;
	text-indent:21px;
	margin-bottom:10px;
	margin-right:25px;
}

/* Styles formulaires */
.cssform p.row
{
	clear:left;
	padding:5px 0 0 110px;
	height:1%;
}

.cssform label
{
	float:left;
	margin-left:-110px;
	width:105px;
	text-align:right;
}

.cssform input, select, textarea
{
	font-size:12px;
	border:1px solid #FFA800;
}

.cssform .checkbox
{
	border:0;
}

/* Styles tablaux */
.tableBorder
{
	width:463px;
	border:#FFA800 solid 1px;
	border-collapse:collapse;
	vertical-align:top;
}

.tableBorder tr, td
{
	border:#FFA800 solid 1px;
	padding:3px 6px 3px 6px;
}

.tableBorder th
{
	font-weight:bold;
	color:#4A529A;
	background-color:#FFA899;
	padding:3px 6px 3px 6px;
	border:1px solid #FFA800;
}

.noBorder
{
	width:463px;
	border-collapse:collapse;
	border-spacing:0;
}

.noBorder td
{
	border:0;
	padding:6px;
	vertical-align:top;
}

.noBorder tr.bottomBorder
{
	border-bottom:1px solid #000066;
}
