/* Style tronicsgroup by chrisgaillard.com */


@font-face {
    font-family: 'dinregular';
    src: url('/squelettes/font/din-webfont.eot');
    src: url('/squelettes/font/din-webfont.eot?#iefix') format('embedded-opentype'),
         url('/squelettes/font/din-webfont.woff2') format('woff2'),
         url('/squelettes/font/din-webfont.woff') format('woff'),
         url('/squelettes/font/din-webfont.ttf') format('truetype'),
         url('/squelettes/font/din-webfont.svg#dinregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'din-blackregular';
    src: url('/squelettes/font/din-black-webfont.eot');
    src: url('/squelettes/font/din-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('/squelettes/font/din-black-webfont.woff2') format('woff2'),
         url('/squelettes/font/din-black-webfont.woff') format('woff'),
         url('/squelettes/font/din-black-webfont.ttf') format('truetype'),
         url('/squelettes/font/din-black-webfont.svg#din-blackregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'din_mediumregular';
    src: url('/squelettes/font/din_medium-webfont.eot');
    src: url('/squelettes/font/din_medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('/squelettes/font/din_medium-webfont.woff2') format('woff2'),
         url('/squelettes/font/din_medium-webfont.woff') format('woff'),
         url('/squelettes/font/din_medium-webfont.ttf') format('truetype'),
         url('/squelettes/font/din_medium-webfont.svg#din_mediumregular') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'dinbold';
    src: url('/squelettes/font/din_bold-webfont.eot');
    src: url('/squelettes/font/din_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/squelettes/font/din_bold-webfont.woff2') format('woff2'),
         url('/squelettes/font/din_bold-webfont.woff') format('woff'),
         url('/squelettes/font/din_bold-webfont.ttf') format('truetype'),
         url('/squelettes/font/din_bold-webfont.svg#dinbold') format('svg');
    font-weight: normal;
    font-style: normal;

}


@font-face {
    font-family: 'din_lightregular';
    src: url('/squelettes/font/din_light-webfont.eot');
    src: url('/squelettes/font/din_light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/squelettes/font/din_light-webfont.woff2') format('woff2'),
         url('/squelettes/font/din_light-webfont.woff') format('woff'),
         url('/squelettes/font/din_light-webfont.ttf') format('truetype'),
         url('/squelettes/font/din_light-webfont.svg#din_lightregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
	margin-top:30px;
}
.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



*::selection { 
background:#003893; 
color:#fff; 
} 

*::-moz-selection { 
background:#003893; 
color:#fff; 
} 

*::-webkit-selection { 
background:#003893; 
color:#fff; 
}

.spip_documents_right{margin:0 10px 10px 10px}
.spip_documents_left{margin:0 10px 10px 0}


.spip_documents_right, .spip_documents_left {max-width:50%;}
.spip_documents_right img, .spip_documents_left img{width:100%;}




body{font-family: 'dinregular';}

h1,h2,h3,h4,h5,h6{font-weight:normal;  font-family: 'dinregular';}

h1{color:#003893; margin:0.5em 0;}
h2{color:#e87513;  margin-top:0.5em 0; line-height:1.2em;}


a{color:#003893}

a:hover{color:#e87513}
#logotronics{position:relative;}

#logotronics .lelogo{background-image:url("/squelettes/img/tdk-tronics-logo-altro.png"); 
	width: 267px; height: 55px; 
	background-repeat: no-repeat;
	margin:0; display:block; 
	}

		
#logotronics .lelogo a{display:block; width:100%; height: 100%;}









#header{margin:5px 20px 0 20px;}

#toplink a{width:22px; height:21px; 
  display:inline-block; margin-right:3px;
background-image:url("/squelettes/img/logo-sociaux.png");}

.twitter{background-position: 0px 0px}
.linkedin{background-position: 66px 0px}
.rss{background-position: 44px 0px}
.googleplus{background-position: 22px 0px}

.twitter:hover{background-position: 0px 21px}
.linkedin:hover{background-position: 66px 21px}
.rss:hover{background-position: 44px 21px}
.googleplus:hover{background-position: 22px 21px}



form #recherche{width:196px;  font-size:10px; height:21px; color:#999; 
  margin:3px 5px 13px 0; background:url("/squelettes/img/loupe.png") right no-repeat }
form{display:inline; font-size:1.8em;  }

#toplink{position:relative;}
#toplink .contact{background-image:none; width:auto; color:#e87513; text-decoration:none; font-size:1.5em;
   font-family: 'Roboto Condensed'; display:inline-block; line-height:0.9em; margin:0 4px 0 0;
  position:relative; top:-1px
}



#headerlink{float:right; width: 405px; overflow:hidden; margin-bottom:3px;  }


#inverstor{float:right;  color:#003893; margin-right:-10px; }
#inverstor a{text-decoration:none; color:white; padding:4px 50px 0px;  background-color:#e87513; 
  margin:0 0px 0 0px; font-size:1.3em; display:inline-block; 
}




#inverstor a:first-child{margin-right:10px;  }

.frflag{ background: url("http://www.tronicsgroup.com/squelettes/img/flagfr.png") no-repeat #e875135px 12px;}
.enflag{  background: url("http://www.tronicsgroup.com/squelettes/img/flaguk.png") no-repeat #e875135px 12px;}
#inverstor a:hover{background-color:#003893; color:white;}

/*

Vert #003893 
		Vert clair #F0F6E7
		Gris clair : #ededed 
		Orange #e87513
    font-family: 'din_lightregular';
    font-family: 'dinregular';
    font-family: 'din_mediumregular';
    font-family: 'dinbold';
    font-family: 'din-blackregular';
*/

#logotronics{float:left;}



/*SLIDER*/
.textesslide{position:absolute; top:5%;
  color:white;
  width:8.1%; /*Ligne a changer si on rajoute des items au slider pour les caller*/
  text-align:center; }

.slidetitre{
  font-family: 'dinbold';
  color:white;
  width:100%;
  font-size:3.5vw;
  text-shadow:  0px 0px 5px  #000; 
}
.slidetexte
{
  font-family: 'dinregular';
  color:white;
  width:100%;
  font-size: 2vw;
  text-shadow:  1px 1px 5px  #000, -1px -1px 5px  #000; 

}
.slidetexte p{line-height:1.2em;}

.textesslide a{display:inline-block; font-size:1.1em;color:white; background-color:#003893; text-decoration:none; padding:5px 10px; 
  margin-top:15px;   box-shadow: 0px 0px 5px rgba(0,0,0,.5);}
.textesslide a:hover{background-color:#e87513;}



/* ------------ CAROUSSEL HOME --- */ 

.home #caroussel ul.slides li{margin-right:42px; border:1px solid #D8D8D8; height:250px;}

.home #caroussel ul.slides li a{text-decoration:none; color:#4a4a4a;}
.home #caroussel ul.slides li p, .home #caroussel ul.slides li .spip_documents{margin: 0px;}
.home #caroussel span{display:block; margin-top:20px;}

.home #caroussel ul > li.caroubloc a:hover:after
{background-color:rgba(0,0,0,0.1); content:" "; display:block;
  position:absolute; top:0; width:265px; height:250px; cursor:pointer;}

.home #caroussel h3{background-color:#003893; color:white; font-size:1.2em; padding:10px;}
.home #caroussel .flex-direction-nav a:before  { font-size: 20px; }
.home #caroussel  .flex-direction-nav a  
{ width: 20px; height: 250px; font-size:0em;
  color: rgba(0,0,0,0.4); padding-top:125px;
  background-color:white;
top: 8%;}


.home .content .flexslider:hover .flex-prev { opacity: 0.9; left: -20px; }
.home .content .flexslider:hover .flex-next { opacity: 0.9; right: 0px; }

@media screen and (max-width: 860px) {
 .home #caroussel .flex-direction-nav .flex-prev { opacity: 1; left: -15px;}
 .home #caroussel .flex-direction-nav .flex-next { opacity: 1; right: -1px;}
}

/*NEWS briefs bloc gris home page*/

.homebrief{background-color:#e87513; border:1px solid #D8D8D8; padding:5px;}

.homebrief span{ font-size:1.1em; border-right:2px solid #D8D8D8; 
  padding:0 8px; margin-right:17px; 
  font-weight:bold; color:#fff; float:left;}

.homebrief span:before{content: url(/squelettes/icon/favicon-16x16.png); padding-right: 8px ; top:2px; position:relative;}

.homebrief a{text-decoration:none; margin-right:20px; display:block; color:#fff}

.homebrief a:after{content:">"; font-weight:thin; color:#fff ; font-size:15px; line-height:0; position:relative; top:0px; left:7px;}
.homebrief a:hover, .homebrief a:hover:after{color:#000;}

.homebrief #brief{display:block;  }

.petitlogo{display:block; position:absolute; top:15px; left:250px;}






/*Colonne home page*/

.videocol { position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden; max-width: 100%; height: auto; } .videocol iframe, .videocol object, .videocol embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.bloccol.video, .bloccol.events{padding-bottom:10px;}

.colonne h2{font-size:1.8em; line-height:1em; margin-bottom:0.5em}

.colonne {border-left:1px solid #ccc; margin-left:20px;}


.bloccol{border-bottom:1px solid #ccc; margin-bottom:15px;}

.bloccol.last{border-bottom:none;}

.anew img{ width:44px; height:44px; float:left; margin-right:10px;}

.anew {min-height:44px; text-decoration:none; margin-bottom:10px; display:block; 
  position:relative; clear:both; padding-right:10px;}
.anew:hover{background-color:#F0F6E7;}

.anew small{margin:0; padding:0; line-height:1em; color:#888; position:relative; top:0px}
.anew p{margin-top:3px; line-height:1.1em; font-size:0.9em; padding-left:55px; color:#003893 }

.events li{list-style-type:none; font-size:0.9em; 
  margin:0 0 5px 9px; padding :0 0 0 5px; line-height:1.2em;}
.events ul{margin:0; padding:0}
.events li a:before{content:"> "; font-size:0.8em; 
  font-family: 'dinbold';
position:relative; bottom:2px }
.events a{position:relative; text-decoration:none; 
  color:#003893; margin-left:-14px;  }
.events a:hover{text-decoration:none; color:#e87513 }




#footer{background-color:#EFEFEF; border-top:1px solid #D8D8D8; }

#footer div{float:left;}
.w16 { width: 16%; }
#footer ul{list-style-type:none; font-size:0.9em;}
#footer ul a{text-decoration:none; color:#888;}

#footer ul a:hover{text-decoration:underline;}



#legal{background-color:#003893; padding:5px; margin-bottom:20px; color:white; font-size:0.8em;}
#legal a{color:white; text-decoration:none;}


.trademark{margin:0 0 50px 5px; color:#aaa}

.trademark span{text-align:right; float:right; margin-right:5px;}

.allnews{float:right; text-decoration:none; margin:7px 0px 0 0 ; font-size:.9em;}
.allnews:before{content:"> "; font-size:0.8em;   font-family: 'dinbold';
position:relative; bottom:2px;}

.bloccol h2{float:left;}

#main{color:#565656;}

.logobandeau { padding: 20px 20px 0;}
.events ul{clear:both;}

.fondvert {background-color:#e3efd3; padding:10px; border-top:1px solid #003893; border-bottom:1px solid #003893; }


#colonne1{width:45%; float:left; margin-right:5%;padding-right:5%; border-right:1px solid #D8D8D8;}

#colonne2{width:45%; float:left; margin-right:0%;  }

#colonne2 dl{  vertical-align:top; width:45%; 
  display:inline-block; margin-right:5%; text-align:center; 
  font-size:0.9em; line-height:1.4em; margin-top:0;}


 #colonne2 p img {  vertical-align:top; 
  margin-right:5%; margin-top:0; max-width:44%;}


#colonne2 span img{width:100%; margin-bottom:20px;}

#colonne2 .spip_documents_center img{width:100%;}

#colonne2 .spip_documents_right, #colonne2 .spip_documents_left {max-width:100%;}


.spip_doc_titre{margin-top:5px; margin-bottom:10px;}


h3{margin:30px 0 0 0; line-height:1em; font-size:1.3em;  font-family: 'din_mediumregular'; color:#e87513;}

h3+p{margin-top:5px}


/* Bloc demi simple */ 

.bloc_demi{
width:45%; display:inline-block; 
    margin-right:4%; 
  padding-right:0%; 
    margin-top:20px; 
  vertical-align:top;
border-right:1px solid #D8D8D8;}
.bloc_demi ul{padding:0 0 0 20px}
@media (max-width: 800px) {
	.bloc_demi{border-right:0px;
	width:100%; display:inline-block; 
    margin-right:0%; }
  
  .bloc_demi:nth-of-type(2){margin-top:10px;}
    }

.bloc_demi+.bloc_demi{ margin-right:0%; border-right:0px}  

.bloc_demi .spip_documents{max-width:46%;}


/* Bloc demi pour la page us europe */ 

.bloc_demi_europus{
width:45%; display:inline-block; 
    margin-right:9%; 
    margin-top:20px; 
  vertical-align:top;
border:1px solid #D8D8D8;
min-height:390px;}
 
@media (max-width: 550px) {
	.bloc_demi_europus{
	width:100%; display:inline-block; 
    margin-right:0%;}
    }

.bloc_demi_europus+.bloc_demi_europus{ margin-right:0%; }  

.bloc_demi_europus h3{background-color:#003893; color:white;
font-size:1.1em; padding:10px 10px 7px;10px;
  font-family: 'dinregular';
margin:0;}

.bloc_demi_europus img{padding:5px 10px; margin:0}

.bloc_demi_europus P{margin:Opx; }

.bloc_demi_europus ul {list-style-type:none; padding-left:2.1em; margin:4px 0 10px 0}
.bloc_demi_europus ul li:before{content:"> " ; color:#e87513; margin-left:-19px; }



.bloc_quart{width:22%; display:inline-block; 
  margin-right:2%; margin-top:20px; text-align:center; vertical-align:top; }




.bloc_quart span{display:block;}


.calagedroite{ padding:0px; clear:both; 
  text-align:right;
  margin:20px 0; overflow:hidden;}
.calagegauche{ padding:0px; clear:both; 

  margin:20px 0; overflow:hidden;}





.fondgris{background-color:#EFEFEF; padding:10px; clear:both; margin-top:20px; overflow:hidden;}

.fondgris .bloc_quart{  vertical-align:top;
  width:23%; 
  display:inline-block; margin-right:2%; 
      margin-top:20px; 
      text-align:center; }
.fondgris .bloc_quart span{display:block;}





#textecourant{overflow:hidden;}


#dockosx #caroussel .flex-direction-nav a:before  { font-size: 20px; }
#dockosx #caroussel  .flex-direction-nav a  { 
  width: 20px; 
  height: 20px; 
  color: rgba(0,0,0,0.4);
top: 50%;}

#dockosx #caroussel ul.slides li{text-align:center; height:240px; 
  width:180px; display:block; padding:20px;
	-webkit-transition : all 0.2s ease-in;
	   -moz-transition : all 0.2s ease-in;
	    -ms-transition : all 0.2s ease-in;
	     -o-transition : all 0.2s ease-in;
	        transition : all 0.2s ease-in;

}
#dockosx #caroussel ul.slides li:hover{padding:0px;}


#dockosx ul.slides li img{height:130px; border:1px solid transparent;
	-webkit-transition : all 0.2s ease-in;
	   -moz-transition : all 0.2s ease-in;
	    -ms-transition : all 0.2s ease-in;
	     -o-transition : all 0.2s ease-in;
	        transition : all 0.2s ease-in;
}

#dockosx ul.slides li:hover img{height: 180px; }

#dockosx ul.slides li span{
  font-weight:0; font-size:.8em;
	-webkit-transition : all 0.2s ease-in;
	   -moz-transition : all 0.2s ease-in;
	    -ms-transition : all 0.2s ease-in;
	     -o-transition : all 0.2s ease-in;
	        transition : all 0.2s ease-in;
}
#dockosx ul.slides li:hover span{  font-weight:800; font-size:1.1em;}

.unenews img{float:left; margin-right:20px; margin-bottom:10px;}

a.unenews {padding:10px  120px 10px 10px; overflow:hidden; display:block;
background:url("/squelettes/img/arrownews.png") no-repeat right;
  text-decoration:none !important; color:#565656; margin-bottom:20px;
}

a.unenews:hover {
background:url("/squelettes/img/arrrownewshover.png") no-repeat right #f2f5f9;
}
.unenews .h2like{font-size:1.2em; color:#003893 ; font-family: 'dinbold'; display:block; margin-top:0; line-height:1em;}


.unenews p{margin-top:4px; line-height:1.3em; font-size:0.93em;}

.pages{font-family: 'din-blackregular'; font-size:1.7em; float:right; 
color:#D2D2D2 ; margin-right:20px;
  margin-top:30px;}

.pages a{  color:#D2D2D2; text-decoration:none;}

.pages a:hover{  color:#003893; text-decoration:none;}

.pages .on{  color:#e87513;}



#suivant-precedent {
  float:right;  
  text-align:right; margin-right:-5%; 
  margin-left:20px;}

#suivant-precedent a{text-decoration:none; 
padding:3px 5px; background-color:#F0F6E7; margin-left:2px; color:#003893;}

#suivant-precedent a:hover, #suivant-precedent a:hover span{color:white; background-color:#003893;}

#suivant-precedent a span{ font-family: 'din-blackregular'; color:#003893;
font-size:0.7em; line-height:2em; vertical-align:top;
}

h1+small{margin:-25px 0 25px 5px; display:block; color:#999;}

hr{margin:30px 0; color:#d8d8d8; background-color:#d8d8d8;}

.content table{margin-top:50px; border:0; font-size:0.9em; 
  min-width:700px; }
.tablo{overflow:auto;}

.content table td, .content table th{padding:3px; border:0; text-align:center;}
.content table .row_first{background-color:#003893; color:white;}
.content table tr:nth-child(even){background-color:#eee}


.content table a{font-size:1em;}

.formulaire_recherche label, .formulaire_recherche .submit {display:none;}

.formulaire_recherche {display:inline-block;}

h4.blocs_titre {
	background-image:none;
	font-weight:normal;
	line-height:1.2em;
  font-size:1em;
	margin-top:4px;
	padding:0pt 0pt 0pt 0px;
	margin-bottom:0.1em;
	clear:left;
	cursor:pointer;
}
h4.blocs_titre a{color:#003893;}


.blocs_titre:after{content:" \25B2" ; color:#003893;}

.blocs_replie:after{content:" \25BC" ; color:#003893;}
  

.blocs_replie {
	background-image:none;
}

  
div.blocs_invisible{margin:10px 20px}
div.blocs_invisible h3{font-size:1em;}




.blocs_titre {
}

.blocs_replie {
}


#logocite{float:right; width:35%; padding-right:20px;}

#logocite img{margin: 0 0 20px 20px;}

#citation{background-color:#ededed;  width:100%;
  padding:20px; margin:0 0 20px 20px; font-style: italic; font-size:1.2em;
font-family: 'din_mediumregular';}

#citation p:before{content: "\201C"; color:#e87513; font-size:4em;
	float:left; line-height:0.6em; padding:0; margin:0; 
  font-family: 'Arial'; display:block; width:45px; height:25px;
  font-weight:bold;
  }


a.original{font-size:1.1em; font-family: 'dinbold'; margin-bottom:10px; display:block;
color: #e87513;


}

a:hover.original{
color: #003893;
}

a.original {
    -webkit-animation: myfirst 1s; /* Chrome, Safari, Opera */
    animation: myfirst 1s;}
@-webkit-keyframes myfirst {
    from {margin-left: 10px;}
    to {margin-left: 0px;}
}
@keyframes myfirst {
    from {margin-left: 10px;}
    to {margin-left: 0px;}
}

  .eventus {list-style-type:none; padding-left:0px; border-top:1px solid #ccc;  padding-top:15px; margin-bottom:50px;}
  
.eventus li{display:block; margin-bottom:15px; padding-bottom:15px; border-bottom:1px solid #ccc; overflow:hidden;


}
.eventus li span{display:block; margin-left:130px}

.eventus li img{vertical-align:top; margin-right:10px; max-width:120px; float:left;}


.vert{color:#003893 ;}
.orange{color:#e87513;}


.bloc_tiers{float:left; width:30%; margin-right:5%; margin-top:15px;}

.bloc_tiers:nth-of-type(4) { margin-right:0 !important; }



/* Bloc tiers simple */ 

.bloc_tiers{
width:30%; display:inline-block; 
    margin-right:4%; 
  padding-right:4%; 
    margin-top:20px; 
  vertical-align:top;
border-right:1px solid #D8D8D8;}
  
.bloc_tiers ul{padding:0 0 0 20px}


.bloc_tiers+.bloc_tiers{ margin-right:0%; border-right:0px}  



.download{ padding:10px 0; padding:30px 0 30px 110px; position:relative; margin-top:20px;
background:url("/squelettes/img/arrownewsorange.png") no-repeat left;
}

.download a{text-decoration:none; position:relative; color:#fb760d}
.download a:hover{color:#5fa200;}
.download a.spip_in { 
  background:url("/squelettes/img/download-hover.png") no-repeat right 1px; 
  padding-right:17px; 
    margin:0 5px; }
    
.download a:hover.spip_in { 
  background:url("/squelettes/img/download.png") no-repeat right 1px; }    

.download a.spip_out { 
  background:url("/squelettes/img/view-hover.png") no-repeat right 2px; 
  padding-right:27px; 
    margin:0 5px; }
    
.download a:hover.spip_out { 
  background:url("/squelettes/img/view.png") no-repeat right 2px; }

.member{border-top:1px solid #ccc; margin-top:20px; padding-top:20px; font-weight:bold;}


h6{display:none;}

a.investorbutton{
  float:right; background-color:#bddda6;
text-decoration:none; color:black; font-size:.8em; 
margin:13px 10px 0 0; padding:2px 4px 0px 4px; }
a:hover.investorbutton{background-color:#555; color:white;}

.bandeaubourse{background-color:#f17430; overflow:hidden; width:100%;}

.bandeaubourse:hover{background-color:#003893;}
.bandeaubourse a{color:#000; text-decoration:none;}
#textebourse{background-color:rgba(256,256,256, 0.6); padding:20px;width:80%; float:left; }

#textebourse h3{color:#000; font-size:1.8em; line-height:1em;  margin:0px;}
#textebourse p{font-size:1.35em; line-height:1em; margin-top:5px; }

#lienbourse{width:20%; background: url('/arrowbourse.png') center 8px no-repeat;
  float:right;
 min-height:85px;}
#textebourse p:nth-child(3){font-size:0.8em}

.cachebourse{ background-color:#fc9958; height:39px; display:none;}



#notes{margin-top:20px; padding-top:20px; border-top:1px solid #ddd; font-size:0.85em}

.investinmenu a{background-color:#e87513; box-shadow: #003893 6px 6px inset,#003893 -5px -7px inset }

.investinmenu a:hover{
  background-color:#77BC15; 
    box-shadow: #003893 6px 6px inset,#003893 -5px -7px inset; }


/* Interaction states
----------------------------------*/
.ui-state-default,
.ui-widget-content .ui-state-default,
.ui-widget-header .ui-state-default {
	background: #e6e6e6 url("images/ui-bg_glass_75_e6e6e6_1x400.png") 50% 50% repeat-x;
	font-weight: normal;
	color: #555555;
}
.ui-state-default a,
.ui-state-default a:link,
.ui-state-default a:visited {
	color: #555555;
	text-decoration: none;
}
.ui-state-hover,
.ui-widget-content .ui-state-hover,
.ui-widget-header .ui-state-hover,
.ui-state-focus,
.ui-widget-content .ui-state-focus,
.ui-widget-header .ui-state-focus {
	background: #dadada url("images/ui-bg_glass_75_dadada_1x400.png") 50% 50% repeat-x;
	font-weight: normal;
	color: #212121;
}
.ui-state-hover a,
.ui-state-hover a:hover,
.ui-state-hover a:link,
.ui-state-hover a:visited,
.ui-state-focus a,
.ui-state-focus a:hover,
.ui-state-focus a:link,
.ui-state-focus a:visited {
	color: #212121;
	text-decoration: none;
}
.ui-state-active,
.ui-widget-content .ui-state-active,
.ui-widget-header .ui-state-active {

	background: #ffffff url("images/ui-bg_glass_65_ffffff_1x400.png") 50% 50% repeat-x;
	font-weight: normal;
	color: #212121;
}
.ui-state-active a,
.ui-state-active a:link,
.ui-state-active a:visited {
	color: #212121;
	text-decoration: none;
}

.bloconglet{margin-top:5px;}


.bloconglet ul li {
  list-style: none;
  float: left;
  margin-right: 0px;
  position:relative;
}
.bloconglet ul li.controls {
  float: right;
}
.bloconglet ul li a {
  font-weight: bold;
  display: inline-block;
  padding: 6px 0px;
  color: #888;
  outline: 0;
  text-decoration: none;
  position:relative;
  top:1px;
  z-index:20;
  
    border-top:1px solid #ccc;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
}

.tabscontent{border:1px solid #ccc; z-index:0; 
  display:block;}

.bloconglet ul li.active a {
  pointer-events: none;
  color: black;
  border-top:1px solid #ccc;
    border-left:1px solid #ccc;
    border-right:1px solid #ccc;
    border-bottom:1px solid white;

}



.bloconglet ul
{

    -list-style-type: none;
    border-bottom: 1px solid #ccc;
    margin: 0;
    padding-left:0;
    padding-right:0;
    padding-bottom: 26px;
}

.bloconglet ul li 
{
    display: inline;
    float: left;
    height: 24px;
    text-align:center;
    padding:0;
    margin: 1px 0px 0px 0px;
}


.bloconglet ul li a 
{
    float: left;
    color: #666;
    text-decoration: none;
    padding: 4px 8px 0 ;
    text-align:center;

}



.tabscontent
{

    border-top: none;
    width:100%;
    padding:10px 0 20px 10px;
    margin:0;
    left:0;
    top:0;	
}

.colum2{column-count: 2; -webkit-column-count: 2; -moz-column-count: 2;}





.colum2 p{ display: inline-block; 
	width: 100%;
		
			}
.colum2 p:first-child{ margin-top:10px; }

.colum4{column-count: 2; -webkit-column-count: 2; -moz-column-count: 2;}


.colum4 p{ display: inline-block; 
	width: 100%;
		
			}

.colum4 p:first-child{ margin-top:10px; }



.boutonvert{background-color:#003893; color:white; text-decoration:none;
  font-weight:bold;
  padding:5px 15px; margin: 10px 0; display:inline-block;}

.boutonvert:before{content:"> "}

.boutonvert:hover{background-color:#e87513; color:white;}





.bwheretobuy{text-transform:uppercase;  display:inline-block; 
  color:white; padding: 5px 10px;  font-family: 'dinbold'; font-size:1.4em; margin: 20px  0 10px}
.bwheretobuy:before{content:"> " ;  transform :rotate(90deg); display:inline-block; margin-right:10px;}
a.bwheretobuy{text-decoration:none; background-color:#e87513;}
a.bwheretobuy:hover{text-decoration:none;  background-color:#003893;color:white;}

.bwheretobuyar{text-transform:uppercase;  display:inline-block; 
  color:white; padding: 5px 10px;  font-family: 'dinbold'; font-size:1.4em; margin: 20px  0 10px; float:right;}
.bwheretobuyar:after{content:"> " ; display:inline-block; margin-left:10px;}
a.bwheretobuyar{text-decoration:none; background-color:#e87513;}
a.bwheretobuyar:hover{text-decoration:none;  background-color:#003893;color:white;}


.logodist img{margin-right:40px;}

.howtobuy a{text-transform:uppercase; background-color:#e87513; display:inline-block; 
  color:white; padding: 5px 10px;  font-family: 'dinbold'; font-size:1.4em; margin: 20px  0 10px; text-decoration:none;}

.howtobuy a:after{content:"> " ;  display:inline-block; margin:0 0 0 10px;}
.howtobuy a:hover{background-color:#003893}


.tableauprix td:nth-of-type(1){ width:230px; font-weight:bold;}

.tableauprix td:nth-of-type(2){  text-align:left;}

.content .tableauprix table{margin-top:50px; border:0; font-size:0.9em; 
  min-width:none;  min-width:100px; }


.content  .tableauprix table td{padding:10px; border:0;}


.vertbig{font-weight:bold; color:#003893; font-size:1.13em;}

.deuxvideo{display:flex; margin-top:30px; line-height:1em;}

.deuxvideo a{text-decoration:none;margin:0 0 0 20px;  width:50%; display:block;}
.deuxvideo a:first-child{ margin:0 20px 0 0;}
.deuxvideo img{margin-bottom:10px;}

@media (min-width: 1280px) {
.slidetitre{font-size:45px; }
.slidetexte{  font-size: 25px;}
}

@media (min-width: 800px) and (max-width: 1140px) {

.colum2{column-count: 1; -webkit-column-count:1; -moz-column-count: 1;}

}

@media (max-width: 980px) {
.homebrief span{ width:100%; display:block; border-right:none; margin:0; padding:0;  border-bottom:1px solid  #D8D8D8;}
.homebrief a{padding-top:2px; display:inline-block;}
}

@media (max-width: 950px) {
.w16 { width: 30%; min-height:180px;}
}


@media (max-width: 800px) {
	.bloc_tiers{border-right:0px;
	width:100%; display:inline-block; 
    margin-right:0%; }
  .bloc_tiers:nth-of-type(3){margin-top:10px;}
    }

@media (max-width: 780px) {
.fondgris  .bloc_quart{width:44%;  margin-right:5%; margin-top:20px; text-align:center;}
.fondgris  .bloc_quart img{max-width:150px; width:100%;}
    
.trademark{text-align:center}
.trademark span{float:none; display:block; text-align:center}

}


@media (max-width: 768px) {

#logotronics {width:100%; }
#logotronics .lelogo{  margin:20px auto; }
#headerlink{  margin:30px auto;  float:none;}
#headerlink img{margin-top:10px;  max-width:400px; }
#toplink form{display:none;}
#headerlink {width:100%; max-width:400px;}
#toplink{width:200px; margin:auto; }
#toplink .contact{margin-top:-8px}


#inverstor{display:block; width:100%; text-align:center}
#inverstor a{font-size:1.2em; padding:5px  25px 0px;  margin:0 auto; width:100px}

#tdklink{position:absolute; top:-5px; right:5px;}
}

@media (max-width: 700px) {
.slidetitre{font-size:4.5vw; }
.slidetexte{font-size: 2.5vw;}
.colonne {border-left:none; margin:20px 0 0 0;}
.bloccol.video{border-top:1px solid #ccc;  padding-top:15px;}
#colonne1{width:100%; float:none; margin-right:5%;padding-right:5%; border-right:none;}
#colonne2{width:100%; float:none; margin-right:0%; margin-top:30px; }
#suivant-precedent {
  float:none;  width:100%;
  text-align:center; margin:-15px 0 20px 0;}
}

@media (max-width: 640px) {
.spip_documents_right, .spip_documents_left  { max-width:100%;}
.spip_documents_right img, .spip_documents_left img{width:100%;}
.bloc_quart{width:44%;  margin-right:5%; margin-top:20px; text-align:center;}
.bloc_quart img{max-width:150px; width:100%;}

}

@media (max-width: 600px) {
#footer{ display:none;}
#logocite{width:100%; margin:0; padding:0; }
#logocite img{display:none;}
#citation{width:100%; margin:0 0 20px 0 !important; float:left;}

}

@media (max-width: 550px) {
.slidetitre{font-size:5.5vw;}
.slidetexte{font-size: 3.1vw;}
   .tableauprix td:nth-of-type(1){ width:130px; font-weight:bold; 
  hyphens: none;} 

#postcript{clear:both; margin-top:10px; display:block}
#postcript > dl{width:50%; padding-right:5px; float:left;}



}

@media (max-width: 418px) {
.slidetitre{font-size:7vw; }
.slidetexte{font-size: 4vw;}

}

#tdklink{text-align:right; margin-bottom:5px;}
#tdklink a img{opacity:0.7}
#tdklink a img:hover{opacity:1}

.invisible{visibility: hidden;}



/*


#postcript{clear:both; margin-top:10px; display:flex}
#postcript > dl{width:25%; padding-right:5px;}
#postcript > dl:first-child{ margin-top: 0.75em;}




Vert #003893 
		Vert clair #F0F6E7
		Gris clair : #ededed 
		Orange #e87513
    font-family: 'din_lightregular';
    font-family: 'dinregular';
    font-family: 'din_mediumregular';
    font-family: 'dinbold';
    font-family: 'din-blackregular';
*/