/* CSS Document */

body,td,th {
	font-family:  Helvetica,Verdana, sans-serif;
	font-size:11px;
	
}
body {
	background-color:#FFFFFF;
	margin: 0px;
	padding:0px;
}
/*   New Design -------------------------------------------------------- */
#global{
	width:100%;
	height:100%;
}
#enveloppe-exterieure {
  	width:640px;
}

.tablecontent{
	width:639px;
	position:relative;
	top:-13px;
}

.tablecontent td{
	height:30%;
}
#barre-laterale {
	width: 170px;
	background-image:url(../images/bg_barre_laterale.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
}
#content{
	width:315px;
	height:90%;
   	background: url(../images/contigo_content_bg.gif) repeat-y left;
}
#txtcontent{
	border-top:1px solid #fff;
	margin-left:20px;
	text-align:justify;
	width:280px;
	
}
.header_content {
	width:315px;
	background-image:url(../images/contigo_content_top.gif);
	height:13px;
	font-size:2px;
}
.content_bottom{
	background-image:url(../images/content_bottom.gif);
	background-repeat:no-repeat;
	height:24px;width:315px;
}
#gauche {
  width: 140px;
  padding-top:2px;
}
#gauche a{
	color:#ffffff;
font-size:12px;
font-weight:bold;
text-decoration:none;
}
#gauche a:hover{
	color:#ffffff;
font-size:12px;
font-weight:bold;
text-decoration:underline;
}
#iduser {
	width:136px;
	height:250px;
	background-image:url(../images/bglogin.jpg);
	text-align:left;
	vertical-align:bottom;
	font-size:16px;
	font-variant:small-caps;
	color:#FFFFFF;
	font-weight:bold;

	background-repeat:no-repeat;
	background-position:bottom;
}
.loginContent {
	margin-top:120px;
	height:117px;
	margin-left:10px;
	width:130px;
}
.loginContent  input{
	width:110px;
	font-size:10px;
	margin:0;
	
}
/* MENU  */
.header {
	border:0px;
	width:640px;
	padding:0px;
	margin:0px;
	padding-top:30px;
	height:117px;
	vertical-align:top;
	background-color:#FFFFFF;
	
}
.header td {
 vertical-align:top;
}
 .submenu {
	font-size:10px;
font-weight:normal;
	}
#newsletter{
background-color:#FFD000;
vertical-align:middle;
padding-top:11px;
padding-bottom:360px;
text-align:right;
padding-right:5px;
border-bottom:3px solid #FFFFFF;
font-size:18px;
font-weight:bold;
color:#FFFFFF;
	}
#services {
background-color:#FFD000;
vertical-align:middle;
padding-top:11px;
padding-bottom:10px;
text-align:right;
padding-right:5px;
border-bottom:3px solid #FFFFFF;
}
#cases {
background-color:#FF8A00;
vertical-align:middle;
padding-top:11px;
padding-bottom:10px;
text-align:right;
padding-right:5px;
border-bottom:3px solid #FFFFFF;
}
#jobs {
background-color:#B41717;
vertical-align:middle;
padding-top:11px;
padding-bottom:10px;
text-align:right;
padding-right:5px;
border-bottom:3px solid #FFFFFF;
}
#location {
background-color:#6FCE00;
vertical-align:middle;
padding-top:11px;
padding-bottom:10px;
text-align:right;
padding-right:5px;
border-bottom:3px solid #FFFFFF;
}
#news {
background-color:#008C22;
vertical-align:middle;
padding-top:11px;
padding-bottom:10px;
text-align:right;
padding-right:5px;
border-bottom:3px solid #FFFFFF;
}
#contact {
background-color:#007B8D;
vertical-align:middle;
padding-top:11px;
padding-bottom:10px;
text-align:right;
padding-right:5px;
border-bottom:3px solid #FFFFFF;
}
.ListLink {
	margin-top:0px;
	list-style-image:url(../images/li_link.gif);
	list-style-position:outside;
	margin-bottom:0px;
	margin-left:15px;
	padding-left:15px;
	
}
.ListLink a{
	color:#F7682B;
	font-weight:normal;
	font-size:12px;
	text-decoration:none;
}
.li_link {
	padding-bottom:10px;
}

.ListLink a:hover{
	font-weight:normal;
	font-size:12px;
	text-decoration:underline;
}
.deblayag_lome {
  width:100%;
  height: 32px;
  font-size:10px;
  background-image:url(../images/bg_deblayage.gif);
  text-align:center;
  clear:both;
  padding-top:10px;
  color:#FFFFFF;
  background-repeat:repeat-x;
  position:relative;
  top:-10px;
}
.deblayage a {
color:#FFFFFF;
}
.deblayage a:hover {
color:#FFFFFF;
}
#bottom {
	color:#F7682B;
	font-size:10px;
}

/* -------------------------------------------------CONTENT -----------------------------*/
h1 {
  font-size: 30px;
  color:#0B257E;
  font-weight:bold;
  margin:0px;
  padding:0px;
  margin-bottom:10px;
  width:280px;
  margin-left:20px;

}
h2 {
  font-size: 20px;
  color:#0B257E;
  font-weight:normal;
  margin:0px;
  padding:0px;
 
}
h3 {
  font-size: 12px;
  font-weight:bold;
  color:#0B257E;
  font-weight:bold;
}
.TitleUnderline1{
  font-size: 1.8em;
  font-weight:bold;
  border-bottom:1px solid #F7682B;
  color:#F7682B;
  font-weight:bold;
  display:block;
}
.TitleUnderline2{
  font-size: 1.4em;
  font-weight:bold;
  border-bottom:1px solid #F7682B;
  color:#F7682B;
  font-weight:bold;
  display:block;
}
.TitleUnderline3{
  font-size: 12px;
  font-weight:bold;
  border-bottom:1px solid #F7682B;
  color:#F7682B;
  font-weight:bold;
  display:block;
}
p {
  margin-top:10px;
  margin-bottom:10px;
}
.ligneleft{
  margin-top:10px;
  margin-bottom:10px;
  padding-left:10px;
  
  text-indent:0px;
}


b , strong {
color:#0B257E;
}
/* ----------------------------------------FORMS -------------------- */

.inputText {
	color:#333333;
	font-family: Helvetica,Verdana, sans-serif;
	font-size:11px;
	width:135px;
	height:20px;
	background-color:#FFFFFF;
	border:1px solid #F7682B;
	padding-bottom:5px;
}
.inputTextarea {
	color:#333333;
	font-family: Helvetica,Verdana, sans-serif;
	font-size:11px;
	width:350px;
	height:150px;
	background-color:#FFFFFF;
	border:1px solid #F7682B;
	padding-bottom:5px;
}
.InputButton {
	color:#FFFFFF;
	font-family: Helvetica,Verdana, sans-serif;
	font-size:12px;
	text-align:center;
	font-weight:bold;
	height:20px;
	background-color:#F8CF12;
	border-left:1px solid #FDFCF6;
	border-top:1px solid #FDFCF6;
	border-bottom:1px solid #A88C09;
	border-right:1px solid #A88C09;
}
hr {
height:1px;
color:#333333;
}
a{
	font-family: Helvetica,Verdana, sans-serif;
	color: #333333;
	text-decoration:none;
}
a:hover{
	font-family: Helvetica,Verdana, sans-serif;
	color: #333333;
	text-decoration:underline;
}
#principal p img {
	margin : 5px;
	text-align:center;
}
#principal p a{
	font-family: Helvetica,Verdana, sans-serif;
	color: #333333;
	text-decoration:none;
}
#principal p a:hover{
	font-family: Helvetica,Verdana, sans-serif;
	color: #333333;
	text-decoration:underline;
}
#HTMLEditor a{
	font-family: Helvetica,Verdana, sans-serif;
	color: #333333;
	text-decoration:none;
}
#HTMLEditor a:hover{
	font-family: Helvetica,Verdana, sans-serif;
	color: #333333;
	text-decoration:underline;
}

label { 
	display:inline ;
	float:left ;
	width:100px ;
}
.td-test{
padding-bottom:10px;
border-bottom:1px solid #F7682B;
}
.td-test2{
padding-bottom:10px;
background-color:#333333;
border-bottom:1px solid #F7682B;
}
#principal ul {
	margin-top:0px;
	list-style-image:url(../images/li_agenda.gif);
	padding-left:12px;
	margin-left:12px;
}
#principal li {
	color:#333333;
	font-weight:normal;
	padding-bottom:5px;
	padding-top:5px;
	border-bottom:1px solid #FFFFFF;
}
#principal li a{
	color:#333333;
	font-weight:normal;
	text-decoration:none;
}
#principal li a:hover{
	font-weight:normal;
	text-decoration:underline;
}
.SearchComment {
	font-size:10px;
	color:#999999;
	padding-left:10px;
}
.TablePresentProduct {
	padding:5px;
	margin:0px;
	width:400px;
	border:1px solid #000000;
}
.actionproduct  {
	float:right;
	background-color:#F7682B;
	width:25px;
	color:#FFFFFF;
}	
/* TOOL BAR *********************************************************/
.HTMLEditor{
 	WIDTH: 400px;
	HEIGHT: 110px;
	POSITION: relative;
	BORDER : 1px solid #F7682B;
	OVERFLOW-y: scroll;
	OVERFLOW-x: auto;
    PADDING: 4px;
	BACKGROUND-COLOR: #FFFFFF;
	z-index: 1;
}
.HTMLEditor img {
	margin : 5px;
	text-align:center;
}
.HTMLEditor td{
	border:1px solid #F7682B;
}
.HTMLEditor div{
	border:1px solid #F7682B;
}
.coolButtonHover{
	Border-right : 1px solid #3E5665;
	Border-Bottom : 1px solid #3E5665;
	Border-Top : 1px solid #89A2B3;
	Border-Left : 1px solid #89A2B3;
}
.coolButton {
	Border:1px solid #FFFFFF;
}
.coolButtonClick{
	Border-right : 1px solid #3E5665;
	Border-Bottom : 1px solid #3E5665;
	Border-Top : 1px solid #89A2B3;
	Border-Left : 1px solid #89A2B3;
}
.HTMLToolBar {
	WIDTH: 400px;
    HEIGHT: 36px;

}
.PopUpWindowTitle
{
    BACKGROUND-COLOR: #FFFBF1;
	BORDER: 1px solid #FFB717;
    COLOR: #000000;

}
.PopUpWindowBody
{
    BORDER : 0px;
	Border-top : 1px solid #FFB717;
    COLOR: #000000;
    BACKGROUND-COLOR: #FFFEFB;
}
.divContentFloatRight {
	float:right;
	margin:10px;
}
.divContentFloatLeft {
	float:left;
	margin:2px;
}
.divContentFloatLeft img{
	margin:0px;
}
/*    ADMIN -------------------------------------------------------- */
.RightAction {
	text-align:right;
	font-family: Helvetica,Verdana, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
	background-color:#F7682B;
	padding-right:12px;
	float:right;
}
.RightAction a{
	text-underline:none;
	color: #FFFFFF;
	font-size: 12px;
}
.RightAction a:hover{
	color: #FFFFFF;
	font-size: 12px;

}
.RightAction a:visited{
	color: #FFFFFF;
	font-size: 12px;

}
.galerieimg {
	border:1px solid #AB0D19;
}
.selectadmin {
background-color:#F3F4F8;
font-size:10px;
border:0px;
}
.newsdiv {
	width:169px;
	border:5px solid #A3A3A3;
	background-image:url(../images/news_bg.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	padding-bottom:30px;
	background-color:#FFFFFF;
	font-family: Helvetica,Verdana, sans-serif;
	color: #727272;
	font-size: 12px;
	font-weight:bold;
	margin-top:4px;
}
.newsdivContent {
	width:169px;
	margin-bottom:30px;
	padding-left:3px;
	padding-right:3px;
}
.casediv {
	width:169px;
	border:5px solid #A3A3A3;
	background-image:url(../images/case_bg.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	
	background-color:#FFFFFF;
	font-family: Helvetica,Verdana, sans-serif;
	color: #727272;
	font-size: 12px;
	font-weight:bold;
	margin-top:4px;
	margin-bottom:4px;
}
.casedivContent {
	width:169px;
	margin-bottom:30px;
	padding-left:3px;
	padding-right:3px;
}
.header_bg{
	background-image:url(../images/logo_v2-2.gif);
	background-position:left top;
	background-repeat:no-repeat;
	padding-left:15px;
	height:109px;
}

.deblayage {
  width:640px;
  height: 32px;
  font-size:10px;
  background-image:url(../images/bg_deblayage.gif);
  text-align:center;
  clear:both;
  padding-top:10px;
  color:#FFFFFF;
  background-repeat:repeat-x;
  margin-top:10px;
}
#barre-laterale_v2 {
	width: 170px;  
	background-image:url(../images/bg_barre_laterale.jpg);
	background-position:bottom;
	background-repeat:repeat-x;
	padding-top:3px;
	margin-left:20px;
}