/*
----------------------------------------------------------------------------
Styles globaux
Styles "fonctions"
----------------------------------------------------------------------------
*/

html
{
  overflow: scroll;
}

body, th, td {
	background-color:#FFF;
	color:#004A7F;
	font-family:verdana;
	font-size:11px;
}

strong	 {
	color:#004A7F;
}

a, a img {
	text-decoration:none;
	border:none;
}

h1 {
	font-family:verdana;
	font-size:14px;	
	color:#4d9fdf;
}


.h1 {
	font-family:verdana;
	font-size:14px;	
	color:#4d9fdf;
	font-weight:bold;	
}

h2 {
	font-size:13px;
	color:#4d9fdf;
}

.h2 {
	font-size:13px;
	color:#4d9fdf;
}

h3 {
	font-size:11px;
	color:#4d9fdf;	
	margin-bottom:0px;
}

hr {
	border-color:#A5A9AE;
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom-width:1px;
}

.hr {
	border-bottom-width:1px;
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom: solid 1px #A5A9AE;	
	width:100%;
	height:1px;
	margin:7px 0 7px 0;
}

.hr2 {
	border-bottom-width:1px;
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom: solid 1px #4d9fdf;	
	width:100%;
	height:1px;
	margin:7px 0 7px 0;	
}


.hr3 {
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom: solid 1px #4d9fdf;	
	width:100%;
	margin:0px 0 0px 0;	
	text-align:right;
	padding:0px;
	margin:0px;
}

.hr3 h1, .hr3 form, .hr3 div {
	padding:0px;
	margin:0px;
}
		
.hr4 {
	border-top:none;
	border-left:none;
	border-right:none;
	border-bottom: solid 1px #4d9fdf;	
}

.hr5 {
	height:10px;
	border-bottom: 1px solid #4d9fdf;
	margin-bottom:1px;	
}

.break {
	clear:both;
}

.lightlinks, .lighttext {
	//color:#BBBEC2;
	color:#999999;
	font-size:09px;
}

.minTexte {
	font-size:10px;
}

.minTexte2 {
	font-size:11px;
	color:#318ec8;	
	margin:0px 0px 0px 0px;
}

.liensDiscrets a{
	text-decoration:none;
	color:#004A7F;
	cursor:hand;	
}

.liensDiscrets2 a{
	text-decoration:none;
	color:#4d9fdf;
	cursor:hand;	
}

.liensDiscrets3 {
	text-decoration:none;
	color:#4d9fdf;
	cursor:hand;		
}

.mev1, .mev1 a {
	color:#54A4D4;
	text-decoration:none;
}

.mev1soluc, .mev1soluc a {
	color:#54A4D4;
	text-decoration:none;
	margin-left:-10px;	
}

.lien_chrono {
	color:#4D9FDF;
	font-weight:bold;	
}


.mevrech {
	font-weight:bold;
	color:#4d9fdf;			
}


/*
---------------------------------------------------------------------------- 
Styles de listebos personnalisée (abandonné pour le moment)
----------------------------------------------------------------------------
*/

.listbut {
	background-image:url("../imgs/but_lstyears.jpg");
	background-repeat:no-repeat;
	background-position:top center; 
	width:165px;
	height:18px;
	text-align:center;
	padding-top:5px;
}

.lsty2 {
	position:absolute;
	margin-top:-10px;
	width:165px;
	background:#FFF;
}

.lsty2 ul li{
	list-style-type:none;
}

/*
---------------------------------------------------------------------------- 
Structure de base
Désigne le bloc centré
----------------------------------------------------------------------------
*/

#coffrage {
	width:862px;
	padding-left:25px;
	padding-right:20px;
	background-image:url("../imgs/body_bckg.jpg");
	background-repeat:repeat-y;
	margin-left:auto;
	margin-right:auto;
}


/*
---------------------------------------------------------------------------- 
Styles du head et des menus horizontaux
----------------------------------------------------------------------------
*/


#contact {
	display:block;
	background:url(../imgs/contactbut.jpg);
	width:103px;
	height:27px;
	position:relative;
	margin-left:10px;
}

*+html #contact {
	top:-6px;		
} 

#boutsearch {
	cursor:pointer;
	position:relative;
	top:6px;
}

#contact:hover {
	display:block;
	background:url(../imgs/contactbut_hover.jpg);
	width:103px;
	height:27px;
}

#zoneboutshead {
	margin-left:550px;
	position:relative;
	top:-52px;
	vertical-align:middle;
}

* + html #zoneboutshead {
	position:relative;
	top:-52px;
}

#headbloc {
	width:900px;
	height:80px;
	margin-left:auto;
	margin-right:auto;
	background-image:url("../imgs/new_ban_small.jpg");
	background-position:bottom;

}

#headbloc2 {
	width:900px;
	height:80px;
	margin-left:auto;
	margin-right:auto;
	background-image:url("../imgs/new_ban_small.jpg");
	background-position:bottom;

}



#lienbanner {
	display:block;
	width:630px;
	height:80px;
}

#coinhg {
	width:16px;
	height:49px;
	float:left;
	background-image:url("../imgs/coin_hg.jpg");	
}

#coinhd {
	width:16px;
	height:49px;
	float:left;
	background-image:url("../imgs/coin_hd.jpg");		
}

#menus {
	width:907px;
	margin-left:auto;
	margin-right:auto;
}

#menus div{
	float:left;
}

#menacc a {
	cursor:pointer;	
	display:block;
	width:175px;
	height:45px;	
	background-image:url("../imgs/menu_accueil.jpg");
}

#menacc a:hover {
	background-position:0 -45px;
}

#index_selected {
	cursor:default;
	display:block;
	width:175px;
	height:45px;	
	background-image:url("../imgs/menu_accueil_selec.jpg");	
}

#mensoc a {
	cursor:pointer;	
	display:block;
	width:175px;
	height:45px;	
	background-image:url("../imgs/menu_soc.jpg");	
}

#mensoc a:hover {
	background-position:0 -45px;
}

#societe_selected {
	cursor:auto;	
	display:block;
	width:175px;
	height:45px;	
	background-image:url("../imgs/menu_soc_selec.jpg");	
}

#menmetier a {
	cursor:pointer;	
	display:block;
	width:175px;
	height:45px;	
	background-image:url("../imgs/menu_metier.jpg");	
}

#menmetier a:hover {
	background-position:0 -45px;
}

#metier_selected {
	cursor:auto;
	display:block;
	width:175px;
	height:45px;	
	background-image:url("../imgs/menu_metier_selec.jpg");	
}

#mensoluc a {
	cursor:pointer;	
	display:block;
	width:175px;
	height:45px;
	background-image:url("../imgs/menu_soluc.jpg");	
}

#mensoluc a:hover {
	background-position:0 -45px;
}

#solution_selected {
	cursor:auto;
	display:block;
	width:175px;
	height:45px;	
	background-image:url("../imgs/menu_soluc_selec.jpg");	
}

#menref a {
	cursor:pointer;	
	display:block;
	width:175px;
	height:45px;		
	background-image:url("../imgs/menu_ref.jpg");	
}

#menref a:hover {
	background-position:0 -45px;
}

#references_selected {
	cursor:auto;	
	display:block;
	width:175px;
	height:45px;	
	background-image:url("../imgs/menu_ref_selec.jpg");	
}

#rollmen1 {
	position:absolute;
	padding-left:15px;
	top:133px;
	width:155px;
	height:107px;
	background:url("../imgs/rollmen1.png");
}

*+html #rollmen1 {
	top:140px;
}

#rollmen1 a {
	color:#BBBEC2;
	font-family:arial;
	text-decoration:none;
	display:inline;
	background-image:none;		
	font-weight:bold;
	line-height:18px;
}

#rollmen1 a:hover {
	color:#4D9FDF;
}

#rollmen2 {
	position:absolute;
	padding-left:15px;
	top:133px;
	width:155px;
	height:75px;
	background:url("../imgs/rollmen2.png");
}

*+html #rollmen2 {
	top:140px;
}

#rollmen2 a {
	color:#BBBEC2;
	font-family:arial;
	text-decoration:none;
	display:inline;
	background-image:none;		
	font-weight:bold;
	line-height:20px;
}

#rollmen2 a:hover {
	color:#4D9FDF;
}

#rollmen3
{
	z-index: 90;
  position:absolute;
	padding-left:13px;
	margin-left:2px;
	top:133px;
	width:157px;
	height:120px;
	background:url("../imgs/rollmen3.png");
}

*+html #rollmen3 {
	top:140px;
}

#rollmen3 a {
	color:#BBBEC2;
	font-family:arial;
	text-decoration:none;
	display:inline;
	background-image:none;		
	font-weight:bolder;
	line-height:17px;
}

#rollmen3 a:hover {
	color:#4D9FDF;
}

#rollmen4 {
	z-index: 90;
  position:absolute;
	padding-left:15px;
	top:133px;
	width:157px;
	height:193px;
	background:url("../imgs/rollmen4.png");
}

*+html #rollmen4 {
	top:140px;
}

#rollmen4 a, #rollmen4 span {
	color:#BBBEC2;
	font-family:arial;
	text-decoration:none;
	display:inline;
	background-image:none;		
	font-weight:bold;
	padding-top:10px;
	line-height:19px;
}

#rollmen4 a:hover {
	color:#4D9FDF;
}

#ulmen5 {
	margin-top:3px;
	margin-bottom:5px;
}

#ulmen5 li {
	list-style-type:none;
	margin-left:-20px;	
}

/*
---------------------------------------------------------------------------- 
Styles des structures verticales
----------------------------------------------------------------------------
*/

#menactus {
	color:#A5A9AE;
	font-size:10px;	
	margin-top:84px;
}

.gauche {
	vertical-align:top;
	width:185px;
}

.droite {
	padding-left:75px;
	width:565px;
	vertical-align:top;
	
}
 *+html .droite {
 	padding-left:50px;
 }

.lienshg, .lienshg a {
	text-align:right;
	font-size:11px;
	color:#A5A9AE;
}


.lienshg a :hover {
	color:#4D9FDF;
}

.lienshg b{
	display:block;
	margin-bottom:5px;
	font-size:10px;
}

.rubriqueselected {
	color:#4D9FDF;
}

/*
----------------------------------------------------------------------------
Styles de l'accueil
----------------------------------------------------------------------------
*/

.tblalignacc {
	text-align:left;
	padding-right:35px;
	vertical-align:middle;
}

.cellnewsacc {
	width:370px;
	position:relative;
	top:-25px;
}

#tblfaitmarquants {
	vertical-align:top;	
}

.accdates {
	vertical-align:top;
	font-family:verdana;
	font-size:14px;	
	color:#4d9fdf;
	font-weight:bold;	
}

.accdates2 {
	vertical-align:top;
	font-family:verdana;
	font-size:11px;	
	color:#4d9fdf;
	font-weight:bold;	
}

.date_titre {
	font-size:20px;	
	color:#4d9fdf;
	font-weight:bold;	
}

/*
----------------------------------------------------------------------------
Styles des pages solution
----------------------------------------------------------------------------
*/

#acc_solu1 {
	width:800px;
	margin-left:auto;
	margin-right:auto;
}

#acc_solu1 td {
	padding-left:10px;
}

.upratique {
	font-size:09px;
	background-image:url('../imgs/bckgct.jpg');
	width:246px;
	height:190px;	
	padding:40px 20px 20px 20px;
	
}

.liensWF {
	display:block;
	cursor:pointer;
}

.lienSITB {
	text-align:center;	
	padding:7px;
}

.lienSITB a{
	color:#004A7F;
	font-weight:bold;
}

.lienSITB a:hover{
	text-decoration:underline;
}

.txtderoul div {
	padding-left:12px;
}

/*
----------------------------------------------------------------------------
Styles des pages references
----------------------------------------------------------------------------
*/

#postebot_old {
	width:539px;
	height:270px;
	background:url("../imgs/botposte.jpg");
	padding:15px;
}


#postebot{
	width:318px;
	height:522px;
	background:url("../imgs/botposte.jpg");
	background-repeat:no-repeat;
	padding:15px;
}

#postebot td {
	background:none;
}

*+html #postebot td {
	line-height:10px;	
}

*+html #postebot {
	font-size:09px;	
}


/*
----------------------------------------------------------------------------
Styles des pages societe
----------------------------------------------------------------------------
*/

.socdiffsstitr {
	margin-left:330px;
	margin-top:5px;	
}

* + html .socdiffsstitr {
	margin-left:390px;
	margin-top:5px;	
}
/*
----------------------------------------------------------------------------
Styles des popups pour les postes
----------------------------------------------------------------------------
*/

#poste_coffrage {
	width:540px;
	padding-left:20px;
	padding-right:20px;
	background-image:url("../imgs/body_bckg_poste.jpg");
	background-repeat:repeat-y;
	margin-left:auto;
	margin-right:auto;	
}

#poste_coffrage2 {
	width:540px;
	padding-left:20px;
	padding-right:20px;
	background-image:url("../imgs/body_bckg_poste.jpg");
	background-repeat:repeat-y;
	margin-left:auto;
	margin-right:auto;	
}

#poste_coffrage3 {
	width:540px;
	padding-left:20px;
	padding-right:20px;
	background-image:url("../imgs/body_bckg_poste.jpg");
	background-repeat:repeat-y;
	margin-left:auto;
	margin-right:auto;	
}

#poste_txt {
	padding:20px;
	overflow-y:auto;
	max-height:300px;	
	overflow-x:hidden;
}

#poste_menlegs {
	padding:20px;
	overflow-y:auto;
	max-height:400px;	
	overflow-x:hidden;
}

#poste_menlegs2 {
	padding:20px;
}

#poste_menlegs3 {
	padding:20px;
}

#poste_menus {
	width:580px;
	margin-left:auto;
	margin-right:auto;	
}

#poste_header {
	height:50px;
	width:580px;
	margin-left:auto;
	margin-right:auto;
	background:url("../imgs/head_poste.jpg");
	background-repeat:no-repeat;	
}

#poste_footer {
	height:30px;
	width:580px;
	margin-left:auto;
	margin-right:auto;
	background:url("../imgs/footer_poste.jpg");
	background-repeat:no-repeat;	
	background-position:bottom;
}

#poste_footer_mail 
{
	height:30px;
	width:580px;
	margin-left:4px;
	margin-right:auto;
	background:url("../imgs/footer_poste.jpg");
	background-repeat:no-repeat;	
	background-position:bottom;
}

/*
----------------------------------------------------------------------------
Styles des popups pour les zooms
----------------------------------------------------------------------------
*/

#zoom_coffrage {
	width:701px;
	padding-left:20px;
	padding-right:20px;
	background-image:url("../imgs/body_bckg_zoom.jpg");
	background-repeat:repeat-y;
	margin-left:auto;
	margin-right:auto;	
	
}

#zoom_txt {
	padding:20px;
	overflow-y:auto;
	max-height:300px;	
	overflow-x:hidden;
}

#zoom_menus {
	width:580px;
	margin-left:auto;
	margin-right:auto;	
}

#zoom_header {
	height:43px;
	width:741px;
	margin-left:auto;
	margin-right:auto;
	background:url("../imgs/head_zoom.jpg");
	background-repeat:no-repeat;	
}

#zoom_footer {
	height:43px;
	width:741px;
	margin-left:auto;
	margin-right:auto;
	background:url("../imgs/footer_zoom.jpg");
	background-repeat:no-repeat;	
	background-position:bottom;
}

#head_menleg {
	height:41px;
	width:588px;
	margin-left:auto;
	margin-right:auto;
	background:url("../imgs/head_menleg.jpg");
	background-repeat:no-repeat;		
}

/*
#head_optwifi{
	height:41px;
	width:588px;
	margin-left:auto;
	margin-right:auto;
	background:url("../imgs/head_optwifi.jpg");
	background-repeat:no-repeat;		
}
*/
#head_optwifi
{
	height:49px;
	width:800px;
	margin-left:5px;
	margin-right:auto;
	background:url("../imgs/head_opt_wifi.jpg");
	background-repeat:no-repeat;		
}

#poste_coffrage_optwifi 
{
	width:690px;
	height:800px;
	background-image:url("../imgs/body_bckg_poste2.jpg");
	background-repeat:repeat-y;
	margin-left:10px;
	margin-right:auto;	
}

#poste_menlegs_optwifi 
{
	padding:20px;
	overflow-y:hidden;
	max-height:800px;	
	overflow-x:hidden;
}

#poste_footer_optwifi
{
	height:30px;
	width:690px;
	margin-left:10px;
	margin-right:auto;
	background:url("../imgs/footer_poste2.jpg");
	background-repeat:no-repeat;	
	background-position:bottom;
}

#head_contact_mail
{
	height:41px;
	width:588px;
  margin-left:0px;
	margin-right:auto;
  background:url("../imgs/head_contact.jpg");
	background-repeat:no-repeat;		
}

#poste_coffrage_mail 
{
  width:580px;
	max-height:600px;
  background-image:url("../imgs/body_bckg_poste.jpg");
	background-repeat:repeat-y;
  margin-left:4px;
  margin-right:auto;	
}

#poste_footer_mail 
{
	height:30px;
	width:580px;
	margin-left:4px;
  margin-right:auto;
	background:url("../imgs/footer_poste.jpg");
	background-repeat:no-repeat;	
	background-position:bottom;
}

#poste_menlegs_mail 
{
  padding:20px;
	overflow-y:auto;
	max-height:600px;
	overflow-x:hidden;
}

#head_optwifi2{
	height:41px;
	width:588px;
	margin-left:auto;
	margin-right:auto;
	background:url("../imgs/head_optwifi.jpg");
	background-repeat:no-repeat;	
}

#head_contact {
	height:41px;
	width:588px;
	margin-left:auto;
	margin-right:auto;
	background:url("../imgs/head_contact.jpg");
	background-repeat:no-repeat;		
}

#formcontact {
	margin-left:100px;
	text-align:left;
	width:450px;
}

#formcontact2 {
	margin-left:100px;
	text-align:left;
	width:400px;
}

#contact2 {
	margin-left:100px;	
}

#contact2 textarea {
	width:360px;
	height:143px;
}

.contact_label {
	text-align:right;
	padding-right:20px;
}

.poscontact2 a{
	margin-top:07px;	
	position:relative;
	left:165px;
}

*+html .poscontact2 a{
	margin-top:10px;		
	position:relative;
	left:166px;
}

/*
---------------------------------------------------------------------------- 
Styles de l'administration
----------------------------------------------------------------------------
*/

.tbl_inputs input {
	width:300px;
}

.tbl_inputs textarea {
	width:300px;
	height:80px;
}

#admin_img {
	background-image : url("../imgs/admin_img.jpg");
	width:320px;
	height:230px;
	background-repeat:no-repeat;
}

.tranche1 a{
	display:block;
	position:relative;
	top:5px;
	width:310px;
	height:12px;
	background-image : url("../imgs/admin_img_s1.jpg");
	cursor:pointer;
}

* +html .tranche1 a {
	margin-left:-20px;
}

.tranche1 a:hover{
	background-image : url("../imgs/admin_img_s1_hover.jpg");
}

.tranche1_hover a {
	display:block;
	position:relative;
	top:5px;
	width:310px;
	height:12px;
	background-image : url("../imgs/admin_img_s1_hover.jpg");
	cursor:pointer;	
}

.tranche1_hoverie a {
	margin-left:-20px;
	display:block;
	position:relative;
	top:5px;
	width:310px;
	height:12px;
	background-image : url("../imgs/admin_img_s1_hover.jpg");
	cursor:pointer;	
}


 .tranche2 a{
	display:block;	
	width:310px;
	height:12px;
	background-image : url("../imgs/admin_img_s2.jpg");
}

* +html .tranche2 a {
	margin-left:-20px;
}

.tranche2 a:hover{
	background-image : url("../imgs/admin_img_s2_hover.jpg");
}

.tranche2_hover a {
	display:block;
	width:310px;
	height:12px;
	background-image : url("../imgs/admin_img_s2_hover.jpg");
	cursor:pointer;	
}

.tranche2_hoverie a {
	margin-left:-20px;
	display:block;
	width:310px;
	height:12px;
	background-image : url("../imgs/admin_img_s2_hover.jpg");
	cursor:pointer;	
}


.tranche3 a{
	display:block;	
	position:relative;
	top:-8px;
	width:320px;
	height:13px;
	background-image : url("../imgs/admin_img_s3.jpg");
}

* +html .tranche3 a {
	margin-left:-10px;
}


.tranche3_hover a, .tranche3 a:hover{
	background-image : url("../imgs/admin_img_s3_hover.jpg");
}

.tranche3_hover a {
	display:block;	
	position:relative;
	top:-8px;
	width:320px;
	height:13px;
	background-image : url("../imgs/admin_img_s3_hover.jpg");
}

.tranche3_hoverie a {
	margin-left:-10px;
	display:block;	
	position:relative;
	top:-8px;
	width:320px;
	height:13px;
	background-image : url("../imgs/admin_img_s3_hover.jpg");
}



.tranche4 a{
	position:relative;
	top:-15px;
	display:block;	
	width:320px;
	height:30px;
	background-image : url("../imgs/admin_img_s4.jpg");
}

*+html .tranche4 a {
	margin-left:-10px;
}


.tranche4_hover a, .tranche4 a:hover{
	background-image : url("../imgs/admin_img_s4_hover.jpg");
}

.tranche4_hover a {
	position:relative;
	top:-15px;
	display:block;	
	width:320px;
	height:30px;
	background-image : url("../imgs/admin_img_s4_hover.jpg");
}

.tranche4_hoverie a {
	margin-left:-10px;
	position:relative;
	top:-15px;
	display:block;	
	width:320px;
	height:30px;
	background-image : url("../imgs/admin_img_s4_hover.jpg");
}

.tranche5 a{
	position:relative;
	top:-40px;
	left:-03px;
	display:block;	
	width:206px;
	height:97px;
	background-image : url("../imgs/admin_img_s5.jpg");
}


.tranche5 a:hover{
	background-image : url("../imgs/admin_img_s5_hover.jpg");
}

.tranche5_hoverie a, .tranche5_hover a {
	position:relative;
	top:-40px;
	left:-03px;
	display:block;	
	width:206px;
	height:97px;
	background-image : url("../imgs/admin_img_s5_hover.jpg");
}

.tranche6 a{
	position:relative;
	top:-40px;
	left:-7px;
	display:block;	
	width:114px;
	height:97px;
	background-image : url("../imgs/admin_img_s6.jpg");
}



.tranche6_hover a, .tranche6 a:hover{
	background-image : url("../imgs/admin_img_s6_hover.jpg");
}


.tranche6_hoverie a, .tranche6_hover a {
	position:relative;
	top:-40px;
	left:-7px;
	display:block;	
	width:114px;
	height:97px;
	background-image : url("../imgs/admin_img_s6_hover.jpg");
}

/*
---------------------------------------------------------------------------- 
Styles de l'administration
----------------------------------------------------------------------------
*/

*+html #resrech a{
	text-decoration:underline;
	font-size:13px;
}


body #resrech h1{
	margin:0px;
	padding:0px;
	padding-top:12px;
	text-decoration:underline;
}

/*
------------- LISTE DEROULANTE PERSONNALISEE ---------------------
*/

#lst_head
{
  width: 163px;
  height: 24px;
  background:url("../imgs/lst_close.jpg");
  cursor: pointer;
}

#lst_title
{
  color:#3F9EE0; 
  height:100%; 
  text-align:left; 
  margin-left:8px; 
  padding-top:5px;
}

#lst_content
{
  width:163px;
  display:none;
  background-repeat:repeat-y;
  background:url("../imgs/lst_content.jpg");
}

#lst_foot
{
  width: 163px;
  height:28px;
  display: none;
  background:url("../imgs/lst_foot.jpg");
}

#lst_perso
{
  position: absolute;
  margin-left: -180px;
  margin-top: -15px;
  z-index: 2;
}

/*
----------------------------------------------------------------------------
Footer
----------------------------------------------------------------------------
*/

#footer {
	min-height:50px;
	width:907px;
	margin-left:auto;
	margin-right:auto;
	padding-top:36px;
	background:url("../imgs/footer.jpg");
	background-repeat:no-repeat;	
}

#footer table {
	margin-left:30px;
	float:left;
}

/*
----------------------------------------------------------------------------
*/