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

@import url(default.css);


/* Import de la CSS de layout
----------------------------------------------------------*/

@import url(layout/layout-2A.css);


.titre{font-size:1.2em; text-align:center; text-decoration:underline; text-weight:bold;}


.agrandir{
margin-right:-280px;
}


.actualite{
display: inline;
margin-left:20px;
}


/* PLAN */

.plan {
	border: 1px solid #515151;
	width: 400px;
	height: 400px;
}
#map .infosbulle {
	width: 210px;
	border: none;
	margin: 0;
	padding: 0;
}
#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;
}



/*fin*/












/* Liste des layout disponibles :

@import url(layout/layout-1A.css);
@import url(layout/layout-1B.css);
@import url(layout/layout-1C.css);

@import url(layout/layout-2A.css);
@import url(layout/layout-2B.css);
@import url(layout/layout-2C.css);
@import url(layout/layout-2D.css);

@import url(layout/layout-3A.css);
@import url(layout/layout-3B.css);
@import url(layout/layout-3C.css);
@import url(layout/layout-3D.css);
@import url(layout/layout-3E.css);
@import url(layout/layout-3F.css);

*/


/* Quelques couleurs
----------------------------------------------------------*/

body, html { width:100%; height:100%; }

body { background:url(../images/fond.jpg) repeat; top; background-color:#ffffff; }

#header { vertical-align:top; text-align:center; width:990px; height:158px; }

#page { width:100%; height:100%; margin:0 auto; background:transparent url(../images/bg.jpg) repeat-y center; }

#conteneurfond { width:990px; height:auto; margin:0 auto; background:transparent url(../images/bg.jpg) repeat-y; }

#wrapper { background-image: url(../images/bg.jpg) repeat-y; }




a.accueil { display: block; height:23px; width:311px; background: url(../images/btn_accueil.jpg) no-repeat; }
a.accueil:hover { background: url(../images/btn_accueil2.jpg) no-repeat; }
a.accueil:active { background: url(../images/btn_accueil2.jpg) no-repeat; }
a.accueil span { display:none; }



a.actu { display: block; height:23px; width:311px; background: url(../images/btn_actu.jpg) no-repeat; }
a.actu:hover { background: url(../images/btn_actu2.jpg) no-repeat; }
a.actu:active { background: url(../images/btn_actu2.jpg) no-repeat; }
a.actu span { display:none; }

a.qui { display: block; height:23px; width:311px; background: url(../images/btn_qui.jpg) no-repeat; }
a.qui:hover { background: url(../images/btn_qui2.jpg) no-repeat; }
a.qui:active { background: url(../images/btn_qui2.jpg) no-repeat; }
a.qui span { display:none; }

a.presta { display: block; height:23px; width:311px; background: url(../images/btn_presta.jpg) no-repeat; }
a.presta:hover { background: url(../images/btn_presta2.jpg) no-repeat; }
a.presta:active { background: url(../images/btn_presta2.jpg) no-repeat; }
a.presta span { display:none; }

a.outils { display: block; height:23px; width:311px; background: url(../images/btn_outils.jpg) no-repeat; }
a.outils:hover { background: url(../images/btn_outils2.jpg) no-repeat; }
a.outils:active { background: url(../images/btn_outils2.jpg) no-repeat; }
a.outils span { display:none; }

a.ref { display: block; height:23px; width:311px; background: url(../images/btn_ref.jpg) no-repeat; }
a.ref:hover { background: url(../images/btn_ref2.jpg) no-repeat; }
a.ref:active { background: url(../images/btn_ref2.jpg) no-repeat; }
a.ref span { display:none; }

a.inno { display: block; height:23px; width:311px; background: url(../images/btn_inno.jpg) no-repeat; }
a.inno:hover { background: url(../images/btn_inno2.jpg) no-repeat; }
a.inno:active { background: url(../images/btn_inno2.jpg) no-repeat; }
a.inno span { display:none; }

a.photos { display: block; height:23px; width:311px; background: url(../images/btn_photo.jpg) no-repeat; }
a.photos:hover { background: url(../images/btn_photo2.jpg) no-repeat; }
a.photos:active { background: url(../images/btn_photo2.jpg) no-repeat; }
a.photos span { display:none; }

a.formation { display: block; height:23px; width:311px; background: url(../images/btn_forma.jpg) no-repeat; }
a.formation:hover { background: url(../images/btn_forma2.jpg) no-repeat; }
a.formation:active { background: url(../images/btn_forma2.jpg) no-repeat; }
a.formation span { display:none; }

a.client { display: block; height:23px; width:311px; background: url(../images/btn_client.jpg) no-repeat; }
a.client:hover { background: url(../images/btn_client2.jpg) no-repeat; }
a.client:active { background: url(../images/btn_client2.jpg) no-repeat; }
a.client span { display:none; }

a.contact { display: block; height:23px; width:311px; background: url(../images/btn_contact.jpg) no-repeat; }
a.contact:hover { background: url(../images/btn_contact2.jpg) no-repeat; }
a.contact:active { background: url(../images/btn_contact2.jpg) no-repeat; }
a.contact span { display:none; }


#top{ width:679px; height:46px; }

#content { padding:0px 15px 0px 20px; width:554px; background: url(../images/bghaut.jpg) no-repeat; background-position: top left; }
#content * { color: #000000; }
#content h2 { font-size:1.4em; color:#028B33; }
#content h3 { font-size:1.1em; color:#028B33; }
#content a { color:#028B33; text-decoration:underline; }
#content a:visited { color:#028B33; text-decoration:none; }
#content a:hover { color:#028B33; text-decoration:none; }

.DIVtexte { width:445px; height:auto; }

#main { width:679px; }
#menu { }
#nav { }
#extra { }

#footer { height:auto; font-size: 0.8em; padding-left:0px; background:#transparent url(../images/bg.jpg) repeat-y; }
#footer * { color: #000000; }
#footer a { color: #000000; text-decoration:underline; }
#footer a:hover { color: #000000; text-decoration:underline; }
#footer a:visited { color: #000000; text-decoration:underline; }

.validator{ clear:both; float:right; margin-right:50px; }

/* Éléments Particuliers */

.margedroite {
	margin-right:20px;
}

.margegauche {
	margin-left:20px;
}
.margecontact {
	margin-left:350px;
}
.margePied {
	padding-left:230px;
}
.noborder {
	border:none;
}
.margew3c {
	padding-right:50px;
}
.bold {
	font-weight:bold;
}
/* Fin des éléments particuliers */

/* Formulaire de contact */
#frmEnvoi{ width:400px; }
#frmEnvoi input, textarea{ background-color:transparent; border-width:thin; }
#frmEnvoi .field{ text-align:right; margin-top:10px; }

/* Références */
.gauche {
	width:45%;
	padding:5px;
	float:left;
	text-align:center;
	}
.droite {
	width:45%;
	padding:5px;
	float:left;
	text-align:center;
	margin-left:10px;
	}
/* Div video prestation*/

#video {
     position:absolute;
     left: 58%; 
     top: 50%;
     width: 500px;
     height: 300px;
     margin-top: -150px; /* moitié de la hauteur */
     margin-left: -250px; /* moitié de la largeur */
     border: 2px solid #666666;
	 background-color:#f1f1f1;
	 padding:10px;
	 display:none;
     }