/*
Bleu : #0f5588
Orange : #ffba20
Filets gris : #adb5ac
*/

body
{
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:8pt;
	color:#000000;
  /*font-weight:700;*/
	margin:0;
	padding:0;
}

p{
  font-size:11px;
}

.teleliste{
  margin:0;
  padding:0;
  padding:10px;
  padding-left:5px;
  list-style-type:none;
}

ul.teleliste li{
  margin:0;
  padding:0;
  padding:5px;
  padding-left:5px;
}

.zoneClicApp { /* zone cliquable */
float: left; /* permet de donner une dimension à la balise a qui est une balise en ligne */
margin:0;
padding:0;
padding-top:10px;
}

.zoneClic { /* zone cliquable */
float: left; /* permet de donner une dimension à la balise a qui est une balise en ligne */
width : 29px;
height: 30px;
margin:0;
padding:0;
margin-left:86px;
margin-bottom:10px;
}

.zoneClicBis { /* zone cliquable */
float: left; /* permet de donner une dimension à la balise a qui est une balise en ligne */
width : 29px;
height: 30px;
margin:0;
padding:0;
margin-left:83px;
margin-bottom:10px;
}

.zoneClicTer { /* zone cliquable */
float: left; /* permet de donner une dimension à la balise a qui est une balise en ligne */
width : 29px;
height: 30px;
margin:0;
padding:0;
margin-left:84px;
margin-bottom:10px;
}

div#accueiledito h3{
  font-size:12px;
  font-weight:700;
  margin:0;
  margin-bottom:15px;
}

div.blocfloatgauche h3{
  font-size:12px;
  font-weight:700;
  margin-top:10px;
  margin-bottom:10px;
}

div.pageboitegauche h3{
  font-size:12px;
  font-weight:700;
  margin:0;
  margin-bottom:15px;
}

a
{
	color:#000000;
	text-decoration:none;
  font-family:Arial;
}
a:active
{
	text-decoration:underline;
	color:#000000;
}
a:hover
{
	text-decoration:underline;
	color:#025299;
}

.barrelienorangefonce
{
  float:right;
  width:200px;
  height:15px;
  margin:0;
  padding:0;
  padding-left:20px;
  text-align:left;
  background: url(../_images/barre_lienInfDr_orange_200px.png) left no-repeat;
}

.barrelienorange
{
  float:right;
  width:200px;
  height:15px;
  margin:0;
  padding:0;
  padding-left:20px;
  text-align:left;
  background: url(../_images/barre_lienInfDr_orangeCl_200px.png) left no-repeat;
}

.barrelienverte
{
  float:right;
  width:200px;
  height:15px;
  margin:0;
  padding:0;
  padding-left:20px;
  text-align:left;
  background: url(../_images/barre_lienInfDr_verte_200px.png) left no-repeat;
}

.barrelienbleu
{
  float:right;
  width:200px;
  height:15px;
  margin:0;
  padding:0;
  padding-left:20px;
  text-align:left;
  background: url(../_images/barre_lienInfDr_bleu_200px.png) left no-repeat;
}

div.barrelienorangefonce a, div.barrelienbleu a, div.barrelienverte a, div.barrelienorange a{
  margin:0;
  padding:0;
  padding-right:10px;
  color:#FFFFFF;
  text-decoration:none;
  text-align:left;
}

div.barrelienorangefonce a:hover, div.barrelienbleu a:hover, div.barrelienverte a:hover, div.barrelienorange a:hover{
  margin:0;
  padding:0;
  padding-right:10px;
  color:#FFFFFF;
  text-decoration:underline;
  text-align:left;
}

img
{
	border:none;
	vertical-align:bottom;
}

.imgcentre{
  width:175px;
  margin-right:auto;
  margin-left:auto;
} 

.centre{
  text-align:center;
}

input, select, .texte
{
    font-weight:normal;
    color:#000000;
    font-family:Arial;
    font-size:8pt;
}

.gras
{
  font-weight:bold;
}

.blanc
{
  color: #ffffff;
}

.bleu{
  color: #0f5588;
}

.orange{
  color: #ff6a20;
}

h3.bleu{
  font-size:12px;
  font-weight:700;
  margin:0;
  margin-bottom:2px;
}

.droite
{
  text-align: right;
}

.gauche
{
  text-align: left;
}

.zoneAcceuil { /* zone cliquable */
  float: left; /* permet de donner une dimension à la balise a qui est une balise en ligne */
  width : 300px;
  height: 70px;
}

.formcontact
{
  width: 200px;
}

.formcontact input, .formcontact select, .formcontact textarea
{
  margin-left:30px;
}

li
{
  margin-top:10px;
  margin-bottom:10px;
}

.onglettitre
{
  margin:0;
  padding-top:55px;
  padding-left:10px;
  font-size:1.2em;
  font-weight:bold;
  color:#FFFFFF;
}

.page-bloc-rubriquesociete-gauche
{
	width:630px;
	float:left;
}

div.page-bloc-rubriquesociete-gauche p
{
	margin:0px;
  width:463px;
  padding-top:5px;
  padding-left:170px;
}


.page-bloc-rubriquesociete-droite p
{
  margin:0;
  padding:0;
}

.page-bloc-rubriquesociete-droite
{
  margin-left:10px;
	padding-top:44px;
  width:100px;
	float:left;
}


a.rubriquesociete-lien1
{
  margin:0;
  padding-top:0px;
  padding-left:245px;
  font-size:1.2em;
  font-weight:bold;
  color:#FFFFFF;
}

a.rubriquesociete-lien2
{
  margin:0;
  padding-top:0px;
  padding-left:259px;
  font-size:1.2em;
  font-weight:bold;
  color:#FFFFFF;
}

a.rubriquesociete-lien3
{
  margin:0;
  padding-top:0px;
  padding-left:249px;
  font-size:1.2em;
  font-weight:bold;
  color:#FFFFFF;
}

a.rubriquesociete-lien4
{
  margin:0;
  padding-top:0px;
  padding-left:274px;
  font-size:1.2em;
  font-weight:bold;
  color:#FFFFFF;
}

a.pttepuceorangegauche {
    background: url(../_images/ptte_puceorange.png) left no-repeat;
    padding-bottom: 1px;
    padding-left:15px;
}

a:hover.pttepuceorangegauche {
    background: url(../_images/ptte_puceorange.png) left no-repeat;
    padding-bottom: 1px;
    padding-left:15px;
    text-decoration:underline;
}

a.grandepuceorangegauche {
    background: url(../_images/puce_orange_fonce.png) left no-repeat;
    padding-bottom: 1px;
    padding-left:15px;
}

a:hover.grandepuceorangegauche {
    background: url(../_images/puce_orange_fonce.png) left no-repeat;
    padding-bottom: 1px;
    padding-left:15px;
    text-decoration:underline;
}

a.pttepuceorangedroite {
    background: url(../_images/ptte_puceorange.png) right no-repeat;
    padding-bottom: 1px;
    padding-right:15px;
}

a:hover.pttepuceorangedroite {
    background: url(../_images/ptte_puceorange.png) right no-repeat;
    padding-bottom: 1px;
    padding-right:15px;
    text-decoration:underline;
}

.puceplan
{
 list-style-image: url(../_images/puce_plan_dacces.png);
}

.puceorangefonce
{
 list-style-image: url(../_images/puce_orange_fonce.png);
}
 
.puceorangeclair
{
 list-style-image: url(../_images/puce_orange_clair.png);
}

.pucebleue
{
 list-style-image: url(../_images/puce_bleue.png);
}

a.lienpucebleu
{
  background: url(../_images/puce_bleue.png) left no-repeat;
  padding-bottom: 1px;
  padding-left:17px;
}

.puceverte
{
 list-style-image: url(../_images/puce_verte.png);
}

/* pour le deuxième blocfloatgauche - exemple - voir Accueil > Société > Emplois */
.margetop
{
  margin-top:30px;
}

.blocfloatgauche
{
  float: left;
  width: 47%;
  padding-left:10px;
}

div.blocfloatgauche p{
  padding-top:10px;
}

#photogalerie{
	float:left;
	width:150px;
	height:300px;
	text-align:center;
	padding:0;
	margin:0;
	margin-right:10px;
	margin-bottom:10px;
}

#photogalerietitre{
  margin:0;
  padding:0;
  height:80px;
  width:150px;
  overflow:hidden;
}

div#photogalerie a img{
	border:0;
	width:150px;
	height:220px;
}

span.titrephoto{
	text-align:center;
	font-weight:800;
}

#rubrique3-onglet
{
  width:745px;
  height:76px;
  margin-left:5px;
  background: url(../_images/banniere_chiffres.jpg);
}

#rubrique1-onglet
{
  width:745px;
  height:76px;
  margin-left:5px;
  background: url(../_images/banniere_notremetier.jpg);
}

#rubrique2-onglet
{
  width:745px;
  height:76px;
  margin-left:5px;
  background: url(../_images/banniere_historique2.jpg);
}

#rubrique4-onglet
{
  width:745px;
  height:76px;
  margin-left:5px;
  background: url(../_images/banniere_emplois.jpg);
}

#bloctextesociete
{
  width:750px;
  height:197px;
  overflow-y:auto;
  overflow-x:hidden;
}

#barreliendroite
{
  text-align: right;
  margin:0;
  padding:0;
  padding-top: 8px;
  padding-right:10px;
}

div#barreliendroite a
{
  color:#FFFFFF;
  margin:0;
  padding:0;
  font-weight:700;
}

#accueilpage
{
	border:none;
	margin:5px auto 0 auto;
	width:950px;
	height:590px;
	text-align:left;
	border:none;
	background-image:url(../_images/fondaccueil.jpg);
}

#pagecadre
{
	border:none;
	margin:5px auto 0 auto;
	width:950px;
	height:590px;
	text-align:left;
	border:none;
	background-image:url(../_images/fondpage.jpg);
}

#pageapplicationscadre
{
	border:none;
	margin:5px auto 0 auto;
	width:950px;
	height:590px;
	text-align:left;
	border:none;
	background-image:url(../_images/fondpage_adaptations.jpg);
}

#pageproduitscadre
{
	border:none;
	margin:5px auto 0 auto;
	width:950px;
	height:590px;
	text-align:left;
	border:none;
	background-image:url(../_images/fondpageproduits.jpg);
}

#accueilbandeau
{
	width:950px;
	height:293px;
	float:left;
}

#pagebandeau
{
	width:950px;
	height:185px;
	float:left;
}

#accueilbandeaugauche
{
	width:335px;
	float:left;
}

#pagebandeaugauche
{
	width:335px;
	float:left;
}

#accueilbandeaudroit
{
	width:615px;
	float:left;
}

#pagebandeaudroit
{
	width:615px;
	float:left;
}

#accueilbandeaudroithaut, #pagebandeaudroithaut
{
  font-weight:700;
	height:25px;
	color: #FFFFFF;
	padding-top:10px;
	padding-right:10px;
	text-align:right;
}

#accueilbandeaudroithaut a, #pagebandeaudroithaut a
{
  color: #FFFFFF;
}

#accueilbandeaudroitbas, #pagebandeaudroitbas
{
  font-weight:700;
  /*height:28px;*/
	/*padding-top:8px;*/
	text-align:right;
	font-size:12px;
	letter-spacing:1px;
}

#accueilcontenu
{
	width:950px;
	height:262px;
	float:left;
}

#pagecontenu
{
	width:950px;
	height:370px;
	float:left;
}

#accueilcontenugauche
{
  /*font-weight:700;*/
	height:252px;
	width:180px;
	float:left;
	padding-left:5px;
	padding-right:5px;
	padding-top:10px;
}

#pagecontenugauche
{
  /*font-weight:700;*/
	height:351px;
	width:180px;
	float:left;
	padding-left:5px;
	padding-right:5px;
	padding-top:10px;
}

.pageboitegauche
{
  /*font-weight:700;*/
  height:95%;
}

#pageboitegauchebas
{
  /*font-weight:700;*/
  width:180px;
  height:97%;
  overflow-y:auto;
  overflow-x:hidden;
}

#pageboitegauchebas-produitfiche
{
  margin-top:22px;
  font-weight:700;
  width:180px;
  height:95%;
  overflow-y:auto;
  overflow-x:hidden;
}

div.pageboitegauche p{
  margin:0;
  margin-top:10px;
}

#accueilcontenudroit
{
	width:760px;
	height:252px;
	float:left;
}

#pagecontenudroit
{
	width:760px;
	height:361px;
	float:left;
}

#accueilcontenudroithaut
{
  font-weight:700;
	/*padding-top:10px;*/
	height:30px;
	color:#FFFFFF;
}

#accueilcontenudroithaut a
{
  font-weight:700;
  color:#FFFFFF;
}

#pagecontenudroithaut
{
	padding-top:7px;
	padding-left:5px;
	height:25px;
	color:#FFFFFF;
}

#pagecontenudroitmenudyn
{
	padding-top:7px;
	padding-left:5px;
	height:25px;
}

#pagecontenudroitmenudynpetit
{
	padding-top:3px;
	padding-left:5px;
	height:15px;
}

#accueilcontenudroitbas
{
	height:222px;
}

#pagecontenudroitbas
{
  border-left: 1px solid #ccc;
	/*padding-left:5px;*/
	height:302px;
}

#pagecontenudroitbas-produitfiche
{
  /*border-left: 1px solid #ccc;*/
	/*padding-left:5px;*/
	height:302px;
}

#bloc-produitsfiche-haut
{
  margin-top:3px;
  height:210px;
}

#bloc-produitsfiche-bas
{
  height:90px;
}

#accueil-col-produits
{
	float:left;
	width:190px;
	background-image:url(../_images/image_colone1.jpg);
	background-position:5px 20px;
	background-repeat:no-repeat;
}
#accueil-col-applications
{
	float:left;
	width:191px;
	background-image:url(../_images/image_colone2.gif);
	background-position:5px 20px;
	background-repeat:no-repeat;
}
#accueil-col-projet
{
	float:left;
	width:190px;
	background-image:url(../_images/image_colone3.jpg);
	background-position:5px 20px;
	background-repeat:no-repeat;
}

#accueil-col-clients
{
	float:left;
	width:160px;
	padding-left:10px;
	margin-left:5px;
	height:212px;
	color:#FFFFFF;
	font-weight:normal;
}

.accueil-col-haut
{
	width:185px;
	cursor:pointer;
	margin-top:14px;
	padding-top:100px;
	padding-left:5px;
	height:80px;
	border-left:solid 1px #adb5ac;
}

.accueil-col-haut-2
{
	width:160px;
	height:180px;
}

/*Bug ie 7*/
*+html .accueil-col-haut-2{
	padding-top:10px;
}

/*Bug ie 6*/
*html .accueil-col-haut-2{
	padding-top:10px;
}

.accueil-col-bas
{
  font-weight:700;
	width:175px;
	height:21px;
	border-left:solid 1px #adb5ac;
	text-align:right;
	padding-right:15px;
}

.accueil-col-bas-2
{
	width:160px;
}

div.accueil-col-bas-2 a
{
	color:#FFFFFF;
	font-family:Arial;
}

.accueil-col-bas img
{
  vertical-align:middle;
}

#accueilbas, #pagebas
{
  font-weight:700;
	width:950px;
	height:35px;
	float:left;
}

#accueilbasgauche,#pagebasgauche
{
	width:610px;
	float:left;
	padding-top:10px;
	padding-left:10px;
}

#accueilbasdroit, #pagebasdroit
{
	width:300px;
	text-align:right;
	float:left;
	padding-top:10px;
	padding-right:30px;
}

.menusep
{
    color:#ff6a20;
    font-weight:800;
}

.accueil-col-titre
{
    margin:0;
    color:#ff6a20;
    font-weight:800;
}

.accueil-col-texte
{
  margin-top:3px;
}

#accueil-col-clients table
{
    border:none;
    color:#FFFFFF;
    width:160px;
    font-weight:normal;
    margin:0;
    padding:0;
}

#accueil-col-clients tr
{
    border:none;
    color:#FFFFFF;
    width:160px;
    font-weight:normal;
    margin:0;
    padding:0;
}

#accueil-col-clients td
{
    border:none;
    color:#FFFFFF;
    width:160px;
    font-weight:normal;
    margin:0;
    padding:0;
}

#accueil-col-clients img
{
    vertical-align:middle;
}


#accueil-col-clients input
{
    width:70px;
    border:solid 1px #ffffff;
    color:#000000;
}

#accueil-col-clients input[type="submit"]
{
    width:20px;
    background-color:#ffba20;
    border:solid 1px #ffffff;
    color:#000000;
}

#page-col-contact-formulaire input[type="submit"]
{
    width:70px;
    background-color:#0f5588;
    border:solid 1px black;
    color:#ffffff;
}

#formvotreprojet input[type="submit"]
{
    width:70px;
    background-color:#0f5588;
    border:solid 1px black;
    color:#ffffff;
}

.accueil-col-clients-titre
{
    color:#0f5588;
    font-weight:800;
}

.accueil-col-clients-texte
{
    color:#FFFFFF;
    font-weight:700;
}

#page-col-contact-formulaire input, #page-col-contact-formulaire select
{
  width:200px;
  border-width:1px;
  border-color: #11578A;
}

#page-bloc-rubrique1
{
  margin-left:5px;
  height: 75px;
  background: url(../_images/societe_pos.jpg) no-repeat;
}

#page-bloc-rubrique2
{
  margin-left:5px;
  height: 75px;
  background: url(../_images/societe_historique.jpg) no-repeat;
}

#page-bloc-rubrique3
{
  margin-left:5px;
  height: 75px;
  background: url(../_images/societe_chiffres.jpg) no-repeat;
}

#page-bloc-rubrique4
{
  margin-left:5px;
  height: 75px;
  background: url(../_images/societe_emplois.jpg) no-repeat;
}

#page-bloc-produits
{
  width:745px;
  height:195px;
  margin-bottom:2px;
  padding-top:2px;
  padding-left:10px;
}

#page-bloc-produitsadap
{
  width:745px;
  height:95px;
  padding-top:5px;
  padding-left:10px;
}

#page-col-contact-formulaire
{
  float: left;
  width: 47%;
  height: 100%;
  margin-left:10px;
  overflow-y:auto;
  overflow-x:hidden;
}

#page-col-adresseitineraires
{
  float: left;
  width: 47%;
  height: 90%;
  margin-left:10px;
  border-left: thin solid #FC972B;
  background: url(../_images/barre_titre_orange.jpg) no-repeat;
}

#page-col-barre-titre-bleu
{
  float: left;
  width: 730px;
  height: 30px;
  margin-left:10px;
  overflow-y:hidden;
  overflow-x:hidden;
  background: url(../_images/barre_titre_bleu.jpg) no-repeat;
}

#page-col-barre-titre-bleuclair
{
  float: left;
  width: 730px;
  height: 30px;
  margin-left:10px;
  overflow-y:hidden;
  overflow-x:hidden;
  background: url(../_images/barre_titre_bleu_clair.jpg) no-repeat;
}

#formvotreprojet
{
  float: left;
  width: 730px;
  height:250px;
  margin-left:10px;
  overflow-y:auto;
  overflow-x:hidden;
}

div#formvotreprojet td
{
  padding:5px;
}

#page-row-boite
{
  float: left;
  width: 730px;
  height:250px;
  margin-left:10px;
  overflow-y:auto;
  overflow-x:hidden;
}

#page-row-boite input[type="submit"]
{
    width:70px;
    background-color:#0f5588;
    border:solid 1px black;
    color:#ffffff;
}

.table_famillesprod
{
  margin:0;
  width:220px;
  height:100px;
}

table.table_famillesprod td
{
  vertical-align:top;
}

.famillesprod
{
  margin-top:10px;
  margin-bottom:10px;
  float:left;
  width:220px;
  height:100px;
  margin-right:10px;
  /*overflow-y:auto;*/
}

.famillesprod p
{
  margin:0;
  padding-left:5px;
  padding-bottom:5px;
}

#formvotreprojet input[type="text"], #formvotreprojet select
{
  width:250px;
  border-width:1px;
  border-color: #11578A;
}

#page-col-barre-titre-orange
{
  float: left;
  width: 730px;
  height: 30px;
  margin-left:10px;
  overflow-y:hidden;
  overflow-x:hidden;
  background: url(../_images/barre_titre_orange.jpg) no-repeat;
}

#page-col-barre-titre-verte
{
  float: left;
  width: 730px;
  height: 30px;
  margin-left:10px;
  overflow-y:hidden;
  overflow-x:hidden;
  background: url(../_images/barre_titre_verte.jpg) no-repeat;
}

.page-col-barre-titre
{
  color:#FFFFFF;
  font-weight:700;
  padding-left:5px;
  margin-top:5px;
}

.page-col-barre-titre a
{
  color:#FFFFFF;
}

.page-col-adresseitineraires-valeur
{
  padding-top:15px;
  padding-left:15px;
  /*font-weight:700;*/
}

/********************************************************/
/* Css pour les pages dynamiques générées , Faq | produitFiche | Applications */

a.produits {
    background: url(../_images/ptte_puceorange.png) left no-repeat;
    padding-bottom: 1px;
    padding-left:15px;
    color: #ff6a20;
}

a:hover.produits {
    background: url(../_images/ptte_puceorange.png) left no-repeat;
    padding-bottom: 1px;
    padding-left:15px;
    color: #ff6a20;
    text-decoration:underline;
}

#exempleapplication
{
  float:left;
  margin-right:25px;
  width:220px;
  height:80px;
  overflow-y:auto;
  overflow-x:hidden;
}

#exempleapplication p
{
  margin:0;
  padding:0;
  padding-top:5px;
  padding-left:10px;
  font-size:10px;
}

.table_exempleapplication{
  margin:0;
  padding:0;
  border:0;
  height:80px;
}

a.exempleappli{
  font-weight:700;
  margin:0;
  padding:0;
  margin-top:10px;
  margin-left:30px;
  color:#0f5588;
  text-decoration:underline;
}

td.cellule_fiche_gauche_tel a{
  font-weight:700;
  margin:0;
  padding:0;
  margin-top:10px;
  color:#0f5588;
  text-decoration:underline;
}

.table_carac{
  width:510px;
  height:195px;
  margin:0;
  padding:0;
}

table.table_carac td{
 vertical-align:top;
}

.table_carac_titre{
  vertical-align:top;
  height:30px;
  margin:0;
  padding:0;
}

.table_carac_sep{
  border-right:1px solid #ccc;
  vertical-align:top;
}

.table_fiche_1{
  width:95%;
  height:100%;
}

.table_fiche_2{
  width:95%;
  height:100%;
}

.cellule_fiche_gauche_image{
  width:185px;
  height:130px;
  vertical-align:top;
  padding-top:5px;
  padding-left:10px;
}

.cellule_fiche_gauche_desc{
  width:185px;
  height:65px;
  vertical-align:top;
  /*padding-top:5px;*/
  padding-left:10px;
}

.cellule_fiche_gauche_desc p{
  margin:0;
  padding:0;
  padding-right:5px;
}

.cellule_fiche_gauche_tel{
  width:185px;
  height:70px;
  vertical-align:top;
  padding-top:5px;
  padding-left:10px;
}

.cellule_fiche_droite_ex{
  height:70px;
  vertical-align:top;
  padding-top:5px;
  padding-left:10px;
  overflow: hidden;
}

.cellule_fiche_droite_carac{
  vertical-align:top;
  padding:0;
  margin:0;
  padding-top:5px;
}

.cellule_fiche_droite_carac p{
  margin:0;
  padding:0;
}

.menuquestion
{
	padding-top:10px;
}
	
.reponse
{
	padding-top:10px;
	display:block;
	color:#000000;
}
	
div.reponse p
{
	margin:0;
}
	
.zonequestion{
	/*height:365px;*/
	/*width:700px;*/
}
	
.zonequestion a{
	font-weight:700;
	text-decoration:none;
}

.zonequestion a:hover{
	font-weight:700;
	text-decoration:underline;
}
	
.event_table{
  border:0;
}

table.event_table tr{
  cursor:pointer;
}
  
.event_table_ficheprod{
  border:0;
}

table.event_table_ficheprod tr{
  cursor:pointer;
}

.alignementv{
  vertical-align:top;
}

.paddingx{
  padding-top:10px;
}

.separateur_table{
  width:150px;
  border-bottom:1px solid #ccc;
}

.descr_appli{
  margin:0px;
  padding:0px;
}

.descr_prodf{
  margin:0px;
  padding:0px;
  width:100px;
}

.descr_appli p{
  color: black;
  font-size:10px;
  text-align:left;
  margin:0px;
  padding:0px;
  padding-left:5px;
}

.descr_prodf p{
  color: black;
  font-weight:700;
  font-size:11px;
  text-align:right;
  margin:0px;
  padding:0px;
  padding-right:5px;
}

.descri_carac p{
  color: black;
  text-align:left;
  margin:0px;
  padding-left:5px;
  padding-right:5px;
}

#diapoappli{
  overflow:hidden;
}