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

@import url(structure.css);

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

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

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

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

h3 { color:#fff; font-size: 1.17em; font-weight:bold; }

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

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

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

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

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

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

a { color:#fff; ; 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;  }

textarea { border-width:thin;  }

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 */
.h1index { position:absolute; left:0; top:0; width:100%; padding:0; }

.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:420px; }

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

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

#frmEnvoi .champ { border:none; border:#000000 inset 1px; padding:5px; background-color:#000; color:#fff; }

#frmEnvoi .champ:focus { }

#frmEnvoi #code { border:none; border:#000000 inset 1px; padding:5px; background-color:#000; color:#fff; }

#frmEnvoi #code:focus { }

#frmEnvoi #send2 { border-color:#000000; background-color:#888; color:#fff; }

/*produit*/
#catalogue { width:600px; float:left; padding:10px 0 0 0; margin:0; clear:both; }

.productDisplay { float:left; width:468px; margin:0px; padding:0px; _width:463px; }

.productDisplay h3 { background-color:#b00101; padding:0 10px; margin:0; color:#fff; }

.designRect { width:468px; background-color:#b00101; text-align:center; color:#fff; margin-top:5px; _width:463px; }

.designRect img { padding:5px; }

#formconnexion, #formrecherche { width:189px; padding-left:20px; }

#formconnexion input, #formrecherche input { background-color:#341414; color:#fff; }

#colonneDroite span { display:block; padding-left:40px; }

/*intro*/
#intro { background: #fff url(../images/....jpg) top repeat-y; }

#intro p, #intro a { color:#fff; }

/*yzeo*/
#yzeo p { color:#fff; font-size: 1em; }

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

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

#yzeo a { color:#fff; ; text-decoration:underline; }

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

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

.clearL { clear:left; }

.head-plan { background:url(../images/head.jpg) no-repeat; height:927px; }

#diapo {width:210px; height:170px; float:left; margin:5px 10px 0 0;}

#diapo ul li { list-style:none;}

#diapo ul li a img { list-style:none;}

/* ============== Plan Acces ================ */
.plan { width: 455px; _width: 454px; height: 400px; border:5px solid; border-color:#b00000; }

#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: #b00000; font-weight: bold; margin-bottom: 1em; }

.plan-adresse { font-size: 12px; color: #000000; }

.plan-printer { display:block; text-align: right; margin-bottom:10px; }

.plan-printer img, .plan-printer a { border: none; }

/*popup*/
#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(../images/googlemap-hover.jpg) no-repeat; }

#googlemap a.googlemap-icon span { display:none; }

.alignCenter { text-align:-moz-center;  !text-align:center;
}

.text-plan { margin-left:30px; }

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#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 { }

/* Styles Div signature */
#cachesign { position:absolute; padding:0px; left:0; top:0; visibility:visible; background-color:#000000; display:block; height:100%; width:100%; filter:alpha(opacity=50); -moz-opacity:.50; opacity:.50; display:none; z-index:10000; overflow:hidden; color: #fff; }

#signlivre { position:absolute; padding:10px; top:100px; visibility:visible; background-color:#000; border:solid 1px #fff; display:none; z-index:1000000; width:600px; height:540px; }

/* FIN Styles Div signature */

/* Styles de pagination */
a.liencpt, a.liencpt:visited, a.liencpt:active { font-family: Tahoma, "Arial Narrow", Arial, Verdana, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; color: #425D90; text-decoration:underline; }

a.liencpt:hover, a.liencpt:focus { font-family: Tahoma, "Arial Narrow", Arial, Verdana, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; color: #425D90; text-decoration:underline; }

.selpage { font-family: Tahoma, "Arial Narrow", Arial, Verdana, sans-serif; font-size: 12px; font-style: normal; font-weight: bold; color: #5086C5; }

.aucun { font-family: Tahoma, "Arial Narrow", Arial, Verdana, sans-serif; font-size: 12px; font-style: normal; font-weight: normal; color: #FF0000; }

/* FIN Styles de pagination */

.texte { color: #fff; }

.texte3 { color: #fff; }

#myform input { color: #000; }

#myform label { color: #fff; }

#myform p { color: #fff; }