/******************************************/
/*          COLONNE PRINCIPALE            */
/******************************************/
#col_info
{
  overflow        : hidden;
  padding         : 5px;
}

#col_info div#flash
{
  background      : #e6e6e6;
  height          : 230px;
}

#col_info form
{
  margin          : 20px 0;
}

#col_info form input, #col_info form select, #col_info form textarea
{
  border          : 1px solid #a7a7a7;
  font            : normal 12px verdana, arial, sans-serif;
  color           : #000;
  padding         : 1px;
  vertical-align  : top;
  width           : 330px;
}

#col_info form select
{
  width           : 334px;
}

#col_info form input.inputNoBorder
{
  border          : 0;
  width           : auto;
}

#col_info form textarea
{
  overflow        : auto;
}

#col_info p
{
  margin          : 10px 0;
}

#col_info p.ok
{
  color           : #34a344;
  text-align      : center;
}

#col_info p.ko
{
  color           : #f00;
  text-align      : center;
}

.asterisque
{
  color           : #b80b0b;
  font-size       : 10px;
}

.help
{
  position        : relative;
  padding-top     : 7px;
}

.help-infobulle
{
  position        : absolute !important;
  bottom          : 7px !important;
  right           : 7px !important;
  width           : 400px !important;
  font-size       : 10px !important;
  text-align      : left !important;
}

.help-infobulle-haut
{
  height          : 14px !important;
  width           : 400px !important;
  background      : url(/images/help-haut.png) no-repeat !important;
  display         : block !important;
  float           : none !important;
  padding         : 0 !important;
  text-align      : left !important;
}

.help-infobulle-bas
{
  height          : 43px !important;
  width           : 400px !important;
  background      : url(/images/help-bas.png) no-repeat !important;
  display         : block !important;
  float           : none !important;
  padding         : 0 !important;
  text-align      : left !important;
}

.help-infobulle-milieu
{
  width           : 385px !important;
  padding         : 0 10px 0 5px !important;
  background      : url(/images/help-milieu.png) repeat-y !important;
}

.help-infobulle-milieu *
{
  padding         : 0 !important;
  margin          : 0 !important;
}

.help-infobulle-milieu ul
{
  padding         : 10px 0 10px 20px !important;
  list-style-position  : inside;
}

.help-code
{
  display         : block !important;
  white-space     : pre !important;
  float           : none !important;
  text-align      : left !important;
  font-family     : courier new, monospace !important;
  font-size       : 11px;
  width           : 100% !important;
  overflow        : auto;
}

.help blockquote p
{
  padding         : 5px 0 !important;
}

#required-fields
{
  font-style      : italic;
  font-size       : 10px;
}

#col_info form #nom
{
  text-transform  : uppercase;
}

#col_info form #prenom, #col_info form #ville
{
  text-transform  : capitalize;
}

#col_info form fieldset
{
  border          : 1px solid #c8c8c8;
  padding         : 5px;
  margin          : 15px 0;
}

#col_info form#form_contact fieldset
{
  border          : 0;
}

#col_info form fieldset legend
{
  padding         : 3px 10px;
  border-left     : 1px solid #c8c8c8;
  border-right    : 1px solid #c8c8c8;
  margin-left     : 5px;
  color           : #70001c;
}

#col_info form fieldset p
{
  margin          : 5px 0;
  overflow        : hidden;
  clear           : both;
}

#col_info form fieldset label
{
  display         : block;
  padding-right   : 5px;
  float           : left;
  margin-right    : 3px;
  width           : 210px;
  text-align      : right;
}

#col_info form fieldset em
{
  font-size       : 10px;
}

#col_info form fieldset em.margeInscription
{
  margin-left     : 218px;
}

#col_info p#instructions
{
  font-weight     : bold;
  padding         : 5px 20px;
}

#col_info p#btValider, #col_info p#cgu
{
  text-align      : center;
}

#col_info p#btValider input
{
  padding         : 0;
  font-weight     : bold;
  cursor          : pointer;
  width           : 120px;
}

#col_info p#btValider em
{
  display         : block;
  margin-bottom   : 5px;
  color           : red;
}

#col_info h2
{
  padding         : 3px;
  margin          : 0 0 20px 0;
}

#col_info h2 .degrade1_top
{
  background      : url(../../images/fond_degrade1_top.png);
  overflow        : hidden;
  display         : block;
  height          : 3px;
  margin          : 0 3px;
}

#col_info h2 .degrade1_bottom
{
  background      : url(../../images/fond_degrade1_bottom.png);
  overflow        : hidden;
  display         : block;
  height          : 3px;
  margin          : 0 3px;
}

#col_info h2 .degrade1_left
{
  background      : url(../../images/fond_degrade1_left.png);
  overflow        : hidden;
  display         : block;
  width           : 3px;
  float           : left;
  padding         : 12px 0;
  font            : italic 18px arial, sans-serif;
}

#col_info h2 .degrade1_right
{
  background      : url(../../images/fond_degrade1_right.png);
  overflow        : hidden;
  display         : block;
  width           : 3px;
  float           : right;
  padding         : 12px 0;
  font            : italic 18px arial, sans-serif;
}

#col_info h2 strong
{
  color           : #600;
  border          : 1px solid #cdcdcd;
  background      : #fff url(../../images/fond_titre1.gif) repeat-x bottom;
  margin          : 0 3px;
  font            : bold 19px arial, sans-serif;
  display         : block;
  padding         : 11px 0 11px 10px;
}

#col_info h3
{
  font            : bold 20px arial, sans-serif;
  padding         : 10px 40px 10px 50px;
  color           : #8b0000;
}

#col_info p.paragraphe
{
  margin          : 0 40px 10px 50px;
  text-align      : justify;
}

#col_info div.paragraphe
{
  margin          : 0 40px 30px 50px;
  text-align      : justify;
}

#col_info p.note
{
  font-style      : italic;
  font-weight     : bold;
}

#col_info em#nbMembres
{
  display         : block;
  font            : italic 18px arial, sans-serif;
  margin          : 20px 0;
  text-align      : center;
  color           : #333;
}

#col_info em#nbMembres strong
{
  font            : bold italic 20px arial, sans-serif;
  color           : #600;
}

#col_info #inscription
{
  text-align      : center;
  text-transform  : uppercase;
  padding         : 20px 0;
  margin          : 0 auto;
}

#col_info #inscription a
{
  text-decoration : none;
  font            : normal 26px arial, sans-serif;
  color           : #000;
  letter-spacing  : -.08em;
  border          : 1px solid #979797;
  padding         : 7px 45px;
  background      : #f8df81 url(../../images/fond_bt_inscription.gif) repeat-x bottom center;
}

#col_info #inscription a:hover
{
  border          : 1px solid #c7c7c7;
}

#how_work
{
  margin          : 20px auto;
  width           : 630px;
  overflow        : hidden;
}

#how_work p
{
  float           : left;
  margin          : 0 5px;
  width           : 200px;
  display         : inline;
}

#how_work p .titre_how_work_right
{
  background      : url(../../images/fond_head_tab_right.gif) no-repeat top right;
  font            : bold 14px arial, sans-serif;
  padding         : 3px 0 3px 6px;
  display         : block;
}

#how_work p strong
{
  display         : block;
  background      : #70001a url(../../images/fond_head_tab.gif) no-repeat;
  color           : #fff;
}

#how_work p span
{
  display         : block;
  background      : #fff;
  border          : 1px solid #9c9c9c;
  padding         : 4px;
}

#how_work p span em
{
  color           : #8b0000;
  font-weight     : bold;
  font-style      : normal;
}

#how_work p span a:link, #how_work p span a:visited
{
  text-decoration : none;
  color           : #8b0000;
  font-weight     : bold;
}

#how_work p span a.link-plus-info:link, #how_work p span a.link-plus-info:visited
{
  display         : block;
  margin          : 40px 0 0 10px;
  text-align      : left;
}

#how_work p span a:hover
{
  text-decoration : underline;
}

.accueilExemples
{
  width           : 470px;
}

.accueilExemples td
{
  padding-left    : 40px;
}

.champVide
{
  color           : red;
}

#alerte
{
  color           : red;
  text-align      : center;
}

#sites
{
  color           : #000;
  overflow        : hidden;
  position        : relative;
}

#sites #frame_sites
{
  overflow        : hidden;
  height          : 650px;
}

#sites #frame_sites div
{
  height          : 650px;
}

#sites #frame_sites p
{
  width           : 350px;
  padding         : 20px 8px 0;
  margin-left     : 20px;
  text-align      : center;
}

#sites #frame_sites p img
{
  display         : block;
  padding         : 2px 14px;
  border          : 1px solid #7f7f7f;
  background      : #d8d8d8;
  margin-bottom   : 5px;
  width           : 320px;
  height          : 290px;
}

#sites #frame_sites p strong.titre
{
  display         : block;
  color           : #fff;
  background      : #70001a url(../../images/fond_head_tab.gif) no-repeat;
}

#sites #frame_sites p strong.titre span
{
  background      : url(../../images/fond_head_tab_right.gif) no-repeat top right;
  padding         : 3px 0 3px 6px;
  display         : block;
  font            : bold 15px arial, sans-serif;
  text-align      : center;
}

#sites #frame_sites p a
{
  font            : normal 11px verdana, arial, sans-serif;
  text-decoration : none;
  color           : #666;
}

#sites #frame_sites cite
{
  margin          : 40px 10px 0 10px;
  display         : block;
  border          : 1px solid #7f7f7f;
  padding         : 10px;
  font-style      : normal;
  background      : #fff;
}

#sites #frame_sites div cite span
{
  margin-top      : 15px;
  display         : block;
  padding-left    : 10px;
}

#sites #frame_sites em
{
  display         : block;
  text-align      : center;
  padding         : 3px 0;
}

#col_info #liste_sites
{
  margin          : 20px;
  padding         : 10px;
  border          : 1px solid #d0d0d0;
  width           : 170px;
  position        : absolute;
  top             : 0;
  right           : 20px;
}

#col_info #liste_sites legend
{
  margin          : 0;
  padding         : 0 5px 2px;
  color           : #999;
  font-size       : 10px;
}

#col_info #liste_sites p
{
  margin          : 4px 0;
}

#col_info #liste_sites a:link
{
  color           : #666;
}

#col_info #liste_sites a:visited
{
  color           : #999;
}

#col_info .bouton
{
  text-align      : center;
}

#col_info .bouton button
{
  padding         : 3px 15px;
  font            : normal 12px verdana, arial, sans-serif;
}

#col_info #slideshows .ban
{
  margin          : auto;
  width           : 500px;
}

#col_info #messenger .ban
{
  margin          : auto;
  width           : 200px;
}

#col_info #liens-sponso, #col_info #slideshows, #col_info #overlays, #col_info #bannieres, #col_info #messenger, #col_info #corner
{
  margin          : 20px;
  padding         : 10px;
  border          : 1px solid #d0d0d0;
}

#col_info #bannieres div
{
  text-align      : center;
}

#col_info #liens-sponso legend, #col_info #slideshows legend, #col_info #overlays legend, #col_info #bannieres legend, #col_info #messenger legend, #col_info #corner legend
{
  margin          : 0;
  padding         : 0 5px;
  color           : #999;
}

#col_info #liens-sponso dd a, #col_info #slideshows dd a, #col_info #overlays dd a, #col_info #bannieres dd a
{
  display         : block;
  color           : #70001c;
  text-decoration : underline;
  font-weight     : bold;
}

#col_info #liens-sponso dt a, #col_info #slideshows dt a, #col_info #overlays dt a, #col_info #bannieres dt a
{
  display         : block;
  color           : #666;
  font            : normal 10px verdana, arial, sans-serif;
  text-decoration : none;
}

#col_info #liens-sponso dt.url a, #col_info #slideshows dt.url a, #col_info #overlays dt.url a, #col_info #bannieres dt.url a
{
  color           : #70001c;
}

#sites_accueil
{
  width           : 650px;
  margin          : 0 auto;
}

#sites_accueil p
{
  width           : 205px;
  float           : left;
  display         : inline;
  margin-left     : 10px;
}

#sites_accueil p strong.dernier-site
{
  display         : block;
  width           : 190px;
  padding         : 5px 0 5px 12px;
  color           : #fff;
  font            : bold 12px arial, sans-serif;
  border          : 1px solid #7b0c26;
  border-top      : 0;
  background      : #70001a url(../../images/fond_head_tab.gif) no-repeat -10px top;
  text-align      : center;
}

#sites_accueil p img
{
  display         : block;
  margin          : 10px auto;
}

#sites_accueil p strong.autres-sites
{
  display         : block;
  width           : 190px;
  padding         : 5px 0 5px 12px;
  color           : #600;
  font            : bold 12px arial, sans-serif;
  border          : 1px solid #ccc;
  background      : #fff url(../../images/fond_titre1.gif) center center;
  text-align      : center;
}

#sites_accueil p span
{
  display         : block;
  width           : 185px;
  font            : normal 12px verdana, arial, sans-serif;
  border          : 1px solid #9ea7ad;
  border-top      : 0;
  background      : #dadada;
  padding         : 10px 5px 10px 12px;
}

#sites_accueil p em
{
  display         : block;
  text-align      : center;
  padding         : 3px 0;
}

#sites_accueil p span a
{
  display         : block;
  color           : #333;
  font            : normal 12px verdana, arial, sans-serif;
  padding         : 1px;
  text-decoration : none;
}



#col_info #certif-ok, #col_info #certif-erreur
{
  width : 400px;
  text-align : center;
  margin : 20px auto;
  padding : 20px;
}

#col_info #certif-ok
{
  background : #f1fff3;
  border : 1px solid #06961b;
}

#col_info #certif-erreur
{
  background : #ffeaea;
  border : 1px solid #bf0404;
}

/******************************************/
/*             COLONNE LOGIN              */
/******************************************/
#col_log
{
  float           : right;
  width           : 300px;
  padding         : 0 10px;
  background      : #fff;
}

#col_log .mod
{
  margin-bottom   : 10px;
}

#col_log form
{
  margin          : 15px 0;
}

#col_log form p
{
  margin          : 10px 0;
  overflow        : auto;
}

#col_log form p label
{
  display         : block;
  text-align      : right;
  padding-right   : 5px;
  width           : 150px;
  float           : left;
  font-size       : 11px;
}

#col_log form p#keep-log-check
{
  text-align      : right;
}

#col_log form p#keep-log-check label
{
  display         : inline;
  padding-left    : 5px;
  float           : none;
}

#col_log form p a
{
  width           : 150px;
  float           : left;
  color           : #000;
  font-size       : 10px;
}

#col_log form p input
{
  border          : 1px solid #a7a7a7;
  background      : url(../../images/fond_degrade1_bottom.png) repeat-x top;
  width           : 114px;
  font            : normal 10px verdana, arial, sans-serif;
  padding         : 2px;
  float           : right;
  margin-right    : 6px;
  width           : 130px;
  display         : inline;
}

#col_log form p select
{
  border          : 1px solid #a7a7a7;
  background      : url(../../images/fond_degrade1_bottom.png) repeat-x top;
  width           : 114px;
  font            : normal 10px verdana, arial, sans-serif;
  padding         : 0px;
  float           : right;
  margin-right    : 6px;
  width           : 136px;
  display         : inline;
}

#col_log form p select option
{
  margin-left     : 5px;
  height          : 1.5em;
}

#col_log form p#keep-log-check input
{
  float           : none;
  width           : auto;
  margin-right    : 0;
  vertical-align  : middle;
  border          : 0;
  background      : none;
}

#col_log form#form-keep-log p input
{
  border          : 0;
  background      : none;
  width           : auto;
  font            : bold 12px verdana, arial, sans-serif;
  padding         : 0;
  float           : none;
  margin-right    : 0;
  display         : inline;
}

#col_log form#form-keep-log p select
{
  border          : 0;
  background      : none;
  width           : auto;
  font            : bold 12px verdana, arial, sans-serif;
  padding         : 0;
  float           : none;
  margin-right    : 0;
  display         : inline;
}

#col_log form p input[type=hidden]
{
  display         : none;
}

.inputDefaut
{
  color           : #a7a7a7;
}

.inputRempli
{
  color           : #000;
}

#col_log form input.btValider, #col_info form input.btValider, #col_info button.btValider
{
  padding         : 0;
  cursor          : pointer;
  width           : 80px;
  color           : #fff;
  background      : #181818 url(../../images/fond_bt.gif) repeat-x center;
  border          : 1px solid #000;
}

#col_info button.btValider
{
  width           : 150px;
  padding         : 2px 0;
}

#col_log form#form-keep-log p input.btValider
{
  background      : none;
  border-bottom   : 1px solid blue;
  color           : blue;
  text-decoration : underline;
  font-weight     : normal;
}

#col_log form#form-keep-log p input.btValider2
{
  font-size       : 10px;
}

#col_log h3
{
  font            : bold 15px arial, sans-serif;
  margin-bottom   : 10px;
}

#col_log h3 .degrade2_top
{
  background      : url(../../images/fond_degrade2_top.png);
  overflow        : hidden;
  display         : block;
  height          : 2px;
  margin          : 0 2px;
}

#col_log h3 .degrade2_bottom
{
  background      : url(../../images/fond_degrade2_bottom.png);
  overflow        : hidden;
  display         : block;
  height          : 2px; 
  margin          : 0 2px;
}

#col_log h3 .degrade2_left
{
  background      : url(../../images/fond_degrade2_left.png);
  overflow        : hidden;
  display         : block;
  width           : 2px;
  float           : left;
  padding         : 12px 0 11px 0;
  font            : italic 18px arial, sans-serif;
}

#col_log h3 .degrade2_right
{
  background      : url(../../images/fond_degrade2_right.png);
  overflow        : hidden;
  display         : block;
  width           : 2px;
  float           : right;
  padding         : 12px 0 11px 0;
  font            : italic 18px arial, sans-serif;
}

#col_log h3 strong
{
  color           : #000;
  border          : 1px solid #cdcdcd;
  background      : #fff url(../../images/fond_titre1.gif) repeat-x bottom;
  margin          : 0 2px;
  display         : block;
}

#col_log h3 strong span
{
  font            : normal 18px arial, sans-serif;
  display         : block;
  padding         : 11px 0 12px 50px;
}

#col_log h3.inscription strong a
{
  color           : #000;
  text-decoration : none;
  display         : block;
  font            : normal 18px arial, sans-serif;
  padding         : 11px 0 12px 50px;
  background      : url(../../images/icone_inscription.gif) no-repeat 2px center;
}

#col_log h3#titre_login strong span
{
  background      : url(../../images/icone_login.gif) no-repeat 2px center;
}

#col_log h3#titre_reversements strong span
{
  background      : url(../../images/icone_reversements.gif) no-repeat 2px center;
}

#col_log h3#titre_outils_promotion strong span
{
  background      : url(../../images/icone_outils_promotion.gif) no-repeat 2px center;
}

#col_log h3#titre_news strong span
{
  background      : url(../../images/icone_news.gif) no-repeat 2px center;
}

#col_log table
{
  border-collapse : collapse;
  width           : 100%;
  border-bottom   : 1px solid #717e87;
}

#col_log caption
{
  padding-top     : 10px;
}

#col_log table thead tr
{
  background      : #70001a url(../../images/fond_head_tab.gif) no-repeat top left;
}

#col_log table thead th
{
  color           : #fff;
  padding         : 3px 3px;
  font            : normal 12px arial, sans-serif;
}

#col_log table thead th.derniere
{
  background      : url(../../images/fond_head_tab_right.gif) no-repeat top right;
}

#col_log table tbody
{
  color           : #333;
  background      : #d4d4d4;
  font-size       : 11px;
}

#col_log table td.offre
{
  border-left     : 1px solid #717e87;
  padding-left    : 10px;
}

#col_log table td.type
{
  text-align      : center;
  /*padding-right   : 30px;*/
}

#col_log table td.reversement
{
  border-right    : 1px solid #717e87;
  text-align      : right;
  padding-right   : 30px;
}

#col_log table tbody td.premiere
{
  padding-top     : 10px;
}

#col_log table tbody td.derniere
{
  padding-bottom  : 10px;
}

#col_log #news_log div
{
  padding         : 10px;
  border          : 1px dotted #a7a7a7;
  margin-bottom   : 15px;
}

#col_log #news_log div p
{
  font-weight     : bold;
}

#col_log #news_log div a
{
  display         : block;
  margin-top      : 7px;
  color           : #000;
}

#col_log .erreur_connexion
{
  color           : #ff3e04;
  text-align      : center;
}








#col_log #tab_reversements
{
  width           : 300px;
}

#col_log #tab_reversements .tab_reversement_offre
{
  width           : 80px;
}

#col_log #tab_reversements .tab_reversement_type
{
  width           : 50px;
}

#col_log #tab_reversements .tab_reversement_revers
{
  width           : 168px;
}

#col_log #tab_reversements #tab_reversements_head
{
  background      : #70001a url(../../images/fond_head_tab.gif) no-repeat top left;
  color           : #fff;
  overflow        : hidden;
  text-align      : center;
  width           : 100%;
}

#col_log #tab_reversements #tab_reversements_head strong
{
  display         : block;
  float           : left;
  padding         : 3px 0;
  font-weight     : normal;
}

#col_log #tab_reversements #tab_reversements_head strong.derniere
{
  float           : right;
  background      : url(../../images/fond_head_tab_right.gif) no-repeat top right;
}

#col_log #tab_reversements #tab_reversements_head strong.derniere span
{
  display         : inline;
  float           : left;
  width           : 84px;
}

#col_log #tab_reversements #tab_reversements_body
{
  background      : #d4d4d4;
  border          : 1px solid #717e87;
  font-size       : 11px;
  padding         : 5px 0;
}

#col_log #tab_reversements #tab_reversements_body p
{
  overflow        : hidden;
  padding         : 2px 0;
}

#col_log #tab_reversements #tab_reversements_body span
{
  display         : block;
  float           : left;
}

#col_log #tab_reversements #tab_reversements_body span.tab_reversement_offre
{
  text-indent     : 10px;
}

#col_log #tab_reversements #tab_reversements_body span.tab_reversement_type
{
  text-align      : center;
}

#col_log #tab_reversements #tab_reversements_body span.tab_reversement_revers
{
  width           : 168px;
}

#col_log #tab_reversements #tab_reversements_body span.tab_reversement_revers em
{
  display         : inline;
  font-style      : normal;
  float           : left;
  text-align      : right;
  width           : 64px;
  margin-right    : 20px;
}

#col_log #taux_reversement
{
  text-align      : center;
  padding         : 10px 0;
}

#col_log #cadre_contact
{
  height          : 60px;
  width           : 300px;
  background      : #fff url(../../images/fond_contact.gif) no-repeat;
  margin-bottom   : 10px;
}

#col_log #cadre_contact img, #col_log #cadre_contact strong
{
  float           : left;
  display         : inline;
}

#col_log #cadre_contact img
{
  margin          : 4px 0 0 10px;
  border          : 1px solid #000;
}

#col_log #cadre_contact strong
{
  padding-top     : 2px;
  line-height     : 18px;
  padding-left    : 10px;
}