/* Import de la CSS d'initialisation

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



@import url(structure.css);
/* Construction (Montage)

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



body {
	color:#561404;
	font-family: Verdana, "Trebuchet MS", helvetica, "Bitstream Vera Sans", sans-serif;
	font-size:12px;
}
h1 {
	color:#561404;
	font-size: 12px;
	font-weight:bold;
	padding-bottom:15px;
	line-height:20px;
}
h2 {
	color:#561404;
	font-size: 1.3em;
	font-weight:bold;
}
h3 {
	color:#561404;
	font-size: 1.17em;
	font-weight:bold;
}
h4 {
	color:#561404;
	font-size: 1em;
}
h5 {
	color:#561404;
	font-size: 0.83em;
}
h6 {
	color:#561404;
	font-size: 0.67em;
}
p {
	color:#561404;
	font-size: 1em;
}
ul, ol {
	color:#561404;
	font-size: 1em;
}
li {
	color:#561404;
	font-size: 1em;
}
a {
	color:#561404;
	text-decoration:underline;
}
a:hover {
	text-decoration:none;
} /* si changement de couleur au survol */
a:visited {
} /* si changement de couleur après le clic */
input {
	border-width:thin;
	padding:3px;
	color:#561404;
}
textarea {
	border-width:thin;
	padding:3px;
	color:#561404;
}
em {
}
strong {
}
/* Éléments Particuliers

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



/* Placement d'images */

.imgLeft {
	float:left;
	margin-right:1em;
}
.imgRight {
	float:right;
	margin-left:1em;
}
/* Des classes d'alignement d'objets */

.aligntop {
	vertical-align:top;
}
.alignbottom {
	vertical-align:bottom;
}
.aligncenter {
	margin-left:auto;
	margin-right:auto;
}
/* Des classes d'alignement du texte */

.left {
	text-align: left;
}
.right {
	text-align: right;
}
.center {
	text-align: center;
}
.justify {
	text-align: justify;
}
/* Des classes de formatage du texte en ligne */

.bold, .gras {
	font-weight: bold;
}
.italic, .italique {
	font-style: italic;
}
.strike, .barre {
	text-decoration: line-through;
}
/* Des classes flotante */

.floatleft {
	float: left;
}
.floatright {
	float: right;
}
/* Les "nettoyeurs" */

.clearb {
	clear: both;
}
.clearer {
	clear: both;
	width: 0;
	height: 0;
	line-height: 0;
}
/* Formulaire de contact */

#frmEnvoi {
	width:790px;
}
.divformulaire {
	width:480px;
	float:left;
	padding-right:10px;
}
#divmessage {
	width:300px;
	float:left;
	padding-top:40px;
}
#frmEnvoi input, textarea {
	background-color:transparent;
	padding:5px;
	border:#fac187 solid 1px;
}
#frmEnvoi .INPUT2 {
	border:none;
}
#frmEnvoi .field {
	text-align:right;
	padding-top:10px;
}
#frmEnvoi .champ {
	height:15px;
	width:200px;
}
#frmEnvoi textarea {
	height:140px;
	width:250px;
}
/*classes supplémentaires*/

.aligntexte {
	margin-left:70px;
	margin-right:400px;
}
.fix-intro {
	width:950px;
	margin:0 auto;
}
.gallery {
}
.gallery1 {
}
.gallery2 {
}
.gallery3 {
}
.gallery4 {
}
.gallery5 {
}
.gallery6 {
}
.gallery7 {
}
.gallery8 {
}
.gallery9 {
}
.padding1 {
	padding-right:21px;
}
.padding2 {
	padding-right:120px;
	padding-left:100px;
}
.padding3 {
	padding-right:12px;
}
.padding4 {
	padding-right:120px;
	padding-left:80px;
}
.padding5 {
	margin-left:80px;
	_margin-left:50px;
}
.padding5-1 {
	margin-right:80px;
	_margin-right:50px;
}
.imageleft1 {
	width:280px;
	height:250px;
	float:left;
	padding-right:12px;
	text-align:center;
}
.imageright1 {
	width:280px;
	height:240px;
	float:right;
	text-align:center;
}
.imageleft2 {
	width:266px;
	height:280px;
	float:left;
	padding-right:22px;
	text-align:center;
}
.imageright2 {
	width:266px;
	height:280px;
	float:right;
	text-align:center;
}
.imageleft3 {
	width:280px;
	height:280px;
	float:left;
	padding-right:23px;
	text-align:center;
}
.imageright3 {
	width:280px;
	height:280px;
	float:right;
	text-align:center;
}
.imageleft4 {
	width:280px;
	height:240px;
	float:left;
	padding-right:23px;
	text-align:center;
}
.imageright4 {
	width:280px;
	height:240px;
	float:right;
	text-align:center;
}
.imageleft5 {
	width:280px;
	height:250px;
	float:left;
	padding-right:23px;
	text-align:center;
}
.imageright5 {
	width:280px;
	height:250px;
	float:right;
	text-align:center;
}
.imageleft6 {
	width:280px;
	height:240px;
	float:left;
	padding-right:23px;
	text-align:center;
}
.imageright6 {
	width:280px;
	height:240px;
	float:right;
	text-align:center;
}
.imageleft7 {
	width:280px;
	height:240px;
	float:left;
	padding-right:23px;
	text-align:center;
}
.imageright7 {
	width:280px;
	height:240px;
	float:right;
	text-align:center;
}
.imageleft8 {
	width:280px;
	height:250px;
	float:left;
	padding-right:23px;
	text-align:center;
}
.imageright8 {
	width:280px;
	height:250px;
	float:right;
	text-align:center;
}
.imageleft9 {
	width:266px;
	height:260px;
	float:left;
	padding-right:22px;
	text-align:center;
}
.imageright9 {
	width:266px;
	height:260px;
	float:right;
	text-align:center;
}
.imageleft10 {
	width:266px;
	height:260px;
	float:left;
	padding-right:22px;
	text-align:center;
}
.imageright10 {
	width:266px;
	height:260px;
	float:right;
	text-align:center;
}
.image0 {
	width:140px;
	float:left;
	height:240px;
}
.imageleft11 {
	width:266px;
	height:260px;
	float:left;
	padding-right:22px;
	text-align:center;
}
.imageright11 {
	width:266px;
	height:260px;
	float:right;
	text-align:center;
}
.imageleft12 {
	width:266px;
	height:260px;
	float:left;
	padding-right:22px;
	text-align:center;
}
.imageright12 {
	width:266px;
	height:260px;
	float:right;
	text-align:center;
}
.imageleft13 {
	width:266px;
	height:280px;
	float:left;
	padding-right:23px;
	text-align:center;
}
.imageright13 {
	width:266px;
	height:280px;
	float:right;
	text-align:center;
}
.imageleft14 {
	width:266px;
	height:270px;
	float:left;
	padding-right:22px;
	text-align:center;
}
.imageright14 {
	width:266px;
	height:270px;
	float:right;
	text-align:center;
}
.imageright14-1 {
	width:280px;
	height:270px;
	float:right;
	text-align:center;
}
.imageleft15 {
	width:280px;
	height:270px;
	float:left;
	padding-right:23px;
	text-align:center;
}
.imageright15 {
	width:280px;
	height:270px;
	float:right;
	text-align:center;
}
.imageleft16 {
	width:280px;
	height:200px;
	float:left;
	padding-right:23px;
	text-align:center;
}
.imageright16 {
	width:280px;
	height:200px;
	float:right;
	text-align:center;
}
.imageleft17 {
	width:280px;
	float:left;
	padding-left:80px;
	text-align:center;
}
.imageright17 {
	width:280px;
	float:right;
	padding-right:80px;
	text-align:center;
}
.imageleft18 {
	width:266px;
	height:230px;
	float:left;
	padding-right:22px;
	text-align:center;
}
.imageright18 {
	width:266px;
	height:230px;
	float:right;
	text-align:center;
}
.imageleft19 {
	width:280px;
	height:230px;
	float:left;
	padding-left:100px;
	text-align:center;
}
.imageright19 {
	width:280px;
	height:230px;
	float:right;
	padding-right:100px;
	text-align:center;
}
.imageleft20 {
	width:266px;
	height:260px;
	float:left;
	padding-right:22px;
	text-align:center;
}
.imageright20 {
	width:266px;
	height:260px;
	float:right;
	text-align:center;
}
fieldset {
	border:2px solid #521206;
	padding:7px;
}
.plan {
	width: 600px;
	height: 480px;
	border:5px solid;
	border-color:#f38031;
}
#map .infosbulle {
	width: 210px;
	border: none;
	margin: 0;
	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: #5F0666;
	font-weight: bold;
	margin-bottom: 1em;
}
.plan-adresse {
	font-size: 12px;
	color: #333;
}
.plan-printer {
	display:block;
	text-align: right;
}
.plan-printer img, 
.plan-printer a {
	border: none;
}

#googlemap a.googlemap-icon { display: block; background:url(../images/googlemap.jpg) no-repeat; width: 80px; height: 68px; margin:0 auto; }
#googlemap a.googlemap-icon:hover { background: url(../images/googlemap-hover.jpg) no-repeat; }
#googlemap a.googlemap-icon:active { background: url(../images/googlemap.jpg) no-repeat; }
#googlemap a.googlemap-icon span { display:none; }
.alignCenter{
	text-align:-moz-center;
	!text-align:center;	
	text-align:center;
}
.width1 {
	width:108px;
}
.width2 {
	width:101px;
}
.width3 {
	width:421px;
}
.width3-1 {
	width:422px;
}
.width4 {
	width:70px;
}
.width5 {
	width:273px;
}
.width6 {
	width:274px;
}
.width7 {
	width:280px;
}
.width7-1 {
	width:281px;
}
.width8 {
	width:273px;
}
.width9 {
	width:274px;
}
.width10 {
	width:70px;
}
.padding-button {
	padding-right:10px;
}
.class-slideshow {
	width:667px;
	height:500px;
	margin:0 auto;
}
sup {
	vertical-align:super;
	font-size:9px;
}
.email {
	margin-top:0px;
	vertical-align:middle;
	display:inline;
}
.fixmattext1 {
	_height:20px;
}
.fixmattext2 {
	height:200px;
}
.fixmattext3 {
	height:30px;
}
/*--------------Hanh MT-----------------------*/
.clearvalidator {
	clear:both;
	height:3px;
}
.wid1-hanh { width:50px;}
.wid2-hanh {width:47px;}
.wid3-hanh {width:67px;}
.mg125-hanh { margin-left:125px;}
.mg20-hanh { margin-left:20px;}
.mg304-hanh { margin-left:304px;}

.image2-hanh {
	width:556px;
	float:left;
	text-align:center;
}

.gallery10 {}
.gallery11 {}

.div-ly1{
width:707px; margin:0 auto;
}

.div-ly2{
width:433px; margin:0 auto;
}
.div-ly3{
width:845px; margin:0 auto;
}

.div-ly4{
width:206px;
text-align:center;
}

.wid-hau{ width:410px; margin-left:10px;}
.wid-hau2{ width:410px; margin-right:10px;}


/*Phuong*/
.img_p180{width:200px; text-align:center;}
.mg_img_p{margin-left:22px;}

.img_p180_2{width:260px; text-align:center;}
.mg_img_p2{margin-left:45px;}

.mg_img_p3{margin-left:55px;}
.mg_img_p4{margin-left:44px;}


.mg_img_p5{margin-left:15px;}
.mg_img_p6{margin-left:30px;}


/*==========================DUNG===============================*/
.mar_lef_d{ margin-left:9px;}



.gallery_d7 img {border:3px solid #6D071A;}
.gallery_d6 img {border:3px solid #6D071A;}
.gallery_d5 img {border:3px solid #6D071A;}
.gallery_d4 img {border:3px solid #6D071A;}

/* *** */




/* Phrase défilante */
/* liScroll style declarations */
.tickercontainer { /* the outer div with the black border */
width: 850px;
height: 25px;
margin: 0;
padding: 0;
overflow: hidden;
background-color:#F09044;
border:solid 1px #6D071A;
margin-left:20px;
}

.tickercontainer .mask { /* that serves as a mask. so you get a sort of padding both left and right */
position: relative;
left: 2px;
top: 2px;
width: 1500px;
overflow: hidden;
}

ul.newsticker { /* that's your list */
position: relative;
/*left: 50px;*/
list-style-type: none;
margin: 0;
padding: 0;
}

ul.newsticker li {
float: left; /* important: display inline gives incorrect results when you check for elem's width */
margin: 0;
padding: 0;
}

ul.newsticker a {
white-space: nowrap;
padding: 0;
color: #000000;
font: normal 12px Verdana;
margin: 0 10px 0 0;
text-decoration:none;
} 

/* ** */

#phrase { color:#990000; font-weight:bold; font-size:14px; }