/* Import de la CSS d'initialisation

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



@import url(structure.css);



/* Construction (Montage)

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



body { color:#000000; font-family: Verdana, "Trebuchet MS", helvetica, "Bitstream Vera Sans", sans-serif; font-size:12px; }



h1 { color:#000000; font-size: 12px; font-weight:bold; padding-bottom:20px; }

h2 { color:#000000; font-size: 1.3em; }

h3 { color:#000000; font-size: 1.17em; }

h4 { color:#000000; font-size: 1em; }

h5 { color:#000000; font-size: 0.83em; }

h6 { color:#000000; font-size: 0.67em; }

p { color:#000000; font-size: 1em; }

ul, ol { color:#000000; font-size: 1em; }

li {  color:#000000; font-size: 1em; }

a { color:#000000; text-decoration:underline; }

a:hover { text-decoration:none; color:#000000; } /* si changement de couleur au survol */

a:visited { } /* si changement de couleur après le clic */

input { border-width:thin; padding:3px; color:#000000; }

textarea { border-width:thin; padding:3px; color:#000000; }

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; margin-right:50px; }

#frmEnvoi input, textarea{ background-color:transparent; border-width:thin; }

#frmEnvoi .field{ text-align:right; margin-top:10px; }

#mention{ float:left; padding-top:150px;}



/* Page d'intro */

.h1intro { padding-top:5px; font-size:12px; height:15px; position:absolute; width:100%; text-align:center; top:450px; left:0; clear:both; }



/* Accueil */

.habill{ padding-left:270px;}

.habill1{ padding-left:5px;}

.imageAccueil{ padding-left:10px;}

.class-padding-buttom

{

padding-bottom:20px;

}

.plan {

	width: 600px;

	height: 480px;

	border:2px solid #668ba8;

	margin:0 auto;

}

#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;

}

.class-contentnu3

{

width:600px;

float:right;

padding-right:5px;

margin-left:270px;

}

/*plan du site*/

#page-plan-du-site{

margin:0 auto; width:950px; 

}

#head-plan-du-site{

background:url(../images/photos/plan-du-site/head-plan-du-site.jpg) no-repeat;

width:950px;

height:313px;

}

#body-plan-du-site{

background:url(../images/photos/plan-du-site/body-plan-du-site.jpg) no-repeat;

}

#content-plan-du-site{

	padding:10px 50px 20px 70px;

	text-align:justify;

}

#foot-plan-du-site{

}

.fix-intro

{

width:850px;

margin:0 auto;

}

/*#plan du site*/

.chu{font-size:16px; font-weight:bold;}

.deu{padding:10px;}

.chiadoi{width:45%;}

.fs1{height:190px;}

#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%;
	padding: 0 10px 0;
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 66px; 
	float: right;
	padding-bottom: 0.7em;	
}

/* jQuery lightBox plugin - Gallery style */
	#gallery {
		
		
		
	}
	#gallery ul { list-style: none; }
	#gallery ul li { display: inline; }
	#gallery ul img {
		
		border-width: 5px 5px 20px;
	}
	#gallery ul a:hover img {
		
		border-width: 5px 5px 20px;
		color: #fff;
	}
	#gallery ul a:hover { color: #fff; }
	
	
.rong{width:580px; margin:0 auto;}


.TabbedPanels {
	margin: 0px;
	padding: 0px;
	float: left;
	clear: none;
	width: 100%; /* IE Hack to force proper layout when preceded by a paragraph. (hasLayout Bug)*/
}


/* This is the selector for the TabGroup. The TabGroup container houses
 * all of the tab buttons for each tabbed panel in the widget. This container
 * does not contribute anything visually to the look of the widget for our
 * default style.
 *
 * The name of the class ("TabbedPanelsTabGroup") used in this selector is not
 * necessary to make the widget function. You can use any class name you
 * want to style the TabGroup container.
 */
.TabbedPanelsTabGroup {
	margin: 0px;
	padding: 0px;
}

.TabbedPanelsTabGroup1 {
	margin: 0px;
	padding: 0px;
}

/* This is the selector for the TabbedPanelsTab. This container houses
 * the title for the panel. This is also the tab "button" that the user clicks
 * on to activate the corresponding content panel so that it appears on top
 * of the other tabbed panels contained in the widget.
 *
 * For our default style, each tab is positioned relatively 1 pixel down from
 * where it wold normally render. This allows each tab to overlap the content
 * panel that renders below it. Each tab is rendered with a 1 pixel bottom
 * border that has a color that matches the top border of the current content
 * panel. This gives the appearance that the tab is being drawn behind the
 * content panel.
 *
 * The name of the class ("TabbedPanelsTab") used in this selector is not
 * necessary to make the widget function. You can use any class name you want
 * to style this tab container.
 */
.TabbedPanelsTab {
	position: relative;
	top: 1px;
	float: left;
	font-weight:bold;
	margin: 0px 0px 0px 0px;
	text-align:center;
	background-color: #FEDD83;
	list-style: none;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #999;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	width:119px;
}


.TabbedPanelsTab1 {
	position: relative;
	top: 1px;
	float: left;
	font-weight:bold; font-size:10px;
	margin: 0px 0px 0px 0px;
	text-align:center;
	background-color: #AEDFF6;
	list-style: none;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #999;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	width:143px;
	height:45px;
}


.TabbedPanelsTab2 {
	position: relative;
	top: 1px;
	float: left;
	font-weight:bold;
	margin: 0px 0px 0px 0px;
	text-align:center;
	background-color: #FEDD83;
	list-style: none;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #999;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	-moz-user-select: none;
	-khtml-user-select: none;
	cursor: pointer;
	width:300px;
	
}
/* This selector is an example of how to change the appearnce of a tab button
 * container as the mouse enters it. The class "TabbedPanelsTabHover" is
 * programatically added and removed from the tab element as the mouse enters
 * and exits the container.
 */
.TabbedPanelsTabHover {
	background-color: #FCCC20;
}

.TabbedPanelsTab1Hover{
	background-color: #A9C5D6;
}

/* This selector is an example of how to change the appearance of a tab button
 * container after the user has clicked on it to activate a content panel.
 * The class "TabbedPanelsTabSelected" is programatically added and removed
 * from the tab element as the user clicks on the tab button containers in
 * the widget.
 *
 * As mentioned above, for our default style, tab buttons are positioned
 * 1 pixel down from where it would normally render. When the tab button is
 * selected, we change its bottom border to match the background color of the
 * content panel so that it looks like the tab is part of the content panel.
 */
.TabbedPanelsTabSelected {
	background-color: #FF9C05;
	border-bottom: 1px solid #EEE;
}

.TabbedPanelsTab1Selected {
	background-color: #658BA8;
	border-bottom: 1px solid #EEE;
}

/* This selector is an example of how to make a link inside of a tab button
 * look like normal text. Users may want to use links inside of a tab button
 * so that when it gets focus, the text *inside* the tab button gets a focus
 * ring around it, instead of the focus ring around the entire tab.
 */
.TabbedPanelsTab a {
	color: black;
	text-decoration: none;
}

/* This is the selector for the ContentGroup. The ContentGroup container houses
 * all of the content panels for each tabbed panel in the widget. For our
 * default style, this container provides the background color and borders that
 * surround the content.
 *
 * The name of the class ("TabbedPanelsContentGroup") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the ContentGroup container.
 */
.TabbedPanelsContentGroup {
	clear: both;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	width:603px;
	
}


.TabbedPanelsContentGroup1 {
	clear: both;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	width:578px;
	
}

.TabbedPanelsContentGroup2 {
	clear: both;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	width:602px;
	
}

/* This is the selector for the Content panel. The Content panel holds the
 * content for a single tabbed panel. For our default style, this container
 * provides some padding, so that the content is not pushed up against the
 * widget borders.
 *
 * The name of the class ("TabbedPanelsContent") used in this selector is
 * not necessary to make the widget function. You can use any class name you
 * want to style the Content container.
 */
.TabbedPanelsContent {
	padding: 8px;
}

.TabbedPanelsContent1 {
	padding: 8px;
}

/* This selector is an example of how to change the appearnce of the currently
 * active container panel. The class "TabbedPanelsContentVisible" is
 * programatically added and removed from the content element as the panel
 * is activated/deactivated.
 */
.TabbedPanelsContentVisible {
}

/* Vertical Tabbed Panels
 *
 * The following rules override some of the default rules above so that the
 * TabbedPanels widget renders with its tab buttons along the left side of
 * the currently active content panel.
 *
 * With the rules defined below, the only change that will have to be made
 * to switch a horizontal tabbed panels widget to a vertical tabbed panels
 * widget, is to use the "VTabbedPanels" class on the top-level widget
 * container element, instead of "TabbedPanels".
 */

/* This selector floats the TabGroup so that the tab buttons it contains
 * render to the left of the active content panel. A border is drawn around
 * the group container to make it look like a list container.
 */
.VTabbedPanels .TabbedPanelsTabGroup {
	float: left;
	width: 10em;
	height: 20em;
	background-color: #EEE;
	position: relative;
	border-top: solid 1px #999;
	border-right: solid 1px #999;
	border-left: solid 1px #CCC;
	border-bottom: solid 1px #CCC;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTab {
	float: none;
	margin: 0px;
	border-top: none;
	border-left: none;
	border-right: none;
}

/* This selector disables the float property that is placed on each tab button
 * by the default TabbedPanelsTab selector rule above. It also draws a bottom
 * border for the tab. The tab button will get its left and right border from
 * the TabGroup, and its top border from the TabGroup or tab button above it.
 */
.VTabbedPanels .TabbedPanelsTabSelected {
	background-color: #EEE;
	border-bottom: solid 1px #999;
}

/* This selector floats the content panels for the widget so that they
 * render to the right of the tabbed buttons.
 */
.VTabbedPanels .TabbedPanelsContentGroup {
	clear: none;
	float: left;
	padding: 0px;
	width: 30em;
	height: 20em;
}




td{padding-bottom:7px; padding-top:7px;}

.td1{width:460px;}

.td2{width:100px; text-align:right;}

.tb1{margin:0 auto;}

.tb1 td{border-bottom:1px dashed #000000;}

.td3{width:250px;}

.td4{width:100px;}

.tb2{margin:0 auto;}

.tb2 td{border-bottom:1px dashed #000000;}

.td5{width:200px;}

.td6{width:80px; text-align:right;}


.tb3{margin:0 auto;}

.tb3 td{border-bottom:1px dashed #000000;}

.td7{width:300px;}

.td8{width:100px; text-align:right;}

.fs2{margin:0 auto; border:1px solid #000000;}

.cao1{height:180px;}

.chiadoi1{width:49%}


.td9{width:100px; border-bottom:1px dashed #000000;}

.td10{width:80px; text-align:right; border-bottom:1px dashed #000000;}

.tb{margin:0 auto;}

.rong1{width:550px; margin:0 auto;}

.td11{width:440px;}

.td12{width:100px; text-align:right;}


.tbn{margin:0 auto;}


.vien{border:1px solid #000000; }

.tdn1{width:500px;}

.tdn2{width:70px;}


.hr1{width:100px; margin-left:200px; color:#000000;}

.fixh1{height:60px;}

.fix1{height:130px;}

legend{height:55px;}

.ca1{height:60px;}

.chu1{font-size:14px; color:#FFFFFF; font-weight:bold;}

.them{margin-left:280px;}