body{
  background-image:url('../images/css/body_bg.png');
  background-position:left top;
  background-repeat:repeat-x;
  text-align:justify;
  color:#333333;
  font-family:Verdana, Arial;
  font-size:12px;
  letter-spacing:-0.2px;
}
/********* FONT **********/
.XXXL{
    font-size:30px;
}
.XXL{
    font-size:24px;
}
.XL{
    font-size:18px;
}
.LL{
  font-size:16px;
}
.L{
    font-size:14px;
}

.small,
.S,
.S label{
  font-size:11px;
}
.XS{
  font-size:10px;
}
/****************** GLOBAL ********************/
.center{
  text-align:center;
}
/*img.retour_home{
  position:absolute;
  margin-top:-15px;
  margin-left:-10px;
}*/
img.retour_home{
  position:absolute;
  right:-10px;
  top:-5px;
}
.pointer{
  cursor:pointer;
}
.bold{
  font-weight:bold;
}
span.valider{
  cursor:pointer;
  text-decoration:underline;
}
span.form_error{
  color:red;
  font-size:11px;
  font-family:arial;
}
div#global{
  width:910px;
  margin:auto auto;
}
div#content{
  position:relative;
}
span.blanc{
  color:#FFFFFF;
}
.rose{
  color:#FF0098;
}
.roseclair{
  color:#ffa7d3;
}
.gris{
  color:#666666;
}
.grisclair{
  color:#999999;
}

.fontgris{
  color:#999999;
}
a{
  text-decoration:none;
  color:#FF0099;
}

input.enable,
select.enable{
  border:1px solid gray;
  color:#FF0099;
}
input.disable,
textarea.disable{
  border:none;
}
hr.rose{
  background-color:#ffa7d3;
}



.float_left{
  float:left;
}
.float_right{
  float:right;
}


/**************** ERROR FORM *********/
ul.error_list{
  position:absolute;
  margin-left:50px;
  margin-top:-20px;
  padding:0 0 6px 16px;
  height:23px;
  padding-left:32px;
  background:url(../images/css/error_form_left.png) no-repeat;
}
ul.error_list li{
    color:#FFFFFF;
    display:block;
    height:23px;
    line-height:23px;
    padding-right:14px;
    background:url(../images/css/error_form_right.png) no-repeat right top;
    float:left;
    margin-left:-16px;
}
/*************  TITRE *********************/
/**
 * le H1 est gros est souligné
 * utilisé pour les gros encarts de textes qui sont généralement important sur une page.
 */
h1{
  font-size:28px;
  padding-left:10px;
  margin-bottom:5px;
  font-weight:500;
  border-bottom:1px solid #e2e2e2;
  text-align:left;
  line-height:50px;
  margin-top:10px;
}
h1 span{
  color:#ff0099;
}
/**
 * par défaut le H2 est gris il est utilsié sur les encarts standard
 */
h2{
  font-size:24px;
  line-height:29px;
  padding-left:0px;
  margin-bottom:15px;
  margin-top:15px;
  font-weight:500;
}
h2.rose{
  background-color:#ff99cc;
  color:#FFFFFF;
  font-size:18px;
  line-height:29px;
  padding-left:10px;
}
h2.roseclair{
  background-color:#ffa7d3;
  color:#FFFFFF;
  font-size:18px;
  line-height:29px;
  padding-left:10px;
}
h3{
  font-size:16px;
  line-height:22px;
  padding:3px 0 3px 0px;
  margin-bottom:5px;
  font-weight:normal;
}
h3.gris,h2.gris{
  background-color:#e2e2e2;
  color:#666666;
}
h3.grisFonce,h2.grisFonce{
  background-color:#666666;
  color:#FFFFFF;
}
h3 span{
  color:#ff0099;
}
/****************** HEADER ********************/
div#header{
  height:90px;
  background-image:url('../images/css/header_body.png');
  background-position:left top;
  background-repeat:repeat-y;
  padding:0 10px 0 10px;
  position:relative;
}
div#header2{
  height:5px;
  margin:0 0 10px 0;
  background-image:url('../images/css/header_bottom.png');
  background-position:left top;
  background-repeat:no-repeat;
  padding:0;
}
div#header a#logo{
  float:left;
}
div#banniere{
  width:496px;
  height:60px;
  background:url('../images/pub/publicite.gif') left center no-repeat;
  margin:3px 0 0 375px;
  margin:0;
  top:3px;
  left:375px;
  padding-left:15px;
  position:absolute;
}
div#header div#authentification{
  position:absolute;
  right:10px;
  bottom:10px;
}
div#header div#authentification a{
  color:#FF0099;
  text-decoration:none;
  font-size:13px;
}

/***************** FOOTER ********************/
div#footer{
  margin-top:20px;
  height:20px;
  padding-top:20px;
  clear:both;
  text-align:center;
  color:#cccccc;

}
div#footer ul{
  height:20px;
  width: 670px;
  margin: auto auto;

}
div#footer ul li{
  float: left;
  margin:0 5px 0 5px;
  text-align:center;
}
/***** TABLE **************/
table{
  border-collapse:collapse;
  padding:0;
  margin:0;
  width:100%;
}
table th{
  font-weight:normal;
}
p{
  margin:10px 0 10px 0;
}

p.bouton{
  text-align:center;
}
/***********************
  HOME
***************************/
div.colonne_gauche{
  width:300px;
  float:left;
}
div.colonne_droite{
  margin-left:307px;
  width:600px;
}
/***********************
  CONTAINER
***************************/
table.container{
  border-collapse:collapse;
  margin:5px 0 0 0;
  padding:0;
}
table.container tr td{
  padding:0;
}
table.container tr td.gauche,
table.container tr td.droite
{
  width:16px;
  background-position:left top;
  font-size:2px;
}
table.container tr.top,
table.container tr.bottom
{
  height:16px;
  font-size:2px;
}
table.container tr.top td.gauche{
  background-image:url('../images/css/cadre/coin_hg.png');
}
table.container tr.top td.milieu{
  background-image:url('../images/css/cadre/haut.png');
}
table.container tr.top td.droite{
  background-image:url('../images/css/cadre/coin_hd.png');
}

table.container tr.middle td.gauche{
  background-image:url('../images/css/cadre/gauche.png');
}
table.container tr.middle td.milieu{
  background-color:#FFFFFF;
}
table.container tr.middle td.droite{
  background-image:url('../images/css/cadre/droite.png');
}

table.container tr.bottom td.gauche{
  background-image:url('../images/css/cadre/coin_bg.png');
}
table.container tr.bottom td.milieu{
  background-image:url('../images/css/cadre/bas.png');
}
table.container tr.bottom td.droite{
  background-image:url('../images/css/cadre/coin_bd.png');
}
/** blanc **/
table.container.blanc tr td.gauche,
table.container.blanc tr td.droite
{
  width:8px;
  background-position:left top;
  font-size:2px;
}
table.container.blanc tr.top,
table.container.blanc tr.bottom
{
  height:10px;
  font-size:2px;
}
table.container.blanc tr.top td.gauche{
  background-image:url('../images/css/cadre/blanc_hg.png');
}
table.container.blanc tr.middle td.gauche,
table.container.blanc tr.middle td.milieu,
table.container.blanc tr.middle td.droite,
table.container.blanc tr.bottom td.milieu,
table.container.blanc tr.top td.milieu{
  background-image:none;
  background-color:#FFFFFF;
}
table.container.blanc tr.top td.droite{
  background-image:url('../images/css/cadre/blanc_hd.png');
}
table.container.blanc tr.bottom td.gauche{
  background-image:url('../images/css/cadre/blanc_bg.png');
}

table.container.blanc tr.bottom td.droite{
  background-image:url('../images/css/cadre/coin_bd.png');
}
/** carre **/
table.container.carre tr.top td.gauche{
  background-image:url('../images/css/cadre/carre_hg.png');
}
table.container.carre tr.top td.droite{
  background-image:url('../images/css/cadre/carre_hd.png');
}

table.container.carre tr.bottom td.gauche{
  background-image:url('../images/css/cadre/carre_bg.png');
}

table.container.carre tr.bottom td.droite{
  background-image:url('../images/css/cadre/carre_bd.png');
}
/** largeurs **/
table.container.largeur1{
  width:300px;
}
table.container.largeur2,
div.largeur2{
  width:600px;
}
.floatL{
  float:left;
}
.floatR{
  float:right;
}
/***********************
  SERVICE PORTAIL
***************************/
/** DR11 DR22**/
ul#liste_demandes{
  border-top:1px solid #d9d9d9;
}
ul#liste_demandes li{
  line-height:30px;
  border-bottom:1px solid #d9d9d9;
  padding-top:2px;
}
.rond_unread{
  background:url('../images/rond_rose.png') no-repeat;
  line-height:28px;
  display:block;
  width:28px;
  float:right;
  text-align:center;
  color:#FFFFFF;
  margin:0 0 0 3px;
}
/***/
span#pdv22{
  display:block;
  cursor:pointer;
}
table#annuaire span#pdv22{
  text-align:center;
  text-decoration:underline;
}
/** cpt41 demander a utiliser les services mavue ***/
table#pdv22{
  margin-top:8px;
}
table#pdv22 tr.middle td.milieu{
  height:64px
}
/** cpt41 demander a utiliser les services mavue ***/
table#cpt41 tr.middle td.milieu{
  height:170px;

}
/** CCLI15: abonnez-vous au service d'intermédiation **/
#ccli15{
  height:405px;
  text-align:left;
}
/** CCLI14: abonnez-vous au service d'intermédiation **/
table#ccli14{
    background-color:#ffa7d3;
}
table#ccli14 tr.middle td.milieu{
  background-image:url('../images/homme_lunette.png');
  background-repeat:no-repeat;
  background-position:right;
  height:193px;
  overflow:hidden;


}
table#ccli14 tr.middle td.milieu div#colonne{
  width:275px;
  letter-spacing:1px;
  font-weight:500;
  text-align:left;
}
table#ccli14 tr.middle td.milieu div#colonne a#jour{
  position:absolute;
  margin-left:190px;
  
}
table#ccli14 tr.middle td.milieu div#colonne span.rose{
  letter-spacing:1px;
  font-weight:500;
  display:block;
  margin-bottom:10px;
}
table#ccli14 tr.middle td.milieu div#colonne p#abonne{
  width:200px;
  display:block;
}
/** AV20 **/
table#av20{
  text-align:center;
}
table#av20 tr.middle td.milieu{
    vertical-align:middle;
    
}
table#av20 a{
  font-size:18px;
  color:#666666;
  font-weight:bold;
  padding:15px 0;
  display:block;
}


/** PDV29 : les opticiens proches de vous **/

table#pdv29 div.scrollable {
	position:relative;
	overflow:hidden;
	width: 520px;
	height:160px;
	float:left;
  margin:10px 5px 0 5px;
}
table#pdv29 #thumbs {
	position:absolute;
	width:20000em;
	clear:both;
}


table#pdv29 #thumbs div.proche_1,
table#pdv29 #thumbs div.proche_0{
	float:left;
  background-repeat:no-repeat;
  width:164px;
  height:160px;
  overflow:hidden;
  margin:0 5px 0 5px;
  text-align:center;
	cursor:pointer;
}
table#pdv29 #thumbs div p.info a{
  font-weight:bold;
}
table#pdv29 #thumbs div p.info{
  padding:0 10px 10px 10px;;
  text-align:left;
  font-size:14px;
}
table#pdv29 #thumbs div a.lien_demande{
  font-size:14px;
  text-decoration:underline;
}
table#pdv29 div.prev,
table#pdv29 div.next{
	cursor:pointer;
	margin-top:50px;
	float:left;
}
.proche_1{
 background-image:url('../images/css/cadre/carre_rose_pdv.png');
}
.proche_0{
 background-image:url('../images/css/cadre/carre_blanc_pdv.png');
}
/** PV10: profil visuel **/
table#pv10 h2{
 margin-top:5px;
 padding-left:0px;
}
ul.listingpv{
 margin:0;
 padding:1px;
 border-top:1px solid #d9d9d9;
 border-bottom:1px solid #d9d9d9;
}
ul.listingpv li{
 margin:0;
 padding:0;
 background-color:#ffdbed;
 padding:5px;
 margin-bottom:1px;
}
ul.listingpv li a{
 color:#ff009a;
 font-weight:bold;
 letter-spacing:1px;
}
/** pdv21: mon opticien prefere **/

#pdv21{
  cursor:pointer;
}
#pdv26 h2,
#pdv21 h2{
 margin-top:5px;
 padding-left:0px;
}
#pdv26 img.logo1,
#pdv21 img.logo1{
  float:left;
}
#pdv26 p.info,
#pdv21 p.info{
  margin-left:100px;
  font-size:13px;
}
#pdv26 p.info a.lien_pdv,
#pdv21 p.info a.lien_pdv{
  font-size:14px;
}
#pdv26 p.accroche,
#pdv21 p.accroche{
  font-size:11px;
}
/** av10: votre avis nous interesse **/
/** AM10: faites connaitre a vos amis **/
table#am10,
table#av10{
  width:50%;
  text-align:center;
  cursor:pointer;
}
table#am10 tr.middle td.milieu,
table#av10 tr.middle td.milieu{
    height:60px;
    vertical-align:middle;
}
table#am10,
table#av10 a{
  font-size:16px;
  color:#666666;
  font-weight:bold;
}
table#am10 a span,
table#av10 a span{
  display:block;
}
#popup_am10 form{
  padding:15px;
}
#popup_am10 form table tr td{
padding-bottom:10px;
}
/** QR10: quelles questions poser **/
table#qr10 tr.top,
table#qr10 tr.bottom,
table#qr10 tr td.droite,
table#qr10 tr td.gauche{
  display:none;
}
/** PDV27: annuaire **/
table#pdv27 tr.top,
table#pdv27 tr.bottom,
table#pdv27 tr td.droite,
table#pdv27 tr td.gauche{
  display:none;
}
table#pdv27 tr.middle td.milieu{
  background-image:url('../images/css/cadre/annuaire.png');
  height:101px;
}
table#pdv27 h2{
  color:#FFFFFF;
  margin:10px 0 0 8px;
  font-weight:500;
}
table#pdv27 p{
  margin:0px;
  padding:0;
  padding-left:30px
}
table#pdv27 p label{
  color:#666666;
  font-weight:bold;
  margin-right:150px;
}
table#pdv27 p input{
  width:200px;
  color:#999999;
  
}
table#pdv27 input#bouton_annuaire_trouver{
  float:right;
  margin-top:-25px;
  margin-right:20px;
}
/** PDV20_anonyme : actualite opticien prefere**/
table#pdv20_anonyme{

}
/** dr14: reponse des opticiens **/
table#dr14 h1{
  border-bottom:none;
  line-height:50px;
  font-size:30px;
  font-weight:500;
}
table#dr14 ul {
  margin-top:20px;
  margin-left:15px;
}
table#dr14 ul li{
  margin-bottom:10px;
  font-weight:400;
  font-size:15px;
}
table#dr14 ul li img{
  margin-right:1px;
}
table#dr14 img#gratuit{
  float:right;
  margin-top:-40px;
}
/** cpt10_anonyme : inscription */
div#cpt10_anonyme{
  background-image:url('../images/css/cadre/rose_stripe.png');
  background-position:left top;
  background-repeat:repeat-x;
  height:80px;
  padding:10px;
  width:580px;
}
div#cpt10_anonyme h2{
  margin:0;
  font-size:20px;
}
div#cpt10_anonyme p{
  padding-left:10px;
}
div#cpt10_anonyme p span.titre{
  font-size:13px;
  color:#666666;
  padding:3px;
  font-weight:bold;
}
div#cpt10_anonyme p img{
  vertical-align:middle;
}
div#cpt10_anonyme p#dejaInscrit{

}
div#cpt10_anonyme p#premiereVisite{

}
/** cpt10_anonyme : inscription */
div#cpt10_public{
  background-image:url('../images/css/cadre/cpt10.png');
  background-position:left top;
  background-repeat:repeat-x;
  height:186px;
  padding:10px;
  width:580px;
}
div#cpt10_public h2{
  margin:0px;
  padding:0px;
  font-weight:500;
  font-size:30px;
  letter-spacing:1px;
}
div#cpt10_public a.not_me{
  float:right;
  color:#ffa7d3;
  text-decoration:underline;
  font-size:13px;
}
div#cpt10_public a.lien_image img{
  margin:10px 10px 0 10px;
}
/** DR10 anonyme: texte fondateur **/

a.link_TF{
  font-size:21px;
  color:#666666;
  font-weight:bold;
  display:block;
  text-align:center;
  line-height:60px;
}

/*** GRIS **/

table.container.gris tr.top td.gauche{
  background-image:url('../images/css/cadre/gris_coin_hg.png');
}
table.container.gris tr.top td.milieu{
  background-image:url('../images/css/cadre/gris_haut.png');
}
table.container.gris tr.top td.droite{
  background-image:url('../images/css/cadre/gris_coin_hd.png');
}

table.container.gris tr.middle td.gauche{
  background-image:url('../images/css/cadre/gris_gauche.png');
}
table.container.gris tr.middle td.milieu{
  background-color:#E2E2E2;
}
table.container.gris tr.middle td.droite{
  background-image:url('../images/css/cadre/gris_droite.png');
}

table.container.gris tr.bottom td.gauche{
  background-image:url('../images/css/cadre/gris_coin_bg.png');
}
table.container.gris tr.bottom td.milieu{
  background-image:url('../images/css/cadre/gris_bas.png');
}
table.container.gris tr.bottom td.droite{
  background-image:url('../images/css/cadre/gris_coin_bd.png');
}

/******** CONNEXION **/
table#connexion h2{
  font-size:18px;
  font-weight:normal;
}

table#connexion input[type=text],
table#connexion input[type=password]{
  color:gray;
  width:200px;
}
table#connexion form{
  text-align:center;
}
table#connexion a{
  font-weight:normal;
  font-size:12px;
  text-decoration:underline;
  display:block;
  text-align:left;
  padding-left:30px;
}
/***********************
  FORM 
***************************/
ul.radio_list li label{
  font-size:16px;
  color:#333333;
}
form label{
  color:#FF0099
}
form span.help{
  display:block;
  color:#FFADD6;
}


table.edit_coordonnees tr td.col1{
  width:230px;
}
table.edit_coordonnees tr td{
padding:4px;
}
table.edit_coordonnees tr td.col3{
  width:100px;
}

div.double_list_enseigne_inscription select{
  width:270px;
}
div.double_list_label{
  color:#FFFFFF;
  font-weight:bold
}
.red{
  color:red;
  border:2px solid red;
  background-color:red;
}
/***********************
  ENSEIGNE
***************************/

/***********************
  POINT DE VENTE
***************************/
div.barregris{
  margin-top:20px;
  background-color:#999999;
  color:#FFFFFF;
  font-size:14px;
  padding:5px 10px;
}
div.barregris a.first,
div.barregris a.previous,
div.barregris a.next,
div.barregris a.last{
  display:none;
}
div.barregris div.pagination{
  float:right;
}
div.barregris span.gris{
  color:#cccccc;
}

/*pointdevente_show*/
table#pointdevente_show  p.accroche{
  color:#666666;
  font-size:18px;
  font-weight:500;
  
  border-bottom:1px solid #e2e2e2;
  padding-bottom:15px;
}
h1 img.logo_enseigne{
  float:right;
  margin-top:-10px;
}

table#pointdevente_show img.logo1{
  float:left;
  margin:10px 30px 30px 0;

}
table#pointdevente_show div.barregris{
  text-align:center;
}
table#pointdevente_show div.barregris a{
  color:#FFFFFF;
}
table#pointdevente_show div.barregris a.previous{
  float:left;
  display:block;
}
table#pointdevente_show div.barregris a.next{
  float:right;
  display:block;
}
table#pointdevente_show div#boutons_opticien{
  float:right;
  width:300px;
}
table#pointdevente_show div#boutons_opticien a{

}
/* listing*/
table.pointdevente_listing{
  border-collapse:collapse;
}
table.pointdevente_listing tr td{
  padding:5px;
  vertical-align:middle;
}
table.pointdevente_listing tr td.col1{
  width:80px;
}
table.pointdevente_listing tr td.col2{
  width:80px;
}
table.pointdevente_listing tr td.col3{

}
table.pointdevente_listing tr td.col4{
  width:200px;
}
table.pointdevente_listing tr td.col4 a{
  display:block;
  font-size:11px;
  margin:5px 0;
}

/* recherche_annuaire */
div#recherche_annuaire input.field{
  font-size:15px;
  color:#999999;
  margin:0 0 0 25px;
  width:368px;
}
div#recherche_annuaire input#field_quoi{
  margin:40px 0 0 25px;
}
div#recherche_annuaire input#field_ou{
  margin:20px 0 0 25px;
}
div#recherche_annuaire input#bouton_annuaire_trouver{
  position:absolute;
  right:265px;
  top:80px;
}
div#recherche_annuaire{
  background:url('../images/css/bg_search.jpg') no-repeat;
  height:134px;
  width:850px;
  position:relative;
}
div#recherche_annuaire ul.error_list{
  margin:0 0 0 170px;
}
/****************************
    PAGES
************************/
/** panier abonnement **/

table.container#panier ul.liste_abonnement{
  margin-bottom:30px;
}
table.container#panier ul.liste_abonnement li{
  margin-bottom:5px;
  border-bottom:1px solid #E2E2E2;
  line-height:18px;
}
table.container#panier ul.liste_abonnement input{
  vertical-align:text-bottom;
}
table.container#panier table tr.separator{
  height:30px;
  background-image:url('../images/pixel_blanc.gif');
  background-position:left center;
  background-repeat:repeat-x;
}

table.container#panier table tfoot td.col3{
  text-align:right;
  width:75px;
  padding-right:20px;
  color:#FF0098;
}
table.container#panier table tfoot td.col4{
  width:75px;
  color:#FF0098;
}
/** partial  info omn compte **/
div#info_compte h2{
  width:580px;
}
div#info_compte a#img_actualiser_compte{
  position:absolute;
  margin-left:620px;
}

table.listing_info{
  width:580px;
}
table.listing_info tr td{
  border-bottom:1px solid #E2E2E2;
  padding:3px;
}
table.listing_info tr td.col1{
  width:280px;
}
table.listing_info tr td.col2{
  width:300px;
}

/********** PROFIL VISUEL ***********/
/* mneu onglet */
div.prev,
div.next{
	cursor:pointer;
	float:left;
  height:22px;
  padding-top:6px;
}
#onglet_porteur_scrollable{
  overflow:hidden;
  width:850px;

  height:29px;
  position:relative;
	
	float:left;
  margin:0px 5px 10px 5px;
}
ul#onglet_porteur{
  font: bold 11px verdana, arial, sans-serif;
  list-style-type: none;
  border-bottom: 1px solid #e2e2e2;
  margin: 0;
  height:28px;
  padding:0 0 0 10px;
  width: 2000em;
  position:absolute;
	width:20000em;
	clear:both;
}
ul#onglet_porteur li{
  float: left;
  height: 25px;
  background-color: #f8edf3;
  margin: 2px 2px 0 2px;

}

ul#onglet_porteur li.active{
  background-color: #fff;
  border: 1px solid #e2e2e2;
  border-bottom: 1px solid #fff;
}
ul#onglet_porteur li.active a{
  color:#ff0099;
}

ul#onglet_porteur li a{
  display: block;
  color:#ff99cc;
  text-decoration: none;
  padding: 6px;
}
ul#onglet_porteur li a:hover{
  color:#ff0099;
}
/* info porteur */
table.container#profil_visuel h2{
  color:#FFFFFF;
}
table.container#profil_visuel table#porteur{
  width:570px;
}
table.container#profil_visuel table#porteur tr td label{
  float:left;
}
table.container#profil_visuel table#porteur tr td span.form_error{
  text-align:right;
  float:right;
}
table.container#profil_visuel table#porteur tr td{
  border-bottom:1px solid #E2E2E2;
}

table.container#profil_visuel table#porteur tr td.col2{
  /*width:170px;*/
  text-align:right;
  padding:1px;
}
table.container#profil_visuel table#porteur tr td label{
  color:#666666;
}
table.container#profil_visuel table#porteur tr.col_gris label{
  color:#999999;
}
table.container#profil_visuel table#porteur tr.col_gris td.col2 select{
  width:300px;
  background-color:#EEEEEE;
  border:none;
  color:#666666;
}

table.container#profil_visuel a#bouton_contacter{
  display:block;
  position:absolute;
  right:30px;
}
/* mesure */
table.container#profil_visuel div#mesure label{
  
}


/* usage */
table.container#profil_visuel div#usage{
  
}
table.container#profil_visuel div.question_oeil{
  width:330px;

}
table.container#profil_visuel div.question_oeil  h2{
  text-align:center;
}
table.container#profil_visuel div#oeil_gauche{
  border-right:1px solid #ff99cc;
  float:left;
}
table.container#profil_visuel div#oeil_droit{
  margin-left:340px;
  margin-bottom:20px;
  margin-top:22px;
}
table.container#profil_visuel div.question_oeil table label{
  font-size:11px;
  color:#A2A2A2;
}
table.container#profil_visuel div.question_oeil table label span.rose{
  font-size:12px;
}
table.container#profil_visuel div#col_aide{
  position:absolute;
  width:175px;
  right:0px;
  text-align:center;
}
table.container#profil_visuel div#info_oeil{
  width:720px;
}
table.container#profil_visuel div#info_oeil ul.radio_list{
  height:35px;
}
table.container#profil_visuel div#info_oeil ul.radio_list li{
  float:left;
  width:50%;
}
table.container#profil_visuel div#info_oeil ul.radio_list li label,
#efficacite_performance ul.radio_list li label,
#qualite_prix ul.radio_list li label{
  font-size:12px;
}
table.container#profil_visuel table#usage thead{
  height:30px;
}
table.container#profil_visuel table#usage thead th{
  padding:5px;
  background-image:url('../images/pixel_rose.gif');
  background-repeat:repeat-x;
  background-position:left 25px;
}
table.container#profil_visuel table#usage th.separator{
  width:20px;
  background-image:none;
}
table.container#profil_visuel table#usage tr.ligne0 td.libelle label,
table.container#profil_visuel table#usage tr.ligne0 td.libelle{
  background-color:#ffe5f2;
}
table.container#profil_visuel table#usage thead th.col_qcm,
table.container#profil_visuel table#usage tr td.col_qcm{
  width:47px;
  text-align:center;
  white-space:nowrap;
}

/* mixte */
table.container#profil_visuel table.listing tr td.libelle{
  padding-bottom:3px;
  background-image:url('../images/tiret_rose.gif');
  background-repeat:repeat-x;
  background-position:left 10px;
}
table.container#profil_visuel table.listing td.libelle label{
  padding-bottom:3px;
  background-color:#FFFFFF;
  padding-right:5px;
}
/* exigence */
table.container#profil_visuel table#exigence{
  width:570px;

}
table.container#profil_visuel div#exigence div.radio label{
  color:#666666;
  font-weight:bold;
  margin-bottom:8px;
  display:block;
}
table.container#profil_visuel div#exigence div.radio{
  margin-top:20px;
  border-bottom:1px solid #ff0099;
  height:45px;
  margin-bottom:20px;

}
table.container#profil_visuel div#exigence div.radio ul.radio_list li{
  float:left;
  margin-right:20px;
  color:#ff0099;
}
table.container#profil_visuel div#exigence div.radio ul.radio_list li label{
  color:#ff0099;
  font-weight:normal;
  display:inline;
}

table.container#profil_visuel div#exigence div#efficacite_performance{
  width:300px;
  float:left;
}
table.container#profil_visuel div#exigence div#qualite_prix{
  margin-left:310px;
  width:390px;
}

table.container#profil_visuel table#exigence th{
  vertical-align:bottom;
  padding-bottom:5px;
  font-weight:500;
}
table.container#profil_visuel table#exigence th.separator{
  width:40px;
}
table.container#profil_visuel table#exigence tr td.col_qcm{
  width:50px;
}

table.container#profil_visuel table#exigence tr.titre td{
  padding-bottom:5px;
  padding-top:20px;
  font-weight:500;
}
/** cpt41Full **/

/* les demandes en cours */
  table.container#cpt41full a.commentaire_demande{
  text-decoration:underline;
  color:#FF0098;
}

table.container#cpt41full a.commentaire_demande p{
  position:absolute;
  background-color:#ff99cc;
  color:#FFFFFF;
  font-size:11px;
  width:200px;
  border:1px solid #E2E2E2;
  right:0;
  margin-top:-0px;
  display:none;
}
table.container#cpt41full a.commentaire_demande:hover p{
  display:block;
  padding:10px;
}
table.container#cpt41full a.commentaire_demande p span{
  color:#FF19A7;
  display:block;
  font-size:13px;
  padding-bottom:10px;
}
/* la demande de certif */
table.container#cpt41full p.info_compte{
  width: 400px;
  margin:20px;
}
table.container#cpt41full p.info_compte label{
  width:190px;
  display:block;
  float:left;
  color:#000000;
}

table.container#cpt41full p.referencer_magasin{
  float:right;
  margin-right:60px;
  margin-top:5px;
}
table.container#cpt41full p.referencer_magasin a{
  text-decoration:underline;
}
/***/
div.select_double_list select{
  width:215px;
  height:250px;
}
div.select_double_list img{
  margin:10px 30px 0px 30px;
}

/** definir_zone_achat **/
table#definir_zone_achat table.gris{
  width:660px;
}
table#definir_zone_achat table.gris tr.middle td.milieu{
  padding:20px;
}
/** demande public vers opticien **/
table#demande_public div.colonne_pj{

}
table#demande_public table.colonne_dialogue{

}
table#demande_public img#image_qr10{
  float:right;
  display:block;
}
table#demande_public h2{
  font-size:30px;
  padding-left:10px;
  margin-bottom:5px;
  font-weight:500;
  text-align:left;
  line-height:50px;
}
table#demande_public div#colonne{
  font-size:18px;
  width:560px;
  font-weight:500;
  letter-spacing:1px;
  line-height:30px;
  padding-bottom:20px;
}
table#demande_public div#colonne h3{
  font-size:24px;
  color:#666666;
  margin-bottom:10px;
  font-weight:500;
}

table#demande_public td.dialogues{
  text-align:right;
  padding-right:10px;
  width:280px
}

h3.accordion_toggle{
  background-color:#ff99cc;
  color:#FFFFFF;
  padding-left:30px;
}
table#demande_public td.separator{
  height:40px;
  vertical-align:middle;
}

table#demande_public ul#liste_destinataire li{
  float:left;
  display:block;
  width:25%;
}

span.notread{
  background-image:url('../images/notread.png');
  background-position:left center;
  background-repeat:no-repeat;
  height:20px;
  width:20px;
  display:block;
  float:right;
}
table#demande_public #destinataires_liste ul{
  padding-left:10px;
  margin:0 10px 10px 0;

}

/******** DEMANDE OPTICIEN ***/
#demande_opticien li{

  padding-left:30px;
}

#demande_opticien li.unread{
  background-image:url('../images/notread.png');
  background-position:5px top;
  background-repeat:no-repeat;
}
#demande_opticien li.active{
  background-color:#ffa7d3;
  background-image:url('../images/fleche_droite.png');
  background-position:250px center;
  background-repeat:no-repeat;
}
#demande_opticien li.unread span.nom{
  color:#FF0098;
}

#demande_opticien li.unread span.info{
  color:#ffa7d3;
}
#demande_opticien li.active span.nom a,
#demande_opticien li.isread span.nom{
  color:#666666;
}
#demande_opticien li.active span.info,
#demande_opticien li.isread span.info{
  color:#999999;
}
#demande_opticien table#demandes td.left{
  padding-top:20px;
  padding-right:20px;
  width: 270px;
}
#demande_opticien table#demandes td.right{
  padding-top:20px;
}

img.ico_demande_mini{
  float:right;
  margin-right:50px;
}
/**** PIECE JOINTE ****/
ul.listing_piece_jointe{

}
ul.listing_piece_jointe li{
  float:left;
  marin:2px;
}

#phpcaptcha{
  border:1px solid #FF0098;
  vertical-align:bottom;
  margin:0 10px;
}



/***************/
table.formulaire tr td{
  padding:3px;
}

a.info_bulle{
  display:block;
  color:#333333;
}
a.info_bulle p{
  position:absolute;
  background-color:#ff99cc;
  color:#FFFFFF;
  font-size:11px;
  width:200px;
  border:1px solid #E2E2E2;
  margin-top:-0px;
  display:none;
}
a.info_bulle:hover p{
  display:block;
  padding:10px;
}
a.info_bulle p span{
  color:#FF19A7;
  display:block;
  font-size:13px;
  padding-bottom:10px;
}
a.info_bulle p.ccli15{
  font-size:18px;
  width:500px;
}
table.edit{
  border-collapse:separate;
}