/*=======================================CSS=====
	Feuille de style
	Site : lumatec.ch
	Auteur : Pernelle Rousselot - Studio EDISPO
	Date : 07/10/2008
*/


/*=======================================GENERAL=====*/
body{
  margin:0;
  padding:0;
  font:11px Arial, Helvetica, sans-serif;
  font-weight:normal;
  color:#000;
  text-align:center;
}
p{
  margin:0;
  padding:5px;
}
img{
  border:0;
  margin:0;
  padding:0;
}
table{
  border-collapse:collapse;
}
input, textarea, select{
	font:11px Arial, Helvetica, sans-serif;
	font-weight:normal;
	border:0;
}
a:link, a:visited, a:active{
	text-decoration:none;
	font-weight:normal;
}
a:hover{
	text-decoration:underline;
    font-weight:normal;
    color:#fff;
}


a.sans:link, a.sans:visited, a.sans:active, #pied a:link, #pied a:visited, #pied a:active, #starpass_1263 a{
	text-decoration:none;
	background:none;
	padding:0;
}
a.sans:hover, #pied a:hover{
	text-decoration:underline;
	background:none;
	padding:0;
}

.separation{
	height:1px;
	width:100%; 
	clear:both;
}
/*=======================================POSITIONNEMENT=====*/


/****************************BANDEAU TOP*******/
#over{
	background:url(../medias/bg-over.png) top left repeat-x;
    height:47px;
    width:auto;
}
#over .contenido{
	width:740px;	/*init 940*/
    margin:0 auto;
    position:relative;
    color:#003558;
    font-size:12px;
    padding:15px 0 0 200px;
    text-align:left;
}
h1#logoFrance{
	width:116px;
    padding: 35px 0 0 0;
	margin:0;
    overflow: hidden;
    background: url(../medias/logo-france.png) top left no-repeat;
    
    height: 0px !important;
    height /**/:35px;
	z-index:5;
	position:absolute;
	top:12px;
	left:25px;
}
a#contactFrance:link, a#contactFrance:visited, a#contactFrance:active, a#contactFrance:hover{
	text-decoration:none;
	background:none;
	padding:1px 20px 0 5px;
    display:inline-block;
    position:relative;
    height:15px;	/*init 16*/
	background:url(../medias/boutons/bg-bouton-contact-france.png) top left repeat-x;
    color:#fff;
    font-size:10px;
    margin:0 12px 0 18px;
    width:auto;
	position:absolute;
    top:12px;
    right:20px;
}
#contactFrance .deb{
	position:absolute;
    top:0;
    left:-24px;
    width:24px;
    height:16px;
    background:url(../medias/boutons/bg-gauche-bouton-contact-france.png) top left no-repeat;
}
#contactFrance .fin{
	position:absolute;
    top:0;
    right:-9px;
    width:9px;
    height:16px;
    background:url(../medias/boutons/bg-droit-bouton-contact-france.png) top right no-repeat;
}

/***********************************************/
.conteneur{
	margin:0 auto;
	text-align:center;
	position:relative;
    background:url(../medias/bg-body.png) top center repeat-y #fff;
}
#conteneur{
	margin:0 auto;
	text-align:left;
	width:940px !important;
	position:relative;
}
#entete{
	height:218px;
	width:940px;
	background:url(../medias/bg-header.png) top left repeat-x;
}
#menu-secondaire{
	margin:0;
	padding:0;
	height:85px;
	/*background:url(../medias/bg-secondary.png) top left no-repeat;*/
	text-align:right;
    position:relative;
}
#logo-lumatec{
	height:85px;
    width:229px;
    position:absolute;
    top:0;
    left:0;
}
.contenu-secondaire{
	/*float:right;*/
    text-align:right;
	margin:0;
	padding:10px 20px 0 0;
}
ul.secondaire{
	float:right;
}
ul.secondaire, ul.secondaire li{
	font-size:10px;
	color:#7f7f7f;
	margin:0;
	padding:0;
	list-style:none;
}
ul.secondaire li{
	float:left;
	text-align:left;
	margin:0 15px 0 0;
	background:url(../medias/secondaire-puce.png) center left no-repeat;
	padding:0 0 0 8px;
}
.secondaire a:link, .secondaire a:visited, .secondaire a:active{
	color:#7f7f7f;
}
.secondaire a:hover{
	color:#7f7f7f;
    text-decoration:underline;
}
.contenu-secondaire img, .contenu-secondaire input{
	margin:0 0 0 10px;
}
#navigation{
    margin:0;
    padding:0;
    position:absolute;
    top:47px;
    right:0;    
}
ul.menu{
	list-style:none;
    margin:0;
    padding:0;
}
.menu li{
	float:left;
    text-transform:uppercase;
	font-family:Arial, Helvetica, sans-serif;
}
.menu li a{
	display:block;
    color:#003558;
}
a.item:link, a.item:visited, a.item:active{
    color:#003558;
    font-size:11px;
    font-weight:bold;
    padding:5px 20px;
    background:none;
    border-left:1px solid #969696;
}
a.item:hover{
    color:#fff;
    font-size:11px;
    font-weight:bold;
    padding:5px 20px;
    background:url(../medias/bg-menu-item.png) top left repeat-x;
    border-left:1px solid #969696;
    text-decoration:none;
}
a.item-actif:link, a.item-actif:visited, a.item-actif:hover, a.item-actif:active{
    color:#fff;
    font-size:11px;
    font-weight:bold;
    padding:5px 20px;
    background:url(../medias/bg-menu-item.png) top left repeat-x;
    border-left:1px solid #969696;
    text-decoration:none;
}
#entete-bleu{
	height:101px;
	width:615px;	/* init 940 */
	padding:0 0 0 325px;
	background:url(../medias/bg-entete-bleu.png) top left no-repeat;
}
#moteur{
	background:url(../medias/bg-search.png) top left no-repeat;
	height:101px;
	width:182px;
	float:right;
	margin:0 20px 0 0;
	padding:0;
	position:relative;
}
#input{
	background:none;
	position:absolute;
	top:39px;
	left:32px;
	width:113px;
	height:17px;	/*init 20 */
	padding:3px 0 0 0;
	margin:0;
	color:#666;
}
#chercher{
	background:none;
	position:absolute;
	top:29px;
	left:149px;
	width:24px;
	height:39px;
	padding:0;
	margin:0;
}
#fil{
	height:32px;
	margin:0;
	padding:0;
	background:url(../medias/bg-fil.png) top left repeat-x #fff;
    color:#545454;
}
ul.item-fil{
	list-style:none;
    margin:0;
    padding:0;
}
.item-fil li{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
}
.item-fil li a{
	display:block;
    float:left;
    color:#545454;
}

a.repere:link, a.repere:visited, a.repere:active{
	color:#545454;
    font-weight:bold;
    text-decoration:none;
    padding:8px 25px 4px 10px;
    height:20px;	/* init 32 */
    display:block;
    background:url(../medias/fil-fleche.png) top right no-repeat;
    /*
    float:left;
    margin:0;
    */
}
a.repere:hover{
	color:#545454;
    font-weight:bold;
    text-decoration:underline;
 /*   padding:0x;
    margin:0;*/
}
#contenu, #contenuRevendeurs{
	width:940px;
	margin:0;
	position:relative;
	background:#fff;
	padding:0;
    clear:both;
}

/*=======================================GABARIT 2 COLONNES=====*/
#module-droite{
	width:311px;
	float:right;
	background:url(../medias/bg-mod-droite.png) top left no-repeat #113f6b;
	margin:0;
	padding:0;
	color:#fff;
}
#module-droite h1{
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	text-transform:uppercase;
	color:#fff;
	text-align:center;
	height:23px;	/*init 27*/
	padding:4px 0 0 0;
	width:294px;
	margin:3px auto;
	background:url(../medias/bg-titre-push.png) top left no-repeat;
}
a#push:link, a#push:visited, a#push:hover, a#push:active{
	display:block;
	width:294px;
	height:20px;	/*init 24*/
	padding:4px 0 0 0;
	background:url(../medias/bg-lienglobal-push.png) top left no-repeat;
	text-decoration:none;
	text-align:center;
	font-size:11px;
	color:#fff;
	font-weight:bold;
	margin:0 auto;
}
#module-droite p{
	font-size:12px;
	color:#fff;
}
#push1, #push2, #push3{
	margin:0 auto;
	padding:0;
	width:301px;
	text-align:left;
}
.headerTop{
	display:block;
	margin:0;
	padding:0;
	height:10px;
	background:url(../medias/push/header-top.png) top left no-repeat;
}
#module-droite h2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#fff;
	text-align:center;
	margin:0;
	padding:0;
	background:url(../medias/push/header-bg.png) top left repeat-y;
}
.headerBottom{
	display:block;
	height:4px;
	background:url(../medias/push/header-bottom.png) top left no-repeat;
}
#push1 .reflet, #push2 .reflet{
	float:left;
	padding:0 0 12px 0;
	margin:0 10px 0 0;
	background:url(../medias/push/bg-reflet-push-12.png) bottom left repeat-x;
}
#push3 .reflet{
	float:left;
	padding:0 0 8px 0;
	margin:0 8px 0 0;
	background:url(../medias/push/bg-reflet-push-8.png) bottom left repeat-x;
}
#push1 .inside{
	display:block;
	background:url(../medias/push/bg-push-1.png) top left no-repeat;
	min-height:269px !important;	/*init 299 */
	height:auto !important;
	height:269px;	/*init 299 */
	width:271px;	/* init 301*/
	padding:15px;
	margin:0;
}
#push2 .inside{
	display:block;
	background:url(../medias/push/bg-push-2.png) top left no-repeat;
	min-height:99px !important;	/*init 129 */
	height:auto !important;
	height:99px;	/*init 129 */
	width:271px;	/* init 301*/
	padding:15px;
	margin:0;
}
#push3 .inside{
	display:block;
	background:url(../medias/push/bg-push-3.png) top left no-repeat;
	min-height:61px !important;	/*init 81 */
	height:auto !important;
	height:61px;	/*init 81 */
	width:281px;	/* init 301*/
	padding:10px;
	margin:0;
}

.morePush{
	text-align:right;
	margin:5px 0 0 0;
	padding:0;
}
#push3 .morePush{
	text-align:right;
	margin:5px 0 0 0;
	padding:0;
}
#push1 .bottom{
	display:block;
	height:8px;
	margin:0 0 3px 0;
	padding:0;
	background:url(../medias/push/bottom-push-1.png) top left no-repeat;
}
#push2 .bottom{
	display:block;
	height:8px;
	margin:0 0 3px 0;
	padding:0;
	background:url(../medias/push/bottom-push-2.png) top left no-repeat;
}
#push3 .bottom{
	display:block;
	height:8px;
	margin:0 0 3px 0;
	padding:0;
	background:url(../medias/push/bottom-push-3.png) top left no-repeat;
}

#gab2Col{
    
	width:569px;	/*init 629*/
	margin:0;
	padding:20px 30px;
	background:url(../medias/bg-gab2Col.png) top left no-repeat #CBCBCB;
}
#gab2Col h1{
	text-transform:uppercase;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#00385d;
	margin:0;
	padding:0 0 35px 0;
}
#gab2Col .reflet{
	float:left;
	padding:0 0 25px 0;
	margin:5px 20px 0 0;
	background:url(../medias/bg-reflet-image-accueil.png) bottom left repeat-x;
}
#gab2Col p, #gab2Col ul, #gab2Col li, #gab2Col ol{
	color:#00385d;
	font-size:12px;
}



/*=======================================GABARIT 3 COLONNES=====*/
#module-gauche{
	width:120px;	/* init 140 */
	float:left;
	background:#113f6b;
    margin:0;
	padding:20px 10px;
	color:#fff;
}
ul.listing, ul.listing li{
	font-size:11px;
    text-transform:uppercase;
    font-weight:bold;
	color:#fff;
	margin:0;
	padding:0;
	list-style:none;
}
ul.listing{
	margin:10px 0;
}
ul.listing li{
	text-align:left;
	margin:0 15px 10px 0;
	background:url(../medias/listing-gauche-puce.png) center left no-repeat;
	padding:0 0 0 8px;
}
a.list:link, a.list:visited, a.list:active{
    color:#87b9e1;
    font-size:11px;
    font-weight:bold;
    text-decoration:none;
}
a.list:hover{
    color:#fff;
    font-size:11px;
    font-weight:bold;
    text-decoration:underline;
}
a.list-actif:link, a.list-actif:visited, a.list-actif:hover, a.list-actif:active{
    color:#fff;
    font-size:11px;
    font-weight:bold;
    text-decoration:underline;
}

#image-droite{
	width:265px;
	float:right;
	background:url(../medias/bg-mod-droite.png) top left no-repeat #113f6b;
	background:#cbcbcb;
    margin:0;
	padding:0;
	color:#fff;
    text-align:center;
}
#image-droite .reflet{
	padding:0 0 20px 0;
	margin:10px auto;
    width:248px;
	background:url(../medias/bg-reflet-image-droite.png) bottom left repeat-x;
}
#image-droite iframe{
	border:1px solid #fff;
    width:246px;
    padding:0;
}
#gab3Col{
    
	width:476px;	/*init 536*/
	margin:0 0 0 140px;
	padding:20px 30px;
	background:url(../medias/bg-gab3Col.png) top left repeat-x #CBCBCB;
}

#gab3ColBis{
    
	width:800px;	/*init 800*/
	margin:0 0 0 140px;
	padding:20px 0px;
    text-align:center;
	background:url(../medias/bg-gab3Col.png) top left repeat-x #CBCBCB;
}

#gab3Col h1, #gab3ColBis h1{
	text-transform:uppercase;
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
	color:#00385d;
	margin:0;
	padding:0 0 5px 0;
}
#gab3Col h2{
	text-transform:uppercase;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#00385d;
	margin:0;
	padding:0 0 20px 0;
}
#gab3Col h3{
	text-transform:none;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#00385d;
	margin:0;
	padding:20px 0 0 0;
    border-bottom:1px solid #567a92;
    width:100%;
}
#gab3Col p, #gab3Col ul, #gab3Col li, #gab3Col ol{
	color:#567a92;
	font-size:12px;
}
#gab3Col p.accroche, #gab3ColBis p.accroche{
	color:#00385d;
    margin:0 0 25px 0;
}
ul.plus, ul.plus li{
	font-size:11px;
    text-transform:none;
    font-weight:normal;
	color:#00385d;
	margin:0;
	padding:0;
	list-style:none;
}
ul.plus li{
	text-align:left;
	margin:2px 0;
	background:url(../medias/plus-puce.png) center left no-repeat;
	padding:5px 8px;
    display:block;
    border-bottom:1px solid #567a92;
}
.nomEntreprise{
	font-weight:bold;
    font-size:12px;
}
.adresseEntreprise{
	padding:10px 0;
	font-size:10px;
}
.adresseEntreprise a{
	color:#fff;
    text-decoration:underline;
}

#contact label{
	width:22%;
    display:block;
    float:left;
    font-weight:bold;
    color:#005084;
    font-size:12px;
    margin:0;
    padding:3px 0 0 0;
}
#contact input, #contact textarea, #contact select, h2 input{
	margin:0 0 5px 0;
    width:182px;
    background:url(../medias/bg-input.png) top left repeat-x #fff;
    border:1px solid #ccd4dd;
    height:14px;	/* init 18*/
    padding:2px 5px;
}
#contact select, #contact option{
	/*background:#fff;*/
    border:0;
    height:auto;
    color:#000;
}
#contact textarea{
	height:40px; 	/*init 44*/
    border:1px solid #ccd4dd;
}
#contact .large{
	width:75%;	
    height:85px;	
}
.asterisque{
	color:#C30;
}
#contact .indication{
	width:290px;
	color:#C30;
    font-size:11px;
    text-align:right;
    margin:0 0 15px 0;
    padding:0 5px;
}
.bouton-envoi{
    padding:20px 0 0 20%;
}
#contact .bouton-envoi input, .bt-envoi{
	width:auto;
    background:none;
    border:0;
    height:auto;
}
#contact select{
	height:auto;
}
#contact option, #contact option:hover{
    /*background:url(../medias/bg-input.png) top left repeat-x #fff;*/
    color:#000;
}
#altern{
	position:relative;
    padding:5px 0 0 0;
}
#altern input{
	height:22px;
}
#altern .bt-envoi{
	position:absolute;
    top:0;
    left:200px;
    height:auto;
}
#gab3Col a{
	color:#00385d;
    font-weight:normal;
}
/*=======================================GABARIT SPECIFIQUE REFERENCES =====*/
#gabSpeRef{
    
	width:800px;	/*init 800*/
	margin:0 0 0 140px;
	background:url(../medias/bg-gab3Col.png) top left repeat-x #CBCBCB;
}
#gabSpeRef .content{
	padding:20px 30px;
}

#gabSpeRef h1{
	text-transform:uppercase;
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
	color:#00385d;
	margin:0;
	padding:10px 0 5px 0;
}
#gabSpeRef h2{
	text-transform:uppercase;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#00385d;
	margin:0;
	padding:0 0 20px 0;
}
#gabSpeRef h3{
	text-transform:none;
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#00385d;
	margin:0;
	padding:20px 0 0 0;
    border-bottom:1px solid #567a92;
    width:100%;
}
#gabSpeRef p, #gabSpeRef ul, #gabSpeRef li, #gabSpeRef ol{
	color:#567a92;
	font-size:12px;
}
#gabSpeRef p.accroche{
	color:#00385d;
    margin:0 0 10px 0;
}
#diapo-lineaire{
	/*background:#f00;*/
    background:#BBB;
    position:relative;
    top:0;
    left:0;
}

#diapo-lineaire iframe{
	height:115px;		/*init 115*/
    width:780px;		/*init 800*/
    overflow-x:scroll;
    overflow-y:hidden;
    padding:10px;
	background:#BBB;
}
img.ref-img{
	display:block;
    float:left;
}
a.ref-lien:link img, a.ref-lien:visited img, a.ref-lien:active img{
    border:5px solid #BBB;
    margin:5px;
    padding:0 0 11px 0;
    background:url(../medias/bg-reflet-ref.png) bottom left repeat-x;
    float:left;
}
a.ref-lien:hover img{
	border:5px solid #fef000;
    background:none;
    margin:5px;
    padding:0;
    float:left;
}

/* slider specific CSS */
#diapo-lineaire .sliderGalleryRef {
    background:#BBB;
    overflow: hidden;
    position: relative;
    padding: 0;
    height: 115px;
    width: 800px;
}

#diapo-lineaire .sliderGalleryRef UL {
    position: absolute;
    list-style: none;
    overflow: none;
    white-space: nowrap;
    padding: 0;
    margin: 0;
}

#diapo-lineaire .sliderGalleryRef UL LI {
    display: inline;
    margin:0;
}

#diapo-lineaire .sliderRef {
    width: 800px;
    height: 36px;
    position:absolute;
    top:80px;
    left:0;
    background: url(../images/bg-slider-ref.png) no-repeat;
}

#diapo-lineaire .handleRef {
    position: absolute;
    cursor: move;
    height: 17px;
    width: 118px;
    top: 8px;
    background: url(../images/handle-slider.png) no-repeat;
    z-index: 100;
}



/*=======================================DIAPO=====*/
#entete-diapo{
	height:99px;
    width:100%;
    background:url(../medias/bg-header-diapo.png) top left repeat-x;
    padding:0;
    margin:0 0 10px 0;
    text-align:center;
    position:relative;
}
#entete-diapo h1{
	text-transform:uppercase;
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
	color:#00385d;
	margin:0;
	padding:30px 0 0 0;
}
#entete-diapo .logo{
	position:absolute;
    top:0;
    left:25px;
    background:url(../medias/logo-header-diapo.png) top left no-repeat;
    height:99px;
    width:180px;
    margin:0;
    padding:0;
}
#contenu-diapo{
	display:block;
    position:relative;
}
.diapo-lineaire{
	position:absolute;
    bottom:0;
    left:0;
    width:100%;
}
#diapo-lineaire iframe.diap{
	height:115px;		/*init 115*/
    width:100%;		/*init 800*/
    overflow-x:scroll;
    overflow-y:hidden;
    padding:10px;
	background:#BBB;
}
#image{

}
#image *{
}
#precedent{
	z-index:10;
    height:55px;
    width:55px;	/*init 55*/
    display:block;
    position:absolute;
    top:0;
    left:25px;
}
#suivant{
	z-index:10;
    height:55px;
    width:55px;	/*init 55*/
    display:block;
    position:absolute;
    top:0;
    right:45px;
}
#suivant a, #precedent a{
    padding:10px;
}

#panelDiapo{
	background:url(../medias/bg-panelDiapo.png) top left no-repeat;
    position:absolute;
    bottom:0;
    left:20px;
    width:208px;
    height:39px;	/*init 43*/
    padding:4px 0 0 0;
}
/*=======================================GABARIT BASIQUE=====*/
#gabBasique{
	width:922px;	/*init 940*/
	margin:0;
	padding:20px 9px;
	background:url(../medias/bg-gabBasique.png) top left repeat-x #ccc;
}
#gabBasique h1{
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
	color:#12426e;
	margin:0 20px 5px 20px;
	padding:5px 0;
    border-bottom:1px solid #AEAEAE;
}
.gamme, .gamme-over{
    width:305px;
    height:186px;
    display:block;
    float:left;
    position:relative;
}
.gamme{
	background:url(../medias/bg-gamme.png) top left no-repeat;
}
.gamme-over, .gamme:hover{
	background:url(../medias/bg-gamme-over.png) top left no-repeat;
}
.gamme-over h2, .gamme h2{
	position:absolute;
    top:21px;
    left:23px;
    width:257px;
    margin:0;
    padding:0;
    text-align:center;
    color:#fff;
    font-size:13px;
    font-weight:bold;
}
.gamme-over .reflet, .gamme .reflet{
	margin:0;
    padding:0 0 12px 0;
    position:absolute;
    top:71px;
    left:23px;
}
.gamme-over .reflet, .gamme:hover .reflet{
	background:url(../medias/bg-reflet-image-gamme-over.png) bottom left repeat-x;
}
.gamme .reflet{
	background:url(../medias/bg-reflet-image-gamme.png) bottom left repeat-x;
}
.gamme-over .texte, .gamme .texte{
	position:absolute;
    top:71px;
    left:120px;
    margin:0;
    padding:0;
    width:160px;
}
.gamme-over .texte, .gamme:hover .texte{
	color:#123f6c;
}
.gamme .texte{
	color:#fff;
}
.gamme-over .lien, .gamme .lien{
	position:absolute;
    top:150px;
    left:150px;
    margin:0;
    padding:0;
}
.gamme-over h2 a, .gamme h2 a{
	color:#fff;
    font-weight:bold;
}

/*=======================================PRODUITS=====*/

.produit, .produit-over{
    width:307px;
    height:117px;
    display:block;
    float:left;
    position:relative;
}
.produit{
	background:url(../medias/bg-produit.png) top left no-repeat;
}
.produit-over, .produit:hover{
	background:url(../medias/bg-produit-over.png) top left no-repeat;
}
.produit-over h2, .produit h2{
	position:absolute;
    top:22px;
    left:90px;
    width:205px;
    margin:0;
    padding:0;
    text-align:left;
    font-weight:bold;
    color:#fff;
    font-size:13px;
    font-weight:bold;
}
.produit-over .reflet, .produit .reflet{
	margin:0;
    padding:0 0 12px 0;
    position:absolute;
    top:22px;
    left:22px;
}
.produit-over .reflet, .produit:hover .reflet{
	background:url(../medias/bg-reflet-image-produit-over.png) bottom left repeat-x;
}
.produit .reflet{
	background:url(../medias/bg-reflet-image-produit.png) bottom left repeat-x;
}
.produit-over .texte, .produit .texte{
	position:absolute;
    top:40px;
    left:90px;
    margin:0;
    padding:0;
    width:205px;
}
.produit-over .texte, .produit-over h2 a, .produit-over h2, .produit:hover .texte, .produit:hover h2 a, .produit:hover h2{
	color:#123f6c;
}
.produit .texte{
	color:#fff;
}
.produit-over .lien, .produit .lien{
	position:absolute;
    top:75px;
    left:90px;
    margin:0;
    padding:0;
}
.produit h2 a, .produit h2{
	color:#fff;
    font-weight:bold;
}
.produit-over h2{
    font-weight:bold;
}	
.produit h2 a:hover, .produit-over h2 a:hover, .produit:hover h2 a:hover{
	color:#123f6c;
    font-weight:bold;
}
/*=======================================GABARIT FICHE=====*/
#gabFiche{
	width:922px;	/*init 940*/
	margin:0;
	padding:20px 9px;
	background:url(../medias/bg-gabBasique.png) top left repeat-x #ccc;
}
#gabFiche h1{
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
	color:#12426e;
	margin:0 20px 0 20px;
	padding:5px 0 0 0;
}
#gabFiche h2{
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#12426e;
	margin:0 20px 25px 20px;
	padding:0 0 5px 0;
    border-bottom:1px solid #AEAEAE;
}

#fiche{
    width:535px;
    margin:0 0 0 10px;
   	color:#00385d;
	font-size:12px;

}
.container{
	width:345px;
    background:url(../medias/bg-visionneuse.png) top left no-repeat;
    padding:0 4px;
    position:absolute;
    left:575px;
}
#container {
    width: 337px;
    margin: 0;
    padding: 0;
   /* position:absolute;
    left:575px;
    border:1px solid #f00;*/
}
        
#inside-visionneuse {
	height:246px;
    width:337px;
    position:relative;
}
.taille-visio{
	height:286px;
    width:337px;
    position:relative;
    background:url(../medias/bg-tailleVisio.png) top left no-repeat;
}
#tailleVisio{
	height:286px;
    width:337px;
    position:relative;
  /*  background:#355b78;*/
}

#Visio{
	/*text-align:center;*/
}
#Visio img{
	border:1px solid #000;
}
#controles{
/*
    position:absolute;
    top:5px;
    right:5px;
    height:75px;
    width:45px;
    z-index:200;
*/
	height:40px;
    width:337px;
    position:relative;
    background:url(../medias/bg-controles.png) top center no-repeat;
    
}

#lecture, #pause{
	position:absolute;
    top:3px;
    left:0px;
}
#container ul, #container ul li{
	list-style:none;
}

/* slider specific CSS */
#container .sliderGallery {
    background:#CCC;
    overflow: hidden;
    position: relative;
    padding: 0;
    height: 105px;
    width: 337px;
}

#container .sliderGallery UL {
    position: absolute;
    list-style: none;
    overflow: none;
    white-space: nowrap;
    padding: 0;
    margin: 0;
}

#container .sliderGallery UL LI {
    display: inline;
    margin:0;
}

#container .slider {
    width: 337px;
    height: 36px;
/*      margin-top: 130px;
    margin-left: 0px;
    padding: 1px;
    position: relative;*/
    position:absolute;
    top:60px;
    left:0;
    background: url(../images/bg-slider.png) no-repeat;
}

#container .handle {
    position: absolute;
    cursor: move;
    height: 17px;
    width: 118px;
    top: 8px;
    background: url(../images/handle-slider.png) no-repeat;
    z-index: 100;
}


img.fiche-img{
	display:block;
    float:left;
}
a.fiche-lien:link img, a.fiche-lien:visited img, a.fiche-lien:active img{
    border:3px solid #ccc;
    margin:3px;
    padding:0 0 11px 0;
    background:url(../medias/bg-reflet-ref.png) bottom left repeat-x;
    float:left;
}
a.fiche-lien:hover img{
	border:3px solid #fef000;
    background:none;
    margin:3px;
    padding:0;
    float:left;
}
.sous-titre{
	font-size:14px;
    color:#00385d;
    background:url(../medias/bg-soustitre-fiche.gif) top left no-repeat #f2f2f2;
    padding:5px 5px 5px 10px;
    margin:0 0 10px 0;
    font-weight:bold;
    position:relative;
    height:19px;	/*init 29*/
}
.fin-soustitre{
	width:17px;
    height:29px;
    background:url(../medias/bg-finsoustitre-fiche.gif) top left no-repeat;
    position:absolute;
    top:0;
    right:0;
}
.bordure-droite{
	padding:0 20px 0 0;
    border-right:1px solid #717171;
}
a.visionneuse:link img, a.visionneuse:visited img, a.visionneuse:active img{
    border:3px solid #CCC;
    margin:2px 1px;
    padding:0;
    background:url(../medias/bg-reflet-ref.png) bottom left repeat-x;
   /* float:left;*/
}
a.visionneuse:hover img{
	border:3px solid #fef000;
    background:none;
    margin:2px 1px;
    padding:0;
   /* float:left;*/
}

/*=======================================PAGE SIMPLE=====*/
#gabTexte{
	width:922px;	/*init 940*/
	margin:0;
	padding:20px 9px;
	background:url(../medias/bg-gabBasique.png) top left repeat-x #ccc;
    color:#0f3c66;
}
#gabTexte h1{
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
	color:#12426e;
	margin:0 20px 0 20px;
	padding:5px 0;
    text-transform:uppercase;
}
#gabTexte h2{
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#12426e;
	margin:0 20px 25px 20px;
	padding:0 0 5px 0;
    text-transform:uppercase;
}
#gabTexte h3{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#0f3c66;
	margin:0;
	padding:5px 0;
}

#blocTexte{
    margin:0 10px;
   	color:#00385d;
	font-size:12px;
}

#blocTexte ul, #blocTexte li, #blocTexte ol{
   	color:#00385d;
	font-size:12px;
}

/*=======================================PAGE RECHERCHE=====*/
#affiner{
	background:url(../medias/bg-filtre.png) top left no-repeat #0f3c66;
    width:870px;	/*init 890 */
    height:29px;	/*init 49 */
    margin:5px 10px 5px 15px;
    padding:10px;
    color:#fff;
    position:relative;
}
#affiner strong{
	text-transform:uppercase;
    font-size:12px;
}
#affiner label{
	display:block;
    float:none;
}
#affiner .tous{
	position:absolute;
    top:10px;
    left:300px;
}
#affiner .case1{
	position:absolute;
    top:10px;
    left:445px;
}
#affiner .case2{
	position:absolute;
    top:10px;
    left:540px;
}
#affiner .case3{
	position:absolute;
    top:10px;
    left:665px;
}
#affiner .case4{
	position:absolute;
    top:10px;
    left:780px;
}

#affiner label input{
	width:auto;
    border:0;
    background:0;
    margin:0 0 0 5px;
}

#blocRecherche{
    margin:0 10px;
   	color:#00385d;
	font-size:12px;
}
#blocRecherche h3{
    margin:0 10px;
   	color:#00385d;
	font-size:12px;
    text-transform:uppercase;
}
#blocRecherche ul, #blocRecherche ul li{
	margin:0;
    padding:0;
    list-style:none;
}
#blocRecherche ul{
	padding:10px;
}
#blocRecherche ul li{
	padding:15px 0px;
    border-top:1px solid #8e8e8e;
    border-bottom:1px solid #dbdbdb;    
}
.intitule{
	font-weight:bold;
    text-decoration:underline;
    font-size:12px;
    text-transform:uppercase;
}
.descriptif{
	font-weight:bold;
    font-size:11px;
}
.tags{
	font-weight:normal;
    font-size:11px;
}
/*=======================================PLAN=====*/
h4{
	color:#fff;
    font-size:12px;
    text-transform:uppercase;
    background:url(../medias/bg-h4-plan.png) top left repeat-x;
    height:25px;	/*init 28 */
    padding:3px 5px 0 5px;
}
h5{
	font-size:12px;
    color:#113f6b;
    text-decoration:underline;
    padding:0 5px 10px 15px;
    margin:0;
    background:url(../medias/picto-fleche.png) top left no-repeat;
}
.petite-colonne-debut div, .petite-colonne div, .petite-colonne-milieu div{
	margin:0;
    padding:0 0 5px 15px;
}
#blocPlan ul{
    margin:0;
    padding:0 0 0 30px;
    border:0;
}
#blocPlan ul li{
	list-style-image:url(../medias/picto-fleche.gif);
	margin:0;
    padding:5px 0;
    text-decoration:underline;
    color:#113f6b;
    font-weight:bold;
    font-size:12px;	
}
#blocPlan a{
	color:#113f6b;
    font-weight:bold;
}
#blocPlan h4 a{
	color:#fff;
    font-weight:bold;
    text-decoration:none;
}
.petite-colonne-debut, .petite-colonne, .petite-colonne-milieu{
	display:block;
    float:left;
    width:255px;	/*init 305*/
    margin:0;
    padding:5px 25px;
}
.petite-colonne{
	padding:5px 10px 5px 25px;
    width:260px;		/*init 305*/
}
.petite-colonne-debut{
	padding:5px 25px 5px 10px;
    width:260px;		/*init 305*/
}
.petite-colonne-milieu{
	border-left:1px solid #b7b7b7;
	border-right:1px solid #b7b7b7;
}

/*=======================================GABARIT SPECIFIQUE REVENDEURS =====*/
#contenuRevendeurs{
}
#contenuRevendeurs #module-gauche{
	width:220px;	/* init 240 */
	float:left;
	background:#113f6b;
    margin:0;
	padding:20px 10px;
	color:#fff;
    text-align:center;
}

#gabSpeRev{
    
	width:700px;	/*init 700*/
	margin:0 0 0 240px;
	background:url(../medias/bg-gab3Col.png) top left repeat-x #CBCBCB;
}
#gabSpeRev .content{
    
	padding:20px 30px 20px 30px;
    position:relative;
}


#gabSpeRev h1{
	text-transform:uppercase;
	font-size:20px;
	font-family:Arial, Helvetica, sans-serif;
	color:#00385d;
	margin:0;
	padding:10px 0 5px 0;
}
#gabSpeRev h2{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	color:#00385d;
	margin:0;
	padding:0 0 20px 0;
}
#gabSpeRev h3{
	text-transform:uppercase;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	color:#00385d;
	margin:0 0 10px 0;
	padding:20px 0 10px 0;
    border-bottom:1px solid #aaa;
}
#gabSpeRev p, #gabSpeRev ul, #gabSpeRev li, #gabSpeRev ol{
	color:#567a92;
	font-size:12px;
}
#contenuRevendeurs label{
	display:block;
    float:none;
    font-size:12px;
    color:#fff;
}
#contenuRevendeurs .select{
	padding:0 0 18px 0;
    margin:0;
    text-align:center;
    background:url(../medias/bg-select.png) bottom left repeat-x;
	width:180px;
}
#contenuRevendeurs select{
	width:180px;
}
#contenuRevendeurs select option{
	text-align:center;
}
.mini-carte{
	position:absolute;
    top:15px;
    right:25px;
}
.revendeur{
	width:409px;	/*init 414 */
    height:24px;	/*init 27*/
    padding:3px 0 0 5px;
    font-size:12px;
	background:url(../medias/bg-revendeur.png) top left no-repeat;
    color:#fff;
    margin:0 0 10px 0;
}
.installateur{
	width:409px;	/*init 414*/
    height:24px;	/*init 27*/
    padding:3px 0 0 5px;
    font-size:12px;
	background:url(../medias/bg-installateur.png) top left no-repeat;
    color:#fff;
    margin:0 0 10px 0;
}
.revendeur span, .installateur span{
    font-size:18px;
    color:#fff;
}
.coordRevendeur, .coordInstallateur{
	width:682px;
    margin:0 0 5px 0;
}
.coordRevendeur .titre, .coordInstallateur .titre{
	background:url(../medias/revendeurs/revendeur-header.png) top left no-repeat;
    width:596px;	/*init 636 */
    height:14px;	/*init 44 */
    font-size:12px;
    color:#fff;
    padding:15px 20px;
}
.coordInstallateur .titre{
	background:url(../medias/revendeurs/installateur-header.png) top left no-repeat;
}
.coordRevendeur .bas, .coordInstallateur .bas{
	background:url(../medias/revendeurs/bottom.png) top left no-repeat;
    width:636px;
    height:20px;
}
.coordRevendeur .coordonnee, .coordInstallateur .coordonnee{
	background:url(../medias/revendeurs/background.png) top left repeat-y;
    width:596px;	/*init 636 */
    font-size:12px;
    color:#0f3c66;
    font-weight:bold;
    padding:0 20px;
}
.coordRevendeur .suite, .coordInstallateur .suite{
	float:right;
    width:280px;
}
.coordonnee a{
    font-size:12px;
    color:#0f3c66;
    font-weight:bold;
}
/*=======================================DATA CENTER=====*/
#entete-datacenter{
	height:101px;
	width:615px;	/* init 940 */
	padding:0 0 0 325px;
	background:url(../medias/bg-entete-bleu.png) top left no-repeat;
	position:relative;
}
#entete-datacenter img{
	position:absolute;
	top:40px;
	left:590px;
}

.filtrage, .filtrageAttente{
	width:280px;	/*init 300*/
    float:left;
    margin:0 0 0 2px;
    padding:0 15px 0 5px;
    text-align:center;
    background:url(../medias/datacenter/fleche.gif) center right no-repeat;
}
.filtrage .select, .filtrageAttente .select{
	width:282px;	/*init 282*/
    background:url(../medias/datacenter/bg-div-select.png) top left no-repeat;
    margin:0;
    padding:10px 0 0 0;
    height:54px;	/*init 64*/
}
.filtrageAttente .select{
    background:url(../medias/datacenter/bg-div-select-attente.png) top left no-repeat;
}
.filtrage select, .filtrageAttente select{
	width:230px;
    text-align:center;
    color:#005084;
    font-weight:bold;
    font-size:11px;
}
.filtrageAttente select{
	color:#b7c4d0;
}
.filtrage label, .filtrageAttente label{
	font-weight:bold;
    padding:0 0 5px 0;
    display:table-cell;
    vertical-align:bottom;
    text-align:center;
    float:none;
    width:280px;
    height:35px;
    font-size:12px;
}
.filtrageAttente label{
	color:#b7c4d0;
}
.fin{
	background:none;
	width:283px;	/*init 290*/
    padding:0 0 0 5px;
}
h3#datac{
	margin:15px 10px 15px 10px;
    padding:10px 0;
    display:block;
    border-bottom:1px solid #989898;
    font-size:14px;
}
.results{
	border-collapse:collapse;
    width:100%;
}
.row1{
	background:#c4c4c4;
}
.row2{
	background:#d5d5d5;
}
.row1 td, .row2 td{
	padding:3px 5px;
    font-size:12px;
    font-weight:bold;
    border-right:1px solid #ccc;
}
.nomFichier{
	text-transform:uppercase;
}
#blocRecherche .content{
	padding:10px;
}
/*=======================================PIED=====*/
.pied{	
	margin:0 auto;
	position:relative;
	background:url(../medias/bg-footer-back.jpg) top center no-repeat;
    margin:0;
    padding:0;
    text-align:center;
    clear:both;
}
#pied{
	width:924px;	/*init 940*/
	margin:0 auto;
	height:21px;	 /* init 27*/
	padding:6px 8px 0 8px;
	background:url(../medias/bg-footer.jpg) top left repeat-x;
	font-size:10px;
	color:#fff;
	text-align:left;
}
#pied a:link, #pied a:visited, #pied a:active{
	color:#fff;
    text-decoration:none;
}
#pied a:hover{
	color:#fff;
    text-decoration:underline;
}
.copyright{
	float:right;
	text-align:right;
}

/*=======================================SPECIAL=====*/
.contenu-secondaire .form-flag{
	float:right;
    width:100px;
}
.contenu-secondaire .form-flag form{
	display:inline;
}
.contenu-secondaire .form-flag input{
	clear:both;
    float:none;
    width:18px;
    height:12px;
}
#blocTexte a.mentions:link, #blocTexte a.mentions:visited, #blocTexte a.mentions:active{
	text-decoration:underline;
	font-weight:normal;
    color:#003558;
}
#blocTexte a.mentions:hover{
	text-decoration:underline;
    font-weight:normal;
    color:#003558;
}

a#savoirplus:link, a#savoirplus:visited, a#savoirplus:active, a#savoirplus:hover{
	text-decoration:none;
	background:none;
	padding:1px 20px 0 5px;
    display:inline-block;
    position:relative;
    height:18px;	/*init 19*/
	background:url(../medias/boutons/bg-bouton-perso.png) top left repeat-x;
    color:#fff;
    font-size:10px;
    margin:0 12px 0 18px;
    width:auto;
}
#savoirplus .deb{
	position:absolute;
    top:0;
    left:-18px;
    width:18px;
    height:19px;
    background:url(../medias/boutons/bg-gauche-bouton-perso.png) top left no-repeat;
}
#savoirplus .fin{
	position:absolute;
    top:0;
    right:-12px;
    width:12px;
    height:19px;
    background:url(../medias/boutons/bg-droit-bouton-perso.png) top right no-repeat;
}

.boutons{
	padding:0 5px 0 15px;
	margin:0 0 30px 0;
    display:block;
}


/*=======================================DIAPO=====*/
body.lectureDiapo{
	text-align:center;
}

.play {
	position: relative;
	padding:0;
	margin:0 auto;
	width: 337px;
    text-align:center;
	height: 246px;
}
.play2 {
	position: relative;
	padding:0;
	margin:0 auto;
	width: 100%;
    text-align:center;
	height: 100%;
}
ul.crossfade {
	padding: 0;
	margin: 0;
	list-style: none;
	position: relative;
}
#play li {
	position: relative;
	top: 0;
	left: 0;
	visibility: hidden;
	width: 337px;
    height: 246px;
    padding:0;
    margin:0 auto;
    text-align:center;
}
#play2 li {
	position: relative;
	top: 0;
	left: 0;
	visibility: hidden;
	width: 100%;
    height: 100%;
    padding:0;
    margin:0 auto;
    text-align:center;
}
#play li img, #play2 li img {
	display: block;
    margin:auto;
}
#ImageLoad{
	position:relative;
}
#controleur{
	background:url(../medias/bg-lecteur.png) top left no-repeat;
    width:351px;
    height:48px;
    position:absolute;
    top:50%;
    left:39%;
    text-align:left;
    display:none;
}
#previous{
	position:absolute;
    left:25px;
    top:3px;
}
#next{
	position:absolute;
    right:25px;
    top:3px;
}
#lect, #arret{
	position:absolute;
    left:160px;
    top:3px;
}