@charset "UTF-8";
/* CSS Document */

* {
	margin:0px;
	padding:0px;
}
br{margin:0px,padding:0px;height:0px;}

body {
	background-color: #adb1c8;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	/*background-image: url(../images/fond_deg_01_03nb_v6.jpg);*/
	background-image: url(../images/fond_deg_01_03nb_v8.jpg);
	background-repeat: repeat;
}

/************* HEADER ******************/
#top {
	background-color: #1B1B1B;
	height: 80px;
	font-size: 0.8em;
}
#top #tools {
	margin: 10px;
}
#top #tools p a {
	color: #C00;
}
#top #search {
	height:18px;
	width:175px;
	margin:10px 10px 0px 0px;
	float:right;
}

#top #search input.text {
	float:left;
	font-size:0.75em
	color:#666666;
	height: 16px;
	width: 150px;
	border: 1px solid CDCDCD;
}

#top #search img{
	float:left;
	/*vertical-align:middle;*/
}

/************* FOOTER ******************/
#footer {
	background-color: #242424;
	height: 26px;
	font-size: 0.7em;
	position: fixed;
	bottom: 0px;
	left:0px;
	z-index: 9999;
	width: 100%;
	color: #FFF;
}

#footer  a {
	color: #C00;
}
*html #footer { /*--IE6 Hack - Fixed Positioning to the Bottom--*/
	margin-top: -1px; /*--Prevents IE6 from having an infinity scroll bar - due to 1px border on #footpanel--*/
	position: absolute;
	top:expression(eval(document.compatMode &&document.compatMode=='CSS1Compat') ?documentElement.scrollTop+(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));
}

#footer ul {
	padding: 0;
	margin: 0;
	float: left;
	width: 100%;
	list-style: none; /*--Gives the bevel feel on the panel--*/
	font-size: 1.1em;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #373737;
}
#footer ul li{
	padding: 0; margin: 0;
	float: left;
	position: relative;
}
#footer ul li a{
	padding: 0px;
	float: left;
	text-indent: -9999px; /*--For text replacement - Shove text off of the page--*/
	height: 16px; width: 16px;
	text-decoration: none;
	color: #333;
	position: relative;
}
html #footer ul li a:hover{
	background-color: #CBCBCB;
}
html #footer ul li a.active { /*--Active state when sub-panel is open--*/
	background-color: #fff;
	height: 17px;
	margin-top: -2px; /*--Push it up 2px to attach the active button to sub-panel--*/
	border: 1px solid #555;
	border-top: none;
	z-index: 200; /*--Keeps the active link on top of the sub-panel--*/
	position: relative;
}
#footer #mainpanel li .facebook {
	background-image: url(../images/facebook.jpg);
	background-repeat: no-repeat;
	width: 66px;height:25px;
}
/************* NEWS ******************/
#une {
	width: 250px;
	float: left;
	margin-top: 34px;
	margin-right: 30px;
	margin-left: 10px;
}
.unit {
	margin-bottom: 15px;
	background-color: #FFF;
	padding-bottom: 20px;
	border: 4px solid #FFF;
	color: #666;
}
#une  #desc {
	font-size: 0.75em;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 10px;
	margin-left: 10px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #E4E7F2;
	padding-bottom: 5px;
}

#une #client, .client {
	background-color: #393939;
	color: #FFFFFF;
	padding: 3px 10px 2px 10px !important;
	padding: 0px 0px 0px 0px;
	text-transform: uppercase;
	font-size: 0.8em;
	font-weight: bold;
}
#une #baseline, .baseline {
	font-size: 0.8em;
	padding: 10px 10px 0px 10px !important;
	padding: 0px;
	font-weight: bold;
}
/************* BOXES ******************/
#mix {
	font-size: 0.9em;
	margin-top: 25px;
	color: #666;
	margin-right: auto;
	margin-left: auto;
}
.module {
	width: 290px;
	background-image: url(../images/_trans_01nb.png) !important;
	background-repeat: no-repeat !important;
	background: none;
	float: left;
	padding-top:10px;
	margin: 0px 5px 0px 10px;
}

* html .module{
	/width:290px;
	w/idth:310px;
}

#content {
	margin:0px 5px 0px 5px;
	padding:5px 0px 5px 0px;
}


#shadLateral  {
	background-image: url(../images/_trans_05nb.png) !important;
	background-repeat: repeat-y !important;
	background-image: url(../images/_trans_05nb.gif);
	background-repeat:repeat-y;
	padding:0px 10px 0px 10px;
}


#shadBottom  {
	background-image: url(../images/_trans_09nb.png);
	background-repeat: no-repeat;
	height: 10px;
}
* html #shadBottom{
    background: none;
}

#visuel {
	margin: 0px 0px 20px 0px;
	padding:0px 0px 0px 0px !important;
	padding:0px 0px 0px 0px;
}


#date {
	font-size: 0.85em;
	color: #FFFFFF;
	margin: 10px 10px 0px 10px !important;
	margin:0px;
	font-weight: bold;
}

#mix #client, .client {
	background-color: #444477;
	color: #FFF;
	margin:0px 0px 0px 0px;
	padding: 0px 5px 0px 5px !important;
	padding: 0px 0px 0px 0px;
	text-transform: uppercase;
	display: inline-block;
	font-size: 0.85em;
	font-weight: normal;
}

#taf {
	font-size: 0.85em;
	color: #FFF;
	margin: 0px 0px 0px 0px;
	padding:0px 5px 0px 5px;
	font-weight: normal;
	text-transform: uppercase;
	background-color: #AAAFC5;
	display: inline-block;
}

#boxDesc {
	font-size: 0.85em;
	margin: 10px 0px 0px 0px;
	padding:0px 0px 5px 0px;
	color: #666666;
	text-align: justify;
	display: block;
}


#tag {
	width: 75%;
	text-align: right;
	font-size: 0.9em;
	float: right;
	margin-top: 20px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
 #tag p {
	background-color: #676767;
	padding: 2px 5px 2px 5px !important;
	padding:0px;
	display: inline-block;
	color: #FFFFFF;
}

#link {
	text-align:right;
	float: right;
}





a {
	color: #ADB1C8;
	text-decoration: none;
	outline:none;
}
#une img {
	margin-right: 5px;
}
#siteTitle {
	color: #FFF;
	float: left;
	height: 40px;
	width: 400px;
	font-size: 3em;
	margin-left: 15px;
	margin-top: 15px;
}
#top #links {
	position: relative;
	float: right;
	clear: both;
	color: #FFF;
	margin-right: 15px;
	bottom: 0px;
}
#visuelSWF {
	padding:0px !important;
	padding:0px 0px 0px 0px;
	height: 200px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}
#content ul {
	font-size: 0.9em;
	margin-left: 1em;
}
#content a {
	font-size: 1em;
	color: #9C3;
}#socialTools {
	background-color: #242424;
	padding: 15px;
	height: 20px;
	font-size: 1.2em;
}