.clear {
	clear:both;
	display: block;
	padding:0px;
	margin:0px;
	overflow: hidden;
	height:1px; /*Permet de garder le fond sour Mozilla*/
}


/* COMMON */
 
* {
	margin: 0px;
	padding: 0px;
}

html body {     
	background-color: #FFFFFF;
	background-image: url("../img/BgFilet_body.gif");
	background-repeat: repeat-x;
}




html body, table
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	font-style : normal;
	text-decoration: none;
	color: #5A82A5;
}

br {
  font-size: 10px;
  height: 10px; 
}

img {
	border: 0px;
}

h1 {
  text-align:right;
  font-size: 9px;
  font-weight: bold;
}

a:link{
	font-weight: normal;
	font-style : normal;
	text-decoration: none;
	color: #5A82A5;
}

a:visited{
	font-weight: normal;
	font-style : normal;
	text-decoration: none;
	color: #5A82A5;
}

a:active{
	font-weight: normal;
	font-style : normal;
	text-decoration: none;
	color: #5A82A5;
}

a:hover{
	font-weight: normal;
	font-style : normal;
	text-decoration: underline;
	color: #5A82A5;
}

/* DIV */

div#cont_main {
	z-index:0;
  position: relative;
	margin-left: auto;
	margin-right: auto;  
	padding-left:0px;
	padding-right:0px;
	width: 784px;
	text-align:left;
}

div#cont_header {
	z-index:1;  
	position: relative;
	width: 784px;
	height: 229px;
	text-align:left;	
}

div#cont_logo {
	z-index:2;
	float: left;
  display: inline;	
	position: relative;
	background-repeat: no-repeat;
  background-image:url('../img/dynHead/01.jpg');
	width: 250px;
	height: 229px;
	text-align:left;
}

div#cont_bandeau {
	z-index:2;
	float: left;
  display: inline;	
	position: relative;
	width: 534px;
	height: 229px;
	text-align:left;
}

div#cont_bandeau_top {
  position: relative;
  width:509px;
  height:19px;
  padding-top: 25px;
  padding-right: 25px;
	background-repeat: no-repeat;
  background-image:url('../img/hautBandeau.jpg');
	font-weight: bold;
  text-decoration: none;
  font-size: 11px;
  color: #ffffff;
  text-align: right;  
}

div#cont_bandeau_top a:link{
	font-weight: bold;
  text-decoration: none;
  font-size: 11px;
  color: #ffffff;
}

div#cont_bandeau_top a:visited{
	font-weight: bold;
  text-decoration: none;
  font-size: 11px;
  color: #ffffff;
}

div#cont_bandeau_top a:active{
	font-weight: bold;
  text-decoration: none;
  font-size: 11px;
  color: #ffffff;
}

div#cont_bandeau_top a:hover{
	font-weight: bold;
  text-decoration: underline;
  font-size: 11px;
  color: #ffffff;
}

div#cont_bandeau_middle {
  position: relative;
  width:534px;
  height:114px;
	background-repeat: no-repeat;
  background-image:url('../img/bandeauTelephone.jpg');
}

div#cont_bandeau_bottom_back {
  z-index: 0;
  position: relative;
  width:534px;
  background-image: url('../img/BgFiletSsContainer.gif');
  background-position: -202px;
  background-repeat: repeat-y;
}

div#cont_bandeau_bottom {
  z-index: 1;
  position: relative;
  width:522px;
  height:71px;
	background-repeat: repeat-x;
  background-image:url('../img/BgFiletMenuH.gif');
}

div#cont_bandeau_menu {
  position: relative;
  width:522px;
  height:25px;
}

div#cont_frame_main {
  position: relative;
  float: left;
  display: inline;  
  width: 884px;
	background-repeat: repeat-y;
  background-image:url('../img/BgFiletSsContainer.gif');
  background-position:48px;
}

div#cont_frame_left {
  position: relative;
  float: left;
  display: inline;  
  width: 190px;
}

div#cont_menu_right {
  position: relative;
  float: right;
  display: inline;
  padding: 10px; 
  width: 118px;
}

.cont_box_projet {
  position:relative;
  width:118px;
  height:152px;
  margin-top: 20px;
}

div#cont_box_head_graph {
  position:relative;
  width:118px;
  height:102px;
  background-image: url('../img/headBoxGraph.gif');
  background-repeat: no-repeat;
}

div#cont_box_head_sites {
  position:relative;
  width:118px;
  height:98px;
  background-image: url('../img/headBoxSites.gif');
  background-repeat: no-repeat;
}

.cont_box_main_projet {
  position:relative;
  width:102px;
  background-image: url('../img/filetBoxProjets.gif');
  background-repeat: repeat-y;
  padding: 8px;
  text-align:center;
  font-size: 9px;  
}

.cont_box_foot_projet {
  position:relative;
  width:118px;
  height:9px;
  background-image: url('../img/footerBoxProjets.gif');
  background-repeat: no-repeat;
}

div#cont_frame_right {
  position: relative;
  float: left;
  display: inline;
  width: 564px;
  padding:10px;
  padding-right:50px;
}

div#cont_frame_right_footer {
  position: relative;
  width: 584px;
  height: 10px;
  margin-left: 142px;
  background-image: url('../img/BgFootContainer.gif');
  background-repeat: no-repeat;
}

div#cont_footer {
	clear:both;
 	background-image:url('../img/BgFoot_SsContainer.gif');
 	margin-left: 48px;
	background-repeat: no-repeat;
  width: 734px;
  height: 153px;
}

div#cont_footer a{
  text-decoration: none;	
  color: #828282;
}

div#cont_footer a:hover{
  text-decoration: underline;
  color: #555555;
}

div#cont_trailer a{
  text-decoration: none;	
  color: #000000;
}

div#cont_trailer a:hover{
  text-decoration: underline;
  color: #222222;
}

div#cont_title {
	position: absolute;
  margin-top: 37px;
  width: 504px;
	text-align: right;
	font-size: 14px;
  color: #999999;
}

div#cont_title a{
	font-weight: bold;
  text-decoration: none;	
  color: #ffffff;
}

div#cont_title a:hover{
	font-weight: bold;
  text-decoration: underline;
  color: #dddddd;
}

div#cont_pack_pme_1{
  position: relative;
  clear: both;
  margin-left: auto;
  margin-right: auto;
  margin-top: 50px;
	background-image: url("../img/Bgimg_PackPMEindex.jpg");
	background-repeat: no-repeat;
	width: 546px;
  height: 243px;
}

.cont_pack_1{
  position: relative;
  clear: both;
  margin-left: 29px;
  margin-right: auto;
  margin-top: 50px;
	background-image: url("../img/filetPack.gif");
	background-repeat: repeat-x;
	background-color: #C0C4CB;
	width: 522px;
}

.cont_pack_1_foot{
  position: relative;
  margin-left: 29px;
  margin-right: auto;
	background-image: url("../img/footPack.gif");
	background-repeat: no-repeat;
	width: 522px;
  height: 6px;
}

.cont_pack_1_logo{
  position: relative;
  float:left;
  display: inline;
  margin-left: -29px;
	width: 129px;
  height: 132px;  
}

.cont_pack_1_block{
  position: relative;
  margin-top: 11px;
  float: right;
  display: inline;
  width: 290px;  
}

.cont_pack_1_block h1{  
  position: relative;
  margin-left:-100px;
  height: 22px;
  font-weight: normal;
  font-size: 15px;
  color: #555555;
}

.cont_pack_1_block li{
  list-style-type: square;
  list-style-image: url('../img/li.gif');
	list-style-position: inside;
  padding-top:5px;
  padding-bottom:5px;
  padding-left: 5px;
  font-weight: normal;
  font-size: 12px;
  color: #555555;
}

.cont_pack_1_price{
  height: 35px;
  margin-top: 5px;
  padding-right: 20px;
  font-weight: normal;
  font-size: 30px;
  width: 502px;
  color: #ffffff;
	text-align: right;
}

div#cont_pack_block{  
  position: relative;
  float: right;
  width: 300px;
  height: 150px;
}

div#cont_pack_block h1{
  position: relative;
  margin-left:-100px;
  border-bottom: 1px solid #555555;  
  height: 22px;
  font-weight: normal;
  font-size: 15px;
  color: #555555;
}

div#cont_pack_block li{
  list-style-type: square;
  list-style-image: url('../img/li.gif');
	list-style-position: inside;
  padding-top:5px;
  padding-bottom:5px;
  padding-left: 5px;
  font-weight: normal;
  font-size: 12px;
  color: #555555;
}

div#cont_pack_price{
  height: 35px;
  margin-top: 30px;
  margin-bottom: 20px;
  padding-right: 20px;
  font-weight: normal;
  font-size: 30px;
  width: 526px; 
  color: #ffffff;
	text-align: right;  
}

.big_price{
  font-weight: bold;
  font-size: 30px;
  color: #000000;
}

div#cont_menu_left {
  position: relative;
  float: left;
  display: inline; 
  width: 36px;
  margin-left: 45px;
  z-index:10;
  margin-top:5px;
}

div#cont_menu_left_full{
  clear: both;    
  position: relative;
  margin-left: 49px;
	width: 143px;
  margin-top:5px;	
}

div#cont_menu_head_web{
  clear: both;
  position: relative;
	background-image: url("../img/head_menu_web.gif");
	background-repeat: no-repeat;
	height: 51px;
	width: 143px;
}

div#cont_menu_head_gra{
  clear: both;
  position: relative;
	background-image: url("../img/head_menu_graph.gif");
	background-repeat: no-repeat;
	height: 51px;
	width: 143px;
}

div#cont_menu_head_ser{
  clear: both;
  position: relative;
	background-image: url("../img/head_menu_services.gif");
	background-repeat: no-repeat;
	height: 51px;
	width: 143px;  	
}

div#cont_menu_main{
  clear: both;  
  position: relative;
  margin-left: 12px;
  width: 121px;
	background-image: url("../img/bgFilet_menu.gif");
	background-repeat: repeat-y;
	text-align: right;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 0px;
	overflow: hidden;
}

div#cont_menu_foot{
  clear: both;
  position: relative;
  margin-left: 12px;  
	background-image: url("../img/foot_menu.gif");
	background-repeat: no-repeat;
	height: 16px;
	width: 131px;
}

div#cont_listproj{
  position: absolute;
	background-image: url("../img/BgImg_produitScroll.gif");
	background-repeat: no-repeat;
	height: 140px;
	width: 600px;
}

div#cont_text_list{
  position: relative;
	width: 600px;
}

div#cont_text_top{
  position: relative;
  display: block;
  clear: both;
	background-image: url("../img/cont_text_top.gif");
	background-repeat: no-repeat;
	height: 14px;
	width: 600px;
}

div#cont_text_main{
  position: relative;
  display: block;
  clear: both;  
	background-image: url("../img/cont_text_filet.gif");
	background-repeat: repeat-y;
	width: 550px;		
	padding-left: 10px;
	padding-right: 40px;
}

div#cont_text_foot{
  position: relative;
  display: block;
  clear: both;  
	background-image: url("../img/cont_text_foot.gif");
	background-repeat: no-repeat;
	height: 14px;
	width: 600px;
}

div#cont_text_footer{
  margin-left: 160px;
  margin-right: 30px;
  margin-top: 30px;
  position: relative;
  text-align: center;
  font-size: 10px;
}

div#cont_text_footer2{
  margin-left: 160px;
  margin-right: 30px;
  margin-top: 10px;
  position: relative;
  text-align: center;
  font-size: 9px;
}

div#cont_mainlist{
  position:relative;
  top: -6px;
  height: 140px;
  margin-top: 0px;
  margin-left: 4px;
}

div#cont_mainlistsize{
  position:relative;
  margin-top: -6px;
  margin-left: 4px;
}

div#cont_listproj_scroll{
  position: absolute;
  top: 1px;
	height: 138px;
	width: 600px;
	overflow:hidden;
  visibility: hidden;
  clip: rect(0px, 600px, 138px, 0px); 
  z-index: 2;
}

div#cont_listproj_in{
  position: absolute;
  top: 5px;
  left: 10px;
	width: 550px;
	z-index: 3;
}

div#cont_listproj_butup{
  position: absolute;
  top: 25px;
  right:5px;
	height: 20px;
	width: 20px;
}

div#cont_listproj_butdown{
  position: absolute;
  top: 95px;
  right:5px;
	height: 20px;
	width: 20px;
}

.proj_url {
  text-align:right;
  font-size: 9px;
  text-decoration: underline;	
}

/* CONTACT */

#subject {
  background-color:#F2F2F4;
  position:absolute;
  left:5px;
  top:70px;
  width:270px;
}

#nom {
  background-color:#F2F2F4;
  border:0px;
  position:absolute;
  left:364px;
  top:27px;
  width:190px;
}

#societe {
  background-color:#F2F2F4;
  border:0px;
  position:absolute;
  left:364px;
  top:73px;
  width:190px;
}

#email {
  background-color:#F2F2F4;
  border:0px;
  position:absolute;
  left:364px;
  top:118px;
  width:190px;
}

#msg {
  background-color:#F2F2F4; 
  border:0px;
  position:absolute;
  overflow:auto;
  left:245px;
  top:164px;
  width:309px;
  height:118px;
}

#tel {
  background-color:#F2F2F4;
  border:0px;
  position:absolute;
  left:268px;
  top:315px;
  width:180px;
}

#divMsg1 {
  position:absolute;
  left:30px;
  top:37px;
  width:240px;
}

#divmsg2 {
  position:absolute;
  left:35px;
  top:120px;
  width:240px;
}

#divFond {
  position:relative;
  width:554px;
  height:509px;
  margin-left: 20px;
  background-image: url('../img/bgContact.gif');
}

#divCourrier{
  position:absolute;
  left:10px;
  top:442px;
  width:133px;
  font-size:12px;
	text-align:left;
	font-weight: bold;
  color: #7F7F7F;  
}  

#divTelFax{
  position:absolute;
  left:10px;
  top:458px;
  width:133px;
  font-size:9px;
	text-align: center;
  color: #7F7F7F;  
} 

#divCourrierHr{
  position:absolute;
  left:150px;
  top:442px;
  width:1px;
  height:37px;
  background-image: url('../img/hrVertical_adresse.gif');  
} 

#divCourrierAdr{
  position:absolute;
  left:160px;
  top:441px;
  width:185px;
  font-size:10px;
	text-align:left;
  color: #7F7F7F;  
}

.txt_warning
{
 color: #0000FF;
}


/* NEWS */

div#cont_list_news{
  position: relative;
	margin-left: 14px;
  width: 175px;
  height: 146px;
  background-image: url('../img/BgNews.gif');
  background-repeat: no-repeat;
}

div#scrollnews{
  position: absolute;
  top: 10px;
  left: 36px;
  width: 140px;
  height: 123px;
  VISIBILITY: hidden;
  OVERFLOW: hidden;
  CLIP: rect(0px, 140px, 123px, 0px); 
  z-index: 2;
}

div#scrollnewsgo{
  position:absolute;
  top : 0px;
  left : 0px;
	padding: 5px;
  width: 130px;
  z-index: 3;  
}

div#news_title {
	clear:both;
	position:relative;
	margin-top:10px;
	padding-top:2px;
	padding-left:10px;
	padding-right:10px;
	background-color: #888888;
	width:612px;
	height:20px;
	text-align:left;
	font-weight: bold;
  color: #ffffff;	
}

div#news_title a{
	font-weight: bold;
  text-decoration: none;	
  color: #ffffff;
}

div#news_title a:hover{
	font-weight: bold;
  text-decoration: underline;
  color: #dddddd;
}

div#news_main {
	clear:both;
	position:relative;
	padding-top:20px;
	padding-bottom:20px;
	padding-left:30px;
	padding-right:30px;
	background-color: #E8EAF6;
	width:572px;
	height:40px;
	text-align:left;
  color: #4A4683;	
}

.news_date {
  font-weight: bold;
  color: #aaa;	
}

div#news_main a{
  text-decoration: none;	
  color: #3C3C46;
}

div#news_main a:hover{
  text-decoration: underline;
  color: #474380;
}

/* CATEGORIES */

.cat_titlemain {
	clear:both;
	position:relative;
	margin-left:-24px;
	margin-top:-7px;
	padding-top:14px;
	padding-bottom:7px;
	padding-left:10px;
	padding-right:10px;
	background-color: #888888;
	width:654px;
	text-align:left;
	font-weight: bold;
  color: #ffffff;	
}

.cat_titlemain a{
	font-weight: normal;
  text-decoration: none;	
  color: #ffffff;
}

.cat_titlemain a:hover{
	font-weight: normal;
  text-decoration: underline;
  color: #dddddd;
}

.cat_titlemain td{
	font-weight: normal;
  color: #ffffff;
}

.cat_title {
	clear:both;
	margin-top:1px;
	margin-left:-24px;	
	position:relative;
	padding-top:2px;
	padding-left:10px;
	padding-right:10px;
	border-bottom:solid 1px #666;
	width:654px;
	height:20px;
	text-align:left;
	font-weight: bold;
  color: #ffffff;	
}

.cat_title a{
	font-weight: bold;
  text-decoration: none;	
  color: #ffffff;
}

.cat_title a:hover{
	font-weight: bold;
  text-decoration: underline;
  color: #dddddd;
}

/* COMMON */

.onglet_title {
	z-index:3;
  float:left;	
  display:inline;  
	clear:both;	
	position: relative;
	margin-left:-24px;	
	margin-top:20px;
	padding-top:2px;
	padding-left:10px;
	padding-right:10px;
	background-color:#c9c9c9;
	height:20px;
	text-align:left;
	font-weight: bold;
  color: #ffffff;
}

.onglet_title_fin {
  float:left;
	margin-top:20px;  
  display:inline;
	z-index:3;
	background-image: url("../img/ongletGris.gif");
	background-repeat: no-repeat;
	width:10px;
	height:22px;
}

.zone_text1 {
	z-index:3;
	clear:both;
	position: relative;
	margin-left:-24px;	
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:30px;
	background-color:#DBDBDB;
	width:654px;
	height:40px;
	text-align:left;
  color: #382F80;	 
}
  
.zone_text2 {
	z-index:3;
	clear:both;
	position: relative;
	margin-left:-24px;		
	padding-top:10px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:30px;
	background-color:#E8EAF6;
	width:654px;
	height:40px;
	text-align:left;
  color: #76719A;	 
}

.zone_text2 a{
  text-decoration: none;	
  color: #3C3C46;
}

.zone_text2 a:hover{
  text-decoration: underline;
  color: #474380;
}

.hr {
	z-index:3;
	clear:both;
	position: relative;
	margin-top:10px;
	margin-bottom:20px;
	border-bottom:solid 1px #53AE45;
	width:643px;
	height:14px;
	text-align:left;
  color: #53AE45;	 
  font-weight: bold;
}