/*  Brand-ID : feuille de style principale pour l'affichage à l'écran */

body {
	margin-left: auto;
	margin-right: auto;
	width:100%;
	text-align: center;
	font-weight:100;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #000000;
	font-size: 0.78em;
}

a:link { color: #000000; text-decoration:none; }
a:active { color: #000000; text-decoration:none;  }
a:visited { color: #000000; text-decoration:none;  }
a:hover { color: #FF3333; text-decoration:none;  }

/*h1 { font-size:1.15em; color: #7F7F7F; margin-bottom: 50px; padding-top: 25px; }*/
h1 { font-size:1.15em; color: #b10b18; margin-bottom: 50px; padding-top: 25px;font-weight:bold; }
h2 { font-size: 1.6em; margin:0; padding:0; margin-bottom: 20px; line-height: 140%; }

ul {
	list-style-type:disc;
	padding:0;
	margin: 30px 0 0 15px;
}
li {
	margin:10px 0 0 0;
	padding:0;
}

img {
	margin: 0;
	padding: 0;
	border: 0;
}
/***__________________________  Positionnement  ____________________________***/
#main {
	width:850px;
	margin-left: auto;
	margin-right: auto;
	padding:15px 0 0 0;
	text-align:left;
	font-weight:lighter;
}
#logo {
	float:right;
	height:86px;
	width:86px;
	margin-top:0;
	border:0;
}
#menu {
	width: 372px;
	margin: 0;
	padding: 0;
	text-align: left;
	font-size:0.9em;
}
#copyright {
	margin-top:30px;
	color:#B2B2B2;
	font-size: 0.8em;
}
#menu div {
	border-top: 1px solid #000000;
	padding: 5px 0 4px 0;
	height:16px;
}
#menu div.OpenMenu {
	color:#FF3333;
	border-bottom: 1px solid #000000;
	padding:4px 0 4px 0;
	height:17px;
	margin:0;
}
#menu div.OpenMenu span {
	display:block;
	height:13px;
	padding:2px 0 2px 9px;
	background-color:#000000;
}
#menu div.lastMenu {
	border-bottom: 1px solid #000000;
}
#menu div.contenu {
	border:0;
	height:265px;
	width:852px;
	padding:0;
	margin:4px 0 4px 0;
}
#menu div.text {
	border:0;
	float:right;
	padding:15px 25px 15px 25px;
	width:430px;
	height:235px;
	font-size:1.05em;
	display:table-cell;
	vertical-align:middle;
	line-height: 140%;
}
#menu div.toLeft {
	border:0;
	width:372px;
	height:265px;
	margin:0;
	padding:0;
	float:left;
	color:#FFFFFF;
	background-color:#000000;
}

/***__________________________  Mise en page particulière  ____________________________***/
#copyrightContact {
	margin-top:5px;
	color:#B2B2B2;
	font-size: 0.8em;
}
#menu div.textbranding {
	border:0;
	float:right;
	padding:15px 25px 15px 25px;
	width:430px;
	height:235px;
	font-size:1.05em;
	display:table-cell;
	vertical-align:middle;
	line-height: 119%;
}
#menu div.textclients {
	border:0;
	float:right;
	padding:28px 25px 15px 58px;
	width:397px;
	height:222px;
	display:table-cell;
	vertical-align:middle;
	font-size:1.05em;
	line-height: 140%;
}
#menu div.textcontact {
	border:0;
	float:right;
	padding:10px 25px 9px 58px;
	width:397px;
	height:246px;
	display:table-cell;
	vertical-align:middle;
	font-size:1.05em;
	line-height: 140%;
}
#menu div.textpeople {
	border:0;
	float:right;
	padding:15px 50px 15px 25px;
	width:405px;
	height:235px;
	font-size:1.05em;
	display:table-cell;
	vertical-align:middle;
	line-height: 140%;
}
#menu div.lienLeft {
	border:0; 
	position:absolute; 
	top:559px; 
	width:372px;
	padding:0;
}
#menu div.flashToLeft {
	border:0; 
	padding:0;
	background-color:#000000;
	width:372px;
	height:265px;
	float:left;
}
#menu div.adress {
	border:0;
	color:#FFFFFF;
	position:absolute;
	margin-top:60px;
	margin-left:-365px;
}	
#menu div.navig { 
	border:0;
	margin:0 0 0 9px;
	padding:0;
	height:15px;
}

/***__________________________  Liens, listes et H  ____________________________***/
#menu div.toLeft a { color:#FFFFFF; }
#menu div.toLeft a:hover { color:#FF3333; }
#menu div.lienLeft a { color:#FFFFFF; }
#menu div.lienLeft a:hover { color:#FF3333; }
#menu div.seduce a { color:#7F7F7F; text-decoration:underline; }
.CurrentMenu { color:#FF3333; }
#menu div.textclients ul li { margin:0; }
#menu div.seduce h2 { color:#333333; }
#menu div.seduce ul li { margin:0; }
#menu div ul.noMarg { margin-top:0; }
#menu div.textpeople h2 { color:#666666; }
#menu div.fonce, #menu div.fonce h2 { color:#484848; }	

/***__________________________  Class courantes  ____________________________***/
.imgToLeft { float:left; }
.imgToRight { float: right; }
.leftBorder { 
	border-bottom:1px solid #B2B2B2;
	float:left;
	background-color:#FFFFFF;
}
.evidence { font-size:1em; color:#FF3333; }
.margLeft { padding:0 0 4px 9px; }
.longmargLeft { padding:0 0 4px 20px; }
.marg0 { margin-left:9px; }
.marg1 { margin-left:99px; }
.marg2 { margin-left:200px; }
.marg3 { margin-left:295px; }
.noir { background-color:#000000; color:#FFFFFF; }
.noirclients { background-color:#000000; color:#B3B3B3; }
.grisfonce { background-color:#4C4C4C; color:#FFFFFF; }
.grismoyen { background-color:#7F7F7F; }
.grismoyenclair { background-color:#B2B2B2; }
/*.grisclair { background-color:#E5E5E5; color:#909090; }*/
.grisclair { background-color:#E5E5E5; color:#797979; }
.grisnoir { background-color:#E5E5E5; color:#000000; }
#menu div.seduce { color:#7F7F7F; }

/***__________________________  Formulaires  ____________________________***/

label { color: #000000;  } 

form p {margin:1px;padding:1px;}

.formfield {
	border: #999999 1px solid;
	width:215px;
	background-color: #ffffff;
}
.textarea {
	border: #999999 1px solid;
	background-color: #ffffff;
	width:340px;
	height:80px;
}
.formbutton {
	float:right;
	margin-right:52px;
	font-size:0.9em;
	border: #BDBCA5 1px solid;
	color: #ffffff;
	background-color: #7F7F7F;
}