/* Modèle v1.11 27/03/2008 */

/* Paliation du bug de vidéos Quicktime sous IE6 */

  /* hides the second object from all versions of IE */
  * html object.mov {
      display: none;
  }

  /* displays the second object in all versions of IE apart from 5 on PC */
  * html object.mov/**/ {
      display: inline;
  }

  /* hides the second object from all versions of IE >= 5.5 */
  * html object.mov {
      display/**/: none;
  }

/**/


/******************************************/
/******  GENERIQUE A TOUS LES SITES *******/
/******************************************/

/********** A GARDER EN L'ÉTAT ************/
/* Balises */
*{margin:0; padding:0;}
li{margin-left: 25px;}
a img{border:0}
html {font-size: 100%;}

/* Classes / ID */
.clear{clear:both;}
.bold {font-weight:bold;}
/*********** A PERSONNALISER **************/
/* Balises */
body {font: normal 12px Trebuchet MS; color:#464545;}
table{font-size: 10pt;}
a{color:#ee3124; text-decoration:none; cursor:pointer;}
a:hover {text-decoration:underline;}

li a, p a {color:#464545; text-decoration:none; cursor:pointer; font:normal 11px Trebuchet MS;}
li a:hover, li a.hover, p a:hover {color:#ee3124;}

label {color:#000;}
input, select, textarea{font:normal 12px Trebuchet MS; color:#000; width:150px; border:1px solid #dedbdb;}
h1{font: bold 9pt Trebuchet MS; color:#ee3124; text-transform:uppercase; padding-top:5px;}
h2{font: bold 9pt Trebuchet MS; color:#ee3124; text-transform:uppercase; padding:5px; line-height:1.1em;}
h2 div {color:#000; font-weight:normal; text-transform:lowercase; font-style:italic;}
h3{font: bold 12pt Trebuchet MS; color:#fff; text-transform:uppercase; text-align:center;}
h4{font: bold 9pt Trebuchet MS; color:#464545; text-transform:uppercase; margin:5px; }
h5{font: bold 11pt Trebuchet MS; color:#ee3124; text-transform:uppercase; margin-top:5px; text-align:center; margin-bottom:15px;}
h6{font: bold 11pt Trebuchet MS; color:#464545; text-transform:uppercase; line-height:20px; text-align:center; color:white; background-image:url(images/fond/degrade_gris4x4.gif); margin:10px;}

p {margin-bottom:5px; text-align:justify;}

.txt_bleu   {color:#aed1ff}
.txt_rouge  {color:#ff7878}
.txt_noir   {color:#000000}
.txt_gris   {color:#d3d3d3}
.txt_jaune  {color:#ffff99}
.txt_orange {color:#ffcc66}
.txt_vert   {color:#ccff99}
.txt_blanc  {color:#ffffff}

.fnd_bleu   {background-color:#aed1ff}
.fnd_rouge  {background-color:#ff7878}
.fnd_noir   {background-color:#000000}
.fnd_gris   {background-color:#d3d3d3}
.fnd_jaune  {background-color:#ffff99}
.fnd_orange {background-color:#ffcc66}
.fnd_vert   {background-color:#ccff99}
.fnd_blanc  {background-color:#ffffff}

.block {display:block;}

#cb {width:100%;}
#cb td{width:50%; }
#cb th {width:50%; text-align:right; font:bold 14px "Trebuchet MS";}
#cb .submit {text-align:center;}
#cb .submit input{background:url('tbs/images/suivant.jpg'); height:30px; line-height:30px; width:135px; border:0; margin-top:10px;}

.radio, .checkbox {width:30px; border:0px;}
.texte {font:12px Trebuchet MS;}
.titre {font:bold 16px Trebuchet MS;color:#ee3124; margin-left: 0px; margin-bottom:5px;}
.titre2 {font:bold 13px Trebuchet MS;color:#ee3124; margin-left: 5px;  margin-bottom:2px;}
.titre3 {font:bold 10px Trebuchet MS;color:#ee3124; margin-left: 10px;  margin-bottom:2px;}
.center{text-align:center;}
.triangle{float:left;}
.lien{text-align:right;}

.lien_black a{color:#6c6b6b; font-weight:bold; margin:0 2px; text-decoration:none;}
.lien_black a:hover{text-decoration:underline;}

.ligne_navigation{text-align:center; clear:both; list-style-type:none; font-size:8pt; color:#6c6b6b; height:14px; margin:-5px 0 5px;}
.ligne_navigation li{font-weight:bold; display:inline; margin-left:0;}
.ligne_navigation li a{margin:0 2px; text-decoration:none; color:#6c6b6b;}
.ligne_navigation li.page_courante{text-decoration:underline; margin:0 2px;}

#face {width:280px;height:480px; overflow:hidden; border-bottom:1px solid #94A3C4; margin-bottom:10px;}
.fan_box .page_stream {height:170px;}
.fan_box .connections {min-height:95px;}


/* Classes / ID */
#body{background:#fdfdfd url(images/fond/fond2.gif) repeat-x;}
p.par {margin-bottom:10px;}
.color {color:#ee3124;}
.hr{clear:both; height:0px; margin:10px 0px; border-bottom:1px solid #cc1104;}
#conteneur{margin:0 auto; width: 975px;}
.colonne {float:left; display:inline}

.bouton {float:right;}

/******************************************/
/******  COMMUN AUX PAGES DE CE SITE ******/
/******************************************/
#contenu{float:left; width:725px; margin-top:10px; margin-bottom:10px; display:inline;/*bug IE6*/ overflow:hidden;  z-index:1;}
#contenu.etendu{width:975px; display:block;}
h1#titre{margin-right:10px; margin-bottom:10px;  padding-left:20px; background:url('images/puce/double_fleche.gif') 8px 10px no-repeat;}
#header {position:relative; clear:both;}
#bandeau{float:left; margin-top:10px; width:470px;}
#bandeau #pubs_bandeau{width:470px; height:62px; overflow:hidden; margin-bottom:14px;}
#bandeau #pubs_bandeau {position:relative;}
#bandeau #pubs_bandeau a.flash {height:62px; width:470px; position:absolute; background:black; filter:alpha(opacity=01);-moz-opacity:0.01;opacity:0.01;  top:0px; left:0px; z-index:4;}
#bandeau #pubs_bandeau div {height:62px; width:470px; position:absolute; top:0px; left:0px; z-index:2;}
#bandeau .rech_entete {width:401px; height:26px; padding:3px; background:url(images/fond/bg_recherche.png) 0 0 no-repeat; margin:0 auto;}
#bandeau .rech_entete label{color:#fff;float:left; text-transform:uppercase; width:78px; margin-right:9px; line-height:26px;}
#bandeau .rech_entete p{width:309px; height:22px; padding:2px; float:right; clear:none; margin:0;display:inline-block; background:url(images/fond/input_rech.png) 0 0 no-repeat;}
#bandeau .rech_entete input{border:none; width:278px; float:left; margin-right:2px; height:22px;}
#bandeau .rech_entete input.bt{width:28px; height:22px; margin:0;}

#header .connexion {position:absolute; top:98px; right:15px;}

#header .date {font-size:8pt; display:block; position:absolute; top:98px; left:15px; color:#454545; text-align:left; width:250px;}

#header #form_newsletter {width:150px; margin-top:10px; margin-right:5px; float:right; color:#ee3124; text-align:right; padding:5px; border:#e1e0e0 1px solid;}
#header #form_newsletter input {width:116px; margin-right:2px; float:left;}
#header #form_newsletter .bouton {width:28px; height:22px; border:none;}
#header #form_newsletter .libelle {text-align:left; width:145px;}
#header #form_newsletter p {text-align:right; clear:both; margin:0px; color:red;}
#header #form_newsletter p a{color:#ee3124;}
#header #form_newsletter p a:hover{text-decoration:underline;}

input#input_newsletter {width:130px;}

#pub_top {overflow:hidden;}
#pub_top .encart {width:187px; height:87px; overflow:hidden; position:relative; float:left; margin:0; padding:0; margin-left:45px;}
#pub_top .encart  a.flash {height:87px; width:187px; position:absolute; background:black; filter:alpha(opacity=01);-moz-opacity:0.01;opacity:0.01;  top:0px; left:0px; z-index:4;}
#pub_top .encart div {height:87px; width:187px; position:absolute; top:0px; left:0px; z-index:2;}


#colonne-gauche{width:160px; float:left; display:inline;/*bug IE6*/}
#colonne-centre{width:535px; float:left; display:inline;/*bug IE6*/ margin:0 10px;}
#colonne-centre.large{width:786px; float:left; display:inline;/*bug IE6*/ margin:0 10px;}
#colonne-droite{width:250px; float:right; display:inline;/*bug IE6*/ overflow:hidden; margin:10px 0px;}
#colonne-droite #pubs, #colonne-droite #pubs_bas_droite{width:250px; height:250px; overflow:hidden;position:relative; margin-bottom:10px; background:#000;}
#colonne-droite #pubs a , #colonne-droite #pubs_bas_droite a{height:250px; width:250px; position:absolute; top:0px; left:0px; z-index:4;}

#boite_recherche ul {background:url(images/fond/gris_3x3.gif); padding:5px; padding-right:1px}
#boite_recherche li {list-style-image:url(images/puce/puce.gif); color:#464545; font-weight:normal; font-family:Trebuchet MS; font-size:11px; font-size-adjust:none; font-style:normal; font-variant:normal; padding:0; margin-left:15px}

.type-boite-1{background-color:white; padding-bottom:10px;}
.type-boite-2{background-color:white; padding:10px; border:1px #ee3124 solid;}
.type-boite-3{background-image:url(images/fond/rubriques-fond.gif);}
.type-boite-4{background-image:url(images/fond/annuaire_liste.gif); background-repeat:repeat-y; background-color:white;}

.interieur-boite-1 {margin:10px;}
.interieur-boite-2 {background-image:url(images/fond/gris_3x3.gif); padding:10px;}
h2.interieur-boite-2 {margin:0px 0px 10px 0px; padding:5px;}
.interieur-boite-3 {background-image:url(images/fond/rose_3x3.gif); padding:5px;}


.boite .bg_triangle .bg_interieur p{padding:10px;}
.boite .bg_interieur .liste_puce {margin-bottom:10px;}


.submit{text-align:center;}
.MoteurFiltre .row{height:auto;}


.row {height:25px;}
.row label{width:200px; text-align:right; display:block; float:left; margin-right:5px;}
.row select{width:153px;}
.row.bt {text-align:center;}

.row_rad {clear:both; margin-bottom:5px;}
.row_rad label{}
.row_rad ul{list-style:none; margin-bottom:10px;}
.row_rad ul li {float:left; width:100px; margin:0px;}
.row_rad ul li input{width:30px;}
.row_rad .label{float:left; width:200px; text-align:right;}
.row_rad .rad {margin-left:200px; margin-bottom:1px;}
.row_rad .rad input{vertical-align:middle; border:0; width:30px;}
.row_rad .rad label{float:none; display:inline; margin:0; padding:0; cursor:pointer;}
.asterisque {clear:both; text-align:center;}


.input{width:120px;}
/**/

/****************************************/
/**********   ENTETE    ************/
/****************************************/
#flash_habillage {height:150px; margin:10px auto 0px auto; width:975px; cursor:pointer; overflow:hidden; position:relative;}
#flash_habillage a.flash {height:150px; width:975px; position:absolute; background:black; filter:alpha(opacity=01);-moz-opacity:0.01;opacity:0.01;  top:0px; left:0px; z-index:4;}
#flash_habillage div {height:150px; width:975px; position:absolute; top:0px; left:0px; z-index:2;}

#header {width:968px; background:#fafafa; padding:0 5px 5px 0;}
#header img#logo {float:left; width:258px; height:63px; margin: 10px 30px 2px 3px}
#header p {clear:both; font-size:8pt;color:#464545;margin-left:13px;}
ul#menuA {font-size:10pt; padding:10px; background-color:white; border:1px #ee3124 solid; color:#ee3124; text-transform:uppercase; font-weight:bold; list-style-type: none ; float:right; margin-top:12px; margin-right:15px;}
ul#menuA li{background:url(images/puce/puce.gif) no-repeat; background-position : center left; padding-left:10px; margin-left:0;}
ul#menuA li a{text-decoration:none; color:#ee3124;}
ul#menuA li a:hover{text-decoration:underline;}

.date{float:left;}
.favoris{float:right; font-size:8pt; color:#464545; margin-right:13px;}

/**
 * MAIN MENU : V1
 */ 
ul#menu {width:972px; height:20px; margin-bottom:3px; padding: 0 ;list-style-type: none ; z-index:10;}
ul#menu li{display:inline; float:left; margin:0 2px 0 0; position:relative;}
ul#menu li a{display:inline-block; height:20px; line-height: 20px;text-decoration: none ; text-align:center; background: url(images/fond/menu.gif) no-repeat 0 0 ; font-size:9pt; color: #fff;}
ul#menu li a.m01{width:70px;}
ul#menu li a.m02{width:134px;}
ul#menu li a.m03{width:106px;}
ul#menu li a.m04{width:120px;}
ul#menu li a.m05{width:100px;}
ul#menu li a.m06{width:77px;}
ul#menu li a:hover{background: url(images/fond/menu.gif) no-repeat 0 -20px ;}
ul#menu li a#visited{background: url(images/fond/menu.gif) no-repeat 0 -20px ;}

ul#menu li ul{display:none; width:123px; background:#fff; position:absolute; top:20px; z-index:10;}
ul#menu li ul li{margin-top:2px; z-index:10;}
ul#menu li:hover ul{display:block;}

/**
 * MAIN MENU : V2
 */ 
#menu_v2 ul{list-style:none; text-align:justify; margin-bottom:2px; overflow:hidden; white-space:nowrap;}
#menu_v2 > ul > li{display:inline; margin:0; position:relative;}
#menu_v2 a{ color:#fff; display:inline-block; padding-top:2px; padding-bottom:2px; margin-left:2px; white-space:nowrap; text-align:center;}
#menu_v2 a:hover{text-decoration:none;}
#menu_v2 #ml1 a{background: url(images/fond/menu.gif) no-repeat 0 0; padding-left:24px; padding-right:24px;}
#menu_v2 #ml1 a.ajuste{padding-left:27px; padding-right:26px;}
#menu_v2 #ml2 a{background: url(images/fond/menu2.gif) no-repeat 0 0; padding-left:21px; padding-right:21px;}
#menu_v2 #ml2 a.ajuste{padding-left:20px; padding-right:20px;}
#menu_v2 #ml1 a:hover, #menu_v2 #ml2 a:hover{background-position: 0 -20px;}

#menu_v2 li ul{display:none; width:123px; background:#fff; position:absolute; top:19px; z-index:10;}
#menu_v2 li ul li{ z-index:10; margin:0px; margin-top:2px;}
#menu_v2 li ul li a{display:block;}
#menu_v2 li:hover ul{display:block;}



#marquee_actualite {font-size:8pt; color:#464545; position:relative; height:20px; z-index:1;}
#marquee_actualite span{font:bold 12px 'Trebuchet Ms';color:#ee3124; float:left;}
#marquee_actualite #espace{position:absolute; right:0px; top:0px; overflow:hidden; width:900px;}
#marquee_actualite #marqueee2{position:relative; white-space:nowrap; z-index:1;}

#actu {width:970px; margin:2px 0px; font-size:8pt;}
#actu {color:#6c6b6b;}
#actu span{color:#b30019; float:left; text-transform:uppercase;}
#actu marquee{width:900px; float:right;}


/****************************************/
/**********   PIED PAGE    ************/
/****************************************/
#bas {clear: both; width:973px; height:20px; background:url(images/fond/bas.gif) no-repeat; padding:0px 5px;}
#bas p {float:left;font-size:8pt; color:#464545; width:160px;}
#bas ul {float:right; text-align:right; width:700px; list-style:none; margin-right:10px;}
#bas ul li{display:inline; margin:0px;}
#bas ul li a{margin:0px 1px;}



/****************************************/
/**********   HOME PAGE    ************/
/****************************************/
/** Transparent */
#header.trans {background:url('images/fond/trans2.png'); width:975px;}
#conteneur.trans {background:url('images/fond/trans.png'); padding:10px;}
#marquee_actualite2.trans {background:url('images/fond/trans2.png');margin-bottom:10px;}
#menu.trans {background:url('images/fond/trans2.png'); width:973px; padding-left:2px;}
#right #step.trans {background:url('images/fond/trans_step_by_step.png');}
#colonne-droite #menu_en_savoir_plus.trans {background:url('images/fond/trans2.png');}
#bas.trans {background:url(images/fond/bas.png) no-repeat;}
h1#titre.trans{background:url('images/fond/trans2.png');}

.accueil .col1 {width:180px; margin-right:10px;}
.accueil .col2 {width:306px; margin-right:10px;}
.accueil .col3 {width:204px; margin-right:10px;}

/* ESPACE PERSONNEL */
#espace_personnel {width:194px; height:275px; padding:10px; margin-bottom:10px; background:#fed9d6 url(images/fond/motif.png); float:left; display:inline;}
#espace_personnel #espace_contenu{width:172px; height:253px;padding:10px; background:url(images/fond/bg_candidat.png); border:1px solid:#bb291b; overflow:hidden;}
#espace_personnel #espace_contenu h2{text-align:center; font:bold 14px 'Trebuchet MS'; color:#bb291b;padding:0; margin-bottom:10px;}
#espace_personnel #espace_contenu .espace {margin-bottom:10px;}
#espace_personnel #espace_contenu .espace h3 {text-align:left; margin:0; padding-left:10px; background:url(images/puce/noir.png) 0 2px no-repeat;}
#espace_personnel #espace_contenu .espace h3 a{font:normal 12px 'Trebuchet MS'; color:#000; line-height:11px;}
#espace_personnel #espace_contenu .espace h3 a:hover{color:#ee3124;}
#espace_personnel #espace_contenu .espace p{font:italic 11px 'Trebuchet MS'; color:#5d5d5d; margin:0;}
#espace_personnel #espace_contenu .espace ul{list-style-type:none;}
#espace_personnel #espace_contenu .espace ul li{background:url(images/puce/puce2.png) 0 3px no-repeat; padding-left:10px; margin-left:8px; line-height:13px;}
#espace_personnel #espace_contenu .espace ul li a{font:italic 11px 'Trebuchet MS'; color:#5d5d5d;  line-height:13px;}
#espace_personnel.right_page {width:auto; margin-top:10px;}

/* ESPACE PERSONNEL-GAUCHE */
#espace_personnel_gauche {width:142px; height:275px; padding:10px; margin-bottom:10px; background:#fed9d6 url(images/fond/motif.png); float:left; display:inline;}
#espace_personnel_gauche #espace_contenu_gauche{width:122px; height:253px;padding:10px; background:url(images/fond/bg_candidat.png); border:1px solid:#bb291b; overflow:hidden;}
#espace_personnel_gauche #espace_contenu_gauche h2{text-align:center; font:bold 14px 'Trebuchet MS'; color:#bb291b;padding:0; margin-bottom:10px;}
#espace_personnel_gauche #espace_contenu_gauche .espace {margin-bottom:10px;}
#espace_personnel_gauche #espace_contenu_gauche .espace h3 {text-align:left; margin:0; padding-left:10px; background:url(images/puce/noir.png) 0 2px no-repeat;}
#espace_personnel_gauche #espace_contenu_gauche .espace h3 a{font:normal 12px 'Trebuchet MS'; color:#000; line-height:11px;}
#espace_personnel_gauche #espace_contenu_gauche .espace h3 a:hover{color:#ee3124;}
#espace_personnel_gauche #espace_contenu_gauche .espace p{font:italic 11px 'Trebuchet MS'; color:#5d5d5d; margin:0;}
#espace_personnel_gauche #espace_contenu_gauche .espace ul{list-style-type:none;}
#espace_personnel_gauche #espace_contenu_gauche  .espace ul li{background:url(images/puce/puce2.png) 0 3px no-repeat; padding-left:10px; margin-left:8px; line-height:13px;}
#espace_personnel_gauche #espace_contenu_gauche .espace ul li a{font:italic 11px 'Trebuchet MS'; color:#5d5d5d;  line-height:13px;}
#espace_personnel.left_page {width:auto; margin-top:10px;}

/* SELECTION */
#selection {float:left; display:inline; margin:0 25px; width:274px; height:272px;padding-top:23px; overflow:hidden;}
#selection h1{padding:0; margin-bottom:10px; }
#selection .boxe{width:256px; list-style:none; position:relative; height:54px; padding:8px; border:1px solid #000; background:#fff; overflow:hidden; font-size:12px; color:#000;}
#selection .boxe li {margin:0px; height:55px; position:absolute; overflow:hidden; background:#fff; border-bottom:8px #fff solid; top:-100px;}
#selection .select_lien{margin:0 0 25px 5px;}
#selection a{color:#000; background:url(images/puce/puce.png) 0 4px no-repeat; padding-left:10px; display:block;}

/* SONDAGE : V1 */
#sondage_acc {width:122px; border:1px solid #dedbdb; padding:10px; background:#fff; float:left; display:inline; margin-left:10px;}
#sondage_acc #cont{width:112px; background:url(images/fond/gris_3x3.gif); padding:5px; overflow:hidden;}
#sondage_acc #cont h2{text-align:center; color:#666; background:url(images/icones/sondage.png) 90px 0 no-repeat;}
#sondage_acc #cont .label{width:auto; color:#000; text-align:left; float:none; margin-bottom:8px; line-height:14px;}
#sondage_acc #cont .rad{width:auto; margin-left:10px;clear:both;margin-bottom:0;}
#sondage_acc #cont .rad input{width:auto;float:left;}
#sondage_acc #cont .rad label{float:left; margin-left:5px;}
#sondage_acc #cont .submit{text-transform:uppercase;}
#sondage_acc #cont .submit a{color:#ee3124;}

/* SONDAGE : V2 */
#sondage_acc2 {width:248px; border:1px solid #dedbdb; padding:10px; background:#fff; float:right; display:inline; margin-top:10px; margin-right:15px;}
#sondage_acc2 #cont{background:url(images/fond/gris_3x3.gif); padding:5px; overflow:hidden;}
#sondage_acc2  h2{text-align:center; color:#666; background:url(images/icones/sondage.png) 150px 0 no-repeat;}
#sondage_acc2  .label{width:auto; color:#000; text-align:left; float:none; margin-bottom:8px; line-height:14px;}
#sondage_acc2  .rad{width:auto; margin-left:10px;clear:both;margin-bottom:0;}
#sondage_acc2  .rad input{width:auto;float:left;}
#sondage_acc2  .rad label{float:left; margin-left:5px;}
#sondage_acc2  .submit{text-transform:uppercase;}
#sondage_acc2  .submit a{color:#ee3124;}

/* ACTUALITES */
#actualite {background:url('images/fond/actu.png'); font-size:10px; width:429px; padding-bottom:10px; margin-right:10px; float:left;}
#actualite > div {background:#fff; font-size:11px; display:block; padding:10px; margin:10px 10px 0px 10px;}
#actualite h2 {background:url('images/fond/h2_actu.png'); text-transform:none; color:#fff; font:20px 'Trebuchet MS'; margin:0px; padding:0px 20px;}
#actualite h3 {padding:0px; font-size:11px; text-align:left; text-transform:none; margin:0px; color:#464545;}
#actualite img {float:left; margin-bottom:10px; width:110px; height:95px; margin-right:10px;}
#actualite .date {float:left; width:auto; line-height:13px; margin:0; padding:0px; color:#000;display:inline; font-size:10px; margin-right:10px;}
#actualite .theme {float:left; line-height:13px; font-size:10px;}
#actualite a {float:right;}
#lien_toute_actu {float:left; margin:10px; clear:left; display:inline-block;}


/* BLOG */

#blog_acc {width:150px; height:275px; padding:10px; background:url(images/fond/encart_blog.png); float:left; display:inline; }
#blog_acc #cont{width:130px; height:270px; background:#fff; padding:0 10px 5px; overflow:hidden;}
#blog_acc #cont h2 a{width:120px; display:block; margin:0px auto 10px auto; text-align:center; color:#fff; background:url(images/fond/blog_titre.gif) 0 0 no-repeat; font:normal 15px 'Trebuchet Ms'; line-height:29px; padding:0; text-transform:none;}
#blog_acc #cont p{color:#434343; font-weight:bold; text-align:left; line-height:15px; margin-bottom:10px;}
#blog_acc #cont .color{color:#bb0f04;}
#blog_acc #cont .question a{color:#ee3124;}

/* BLOG-DROITE */

#blog_acc_droite {width:230px; padding:10px; background:url(images/fond/encart_blog.png); float:left; display:inline; }
#blog_acc_droite #cont{width:210px; background:#fff; padding:0 10px; overflow:hidden;}
#blog_acc_droite #cont h2 a{width:120px; display:block; margin:0px auto 10px auto; text-align:center; color:#fff; background:url(images/fond/blog_titre.gif) 0 0 no-repeat; font:normal 15px 'Trebuchet Ms'; line-height:29px; padding:0; text-transform:none;}
#blog_acc_droite #cont p{color:#434343; font-weight:bold; text-align:left; line-height:15px; margin-bottom:10px;}
#blog_acc_droite #cont .color{color:#bb0f04;}
#blog_acc_droite #cont .question a{color:#ee3124;}

/* TECHNIQUES  */
#technique {border:1px solid #929292; width:328px; height:190px; padding:10px; background:#fff; margin-bottom:10px; float:left; display:inline;}
#technique .bg_interieur {background:url(images/fond/gris_3x3.gif); padding:5px 10px 8px; overflow:hidden;}
#technique h2 {padding:0; background:url(images/cadenas/lock_24.gif) 2px 0 no-repeat; text-align:center; font-size:20px; line-height:26px;}
#technique h2 a{color:#696868;}
#technique h4 {margin:0; font-size:12px; color:#464545;}
#technique p {font-size:12px; color:#464545; line-height:12px;}
#technique #video{float:left; display:inline;}
#technique #video div, #technique #photo p{margin:0; position:relative;}
#technique #video div a{position:absolute; top:0; left:0; width:131px; height:95px; z-index:10;}
#technique #video div div{position:absolute; top:0; left:0; z-index:1;}
#technique #photo{float:right; display:inline;}
#technique #photo a{display:inline-block; background-color:#000; background-position:top left;}
#technique .titre {background:url(images/fond/gris_3x3.gif); margin-bottom:6px; padding: 0 5px; height:26px;}

/* ENCART : Annuaires, réponses à tous.... */
#encart_accueil{width:325px; height:192px; background:#fff url(images/fond/gris_3x3.gif) top left; position:relative;padding:10px; margin:0 0 10px 14px; float:left; display:inline;}
#encart_accueil .triangle{margin:-10px 0 0 -10px;}
#encart_accueil ul#liste_encart{list-style-type:none; padding-top:10px; width:109px; position:absolute; left:10px;}
#encart_accueil ul#liste_encart li{margin-left:0px;width:109px;}
#encart_accueil ul#liste_encart li.active{background: url(images/puce/pointe.png) no-repeat top right;}
#encart_accueil ul#liste_encart li a{width:101px;text-decoration:none; position:static; line-height:12px; display:block; right:0px; height:14px; margin-bottom:5px; text-transform:uppercase;color:#ee3124}
#encart_accueil ul#liste_encart li.active a{text-decoration:underline;}
#encart_accueil #zone_texte{width:197px; height:170px; float:right; display:block; background:url(images/fond/bg_encart_accueil.png); padding:10px;}
#encart_accueil #zone_texte div{font-size:11px; text-align:left; cursor:pointer; display:none; height:121px; }
#encart_accueil #zone_texte div.active {display:block;}
#encart_accueil #zone_texte div img{vertical-align:top; float:left; margin-right:5px;}
#encart_accueil #zone_texte div img.security{float:right;}
#encart_accueil #lien_encart {clear:both; height:14px; width:345px;}
#encart_accueil  p a.puce_encart_accueil{float:right; display:inline;  margin-right:0px; position:static; }

/**
 * ECLAIREUR + ECLAIREUR PLUS : V1
 */
.degrade{height:160px; background:#fff url(images/fond/degrade2.jpg) 0 0 repeat-y; padding:10px; margin-bottom:10px; float:left; display:inline;}
.degrade .triangle{margin:-10px 0 0 -10px;}
.degrade .photos{height:160px; overflow:hidden; float:left; display:inline; margin-right:10px; position:relative;}
.degrade .photos p {text-align:center; margin-bottom:0;}
.degrade .photos p.date {text-align:center; color:#000; font-size:12px; position:absolute; bottom:0px; left:0px; width:95px; margin-bottom:0;}
.degrade .content {width:140px; height:150px; display:inline; float:right; overflow:hidden;padding:5px}
.degrade .content p{line-height:1.2em; font-size:8pt; color:#464545;margin-bottom:5px;}
.degrade p.visualiser {text-align:right; color:#000;}
.degrade p.visualiser a{text-transform:uppercase; font-size:8pt; color:#ee3124;margin-bottom:5px;}
.degrade .content p span{color:#000;}
#eclaireur {width:255px; cursor:pointer;}
#eclaireur .photos{width:95px;}
#eclaireur .content{background:url(images/fond/gris_3x3.gif);}
#plus {width:248px; margin-left:12px; cursor:pointer;}
#plus .photos{width:88px;}
#plus .content{background:url(images/fond/rose_3x3.gif);}

/**
 * ECLAIREUR + ECLAIREUR PLUS : V2
 */
#eclaireur.degrade_v2, #plus.degrade_v2 {font-size:8pt; width:268px; float:left; border:1px solid #DEDBDB; margin:0px; background:#fff url(images/fond/degrade2.jpg) 0 0 repeat-y;}
#eclaireur.degrade_v2 .content {background:url(images/fond/gris_3x3.gif);}
#plus.degrade_v2 .content {background:url(images/fond/rose_3x3.gif);}
#plus.degrade_v2 {float:left; margin-top:10px;}
.degrade_v2 > div {background:url('images/puce/triangle.gif') top left no-repeat; padding:10px;}
.degrade_v2 .content {background:none; float:right; width:147px; padding:5px;}
.degrade_v2 .date {float:left; color:#000; width:81px;}
.degrade_v2 a {float:left;}


/** Zone en savoir plus */
#menu_en_savoir_plus{border:1px #ee3124 solid; background-color:#fff; padding:8px;}
#zone_en_savoir_plus {padding:5px 8px; height:213px; }
#zone_en_savoir_plus h2 {text-align:center; margin-bottom:10px;}
#zone_en_savoir_plus ul {list-style:none; height:136px;}
#zone_en_savoir_plus ul li{width:100px; float:left; margin-left:0px; padding-left:8px; background:url('images/puce/puce.gif') left 6px no-repeat;}
#zone_en_savoir_plus ul li a {display:inline-block; padding-bottom:6px;}
#zone_en_savoir_plus ul li img{vertical-align:middle;}



/****************************************/
/**********   EVENEMENT    ************/
/****************************************/
.evenement div{display:block; float:none;}
.evenement {padding:10px;}
.evenement h4{padding:0px; margin:0px; margin-bottom:5px;}
.evenement .date{width:100%; font: normal 12px Trebuchet MS;  display:block; color:#000; text-align:left;}
#agenda_nous_ecrire p{font-size:11px; text-align:left; margin:0px; margin-bottom:10px;}



/****************************************/
/**********   ACTUALITES    ************/
/****************************************/
.actualite  {padding:10px; overflow-x:hidden;}
.actualite .description img  {float:right; margin-left:5px;}
.actualite .description  {text-align:justify; clear:both; margin-top:10px;}
.actualite .date  {font-weight:bold; text-align:right; float:none;margin-top:10px;}
#actus {background:url('images/fond/actu.png');padding-bottom:10px;}
#actus .actualite {background:#fff; margin:0px 10px}
#actus .first {padding-top:30px}
#actus .first_fiche {padding-top:50px}
#actualite_liste #actus {position:relative;}
#actualite_liste #controle {position:absolute; top:5px; right:20px;}
#actus .clear {padding-top:10px;}
#actus .hr {border-bottom:1px #d1cfcf solid;}
#actus h3 {padding:0px; font-size:14px; text-align:left; text-transform:upercase; margin:0px; color:#ee3124;}
#actus .actualite p {font-size:10px; font-family:'Trebuchet MS';}
#actus .img_left {float:left; margin-right:10px;}
#actus .img_right {float:right; margin-left:10px;}
#actus span, #actus a {font-size:10px; font-weight:normal;}
#actus span{color:#9a9999; margin-right:20px;}
#actualite_liste #blog_rech{width:690px; margin:0px 10px 10px 10px; overflow:hidden;}
#actualite_liste #blog_rech .date{width:193px; margin:0px 0px 0px 20px; overflow:hidden;}
#actualite_liste #blog_rech .date input[type=text]{width:158px;}
#actualite_liste #blog_rech .date p{background-image:url('images/fond/input-193.png');}
#actualite_liste #blog_rech .date label{line-height:18px;}
/*
#actualite { font-size:10px; width:425px; padding-bottom:10px; margin-right:14px; float:left;}
#actualite > div {background:#fff; font-size:11px; display:block; padding:10px; margin:10px 10px 0px 10px;}
#actualite h2 {background:url('images/fond/h2_actu.png'); text-transform:none; color:#fff; font:20px 'Trebuchet MS'; margin:0px; padding:0px 20px;}
#actualite h3 {padding:0px; font-size:11px; text-align:left; text-transform:none; margin:0px; color:#464545;}
#actualite img {float:left; margin-bottom:10px; width:110px; height:95px; margin-right:10px;}
#actualite .date {float:left; width:auto; line-height:13px; margin:0; padding:0px; color:#000;display:inline; font-size:10px; margin-right:10px;}
#actualite .theme {float:left; line-height:13px; font-size:10px;}
#actualite a {float:right;}
#lien_toute_actu {float:left; margin:10px; clear:left; display:inline-block;}
*/

/****************************************/
/**********   MODULE SONDAGE    ************/
/****************************************/
#sondage .element{font:normal 11px Trebuchet MS; background-image:url(images/fond/gris_3x3.gif); padding:0px 10px; margin:0px 10px;}
#sondage {color:#000;}
#sondage .question{width:50%;}
#sondage a{font:normal 14px Trebuchet MS; color:#000;}
#sondage .submit a{color:#ee3124; font-weight:bold;}
#sondage h1 {background-image:url(images/fond/gris_3x3.gif); padding:10px; margin:0px 10px 10px 10px;}
#sondage h2 {margin:0px 10px 10px 10px;}
#sondage table , #sondage span {padding:10px; margin:0px 10px 10px 10px;color:#000;}
#sondage form {background-image:url(images/fond/gris_3x3.gif); margin:0px 10px; padding:10px;}
#sondage #resultat{background-image:url(images/fond/gris_3x3.gif); margin:0px 10px; padding:10px;}



/****************************************/
/**********   MODULE FORUM   ************/
/****************************************/
#question_forum {background-image:url('images/fond/Question_forum.gif'); border:1px #F0F0F0 solid;}
#question_forum h2, #question_forum div{margin:10px;}
#question_forum .triangle{margin:0px;}
.reponse_blanche {float:right; width:450px; background-image:url('images/fond/reponse_blanche.gif'); padding:10px; margin:5px 0px 5px 5px;}
.reponse_noire {float:right; width:350px; background-image:url('images/fond/reponse_noire.gif'); padding:10px; margin:5px 0px 5px 5px;}


/***********************************************************/
/************ PAGE INTERMEDIAIRE ABONNEMENT  ***************/
/***********************************************************/
#boite_abn {width:664px; background:#8b1a1a url(images/fond/fond_abonnement.jpg) 0 0 no-repeat; padding:18px; margin:10px 0; float:left;}
#boite_abn #colG{float:left; display:inline; color:silver;}
#boite_abn #colD{float:right; display:inline;}
.abn_numero #colG{width:284px; padding:20px 30px 0; background:url(images/fond/boite_abn_visu.png) 0 0 no-repeat;}
.abn_numero #colG  a img{margin-bottom:10px;}
.abn_numero #colG p a{font-size:15px; text-align:center; color:#fff;margin:0;}
.abn_numero #colD{width:315px; padding-top:20px;}
.abn_numero h1 {font:normal 20px 'Trebuchet Ms'; color:#fff; text-transform:none; text-align:center; line-height:20px; margin-bottom:5px;}
.abn_numero h1 a{font:normal 20px 'Trebuchet Ms'; color:#fff; line-height:20px;}
.abn_numero h2 {font:normal 18px 'Trebuchet Ms'; color:#fff; text-transform:none;margin-bottom:15px;}
.abn_numero ol {list-style-type:none;}
.abn_numero ol li{font-size:14px; color:#fff; margin:0; padding:0 0 10px 45px; line-height:16px;margin-bottom:15px;}
.abn_numero ol li.un{background:url(images/puce/puce_ol1.png) no-repeat;}
.abn_numero ol li.deux{background:url(images/puce/puce_ol2.png) no-repeat;}
.abn_numero ol li.trois{background:url(images/puce/puce_ol3.png) no-repeat;}
.abn_numero ol li.quatre{background:url(images/puce/puce_ol4.png) no-repeat;}
.abn_numero ol li.cinq{background:url(images/puce/puce_ol5.png) no-repeat;}
.abn_numero ol li.six{background:url(images/puce/puce_ol6.png) no-repeat;}
.abn_numero a#bt_abonne{display:inline-block; width:223px; height:41px; margin-left:45px;}

.abn_document #colG{width:300px; padding:10px;}
.abn_document #colG p {font-size:14px; color:#fff; text-align:left;}
.abn_document #colG p a{font-size:14px; color:#fff;}
.abn_document #colD{width:330px;}
.abn_document h2 {font:normal 16px 'Trebuchet Ms'; color:#000; text-transform:none;margin-bottom:8px;}
.abn_document .box {width:270px; padding:25px 30px 20px; margin-bottom:10px;}
.abn_document .box.left{position:relative; left:-10px;}
.abn_document .box label{width:88px; font-size:12px; color:#000;}
.abn_document .box input{width:175px; height:22px; border:1px solid #6c0a09;}
.abn_document .box p.bouton{text-align:right;}
.abn_document .box p.bouton a{display:inline-block; height:35px;}
.abn_document .box .row{margin-bottom:3px;}
.abn_document .box .row_bt{text-align:right;margin-top:2px;}
.abn_document .box .row_bt input{display:inline-block; width:137px; height:35px; border:0;}
.abn_document .box1 {background:url(images/fond/boite_abn.png) 0 0 no-repeat;}
.abn_document .box2 {background:url(images/fond/boite_abn_mini.png) 0 0 no-repeat;}
.abn_document .box.left .row.news label{width:150px;}
.abn_document .box.left .row.news input{width:50px;}



/****************************************/
/**********    LOGIN & ABONNEMENT    ************/
/****************************************/
/*S'Abonner  */
#inscriptionG{width:350px; margin-bottom:10px; border:1px #dedbdb solid; background-color:#fff; float:left;}
#inscriptionG .interieur{margin:0px 12px 12px 12px; background:url(images/fond/gris_3x3.gif);}
#inscriptionD .lien{text-align:center;}
#inscriptionG .radio{width:50px;}

#inscriptionD{width:350px; margin-left:10px; margin-bottom:10px; border:1px #dedbdb solid; background-color:#fff; float:left;}
#inscriptionD .interieur{margin:0px 12px 12px 12px; background:url(images/fond/gris_3x3.gif);}
#inscriptionD textarea{width:150px; font:bold 10px Trebuchet MS; height:53px; border:1px solid #dedbdb;}

.login{width:275px; float:left; margin:20px; border:1px #dedbdb solid; background-color:#fff;}
.login .interieur{width:250px; height:190px; overflow:hidden; margin:0px 12px 12px 12px; background:url(images/fond/gris_3x3.gif);}
.login .lien{text-align:center;}
#menu_abonnement {width:680px; margin:0 10px; float:left;}

/* Visualisation + Email */
#enregistrement .puce{float:left;}
#enregistrement .lien{text-align:center;}
#enregistrement {background-color:#fff; border:1px #dedbdb solid; margin:10px;}
#enregistrement div.boite, #enregistrement h2 {background:url(images/fond/gris_3x3.gif); margin:10px; padding:10px 60px;}
#enregistrement th {width:100px; text-align:right; font:normal 9pt "Trebuchet MS";}
#enregistrement td {font:normal 9pt "Trebuchet MS";}
#enregistrement input.text, #enregistrement textarea {margin:1px; width:400px; border:0;}

/* Création d'un nouvel abonnement */
#abonnement .gauche, #abonnement .droite {background:white; margin-right:10px; width:350px;}
#abonnement .gauche .interieur, #abonnement .droite  .interieur{background:url(images/fond/gris_3x3.gif); display:block; width:auto; padding:5px; margin:10px;}
#abonnement .gauche div.interieur{height:750px;}
#abonnement .droite #form_abo.interieur{height:550px;}
#abonnement .droite #cgv.interieur{height:170px;}
#abonnement .droite #cgv {padding:10px;}
#abonnement .droite #cgv #lien_acces{margin:15px;}
#abonnement .gauche {float:left;}
#abonnement .droite {float:left;}
#abonnement .droite th {width:100px; text-align:right; font-weight:normal;}
#abonnement .droite .lien {text-align:center; margin-top:10px;}

/* Formulaire pour les utilisateurs déja abonnés au journal */
.abo-journal .gauche{width:318px; float:left; margin:25px 10px; border:1px #dedbdb solid; background-color:#fff;}
.abo-journal .gauche .interieur{width:296px; height:240px; margin:0px 10px 10px 10px; background:url(images/fond/gris_3x3.gif);}
.abo-journal .gauche .interieur th{text-align:right;}
.abo-journal .gauche .interieur table{margin:0 auto;}
.abo-journal .droite{width:330px; float:left; margin:25px 5px; border:1px #dedbdb solid; background-color:#fff;}
.abo-journal .droite .interieur{width:305px; height:240px; margin:0px 12px 12px 12px; background:url(images/fond/gris_3x3.gif);}
.abo-journal .lien {text-align:center;}

/* Login gratuit */
#login-gratuit {width:300px; margin:10px auto;}
#login-gratuit th{text-align:right;}#RIB{margin:10px auto; width:470px;}

#RIB input{width:100px;}
#RIB fieldset{margin:5px; border-color:#ee3124; float:left;}
#RIB input{border:1px white solid; font:normal 15px Trebuchet MS; text-align:center;}
#RIB #valider{color:#ee3124;  border:1px #ee3124 solid;}
#RIB #banque, #RIB #guichet{width:82px;}
#RIB #banque input, #RIB #guichet input{width:80px;}
#RIB #numero{width:137px;}
#RIB #numero input{width:135px;}
#RIB #cle{width:40px;}
#RIB #cle input{width:38px;}
#RIB #domiciliation{width:383px;}
#RIB #domiciliation input{width:340px;}
#RIB #valider{float:right; margin:6px;}



/**************************/
/***** PAGES DYNAMIQUES *****/
/**************************/
#rubrique-gauche{width:160px; float:left; margin-top:10px;}
#rubrique-droite{width:250px; float:right;}
#recherche-rubrique ul {background:url(images/fond/gris_3x3.gif); padding:5px; padding-right:1px}
#recherche-rubrique li {list-style-image:url(images/puce/puce.gif); color:#464545; font-weight:normal; font-family:Trebuchet MS; font-size:11px; font-size-adjust:none; font-style:normal; font-variant:normal; padding:0; margin-left:15px}
#recherche-rubrique li a{color:#464545}
#recherche-rubrique li a.hover{font-weight:bold}



/**************************/
/***** ARCHIVES *****/
/**************************/
#recherche-article{font:normal 11px Trebuchet MS; color:#000; background:#fff; float:left; width:160px; min-height:220px; border:1px solid #ee3124; margin-top:10px;}
#recherche-article #recherche{width:140px; height:70px; margin-left:10px; margin-top:10px; background:url(images/fond/gris_3x3.gif);}
#recherche-article #theme{width:140px; min-height:110px; margin-top:10px; margin-bottom:10px; margin-left:10px; background:url(images/fond/gris_3x3.gif);}
#recherche-article #theme .lien_theme a{color:#464545; font-weight:normal; text-decoration:none;}
#recherche-article #theme .lien_theme a:hover{color:#464545; font-weight:normal; text-decoration:underline;}
#liste-article .boite1{float:left; width:260px; margin:0px 0px 10px 5px; height:95px; font:bold 11px Trebuchet MS; background:url(images/fond/case_courier1-trans.gif);}
#liste-article .boite2{float:right; width:260px; margin-bottom:10px; font:bold 11px Trebuchet MS; height:95px; background:url(images/fond/case_courier2-trans.gif);}
#liste-article .boite1 h2, #liste-article .boite2 h2 {margin-top:8px;}
#liste-article #formulaire-commentaire{width:400px; height:200px; background:#fff; margin-left:75px;}
#liste-article #formulaire-commentaire #center{width:380px; height:190px; background:url(images/fond/gris_3x3.gif); margin:0px 10px 0px 10px;}

#annuaire .type{background-image:url(images/fond/gris_3x3.gif); border:1px #e8e8e8 solid; width:300px; float:left; margin:5px;}
#annuaire .type .gauche{text-align:center; width:70px; overflow:hidden;}
#annuaire .type .droite{width:190px; height:135px; display:inline;/*bug IE6*/ overflow:hidden;}
#annuaire .gauche{float:left; text-align:center; margin-top:10px;}
#annuaire .droite{float:left; margin:10px;}

#informations {width:540px; float:left; padding-left:10px;}
#liste-archive .fiche{background:#fff; width:540px; border:1px #e8e8e8 solid; float:left; font:normal 12px Trebuchet MS;}
#liste-archive .box h1{background-image:url(images/fond/rose_3x3.gif); padding:10px 10px 5px 10px;}
#liste-archive .box div.div_box{background-image:url(images/fond/rose_3x3.gif); padding:0px 10px;}
#liste-archive .box div.fiche_texte{font-weight:normal;}
#liste-archive .fichette{background-image:url(images/fond/annuaire_liste.gif); border:1px #e8e8e8 solid; width:260px; float:left; margin:10px 5px 0px 0px; font:normal 11px Trebuchet MS;}
#liste-archive .fichette h1{height:34px; margin:10px 10px 0px 10px; overflow:hidden; padding:5px; background-image:url(images/fond/rose_3x3.gif);}
#liste-archive .fichette p{height:90px; margin:0px 10px; overflow:hidden; text-align:justify; background-image:url(images/fond/rose_3x3.gif); padding:0px 5px;}
#liste-archive .fichette p.voir{height:20px; margin-bottom:10px; text-align:right; background-image:url(images/fond/rose_3x3.gif);}
#liste-archive #Precedent{float:left;}
#liste-archive #Suivant{float:right;}



/**************************/
/***** ANNUAIRE *****/
/**************************/
/** Fashion */
#colonne-centre.annuaire-fashion {width:792px; display:block; float:right;}
.annuaire-fashion #mosaique {background-color:#000; color:#fff; padding:5px; width:782px; display:block; height:426px; float:right;}
.annuaire-fashion #mosaique .fichette{background-color:#4d4d4d; cursor:pointer; padding:10px; margin:5px;  width:100px; float:left;}
.annuaire-fashion #mosaique .fichette .image{width:100px; height:150px; background-color:#000; overflow:hidden;}
.annuaire-fashion #mosaique .fichette .libelle{height:33px; overflow-y:hidden;}
.annuaire-fashion .fiche_fond{z-index:50; display:none; background-color:#000; position:absolute; top:0; left:0; width:0px; height:0px;}
.annuaire-fashion .fiche_contenu{z-index:50; border:1px #4c4c4c solid; cursor:auto; background-color:#c2c2c2; display:none; position:absolute; bottom:0px; right:0px; padding:10px; width:400px; height:630px;}
.annuaire-fashion .fiche_contenu .fiche_libelle {color:#ee3124; font-weight:bold;}
.annuaire-fashion .fiche_contenu .image_fiche{width:400px; position:relative; height:600px; background-color:#fff; color:#000; overflow:hidden;}
.annuaire-fashion .fiche_contenu .image_fiche .zone_image{position:absolute; top:0; left:0; width:400px; height:600px; background-color:#c2c2c2; text-align:center;}
.annuaire-fashion .fiche_contenu .image_fiche .description {padding:10px; }
.annuaire-fashion .fiche_contenu .legende {position:relative;}
.annuaire-fashion .fiche_contenu .legende .nb_vue{color:#000;}
.annuaire-fashion .fiche_contenu .legende .nb_vue .color{cursor:pointer;}
.annuaire-fashion .fiche_contenu .legende .fermer{position:absolute; cursor:pointer; top:15px; _top:20px; right:0px; _right:10px; color:#4c4c4c; font-weight:bold;}

/** Evenement */
#colonne-centre.annuaire-evenement {width:792px; display:block; float:right;}
.annuaire-evenement #mosaique {background-color:#000; color:#fff; padding:5px; width:auto; display:block; height:426px;}
.annuaire-evenement #mosaique .fichette{background-color:#4d4d4d; cursor:pointer; padding:10px; margin:5px;  width:126px; float:left;}
.annuaire-evenement #mosaique .fichette .image{width:143px; height:150px; overflow:hidden; text-align:center;}
.annuaire-evenement #mosaique .fichette .libelle{height:33px; overflow-y:hidden;}
.annuaire-evenement .fiche_fond{z-index:50; display:none; background-color:#000; position:absolute; top:0; left:0; width:0px; height:0px;}
.annuaire-evenement .fiche_contenu{z-index:50; border:1px #4c4c4c solid; cursor:auto; background-color:#c2c2c2; display:none; position:absolute; bottom:0px; right:0px; padding:10px; width:400px; height:630px;}
.annuaire-evenement .fiche_contenu .fiche_libelle {color:#ee3124; font-weight:bold;}
.annuaire-evenement .fiche_contenu .image_fiche{width:400px; position:relative; height:600px; background-color:#fff; color:#000; overflow:hidden;}
.annuaire-evenement .fiche_contenu .image_fiche .zone_image{position:absolute; top:0; left:0; width:400px; height:600px; background-color:#c2c2c2; text-align:center;}
.annuaire-evenement .fiche_contenu .image_fiche .description {padding:10px; }
.annuaire-evenement .fiche_contenu .legende {position:relative;}
.annuaire-evenement .fiche_contenu .legende .nb_vue{color:#000;}
.annuaire-evenement .fiche_contenu .legende .nb_vue .color{cursor:pointer;}
.annuaire-evenement .fiche_contenu .legende .fermer{position:absolute; cursor:pointer; top:15px; _top:20px; right:0px; _right:10px; color:#4c4c4c; font-weight:bold;}

#annuaire-type {width:722px; padding:0px 0px; float:left;}
#annuaire-type .type{width:340px; border:1px #e8e8e8 solid; float:left; margin:5px;}
#annuaire-type .type .gauche{width:70px; float:left;  margin:10px 0; display:inline;/*bug IE6*/ text-align:center; overflow:hidden;}
#annuaire-type .type .droite{width:230px; float:right;  margin:10px; display:inline;/*bug IE6*/ height:135px;  overflow:hidden;}
#annuaire-fiche {background-image:url(images/fond/annuaire_fiche.jpg); border:1px #e8e8e8 solid;}
#annuaire-fiche .gauche {width:210px; float:left; margin:10px 0px 10px 10px; overflow:hidden; text-align:center;}
#annuaire-fiche .droite {width:270px; float:right; margin:10px; display:inline;/*bug IE6*/ overflow:hidden;}
#annuaire-fiche  #video {text-align:center;}
#annuaire-fiche  #note {text-align:center;}

/* VOTES */
.ligne-navigation {text-align:center; font:normal 11px Trebuchet MS;}
.ligne-navigation a, .ligne-navigation u{display:inline-block; height:20px; width:20px; text-align:center;}
.fiche_notation{background-image:url(images/fond/annuaire_fiche.jpg); margin-top:10px; font:bold 12px Trebuchet MS; padding:5px; border:1px solid #ee3124}
.fiche_notation #etoiles {float:left}
.fiche_notation #nb_vues {float:right}
.fiche_notation #nb_votants {font-weight:normal; padding-left:40px}
.fiche_notation #form_vote {padding-top:15px; float:left}
.fiche_notation #form_vote img {cursor:pointer; vertical-align:middle}
.fiche_notation #etoile_message{font-weight:normal; padding-left:15px}

#annuaire .fiche{background-image:url(images/fond/annuaire_fiche.jpg); border:1px #e8e8e8 solid; font:normal 12px Trebuchet MS;}
#annuaire .fiche .gauche{width:235px; overflow:hidden; border:1px red solid;}
#annuaire .fiche .droite{width:250px;}
#annuaire .fiche_video{background-image:url(images/fond/annuaire_fiche.jpg); width:510px; float:left; font:bold 12px Trebuchet MS; min-height:374px; _height:374px; padding:5px; border:1px solid #ee3124}
#annuaire .fiche_video h1 {margin-bottom:10px}
#annuaire #spaw_details_video {text-align:justify}
#annuaire #retour_video {float:right}
#annuaire .fichette{background-image:url(images/fond/annuaire_liste.gif); border:1px #e8e8e8 solid; width:252px; float:left; margin:4px; font:bold 11px Trebuchet MS; height:165px; overflow:hidden;}
#annuaire .fichette .gauche{width:70px; overflow:hidden;}
#annuaire .fichette .gauche .images{height:100px; width:70px; overflow:hidden; margin-top:10px;}
#annuaire .fichette .gauche p{margin-top:5px;}
#annuaire .fichette .droite{width:142px; height:135px; overflow:hidden;}

#contenu_gauche {float:left; width:162px;}
#contenu_gauche #recherche {float:none}
#recherche{float:left}
#recherche{font:bold 11px Trebuchet MS; color:#000; background:#fff; width:160px; border:1px solid #ee3124; padding-bottom:10px;}
#recherche h2{background:url(images/fond/gris_3x3.gif); margin:10px; padding:5px 0px;}
#recherche select{width:120px;}
#recherche select option {width:200px;}
#recherche p{margin:0px 10px; background:url(images/fond/gris_3x3.gif); padding:10px;}
#recherche p .right{text-align:right;}

#recherche ul {margin:0px 10px 0px 10px; background:url(images/fond/gris_3x3.gif); padding:5px; padding-right:1px}
#recherche li {list-style-image:url(images/puce/puce.gif); color:#464545; font-weight:normal; font-family:Trebuchet MS; font-size:11px; font-size-adjust:none; font-style:normal; font-variant:normal; padding:0; margin-left:15px}




/**************************/
/***** PETITES ANNONCES *****/
/**************************/
/** V1 */
#annonce #liste{width:520px; background-color:white; margin-left:auto; margin-right:10px; padding:10px 10px 10px 10px; text-align:justify}
#annonce h1{background:url(images/puce/triangle.gif) no-repeat; width:520px; background-color:white; margin-left:auto; margin-right:10px; padding:5px 10px 5px 10px;}
#annonce h2{background-image:url(images/fond/gris_3x3.gif); padding:5px 10px 5px 10px; border:1px #ee3124 solid;}
#annonce .MoteurNavigation a{padding-left:5px; text-decoration:none; color:black;}
#confirme-annonce {text-align:center; width:450px; margin:30px auto;}
/* contenu d'une case */
#annonce .ann_ligne {padding:5px 0px 5px 0px; border-bottom:1px solid #1d1d1d}
#annonce .ann_description {padding:5px; min-height:32px; _height:32px}
#annonce .ann_description img{float:left; padding:0 5px 5px 0; }
#annonce .ann_prix{text-align:left; font-style:italic; color:#ee3124; padding-top:2px; float:left}
#annonce .ann_ref{text-align:right; font-style:italic; color:#979797; padding-top:2px; }
.MoteurLabel{font-weight:bold; width:auto; display:block; clear:both;}
#annonce .MoteurNavigation{text-align:center; margin:10px 0 10px 0;}
#annonce .MoteurNavigation .MoteurNavigationPageActuelle{color:#ff781e;}
#recherche #BOUTON_RECHERCHER {width:120px}
#annonce #erreur {text-align:center; font-weight:bold; padding-top:50px}
#annonce .gras{font-weight:bold}
#annonce .bordure {border:1px solid red}
/** V1 formulaire poster une annonce */
#poster {width:600px; margin:10px auto;}
#poster div textarea {width:163px; height:70px;}
#poster span {color:#ee3124;}
#poster .bold {color:black; font-weight:bold;}
#poster table {width:100%;}
#poster input.radio, #poster input.checkbox {width:30px; border:0px;}
#poster input.submit {width:100px;}
#poster input.text {width:150px;}
#poster td.centre {text-align:center; width:150px;}
#poster .right {float:right; width:230px; padding-left:10px; text-align:center;}
#poster .left {float:left; width:230px; padding-right:10px;}
#poster #ANN_TEXTEPA{width:205px;}
#poster .couleurs {display:none;}
#poster #tarifs td.centre {width:150px;}
#poster #submit {text-align:center; margin-top:20px;}
#poster #duree input {width:150px;}
#poster #options .liste-couleur td {width:80px; padding:2px;}
#poster #abreviation  {width:600px; clear:both; display:none;}
#poster #abreviation  div{width:290px; float:left;}
#poster #abreviation  h1{background:url(images/fond/rubriques.gif); margin:8px 8px 0px 8px; padding:4px 6px;}
#poster #abreviation  ul {background:url(images/fond/rubriques.gif); margin:0px 8px 8px 8px;}
#poster #abreviation  li {list-style-type:none; text-transform:lowercase; color:black; font:normal 11px Trebuchet MS;}

/** V2 */
/* GAUCHE */
#contenu_gauche .boite {background:#fff; margin-bottom:10px; width:160px; border:1px solid #ee3124;}
#contenu_gauche .boite .bg_interieur {background:url(images/fond/gris_3x3.gif); margin:10px; padding:10px; width:120px;}
#contenu_gauche .boite .bg_interieur label {display:block; width:auto; text-align:left; clear:both;}
#contenu_gauche .boite .bg_interieur ul {list-style:none; clear:both;}
#contenu_gauche .boite .bg_interieur ul li {margin:0px; padding-left:8px;}
#contenu_gauche .boite .bg_interieur ul li a{text-decoration:none;}
#contenu_gauche .boite .bg_interieur ul li.active a,
#contenu_gauche .boite .bg_interieur ul li:hover a{
    color:#ee3124;
}
#contenu_gauche .boite .bg_interieur ul li.active ul li a,
#contenu_gauche .boite .bg_interieur ul li:hover ul li a{
    color:#464545;
}
#contenu_gauche .boite .bg_interieur ul li ul li.active a,
#contenu_gauche .boite .bg_interieur ul li ul li:hover a{
    color:#ee3124;
}
#contenu_gauche .boite .bg_interieur ul li.active,
#contenu_gauche .boite .bg_interieur ul li:hover {
    background:url('images/puce/puce.gif') 5px left no-repeat;
}
#contenu_gauche .boite h2.bg_interieur {background:url(images/fond/gris_3x3.gif); margin:10px 10px 0px 10px; padding:5px; width:130px;}
#contenu_gauche .boite select {width:120px; font-size:11px;}

/* CENTRE */
#contenu_centre2 {float:left; width:543px; padding:0px 10px; overflow:hidden;}
#contenu.etendu #contenu_centre2 {width:793px;}
#contenu_centre2 .boite {background:#fff; margin-bottom:10px;}
#contenu_centre2 .boite .bg_triangle {background: url('images/puce/triangle.gif') no-repeat; padding:10px; padding-top:10px; margin:0px;}
#contenu_centre2 .boite .bg_triangle .bg_interieur {background:url('images/fond/ea_fond_liste.gif');}

#contenu_centre #login_annonceur {width:350px; margin:0px auto;}
#contenu_centre #login_annonceur .row label {width:150px;}

#contenu_centre2 #form_profil h2 {padding:10px; margin-bottom:20px;}
#contenu_centre2 #form_profil .hr {margin:30px;}
#contenu_centre2 #sous_espace_annonceur {list-style:none; text-align:center;}
#contenu_centre2 #sous_espace_annonceur li {display:inline; margin:5px;}
#contenu_centre2 #sous_espace_annonceur li .active {text-decoration:underline;}

#contenu_centre2 .ref {padding:0px 10px 10px 10px; text-align:right;}
#contenu_centre2 .CV {padding:10px;}
#contenu_centre2 .CV .photo img{float:right; border:0px #000 solid;}
#contenu_centre2 .CV .coordonnee{width:370px; float:left;}
#contenu_centre2 .CV .nom{font-weight:bold; font-size:14px; margin-bottom:5px;}
#contenu_centre2 .CV .description{margin-bottom:20px;}
#contenu_centre2 .CV h2{color:#000; border:1px #000 solid; clear:both; padding:5px; margin:0px; margin-top:10px; margin-bottom:10px;}
#contenu_centre2 #form_cv .row_fil {margin:0px auto; text-align:center;}
#contenu_centre2 #form_cv .row_fil input {width:auto;}
#contenu_centre2 #form_cv .row_are textarea {width:100%; height:150px;}
#contenu_centre2 #form_cv .row_are, #contenu_centre2 #form_cv .row_fil {}
#contenu_centre2 #form_cv .row_bt {text-align:right; margin:5px 5px 15px 0px;}
#contenu_centre2 .CV_court .CV .detail{display:none;}
#contenu_centre2 .CV_court .CV .photo{display:none;}
#contenu_centre2 .CV_court .CV .adresse{display:none;}
#contenu_centre2 .CV_court .CV .telephone{display:none;}
#contenu_centre2 .CV_court .CV .email{display:none;}
#contenu_centre2 .CV_court .CV .br{display:none;}

#contenu_centre2 .annonce .date  {display:block; text-align:left; font-size:10px; width:auto; float:none; margin:0px 5px; color:#000; padding:0;}
#contenu_centre2 .annonce .ref em  {color:#b7b7b7; float:right;}
#contenu_centre2 .annonce .ref .memo {float:left;}
#contenu_centre2 .annonce .ref .memo a{color:#000; padding-left:9px; background-repeat:no-repeat; background-position:left center;}
#contenu_centre2 .annonce .ref .memo a.add{background-image:url('images/puce/add.gif');}
#contenu_centre2 .annonce .ref .memo a.del{background-image:url('images/puce/del.gif');}
#contenu_centre2 .annonce {background:#fff;}
#contenu_centre2 .annonce .hr{border-bottom:1px #1D1D1D solid;}
#contenu_centre2 .annonce {padding:2px 10px 1px 10px;}
#contenu_centre2 .annonce p {padding:0px;}
 .MoteurNavigation {text-align:center; margin:10px;}
 .MoteurNavigation a, #contenu_centre2 .MoteurNavigation span{display:inline-block; width:20px; height:20px;}
.box {background:#fff url(images/puce/triangle.gif) 0 0 no-repeat; padding:10px;}
.box .diag {background:url(images/fond/ea_fond_liste.gif); padding:5px 10px;}
.mes_annonces {margin-bottom:20px;}
.mes_annonces  .reference{float:left; display:inline; margin-bottom:5px;color:#686868;font-style:italic;}
.mes_annonces  .paiement {float:right; display:inline; margin-bottom:5px;}
.mes_annonces  .paiement a {font-style:italic;}
.mes_annonces  .attente {color:#EE3124;}
.mes_annonces  .bouton {float:right; display:inline;margin:0 0 0 5px;}
.mes_annonces  .bouton a{text-transform:uppercase;color:#EE3124;font-size:10px;}
.mes_annonces  .publication {margin:0;float:left; display:inline; background:url(images/puce/puce.gif) 0 5px no-repeat; padding-left:10px; color:#464545;}
.mes_annonces  .annonce {padding:8px; margin-bottom:5px; border:1px solid #000;}

#extrait_cvtheque {width:142px; padding:10px; background:url('images/fond/extrait_cvtheque.gif'); display:inline-block;}
#extrait_cvtheque > div {background:#fff; display:inline-block; padding:5px;}
#extrait_cvtheque h2 {text-align:center; background:#9a9fa5; color:#fff; margin:5px; border-radius:0px 00px 10px 10px;}
#extrait_cvtheque .item {border-top:1px #9a9fa5 solid; padding-top:5px; margin-top:5px;}
#extrait_cvtheque .item .prenom {color:#914d67;}
#extrait_cvtheque .item .experience {font-style:italic;}

#btn_publication {color:#fff; margin-bottom:10px; border-radius:10px; text-align:center; padding:10px; background:url('images/fond/publier.png') center center; width:142px; display:block;}

.action-criteres  {margin:10px 0px 20px 0px;}
.action-criteres input  {display:inline-block; background:red;color:#fff; width:auto; float:right; padding:5px 20px; border-radius:10px;}
.avertissement  {color:#000; text-decoration:underline;}
.inscription_alerte  {float:left; display:inline-block;}
.nb_resultat  {float:left;}
.choix_nb_par_page  {float:right;}
.choix_nb_par_page select  {width:auto;}
#tabs .commentaires {float:left; width:120px; padding:22px 10px 62px 10px; color:#fff;}
#tabs .liste_parametre {float:right; padding-left:10px; width:387px; height:180px; overflow:auto;}
#tabs .type_parametre {clear:both; padding-top:10px; margin-bottom:5px;}
#tabs .parametre {float:left; width:180px; margin-bottom:5px;}
#tabs .parametre input {width:auto; float:left;}
#tabs .parametre label {width:160px; float:right; display:block;}
#tabs .parametre.tpa5, #tabs .parametre.tpa6 {width:46px;}
#tabs .parametre.tpa5 label, #tabs .parametre.tpa6 label  {width:29px; float:right; display:block;}
#body .ui-tabs .ui-tabs-panel {padding:0; background:#fff;}
#body .ui-tabs {padding:0;}
#body .ui-tabs .ui-tabs-nav {padding:0px; text-transform:uppercase;}
#body .ui-tabs .ui-tabs-nav li a{color:#fff; padding:.5em 2.3em; font-weight:bold;}
#body .ui-tabs .ui-tabs-nav li a:hover, #body .ui-tabs .ui-tabs-nav li.ui-state-active a{text-decoration:underline;}
#body .ui-tabs .ui-tabs-nav li {border:0px; border-radius:0px; background:#914d67;}
#body .ui-tabs .ui-tabs-panel {border:1px #914d67 solid;}
#body .ui-tabs .ui-tabs-panel .commentaires{background:#914d67;}
#body .ui-tabs .ui-tabs-nav li + li {border:0px; border-radius:0px; background:#696868;}
#body .ui-tabs .ui-tabs-panel + .ui-tabs-panel {border:1px #696868 solid;}
#body .ui-tabs .ui-tabs-panel + .ui-tabs-panel .commentaires{background:#696868;}
#body .ui-tabs .ui-tabs-nav li + li + li {border:0px; border-radius:0px; background:#a86959;}
#body .ui-tabs .ui-tabs-panel + .ui-tabs-panel  + .ui-tabs-panel {border:1px #a86959 solid;}
#body .ui-tabs .ui-tabs-panel + .ui-tabs-panel  + .ui-tabs-panel .commentaires{background:#a86959;}
#body .ui-widget-content {border:0px; background:none;}
#body .ui-widget-header {border:0px; background:none;}


#liste_annonces {background:#fff; padding:10px 0px;}

/**************************/
/***** Liste des critères *****/
/**************************/
.liste_criteres .row.chk {height:auto; margin-bottom:10px;}
.liste_criteres .row.chk > label {display:block; width:100%; color:#5c5c5c; text-transform:uppercase;  padding:5px; border-top:6px #fff solid; border-bottom:6px #fff solid; text-align:center; font-weight:bold;}
.liste_criteres.row .liste_item {margin-left:20px;}
.liste_criteres .row .liste_item label{font-weight:normal; border:0; margin:0;}
.liste_criteres .row .item {float:left; width:200px;}
.liste_criteres .row .item input{width:20px; float:left;}
.liste_criteres .row .item label {float:right; width:170px; display:block; text-align:left;}
.liste_criteres #TPA_6.row .item  {width:60px;}
.liste_criteres #TPA_6.row .item label {width:30px;}
.liste_criteres #TPA_5.row .item  {width:60px;}
.liste_criteres #TPA_5.row .item label {width:30px;}
.liste_criteres #LISTE_CCV_EXPERIENCE.row .item  {width:150px;}
.liste_criteres #LISTE_CCV_EXPERIENCE.row .item label {width:120px;}
#form_profil .row.chk {height:auto; margin-bottom:10px;}
#form_profil .row.chk > label {display:block; width:100%; color:#5c5c5c; text-transform:uppercase;  padding:5px; border-top:6px #fff solid; border-bottom:6px #fff solid; text-align:center; font-weight:bold;}
#form_profil .row .liste_item {margin-left:20px;}
#form_profil .row .liste_item label{font-weight:normal; border:0; margin:0;}
#form_profil .row .item {float:left; width:160px;}
#form_profil .row .item input{width:20px; float:left;}
#form_profil .row .item label {float:right; width:130px; display:block; text-align:left;}
#form_profil #TPA_6.row .item  {width:60px;}
#form_profil #TPA_6.row .item label {width:30px;}
#form_profil #TPA_5.row .item  {width:60px;}
#form_profil #TPA_5.row .item label {width:30px;}
#form_publication .row.chk {height:auto; margin-bottom:10px;}
#form_publication .row.chk > label {display:block; width:100%; color:#5c5c5c; text-transform:uppercase;  padding:5px; border-top:6px #fff solid; border-bottom:6px #fff solid; text-align:center; font-weight:bold;}
#form_publication .row .liste_item {margin-left:20px;}
#form_publication .row .liste_item label{font-weight:normal; border:0; margin:0;}
#form_publication .row .item {float:left; width:160px;}
#form_publication .row .item input{width:20px; float:left;}
#form_publication .row .item label {float:right; width:130px; display:block; text-align:left;}
#form_publication #TPA_6.row .item  {width:60px;}
#form_publication #TPA_6.row .item label {width:30px;}
#form_publication #TPA_5.row .item  {width:60px;}
#form_publication #TPA_5.row .item label {width:30px;}/*
#form_publication .row label {width:230px;}
#form_publication .row.chk {height:auto; margin-bottom:10px;}
#form_publication .row.chk label {display:block; width:515px; color:#5c5c5c; text-transform:uppercase; padding:5px; border-top:20px #fff solid; border-bottom:6px #fff solid; text-align:center; font-weight:bold;}
#form_publication .row .liste_item {margin-left:20px;}
#form_publication .row .liste_item label{font-weight:normal; text-transform:none; border:0; margin:0; padding:0px;}
#form_publication .row .item {float:left; width:160px;}
#form_publication .row .item input{width:20px; float:left;}
#form_publication .row .item label {float:right; width:130px; display:block; text-align:left;}
#form_publication h2 {padding:10px; margin-bottom:20px;}
#form_publication .hr {margin:30px;}*/


/**************************/
/***** Espace annonce : Mes alertes reçus *****/
/**************************/
#contenu_centre2 .boite .bg_triangle .bg_interieur.today {background:url('images/fond/rose_3x3.gif');}

/**************************/
/***** Espace recruteur : Liste de MES annonces *****/
/**************************/
.publication {background:url('images/puce/puce.gif') left center no-repeat; padding-left:10px; cursor:pointer;}
.zone_bottom {position:relative;}
.liste_publications {position:absolute; bottom:-30px; left:80px; background:#fff; border:1px #dfdcdc solid; list-style:none;padding:5px 10px; display:none;}
.liste_publications li{margin:0px;}
.liste_publications li.old{color:#a2a1a1;}
.liste_publications li.libelle{font-weight:bold;}

.zone_top {margin-bottom:10px;}
.zone_bottom {margin-top:10px;}

/**************************/
/***** FORMULAIRE Publier une annonce *****/
/**************************/
.ariane {list-style:none; padding:10px 45px; height:90px;}
.ariane li{list-style:none; margin:0px 5px; width:134px; float:left; text-align:center; font-size:14px;}
.ariane li.active{color:#ee3124;}
.ariane li img{display:block; margin:0px auto; margin-bottom:10px;}

.recruteur .ariane {padding:10px 0px;}
.recruteur .ariane li {margin:0px; width:130px;}
.recruteur .row_chk {margin:10px;}
.recruteur .row_chk input {width:auto; margin:0px 5px;}

.chargement       { border:0px solid #ee3124; width:230px; height:20px; padding:2px;}
.chargement .image_gauche   {  float:left;  width:0px; height:0px;  }
.chargement .image_droite   {  float:left;  width:0px; height:0px;  }
.chargement .chgt { background:#ee3124;float:left;width:0px;height:5px; margin:8px 0px;}
.chargement span  { float:right; font:normal 11px Arial; color:#404040; width:45px;text-align:right; margin-top:3px}

#ANE_DESCRIPTION {font-family:courier; width:100%; height:200px;}

/** Etape 1 */
#form_publication h2 {padding:10px; margin-bottom:20px;}
#form_publication .hr {margin:30px;}

/** Etape 2 */
#form_publication h3 {color:#5c5c5c; font-size:12px; text-transform:uppercase; padding:5px; border-top:20px #fff solid; border-bottom:6px #fff solid; text-align:center; font-weight:bold;}
#form_publication h3.no_border_top {border-top:0px;}
#form_publication #annonce {width:230px; padding:10px; float:left; }
#form_publication #options {width:245px; padding:10px; float:right; }
#form_publication #options ul{list-style:none; clear:both; display:block; height:20px; margin-bottom:10px;}
#form_publication #options ul.couleur{height:55px; margin-bottom:10px;}
#form_publication #options ul li{display:block; float:left; width:80px; margin:0px;}
#form_publication #options ul li input{width:auto;}
#form_publication #options #ANE_STYLE_LOGO{width:auto;}
#form_publication .visuel{padding:15px; overflow:hidden;}
.annonce_pa{border-color:red; overflow:hidden;}
.annonce_pa img{width:80px;}
#form_publication .visuel.papier div.annonce_pa{width:160px; margin:0px auto; overflow:hidden; border-color:black;}
#form_publication .visuel.papier div.annonce_pa img{width:160px;}
#form_publication #recap{width:100%; border:0px; border-collapse:collapse;}
#form_publication #recap th{background:#d5d5d5;padding:10px 20px; font-weight:normal; text-align:left;}
#form_publication #recap td{padding:10px 20px; border-bottom:5px #fff solid;}
#form_publication #recap td.montant{width:50px;}


/**************************/
/***** FORMULAIRE CONTACT BASE CV *****/
/**************************/
#contact_candidat {margin-top:10px;}
#contact_candidat .row label{width:90px;}
#contact_candidat .row input{width:400px;}
#contact_candidat .row.are {height:auto;}
#contact_candidat .row textarea{width:400px; height:200px;}




/**************************/
/***** FORMULAIRE D'ACCES BASE CV *****/
/**************************/
#tarif_base_CV {margin:10px auto;}
#tarif_base_CV .libelle{text-align:right;}
#tarif_base_CV .prix{ text-align:right;}
#tarif_base_CV input{ width:20px;}

.step {display:none;}
.step.active {display:block;}

.step .navigation {height:30px;}
.step .navigation  .precedent{float:left; cursor:pointer; line-height:28px; height:30px; padding-left:10px; width:125px; text-align:center; margin-left:20px; background:url('tbs/images/precedent.jpg');}
.step .navigation  .suivant{float:right; cursor:pointer; line-height:28px; height:30px; padding-right:10px; width:125px; text-align:center; margin-right:20px; background:url('tbs/images/suivant.jpg');}
.step .navigation  .terminer{float:right; cursor:pointer; line-height:28px; height:30px; padding-right:10px; width:125px; text-align:center; margin-right:20px; background:url('tbs/images/suivant.jpg');}

#recap {border:1px black solid; margin:0px auto;}
#recap .libelle {width:270px;}
#recap .montant {width:100px; text-align:right;}
#recap #RECAP_TTC {border-top:1px black solid;}



/**************************/
/***** CONTACT *****/
/**************************/
#formulaire{float:left; width:350px; height:405px; margin-left:10px; background:url(images/fond/contact.gif) no-repeat; margin-top:30px; background-color:#fff;}
#contact label {width:120px; display:block;}
#contact .row_are {display:block;}
#contact .row_are  label {float:left;width:120px; margin-right:5px;  text-align:right;}
#contact .row_are  textearea {clear:none;}
#contact .row_bt {clear:both;}

#merci{float:left; width:350px;  height:269px; margin-left:5px; background:url(images/fond/ins.gif) no-repeat; margin-top:30px; background-color:#fff;}
#adresse{float:left; width:350px;  height:269px; margin-left:5px; background:url(images/fond/ins.gif) no-repeat; margin-top:30px; background-color:#fff;}
#center{width:328px; margin:10px 10px 10px 10px; background:url(images/fond/gris_3x3.gif);}
#center input, #contenu #center textarea{border:1px #dedbdb solid; font:bold 10px "Trebuchet MS"; width:160px;}



/*****************************************************************************/
/****************************  CADRE TRANSPARENT  ****************************/
/*****************************************************************************/
.cadre {margin-bottom:5px;}
.cadre .contour {position:relative; margin:0 3px;}
.cadre .contour .angle-r {position:absolute; right:-3px; top:0;}
.cadre .contour .angle-l {position:absolute; left:-3px; top:0;}
.cadre .top {height:3px;background:#fff;}
.cadre .bottom {height:3px;background:#fff;}

.cadre .cadre-contenu {background:#fff; padding:5px; padding-top:0px;}


/*****************************************************************************/
/*****************************  BLOGS EXPERT  ********************************/
/*****************************************************************************/
/** Poser une question home page blog expert */
#blog_expert h3 p.bt {float:right;}
#blog_expert h3 p.bt a  {background:none; color:#1C1C1C; font:bold 14px 'Trebuchet Ms';}
#blog_expert h3 p.bt a span {display:none;}


.bio {display:none; clear:both; padding:5px;}
#blog_expert {width:950px; padding:10px; background:url(images/blog/conteneur.gif);margin-bottom:15px;}
#actu_fiche, #blog_expert h1{font-size:18px; color:#b70d01; margin-bottom:25px; float:left; display:inline;padding:0;}
#actu_fiche a, #blog_expert h1 a{font-size:18px; color:#b70d01; }
#actu_fiche span.t1 a, #blog_expert h1 span.t1 a{font-size:16px;}
#actu_fiche span.t2 a, #blog_expert h1 span.t2 a{font-size:14px;}
#actu_fiche span.t3 a, #blog_expert h1 span.t3 a{font-size:12px;}
#actu_fiche {padding-left:10px;}
#blog_expert h2{text-transform:none; position:relative;}
#blog_expert h2 p.bt{position:absolute; top:10px; right:-15px;}
#blog_expert #ethique a{float:right; display:inline; font-size:12px; color:#464545; margin-bottom:25px; text-transform:uppercase;}
.blog {width:225px;float:left; display:inline; margin:0 5px 30px;}
.blog  h2{text-align:center; padding:0 40px; font: normal 15px Arial; height:51px;padding-top:12px;}
.blog  h2 a{color:#f2f2f2;}
.blog  div{height:88px; padding:0 16px 10px;font-size:13px; color:#2e2e2e;}
.blog  a {font-size:13px; color:#2e2e2e;}

.hom .blog.red h2 {background:url(images/blog/blog_red_top.png) no-repeat;}
.hom .blog.red div {background:url(images/blog/blog_red_mid.png) repeat-y;}
.hom .blog.green h2 {background:url(images/blog/blog_green_top.png) no-repeat;}
.hom .blog.green div {background:url(images/blog/blog_green_mid.png) repeat-y;}
.hom .blog.grey h2 {background:url(images/blog/blog_grey_top.png) no-repeat;}
.hom .blog.grey div {background:url(images/blog/blog_grey_mid.png) repeat-y;}
.hom .blog.blue h2 {background:url(images/blog/blog_blue_top.png) no-repeat;}
.hom .blog.blue div {background:url(images/blog/blog_blue_mid.png) repeat-y; }


#dernieres_questions {width:670px; margin:0 auto;}
#dernieres_questions h3{font:bold 14px 'Trebuchet Ms'; color:#1c1c1c; text-align:left; margin-bottom:5px;}
#dernieres_questions .questions {margin-bottom:10px;}
.hom #dernieres_questions .questions {margin-bottom:0px;}
#dernieres_questions .questions .date{margin-bottom:0;}
.date{width:30px; float:left; display:inline; margin-right:10px; color:#fff; font-size:10px; text-align:center; line-height:12px;padding-top:3px; margin-top:2px;}
.date span.jour{font-size:14px;}
.date span.an{color:#000;}
#dernieres_questions .questions p{font:italic 12px 'Trebuchet Ms'; color:#000;}

#dernieres_questions .green .date {background:url(images/blog/date_gre.png) no-repeat;}
#dernieres_questions .grey .date {background:url(images/blog/date_grey.png) no-repeat;}
#dernieres_questions .blue .date {background:url(images/blog/date_blu.png) no-repeat;}
#dernieres_questions .red .date {background:url(images/blog/date_red.png) no-repeat;}

#blog_expert .bt {text-align:right;margin-right:10px;}
#blog_expert .bt a{background:#383838; text-transform:uppercase; font-size:11px; color:#fff; position:relative; display:inline-block; line-height:22px;}
#blog_expert .bt a span{width:5px; height:22px; display:block; position:absolute; top:0;}
#blog_expert .bt a span.l{left:-5px;}
#blog_expert .bt a span.r{right:-5px;}

#blog_expert .sujet {width:212px; float:left; display:inline; margin-left:50px;}

#blog_rech {width:918px; height:57px; padding:6px 8px 5px; background:url(images/blog/recherche.png) 0 0 no-repeat; margin:0 auto 15px;}
#blog_rech label{font-size:16px; color:#f7f7f7; display:block; float:none; text-align:left; margin:0 0 5px 0; font-weight:normal; }
#blog_rech .input{width:249px; float:left; display:inline; margin-right:10px;}
#blog_rech .input p {display:block;width:245px; height:22px; padding:2px; background:url(images/blog/input.png) 0 0 no-repeat;}
#blog_rech .input input{width:214px; height:20px; border:0; float:left; margin-right:3px;}
#blog_rech .input input#ok{width:28px; height:22px; margin:0;}
#blog_rech .select{width:208px; float:left; display:inline; margin-left:10px;}
#blog_rech .select select{width:208px; height:26px; padding:3px; background:url(images/blog/select.png) 0 0 no-repeat; border:0;}
#blog_rech p{display:inline; margin:0px; clear:none;}

.liste #colG {width:227px;}
.liste #blog_rech {width:208px; height:136px; padding:10px 10px 10px 9px; background:url(images/blog/rech.png) 0 0 no-repeat; margin:0 0 10px 0;}
.liste #blog_rech label{display:none;}
.liste #blog_rech .input {margin:0;margin-bottom:15px; width:208px;float:none; display:block; }
.liste #blog_rech .input p {display:block; width:204px; height:22px; padding:2px; background:url(images/blog/select.png) 0 0 no-repeat;}
.liste #blog_rech .input input{width:172px;}
.liste #blog_rech .select {float:none; display:block; margin:0;}
.liste #blog_rech select{margin:0 0 5px 0;}


#blog_expert #colG {width:208px; float:left; display:inline; margin-left:8px;}
#blog_expert #colG h3{width:138px; font:normal 15px 'Trebuchet Ms'; color:#fff; line-height:33px;padding:4px 32px 0 38px; text-transform:none;}

#box_expert {margin-bottom:8px;}
#box_expert #expert {width:176px; padding:15px 16px 1px;}
#box_expert #expert div{margin-bottom:10px; padding-bottom:1px;}
#box_expert #expert .foto{width:170px; height:170px; float:left; display:inline; margin:0 5px 0 0;}
#box_expert #expert h4{font:normal 12px 'Trebuchet MS'; color:#000; margin-bottom:5px;padding-top:6px;text-transform:none;}
#box_expert #expert h4 span{text-transform:uppercase;}
#box_expert #expert p{padding:0 5px; text-align:left;}

.chapitre #dernieres_questions {width:710px; float:right; display:inline; margin-right:8px;padding-top:11px;}
.chapitre #dernieres_questions .cadre, #liste_question .cadre{position:relative; margin-bottom:15px;}
.chapitre #dernieres_questions #trombone, #liste_question #trombone{position:absolute; top:-9px; left:5px;}
.chapitre #dernieres_questions .cadre-contenu, #liste_question .cadre-contenu{padding:0 20px 1px 10px;}
.chapitre #dernieres_questions .cadre-contenu h2, #liste_question .cadre-contenu h2{font:normal 16px 'Trebuchet Ms'; line-height:28px; margin-left:30px; margin-bottom:10px;}
.chapitre #dernieres_questions .questions {margin-bottom:20px;}
.chapitre #dernieres_questions .questions .date{margin:0;background:url(images/blog/date_grey.png) no-repeat;padding-right:10px; margin-right:10px; }
.chapitre #dernieres_questions .questions .ques{float:left; display:inline; width:627px;}
.chapitre #dernieres_questions .questions .ques p a{line-height:12px; font-style:normal; font-size:13px;}
.chapitre #dernieres_questions .questions .ques p.session a{text-transform:uppercase;font-size:11px;margin:0;}

#Question  {width:702px;float:right; display:inline; margin-right:8px;}
#Question .date {width:29px;float:left; display:inline;background:url(images/blog/date_grey.png) no-repeat; margin-right:15px;}
#Question .cadre {width:658px;float:right; display:inline;}
#Question .cadre h2{padding:0; font:normal 14px 'Trebuchet Ms'; margin-bottom:15px;}
#Question .cadre h3{padding-bottom:10px; font:italic 14px 'Trebuchet Ms'; text-align:left; text-transform:none; color:#383838; margin-bottom:3px;}
#Question .cadre p{margin-bottom:15px;}
#Question .cadre p.pseudo{font-size:11px; color:#000;}
#Question .cadre .img_gauche{float:left; display:inline; margin:0 10px 5px 0; border:2px solid #000;}
#Question .cadre .img_droite{float:right; display:inline; margin:0 0 5px 10px; border:2px solid #000;}

.internaute #Question {width:685px;}
.internaute #Question .cadre{background:url(images/blog/cadre_fleche.png) 18px 0 no-repeat; padding-top:11px;}
.internaute #Question .questions  .date {padding-right:15px; margin-right:15px;}
.internaute #Question .questions  h2 {padding:0; margin-bottom:15px;}
.internaute #Question .questions  h2 a{font:normal 14px 'Trebuchet Ms'; line-height:18px;}
.internaute #Question .cadre {width:622px;margin-bottom:15px;}
.internaute .NavigationBlog {margin-left:65px;}

.NavigationBlog {width:317px; height:31px; background:url(images/blog/pages.png) no-repeat; padding:7px 3px 3px 10px; float:left; display:inline; color:#fff;}
.NavigationBlog p{font-size:14px; color:#fff; line-height:22px; float:left; display:inline;margin-right:5px;}
.NavigationBlog .MoteurNavigation {width:265px; float:left; display:inline; margin:0;}
.NavigationBlog .MoteurNavigation a{width:20px; font-size:14px; text-align:center; color:#848484; line-height:22px; background:url(images/blog/page_hover.png) 0 0 no-repeat; float:left; display:inline;margin-right:3px;height:22px;}
.NavigationBlog .MoteurNavigation a:hover{background:url(images/blog/page_hover.png) 0 -22px no-repeat; text-decoration:none;color:#404040;}
.NavigationBlog .MoteurNavigation .MoteurNavigationPageActuelle{width:20px; font-size:14px; text-align:center; color:#404040; line-height:22px; background:url(images/blog/page_hover.png) 0 -22px no-repeat; float:left; display:inline;margin-right:3px;}

.liste #colG p.bt {margin-right:-12px;}
.liste #liste_question {width:688px; float:right; display:inline;}
.questions .date{margin:0 0 15px 0;background:url(images/blog/date_grey.png) no-repeat;padding-right:10px; margin-right:10px; }
.questions .ques{width:560px; float:left; display:inline;}
.hom .questions .ques{width:600px;}
.questions h2{padding:0; padding-bottom:10px; margin-bottom:3px;}
.questions h2 a{font:italic 14px 'Trebuchet Ms'; color:#383838; line-height:18px;}
.questions p{font:normal 11px 'Trebuchet Ms'; margin-bottom:3px;}
.questions p.session a{text-transform:uppercase;}
.poser_question textarea {width:100%; height:200px; margin-bottom:10px;}


.green #expert { background:url(images/blog/expert_green_mid.png) repeat-y; }
.green #expert a{color:#616e7f; padding-left:6px;}
.green #expert a img{vertical-align:middle;}
.green #dernieres_questions .questions .date {border-right:3px solid #616e7f;}
.green #dernieres_questions h2,
.green .ques p.session a,
.green .ques p a:hover,
.green #Question .cadre h2,
.green #Question .cadre p.pseudo span,
.green #Question .questions  h2 a{color:#616e7f;}
.green #Question .questions .date {border-right:3px solid #616e7f;}
.green #Question .cadre h3,
.green .ques h2{border-bottom:3px solid #616e7f;}
.green #colG h3{background:url(images/blog/expert_green_top.png) no-repeat;}

.red #expert { background:url(images/blog/expert_red_mid.png) repeat-y; }
.red #expert a{color:#914e68; padding-left:6px;}
.red #expert a img{vertical-align:middle;}
.red #dernieres_questions .questions .date {border-right:3px solid #914e68;}
#liste_question h2, /** spécial par défaut !! */
.red #dernieres_questions h2,
.red .ques p.session a,
.red .ques p a:hover,
.red #Question .cadre h2,
.red #Question .cadre p.pseudo span,
.red #Question .questions  h2 a{color:#914e68;}
.red #Question .questions .date {border-right:3px solid #914e68;}
.red #Question .cadre h3,
.red .ques h2{border-bottom:3px solid #914e68;}
.red #colG h3{background:url(images/blog/expert_red_top.png) no-repeat;}

.blue #expert { background:url(images/blog/expert_blue_mid.png) repeat-y; }
.blue #expert a{color:#8b7e9d; padding-left:6px;}
.blue #expert a img{vertical-align:middle;}
.blue #dernieres_questions .questions .date {border-right:3px solid #8b7e9d;}
.blue #dernieres_questions h2,
.blue .ques p.session a,
.blue .ques p a:hover,
.blue #Question .cadre h2,
.blue #Question .cadre p.pseudo span,
.blue #Question .questions  h2 a{color:#8b7e9d;}
.blue #Question .questions .date {border-right:3px solid #8b7e9d;}
.blue #Question .cadre h3,
.blue .ques h2{border-bottom:3px solid #8b7e9d;}
.blue #colG h3{background:url(images/blog/expert_blue_top.png) no-repeat;}

.grey #expert { background:url(images/blog/expert_grey_mid.png) repeat-y; }
.grey #expert a{color:#757272; padding-left:6px;}
.grey #expert a img{vertical-align:middle;}
.grey #dernieres_questions .questions .date {border-right:3px solid #757272;}
.grey #dernieres_questions h2,
.grey .ques p.session a,
.grey .ques p a:hover,
.grey #Question .cadre h2,
.grey #Question .cadre p.pseudo span,
.grey #Question .questions  h2 a{color:#757272;}
.grey #Question .questions .date {border-right:3px solid #757272;}
.grey #Question .cadre h3,
.grey .ques h2{border-bottom:3px solid #757272;}
.grey #colG h3{background:url(images/blog/expert_grey_top.png) no-repeat;}



/** Zone de recherche */
#liste_recherche {margin:0px 110px; padding:10px; background:#fff; border:1px #DEDBDB solid;}
#liste_recherche ul {list-style:none; padding:10px; background:url('images/fond/gris_3x3.gif');}
#liste_recherche li{margin:0px 0px; margin-bottom:20px;}
#liste_recherche li h2{margin:0px; padding:0px;}
#liste_recherche li h2 a{text-decoration:underline; font: normal 9pt Trebuchet MS; color:#ee3124;}
#liste_recherche li em{color:#EE3124;}
#liste_recherche li em a{color:#EE3124;}
em a{font-style:italic;}