/* ---[ Common.css ]---------------------------------------------

DESCRIPTION:
CSS récurents (CommonStyle = CS)
Agencement général des groupes d'éléments

CONTENT:
- General - Initialisation
- Containers Principaux
- HeadLine
- User Menu
- Header
- Search
- Menu général du site
- Footer
- Modal Styles
- Buttons
- Fonts
- Zones éditables
- Msg d'erreur: Flash Player trop vieux ou manquant

----------------------------------------------------------------- */


/* ---[ General - Initialisation ]------------------------------- */

html, body {
	margin: 0;
	padding: 0;
}

html {
	background-color: #f0f0f2;
	background-image: url(../images/Common/Interface/site_background_center.gif);
	background-repeat: repeat-y;
	background-position: center;
}

body {
	background-image: url(../images/Common/Interface/site_background_center_top.gif);
	background-position: center 43px;
	background-repeat: no-repeat;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

p {
	margin: 0 0 10px;
}

img {
	border:0px;
}

a {
	color:#3F76AC;
}

h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
}

.ImagePreloader {
	position:absolute;
	top:0px;
	left:0px;
	visibility:hidden;
}

.ClearLeft {
	clear:both;
	height:0;
	font-size:0;
	overflow:hidden;
	position:relative;
}

.MobileLink {
	display:none;
}

.Print {
	display:none;
}


/* ---[ Containers Principaux ]---------------------------------- */

#CS_Container {
	background-color:#FFF;
	background-image:url(../images/Common/Interface/container_backgroundRight.gif);
	background-position:right top;
	background-repeat:repeat-y;
	border-bottom:#427EBA solid 4px;
	margin:0 auto;
	width:990px;
	clear:both;
}

#CS_SideBarRight {
	float:right;
	font-size:11px;
	margin-bottom:20px;
	min-height:500px;
	padding: 31px 0 0;
	width:336px;
	background-color:#1C4772;
}

#CS_Content {
	float:right;
	width:654px;
	margin:17px 0 25px;
	padding:0;
}

#CS_Content_Left {
	float:left;
	width:468px;
	margin:0 0 12px 8px;
	display:inline;
}

#CS_Content_Right {
	float:right;
	width:160px;
	margin: 0 8px 12px;
	display:inline;
}


/* ---[ HeadLine ]----------------------------------------------- */

#CS_HeadLine {
	width: 100%;
	height: 31px;
	display: block;
	color: #000;
	background-image: url(../images/Common/Interface/site_background_top.gif);
	background-repeat: repeat-x;
	background-position: bottom;
}

#CS_HeadLine_Shadow {
	width: 100%;
	height: 31px;
	background-image: url(../images/Common/Interface/site_background_center_headline.gif);
	background-repeat: no-repeat;
	background-position: center bottom;
}

#CS_HeadLine_Content {
	margin:0 auto;
	width:990px;
	height:21px;
}

.CS_HeaderLine_Text {
	height:16px;
	font-size:1em;
	display:block;
	float:left;
	padding:3px 0 2px;
	color:#000;
}

.CS_HeaderLine_Text p {
	margin:0;
	padding:0;
}

.CS_HeaderLine_Text a {
	text-decoration:none;
}

.CS_HeaderLine_Text a:hover {
	text-decoration:underline;
}


/* ---[ User Menu ]---------------------------------------------- */

.CS_UserMenu {
	float:right;
}

.CS_UserMenu_Group{
	border:#000 1px solid;
	background-color:#fff;
	padding:1px 2px;
}

.CS_UserMenu_TopMenuItem {
	font-size:0.9em;
	color:#333;
}

.CS_UserMenu_TopMenuItemHover {
	font-size:0.9em;
	color:#fff;
	background-color:#666666;
	cursor:pointer;
}

.CS_UserMenu_MenuItem {
	font-size:0.9em;
	color:#333;
}

.CS_UserMenu_MenuItemHover {
	font-size:0.9em;
	background-color:#E8E8E8;
	cursor:pointer;
	color:#333;
}


/* ---[ Header ]------------------------------------------------- */

#CS_Header {
	background-color:#4B89C6;
	background-image:url(../images/Common/Interface/header_background.gif);
	background-repeat:repeat-x;
	height:125px;
	width:100%;
	float:left;
}

#CS_Logo a {
	background-color:transparent;
	float:left;
	margin: 28px 0 0 20px;
	position:relative;
}


/* ---[ Search ]------------------------------------------------- */

#CS_Search {
	float:right;
	padding:0px;
 	margin-top:74px;
 	width:338px;
 	clear:right;
}

#CS_Search_Control {
	border: #596d80 1px solid;
	background-color: #ffffff;
}

.CS_Search_ControlInput_Background,.CS_Search_ControlInput {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:700;
	color:#333;
	background-color:#fff;
	height:14px;
	width:159px;
	border-style:none;
	border-width:0;
	margin:1px 0 0;
	padding:0;
}

.CS_Search_ControlInput_Background {
	background-image: url(../images/common/Buttons/search_background.gif);
	background-repeat: no-repeat;
}

.CS_Search_ControlInput {
	background-image: none;
}

*html .CS_Search_ControlInput_Background {
	margin-top:-1px;
	background-position: 0 1px;
}

*+html .CS_Search_ControlInput_Background {
	margin-top:-1px;
	background-position: 0 1px;
}

*html .CS_Search_ControlInput {
	margin-top:-1px;
	background-position: 0 1px;
}


/* ---[ Menu général du site ]----------------------------------- */

.CS_TabMenu {
	float:left;
	padding-left:15px;
	background-color:#1C4772;
	background-image:url(../images/common/menu-site/menu-background.gif);
	background-repeat:repeat-x;
	/*height:55px; /* Permet d'aligner la hauteur de la colonne du milieu avec celle de droite  */
}

.CS_TabMenu_TopGroup {
	width:639px;
	padding-top:6px;
}

.CS_TabMenu_Level2Group {
	width:639px;
}

.CS_TabMenu_DefaultTab {
	margin:0 1px;
	cursor:pointer;
}

.CS_TabMenu_SelectedTab {
	margin:0 1px;
	cursor:default;
}

.CS_TabMenu_Level2Tab {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#555;
}

.CS_TabMenu_Level2TabHover {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#222;
	background-image:url(../images/common/menu-site/level2-background-hover.gif);
	background-repeat:repeat-x;
	cursor:pointer;
}

.CS_TabMenu_Level2TabSelected {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#3F76AC;
	cursor:default;
}


/* ---[ Footer ]------------------------------------------------- */

#CS_Footer {
	clear:both;
	height:auto;
	overflow:hidden;
	width:654px;
}

#CS_Footer_Content {
	background-color:#1C4772;
	clear:both;
	color:#eee;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	height:auto;
	overflow:hidden;
	text-decoration:none;
	width:622px;
	padding:0 16px 20px;
}

#CS_Footer_Content a:hover {
	background-color:#427EBA;
	color:#fff;
	text-decoration:none;
}

#CS_Footer_Menu {
	background-color:#427EBA;
	clear:both;
	color:#FFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	height:20px;
	overflow:hidden;
	padding: 0 16px;
	text-decoration:none;
	width:100%;
}

#CS_Footer_Content a {
	color:#eee;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
}

#CS_Footer_Menu a {
	color:#FFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	text-decoration:none;
}

#CS_Footer_Menu a:hover {
	background-color:#FFF;
	color:#1C4772;
	text-decoration:none;
}

#CS_Footer_Menu p {
	margin:3px 0 0;
	padding:0;
}

#CS_Footer_Content p {
	margin:12px 0 0;
	padding:0;
}


/* ---[ Modal Styles ]------------------------------------------- */

.CommonModalMask {
	background-color:#333;
	filter:alpha(opacity=40);
	opacity:.4;
}

.CommonModal {
	padding:0 7px;
}

.CommonModal1,.CommonModal2,.CommonModal3,.CommonModal4,.CommonModal5 {
	background-color:#ccc;
	background-image:url(../images/common/navigation-gradient.png);
	background-position:left -20px;
	background-repeat:repeat-x;
	border-left:solid 1px #666;
	border-right:solid 1px #666;
}

.CommonModal1 {
	border-bottom:solid 1px #666;
	border-left-width:0;
	border-right-width:0;
	border-top:solid 1px #666;
	margin:0 -2px;
	padding:0;
}

.CommonModal2 {
	border-left-width:2px;
	border-right-width:2px;
	margin:0 -2px;
	padding:1px 0;
}

.CommonModal3 {
	margin:0 -3px;
	padding:1px 0;
}

.CommonModal4 {
	margin:0 -2px;
	padding:2px 0;
}

.CommonModal5 {
	margin:0 -2px;
	padding:1px 0;
}

.CommonModalTitle {
	border-bottom:solid 1px #666;
	color:#000;
	cursor:move;
	font-size:130%;
	font-weight:bold;
	min-height:16px;
	padding:3px 6px 6px;
}

.CommonModalContent {
	background-color:#fff;
}

.CommonModalFooter {
	border-top:solid 1px #666;
	height:20px;
	width:100%;
}

.CommonModalClose {
	background-image:url(../images/common/close.gif);
	background-repeat:no-repeat;
	cursor:pointer;
	height:12px;
	overflow:hidden;
	position:absolute;
	right:6px;
	width:33px;
}

.CommonModalResize {
	background-image:url(../images/common/resize.gif);
	background-repeat:no-repeat;
	cursor:se-resize;
	height:14px;
	margin-top:4px;
	overflow:hidden;
	position:absolute;
	right:6px;
	width:14px;
}


/* ---[ Buttons ]------------------------------------------------ */

.linkedButton {
	margin:7px 0;
}

.linkedButtonSpacer {
	margin:20px 0;
}

.linkedButton a {
	display:inline;
	background-image: url(../Images/Common/button.gif);
	padding-top:5px;
	padding-bottom:5px;
	padding-left:15px;
	padding-right:15px;
	border: solid 1px #B5B8BA;
	color:#1C4772 !important;
	font-size:14px;
	text-decoration:none !important;
	font-weight:bold;
}

.linkedButton a:hover {
	text-decoration:none !important;
	background-position:0 -28px;
	color:#3e70a4 !important;
	border: solid 1px #7d9cbb;
	margin:0;
}

.linkedButton a:active {
	text-decoration:none !important;
	background-position:0 -56px;
	border: solid 1px #7d9cbb;
}

.linkedButtonSmall {
	margin:7px 0;
}

.linkedButtonSmall a {
	display:inline;
	background-image: url(../Images/Common/button.gif);
	background-position:0 -4px;
	padding: 3px 8px;
	border: solid 1px #B5B8BA;
	color:#1C4772 !important;
	font-size:10px;
	text-decoration:none !important;
	font-weight:bold;
}

.linkedButtonSmall a:hover {
	text-decoration:none !important;
	background-position:0 -32px;
	color:#3e70a4 !important;
	border: solid 1px #7d9cbb;
	margin:0;
}

.linkedButtonSmall a:active {
	text-decoration:none !important;
	background-position:0 -60px;
	border: solid 1px #7d9cbb;
}


/* ---[ Fonts ]-------------------------------------------------- */

.textSmall {
	font-size:10px;
}

.textMedium {
	font-size:11px;
}

.textLarge {
	font-size:12px;
}

.textExtraLarge {
	font-size:14px;
}

.textExtraExtraLarge {
	font-size:16px;
}

.textSmall,.textMedium,.textLarge,.textExtraLarge,.textExtraExtraLarge {
	font-weight:normal;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

.textSmall a,.textMedium a,.textLarge a,.textExtraLarge a,.textExtraExtraLarge a {
	font-weight:normal;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#3F76AC;
}
	
.textExtraExtraLarge a {
	font-weight:normal;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#3F76AC;
}

.textSmall a:hover,.textMedium a:hover,.textLarge a:hover,.textExtraLarge a:hover,.textExtraExtraLarge a:hover {
	text-decoration:underline;
}

.textBold {
	font-weight:700;
}


/* ---[ Zones éditables ]---------------------------------------- */

.CommonContentPartBorderOn:hover {
	border: #666 1px dashed;
	background-color: #EAEAEA;
	margin: -1px;
	cursor:text;
}


/* ---[ Msg d'erreur: Flash Player trop vieux ou manquant ]------ */

.CS_FlashVersionRequired {
	background-color:#FFE8E8;
	padding:10px;
	color:#000;
}


/*
Form Styles
*/

/*
.CommonFormArea
{
    margin: 16px 0;
}

.CommonFormTitle
{
	color: #aaa;
	font-size: 180%;
	letter-spacing: -1px;
	font-weight: bold;
	padding: 0;
	margin: 0 0 16px 0;
}

.CommonFormDescription
{
	padding: 8px 2px 8px 0;
}
*/

TD.CommonFormFieldName
{
	color: #000;
	padding: 2px 8px 1px 2px;
	
}

DIV.CommonFormFieldName
{
	color: #000;
	padding: 4px 2px 1px 2px;
	
}

TD.CommonFormFieldDescription
{
	padding: 1px;	
	font-weight: normal;
}

DIV.CommonFormFieldDescription
{
	padding: 1px;	
	font-weight: normal;
}

TD.CommonFormField
{
	color: #000;
	padding: 2px;
}

DIV.CommonFormField
{
	color: #000;
	padding: 2px;
}