/***** MAIN TAGS *****/
* {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

html {	height: 100%; }

body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	height: 100%;
	background: #FFFFFF url(/img/bg_site.jpg) top left repeat;
}

p, a, h1, h2, ul, ol, li, img, form {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
}

h1.PageTitle {
	color: #f58026;
	font-size: 24px;
	font-weight: normal;
	margin-bottom: 25px;
}

p.ParagraphTitle {
	color: #F58026;
	font-weight: bold;
}

p.PageSubTitle {
	color: #658AA4;
	font-size: 14px;
	font-weight: bold;
}

p.SectionTitle {
	color: #666666;
	font-size: 14px;
	font-weight: bold;
}

a {
	color: #0b3556;
	text-decoration: underline;
}

a:hover {
	text-decoration: none;
}

ul, ol {
	padding-left: 30px;
}

li {
	list-style: square;
}

img.CaseStudyTitle {
	vertical-align: top;
	margin-bottom: 25px;
}

img.CaseStudyBackground {
	float: right;
	margin: 0px 0px 15px 0px;
}

.SmallText { font-size: 10px; }

div.BulletList {
	background: url(../img/bullet.gif) 0px 4px no-repeat;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 10px;
}

div.ListChantier {
	background: url(../img/bullet.gif) 0px 4px no-repeat;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 5px;
	padding-left: 10px;
}
div.BulletListOrange, .BulletListOrange {
	padding: 0px 20px 0px 10px;
	background: url(../img/bullet_orange.gif) 0px 4px no-repeat;
}
.contenuFB .paragraphSansEspace {
	padding: 0px;
	margin: 0px;
}


div.BulletListWhite {
	padding: 0px 20px 0px 10px;
	background: url(../img/bullet_white.gif) 0px 4px no-repeat;
}
/***** MAIN TAGS *****/


/***** BULLET LIST *****/
div.BulletListContainer {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	border: none;
}

div.BulletListItem {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
	padding: 0px 20px 0px 10px;
	background: url(../img/bullet.gif) 0px 4px no-repeat;
}
/***** BULLET LIST *****/


/***** CONTAINER TAGS *****/
div.SiteContainer {
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	border: none;
	border-left: 10px solid #FFFFFF;
	border-right: 10px solid #FFFFFF;
	width: 930px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position: relative;
	background: #FFFFFF;
}

div.HeaderContainer {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
	width: 930px;
	height: 208px;
	position: relative;
	background-image: url(images/headSFQ.jpg);
}

div.HeaderContainer img.LogoLink {
	width: 175px;
	height: 129px;
	position: absolute;
	top: 24px;
	left: 43px;
}

div.ContentContainer {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
	width: auto;
	height: auto;
	position: relative;
}

div.FooterContainer {
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
	border: none;
	width: auto;
	height: auto;
	position: relative;
}
/***** CONTAINER TAGS *****/


/***** TOP RIGHT HEADER MENU *****/
div.HeaderMenuTopRightContainer {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
	width: auto;
	height: 30px;
	position: absolute;
	top: 10px;
	right: 0px;
	background: url(../img/menutopright_bg.png) top left repeat-x;
}

div.HeaderMenuTopRightContainer div.InnerContainer {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
	width: auto;
	line-height: 16px;
}

div.HeaderMenuTopRightContainer div.InnerContainer a.MenuLink {
	padding: 0px 10px 0px 10px;
	color: #000000;
	font-size: 10px;
	text-decoration: none;
}

div.HeaderMenuTopRightContainer div.InnerContainer a.MenuLink:hover {
	color: #F58026;
}
/***** TOP RIGHT HEADER MENU *****/


/***** MAIN HEADER MENU *****/
div.HeaderMenuMainContainer {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
	width: auto;
	height: 50px;
	position: relative;
	background: url(../img/top_menu/bg_menu.jpg) top left repeat-x;
	overflow: visible;
	z-index: 100;
}

div.HeaderMenuMainContainer img.MenuButton {
	float: left;
	height: 32px;
}

div.HeaderMenuMainContainer div.TopMenuSearchContainer {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
	float: left;
	width: 234px;
	height: 32px;
	background: url(../img/top_menu/bg_search.jpg) top left no-repeat;
}

div.HeaderMenuMainContainer div.TopMenuSearchContainer input.TextBox {
	margin: 5px 0px 0px 11px;
	float: left;
	width: 149px;
	height: 15px;
}

div.HeaderMenuMainContainer div.TopMenuSearchContainer input.SubmitButton {
	margin: 5px 6px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
	float: right;
	width: 51px;
	height: 21px;
	cursor: pointer;
	background: url(../img/top_menu/submit.jpg) top left no-repeat;
}
/***** MAIN HEADER MENU *****/


/***** HORIZONTAL SPACERS *****/
div.HorizontalSpacer {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
	overflow: hidden;
}

div.HorizontalSpacerClearBoth { clear: both; }

div.HorizontalSpacer1px { height: 1px; }

div.HorizontalSpacer2px { height: 2px; }

div.HorizontalSpacer5px { height: 5px; }

div.HorizontalSpacer10px { height: 10px; }

div.HorizontalSpacer25px { height: 25px; }

div.HorizontalSpacerHR { height: 1px; background: #84A1B6; }

div.HorizontalSpacerBulletList { height: 5px; }

/***** HORIZONTAL SPACERS *****/



/***** LEFT MENU *****/
div.LeftMenuItem {
	margin: 0px 0px 0px 0px;
	padding: 5px 5px 5px 5px;
	border: none;
	width: 170px;
	cursor: pointer;
}

div.LeftMenuItem a { text-decoration: none; }

div.LeftMenuItemOn { background: #AFD4E4; }

div.LeftMenuItemOff { background: #EAf0f4; }

div.LeftMenuItemSel { background: #F58026; }

div.LeftMenuItemSel a { color: #FFFFFF; }
/***** LEFT MENU *****/


/***** TOP MENU *****/
div.TopMenuContainer {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 1px solid #80A3B7;
	display: none;
	background: #EAF0F4;
	position: absolute;
	top: 31px;
	left: 0px;
	z-index: 1000;
	width: 200px;
}

div.TopMenuContainer div.TopMenuItemOff {
	margin: 0px 0px 0px 0px;
	padding: 3px 5px 3px 5px;
	border: none;
	background: #EAF0F4;
	cursor: pointer;
}

div.TopMenuContainer div.TopMenuItemOff a {
	text-decoration: none;
}

div.TopMenuContainer div.TopMenuItemOn {
	margin: 0px 0px 0px 0px;
	padding: 3px 5px 3px 5px;
	border: none;
	background: #d7e2e9;
	cursor: pointer;
}

div.TopMenuContainer div.TopMenuItemOn a {
	text-decoration: none;
}
/***** TOP MENU *****/


/***** RIGHT COLUMN *****/
div.RightColumnContainer {
	float: right;
	width: 232px;
	margin-left: 25px;
}

div.RightColumnContainer div.HeaderContainer {
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	border: 1px solid #6c91a9;
	border-bottom: none;
	position: static;
	width: 210px;
	height: auto;
	background: #dae6ec url(../img/bg_rightcol_header.jpg) top left no-repeat;
}

div.RightColumnContainer div.HeaderContainer p.SectionTitle {
	color: #224458;
}

div.RightColumnContainer div.ContentContainer {
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	border: 1px solid #6c91a9;
	position: static;
	width: 210px;
	height: auto;
	background: #00FF00;
	background: #d6e1e9 url(../img/bg_rightcol_content.jpg) top left no-repeat;
}
/***** RIGHT COLUMN *****/


/***** TEXT BLURB *****/
div.TextBlurb {
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	border: 1px solid #CCCCCC;
	color: #F58026;
	font-weight: bold;
	background: #F7F7F7;
}
/***** WATERMARK BACKGROUND *****/


/***** TABBED MENU CONTENT *****/
a.TabMenuItem {
	margin: 5px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
	border: 1px solid #B7CEDC;
	border-bottom: none;
	float: left;
	height: 35px;
	line-height: 35px;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	background: url(../img/bg_tabmenu_off.jpg) repeat-x;
}

a.TabMenuItemSel {
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
	border: 1px solid #B7CEDC;
	border-bottom: none;
	float: left;
	height: 40px;
	line-height: 40px;
	color: #335876;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	background: url(../img/bg_tabmenu_on.jpg) repeat-x;
}

a:hover.TabMenuItem {
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 10px;
	border: 1px solid #B7CEDC;
	border-bottom: none;
	float: left;
	height: 40px;
	line-height: 40px;
	color: #335876;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	background: url(../img/bg_tabmenu_on.jpg) repeat-x;
}

div.TabMenuContentContainer {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: 1px solid #B7CEDC;
}

div.TabMenuContentInnerContainer {
	margin: 0px 0px 0px 0px;
	padding: 15px 15px 15px 15px;
	border: none;
	background: #f8fafc;
}

div.TabMenuDropdownContainer {
	margin: 10px 0px 0px 0px;
	padding: 10px 10px 10px 10px;
	border: 1px solid #a9c2d2;
	display: none;
	position: relative;
	width: 600px;
	background: #B9CBD5 url(../img/bg_dropdown_box.jpg) 0px 0px repeat-x;
}

div.TabMenuGoogleMapsContainer {
	float: right;
}
/***** TABBED MENU CONTENT *****/


/***** TABLE LISTING *****/
div.TableContainer {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
}

div.TableContainer table {
	border-collapse: collapse;
}

div.TableContainer td {
	padding: 3px 5px 3px 5px;
	border: 1px solid #CCCCCC;
	background: #eaf0f4;
}

div.TableContainer td.HeaderField {
	color: #FFFFFF;
	font-weight: bold;
	background: #0b3556;
}
/***** TABLE LISTING *****/


/***** CASE STUDY *****/
div.CaseStudyBackground {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border: none;
}
.listeMembresCA  p {
	padding-bottom: 10px;
	padding-left: 30px;
}
.contenuFB .PageSubTitle {
	padding-bottom: 10px;
	padding-top: 10px;
}
.contenuFB p {
	padding-bottom: 10px;
}
.contenuFB {
	padding: 20px;
}


.enSavoirPlus {
	padding: 5px;
	background-color: #d6e1e9;
	background-repeat: no-repeat;
	background-position: left top;
	border: 1px solid #84A1B6;
	margin-top: 10px;
	margin-right: 300px;
	margin-bottom: 40px;
	margin-left: 10px;
}
.contenuFB .enSavoirPlus .BulletListOrange {
	margin: 0px;
	padding: 0px;
}
.contenuFB .enSavoirPlus ul li {
	background-image: url(../img/bullet_orange.gif);
	background-repeat: no-repeat;
	list-style-type: none;
	padding-left: 10px;
	background-position: 2px 5px;
}
.inProjectTitrePage  {
	font-family: Georgia, "Times New Roman", Times, serif;
	color: #F0F0F0;
	background-color: #465D86;
	padding: 10px;
	font-size: 14px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 20px;
	margin-left: 0px;
}

div.SiteContainerMMR {
	margin: 0px auto 0px auto;
	padding: 0px 0px 0px 0px;
	border: none;
	border-left: 10px solid #FFFFFF;
	border-right: 10px solid #FFFFFF;
	width: 930px;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position: relative;
	background: #FFFFFF;
}



.titreMMR {
	background-color: #BC5E18;
	padding: 5px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	color: #FFFFFF;
	margin-top: 5px;
	margin-bottom: 5px;
	margin-right: 10px;
	margin-left: 10px;
}
.SiteContainerMMR li {
	margin: 0px;
	list-style-type: none;
	list-style-image: url(/projets/pointForm.png);
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}
.SiteContainerMMR ul {
	padding-left: 30px;
}


.inProjectChamp {
	border: 1px solid #465D86;
	background-image: url(/projets/fondChamps.png);
	background-repeat: repeat-x;
}
.inProjectTableProjet td {
	padding: 5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #A0BCDD;
	border-right-color: #A0BCDD;
	border-bottom-color: #A0BCDD;
	border-left-color: #A0BCDD;
}
.inProjectTitre   td   {
	color: #FFFFFF;
	background-color: #7C3805;
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #465D86;
	border-right-color: #465D86;
	border-bottom-color: #465D86;
	border-left-color: #465D86;
}
.inProjectMenu {
	margin: 0px;
	padding: 5px;
	border: 1px solid #465D86;
	background-color: #CCD3E6;
}
.SiteContainerMMR {
	width: 754px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
}
.menuRetour {
	color: #FFFFFF;
	font-size: 12px;
	text-align: right;
	padding-top: 8px;
	padding-bottom: 5px;
	padding-right: 10px;
	font-weight: bold;
}
.menuRetour a {
	color: #FFFFFF;
	text-decoration: none;
}

.filet {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #333333;
	border-top-width: 0px;
	border-right-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-left-style: none;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
}