* { margin:0; padding:0; outline:none; }

body { background:url('images/tr-fond.jpg'); background-repeat:repeat-x; background-color:#BAD8EC; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; color:#003399; text-align:justify; }


td { color:#003399; font-size:10px; }

a { color:#003399; }

h1 { font-family:Verdana, Arial, Helvetica, sans-serif; color:#003399; font-size:11px; font-weight:bold; }

h2 { font-family:Verdana, Arial, Helvetica, sans-serif; color:#003399; font-size:12px; font-weight:bold; }

/* ----------------------- Styles CSS page Intro ------------------ */
#intro_h1 { width:600px; height:40px; margin:0 auto; text-align:center; }

#intro_fla { width:600px; height:450px; margin:0 auto; }

#intro_mentions { width:600px; height:40px; margin:0 auto; text-align:center; }

/* ----------------------- Styles CSS pages site ------------------ */

#page { width:950px; margin:0 auto; background-color:#FFFFFF; background:url(images/tr-txt.jpg); background-repeat:repeat-y; }

#menu { width:254px; height:580px; float:left; }

#banner { width:412px; height:137px; background:url('images/banner.jpg'); background-repeat:no-repeat; float:left; }

#banner_sprayfo { width:696px; height:160px; background:url('images/banner-new.jpg'); background-repeat:no-repeat; float:left; }

#titre { width:412px; height:54px; float:left; }
#titre_sprafyo { width:696px; height:54px; float:left; }

#contenu { width:661px; _width:662px; min-height:200px; _height:200px; float:left; padding-left:10px; padding-top:15px; padding-right:25px; _padding-right:24px }

#contenu_sprayfo { width:661px;  min-height:400px; float:left; padding-left:10px; padding-top:15px; padding-right:25px; _padding-right:24px; background:url(images/conten.jpg) no-repeat; }

#bg_conten {background:url(images/bg_conten.jpg) repeat-y top; width:696px; float:left;}

#diapo { width:284px; float:right; margin:-206px -25px 0 0; _margin:-209px -12px 0 0; z-index:10; position:relative; }

#diapo2 { width:284px; height:302px; float:right; }

#adresse { width:950px; height:46px; background:url('images/tr-bas.jpg'); background-repeat:no-repeat; clear:both; }

#adresse_sprayfo { width:950px; height:38px; background:url('images/tr-bas-sprayfo.jpg'); background-repeat:no-repeat; clear:both; }

#menubas { padding: 10px 0 10px 0; text-align:center; color:#003399; font-size:10px; width: 950px; margin:0 auto; }

#menubas a { color:#003399; }


/* ----------------------- Styles CSS plan site ------------------ */

#plan-haut { width:696px; height:137px; float:right; }

#plan-titre { width:696px; height:54px; float:right; }

#plan-contenu { width:656px; min-height:200px; _height:200px; float:right; padding-left:20px; padding-right:20px; }

/* ----------------------- Logo YZEO ------------------ */

#yzeo { text-align:center; color:#003399; font-size:10px; padding: 10px 8px 0px 8px; margin:0 auto; width:950px; }

#yzeo img { padding: 0 5px 2px 5px; border:none; vertical-align:middle; }

#yzeo a { color:#003399; font: normal 10px Verdana, Arial, Helvetica, sans-serif; }

img{ border:none;}
		#bulle { position: absolute; visibility: hidden;  font-size:12px; width:300px; z-index:10;}
		#bulle2 { position: absolute; visibility: hidden;  font-size:12px; width:300px; z-index:10;}
		#bulle3 { position: absolute; visibility: hidden;  font-size:12px; width:300px; z-index:10;}
		#bulle4 { position: absolute; visibility: hidden;  font-size:12px; width:300px; z-index:10;}
		#bulle5 { position: absolute; visibility: hidden;  font-size:12px; width:300px; z-index:10;}
		#bulle6 { position: absolute; visibility: hidden;  font-size:12px; width:300px; z-index:10;}
		#bulle7 { position: absolute; visibility: hidden;  font-size:12px; width:300px; z-index:10;}
		#bulle8 { position: absolute; visibility: hidden;  font-size:12px; width:300px; z-index:10;}
		#bulle9 { position: absolute; visibility: hidden;  font-size:12px; width:400px; z-index:10;}
		#bulle10 { position: absolute; visibility: hidden;  font-size:12px; width:300px; z-index:10;}
		#bulle11 { position: absolute; visibility: hidden;  font-size:12px; width:300px; z-index:10;}
		#bulle12 { position: absolute; visibility: hidden;  font-size:12px; width:380px; z-index:10;}
		#bulle13 { position: absolute; visibility: hidden;  font-size:12px; width:380px; z-index:10;}
		.info{ border:1px solid #666666; padding: 7px; color:#666666; background-color:#FFFFFF; font-family:"trebuchet MS";}
		
		/*plan*/
.plan {
	width: 640px;
	height: 480px;
	margin: 0 auto;
	border: thin solid #ccc;
}
#map {
	width: 640px;
	height: 480px;
	margin: 0 auto;
	border: thin solid #ccc;
}
#map .infosbulle {
	width: 210px;
	border: none;
	margin: 0 auto;
	padding: 0;
	text-align: center;
}
#map .infosbulle p {
	display: block;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
}
.plan-titre {
	font-size: 14px;
	color: #FF974A;
	font-weight: bold;
	text-align: center;
}
.plan-adresse {
	font-size: 12px;
	color: #333;
	text-align: center;
}
.plan-printer {
	display:block;
	text-align: right;
}
.plan-printer img, 
.plan-printer a {
	border: none;
}
/*Fin plan*/

.image {
	float : left;
	margin-right:50px;
}






.floatLeft{float:left;}
.floatRight{float:right;}
.center{text-align:center;}

.pd_15{padding:15px;}

.clearb{clear:both;}


#bulle_p { position: absolute; visibility: hidden;  font-size:12px; width:550px; z-index:10;}


.mg-left-p{margin-left:70px;}


/*VAN*/
.tb-v{ width:100%; border:1px solid #003399; border-collapse:collapse;}

.tb-v td{ padding:7px; border:1px solid #003399;}

/*LIEM*/
.wid{ width:30%; float:left; }
.wid2{ width:60%;}
.wid3{ padding-left:40px; }
.txt{ margin-right:32px; }




/*ly*/
.blue{
color:#0688c6;
font-size:14px;
}
.vert{
color:#009237;
font-size:14px;
}

.table-1{
	border-collapse:collapse;
	width:100%;
	vertical-align:middle;
}
.table-1 td{
	padding:5px 0 2px 0;
	border-bottom:1px solid #003399;
}

.td1{
width:60%;
}
.td2{
width:40%;
text-align:right;

}
.td3{
width:33%;
}
.td4{
width:34%;

}
.div-ly{
width:300px;
}
.div-ly2{
width:460px;
}
.div-ly3{
width:660px;
}
.txt-1{
margin-left:30px;
}
.imgR{margin-left:20px; float:right;}
.imgR-mt{margin-left:20px; float:right; margin-top:5px;}

.bold{font-weight:bold;}
.txt-line{
line-height:20px;
}

/*=============================================================================*/
.highslide-html {
    background:url(images/bg-sabonet3.jpg) no-repeat top;
}
.highslide-html-blur {
}
.highslide-html-content {
	position: absolute;
    display: none;
}
.highslide-loading {
    display: block;
	color: black;
	font-size: 8pt;
	font-family: sans-serif;
	font-weight: bold;
    text-decoration: none;
	padding: 2px;
	border: 1px solid black;
    background-color: white;
    
    padding-left: 22px;
    background-image: url(images/graphics/loader.white.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}


/* Styles for the popup */
.highslide-wrapper {
	background-color: white;
}
.highslide-wrapper .highslide-html-content {
    width: 590px;

    padding: 5px;
}
.highslide-wrapper .highslide-header div {
}
.highslide-wrapper .highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;
}
.highslide-wrapper .highslide-header ul li {
	display: inline;
	padding-left: 1em;
}
.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next {
	display: none;
}
.highslide-wrapper .highslide-header a {
	font-weight: bold;
	color: gray;
	text-transform: uppercase;
	text-decoration: none;
}
.highslide-wrapper .highslide-header a:hover {
	color: black;
}
.highslide-wrapper .highslide-header .highslide-move a {
	cursor: move;
}
.highslide-wrapper .highslide-footer {
	height: 11px;
}
.highslide-wrapper .highslide-footer .highslide-resize {
	float: right;
	height: 11px;
	width: 11px;
	background: url(images/graphics/resize.gif);
}
.highslide-wrapper .highslide-body {
}
.highslide-move {
    cursor: move;
}
.highslide-resize {
    cursor: nw-resize;
}

/* These must be the last of the Highslide rules */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}




.wdiv_d{ width:250px;}
.wdiv_d1{ width:170px;}
.wdiv_d2{ width:180px;}
.wdiv_d3{ width:200px;}
.wdiv_d4{ width:220px;}



.bg_div{ background:url(images/bg-sabonet.png) no-repeat top; width:650px; height:500px;}
.bg_div2{ background:url(images/bg-sabonet2.png) no-repeat top;width:650px; height:222px; }


.mar_left{ margin-left:50px;}
.txt_d{ font-size:14px;}

.mar_div1{ margin-left:25px; margin-top:72px;}
.mar_div2{ margin-left:50px; margin-top:55px;}
.mar_div3{ margin-left:30px; margin-top:68px;}
.mar_div4{  margin-top:5px; margin-top /*\**/: 12px\9; #margin-top /*\**/: 12px\9;}
.mar_div5{  margin-top:40px; margin-left:15px; margin-top /*\**/: 50px\9; #margin-top /*\**/: 50px\9;}
.mar_div6{  margin-top:5px; margin-top /*\**/: 12px\9; #margin-top /*\**/: 12px\9;}


@media screen and (-webkit-min-device-pixel-ratio:0){ .mar_div4{ margin-top:10px; } }
@media screen and (-webkit-min-device-pixel-ratio:0){ .mar_div5{ margin-top:47px; margin-left:15px; } }
@media screen and (-webkit-min-device-pixel-ratio:0){ .mar_div6{ margin-top:12px; } }

.bg-info{margin:0 auto; background-image:url(images/bg-info.png); background-repeat:no-repeat; width:433px; height:200px; padding:20px;}

.bd{border: solid 1px #003399;}