/* 
    Document   : header
    Created on : 2 juil. 2010, 17:28:05
    Author     : patoche_slide
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

/*taille de la fenetre*/

.body{

   width: 936px;
   height: 1150px;
   margin: auto; /* Pour centrer notre page */
   margin-top: -10px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 10px;    /* Idem pour le bas du navigateur */
overflow-x:hidden;

}

.bodyav{

   width: 936px;
   height: 1590px;
   margin: auto; /* Pour centrer notre page */
   margin-top: -10px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 10px;    /* Idem pour le bas du navigateur */
overflow-x:hidden;
}

.bodydev{

   width: 936px;
   height: 1190px;
   margin: auto; /* Pour centrer notre page */
   margin-top: -10px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 10px;    /* Idem pour le bas du navigateur */
overflow-x:hidden;
}

.bodyc{

   width: 936px;
   height: 850px;
   margin: auto; /* Pour centrer notre page */
   margin-top: -10px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 3px;    /* Idem pour le bas du navigateur */
   overflow-x: hidden;
}
.bodycb{

   width: 936px;
   height: 835px;
   margin: auto; /* Pour centrer notre page */
   margin-top: -10px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 3px;    /* Idem pour le bas du navigateur */
   overflow-x: hidden;
}


.bodyi{

   width: 936px;
   height: 1000px;
   margin: auto; /* Pour centrer notre page */
   margin-top: -10px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 3px;    /* Idem pour le bas du navigateur */
   overflow-x: hidden;
}

.bodyin{

   width: 936px;
   height: 835px;
   margin: auto; /* Pour centrer notre page */
   margin-top: -10px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 3px;    /* Idem pour le bas du navigateur */
   overflow-x: hidden;
}


.bodyins{

   width: 936px;
   height: 930px;
   margin: auto; /* Pour centrer notre page */
   margin-top: -10px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 3px;    /* Idem pour le bas du navigateur */
   overflow-x: hidden;
}





.bodymp{

   width: 936px;
   height: 830px;
   margin: auto; /* Pour centrer notre page */
   margin-top: -10px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 20px;    /* Idem pour le bas du navigateur */
   overflow-x:hidden;
}

.bodymicro{

   width: 936px;
   height: 800px;
   margin: auto; /* Pour centrer notre page */
   margin-top: -10px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 20px;    /* Idem pour le bas du navigateur */
   overflow-x:hidden;
}

.bodypp{

   width: 936px;
   height: 900px;
   margin: auto; /* Pour centrer notre page */
   margin-top: -10px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 3px;    /* Idem pour le bas du navigateur */
   overflow-x: hidden;
}


.bodyr{

   width: 936px;
   height: 1100px;
   margin: auto; /* Pour centrer notre page */
   margin-top: -10px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 20px;    /* Idem pour le bas du navigateur */
   overflow-x:hidden;
}

.bodysm{

   width: 936px;
   height: 1400px;
   margin: auto; /* Pour centrer notre page */
   margin-top: -10px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 20px;    /* Idem pour le bas du navigateur */
   overflow-x:hidden;
}

.bodys{

   width: 936px;
   height: 1270px;
   margin: auto; /* Pour centrer notre page */
   margin-top: -10px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 20px;    /* Idem pour le bas du navigateur */
   overflow-x:hidden;
}

.bodyse{

   width: 936px;
   height: 1275px;
   margin: auto; /* Pour centrer notre page */
   margin-top: -10px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
   margin-bottom: 20px;    /* Idem pour le bas du navigateur */
   overflow-x:hidden;
}

.header{
  position:absolute;
}

.oo{
   

   position:absolute;
   top:5px;
   z-index: 5;

}

.o1{
    border:0px;
    height: 1.5em;
    position : absolute;
    top: 3em;
    left: 13em;
    background-image: url(images/optelo_accueil/carre_gris.png);
    background-repeat: repeat;
        width:28em;
        height: 1.6em;
    overflow:hidden;
    z-index: 4;
}
.o2{

   
    position: relative;
    bottom: 22px;
    left:145px;
    font-family:arial;
    font-size: 13px;
    color:#525a64;

}

.o3{
    border:0px;
    height: 1.6em;
    width: 16.5em;
    position: absolute;
    top: 3em;
    left: 42em;
    background-image: url(images/optelo_accueil/carre_gris.png);
    background-repeat: repeat;
    z-index: 5;
}

.o4{
    font-size: 13px;
    position:relative;
    bottom: 0.55em;
            width:15em;
        height: 1.6em;
        font-family: arial;
    overflow:hidden;
    color:#525a64;
}

.o5{
    width:170px;
    font-size:11px;
    position: absolute;
    top:26px;
    left:670px;
    font-family:arial;
    color:#565656;


}

  a:link {text-decoration: none}
a:visited {text-decoration: none}
a:active {text-decoration: none}
a:hover {text-decoration: none}
a:visited /* Quand le visiteur a déjà vu la page concernée */
{
   text-decoration: none;
}

.o6{
    z-index: 1;
     position:absolute;
    top:5.9em;
    text-decoration: none;


   
 /*onglets du menu*/
}
div#o8 a{
display:block;
height:37px;
background:url(images/accueil.png) no-repeat 0 0;
border: 0px;
}
div#o8 a:hover{
    border:0px;
    background:url(images/accueil.png) no-repeat 0 -37px;

}

div#o8_on a{
display:block;
height:37px;
background:url(images/accueil.png) no-repeat 0 -37px;
border: 0px;
}



div#o9 a{
display:block;
height:37px;
background:url(images/micro_paiement.png) no-repeat 0 0;
border:0px;
}


div#o9 a:hover{
    border:0px;
    background:url(images/micro_paiement.png)no-repeat 0 -37px;
background-repeat: no-repeat;

background-attachment: scroll;

background-position: 0pt -37px;

border-top-width: 0px;

border-right-width-value: 0px;

border-right-width-ltr-source: physical;

border-right-width-rtl-source: physical;

border-bottom-width: 0px;

border-left-width-value: 0px;

border-left-width-ltr-source: physical;

border-left-width-rtl-source: physical;

border-top-style: none;

border-right-style-value: none;

border-right-style-ltr-source: physical;

border-right-style-rtl-source: physical;

border-bottom-style: none;

border-left-style-value: none;

border-left-style-ltr-source: physical;

border-left-style-rtl-source: physical;

border-top-color: -moz-use-text-color;

border-right-color-value: -moz-use-text-color;

border-right-color-ltr-source: physical;

border-right-color-rtl-source: physical;

border-bottom-color: -moz-use-text-color;

border-left-color-value: -moz-use-text-color;

border-left-color-ltr-source: physical;

border-left-color-rtl-source: physical;

}


div#o9_on a{
display:block;
height:37px;
background:url(images/micro_paiement.png) no-repeat 0 -37px;
border:0px;
}


div#o10 a{
display:block;
height:37px;
background:url(images/reversement.png) no-repeat 0 0;
border:0px;
}


div#o10 a:hover{
    border:0px;
    background:url(images/reversement.png)no-repeat 0 -37px;
    background-repeat: no-repeat;

background-attachment: scroll;

background-position: 0pt -37px;

border-top-width: 0px;

border-right-width-value: 0px;

border-right-width-ltr-source: physical;

border-right-width-rtl-source: physical;

border-bottom-width: 0px;

border-left-width-value: 0px;

border-left-width-ltr-source: physical;

border-left-width-rtl-source: physical;

border-top-style: none;

border-right-style-value: none;

border-right-style-ltr-source: physical;

border-right-style-rtl-source: physical;

border-bottom-style: none;

border-left-style-value: none;

border-left-style-ltr-source: physical;

border-left-style-rtl-source: physical;

border-top-color: -moz-use-text-color;

border-right-color-value: -moz-use-text-color;

border-right-color-ltr-source: physical;

border-right-color-rtl-source: physical;

border-bottom-color: -moz-use-text-color;

border-left-color-value: -moz-use-text-color;

border-left-color-ltr-source: physical;

border-left-color-rtl-source: physical;

}
div#o10_on a{
display:block;
height:37px;
background:url(images/reversement.png) no-repeat 0 -37px;
border:0px;
}

div#o11 a{
display:block;
height:37px;
background:url(images/societe.png) no-repeat 0 0;
border:0px;
}


div#o11 a:hover{
    border:0px;
    background:url(images/societe.png)no-repeat 0 -37px;
    background-repeat: no-repeat;

background-attachment: scroll;

background-position: 0pt -37px;

border-top-width: 0px;

border-right-width-value: 0px;

border-right-width-ltr-source: physical;

border-right-width-rtl-source: physical;

border-bottom-width: 0px;

border-left-width-value: 0px;

border-left-width-ltr-source: physical;

border-left-width-rtl-source: physical;

border-top-style: none;

border-right-style-value: none;

border-right-style-ltr-source: physical;

border-right-style-rtl-source: physical;

border-bottom-style: none;

border-left-style-value: none;

border-left-style-ltr-source: physical;

border-left-style-rtl-source: physical;

border-top-color: -moz-use-text-color;

border-right-color-value: -moz-use-text-color;

border-right-color-ltr-source: physical;

border-right-color-rtl-source: physical;

border-bottom-color: -moz-use-text-color;

border-left-color-value: -moz-use-text-color;

border-left-color-ltr-source: physical;

border-left-color-rtl-source: physical;

}

div#o11_on a{
display:block;
height:37px;
background:url(images/societe.png) no-repeat 0 -37px;
border:0px;
}


div#o12 a{
display:block;
height:37px;
background:url(images/service_voix.png) no-repeat 0 0;
border:0px;
}


div#o12 a:hover{
    border:0px;
    background:url(images/service_voix.png)no-repeat 0 -37px;
    background-repeat: no-repeat;

background-attachment: scroll;

background-position: 0pt -37px;

border-top-width: 0px;

border-right-width-value: 0px;

border-right-width-ltr-source: physical;

border-right-width-rtl-source: physical;

border-bottom-width: 0px;

border-left-width-value: 0px;

border-left-width-ltr-source: physical;

border-left-width-rtl-source: physical;

border-top-style: none;

border-right-style-value: none;

border-right-style-ltr-source: physical;

border-right-style-rtl-source: physical;

border-bottom-style: none;

border-left-style-value: none;

border-left-style-ltr-source: physical;

border-left-style-rtl-source: physical;

border-top-color: -moz-use-text-color;

border-right-color-value: -moz-use-text-color;

border-right-color-ltr-source: physical;

border-right-color-rtl-source: physical;

border-bottom-color: -moz-use-text-color;

border-left-color-value: -moz-use-text-color;

border-left-color-ltr-source: physical;

border-left-color-rtl-source: physical;

}
div#o12_on a{
display:block;
height:37px;
background:url(images/service_voix.png) no-repeat 0 -37px;
border:0px;
}

div#o13 a{
display:block;
height:37px;
background:url(images/contact.png) no-repeat 0 0;
border:0px;
}


div#o13 a:hover{
    border:0px;
    background:url(images/contact.png)no-repeat 0 -37px;
    background-repeat: no-repeat;

background-attachment: scroll;

background-position: 0pt -37px;

border-top-width: 0px;

border-right-width-value: 0px;

border-right-width-ltr-source: physical;

border-right-width-rtl-source: physical;

border-bottom-width: 0px;

border-left-width-value: 0px;

border-left-width-ltr-source: physical;

border-left-width-rtl-source: physical;

border-top-style: none;

border-right-style-value: none;

border-right-style-ltr-source: physical;

border-right-style-rtl-source: physical;

border-bottom-style: none;

border-left-style-value: none;

border-left-style-ltr-source: physical;

border-left-style-rtl-source: physical;

border-top-color: -moz-use-text-color;

border-right-color-value: -moz-use-text-color;

border-right-color-ltr-source: physical;

border-right-color-rtl-source: physical;

border-bottom-color: -moz-use-text-color;

border-left-color-value: -moz-use-text-color;

border-left-color-ltr-source: physical;

border-left-color-rtl-source: physical;

}
div#o13_on a{
display:block;
height:37px;
background:url(images/contact.png) no-repeat 0 -37px;
border:0px;
}





/*menu insciption/connexion*//*menu insciption/connexion*//*menu insciption/connexion*//*menu insciption/connexion*/
#boutonbleu{
    position:absolute;
    top:24px;
    left:920px;
    border: 0px;
    z-index: 7;
    

}

.login{
    font-size:11px;
    z-index:6 ;
    font-family:arial;
    color:#565656;
}


.menu_body {z-index:100 ;background-image: url(images/optelo_accueil/arriere_connection.png);background-repeat: no-repeat;visibility:hidden; width:162px;height:247px;padding-left:1.7em; position:relative; top:15px;left:46.8em;}

.menu_head{
    display:inline;
    z-index:9;
    position: relative;
    left:1em;
    top:0.3em;
}

.form{
    position:relative;
    bottom:1em;

}

 .label_line

{

font-family: Arial,Helvetica,Sans-Serif;
position:relative;
right:10px;

}

#login .label_line label

{

font-size: 12px;

color: #4f4f50;

}

#login dt .bouton

{

display: block;

margin-bottom: 10px;

height: 37px;

margin-left: 65px;

cursor: pointer;

outline-width: medium;

outline-style: none;


}







/*footer*//*footer*//*footer*//*footer*//*footer*//*footer*//*footer*//*footer*//*footer*//*footer*//*footer*//*footer*//*footer*//*footer*//*footer*/

.footer{
z-index:-1;
background-image: url(images/optelo_accueil/cadre2.png);
width: 936px;
height: 160px;
position:relative;
top:590px;

}
/*positonnement des bloc dans le footer*/
.footer{
    position:relative;
    top:990px;
    z-index: 6;
}

.f1{
    
    position: relative;
    left:2em;
    top:19.8px;
    font-size:11px;
    font-family: arial;
    color:grey;
}
.f2{
    position:absolute;
    top:19.8px;
    left:16em;
    font-size:11px;
    font-family: arial;
    color:grey;
}

.f3{
    position: absolute;
    top:19.8px;
    left:27em;
    font-size:11px;
    font-family: arial;
    color:grey;
}

.f4{
    position:absolute;
    top :19.8px;
    left :40em;
        font-size:11px;
    font-family: arial;
    color:grey;
}

.f5{
    position :absolute;
    top:19.8px;
    left:50em;
        font-size:11px;
    font-family: arial;
    color:grey;
}

#drapeau_footer{
    background: url(images/optelo_accueil/fr.png) no-repeat;
    width:25px;
    height:17px;
    position:absolute;
    top:40px;
    right:145px;
}

/*positonnement des lignes de chaque bloc du footer*/


.fb{
    position:absolute;
    top:16px;
}

.fc{
    position:absolute;
    top: 32px;
}
.fd{
    position:absolute;
    top: 48px;
}
.fe{
    position:absolute;
    top: 64px;
}

.ff{
    position:absolute;
    top:80px;
}

.fg{
    position:absolute;
    top:96px;
}
/*positonnement des drapeaux dans le footer*/

.f6{
    border:0px;
    position:absolute;
    top:144.5px;
    left:12px;
    font-size:11px;
    font-family:arial;
    color:grey;
}


/*CONTENU_INDEX*//*CONTENU_INDEX*//*CONTENU_INDEX*//*CONTENU_INDEX*//*CONTENU_INDEX*//*CONTENU_INDEX*//*CONTENU_INDEX*//*CONTENU_INDEX*//*CONTENU_INDEX*/

.index{
position:absolute;
top:150px;
width:936px;
height:1050px;
overflow: hidden;
}

.i0{
    width: 936px;
    height: 299px;
}

.i1{
    position: relative;
    top:20px;
    background:url(images/optelo_accueil/carre_gris.png);
    height:72px;
    width:936px;
}

.i1a{
    font-family: arial;
    position: relative;
    top:12px;
    left:15px;

}

.i1b{
font-family: arial;
font-size: 25px;
    position: relative;
    top:12px;
    left:15px;
}
.i1c{
    border:0px;
    position:relative;
    bottom: 41px;
    left:560px;
}

.i2{
       
    position: relative;
    bottom:20px;
    width:936px;
}

.i2a{
    width:275px;
    height: 200px;
    font-family: arial;
    font-size:11px;
    text-align: justify;
}


.i2b{
    position: relative;
    bottom: 200px;
    left:328px;
    width:275px;
    height: 200px;
    font-family: arial;
    font-size:11px;
    text-align: justify;

}

.i2c{
    position: relative;
    bottom: 400px;
    left:660px;
    width:275px;
    height: 200px;
    font-family: arial;
    font-size:11px;
    text-align: justify;
}






/*SLIDER index*//*SLIDER index*//*SLIDER index*//*SLIDER index*//*SLIDER index*//*SLIDER index*//*SLIDER index*//*SLIDER index*//*SLIDER index*/


#slider {
    position:relative;
    z-index: 2;
    background:url(images/loading.gif) no-repeat 50% 50%;

}

#slider .nivo-controlNav {
	position:relative;
	bottom:-304px; /* Put the nav below the slider */
        left:450px;

}
#slider a {
	border:0;
}



#slider img {
	position:absolute;
	top:0px;
	left:0px;
	display:none;
}

.nivo-controlNav {
	position:absolute;
	left:47%;
	bottom:-30px;
}
.nivo-controlNav a {
	display:block;
	width:8px;
	height:8px;
	background:url(images/point_rouge.png) no-repeat;
	text-indent:-9999px;
	border:0;
	margin-right:3px;
	float:left;
}
.nivo-controlNav a.active {
	background-position:-8px 0;
}

.nivo-directionNav a {
        z-index:2;
	display:block;
	width:32px;
	height:34px;
	background:url(images/arrows.png) no-repeat;
	text-indent:-9999px;
	border:0;
}
a.nivo-nextNav {
	background-position:-32px 0;
	right:10px;
}
a.nivo-prevNav {
	left:10px;}



/*Micro Paiement*//*Micro Paiement*//*Micro Paiement*//*Micro Paiement*//*Micro Paiement*//*Micro Paiement*//*Micro Paiement*//*Micro Paiement*/
.micro_paiement{
    width:936px;
    
    overflow:hidden;
    margin-bottom: 10px;
}
.menu_mp{
    width: 936px;
    height:23px;
    background-image: url(images/optelo_accueil/carre_gris.png);
    position:relative;
    top:143px;
    z-index: 2;
    
}

.mmp1{
    position:absolute;
    left:10px;
    top:2px;
    text-decoration: none;
    color:#4F4F4F;
    font-size:13px;
    font-family: arial;
    cursor:pointer;
}
.mmp1bis{
    position:absolute;
    left:8px;
    top:2px;
    text-decoration: none;
    color:#ac2b20;
    font-size:13px;
    font-family: arial;
    cursor:pointer;
    font-weight: bold;
}

.mmp1:hover,mmp1:active{
    position:absolute;
    left:8px;
    top:2px;
      text-decoration: none;
    color:#ac2b20;
    font-size:13px;
    font-family: arial;
    cursor:pointer;
    font-weight: bold;
}


.mmp2{
        position:absolute;
    left:112px;
    top:2px;
    text-decoration: none;
    color:#4F4F4F;
    font-size:13px;
    font-family: arial;
    cursor:pointer;
}

.mmp2bis{
        position:absolute;
    left:111px;
    top:2px;
    text-decoration: none;
    color:#ac2b20;
    font-size:13px;
    font-family: arial;
    cursor:pointer;
    font-weight: bold;
}

.mmp2:hover,mmp2:active{
     position:absolute;
    left:111px;
    top:2px;
      text-decoration: none;
    color:#ac2b20;
    font-size:13px;
    font-family: arial;
    cursor:pointer;
    font-weight: bold;
}


.mmp3{
        position:absolute;
    left:200px;
    top:2px;
    text-decoration: none;
    color:#4F4F4F;
    font-size:13px;
    font-family: arial;
    cursor:pointer;
}

.mmp3bis{
        position:absolute;
    left:198px;
    top:2px;
    text-decoration: none;
    color:#ac2b20;
    font-size:13px;
    font-family: arial;
    cursor:pointer;
    font-weight: bold;
}
.mmp3:hover,mmp3:active{
    position:absolute;
    left:198px;
    top:2px;
      text-decoration: none;
    color:#ac2b20;
    font-size:13px;
    font-family: arial;
    cursor:pointer;
    font-weight: bold;
}


.mmp4{
        position:absolute;
    left:305px;
    top:2px;
    text-decoration: none;
    color:#4F4F4F;
    font-size:13px;
    font-family: arial;
    cursor:pointer;

}

.mmp4bis{
        position:absolute;
    left:303px;
    top:2px;
    text-decoration: none;
    color:#ac2b20;
    font-size:13px;
    font-family: arial;
    cursor:pointer;
    font-weight: bold;
}

.mmp4:hover,mmp4:active{
     position:absolute;
    left:303px;
    top:2px;
      text-decoration: none;
    color:#ac2b20;
    font-size:13px;
    font-family: arial;
    cursor:pointer;
    font-weight: bold;
}

.mmp5{
        position:absolute;
    left:410px;
    top:2px;
    text-decoration: none;
    color:#4F4F4F;
    font-size:13px;
    font-family: arial;
    cursor:pointer;
}

.mmp5bis{
        position:absolute;
    left:409px;
    top:2px;
    text-decoration: none;
    color:#ac2b20;
    font-size:13px;
    font-family: arial;
    cursor:pointer;
    font-weight: bold;
}

.mmp5:hover,mmp5:active{
    position:absolute;
    left:409px;
    top:2px;
      text-decoration: none;
    color:#ac2b20;
    font-size:13px;
    font-family: arial;
    cursor:pointer;
    font-weight: bold;
}

.mmp6{
        position:relative;
    left:585px;
    top:2px;
    text-decoration: none;
    color:#4F4F4F;
    font-size:13px;
    font-family: arial;
    cursor:pointer;
}
.mmp6bis{
        position:relative;
    left:583px;
    top:2px;
    text-decoration: none;
    color:#ac2b20;
    font-size:13px;
    font-family: arial;
    cursor:pointer;
    font-weight: bold;
}

.mmp6:hover,mmp6:active{
    position:relative;
    left:583px;
    top:2px;
      text-decoration: none;
    color:#ac2b20;
    font-size:13px;
    font-family: arial;
    cursor:pointer;
    font-weight: bold;
}


.mmp7{
        position:relative;
    left:100px;
    top:2px;
    text-decoration: none;
    color:#4F4F4F;
    font-size:13px;
    font-family: arial;
    cursor:pointer;
}

.mmp7bis{
        position:relative;
    left:98px;
    top:2px;
    text-decoration: none;
    color:#ac2b20;
    font-size:13px;
    font-family: arial;
    cursor:pointer;
    font-weight: bold;
}

.mmp7:hover,mmp7:active{
     position:relative;
    left:98px;
    top:2px;
      text-decoration: none;
    color:#ac2b20;
    font-size:13px;
    font-family: arial;
    cursor:pointer;
    font-weight: bold;
}

/*postionnement des images dans MICRO PAIEMENT*/
.mp1{
    position: relative;
    top:153px;
    width:303px;
    height:360px;
    background-image: url(images/optelo_accueil/carre_gris.png);
}

.mp2{
    position: relative;
    bottom:206px;
    left:315px;
    width:303px;
    height:360px;
    background-image: url(images/optelo_accueil/carre_gris.png);
}

.mp3{
    position: relative;
    bottom:566px;
    left:632px;
    width:303px;
    height:360px;
    background-image: url(images/optelo_accueil/carre_gris.png);
}

.mp4{
    position: relative;
    bottom:557px;
   
    width:303px;
    height:360px;
    background-image: url(images/optelo_accueil/carre_gris.png);
}

.mp5{
    position: relative;
   bottom:916px;
    left:315px;
    width:303px;
    height:360px;
    background-image: url(images/optelo_accueil/carre_gris.png);
}

.mp6{
    position: relative;
bottom:1275px;
    left:632px;
    width:303px;
    height:360px;
    background-image: url(images/optelo_accueil/carre_gris.png);
}

.tbl{
    width:270px;
    height:3px;
    position: absolute;
    right:15px;
    bottom:173px;
}


.mpp{
    position:absolute;
    left:20px;
    bottom:185px;
    font-family: arial;
    font-size: 13px;
    color:#4F4F4F;
    font-weight: bold;

}


.mpt1{
    font-size:12px;
    color:#4F4F4F;
    font-family:arial;
    position:absolute;
    bottom:150px;
    left:20px;
}

.mpt2{
        font-size:12px;
        color: #4F4F4F;
    font-family:arial;
    position:absolute;
    bottom:130px;
    left:20px;
}

.mpt3{
        font-size:12px;
        color:#4F4F4F;
    font-family:arial;
    position:absolute;
    bottom:110px;
    left:20px;
}

.mpt4{
        font-size:12px;
        color:#4F4F4F;
    font-family:arial;
    position:absolute;
    bottom:90px;
    left:20px;
}

.mpt45{
        font-size:12px;
        color:#4F4F4F;
    font-family:arial;
    position:absolute;
    bottom:90px;
    left:20px;
}

.mpt5{
        font-size:12px;
        color:#4F4F4F;
    font-family:arial;
    position:absolute;
    bottom:70px;
    left:20px;
}

.mpt6{
        font-size:12px;
        color:#4F4F4F;
    font-family:arial;
    position:absolute;
    bottom:50px;
    left:20px;
}


.mpt63{
        font-size:12px;
        color:#4F4F4F;
    font-family:arial;
    position:absolute;
    bottom:55px;
    left:20px;
}

.mpt7{
        font-size:12px;
        color:#4F4F4F;
    font-family:arial;
    position:absolute;
    bottom:30px;
    left:20px;
}




/*INSCRIPTION*//*INSCRIPTION*//*INSCRIPTION*//*INSCRIPTION*//*INSCRIPTION*//*INSCRIPTION*//*INSCRIPTION*//*INSCRIPTION*//*INSCRIPTION*/



#star1{
color:red;
visibility:hidden;
font-size: 15px;
}

#star2{
color:red;
visibility:hidden;
font-size: 15px;
}
#star3{
color:red;
visibility:hidden;
font-size: 15px;
}
#star4{
color:red;
visibility:hidden;
font-size: 15px;
}
#star5{
color:red;
visibility:hidden;
font-size: 15px;
}
#star6{
color:red;
visibility:hidden;
font-size: 15px;
}
#star7{
color:red;
visibility:hidden;
font-size: 15px;
}
#star8{
color:red;
visibility:hidden;
font-size: 15px;
}
#star9{
color:red;
visibility:hidden;
font-size: 15px;
}
#star10{
color:red;
visibility:hidden;
font-size: 15px;
}
#star11{
color:red;
visibility:hidden;
font-size: 15px;
}
#star12{
color:red;
visibility:hidden;
font-size: 15px;

}

#star13{
color:red;
visibility:hidden;
font-size: 15px;

}#star14{
color:red;
visibility:hidden;
font-size: 15px;

}#star15{
color:red;
visibility:hidden;
font-size: 15px;

}#star16{
color:red;
visibility:hidden;
font-size: 15px;

}#star17{
color:red;
visibility:hidden;
font-size: 15px;

}#star18{
color:red;
visibility:hidden;
font-size: 15px;


}




.inscriptionb{
        width:936px;
    height:900px;
margin:auto;

}

.inscription{
    position: relative;
    top:155px;
    width:936px;
    height:600px;
    background-image: url(images/optelo_accueil/carre_gris.png);
    z-index: 2;
}


.inscriptionc{
    position: relative;
    top:155px;
    width:936px;
    height:550px;
    background-image: url(images/optelo_accueil/carre_gris.png);
    z-index: 2;
}

.ins{
    position: relative;
    bottom: 2px;
    left:75px;
}

.inss{
        color:#ac2b20;
    font-family: arial;
    font-size: 12px;
    position:relative;
    top:20px;
    left:19px;
}

.ins1{
    width:735px;
    position: relative;
    top:6px;
    left:105px;
    color:#4F4F4F;
    font-family: arial;
    font-size: 12px;
}

.insa{
    color:#0080FF;
}

.for1{
 position:relative;
 top:30px;
 left:103px;
 font-family: arial;
 font-size: 12px;
 color:#4F4F4F;
}

.for2{
    width:290px;
 position:relative;
 top:50px;
 left:103px;
 font-family: arial;
 font-size: 12px;
 color:#4F4F4F;
}

.for3{
 font-family: arial;
 font-size: 12px;
 color:#4F4F4F;
 position:relative;
 left:595px;
 bottom:285px;
}



#forim a{

position: relative;

left:110px;
display:block;
height:25px;
    border:0px;
    background-image: url(images/inscription/etape_suivante_bleu.png);
    background:url(images/inscription/etape_suivante.png)no-repeat 0 0px;

}

#forim a:hover{

    border:0px;
    background:url(images/inscription/etape_suivante.png)no-repeat 0 -25px;
    
}


.foot_ins{
position :absolute;
top: -220px;
}

/*INSCRIPTION 2*/




.ins21{
  font-family: arial;
 font-size: 12px;
 color:rgb(46,128,255);
 position:relative;
 top:30px;
 left:100px;
}

.ins22{
        width: 300px;
    font-family: arial;
 font-size: 12px;
 color:#4F4F4F;
 position:relative;
 left:100px;
 top:50px;
}

p{
    color:#0080FF;
}

.ins23{
    width:260px;
       font-family: arial;
 font-size: 12px;
 color:#4F4F4F;
 position:relative;
 left:600px;
 bottom:275px;

}

.ins24{
font-family: arial;
 font-size: 10px;
 color:#4F4F4F;
}

.etapp{
position:relative;

border:0;
}


.etaps{
    position: relative;

    left:5px;
    border:0;
}

.foot_ins2{
position :absolute;
top: -220px;
}


#recaptcha_image{
    width:300px;
    height: 57px;
}


#recaptcha_response_field{
    width:200px;
    height: 27px;
    font-size:13px;
    font-family: arial;
}

.ins2f{
    width:260px;
    position:relative;
    bottom:35px;
}

/*INSCRIPTION 3*/

.ins3{
    font-size: 20px;
    font-family: arial;
    position: relative;
    top:15px;
    left:105px;
    color:#1C1C1C;
}

.ins31{
    position:relative;
    left:340px;
    top:100px;
    font-family: arial;
}

.foot_ins3{
position :absolute;
top: -275px;
}


/*CONTACT*//*CONTACT*//*CONTACT*//*CONTACT*//*CONTACT*//*CONTACT*//*CONTACT*//*CONTACT*//*CONTACT*//*CONTACT*//*CONTACT*//*CONTACT*//*CONTACT*/

.foot_contact{
position :absolute;
top: -425px;
}

.cont0{

    position:relative;
    top:40px;
    left:110px;
    font-family: arial;
    color:#4F4F4F;
    font-size: 13px;
}

.cont1{

font-family: arial;
font-size: 13px;
color:#4F4F4F;
position:absolute;
left:470px;
top:54px;
}

.cont2{
    font-size:10px;
    font-family:arial;
    position:absolute;
    left:90px;
    top:2px;
}



.ui-state-hover .ui-icon, .ui-state-focus .ui-icon

{

background-image: url("images/ui-icons_454545_256x240.png");

}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon

{

background-image: url("images/ui-icons_454545_256x240.png");

}

.ui-dialog .ui-dialog-titlebar-close span

{

display: block;

margin-top: 1px;

margin-right: 1px;

margin-bottom: 1px;

margin-left: 1px;

}

.ui-helper-clearfix

{

display: inline-block;

}

.ui-helper-clearfix
{

display: block;

}



.ui-corner-all

{

}

.ui-dialog .ui-dialog-titlebar

{

padding-top: 0.5em;

padding-right: 1em;

padding-bottom: 0.3em;

padding-left: 1em;

position: relative;

}



.ui-icon-closethick

{

background-position: -96px -128px;

}


.ui-state-hover .ui-icon, .ui-state-focus .ui-icon

{

background-image: url("images/ui-icons_454545_256x240.png");

}

.ui-state-hover .ui-icon, .ui-state-focus .ui-icon

{

background-image: url("images/ui-icons_454545_256x240.png");

}

.ui-dialog .ui-dialog-titlebar-close span

{

display: block;

margin-top: 1px;

margin-right: 1px;

margin-bottom: 1px;

margin-left: 1px;

}

.contact_fenetre{
    width:936px;
    height:900px;
    overflow: hidden;

}


/*REVERSEMENT*//*REVERSEMENT*//*REVERSEMENT*//*REVERSEMENT*//*REVERSEMENT*//*REVERSEMENT*//*REVERSEMENT*//*REVERSEMENT*//*REVERSEMENT*//*REVERSEMENT*/


.menu_rev {
    width: 936px;
    height:23px;
    background-image: url(images/optelo_accueil/carre_gris.png);
    position:relative;
    top:143px;
    z-index: 10;


}



.mrev1{
    position:absolute;
    left:10px;
    top:2px;
    text-decoration: none;
    color:#4F4F4F;
    font-size:13px;
    font-family: arial;
    cursor:pointer;
}
.mrev1bis{
    position:absolute;
    left:8px;
    top:2px;
    text-decoration: none;
    color:#ac2b20;
    font-size:13px;
    font-family: arial;
    cursor:pointer;
    font-weight: bold;
}

.mrev1:hover,mrev1:active{
    position:absolute;
    left:8px;
    top:2px;
      text-decoration: none;
    color:#ac2b20;
    font-size:13px;
    font-family: arial;
    cursor:pointer;
    font-weight: bold;
}


.mrev2{
        position:absolute;
    left:91px;
    top:2px;
    text-decoration: none;
    color:#4F4F4F;
    font-size:13px;
    font-family: arial;
    cursor:pointer;
}

.mrev2bis{
        position:absolute;
    left:91px;
    top:2px;
    text-decoration: none;
    color:#ac2b20;
    font-size:13px;
    font-family: arial;
    cursor:pointer;
    font-weight: bold;
}

.mrev2:hover,mrev2:active{
     position:absolute;
    left:91px;
    top:2px;
      text-decoration: none;
    color:#ac2b20;
    font-size:13px;
    font-family: arial;
    cursor:pointer;
    font-weight: bold;
}


.mrev3{
        position:absolute;
    left:145px;
    top:2px;
    text-decoration: none;
    color:#4F4F4F;
    font-size:13px;
    font-family: arial;
    cursor:pointer;
}

.mrev3bis{

        position:absolute;
    left:145px;
    top:2px;
    text-decoration: none;
    color:#ac2b20;
    font-size:13px;
    font-family: arial;
    cursor:pointer;
    font-weight: bold;
}
.mrev3:hover,mrev3:active{
    position:absolute;
    left:145px;
    top:2px;
    text-decoration: none;
    color:#ac2b20;
    font-size:13px;
    font-family: arial;
    cursor:pointer;
    font-weight: bold;
}


.mrev4{
        position:absolute;
    left:212px;
    top:2px;
    text-decoration: none;
    color:#4F4F4F;
    font-size:13px;
    font-family: arial;
    cursor:pointer;
}

.mrev4bis{
        position:absolute;
    left:210px;
    top:2px;
    text-decoration: none;
    color:#ac2b20;
    font-size:13px;
    font-family: arial;
    cursor:pointer;
    font-weight: bold;
}

.mrev4:hover,mrev4:active{
     position:absolute;
    left:210px;
    top:2px;
      text-decoration: none;
    color:#ac2b20;
    font-size:13px;
    font-family: arial;
    cursor:pointer;
    font-weight: bold;
}

.mrev5{
        position:absolute;
    left:290px;
    top:2px;
    text-decoration: none;
    color:#4F4F4F;
    font-size:13px;
    font-family: arial;
    cursor:pointer;
}

.mrev5bis{
        position:absolute;
    left:288px;
    top:2px;
    text-decoration: none;
    color:#ac2b20;
    font-size:13px;
    font-family: arial;
    cursor:pointer;
    font-weight: bold;
}

.mrev5:hover,mrev5:active{
    position:absolute;
    left:288px;
    top:2px;
      text-decoration: none;
    color:#ac2b20;
    font-size:13px;
    font-family: arial;
    cursor:pointer;
    font-weight: bold;
}

.mrev6{
        position:absolute;
    left:405px;
    top:2px;
    text-decoration: none;
    color:#4F4F4F;
    font-size:13px;
    font-family: arial;
    cursor:pointer;
}
.mrev6bis{

        position:absolute;
    left:404px;
    top:2px;
    text-decoration: none;
    color:#ac2b20;
    font-size:13px;
    font-family: arial;
    cursor:pointer;
    font-weight: bold;
}

.mrev6:hover,mrev6:active{
    position:absolute;
    left:404px;
    top:2px;
      text-decoration: none;
    color:#ac2b20;
    font-size:13px;
    font-family: arial;
    cursor:pointer;
    font-weight: bold;
}

.revimg{
    position: relative;
    top: 155px;
}

.revtab{
    position:relative;
    top:180px;
}



.revtab1{
     width: 936px;
    height:23px;
}
.revtab2{
     width: 936px;
    height:23px;
    background-image: url(images/optelo_accueil/carre_gris.png);
}






.revtab11{
    font-family:arial;
    font-size:13px;
    color:#4F4F4F;
    display: block;
    position: relative;
    left:15px;
    top:5px;
}

.revtab12{
    font-family:arial;
    font-size:13px;
    color:#4F4F4F;
    display: block;
    position: relative;
    left:70px;
    bottom:12px;
    width:150px
}
.revtab13{
    font-family:arial;
    font-size:13px;
    color:#4F4F4F;
    display: block;
    position: relative;
    left:300px;
    bottom:26px;
    width:150px
}

.revtab13c{
    font-family:arial;
    font-size:13px;
    color:#4F4F4F;
    display: block;
    position: relative;
    left:283px;
    bottom:26px;
    width:150px
}

.revtab14{
    font-family:arial;
    font-size:13px;

    display: block;
    position: relative;
    left:550px;
    bottom:43px;
    width:150px
}
.revtab14c{
    font-family:arial;
    font-size:13px;
    color:#4F4F4F;
    display: block;
    position: relative;
    left:533px;
    bottom:41px;
    width:150px
}

.revtab15{
  font-family:arial;
    position: relative;
    left:800px;
    bottom:58px;
    width:150px;
    font-size:13px;
    color:#0080ff;
    display: block;
}


.revtab21{
    font-family:arial;
    font-size:13px;
    color:#4F4F4F;
    display: block;
    position: relative;
    left:15px;
    top:5px;
}

.revtab22{
    font-family:arial;
    font-size:13px;
    color:#4F4F4F;
    display: block;
    position: relative;
    left:70px;
    bottom:12px;
    width:150px
}
.revtab23{
    font-family:arial;
    font-size:13px;
    color:#4F4F4F;
    display: block;
    position: relative;
    left:300px;
    bottom:27px;
    width:150px
}

.revtab23c{
    font-family:arial;
    font-size:13px;
    color:#4F4F4F;
    display: block;
    position: relative;
    left:283px;
    bottom:24px;
    width:150px
}

.revtab24{
    font-family:arial;
    font-size:13px;
    
    display: block;
    position: relative;
    left:550px;
    bottom:43px;
    width:150px
}

.revtab24c{
    font-family:arial;
    font-size:13px;
    color:#4F4F4F;
    display: block;
    position: relative;
    left:533px;
    bottom:40px;
    width:150px
}

.revtab25{
    font-family:arial;
    position: relative;
    left:800px;
    bottom:58px;
    width:150px;
    font-size:13px;
    color:#0080ff;
    display: block;
}


.revtab111{
    font-family:arial;
    font-size:13px;
    color:#232424;
    display: block;
    position: relative;
    left:15px;
    bottom:2px;
}
.revtab131{
    font-family:arial;
    font-size:13px;
    color:#232424;
    display: block;
    position: relative;
    left:267px;
    bottom:19px;
    width:150px
}
.revtab141{
    font-family:arial;
    font-size:13px;
    color:#232424;
    display: block;
    position: relative;
    left:528px;
    bottom:34px;
    width:150px
}

/*INTERNET+ *//*INTERNET+ *//*INTERNET+ *//*INTERNET+ *//*INTERNET+ *//*INTERNET+ *//*INTERNET+ *//*INTERNET+ *//*INTERNET+ *//*INTERNET+ *//*INTERNET+ */


.revtab114{
    font-family:arial;
    font-size:13px;
    color:#4F4F4F;
    display: block;
    position: relative;
    left:15px;
    top:5px;
}

.revtab124{
    font-family:arial;
    font-size:13px;
    color:#4F4F4F;
    display: block;
    position: relative;
    left:40px;
    bottom:-5px;
    width:150px
}




.revtab134{
    font-family:arial;
    font-size:13px;
    color:#4F4F4F;
    display: block;
    position: relative;
    left:280px;
    bottom:10px;
    width:150px
}
.revtab144{
    font-family:arial;
    font-size:13px;
    color:#4F4F4F;
    display: block;
    position: relative;
    left:350px;
    bottom:10px;
    width:150px
}
.revtab154{
    font-family:arial;
    font-size:13px;
    color:#0080ff;
    display: block;
    position: relative;
    left:650px;
    bottom:26px;
    width:150px
}


.revtab214{
    font-family:arial;
    font-size:13px;
    color:#4F4F4F;
    display: block;
    position: relative;
    left:15px;
   top: 18px;
}

.revtab224{
    font-family:arial;
    font-size:13px;
    color:#4F4F4F;
    display: block;
    position: relative;
    left:40px;
    bottom:-5px;
    width:150px
}
.revtab234{
    font-family:arial;
    font-size:13px;
    color:#4F4F4F;
    display: block;
    position: relative;
    left:280px;
    bottom:10px;
    width:150px
}
.revtab244{
    font-family:arial;
    font-size:13px;
    color:#4F4F4F;
    display: block;
    position: relative;
    left:350px;
    bottom:10px;
    width:150px
}
.revtab254{
    font-family:arial;
    font-size:13px;
    color:#0080ff;
    display: block;
    position: relative;
    left:650px;
    bottom:26px;
    width:150px
}


.revtab1214{
    font-family:arial;
    font-size:13px;
    color:#232424;
    display: block;
    position: relative;
    left:40px;
    bottom:2px;
}
.revtab1314{
    font-family:arial;
    font-size:13px;
    color:#232424;
    display: block;
    position: relative;
    left:280px;
    bottom:15px;
    width:150px
}
.revtab1414{
    font-family:arial;
    font-size:13px;
    color:#232424;
    display: block;
    position: relative;
    left:350px;
    bottom:18px;
    width:150px
}



/*CARTE BANCAIRE*//*CARTE BANCAIRE*//*CARTE BANCAIRE*//*CARTE BANCAIRE*//*CARTE BANCAIRE*//*CARTE BANCAIRE*//*CARTE BANCAIRE*//*CARTE BANCAIRE*/

.revtab125{
    font-family:arial;
    font-size:13px;
    color:#4F4F4F;
    display: block;
    position: relative;
    left:40px;
    bottom:-1px;
    width:150px
}

.revtab145{
    font-family:arial;
    font-size:13px;
  
    display: block;
    position: relative;
    left:520px;
    bottom:25px;
    width:150px
}

.revtab245{
    font-family:arial;
    font-size:13px;
 
    display: block;
    position: relative;
    left:520px;
    bottom:25px;
    width:150px
}

.revtab1415{
    font-family:arial;
    font-size:13px;
    color:#232424;
    display: block;
    position: relative;
    left:520px;
    bottom:30px;
    width:150px
}


.revtab155{
    font-family:arial;
    font-size:13px;
    color:#0080ff;
    display: block;
    position: relative;
    left:750px;
    bottom:42px;
    width:150px
}


.revtab255{
    font-family:arial;
    font-size:13px;
    color:#0080ff;
    display: block;
    position: relative;
    left:750px;
    bottom:42px;
    width:150px
}



#cadrpg {border:0px; width:300px; margin:0 auto; border:0; overflow:hidden;position:absolute;top:2px;left:150px;}
#newshr {border:0px; position:relative; width:1000px; height:20px; overflow:hidden;
          color:black;  }
#defile { border:0px;color:black;font-family: arial;font-size:13px;position:absolute; top:2px;margin-top:1px; background-color:transparent;}