* {
	margin: 0;
	padding: 0;
	/* font: 12px Arial, Helvetica, sans-serif; */
	color: #ffffff;
}

#testflash {
	position: absolute;
	top: 0;
	left: 0;
}

#testflash2 {
	position: relative;
	z-index: 1000;
	top: 110px;
}

html {
	height: 100%;
}

body {
	background: #fff;
	height: 100%;
	z-index: -100;
	font: 12px Arial, Helvetica, sans-serif;
	color: #ffffff;
}
a{
	color: #DDD;
	text-decoration: none;
	border-bottom: 1px dotted #0066CC;
}

a:link {
	color: #0066CC;
	text-decoration: none;
}
a:visited {
	color: #4787AD;
	text-decoration: none;
}
a:hover {
	color: #0066CC;
	text-decoration: none;
}
a:active {
	color: #4787AD;
	text-decoration: none;
}

object {
	z-index: 1000;
}

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

#PAGE {
	width: 100%;
	background: #000000 url(images/bg-body.gif) repeat-x 1px 0px;
}

#pageHeader {
	display:  none;
}

#Moitie1 {
	margin: auto;
	width: 1000px;
}

a.RetourHome {
	display: none;
}

.Separateur {
	clear: both;
}

#Head {
	clear: both;
}

/* @group MenuDHTML */

#MenuDHTML {
	margin: 123px 0 0px 0;
	float:  left;
}
html>body #MenuDHTML{
	margin:  123px 0 0 0;
}

#MenuDHTML li {
	margin: 0 10px;
}

#MenuDHTML h2 span:hover {
	color: #679FC4;
}


#MenuDHTML h1 span {
	display:  none;
}

#MenuDHTML li a span {
	
}

#MenuDHTML li ul {
	padding: 0 0 0 0;
	display: block;
	background: #000000;
}

#MenuDHTML li ul li {
	margin-bottom: 1px;
}

#MenuDHTML li ul li a {
	font: bold 11px Arial, Helvetica, sans-serif;
	text-decoration: none;
	border:  none;
}

#MenuDHTML li ul li a span {
	font: bold 11px Arial, Helvetica, sans-serif;
}
#MenuDHTML h1{
	height: 23px;
}
#MenuDHTML0 h1{
	width:  62px;
	background:  url(/images/menu_artefact_on.gif) no-repeat;
}
#MenuDHTML1 h1{
	width:  109px;
	background:  url(/images/menu_communication_on.gif) no-repeat;
}
#MenuDHTML2 h1{
	width:  62px;
	background:  url(/images/menu_internet_on.gif) no-repeat;
}
#MenuDHTML3 h1{
	width:  103px;
	background:  url(/images/menu_infrastructures_on.gif) no-repeat;
}
#MenuDHTML4 h1{
	width:  88px;
	background:  url(/images/menu_opensource_on.gif) no-repeat;
}
#MenuDHTML5 h1{
	width:  60px;
	background:  url(/images/menu_contact_on.gif) no-repeat;
}

#MenuDHTML0 h1.Select,
#MenuDHTML0 h1:hover{
	background:  url(/images/menu_artefact_off.gif) no-repeat;
}
#MenuDHTML1 h1.Select,
#MenuDHTML1 h1:hover{
	background:  url(/images/menu_communication_off.gif) no-repeat;
}
#MenuDHTML2 h1.Select,
#MenuDHTML2 h1:hover{
	background:  url(/images/menu_internet_off.gif) no-repeat;
}
#MenuDHTML3 h1.Select,
#MenuDHTML3 h1:hover{
	background:  url(/images/menu_infrastructures_off.gif) no-repeat;
}
#MenuDHTML4 h1.Select,
#MenuDHTML4 h1:hover{
	background:  url(/images/menu_opensource_off.gif) no-repeat;
}
#MenuDHTML5 h1.Select,
#MenuDHTML5 h1:hover{
	background:  url(/images/menu_contact_off.gif) no-repeat;
}

	
/* @end */

#Centre {
	clear: left;
	width: 710px;
	padding: 0 20px 20px;
	float: left;
}

#Centre img {
	margin-right: 3px;
}

/* @group Teasers */

#Teasers {
	width: 250px;
	float: left;
}
html>body #Teasers img{
	margin-bottom:  -3px;
}
#Teasers h1 {
	width: 184px;
	height: 24px;
	margin: 0;
	background: url(images/teaser-haut.gif) no-repeat;
	padding: 20px 30px 0;
}

#Teasers div {
	width: 204px;
	height: 182px;
	margin: 0;
	padding: 0 20px;
	background: url(images/teaser-centre.gif) no-repeat;
}

#Teasers a.Savoir {
	width: 194px;
	height: 42px;
	margin: 0;
	padding: 5px 20px 0 30px;
	background: url(images/teaser-bas.gif) no-repeat;
	display: block;
	color: #6196B8;
	text-decoration: none;
	font: italic normal 11px Arial, Helvetica, sans-serif;
}
	
/* @end */

/* @group Contact */

#Coord {
	margin-bottom: 20px;
}

#FormContact {
	margin-bottom: 20px;
	float:  left;
	width:  400px;
	
}

#FormContact fieldset {
	border-style: none;
}

#FormContact fieldset legend {
	font: bold 13px Verdana, Arial, Helvetica, sans-serif;
	color: #A9A8A8;
	background: url(imgc1/bg-filet.gif) repeat-x 0px 100%;
	padding-right: 200px;
	padding-bottom: 5px;
}

#FormContact label {
	width: 100px;
	text-align: right;
	float: left;
	display: block;
	clear: both;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	padding-right: 10px;
	margin-bottom: 00px;
}

#FormContact input {
	width: 200px;
	border: 1px solid #4d4d4d;
	margin-bottom: 20px;
	font: 12px Arial, Helvetica, sans-serif;
	color:  #000;
}

#FormContact textarea {
	margin-top: 0px;
	border: 1px solid #4d4d4d;
	font: 12px Arial, Helvetica, sans-serif;
	color:  #000;
	width: 310px;
	height:  120px;
	clear:  both;
	float:  left;
}

#FormContact .Erreur {
	color: #ff0000;
	font: bold 11px Verdana, Arial, Helvetica, sans-serif;
	display: block;
}

#FormContact input.Bouton {
	border-top: 2px solid #dcdcdc;
	border-left: 2px solid #dcdcdc;
	border-bottom: 2px solid #b9b9b9;
	border-right: 2px solid #b9b9b9;
	background: #c6c6c6;
}

div.Contact {
	padding-top: 10px;
	
}
#colDroiteContact{
	width: 300px;
	float:  left;
}
	
/* @end */

.LienPDF {
	padding-left: 35px;
	height: 30px;
	background: url(images/icone-pdf.gif) no-repeat;
	display: block;
	padding-top: 10px;
	color: #D47F2B;
	margin-top: 20px;
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}

.LienPDF:hover {
	text-decoration: underline;
}

#fond1 {
	background: #000  0px 300px;
}

/* @group Foot */

#Foot {
	clear: both;
	width: 100%;
	border-spacing: 0;
	border-collapse: collapse;
	height: 30px;
	margin: 0 ;
	padding: 0 0 120px 0;
}
#Foot a{
	border: none;
}

#Foot td.col1 {
	width: 227px;
	background: url(images/bg-foot1.gif) repeat-x;
	height: 30px;
	vertical-align: top;
	padding-left: 100px;
}

#Foot td.col1 a {
	
}

#Foot td.col1 a img {
	border-style: none;
	margin-left: 30px;
}

#Foot td.col2 {
	width: 15px;
	background: url(images/bg-foot2.gif) no-repeat;
	height: 30px;
}

#Foot td.col3 {
	height: 30px;
}

#Foot td.col3 img {
	float:  left;
}


	
/* @end */

/* @group Foot2 */

#Foot2 {
	width: 100%;
	position: relative;
	vertical-align: text-bottom;
	height: 104px;
}
#Foot2 a{
	border: none;
}

#Foot2 h1 {
	margin: 0;
	padding: 0;
	float: right;
}

#Foot2 h1 a {
	height: 104px;
	width: 90px;
	display: block;
	background: url(images/logo-artefact.jpg) no-repeat;
}

#Foot2 h1 a span {
	display: none;
}

#Foot2 p {
	float: right;
	width: 420px;
	height: 30px;
	color: #AAAAAE;
	font: normal 10px Arial, Helvetica, sans-serif;
	padding-top: 74px;
}
#Foot2 h2 {
	padding: 0;
	float: right;
	margin: 70px 20px 0 0;
}

#Foot2 h2 a {
	height: 25px;
	width: 69px;
	display: block;
	background: url(images/logo-artewan.gif) no-repeat;
}

#Foot2 h2 a span {
	display: none;
}

	
/* @end */




.chapo18 {
	font-family: trebuchet ms, Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	 line-height: 20px; 
	color: #555555;
}

.chapo16 {
	font-family: trebuchet ms, Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	 line-height: 18px; 
	color: #ffffff;
}

.chapo14 {
	font-family: trebuchet ms, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	 line-height: 16px; 
	color: #ffffff;
}

#pageHeader h1 span,#pageHeader h2 { position: absolute; left: -9999px; top: -9999px;}

.texte-intro {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #003366;
}

.texte-titre {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}


.texte {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-decoration: none;
}

.textemoins {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration: none;
}

.menu  { color: #ffffff; 
	font-weight: bolder; 
	font-size: 12px; 
	font-family: Arial, Helvetica, sans-serif; 
	text-decoration: none }
	
.menuoff  { color: #cdcdcd; 
	font-weight: bolder; 
	font-size: 12px; 
	font-family: Arial, Helvetica, sans-serif; 
	text-decoration: none }

.menuSOUS {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0066CC;
	text-decoration: none;
}

.menuPF {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	line-height: 10px;
	text-decoration: none;
}

.menusitemap { 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #0066CC;
	text-decoration: none;
	}



.cache {
	font-family: Arial;
	font-size: 9px;
	color: #ffffff;
	text-decoration: none;
	margin:0;
	padding:0;
}


.form	{font-family: Verdana, Arial, helvetica ; font-size: 11px; line-height: 12px; color: #00123b; text-decoration: none; font-weight: bold; background-color: #eeeeee}


.texte-photo {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
}
.titre-filiales {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #000000;
	text-decoration: none;
}
.titre-actu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-decoration: none;
}


.petittexte {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	text-decoration: none;
}

.petittextec {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #bbbbbb;
	text-decoration: none;
}

.PR {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #003366;
	text-decoration: none;
}

.filet2 {
	/* width:  100%; */
	height:  4px;
	background: url(images/filet2.gif) repeat-x;
}