
a { color: #FFF; text-decoration: none; }
a:hover { text-decoration: underline; }


.style2 {
	font-size: 14px;
	font-weight: bold;
}

.menuitem {
	border-top: 1px solid #B9C5D7;
	padding-left: 8px;
}

.menuitems {
	position: relative;
	z-index: 2;
	display: none;
	padding: 0px;
	margin: 0px;
	width: 200px;
  background-color: #041b3e;
	top: -17px;
}

#menubar {
	float: left;
	width: 613px;
	height: 139px;
	padding: 0px;
	z-index: 1;
	margin-left: 214px;
	margin-top: 56px;
	color: #FFFFFF;
	font-size: 12px;
	position: relative
}

#menuDeroulant
{
	width: 614px;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
	position: absolute;
	font-size: 8.5pt;
}

#menuDeroulant li
{
	float: left;
	width: 87px;
	height: 26px;
	margin: 0px 2px 0px 0px;
	padding: 12px 0px 0px 2px;
	border: 0;
	background-image: url('../images/button.jpg');
	text-align: center;
	cursor: hand;
	}
#menuDeroulant li:hover
{
background-image: url('../images/button_hover.jpg');
	}
#menuDeroulant .sousMenu
{
	display: none;
	list-style-type: none;
	margin: 26px 0px 0px -2px;
	padding: 0;
	border: 0;
}
#menuDeroulant .sousMenu li
{
	float: none;
	margin: 0;
	padding: 0;
	border: 0;
	width: 139px;
	height: 18px;
	padding: 3px 0px 2px 10px;
	border-bottom: 1px solid #243957;
	text-align: left;
	background: #041B3E;
	font-size: 7pt;
}	

#menuDeroulant li a:link, #menuDeroulant li a:visited
{
	display: block;
	height: 1%;
	color: #FFF;	
	margin: 0;
	text-decoration: none;
}
#menuDeroulant .sousMenu li a:link,
#menuDeroulant .sousMenu li a:visited
{
	display: block;
	color: #FFF;
	margin: 0;
	border: 0;
	text-decoration: none;
}
#menuDeroulant .sousMenu li:hover {	border-left: 4px solid; }

#menuDeroulant .entreprise li:hover { border-left-color: #D71C29; }
#menuDeroulant .services li:hover { border-left-color: #D71C29; }
#menuDeroulant .applications li:hover { border-left-color: #257a2b; }
#menuDeroulant .designweb li:hover { border-left-color: #1F79BB; }


#menuDeroulant li:hover > .sousMenu { display: block; }	


#tablemenu td {
	background-repeat: no-repeat;
	background-color: #FFF;
}

body {
	background-image: url('../images/bg_page.gif');
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	background-repeat: repeat-x;
	color: #061E35;
}
.titre {
	font-size: 17px;
	font-weight: normal;
	color: #000033;
	margin-top: 0px;
	margin-bottom: 0px;
	border-bottom-color: #D6D4DF;
	padding: 8px;
	line-height: 20px;
}
.soustitre {
	font-size: 15px;
	font-weight: bold;
	color: #002955;
	padding-left: 83px;
}
.signature {
	font-size: 11px;
	font-weight: normal;
	color: #FFFFFF;
	padding-left: 83px;
	background-color: #000033;
	text-align: right;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
}
.boite_nouvelles {
	/*position: relative;
	left: 20px;*/
	margin-top: 0px;
	margin-left: 13px;
	margin-right: 0px;
	margin-bottom: 8px;
	border: 0px;
	border-left: 2px solid #687AA4;
	border-bottom: 2px solid #687AA4;
}
.nouvelles {
}
.datenews {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	color: #7485AB;
	font-size: 16px;
}
.texte_nouvelles {
	font-size: 9px;
	color: #072868;
}
.nouvelles {
	padding: 0px;
	padding-left: 10px;
	padding-bottom: 10px;
	padding-right: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bolder;
	color: #455374;
}
.textes {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #13325E;
	font-weight: 100;
	margin-left: 85px;
	margin-right: 80px;
}
a.newslink:link, a.newslink:visited, a.newslink:active {
	color: #002853;
	text-decoration: none;
	font-size: 11px;
	margin-right: 85px;
}
a.newslink:hover {
	color: #002853;
	font-size: 11px;
}
.galerieimages {
border:2px solid black;
}

.menu_haut_top {
	float: right;
	margin: 10px 10px 0px 0px;
	font-size: 10px;
	font-style: normal;
	color: #FFFFFF;
}

.signature_bas {
	font-size: 10px;
	font-style: normal;
	color: #FFFFFF;
}
.contrastepadded {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	padding: 3px;
}
.images {
	margin: 0px;
}
.vision {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-style: oblique;
	color: #002955;
	font-weight: bolder;
	padding-right: 85px;
	text-transform: none;
	font-variant: normal;
	margin-right: 0px;
}
.contrastes {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #002955;
	left: 85px;
	font-weight: normal;
	font-style: normal;
	padding-left: 85px;
	line-height: 16px;
	text-transform: none;
}
.titredroite {
	font-size: 30px;
	font-weight: bold;
	color: #A3A0B8;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	border-bottom-color: #D6D4DF;
	margin: 0px;
}

.textesdroite {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #13325E;
	font-weight: 100;
}


.menuitemelement:link, .menuitemelement:visited, .menuitemelement:active {
  color: #ffffff;
  font: 10px/22px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
}

.menuitemelement:hover {
	color: #96b0d7;
  font: 10px/22px Verdana, Arial, Helvetica, sans-serif;
  text-decoration: none;
}


#content {
	float: left;
	width: 833px;
	height: auto;
	background-color: #FFF;
}

#content #leftcontent {
	float: left;
	width: 525px;
	height: auto;
	padding-left: 28px;
	background-color: #FFF;
}

#content #leftcontent #titleCie {
	float: left;
	margin-top: -25px;
}

#content #leftcontent #services {
	float: left;
	width: 506px;
	height: auto;
	padding: 10px 0px 10px 20px;
	background-color: #E8E9EE;
	
}
#content #leftcontent #services .servicesbubble {
	float: left;
	width: 504px;
	height: auto;
	border: 1px solid #000;
	margin-top: 5px;
	margin-bottom: 10px;
	background-image:url(../images/bg_boite.jpg);
	
}
#content #leftcontent #services .servicesbubble .imglink {
	float: left;
	margin: 0px 10px 0px 0px;
	color: red;
}
#content #leftcontent #services .servicesbubble .imglink img {
	float: left;
}
#content #leftcontent #services .servicesbubble blockquote {
	text-align: justify;
	font-size:12px;
	line-height: 20px;
}

#content #leftcontent #services .servicesbubble img {
	float: left;

	}
#content #leftcontent #services .servicesbubblecontent {
	float: left;
	width: 334px;
	height: 137px;
	padding: 5px 20px 5px 20px;
	font-size: 12px;
	line-height: 19px;
	font-weight: lighter;
}
#content #leftcontent #services .servicesbubblecontent h3 {
	display: inline;	
	font-size: 12pt;
	font-weight: bold;
}
#content #leftcontent #services a {
	color: #000;
}
#content #leftcontent #services  a img { border: none;}


#content #leftcontent #services #servicesinformations {
	float: left;
	width: 504px;
	height: auto;
	border: 1px solid #000;
	margin-top: 5px;
	margin-bottom: 10px;
	background-image:url(../images/servicesinformationsbg.jpg);
	background-repeat: repeat-y;
	background-position: bottom;
	padding-bottom: 0px;
}
#content #leftcontent #services #servicesinformations a {
	color: #930000;
	font-weight: lighter;
	float: none;
}
#content #leftcontent #services #servicesinformations blockquote {
	text-align: justify;
	font-size:12px;
	line-height: 20px;
}

#content #leftcontent #services #servicesinformations img {
	float: left;
	margin: 0px;
}


#content #rightcontent {
	float: left;
	width: 278px;
	height: auto;
	margin-top: -96px;	
	overflow: hidden;
	background-color: #FFF;
	margin-top: -83px;
	border-left: 1px solid black;
}

#content #rightcontent #cdginews {
	float: left;
	width: 263px;
	height: auto;
	padding: 0px 10px 10px 5px;
	font-weight:normal;
	font-size: 11px;
}
#content #rightcontent #cdginews h2 {
	width: 257px;
	height: 30px;
	background-image: url('../images/blue_button.jpg');
	text-align: center;
	color: #FFF;
	padding-top: 10px;
	font-weight:normal;
	margin-bottom: 0px;
	font-style: normal;
	font-size: 140%;
}
#content #rightcontent #cdginews h2 span { color: #5371B1;}

#content #rightcontent #cdginews .cdginews {
	float: left;
	width: 245px;
	height: auto;
	background-color: #DADDE4;
	padding: 10px 5px 2px 10px;
	margin-top: 5px;
}
#content #rightcontent #cdginews .cdginews li {
 font-size:90%;
}
#content #rightcontent #cdginews .cdginews a { 
	float: right;
	margin-right: -3px;
	margin-top: -15px;
	background-image: url('../images/blue_button.jpg');
}
#content #rightcontent #cdginews .cdginews a img { border: none; }
.content {
	padding: 10px;
	position: absolute;
	top: 190px;
	z-index: 0;
	width: 550px;
	left: auto;
	margin: 15px;
}
.link_bas {
	font-size: 11px;
	font-weight: normal;
	color: #002955;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	border-bottom-color: #D6D4DF;
	text-align: right;
}
.titre2 {
	line-height: 25px;
	font-size: 25px;
	font-weight: normal;
	color: #BD2027;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	margin-bottom: 2px;
}

#footer {
	float: left;
	width: 823px;
	height: 20px;
	padding: 5px 10px 0px 0px;
	background-color: #061C40;
	text-align: right;
}

#servicesinformations .list {
	float: left;
	clear: both;
}

#servicesinformations .list a {
	display: block;
	width: 500px;
	height: auto;
	clear: both;
}