@charset "utf-8";
/* Import de la CSS d'initialisation
----------------------------------------------------------*/
@import url(structure-vitrine.css);

/* Construction (Montage)
----------------------------------------------------------*/
body { color:#6d480d; font-size:11px; font-family: Verdana, "Trebuchet MS", helvetica, "Bitstream Vera Sans", sans-serif; }

h1, h2, h3, h4, h5, h6 { color:#6d480d; }
h1 { font-weight:700; font-size:1.1em; }
h2 { font-weight:700; font-size:1.3em; }
h3 { font-weight:700; 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:#6d480d; text-decoration:underline; }
a:hover { text-decoration:none; } /* si changement de couleur au survol */
textarea { color:#6d480d; padding:3px; }
input { color:#6d480d; padding:3px; }

/* Gauche */
#colonneGauche li { font-size:1.15em; }

/* Intro */
#intro h1 { color:#000; } /* couleur du h1 de l'intro */
#intro p, #intro a { color:#000; } /* couleur du texte de l'intro */
#intro p { font-size:.9em; }

/* Adresse : Liens de bas de page
----------------------------------------------------------*/
#adresse p, #adresse a { color:#6d480d; } /* couleur des liens de bas de page */
#adresse p { font-size:.9em; }

/* Image de validation W3C
----------------------------------------------------------*/
#validator a img { background-color:#ff9d09; }/* - Activer le CSS si le fond du site est blanc */


/* Éléments Particuliers
----------------------------------------------------------*/
/* Placement d'images */
.imgLeft { float:left; padding-bottom:0; margin:0 2em 0 0; /*border:1px solid #000;*/ }
.imgRight { float:right; padding-bottom:0; margin:0 0 0 2em; /*border:1px solid #000;*/ }

/* 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; }

/* Des classes de formatage du texte en ligne */
em, .italic, .italique { font-style:italic; }
strong, .bold, .gras { font-weight:700; }
.strike, .barre { text-decoration:line-through; }
.souligne { text-decoration:underline; }
.br { display:block; }

/* Des classes flotante */
.floatleft { float:left; }
.floatright { float:right; }

/* Les "nettoyeurs" */
.clearb { clear:both; }
.clearer { clear:both; width:0; height:0; line-height:0; }


/*	Mise en page
----------------------------------------------------------*/

/*	Page d'accueil
----------------------------------------------------------*/
.illustration { float:left; padding:0 10px 0 0; }

/*	Site en cours de réalisation
----------------------------------------------------------*/
#site { text-align:center; padding-top:5em; }

/*	Mentions Légales
----------------------------------------------------------*/

p.sousTitre { height:20px; background-image:url(../images/line.jpg); background-repeat:no-repeat; color:#6d480d; padding-left:3px; font-weight:bold;}
ul.liste{list-style-image:url(../images/puce2.jpg); list-style-position:inside; margin-bottom:10px;}

/*========= Sous menu maintenance ==========*/
#navcontainer {margin-bottom:20px;}
#navlist { padding: 3px 0; margin-left: 0; font: bold 10px Verdana, sans-serif; text-align:center; }
#navlist li { list-style: none; margin: 0; display: inline; }
#navlist li a { padding: 3px 0.5em; margin-left: 3px; border: 1px solid #ffffff; background: #fcd520; text-decoration: none; }
#navlist li a:link { color: #000; }
#navlist li a:visited { color: #000; }
#navlist li a:link { color: #000; }
#navlist li a:hover { color: #000; background: #f2c700; border-color: #ffffff; }
#navlist li a#current { background: #ffd799; border-color: #ffffff;}


/*========= Sous menu formation retour ==========*/
#navcontainerMaintenance { margin-bottom:20px; }
#navlistMaintenance {padding: 3px 0; margin-left: 0; font: bold 10px Verdana, sans-serif; text-align:center; }
#navlistMaintenance li {list-style-type: none; margin: 12px 0px 12px 0; text-align:left; display: inline;}
#navlistMaintenance li a {padding: 3px 0.5em; margin-left: 3px; border: 1px solid #000000; background: #fcd520; text-decoration: none;}
#navlistMaintenance li a:link { color: #000; }
#navlistMaintenance li a:visited { color:#000; }
#navlistMaintenance li a:link { color: #000; }
#navlistMaintenance li a:hover { color: #000; background: #f2c700; border-color:#999999; }
#navlistMaintenance li a#current { background: #ffd799; border-color: #ffffff; }



/* MENU
--------------------------------------*/
#EncadrMenuFormation { height:392px; width:500px; background-image:url(../images/fond_formation.jpg); background-repeat:no-repeat; padding-top:8px;  border:solid 1px #000000;}
#EncadrMenuMaintenance { margin-top:20px; margin-bottom:20px; height:245px;  width:500px; padding-top:8px; background-image:url(../images/fond_maintenance.jpg); background-repeat:no-repeat; border:solid 1px #000000;}
#menuMaintenance
{
	/*background: #6A6458;*/
	margin-left:10px;
	padding:0;
	width: 280px;
	height: 21px;
	list-style-type: none;
	
	border: 0;
	/*position: absolute;
	top: 0;
	left: 0;*/
}
#menuMaintenance li
{
	/*float: left;*/
	width: 280px;
	margin: 0;
	padding: 0;
	border: 0;
}
#menuMaintenance li a:link, #menuMaintenance li a:visited
{
	display: block;
	height: 1%;
	color: #000;
	font-weight:bold;
	text-align:left;
	/*background-image:url(../images/menu2.png);*/
	background: #fcd520;
	margin:2px;
	padding: 2px 8px;
	border: 1px solid #fff;
	text-decoration: none;
}
#menuMaintenance li a:hover { background-color: #f2c700; }
#menuMaintenance li a:active { background-color: #f2c700; }

/*#menuMaintenance .sousMenu
{
	display: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
}
#menuMaintenance .sousMenu li
{
	float: none;
	margin: 0;
	padding: 0;
	border: 0;
	width: 150px;
	border-top: 1px solid transparent;
	border-right: 1px solid transparent;
}
#menuMaintenance .sousMenu li a:link, #menuMaintenance .sousMenu li a:visited
{
	display: block;
	color: #FFF;
	margin: 0;
	border: 0;
	text-decoration: none;
	background: transparent url("../images/menu.png") repeat;
}
#menuMaintenance .sousMenu li a:hover
{
	background-image: none;
	background-color: #b4060f;
}

#menuMaintenance li:hover > .sousMenu { display: block; }*/

/*	Plan Google
----------------------------------------------------------*/
#map {width: 640px; height: 480px; position:relative; border:1px solid #D5CCC5;}
#map .infosbulle { width: 210px; border: none; display: block; margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: normal;}
.plan-titre {font-size: 14px; color: #97765d; 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;}
#planAcces { position:absolute; background-color:#ff9d09; padding:10px; top:200px; visibility:visible; border:solid 2px #000000; display:none; z-index:1000; width:640px; height:510px; }

/*	PLAN DU SITE
----------------------------------------------------------*/
#planSite{width:700px; margin-left:auto; margin-right:auto; background-image:url(../images/pl_dupli.jpg); text-align:left;}
#planSite p{padding-left:20px; padding-right:20px;}