/* Import de la CSS d'initialisation
----------------------------------------------------------*/

@import url(structure.css);

/* Construction (Montage)
----------------------------------------------------------*/

body { color:#86ba35; font-family: Verdana, "Trebuchet MS", helvetica, "Bitstream Vera Sans", sans-serif; font-size:12px; }
hr {
	width:300px;
	color:#0E5A94;
	margin-left: 130px;
}

h1 { color:#86ba35; font-size: 12px; font-weight:bold;
	margin-bottom: 20px;}
h2 { color:#86ba35; font-size: 12px; font-weight: bold;}
h3 { color:#86ba35; font-size: 12px; font-weight: bold;}
h4 { color:#86ba35; font-size: 1em; }
h5 { color:#86ba35; font-size: 0.83em; }
h6 { color:#86ba35; font-size: 0.67em; }
p { color:#86ba35; font-size: 1em; }
ul, ol { color:#86ba35; font-size: 1em; }
li {  color:#86ba35; font-size: 1em; }
a { color:#86ba35; 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:#86ba35; }
textarea { border-width:thin; padding:3px; color:#86ba35; }
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:470px;}
#frmEnvoi input, textarea{ background-color:transparent; border:#0d5a94 solid 1px; }
#frmEnvoi .champ { height:15px; width:200px; }
#frmEnvoi .champmessag { }
#frmEnvoi .INPUT2{ border:none;}
#frmEnvoi .field{ text-align:right; margin-top:10px; }



#frmEnvoi .champ1 { height:15px; width:300px; }
#frmEnvoi .champ2 { #height:30px; height:20px; width:200px; }
#frmEnvoi .champ3 { #height:30px; height:20px; width:150px; }
#frmEnvoi .champ4 { height:15px; width:50px; }
#frmEnvoi .champ5 { height:15px; width:206px; }
#frmEnvoi .champ6 { height:15px; width:400px; }
#frmEnvoi .champ7 { #height:30px; height:20px; width:100px; }


#frmEnvoi .field1{ text-align:left; margin-top:10px; }
.mid {
margin-left:90px;}
.mar{
margin-right:30px;}

.p1 { width:31%;}
.p2 { width:34%;}
.p3 { width:34%;}

.cao25 {
height:20px;}
.tb {
border:none;
width:520px;}
.tb1 {
border: none;
width:520px;}
.tb2 {
border: none;
width:520px;}

.tb td {
height:30px;
vertical-align:middle;
}
.tb1 td {
height:30px;
vertical-align:middle;
}
.tb2 td {
height:30px;
vertical-align:middle;
}











.paddleft { text-align: left; 
	padding-left: 2px;
	padding-right: 1px;}
	
	
	/* ============== Plan Aces ================ */
.plan {
	width: 600px;
	height: 480px;
	border:5px solid;
	border-color:#0d5c96;
	margin-right: 13px;
}
#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;
}

.divimg{
	/*background: url(../images/image001.jpg) no-repeat right;
	background-image:url(../images/image002.jpg);
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: top right; */
	margin-top: 30px;
	padding-right:10px;
}


.list {
	padding-bottom:5px;
	padding-left:10px;
	padding-top:5px;
	padding-right:10px;
	vertical-align: middle;
	/*margin-top: 20px; */
	}

.list1 {
	padding-bottom:5px;
	padding-left:10px;
	padding-top:5px;
	padding-right:10px;
	vertical-align: middle;
	padding-bottom:10px;
	}


.Leg {
	padding-bottom:5px;
	padding-left: 20px;
	padding-top: 5px;
	padding-right: 20px;
	}	
	
.Legchild {
	padding-bottom:5px;
	padding-left: 2px;
	padding-top:5px;
	padding-right: 2px;
	}	

ol.alpha{
	list-style: upper-roman;
}


.divhalfleft{
	width: 45%;
	float: left;
}

.divhalfright{
	width: 45%;
	float: right;
}

.ImgRight1{
	text-align:right;
	
}

.divhalfleft1{
	width: 60%;
	float: left;
}

.divhalfright1{
	width: 37%;
	float: right;
}

/*============================*/
/*.int{
width:100%;
}
.int1{
width:950px;
margin:0 auto;
}
*/
#googlemap a.googlemap-icon { display: block; background:url(../images/googlemap.jpg) no-repeat; width: 80px; height: 68px; }
#googlemap a.googlemap-icon:hover { background: url(../images/googlemap-hover.jpg) no-repeat; }
#googlemap a.googlemap-icon:active { background: url(../googlemap.jpg) no-repeat; }
#googlemap a.googlemap-icon span { display:none; }
.alignCenter{
	text-align:-moz-center;
	!text-align:center;	
}


.Spaceimg {
	padding-left:20px;
}
/* --------------------------------- */
sup {vertical-align:super;}

/*hover button*/

.button{
width:300px;

margin-left:150px; /*di chuyen ra giua*/
}
.buttonb{
width:300px;

margin-left:150px;
_margin-left:130px; /*di chuyen ra giua*/
}
/*.spr{margin-left:5px;} khoang trang cac nut*/


a.button1 { display: block; background:url(../images/bt1.jpg) no-repeat; width: 268px; height: 30px; }
a.button1:hover { background: url(../images/bt1b.jpg) no-repeat; }
a.button1:active { background: url(../images/bt1.jpg) no-repeat; }
a.button1 span { display:none; }
a.button1b { display: block; background:url(../images/bt1b.jpg) no-repeat; width: 268px; height: 30px; }
a.button1b:hover { background: url(../images/bt1b.jpg) no-repeat; }
a.button1b:active { background: url(../images/bt1b.jpg) no-repeat; }
a.button1b span { display:none; }

a.button2 { display: block; background:url(../images/bt2.jpg) no-repeat; width: 268px; height: 30px; }
a.button2:hover { background: url(../images/bt2b.jpg) no-repeat; }
a.button2:active { background: url(../images/bt2.jpg) no-repeat; }
a.button2 span { display:none; }
a.button2b { display: block; background:url(../images/bt2b.jpg) no-repeat; width: 268px; height: 30px; }
a.button2b:hover { background: url(../images/bt2b.jpg) no-repeat; }
a.button2b:active { background: url(../images/bt2b.jpg) no-repeat; }
a.button2b span { display:none; }

a.button3 { display: block; background:url(../images/bt3.jpg) no-repeat; width: 268px; height: 30px; }
a.button3:hover { background: url(../images/bt3b.jpg) no-repeat; }
a.button3:active { background: url(../images/bt3.jpg) no-repeat; }
a.button3 span { display:none; }
a.button3b { display: block; background:url(../images/bt3b.jpg) no-repeat; width: 268px; height: 30px; }
a.button3b:hover { background: url(../images/bt3b.jpg) no-repeat; }
a.button3b:active { background: url(../images/bt3b.jpg) no-repeat; }
a.button3b span { display:none; }

a.button4 { display: block; background:url(../images/bt4.jpg) no-repeat; width: 268px; height: 30px; }
a.button4:hover { background: url(../images/bt4b.jpg) no-repeat; }
a.button4:active { background: url(../images/bt4.jpg) no-repeat; }
a.button4 span { display:none; }
a.button4b { display: block; background:url(../images/bt4b.jpg) no-repeat; width: 268px; height: 30px; }
a.button4b:hover { background: url(../images/bt4b.jpg) no-repeat; }
a.button4b:active { background: url(../images/bt4b.jpg) no-repeat; }
a.button4b span { display:none; }
.txt-accueil {
padding-right:10px;}

.headeranim{
width:627px;
float:left;
}
.headeranim2{
width:322px;
height:145px;
margin-right:1px;
float:right;
background-image: url(../images/header-droite.jpg);
background-repeat:no-repeat;
}


.highslide {
	cursor: url(highslide/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide img {
	border: none;
}
.highslide:hover img {
	border: none;
}
.highslide-wrapper {
	background: white;
}
.highslide-image {
	
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    border: 5px solid white;
    border-top: none;
    padding: 5px;
    background-color: white;
}
.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: 0px;
    background-image: url(highslide/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;
}

a.highslide-full-expand {
	background: url(highslide/graphics/fullexpand.gif) no-repeat;
	display: block;
	margin: 0 10px 10px 0;
	width: 34px;
	height: 34px;
}

/* These must always be last */
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}



#scroll { overflow-y:visible; width:195px; height:87px; text-align:center; font-size: 10px; margin-left:10px;}
#scroll a { color: #ffffff; }
.divactu{
padding-left:60px;
}

.tel{ font-size:16px;}
.tablecontact{margin-left:20px;}
.accescontact{ margin-left:30px; text-align:center;}
/************************************menu multirisque***************************************************/

.multirisque li{ float:left; list-style:none outside; background-color:#ccc; width:auto; height: 10px; padding:5px; border:1px solid #999; text-align:center; font-size:10px;}
.multirisque li a{text-decoration:none;}
.contenu-multirisque {background-color:#eee; width:870px; padding:5px; border:1px solid #999; clear:both; margin-left:12px; }
li.multi{ background-color:#eee;}

.clearvalidator{ clear:both; height:3px;}