/* Général
----------------------------------------------------------*/
/*Formatage de texte*/
h1, h2, h3, h4, h5, h6 { color:#395425; }
h1 { font-weight:bold; font-size:12px; padding-bottom:20px; line-height:20px; }
h2 { font-weight:bold; font-size:1.3em; }
h3 { font-weight:bold; font-size:1.17em; }
h4 { font-weight:700; font-size:1em; }
h5 { font-size:.83em; }
h6 { font-size:.67em; }
p, ul, ol, li { font-size:1em; }
a { color:#000; text-decoration:underline; }
a:hover { text-decoration:none; } /* si changement de couleur au survol */
textarea { color:#000; padding:3px; }
input { color:#000; padding:3px; }

/* Des classes d'alignement d'objets */
.aligntop { vertical-align:top; }
.alignbottom { vertical-align:bottom; }
.aligncenter { margin-left:auto; margin-right:auto; }
.left { text-align:left; }
.right { text-align:right; }
.center { text-align:center; }
.justify { text-align:justify; }
.textshadow{ -moz-text-shadow: 1px 1px 2px #000; -webkit-text-shadow: 1px 1px 2px #000; text-shadow: 1px 1px 2px #000; }

/* Architecture
----------------------------------------------------------*/
body { margin:0; font-family:Verdana, sans-serif; font-size:12px; line-height:18px; color:#000; background:#bcdb9d; }
#global{ }
#wrapper{ }
.container { margin:0 auto;  position:relative; }

/* header
----------------------------------------------------------*/
#global_header{ }

header{ background:transparent url('../images/principale.jpg') no-repeat top; min-height:499px; }

.header-plan{ background:transparent url('../images/principale-plan.jpg') no-repeat top; min-height:499px; #min-height:499px; }

#navigation { height:46px;}
/*-menu-*/
#menu_top{ padding:0 0 0 10px; margin:0; }
#menu_top li { list-style:none outside; float:left; }
#menu_top li a { font-family: 'Stoke', serif; color:#000; font-size:18px; padding:10px 13px; display:block; text-decoration:none; }
#menu_top li a:hover { color:#689040; }

#head { background:transparent url('../images/head.jpg') no-repeat top; height:365px; }

#head-plan {height:365px; }

#diapo-accueil { width:1000px; height:365px; margin:0 0 0 20px; position:relative; /top:-365px; margin-bottom:-365px;}

/* contenu
----------------------------------------------------------*/
#global_main{ }

#main { background:#f1c9af url('../images/main.jpg') no-repeat center top; }

#content_bg_image{ background:url('../images/bg.jpg') repeat-y center; min-height:200px; }

#center_column{  }

#content { padding:10px 0 10px; text-align:justify; }

#rubric_title{ position:absolute; top:-60px; left:290px; font-size:30px; /* pour ie7 */ line-height:30px; }

/* footer
----------------------------------------------------------*/
#global_footer{ }
footer { background:transparent url('../images/fond-adresse.jpg') repeat-x top; }
/*-coordonnees*/
#coordinates{ background:transparent url('../images/adresse.jpg') no-repeat top; height:87px; text-align:center; font-family: 'Stoke', serif; font-size:18px; color:#000; line-height:25px; }
#coordinates_list { padding:10px 85px 0 85px; margin:0; text-align:center; }
#coordinates_list li{ list-style:none outside; display:inline;  padding:20px 8px 0 5px; }
#coordinates_list li img { vertical-align:top; margin-top:2px; }
#coordinates_list li.last{ border-right:none; background:transparent; }
/*-bas de page-*/
#menu_bottom{ width:1000px; margin:0 auto; text-align:center; }
.block_various_links{ padding:10px 0; margin:0; text-align:center; }
.block_various_links li { display:inline; }
.block_various_links li a { font-size:.91em; color:#000; padding: 0 2px ; }
.block_various_links li a:hover { text-decoration:none; }
#powered { padding-top:8px; }

/* Intégration
----------------------------------------------------------*/
#enrichissement img{ vertical-align: top; }
#site { text-align:center; padding-top:5em; }
.texte_gauche{ padding-left:20px; }
.texte_droite{ padding-right:20px; }
.texte{ padding:0 20px; }




/*-accueil-*/




/*-contact-*/
#contact_form{ color:#000; padding:20px; border:1px solid #395425;}
#contact_form .requis{ color:#000; }
#contact_form legend{ color:#000; }
#contact_form fieldset{ display:block; margin:10px auto; padding:0 25px 20px; border:1px solid #395425; }
#contact_form label{ display:block; padding:8px 0 0 0; }
#contact_form .civil{ display:inline; }
#contact_form #madame, #contact_form #mademoiselle, #contact_form #monsieur{ border:0; background:transparent; }
#contact_form input, #contact_form textarea{ background:transparent; padding:6px ; border:1px solid #395425; border-radius:5px; color:#000; }
#contact_form .contact_form_field, #contact_form #code{ width:96%; }
#contact_form .contact_form_submit{ }
#contact_form #submit_contact_form{ background:transparent; color:#000;}
/* Erreur du formulaire */
#contact_form input.error, #formulaire textarea.error, #contact_form .required{ background-color: #FFD9D7; border: 1px dotted #c00;}
#contact_form .valid{ }
#contact_form fieldset :required:valid{ }
#contact_form label.error { color: #c00; font-style: italic; display: block; }
#errors { color: #c00; text-align: left; background-color: #FFD9D7; border: 1px solid #010101; padding: 0.5em 0.5em 0.5em 3em; }

/* Information client */
#contact_details{ padding:65px 0 0 20px;}

/* plan d'accès */
#map{ height:300px; border:1px solid #6ad003; margin:20px; padding:30px; text-align:center; color:#000;}
#map img{ max-width:none; }
.infosbulle { border: none; margin: 0; text-align:center; 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; }
/* fin plan d'accès */




/*-mentions legales-*/
#infoclient, #hebergeur, #credits { padding-left:0; /margin-left:0; }
#infoclient li, #hebergeur li, #credits li { list-style-type:none; }
#infoclient li img, #hebergeur li img, #credits li img { vertical-align: top; }
/*#credits li { display:inline; } */

/* ============== google-map ====================== */

/*#map, #map2, #map3, #map4 {
	width: 640px;
	height: 480px;
	border: #8c0405 solid 5px;
	margin:0 auto;
}

.infosbulle {
	border: none;
	margin: 0;
	text-align:center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
}
.plan-titre {
	font-size: 14px;
	color: #13218e;
	font-weight: bold;
	margin-bottom: 1em;
	text-align:center;
}
.plan-adresse {
	font-size: 12px;
	color: #333;
	text-align:center;
	!text-align:center;
}
.plan-printer {
	display:block;
	text-align: right;
	padding-bottom:15px;
}

.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; text-align:center; 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; text-align:center; }
.alignCenter{
	text-align:-moz-center;
	!text-align:center;
	margin:0 auto;
	text-align:center;
	
}*/

/*============ HIGHLIGHT =============*/

.highslide {
	cursor: url(images/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide img {
	border:none;
}

.highslide-wrapper {
	background: white;
}
.highslide-image {
	border:none;
}
.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: 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;
}

a.highslide-full-expand {
	background: url(../images/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;
}

.highslide-html {
	background-color: #fb259d;
}
.highslide-html-blur {
}
.highslide-html-content {
	position: absolute;
	display: none;
	text-align:justify;
}
.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: 850px;
	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: black;
	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 {
background-color:#000;
padding:10px;
}
.highslide-move {
	cursor: move;
}
.highslide-resize {
	cursor: nw-resize;
	background-color:#000;
}
/* These must be the last of the Highslide rules */
.highslide-display-block {
	display: block;
}
.highslide-display-none {
	display: none;	
}

sup { vertical-align: super; font-size: 10px; }

ul.bullet { list-style: none; margin: 0; padding: 0; }
ul.bullet li { background:url(../images/bullet.gif) no-repeat 0px 2px; padding-left: 20px; margin-bottom: 10px; }


.c2{width:48%;}
.c3{width:33%;}
.c4{width:25%;}
.c5{width:20%;}


.tb1-nhung{width:270px; border-collapse:collapse;}

.tb1-nhung td{padding:8px 0px 1px 0px; border-bottom:#d6c8a3 dotted 1px;}

.fix{width:1000px; margin:0 auto;}

.glossymenu div.submenu ul.bullet li {
	border: none;
}


.midd{vertical-align:middle;}

.mgL10{margin-left:10px;}
.mgL20{margin-left:20px;}
.mgL30{margin-left:30px;}
.mgL40{margin-left:40px;}
.mgL50{margin-left:50px;}



#diapo-competences { width:800px; height:400px; margin:0 0 0 13px; position:relative;}
#diapo-visites { width:600px; height:400px; margin:0 0 0 110px; position:relative;}


/*Additional CSS Starts*/
ul.products_list
{
	list-style-type:none;
	text-align:center;
	margin:50px 0;
}
ul.products_list li
{
	display:inline-block;
	margin:25px;
}
ul.products_list li img
{
	display:block;
}
/*Additional CSS Ends*/