/*
************************************************************
* Rivest.css
* --------
* Feuille de style utilisée pour la mise en page de
* l'application.
*
* Copyright - Ewapps S.A. - 2007
************************************************************
*/

Body 
{
    background-color : #ccd7e2;
    margin : 0px;
}

Hr
{
	color : #aaaaaa;
	background-color : #aaaaaa;
	height : 1px;
	border : 0;
}

A, A:link, A:visited, A:active, A:hover
{
    color : #565656;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size : 10px;
    font-weight : normal;
    text-decoration: underline;
}

/*******************/
/* Menu 1er niveau */
/*******************/
.MenuItem 
{
  	background-image : url('/Images/topmenu-bg.gif');
    color : #535250;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size : 11px;
    font-weight : bold;
    line-height : 31px;
    margin : 0px 0px 0px 0px;
    text-align : center;
	vertical-align : middle;
	padding-left : 5px;
	padding-right : 5px;
    /* width : 91px; */
}
td.MenuItem a, td.MenuItem a:link, td.MenuItem a:visited, td.MenuItem a:active
{
   color : #535250;
   display : block;
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 11px;
   font-weight : bold;
   height : 31px;
   text-decoration : none;
   vertical-align : middle;
   /* width : 91px; */
}
td.MenuItem a:hover
{
   color : #535250;
}


.MenuItemActive 
{
  	background-image : url('/Images/topmenu-bg-active.gif');
    color : #ffffff;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size : 11px;
    font-weight : bold;
    line-height : 31px;
    margin : 0px 0px 0px 0px;
    text-align : center;
	vertical-align : middle;
	padding-left : 5px;
	padding-right : 5px;
    /* width : 93px; */
}
td.MenuItemActive a, td.MenuItemActive a:link, td.MenuItemActive a:visited, td.MenuItemActive a:active
{
   color : #ffffff;
   display : block;
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 11px;
   font-weight : bold;
   height : 31px;
   text-decoration : none;
   vertical-align : middle;
   /* width : 93px; */
}
td.MenuItemActive a:hover
{
   color : #ffffff;
}


/********************/
/* Menu 2ème niveau */
/********************/
.SubMenuItem 
{
  	background-image : url('/Images/submenu-bg.gif');
    color : #edecec;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size : 10px;
    font-weight : bold;
    line-height : 30px;
    margin : 0px 0px 0px 0px;
    text-align : center;
	vertical-align : middle;
	padding-left : 10px;
	padding-right : 10px;
    /* width : 96px; */
}
td.SubMenuItem a, td.SubMenuItem a:link, td.SubMenuItem a:visited, td.SubMenuItem a:active
{
   color : #edecec;
   display : block;
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 10px;
   font-weight : bold;
   height : 30px;
   text-decoration : none;
   vertical-align : middle;
   /* width : 96px; */
}
td.SubMenuItem a:hover
{
   color : #edecec;
}


.SubMenuItemActive
{
  	background-image : url('/Images/submenu-active-bg.gif');
    color : #0f0f0f;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size : 10px;
    font-weight : bold;
    line-height : 30px;
    margin : 0px 0px 0px 0px;
    text-align : center;
	vertical-align : middle;
	padding-left : 5px;
	padding-right : 5px;
    /* width : 96px; */
}
td.SubMenuItemActive a, td.SubMenuItemActive a:link, td.SubMenuItemActive a:visited, td.SubMenuItemActive a:active
{
   color : #0f0f0f;
   display : block;
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 10px;
   font-weight : bold;
   height : 30px;
   text-decoration : none;
   vertical-align : middle;
   /* width : 96px; */
}
td.SubMenuItemActive a:hover
{
   color : #ffffff;
   text-decoration : underline;
}


/**********/
/* Divers */
/**********/
.BottomAdresse
{
   color : #737577;
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 11px;
   font-weight : normal;
   padding-bottom : 0px;
   padding-right : 192px;
   text-align : right;
   vertical-align : middle;
   width : 380px;
}


.BottomCopyright
{
   color : #ffffff;
   font-family : Verdana, Arial, Helvetica, sans-serif;
   font-size : 9px;
   font-weight : normal;
   text-align : right;
   padding-right : 15px;
   vertical-align : top;
   padding-top : 10px;
}


.CopyrightLink, .CopyrightLink:link, .CopyrightLink:visited, .CopyrightLink:active
{
   color : #ffffff;
   text-decoration : none;
}
.CopyrightLink:hover
{
   color : #ffffff;
   text-decoration : underline;
}


.TextTitle 
{
    color : #5a5a5a;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size : 14px;
    font-weight : bold;
	padding-left : 16px;
	vertical-align : top;
	padding-top : 44px;
}


.PageContent
{
	background-image : url('/Images/content-bg.jpg');
	background-repeat: no-repeat;
	color : #565656;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size : 10px;
    font-weight : normal;
    padding : 20px 125px 0px 17px;
	vertical-align : top;
    width : 609px;
	height : 150px;
}

/********/
/* News */
/********/
#TableNews
{
	background-image : url('/Images/leftcol-content-bg-expand.gif');
	border-top : 1px solid #e4e7e7;
	border-bottom : 1px solid #e4e7e7;
	width : 186px;
}

.TableNewsTopTitle
{
    background-image : url('/Images/leftcol-content-bg-top.gif');
	color : #656565;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size : 12px;
    font-weight : normal;
    margin : 0px 0px 0px 0px;
    text-align : left;
	padding-left : 10px;
	vertical-align : middle;
    width : 186px;
	height : 40px;
}

.SpanNewsTopTitleRedBold
{
	color : #d52123;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size : 12px;
    font-weight : bold;
}

.TableNewsTopImage
{
	padding-left : 10px;
    width : 186px;
}

.LeftColContent 
{
	background-image : url('/Images/leftcol-content-bg-expand.gif');
    color : #565656;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size : 10px;
    font-weight : normal;
    margin : 0px 0px 0px 0px;
    text-align : left;
	padding-left : 10px;
	padding-right : 15px;
	vertical-align : top;
    width : 186px;
}

.NewsTitle
{
    color : #1d348b;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	margin: 0px;
	margin-bottom: 5px;
}


.NewsText
{
    color : #565656;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	margin: 0px;
	margin-bottom: 10px;
}


.NewsLink, .NewsLink:link, .NewsLink:visited, .NewsLink:active
{
   color : #d52123;
   font-weight : bold;
   text-decoration : none;
}
.NewsLink:hover
{
   color : #d52123;
   font-weight : bold;
   text-decoration : underline;
}

/********************/
/* Heures ouverture */
/********************/
#TableHeuresOuverture
{
	background-image : url('/Images/rightcol-content-bg-expand.gif');
	border-top : 1px solid #e4e7e7;
	border-bottom : 1px solid #e4e7e7;
	width : 185px;
}

.TableHeuresOuvertureTopTitle
{
    background-image : url('/Images/rightcol-content-bg-top.gif');
	color : #656565;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size : 12px;
    font-weight : normal;
    margin : 0px 0px 0px 0px;
    text-align : left;
	padding-left : 18px;
	vertical-align : middle;
    width : 185px;
	height : 40px;
}

.SpanHeuresOuvertureTopTitleRedBold
{
	color : #d52123;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size : 12px;
    font-weight : bold;
}

.TableHeuresOuvertureTopImage
{
	padding-left : 18px;
    width : 186px;
}

.RightColContent 
{
	background-image : url('/Images/rightcol-content-bg-expand.gif');
    color : #565656;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size : 10px;
    font-weight : normal;
    margin : 0px 0px 0px 0px;
    text-align : left;
	padding-left : 18px;
	vertical-align : top;
    width : 185px;
}


/**************/
/* Newsletter */
/**************/
.NewsLetterLink, .NewsLetterLink:link, .NewsLetterLink:visited, .NewsLetterLink:active
{
   color : #053567;
   font-weight : bold;
   text-decoration : none;
}
.NewsLetterLink:hover
{
   color : #053567;
   font-weight : bold;
   text-decoration : underline;
}


/************************************************/
/* Formulaire contact et inscription newsletter */
/************************************************/
form.ContactForm TextArea {
    width: 350px;
	height: 50px;
	background: #FFFFFF;
    border: 1px solid #B2B4B5;
    color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
}

.ContactFormInputText
{
	height: 14px;
	width: 350px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	border: 1px solid #B2B4B5;
	background: #FFFFFF;
	color: #000000;
}

.ContactFormSelect {
	background: #FFFFFF;
    border: 1px solid #B2B4B5;
    color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	height: 18px;
}

.ContactFormButton {
	border: 1px outset #666666; 
	background-color: #EEEEEE;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
    font-weight: normal;
	color: #000000;
}

/*************************************/
/* Autres formulaires et simulations */
/*************************************/
.Input
{
	height: 14px;
	width: 150px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	border: 1px solid #B2B4B5;
	background: #FFFFFF;
	color: #000000;
}

.InputRight
{
	height: 14px;
	width: 80px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	border: 1px solid #B2B4B5;
	background: #FFFFFF;
	color: #000000;
	text-align : right;
}

.InputSmall
{
	height: 14px;
	width: 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	border: 1px solid #B2B4B5;
	background: #FFFFFF;
	color: #000000;
}

.InputLarge
{
	height: 14px;
	width: 300px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	border: 1px solid #B2B4B5;
	background: #FFFFFF;
	color: #000000;
}

.Select {
	height: 18px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
    border: 1px solid #B2B4B5;
	background: #FFFFFF;
	color: #000000;
}

.TextArea {
	width: 450px;
	height: 70px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	border: 1px solid #B2B4B5;
	background: #FFFFFF;
	color: #000000;
}

.TextAreaSmall {
	width: 300px;
	height: 45px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	border: 1px solid #B2B4B5;
	background: #FFFFFF;
	color: #000000;
}

.Button {
	border: 1px outset #666666; 
	background-color: #EEEEEE;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
    font-weight: normal;
	color: #000000;
}

td.FormTitle
{
	background-color: #dddddd;
	height: 20px;
}

td.FieldTitle
{
	background-color: #dddddd;
	text-align: right;
	width: 120px;
}

td.FieldTitleLarge
{
	background-color: #dddddd;
	text-align: right;
	width: 200px;
}

td.FieldTitle2
{
	background-color: #dddddd;
	text-align: left;
	width: 250px;
}

.TextRemark
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: normal;
}


/**********************************************************************************************/
/* Styles CSS utilisés dans l'éditeur wysiwyg - sont aussi dans Inside2.css (Intranet/Editor) */
/**********************************************************************************************/
.TexteNormal {
    color : #565656;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size : 10px;
    font-weight : normal;
	text-align: justify;
}
.TexteGras {
    color : #565656;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size : 10px;
    font-weight : bold;
	text-align: justify;
}
.TexteNormalBleu {
    color : #1d348b;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size : 10px;
    font-weight : normal;
	text-align: justify;
}
.TexteGrasBleu {
    color : #1d348b;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: justify;
}
.TexteNormalRouge {
    color : #d52123;
    font-family : Verdana, Arial, Helvetica, sans-serif;
    font-size : 10px;
    font-weight : normal;
	text-align: justify;
}
.TexteGrasRouge {
    color : #d52123;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	text-align: justify;
}