/*********************************************************************
**************************  B O D Y  *********************************
*********************************************************************/
html, body {width:100%;height:100%;}

body
{
	font-family			: arial, helvetica, sans-serif;
	margin				: 0px;
	background-color	: #FFFFFF;
	background-image	: url(/images/srosa/bg-principal.jpg);
}

#entete
{
	height				: 121px;
	background-image	: url(/images/srosa/bg-top.jpg);
}

#bloc-logo
{
	float				: left;
	width				: 400px;
	height				: 121px;
	
	background-color	: #FFFFFF;
	background-image	: url(/images/srosa/bg-top-trans.jpg);
	background-repeat	: repeat-y;
	background-position	: right;
}

.bloc-menu {left:10px;margin:0px 0px 0px 10px;position:absolute;top:93px;}
.bloc-menu#preferences_menu { top: 175px; }
.bloc-menu a, .bloc-menu a:link, .bloc-menu a:visited {background-color:transparent;color:#00607E;float:left;font-family:arial, helvetica, sans-serif;font-size:11px;font-weight:bold;margin:0px 0px 0px 15px;padding:10px 0px 0px 8px;text-decoration:none;text-transform:uppercase;}
.bloc-menu a:hover {background-image:url(/images/srosa/bg-menu.gif);background-repeat:no-repeat;background-position:top left;color:#32B301;float:left;font-size:11px;font-weight:bold;margin:0px 0px 0px 15px;padding:10px 0px 0px 8px;text-decoration:none;text-transform:uppercase;}

.bloc-sub-menu { margin-bottom: 10px; height: 20px; }
.bloc-sub-menu a, .bloc-menu a:link, .bloc-menu a:visited {background-color:transparent;color:#00607E;float:left;font-family:arial, helvetica, sans-serif;font-size:11px;font-weight:bold;margin:0px 0px 0px 15px;padding:10px 0px 0px 8px;text-decoration:none;text-transform:uppercase;}
.bloc-sub-menu a:hover {background-image:url(/images/srosa/bg-menu.gif);background-repeat:no-repeat;background-position:top left;color:#32B301;float:left;font-size:11px;font-weight:bold;margin:0px 0px 0px 15px;padding:10px 0px 0px 8px;text-decoration:none;text-transform:uppercase;}


.admin-menu{}
.admin-menu a, .admin-menu a:link, .admin-menu a:visited {background-color:transparent;color:#00607E;font-family:arial, helvetica, sans-serif;font-size:11px;font-weight:bold;float:left;margin:0px 0px 0px 15px;padding:10px 0px 0px 8px;text-align:center; text-decoration:none;text-transform:uppercase;}
.admin-menu a:hover {background-image:url(/images/srosa/bg-menu.gif);background-repeat:no-repeat;background-position:top left;;color:#32B301;font-family:arial, helvetica, sans-serif;font-size:11px;font-weight:bold;float:left;margin:0px 0px 0px 15px;padding:10px 0px 0px 8px;text-decoration:none;text-transform:uppercase;}

#bloc-bulle { background-image: url(/images/srosa/bulle.gif); background-position: left; background-repeat: no-repeat; height: 227px; position: absolute; right: 0px; top: 0px; width: 260px; }
#bloc-bulle p {color:#333333;font-size:12px;font-weight:bold;line-height:15px; margin:23px 0 0 33px; width: 195px; }

#bande
{
	width				: 99.8%;
	height				: 232px;
	padding				: 1px;
	background-image	: url(/images/srosa/bg-bande.jpg);
	background-repeat	: repeat-x;
}

#bande-page-top
{
	color				: #FFFFFF; 
	font-weight			: bold; 
	font-size			: 18px; 
	text-align			: left;
	margin				: 0px;
	padding				: 10px 0px 0px 25px;
	background-color	: #66C740;
	background-image	: url("../../images/srosa/pages/bande-top.gif");
	background-position	: top;
	background-repeat	: repeat-x;
	
}
#bande-page
{
	padding				: 1px 1px 0px 10px;
	text-align			: left;
	background-color	: #66C740;
	background-image	: url("../../images/srosa/pages/bande-bottom.jpg");
	background-position	: bottom;
	background-repeat	: repeat-x;
}

.boiteverte{background-color:#EFF6E7;font-size:11px;font-weight:500;line-height:11px;margin:10px;}
.boiteverte h1 {color:#2A9000;font-weight:bold;font-size:14px;margin:0px 0px 10px 20px;padding:0px;text-align:left;}
.boiteverte h2 {color:#333333;font-size:12px;font-weight:bold;margin:0px 0px 10px 20px;text-align:left;}
.boiteverte p {font-size:11px;font-weight:500;line-height:15px;margin:0px;padding:0px 10px 10px 20px;}
.boiteverte .t{;background-image:url("/images/srosa/boite-verte/t.gif");background-repeat:repeat-x;height:15px;width:100%;}
.boiteverte .tl{background-image:url("/images/srosa/boite-verte/tl.gif");background-repeat:no-repeat;float:left;height:15px;width:15px;}
.boiteverte .tr{background-image:url("/images/srosa/boite-verte/tr.gif");background-repeat:no-repeat;float:right;height:15px;width:15px;}
.boiteverte .c{border-left:2px solid #2E8E0B;border-right:2px solid #2E8E0B;padding:10px;}
.boiteverte .b{;background-image:url("/images/srosa/boite-verte/b.gif");background-repeat:repeat-x;height:15px;width:100%;}
.boiteverte .bl{background-image:url("/images/srosa/boite-verte/bl.gif");background-repeat:no-repeat;float:left;height:15px;width:15px;}
.boiteverte .br{background-image:url("/images/srosa/boite-verte/br.gif");background-repeat:no-repeat;float:right;height:15px;width:15px;}
.boiteverte.public {margin-right:200px;}

.boiteblanche
{
	margin				: 10px;
	background-image	: url("/images/srosa/boite-blanche/br.gif");
	background-repeat	: no-repeat;
	background-position	: bottom right;
}
.boiteblanche-top {
	margin				: 0px;
	padding				: 0px;
	background-image	: url("/images/srosa/boite-blanche/tr.gif");
	background-repeat	: no-repeat;
	background-position	: top right;
}
.boiteblanche-top h1 {
	color				: #333333; 
	font-weight			: bold; 
	font-size			: 11px; 
	margin				: 0px;
	padding				: 10px 0px 0px 20px;
	background-image	: url("/images/srosa/boite-blanche/tl.gif");
	background-repeat	: no-repeat;
	background-position	: top left;
}
.boiteblanche-contenu {
	margin				: 0px;
	padding				: 4px 8px 10px 25px;
	background-image	: url("/images/srosa/boite-blanche/bl.gif");
	background-repeat	: no-repeat;
	background-position	: bottom left;
	font-size			: 11px;
	line-height			: 14px;
	font-weight			: 500;
}

.boiteblanche-contenu p {
	margin				: 0px;
	padding				: 0px;
	font-size			: 11px;
	font-weight			: 500;
	line-height			: 14px;
}

.boiteblanche h2{
	color				: #333333; 
	font-weight			: bold; 
	font-size			: 11px;
	padding				: 0px;
	margin				: 10px 0px -5px 10px;
}
