﻿body 
{ 
	margin: 0px; 
	background-image: url(/sites/omac/images/bg_contenu.jpg); 
	font-family: Verdana, Arial;
	font-size: 11px;
}

#container 
{
	width: 810px;
	height:599px;
	margin:left;
	background-image:url(/sites/omac/images/bg_top.jpg);
	background-repeat:no-repeat;
	position: relative;
}

#header 
{
	margin-top:10px;
	border-width: 0px; 
	height: 132px;
	width: 720px; 
	color: #a7a7a7;
	text-transform: lowercase;
	margin-left: 60px;
}

#header a, #header a:link, #header a:visited
{
	color: #252525;
	text-decoration: none;
}

#header a:hover, #header a:active
{
	color: #000000;
}

#menutop
{
	height: 33px;
	background-image:url(/sites/omac/images/bg_menu.jpg);
	background-repeat: no-repeat;
	background-position: left bottom;
	margin-left:40px;
	position: relative;
	z-index: 10;
}

.menu
{
	border-width: 0px;
	border-collapse: collapse;
	cursor: pointer;
	z-index: 10;
}

.menusub, .menusubhover
{
	background-color: #0265a0; 
	border: solid 1px #ffffff;
	
	color: #ffffff;
	padding-left:3px;
	padding-right:3px;
	cursor: pointer;
}

.menusubhover
{
	color: #5fdefe;
}

.subgroup
{
	border: solid 1px #ffffff;
}


#menuright
{
	top: 0px;
	left: 825px;
	position: absolute;
	text-align: center;
}

.boxcasestudy
{
	padding: 2px;
	background-color: #1e8acb;
	width:155px;
}

.boxcreative
{
	padding: 2px;
	background-color: #0265a0;
	width:155px;
}

#content 
{
	width: 714px;
	padding: 5px;
	background-color: #1ab7ea;
	margin-left: 60px;
	position:relative;
	z-index: 1
}

.cadrecontenu {
	border: 2px solid #1e8acb;
	float:left;
	margin-right:14px;
	margin-bottom:6px;
}

.cadrenews 
{
	border: 1px solid #7c7b7b;
}

.linebottom 
{
	height: 24px;
	width:769px;
	background-image:url(/sites/omac/images/ligne_bottom.gif);
	position: relative;
	margin-left:41px;
}

.footerlogin
{
	background-image:url(/sites/omac/images/bg_bottom.jpg);
	background-repeat: no-repeat;
	height: 201px;
	width: 932px; 
	position: absolute;
	top: 1px;
	left: 1px;
	z-index: 1
}

.loginbox
{
	background-image:url(/sites/omac/images/bg_login-infolettre.jpg);
	background-repeat: no-repeat;
	height: 137px;
	width: 272px; 
}

.logintitle
{
	padding-top: 8px; 
	padding-left: 10px; 
	padding-bottom: 7px;
}
.logincontent
{
	padding: 8px;
}

.textbox
{
	filter: alpha(opacity=50);
	-moz-opacity: 0.50;
	opacity: 0.50;
	font-size: 11px;
	color: #000000;
	border: 1px solid #333333;
}

.titlecontent
{
	padding-left: 10px;	
	padding-top:3px;
	padding-bottom:3px;
	background-color: #1ab7ea;
	
}

.content
{
	padding: 14px;
}

.nu { text-decoration: none; }
.u { text-decoration: underline; }
.b { font-weight: bold; }
.xlarge { font-size: 16px; }
.large { font-size: 13px; }
.medium { font-size: 12px; }
.normal { font-size: 11px; }
.small { font-size: 10px; }

.white { color: #ffffff; }
.black { color: #000000; }
.blackpale { color: #3b3b3b; }
.bluedark { color: #0263a0; }
.red { color: Red; }
.blue { color: #057aba; }

a, a:link, a:visited
{
	font-size: 10px;
	color: #003366;
}

a:hover, a:active
{
	color: #000000;
}



table tr td
{
	white-space: normal;
}

.List { border: none; width:100%; border-width: 0px; }

.ListHeader { display:none; }

.List div.noitem { font-weight:bold; } 

.ListItem { border: none;}
.ListItem div.title {font-weight:bold; font-size:11px; color:#003366; margin-bottom: 3px; }
.ListItem div.subtitle {  margin-bottom: 3px; }
.ListItem div.content { padding:0px; }
.ListItem div.image { float:left; margin-right: 10px; }

.ListItem div.footer { font-size:10px; text-align:right  }
.ListItem div.separator { height:10px;  }
.ListItem div.separator hr { display:none; }

.ListAlternate div.title {font-weight:bold; font-size:11px; color:#003366;  margin-bottom: 3px; }
.ListAlternate div.subtitle {  margin-bottom: 3px; }
.ListAlternate div.content { padding:0px; }
.ListAlternate div.image { float:left; margin-right: 10px; }

.ListAlternate div.footer { font-size:10px; text-align:right  }
.ListAlternate div.separator { height:10px;  }
.ListAlternate div.separator hr { display:none; }


/* SINGLE PROCESS */
#singleheader {  }
#singlefooter {  }

.singletitle { font-weight:bold; font-size:12px; color:#003366; }
.singlesubtitle { font-size:11px;  margin-bottom: 3px; }
.singlecontent {  }
.singlecontent div.image { float:left; margin-right: 10px; }



/*MENU*/

.levelTextDisabled1,
.levelTextCollapsed1,
.levelTextHoverCollapsed1,
.levelTextHoverExpanded1,
.levelTextExpanded1,
.levelTextSelected1,
.levelTextDisabled1 

{  color: #ffffff; font-size: 12px; text-decoration: none; }



.levelTextDisabled1 a, 
.levelTextDisabled1 a:link, 
.levelTextDisabled1 a:visited { color:#ffffff; text-decoration:none; font-size: 12px;   font-weight: bold;}
.levelTextDisabled1 a:hover, 
.levelTextDisabled1 a:active { color:#ffffff; }
	
.levelDisabled1,		
.levelSelected1,
.levelCollapsed1,
.levelHoverCollapsed1,
.levelExpanded1,
.levelHoverExpanded1,
.levelHoverCollapsed1, 
.levelExpanded1, 
.levelHoverExpanded1, 
.levelSelected1, 
.levelDisabled1 { background-color: #057aba; padding-left: 10px; padding-top: 3px; padding-bottom: 3px; margin-bottom:10px; white-space:normal; }

.levelTextDisabled2,
.levelTextExpanded2,
.levelTextCollapsed2
{ padding-left: 10px; color:#003366; font-size: 11px; cursor: pointer; font-weight: bold;  }

.levelTextSelected2,
.levelTextHoverCollapsed2,
.levelTextHoverExpanded2
{ padding-left: 10px; color:#252525; font-size: 11px; cursor: pointer; font-weight: bold; }


.levelDisabled2,		
.levelSelected2,
.levelCollapsed2,
.levelHoverCollapsed2,
.levelExpanded2,
.levelHoverExpanded2,
.levelHoverCollapsed2, 
.levelExpanded2, 
.levelHoverExpanded2, 
.levelSelected2, 
.levelDisabled2
{
	background-image: url(/sites/omac/images/fleche_sous-menu.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 5px;
}


.levelSubGroup1  { margin-left: 10px; margin-bottom: 5px; white-space:normal; width:155px;}

.levelTextDisabled3,
.levelTextExpanded3,
.levelTextCollapsed3
{ padding-left: 10px; color:#003366; font-size: 11px; cursor: pointer; }

.levelTextSelected3,
.levelTextHoverCollapsed3,
.levelTextHoverExpanded3
{ padding-left: 10px; color:#252525; font-size: 11px; cursor: pointer; }


.levelDisabled3,		
.levelSelected3,
.levelCollapsed3,
.levelHoverCollapsed3,
.levelExpanded3,
.levelHoverExpanded3,
.levelHoverCollapsed3, 
.levelExpanded3, 
.levelHoverExpanded3, 
.levelSelected3, 
.levelDisabled3
{
	background-image: url(/sites/omac/images/tiret.gif);
	background-repeat: no-repeat;
	background-position: left center;
	white-space:normal;
	width:100px; 
}

.levelSubGroup2  { margin-left: 10px; margin-bottom: 5px; white-space: normal;  }





.levelTextDisabled4,
.levelTextExpanded4,
.levelTextCollapsed4
{ padding-left: 10px; color:#003366; font-size: 11px; cursor: pointer; }

.levelTextSelected4,
.levelTextHoverCollapsed4,
.levelTextHoverExpanded4
{ padding-left: 10px; color:#252525; font-size: 11px; cursor: pointer; }


.levelDisabled4,		
.levelSelected4,
.levelCollapsed4,
.levelHoverCollapsed4,
.levelExpanded4,
.levelHoverExpanded4,
.levelHoverCollapsed4, 
.levelExpanded4, 
.levelHoverExpanded4, 
.levelSelected4, 
.levelDisabled4
{
	background-image: url(/sites/omac/images/tiret.gif);
	background-repeat: no-repeat;
	background-position: left center;
	white-space:normal;
	width:100px; 
}

.levelSubGroup3  { margin-left: 10px; margin-bottom: 5px; white-space: normal;  }




.RadMenu_omac 
{
	border: none;
	padding-left: 14px;
}

.RadMenu_omac_Context
{
	background: none;
	border:0;
	
}

.RadMenu_omac .link
{
	text-decoration:none;
	background-color: #0265a0;
	border:none;
	white-space: nowrap;
	color: #ffffff;
	
}

.RadMenu_omac .link:hover,
.RadMenu_omac .focused,
.RadMenu_omac .expanded,
.RadMenu_omac .selected
{
	color: #5fdefe;
	cursor: pointer;
	cursor: hand;
	background-color: #0265a0;
}

.RadMenu_omac .horizontal span.text
{
	display: none;
}

.RadMenu_omac .vertical span.text
{
	display: block;
}


.RadMenu_omac .text
{
	font-size: 11px;
	font-family: Verdana, Arial;
}

.RadMenu_omac .group
{
	border: solid 1px #ffffff;
}

.RadMenu_omac .group .link
{
	background: #0265a0;
	border: none;
	text-align: left;
	padding: 3px; 
	padding-right: 3px;
}

.RadMenu_omac .group .link:hover,
.RadMenu_omac .group .focused,
.RadMenu_omac .group .expanded
{
	background-color: #0265a0;
	font-weight: normal;
	color: #5fdefe;
	cursor: pointer;
	cursor: hand;
}

.RadMenu_omac .leftArrow,
.RadMenu_omac .rightArrow,
.RadMenu_omac .topArrow,
.RadMenu_omac .bottomArrow,
.RadMenu_omac .leftArrowDisabled,
.RadMenu_omac .rightArrowDisabled,
.RadMenu_omac .topArrowDisabled,
.RadMenu_omac .bottomArrowDisabled
{
	background: #ededed url('img/left.gif') center center no-repeat;
	width:15px;
}

.RadMenu_omac .topArrow,
.RadMenu_omac .topArrowDisabled
{
	background-image:url('img/top.gif');
	width:100%;
}

.RadMenu_omac .bottomArrow,
.RadMenu_omac .bottomArrowDisabled
{
	background-image:url('img/bottom.gif');
	width:100%;
}

.RadMenu_omac .rightArrow,
.RadMenu_omac .leftArrow
{
	height:100%;
}

.RadMenu_omac .rightArrow,
.RadMenu_omac .rightArrowDisabled
{
	background-image: url('img/right.gif');
}

.RadMenu_omac .vertical .separator .text
{
	padding-top: 1px;
	background: #ffffff;
	font-size: 1px;
}



.RadMenu_omac .expandLeft,
.RadMenu_omac .expandRight
{
	background: transparent url(img/groupImage.gif) right center no-repeat;
	margin-right: 4px;
}

.RadMenu_omac_rtl .expandLeft,
.RadMenu_omac_rtl .expandRight
{
	background: url(img/groupImageRTL.gif) left center no-repeat;
}

.RadMenu_omac .link:hover .expandLeft,
.RadMenu_omac .link:hover .expandRight,
.RadMenu_omac .focused .expandLeft,
.RadMenu_omac .focused .expandRight,
.RadMenu_omac .expanded .expandLeft,
.RadMenu_omac .expanded .expandRight
{
	background:transparent url(img/invertedGroupImage.gif) right center no-repeat;
}

.RadMenu_omac_rtl .link:hover .expandLeft,
.RadMenu_omac_rtl .link:hover .expandRight,
.RadMenu_omac_rtl .focused .expandLeft,
.RadMenu_omac_rtl .focused .expandRight,
.RadMenu_omac_rtl .expanded .expandLeft,
.RadMenu_omac_rtl .expanded .expandRight
{
	background:transparent url(img/groupImageRTL.gif) left center no-repeat;
}




