/* Start of CMSMS style sheet 'new' */
#chrome{}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color:#666666;
	margin:0;
	background-color:#f0eeee;
}

#container{
	width:938px;
	overflow:auto;
	margin:auto;
	background-color:#FFF;
       padding:5px;
}

.content{
	padding:0 30px;
}

#header{
	margin-top:20px;
	line-height:10px;
	color:#333333;
}

#footer{
	margin:20px 0;
	text-align:center;
	font-size: 11px;
	color:#999999;
}

#footer a{
	color:#666666;
}

h2 {
	font-size:28px;
	display: inline;
	margin:0;
	padding:0;
}

h3 {
	font-size:24px;
	display: inline;
	margin:0;
	padding:0;
}



#col1 ,#col2, #col3, #col4{
	width: 215px;
	float: left;
}

#metiers ul {
	margin:0 0 0 20px;
	padding:0;
}

#metiers ul li{
	font-size:12px;
	font-weight:bold;
	list-style-image : url(img/puce.gif);
	width: 180px;
	padding:3px 0;
}


#contacts a{
	color:#666666;
}

#contacts ul {
}

#contacts ul li{
	list-style-image : url(img/puce.gif);
	padding:0;
}


.clear{
	clear:both;
}



#contact_col1 {
	width: 320px;
	float: left;
}

#contact_col2 {
	width: 330px;
	float: left;
	padding:5px;
}

#contact_col3 {
	width: 200px;
	padding:5px;
	float: left;
}



.NewsSummary{
	margin:20px 0;
}

.NewsSummaryLogo{
	float:left;
}

.NewsSummaryTitre{
	padding:18px 0 0 10px;
	float:left;
}

.NewsSummaryLien{
	font-size:12px;
	font-weight:bold;
	color:#666666;
	float:right;
}

.NewsSummaryLien ul{
	margin:0;
	padding:0;
	list-style-image : url(img/puce.gif);
}


.NewsSummaryLien img{
	border:0;
}

.NewsSummaryLien a{
	color:#666666;
	text-decoration:none;
}



#NewsSummaryLegende ul {
	margin:0 0 0 20px;
	padding:0;
}

#NewsSummaryLegende ul li{
	font-size:11px;
	font-weight:bold;
	list-style-image : url(img/puce.gif);
	width: 180px;
	padding:5px 0;
	color:#999999;
}

.separateurRef{
	color:#000000;
}


/*	NAVBAR	*/

.navbar{
	margin-top:20px;
	border-top: solid 1px #1576b7;
}

.navbar ul{
	list-style:none;
	margin:0;
	padding:0;
	float:right;
}

.navbar ul li{
	float:right;
	height:24px;
}

.navbar ul li a{
	display: block;
	text-decoration: none;
	text-indent: -10000px;
	height: 24px;
	background-repeat: no-repeat;
}


.metiers {background-image: url(img/metiers.gif); width: 60px; background-position:0 -20px;}
.metiers a {background-image: url(img/metiers.gif); width: 60px; background-position:0 0px;}
.references {background-image: url(img/references.gif); width: 80px; background-position:0 -20px;}
.references a {background-image: url(img/references.gif); width: 80px; background-position:0 0px;}
.contacts {background-image: url(img/contacts.gif); width: 72px; background-position:0 -20px;}
.contacts a {background-image: url(img/contacts.gif); width: 72px; background-position:0 0px;}
.top {background-image: url(img/top.gif); width: 109px; background-position:0  0px;}
.top a {background-image: url(img/top.gif); width: 109px; background-position:0 0px;}


/*	SIFR	*/

.sIFR-flash {
	visibility: visible !important;
	margin: 0;
	padding: 0;
}

.sIFR-replaced {
	visibility: visible !important;
}

span.sIFR-alternate {
	position: absolute;
	left: 0;
	top: 0;
	width: 0;
	height: 0;
	display: block;
	overflow: hidden;
}

/* Hide Adblock Object tab: the text should show up just fine, not poorly with a tab laid over it. */
.sIFR-flash + div[adblocktab=true] {
  display: none !important;
}

.sIFR-hasFlash h2 {
	visibility: hidden;
	font-size: 30px;
}


.sIFR-hasFlash h3 {
	visibility: hidden;
	font-size: 20px;
}
/* End of 'new' */