/* Start of CMSMS style sheet 'mainStyle' */
/* CSS Document  --- Feuille de style pour le site de Diagram */

/*_____________________________________________________________ body */
body {
	background-color: #787F7A;
	/* font-family: Verdana, Arial, Helvetica, sans-serif; */
        font-family: "Lucida Grande", Verdana, Arial, sans-serif;
	font-size: 10px;
	line-height: 13px;
	color: #635e56;
 	margin: 0px;
	padding: 0px;
}


/* ____________________________________________________________ links */ 
#box_text1 a:link, #box_text1 a:hover, #box_text1 a:visited, #box_text1 a:active , #box_text2 a:link, #box_text2 a:hover, #box_text2 a:visited,  #box_text2 a:active {color:#635e56;text-decoration: none;}
#projets2 a:link
{color:#666666;text-decoration: none;font-size: 10px;}
#projets2 a:hover
{color:#666666;text-decoration: none;font-size: 10px;font-weight: bold;}
#projets2 a:visited, a:active {color:#635e56;text-decoration: none;font-weight: normal;font-size: 10px;}
.projcolumn { float: right; }
#box_top5 a:link, #box_top5 a:visited {color:#635e56;text-decoration: none;font-weight: bold;}
#box_top5 a:hover, #box_top5 a:active {color:#FFFFFF;text-decoration: none;font-weight: bold;}
#box_top1 a:link, #box_top1 a:visited {color:#635e56;text-decoration: none;font-weight: bold;}
#box_top1 a:hover, #box_top1 a:active {color:#000000;text-decoration: none;font-weight: bold;}

/* ____________________________________________________________ text, paragraphe tags */
h1 {}
h2  {}
h3 {}
p {
	margin-top: 11px;
	margin-right: 0px;
	margin-bottom: 11px;
	margin-left: 0px;
}
ul {
	padding: 0px;
	/*list-style-position: outside;*/
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 18px;
             line-height: 16px;
             list-style-type: square;
}
li {margin-left: 12px;}
i {}
strong {}
sup {}
.maintext {font-size: 17px;
        line-height: 23px;
color: #635e56;}

/* ____________________________________________________________ Main Layout */ 
#container {
        padding: 0px;
	clear: both;
	height: 100%;
	width: 955px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
        background-color: #dedfdf;
background-image: url(uploads/images/img_background_diagram.gif);
	background-repeat: repeat-y;
}
#left {
	background-color: #dedfdf;
	width: 222px;
	float: left;
	height: 677px;
	margin: 0px;
	padding: 0px;
	background-image: url(uploads/images/img_leftbackground_diagram.gif);
	background-repeat: repeat-y;
}
#right {
        background-color: #FFFFFF;
	margin: 0px;
	padding: 0px;
	float: right;
	height: 100%;
	width: 733px;	
}
#left .head1 {
	background-color: #727873;
	float: left;
	height: 61px;
	width: 111px;
	margin: 0px;
	padding: 0px;
}
#left .head2 {
	background-color: #6a706b;
	margin: 0px;
	padding: 0px;
	float: right;
	height: 61px;
	width: 111px;
}
#left .logo {
	background-color: #979b98;
	margin: 0px;
	padding: 0px;
	height: 172px;
	width: 222px;
	clear: both;
}

#header {
	background-color: #727873;
	background-image: url(uploads/images/img_header_diagram.jpg);
	margin: 0px;
	padding: 0px;
	height: 61px;
	width: 733px;
}
#header .head {
	width: 549px;
	height: 61px;
	float: left;
	padding: 0px;
	margin: 0px;
	text-align: right;
}
#header .head h1 {
	text-transform: uppercase;
	color: #d6d7d7;
	font-size: 10pt;
	font-weight: normal;
	padding: 0px;
	margin-top: 33px;
	margin-right: 10px;
	margin-bottom: 7px;
	margin-left: 0px;
	letter-spacing: 6px;
}

#accueil1  {
	height: 305px;
	width: 733px;
	margin: 0px;
	padding: 0px;
	/*float: right;*/
}
#projets1  {
	height: 305px;
	width: 733px;
	margin: 0px;
	padding: 0px;
	/*float: right;*/
}
#profile1  {
	height: 100%;
	width: 733px;
	margin: 0px;
	padding: 0px;
	/*float: right;*/
}
#clients {
	height: 616px;
	width: 733px;
	margin: 0px;
	padding: 0px;
	float: right;

}
#accueil1 {
	background-color: #FFFFFF;
	background-image: url(uploads/images/accueil_diagram.jpg);
	background-repeat: no-repeat;
	}
#profile1 {
	background-color: #FFFFFF;
	background-repeat: no-repeat;
	}
#clients {
	background-color: #FFFFFF;
	background-image: url(uploads/images/img_clientsbackground_diagram.gif);
	background-repeat: no-repeat;
	}
#projets1 {
	background-color: #FFFFFF;
	background-image: url(uploads/images/img_projetsbackground_diagram.gif);
	background-repeat: no-repeat;

	background-position: right top;
}
#page_title {
	background-color: #a2a6a3;
	height: 17px;
	width: 180px;
	text-align: right;
	color: #FFFFFF;
	font-size: 12px;
	margin: 0px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 1px;
	padding-left: 0px;
	position: absolute;
	z-index: 100;
letter-spacing: 0.02em;
}
#accueil2, #profile2 {
	height: 311px;
	width: 733px;
	padding: 0px;
	float: right;
	}
#projets2 {
        padding-top:30px;
        height: 281px;
	width: 733px;
	float: right;
	background-color: #FFFFFF;
	background-image: url(uploads/images/img_stbackground2_diagram.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#projets2 ul {
             list-style-type: square;
	padding-left: 3px;
	float: left;
}
#accueil2 {
	background-color: #FFFFFF;
	background-image: url(uploads/images/img_stbackground_diagram.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
#profile2 {
	background-color: #FFFFFF;
	background-image: url(uploads/images/img_profilebackground_diagram.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
#accueil2 .title, #profile2 .title {
	color: #FFFFFF;
	padding-left: 16px;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	width: 345px;
	height: 17px;
             font-size: 12px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#box_text1, #box_text2, #box_text3, #box_text4 {
	height: 252px;
	width: 156px;
	float: left;
	padding-top: 16px;
	padding-right: 6px;
	padding-bottom: 18px;
	padding-left: 16px;
}

#box_top1 {
	width: 338px;
     
	float: left;
	margin: 0px;
	color: #3d4242;
	padding-top: 60px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 16px;
	color: #3d4242;
	/*font-weight: bold;*/
}
#box_top1b {
	width: 338px;
        /*height:290px;*/
	float: left;
	margin: 0px;
	color: #3d4242;
	padding-top: 60px;
	padding-right: 2px;
	padding-bottom: 0px;
	padding-left: 16px;
	color: #3d4242;
	/*font-weight: bold;*/
}
#box_top2 {
	float: right;
	width: 179px;
	height:380px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
        margin-right:0px;
background-color: #dfdfdf;
}
#box_top3 {
	float: right;
	width: 147px;
	height:255px;
	padding-top: 55px;
	padding-left: 20px;
	padding-right: 20px;
	padding-bottom: 0px;
             line-height: 17px;
}
#box_top4 {
	float: left;
	width: 547px;
	height:305px;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}

#box_top5 {
	float: right;
	width: 144px;
	height:255px;
	padding-top: 20px;
	padding-left: 16px;
	padding-right: 20px;
	padding-bottom: 0px;	
}
/* Liens dans la liste de projets */
.projlink { cursor: pointer;}

.main{
	height: 100%;
} 
.clients {
	height: 550px;
}

.NewsSummaryLink {
	color: #635e56;
	font-weight: bold;
}

/* ____________________________________________________________ Navigation */
#navigation, #menuwrapper {
	height:100%;
	font-size: 11px;
	width: 222px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	position: absolute;
	
}
.menuspacer {height: 17px; width: 222px;margin:0px; padding:0px;float:left; clear:left;}
.menuelement {
    padding-left: 0px;
    padding-top: 3px;
    padding-bottom: 2px;
 /*border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #FFFFFF; */
    height: 17px;
    margin:0px
}
#menu {margin:0px; padding:0px;float:left;clear:left; width: 222px;height: 420px;}

#primary-nav, #menu {font-size: 11px;
	color: #6a706b;
	margin: 0px;
}

#menu a, #menu a:link  {font-size: 11px;
	color: #6a706b;
	text-decoration: none;
margin: 0px;
}
#menu a:active {
font-size: 11px;
             color: #222222;
	text-decoration: none;
             margin: 0px;
}
#primary-nav a, #primary-nav a:link, #primary-nav a:visited  {font-size: 11px;
	color: #6a706b;
	text-decoration: none;
margin: 0px;

}
#primary-nav a:hover, #primary-nav a:active {font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
margin: 0px;
}
#menu a:hover, #menu a:active {font-size: 11px;
	color: #FFFFFF;
	text-decoration: none;
margin: 0px;
}
#menuactive menuparent {font-size: 11px;
color: #FFFFFF;
	text-decoration: none;
margin: 0px;
 }

.smenu {
    position: absolute;
	left: 97px;
	z-index: 100;
	top: 19px;
}
.smenuelement {
margin: 0px;
    padding-left:31px;
    padding-top: 1px;
    padding-bottom: 3px;
    padding-right:0px;
    border: none;
}
 .leftmenuspacer {
    float: left;
 clear:left;
    width: 18px;
  padding-left: 0px;
 padding-right: 0px;
    padding-top: 2px;
    padding-bottom: 1px;
   /*border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #FFFFFF; */
    height: 17px;
    margin:0px
}
.rightmenuspacer {
    float: right;
    clear:left;
    width: 12px;
    height: 17px;
/*border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #FFFFFF; */
margin:0px;
padding-top: 2px;
    padding-bottom: 1px;

}

.currentpage {
	color: #222222;


}

.menuline {
        background-image: url(uploads/images/bckline_diagram.gif);
	background-repeat: repeat-x;
       background-position: left bottom;
	margin: 0px;
	padding: 0px;
	height: 21px;
	width: 222px;
}
/* End of 'mainStyle' */