@charset "iso-8859-1";
html {
  margin: 0;
  padding: 0;
}
/* Règles générales */
body {
  padding: 0;
  margin: 10px 0 10px 0;
  /*background: url(wallpaper.jpg) #e7e7e7;*/
  background: url('../images/design/fond_degrade.jpg') repeat-x left top #a5d5ec;
  font-family: Tahoma, "Trebuchet MS", verdana, arial, helvetica, sans-serif;
  font-size: 12.5px;
  color: #676767;
  text-align: center;
  width: 100%;
}
p, h1, h2, form, img, td, tr, table, ul {
  margin: 0;
  padding: 0;
  font-size: 12.5px;
} 
div {
  margin: 0;
  padding: 0;
}
img {
	border: none;
}
h1 {
  /*background:url('../images/design/h1_fleche.gif') #FFFFFF no-repeat 0% 0%;*/
  color:#ffffff;
  font-weight:bold;
  font-size:17px;
  text-align:center;
}
h2 {
  background: #CED6DE url('../images/design/middle_titre.gif') repeat-x top left;
  padding:3px 0 3px 10px;
  margin:0;
  color:#656565;
  font-weight:bold;
  font-size:13px;
}
h3 {
  padding:3px 0 3px 10px;
  margin:0;
  color:#656565;
  font-weight:bold;
  font-size:15px;
  border-bottom:1px solid grey;
  margin-bottom:5px;
}
h4 {
  padding:0 0 0 5px;
  margin:0 0 10px 13px;
  color:#CF6365;
  font-weight:bold;
  font-size:13px;
  border-left:4px solid #CF6365;
}
hr {
  width:100%;
  padding: 0;
  height:1px;
  background-color:#ced6de;
  color: #ced6de;
  border: 0;
  clear:both;
}
br.separe {
  clear:both;
}
.padding10 {
  padding:10px;
}
/* Ensemble de la page */
#global {
  background:url('../images/design/header_trans.gif') no-repeat top left;
  width: 970px;
  margin: 0 auto;
  padding: 0;
  text-align: left;
}
/* Haut de la page */
#header {
  background: url('../images/design/header.jpg') no-repeat 200px 18px;
  width: 970px;
  margin: 0;
  padding:0;
  float: right;
  height:230px;
}
/* Bloc à droite du logo */
#bloc_droite {
  padding:0;
  width: 770px !important;
  width:749px;
  height:233px;
  float: right;
}
/* Nos avantages */
#menutop_cont {
  height:124px;
  clear:both;
  margin-top:21px;
}
#menutop {
  padding:22px 0 0 205px;
  float:left;
}
#menutop li {
  color:#FFFFFF;
  list-style:circle;
  width:260px;
}
#menutop a {
  color:#EEEEEE;
  text-decoration:none;
}
#menutop a:hover {
  color:#FFF;
  text-decoration:underline;
}
/* on s'identifie */
#formLogin {
    float:left;
    width:200px;
    padding:15px 0 0 40px;
}
#formLogin ul {
    margin-left:40px;
}
#formLogin li {
  color:#FFFFFF;
  list-style:circle;
}
#formLogin a {
  color:#FFFFFF;
  text-decoration:none;
}
#formLogin a:hover {
  color:#FFF;
  text-decoration:underline;
}
/* Menu avec onglets */
#header_onglet {
  height: 24px;
  /*margin: 0 0 0 25px;*/
  margin: 0 0 0 170px !important; /* 60 */
  margin: 0 0 0 110px;
}
#header_onglet ul {
  float:left;
  margin:0 auto;
  list-style:none;
  display:table;
}
#header_onglet ul li {
  display:table-cell;
  float:left;
  background:url('../images/design/onglet_droit.gif') no-repeat right top;
  margin:0 2px 0 1px;
  padding:0;
}
#header_onglet a {
  display:block;
  position:relative;
  background:url('../images/design/onglet_gauche.gif') no-repeat left top;
  /*padding: 4px 10px 6px 10px;*/
  padding: 4px 12px 6px 12px;
  text-decoration:none;
  font-weight:bold;
  font-size: 12px;
  color: #d14d64;
}
#header_onglet > ul a {width:auto;}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header_onglet a {float:none;}
/* End IE5-Mac hack */
#header_onglet a:hover {
  color: #d64a63;
}
#header_onglet .actif {
  background-position:100% -40px;
}
#header_onglet .actif a {
  background-position:0 -40px;
  padding-bottom:6px;
  color: #43b148;
}
/* not for IE5.x or IE6 */
#header_onglet ul li:hover,
#header_onglet ul li:hover a {
  background-position:100% -40px;
  color: #d64a63;
}
#header_onglet ul li:hover a {
  background-position:0 -40px;
}
/* Rececherche - Marque - Arborescence */
#search_marq_arbo {
  width:770px;
  height:65px;
  background: url('../images/design/header_coin.gif') no-repeat 737px 0 #fff;
  margin:0;
  padding-top:0 !important;
  padding-top:1px;
}
#search_marq {
  padding:9px 0px 6px 10px !important;
  padding:6px 0px 2px 12px;
  height:20px;
}
#search_marq select {
  width:130px;
}
#search_marq span {
  color:#000;
  float:left;
  margin-right:5px;
}
#search_marq input {
  margin:0;
  padding:0;
  float:left;
}
#search_marq .bouton_search_key {
  font-size:12px;
  width:150px;
  margin-right:5px;
}
#search_marq .bouton_search_select {
  font-size:12px;
  float:left;
}
#search_marq .bouton_search {
  vertical-align: middle;
  margin:0 20px 0 7px !important;
  margin:0 20px 0 10px;
  border:0px;
  width:31px;
  height:20px;/*21*/
}	   
#cadre_telephone {
  float:right;	   
  margin-right:40px !important;
  margin-right:20px;
}
.bouton_compte {
  vertical-align: middle;
  margin-left:00px !important;
  margin-left:10px;
}
#arborescence {
  background: url('../images/design/header_rouge.gif') repeat-x top #d14d65;
  height:20px !important;
  height:24px;
  width:740px !important;
  width:750px;
  color:#fff;
  padding:4px 0 0 10px;
  font-size:11px;
}
#arborescence a {
  color:#FFFFFF;
  text-decoration:none;
}
#sous_arbo {
  width:740px !important;
  width:750px;
  height:26px !important;
  height:31px;
  padding:5px 0 0 10px;
}
/* Logo */
#logo {
  margin: 0;
  padding-top: 18px; /*20px;*/
  float:left;
}
/* ***** Contenu ***** */
#content {
  background:url('../images/design/fond.gif') repeat-y #fff;
  width:950px !important;
  width:970px;
  margin:0;
  padding:0 10px 0px 10px;
}
.contcenter {
  position:relative;
}
.contcenter ul li {
  margin:3px 0 5px 30px;
}
/* ** Menu Gauche ** */
.menu_tit {
  color: #d14d64;
  font-weight:bold;
  border-bottom:3px solid #d14d64;
  padding-bottom:2px;
  background-color:#f7edef;
}
#menu_gauche {
  background:url('../images/design/menud_fond.gif') no-repeat top left;
  padding: 0px 15px 0px 15px;
  margin:0;
  margin-top:24px;
  float:left;
  width:160px !important;
  width:190px;
}
/* remove all the bullets, borders and padding from the default list styling */
.cat ul {
  padding:0;
  margin:0;
  list-style-type:none;
}
/* hack for IE5.5 *
* html #menu_gauche ul {margin-left:-16px; ma\rgin-left:0;}
**/
/* position relative so that you can position the sub levels */
.cat ul li {
  position:relative;
  background-color:#eaf1f4;
  margin:0;
  padding:0;
}

/* get rid of the table *
#menu_gauche table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}
#menu_gauche .cat_actif table {position:relative; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}

/* style the links ::: #menu_gauche a, #menu_gauche a:visited */
.cat li {
  display:block; 
  text-decoration:none;
  line-height:20px;
  color:#000;
  text-indent:5px;
  border-bottom:1px solid #99c1d3;
  z-index:1000;
}

/* hack for IE5.5 *
* html #menu_gauche .cat a, * html #menu_gauche .cat a:visited {background:url('../images/design/carre_cat.gif') no-repeat 0px 4px #f3f3f3; width:162px; w\idth:157px;margin-right:-30px;padding:0 0 0 6px;}
/* style the link hover *
* html #menu_gauche .cat a:hover {background:url('../images/design/carre_cat.gif') no-repeat 0px 4px #EBEBEB;color:#000000;}
*/
.cat ul a {
  background:url('../images/design/carre_cat.gif') no-repeat 0px 4px;
  padding-left:10px;
  color:#2d5365;
  font-size:3mm;
  text-decoration:none;
}

.cat ul li:hover,
.cat ul li.actif {
  color:#000000; 
  background-color:#f6d4d4;
}

.cat ul li.souscat {
  background-color:#f8fbfc;
  border-left:10px solid #99c1d3;
  width:152px;
}
.cat ul li.souscat.actif {
  background-color:#f6d4d4;
}
.cat ul li.souscat a {
  background:url('../images/design/carre_menu.gif') no-repeat 0px 4px;
  padding-left:10px;
  color:#676767;
  font-size:3mm;
  text-decoration:none;
}
.cat ul li.souscat:hover {
  background-color:#f6d4d4;
}

/* ** Contenu ** */
#contenu {
  width:733px !important;
  width:749px;
  margin: 0;
  padding: 7px 8px 0px 8px !important;
  padding: 7px 0 0px 8px;
  float: left;
}
a {
  color:#1C1C1C;
}
#contenu a:hover {
  color:#000000;
  text-decoration:none;
}
.cadre_general {
  border:1px solid #CED6DE;
  margin-bottom:10px;
}
.cadre_contenu {
  margin:10px;
}
/**
 *	Accueil
 *	Index
 */
.news_accueil {
  margin-left: 25px;
  list-style-image: url('../images/design/puce_middle.gif');
} 
.news_accueil span {
  color: #3e9fcf;
}
/** 
 * Categore / liste des articles
 */
.cat_categorie {
  border:2px solid #707070;
  border-width:2px 0 2px 0;
  width:98%; 
}
.cat_prod {
  border-bottom:1px solid #B9B9B9;
  padding:5px 0 5px 0;
  width:100%;
}
.cat_prod_liste {
  list-style-type:square;
  list-style-position:inside;
  display:block;
}
.cat_prod_price {
  width:105px;
  float:right;
  padding:7px 7px 0 10px;
  font-weight:bold;
  font-size:14px;
  color:#d34f67;
}
.cat_prod_reduc {
  border:1px solid #FF0000;
  text-align:center;
  background-color:#FFF;
}
.cat_prod_exprix {
  text-decoration:line-through;
  font-size:12px;
  color:#FF0000;
  background-color:#FFF420;
  padding:1px;
  border-bottom:1px solid #FF0000;
}
.cat_prod_price sup {
  font-size:12px;
}
.cat_prod_prix {
  font-size:18px;
  font-size:arial;
  width:100%;
  text-align:center;
}
.cat_titre {
  margin-bottom:7px;
  font-size:13px;
}
.cat_ou {
  color:#5D5D5D;
  font-size:10px;
  font-weight:normal;
  text-align:center;
}
/**
 * fiche produit 
 * product_info
 */
.cadre_titre {
  width:100%;
  border-bottom:1px solid #CED6DE;
  background-color:#EEEEEE;
}
.cadre_titre h1 {
  background-image: none;
  padding:0 0 0 10px;
  color:#CF6365;
  font-weight:bold;
  font-size:14px;
}
.cadre_prix {
  text-align:right;
  font-weight:bold;
  padding-bottom:15px;
  color:#d34f67;
  font-family:arial;
  margin-right:10px;
  font-size:24px;
}
.cadre_prix strong {
  color:#9E9E9E;
  font-size:14px;
  text-decoration:line-through;
}
.cadre_prix sup {
  font-size:14px;
}
.cadre_photo {
  float:left;
  margin-right:10px;
  text-align:center;
}
.cadre_photo_galerie {
  float:left;
  width: 153px !important;
  width: 150px;
  margin: 0 0 7px 3px !important;
  margin: 0 0 7px 4px;
  text-align:center;
}
#contenu .cadre_photo_galerie a {
  color:#cb6767;
  text-decoration:none;
}
.fields_left {
  float:left;
  width:230px;
  margin-left:17px;
}
.fields_right {
  float:left;
  width:230px;
}
.fields_right, .fields_left {
  list-style-image: url('../images/design/puce_middle.gif');
} 
/* Accueil : Nouveauté */
.cadre_nouveaute {
  float:left;
  width:161px;
  text-align:center;
}
#cadre_contenu {
  border:1px solid #CED6DE;
}
.sur_boutique {
  margin-left:25px;
  list-style-image: url('../images/design/puce_middle.gif');
}
/* ** Menu Droit ** */
#menu_droit {
  background:url('../images/design/menu_fond_dr.gif') no-repeat top right;
  width:165px !important;
  width:190px;
  padding: 0px 10px 0px 15px;
  float: left;
}
#menu_droit li {
  color:#676767;
  font-size:3mm;
}
#menu_droit .menu_titcompte {
  border-top:3px solid #888888;
  background-color:#f9f9f9;
  border-bottom:1px solid #fff;
  color:#666666;
  width:98%;
  font-weight:bold;
  width:149px !important;
  width:162px;
  padding-left:13px;
}
#menu_droit .compte{
  border-bottom:1px solid #888888;
  background-color:#f9f9f9;
  width:162px;
  margin-bottom:15px;
}
#menu_droit .compte li {
  list-style:none;
  border-bottom:1px solid #fff;
  padding:3px 0px 3px 13px;
  letter-spacing:0.2mm;
}
#menu_droit .compte a {
  color:#666666;
  text-decoration:none;
}
#menu_droit .compte a:hover {
  color:#000000;
  text-decoration:none;
}
#menu_droit .menu_titpanier {
  color: #d14d64;
  font-weight:bold;
  padding-bottom:2px;
}
#menu_droit .menu_titpanier img {
  vertical-align: middle;
}
#menu_droit .panier {
  margin:7px 0 0 0;
}
#menu_droit .panier li {
  list-style:none;
  padding:1px 0px 1px 13px;
}
#menu_droit .panier .panier_total {
  background:url('../images/design/fleche_ssmenu.gif') no-repeat 7px 9px;
  margin-top:5px;
  padding:5px 0 0 20px;
}
#commande {
  text-align:center;
  margin:10px 0 10px 0;
  line-height:20px;
}
#menu_droit .menu {
  border-bottom:1px solid #dcdcdc;
  padding-bottom:7px;
  margin-bottom:15px;
  background-color:#f9f9f9;
  width:162px;
}
#menu_droit .menu li {
  list-style:none;
  padding-left:13px;
  line-height:15px;
  letter-spacing:0.1mm;
}
/**
 *	Avis sur un produit
 *	reviews
 */
#menu_droit .avis {
  background-color:#f9f9f9;
  width:162px;
}
#menu_droit .avis li {
  list-style:none;
  padding-left:13px;
  line-height:15px;
  letter-spacing:0.1mm;
}
#menu_droit .avis a {
  text-decoration:none;
  color:#666666;
}
#menu_droit .etoile {
  margin-bottom:5px;
  border-bottom:1px solid #dcdcdc;
}
/**
 *	Meilleures ventes
 *	best_sellers
 */
#menu_droit .best {
  background-color:#f9f9f9;
  width:162px;
  margin-bottom:7px;
  padding-bottom:3px;
  border-bottom:1px solid #dcdcdc;
}
#menu_droit .best span {
  color: #d14d64;
}
#menu_droit .best li {
  list-style:none;
  padding-left:7px;
  line-height:15px;
}
#menu_droit .best a {
  text-decoration:none;
  color:#666666;
}
#menu_droit .specials_prix {
  font-size:24px;
  font-family:arial;
  color:#CC0000;
  font-weight:bold;
  float:left;
  width:70px;
  height:40px;
  padding-bottom:10px;
}
#menu_droit .specials_prix sup {
  font-size:12px;
}
/**
 *	Derniers produits ajoutés
 *	whats_new
 */
#menu_gauche .menu_news {
  background-color:#f9f9f9;
  width:162px;
  margin-bottom:7px;
  padding-bottom:3px;
  border-bottom:1px solid #dcdcdc;
}
#menu_gauche .menu_news span {
  color: #d14d64;
}
#menu_gauche .menu_news li {
  list-style:none;
  padding-left:7px;
  line-height:15px;
}
#menu_gauche .menu_news a {
  text-decoration:none;
  color:#666666;
}
#menu_gauche .news_img {
  text-align:center;
  width:135px;
  padding:8px 0 3px 0;
}
#menu_gauche .news_tit {
  text-align:center;
  font-weight:bold;
  width:135px;
}
/**
 *	Newsletter
 */
#menu_droit .newsletter_ok {
  text-align:right;
  margin-top:5px;
  width:130px;
}
#menu_droit .newsletter_txt {
  padding:5px 0 10px 0;
}
#menu_droit .news_img {
  text-align:center;
  width:135px;
  padding:8px 0 3px 0;
}
#menu_droit .news_tit {
  text-align:center;
  font-weight:bold;
  width:135px;
}
#menu_droit .news_prx {
  text-align:center;
  width:135px;
}
#footer {
  background:url('../images/design/footer.gif') repeat-y top left #e7e7e7;
  clear:both;
  height:80px;
  width: 970px;
  margin: 0 auto;
  padding: 0;
}
#footer .copyright{
  padding-bottom:5px;
  text-align:center;
  font-size:0.8em;
}
#footer .box_info{
  text-align:center;
}
#footer .box_info a {
  text-decoration:none;
  color:#336699;
  font-size:0.9em;
  font-weight:bold;
}
/**
 * Les pages d'articles
 */
.article p {
	width:90%;
	margin-left:20px;
	text-indent:5%;
}
.article p:first-letter {
	font-size:16px;
	font-weight:bold;
}

/**
 * Coloriage
 */
#coloriage {
  margin:0 25px;
}
#coloriage .description{
  display:block;
  text-align:center;
  font-size:13px;
  margin:7px 0 7px 0;
  padding:4px;
  border:2px dashed #3E9ED0;
  color:#2B83AF;
  font-weight:bold;
  background-color:#ffffff;
}
#coloriage .description span {
  font-size:12px;
  font-weight:normal;
  text-align:left;
  display:block;
  margin-top:7px;
}
.dessin {
  float:left;
  width:159px;
  height:159px;
  margin:2px;
  text-align:center;
  background-color:#BFE7FF;
  border:2px solid #BFE7FF;
}
.dessin img {
  border:2px solid #58ACD8;
}
.dessin:hover {
  border:2px solid #58ACD8;
}
.dessin a {
  font-size:11px;
  color:#3E9ED0;
  font-weight:bold;
  text-decoration:none;
}
.dessin_menu {
    text-align:center;
    margin-top:2px;
}
.dessin_menu a {
    text-decoration:none;
    font-weight:bold;
}
/* Dessin 0 */
.dessin_0 { background-color:#FDE6E3;border:2px solid #FAB1A9;}
.dessin_0 img { border:2px solid #FAB1A9;}
.dessin_0:hover { border:2px solid #FF1A00;}
.dessin_0 a, #coloriage .dessin_0 a { color:#FF1A00; }
/* Dessin 1 */
.dessin_1 { background-color:#FFF1BB;border:2px solid #FFCF77;}
.dessin_1 img { border:2px solid #FFCF77;}
.dessin_1:hover { border:2px solid #BD0025;}
.dessin_1 a, #coloriage .dessin_1 a { color:#BD0025; }
/* Dessin 2 */
.dessin_2 { background-color:#EAF2E0;border:2px solid #BAD898;}
.dessin_2 img { border:2px solid #BAD898;}
.dessin_2:hover { border:2px solid #129600;}
.dessin_2 a, #coloriage .dessin_2 a { color:#129600; }
/* Dessin 3 */
.dessin_3 { background-color:#F1E3E8;border:2px solid #E1B8C4;}
.dessin_3 img { border:2px solid #E1B8C4;}
.dessin_3:hover { border:2px solid #BD0025;}
.dessin_3 a, #coloriage .dessin_3 a { color:#BD0025; }
/* Dessin 4 */
.dessin_4 { background-color:#E5F1F2;border:2px solid #97D0D3;}
.dessin_4 img { border:2px solid #97D0D3;}
.dessin_4:hover { border:2px solid #008890;}
.dessin_4 a, #coloriage .dessin_4 a { color:#008890; }
/* Dessin 5 */
.dessin_5 { background-color:#ffffd1;border:2px solid #f6e066;}
.dessin_5 img { border:2px solid #f6e066;}
.dessin_5:hover { border:2px solid #f0a300;}
.dessin_5 a, #coloriage .dessin_5 a { color:#f0a300; }
/* Dessin 6 */
.dessin_6 { background-color:#ffe5fa;border:2px solid #febcf0;}
.dessin_6 img { border:2px solid #febcf0;}
.dessin_6:hover { border:2px solid #f103bc;}
.dessin_6 a, #coloriage .dessin_6 a { color:#f103bc; }

#coloriage .pub {
  float:right;
  padding:10px 15px 0 15px;
  height:320px;
  margin:2px;
}

/* Arrondi fin */
.ar1, .ar2, .ar3, .ar4,
.large .ar1, .large .ar1_bis, .large .ar2, .large .ar3, .large .ar4 {font-size:1px; overflow:hidden; display:block;}
.ar1 {height:0px; margin:0 5px; border-top:1px solid;}
.ar2 {height:1px; border-right:2px solid; border-left:2px solid; margin:0 3px;}
.ar3 {height:1px; border-right:1px solid; border-left:1px solid; margin:0 2px;}
.ar4 {height:2px; border-right:1px solid; border-left:1px solid; margin:0 1px;}
.contentArr { border-right:1px solid; border-left:1px solid;padding:0 5px;}

/* Arrondi large */
.large .ar1 {height:0px; margin:0 6px; border-top:1px solid;}
.large .ar1_bis {height:0px; margin:0 5px; border-top:1px solid; margin:0 4px;}
.large .ar2 {height:1px; border-right:3px solid; border-left:3px solid; margin:0 3px;}
.large .ar3 {height:1px; border-right:2px solid; border-left:2px solid; margin:0 2px;}
.large .ar4 {height:2px; border-right:2px solid; border-left:2px solid; margin:0 1px;}
.large .contentArr { border-right:2px solid; border-left:2px solid;padding:0 5px;}

/* Arrondi fin : couleur par défaut */
.ar1, .ar2, .ar3, .ar4, .contentArr { border-color:#ae2b28; background:#f9e5e5; }
/* Arrondi large : couleur par défaut > large */
.large .ar1, .large .ar1_bis, .large .ar2, .large .ar3, .large .ar4, .large .contentArr { border-color:#ae2b28; background-color:#f9e5e5; }

/**
 * Personnaliser les couleurs des arrondis
 */
/* Arrondi : couleur verte > coul_vert */
.coul_vert .ar1, .coul_vert .ar1_bis, .coul_vert .ar2, .coul_vert .ar3, .coul_vert .ar4, .coul_vert .contentArr { border-color:#BAD898; background-color:#eaf2e0; }

/* Arrondi : couleur bleu > coul_bleu */
.coul_bleu .ar1, .coul_bleu .ar1_bis, .coul_bleu .ar2, .coul_bleu .ar3, .coul_bleu .ar4, .coul_bleu .contentArr { border-color:#97d0d3; background-color:#e5f1f2; }

/* Arrondi : couleur bleu uni > coul_bleu_uni */
.coul_bleu_uni .ar1, .coul_bleu_uni .ar1_bis, .coul_bleu_uni .ar2, .coul_bleu_uni .ar3, .coul_bleu_uni .ar4, .coul_bleu_uni .contentArr { border-color:#e5f1f2; background-color:#e5f1f2; color:#0088a1;}

/* Arrondi : couleur rouge uni > coul_rouge_uni */
.coul_rouge_uni .ar1, .coul_rouge_uni .ar1_bis, .coul_rouge_uni .ar2, .coul_rouge_uni .ar3, .coul_rouge_uni .ar4, .coul_rouge_uni .contentArr { border-color:#9f2136; background-color:#bc344a; }

/* Arrondi : couleur gris > coul_gris */
.coul_gris .ar1, .coul_gris .ar1_bis, .coul_gris .ar2, .coul_gris .ar3, .coul_gris .ar4, .coul_gris .contentArr { border-color:#808080; background-color:#e9ebeb; }

/* Arrondi : couleur violet > coul_violet */
.coul_violet .ar1, .coul_violet .ar1_bis, .coul_violet .ar2, .coul_violet .ar3, .coul_violet .ar4, .coul_violet .contentArr { border-color:#e1b8c4; background-color:#f1e3e8; }

/* Arrondi : couleur violet clair  > coul_violet_clair */
.coul_violet_clair .ar1, .coul_violet_clair .ar1_bis, .coul_violet_clair .ar2, .coul_violet_clair .ar3, .coul_violet_clair .ar4, .coul_violet_clair .contentArr { border-color:#4e54a2; background-color:#dfe1fb; }

/* Arrondi : couleur orange > coul_orange */
.coul_orange .ar1, .coul_orange .ar1_bis, .coul_orange .ar2, .coul_orange .ar3, .coul_orange .ar4, .coul_orange .contentArr { border-color:#ffcf77; background-color:#fff1bb; }

/* Arrondi : couleur 0 > coul_0 */
.coul_0 .ar1, .coul_0 .ar1_bis, .coul_0 .ar2, .coul_0 .ar3, .coul_0 .ar4, .coul_0 .contentArr { border-color:#FAB1A9; background-color:#FDE6E3; }
.coul_0 img { border:2px solid #FAB1A9;}
.coul_0:hover .ar1, .coul_0:hover .ar1_bis, .coul_0:hover .ar2, .coul_0:hover .ar3, .coul_0:hover .ar4, .coul_0:hover .contentArr { border-color:#FF1A00; background-color:#FDE6E3; }
.coul_0 a, #coloriage .coul_1 a { color:#FF1A00; }

/* Arrondi : couleur 1 > coul_1 */
.coul_1 .ar1, .coul_1 .ar1_bis, .coul_1 .ar2, .coul_1 .ar3, .coul_1 .ar4, .coul_1 .contentArr { border-color:#FFCF77; background-color:#FFF1BB; }
.coul_1 img { border:2px solid #FFCF77;}
.coul_1:hover .ar1, .coul_1:hover .ar1_bis, .coul_1:hover .ar2, .coul_1:hover .ar3, .coul_1:hover .ar4, .coul_1:hover .contentArr { border-color:#BD0025; background-color:#FFF1BB; }
.coul_1 a, #coloriage .coul_1 a { color:#BD0025; }

/* Arrondi : couleur 2 > coul_2 */
.coul_2 .ar1, .coul_2 .ar1_bis, .coul_2 .ar2, .coul_2 .ar3, .coul_2 .ar4, .coul_2 .contentArr { border-color:#BAD898; background-color:#EAF2E0; }

/* Arrondi : couleur 3 > coul_3 */
.coul_3 .ar1, .coul_3 .ar1_bis, .coul_3 .ar2, .coul_3 .ar3, .coul_3 .ar4, .coul_3 .contentArr { border-color:#E1B8C4; background-color:#F1E3E8; }

/* Arrondi : couleur 4 > coul_4 */
.coul_4 .ar1, .coul_4 .ar1_bis, .coul_4 .ar2, .coul_4 .ar3, .coul_4 .ar4, .coul_4 .contentArr { border-color:#97D0D3; background-color:#E5F1F2; }

/* Arrondi : couleur 5 > coul_5 */
.coul_5 .ar1, .coul_5 .ar1_bis, .coul_5 .ar2, .coul_5 .ar3, .coul_5 .ar4, .coul_5 .contentArr { border-color:#f6e066; background-color:#ffffd1; }

/* Arrondi : couleur 6 > coul_6 */
.coul_6 .ar1, .coul_6 .ar1_bis, .coul_6 .ar2, .coul_6 .ar3, .coul_6 .ar4, .coul_6 .contentArr { border-color:#febcf0; background-color:#ffe5fa; }

/********************************** ************ ALL ***************** ********************************** */
/* Blockquote:Citation / Erreur / Valide / Information */
blockquote {
	border: 1px dotted #a1d97e;
	border-width: 1px 0 1px 0;
	padding: 12px 12px 12px 36px;
	margin: 0 5% 7px 5%;
	background: url('../images/view/blockquote/blockquote_citation.gif') no-repeat 10px center #dbffd1;
}
blockquote.info {
	background: url('../images/view/blockquote/blockquote_info.gif') no-repeat 10px center #dbffd1;
}
blockquote.allgood {
	background: url('../images/view/blockquote/blockquote_allgood.gif') no-repeat 10px center #dbffd1;
}
blockquote.error {
	background: url('../images/view/blockquote/blockquote_error.gif') no-repeat 10px center #ffded5;
	border: 1px dotted #d99d80;
	border-width: 1px 0 1px 0;
}
/** * Prevenir des messages divers */
#divTime {
	margin: 1em auto;
	width: 100%;
	background: #FEFFDC;
	border: 1px dashed #006633;
	color: #003C00;
	padding: 7px;
}
/**
 * Voir l'image
 */
.admImg {
	border: 1px dashed #656565;
	background-color: #ffffff;
	margin-top: 5px;
	width: 220px;
	padding: 5px;
	text-align: center;
}
.admImg:hover {
	background: none; /* correction d'un bug IE */
}
/* définition de la balise <span> inclue dans <a> */
.admImg span {
	display: none;
	z-index:100;
}
.admImg:hover span {
/* définition de la balise <span> au survol */
	display: inline;
	position: absolute;
	background: #ffffff;
	border: 1px solid #2A2A2A;
	text-align: left;
	margin: 20px 0 0 -120px;
}
/* bouton de suppresion */
.admImg a.supprimer {
    display:block;
    background:url('../images/view/croix.gif') no-repeat;
    width:12px;
    height:12px;
    float:right;
}

/** * Formulaire en général */
.formGlobal {
	clear: both;
	width: 100%;
}
.formGlobal p {
	margin: 2px 0;
	clear: both;
	position: relative;
}
.formGlobal .formGauche, .formGlobal .formDroite, .formGlobal .formTotal {
}
.formGlobal .formGauche {
	text-align: right;
	vertical-align: top;
	background-color: #EFF1F6;
}
.formGlobal .formDroite {
	vertical-align: top;
}
.formGlobal .formTotal {
	text-align: center;
}
.formGlobal .formTitre {
	color: #FFFFFF;
	font-weight: bold;
	padding: 2px 0 2px 10px;
	background-color: #7F7F7F;
	border-bottom: 2px solid #3F3F3F;
	margin-bottom: 1px;
	height: 16px;
}
.formGlobal .formInfo {
	color: #000000;
	padding: 4px;
	background-color: #DFE3EE;
	margin-bottom: 1px;
}
.formGlobal .formForme {
	width: 40px;
	height: 20px;
}
.formGlobal .previsu {
	display: block;
	width: 90%;
}
/* Label */
.formGlobal label {
	padding-right: 1%;
	text-align: right;
	letter-spacing: 1px;
	margin-bottom: 1px;
	color: #3F5375;
	font-weight: bold;
}
.formGlobal div.champ {
	float: left;
	margin-left: 1%;
	width: 60%;
	position: relative;
}
.formGlobal .error {
	margin-left: 1%;
	background: url('../images/view/dossier_fleche.gif') no-repeat 0 3px;
	padding-left: 12px;
	display: block;
	text-align: left;
	color: #7F0F14;
}
.formGlobal .inputError {
	background-color: #FFEFF3;
	border: 1px solid #FF0022;
}
.formGlobal .inputError:focus, .formGlobal .inputError:hover {
	border: 1px solid #FF0022;
}
/* Input */
.formGlobal input, .formGlobal select, .formGlobal textarea {
	border: #CCC 1px solid;
	z-index: 1;
	padding: 3px;
}
.formGlobal input:hover, .formGlobal input:focus, .formGlobal textarea:hover, .formGlobal textarea:focus, .formGlobal select:hover, .formGlobal select:focus {
	border: #999 1px solid;
	background-image: none;
}
/* button submit */
.formGlobal button {
	border: 3px double #999999;
	border-top-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding: 3px 10px 3px 10px;
	background-color: #FFFFFF;
	color: #333333;
	font-size: 11px;
	font-weight: bold;
	margin: 10px 0 7px 0;
}
.formGlobal button:hover, .formGlobal button:focus {
	border: 3px double #CCCCCC;
	border-top-color: #999999;
	border-left-color: #999999;
}
.formGlobal button:active {
	border: 3px double #CCCCCC;
	border-top-color: #999999;
	border-left-color: #999999;
	padding: 4px 9px 2px 11px;
}
.formGlobal .formContenu {
	position: relative;
}
.formGlobal a.ico_aide {
	background: url('../images/view/blockquote/blockquote_info.gif') no-repeat 0 1px;
	padding: 0 0 1px 22px;
	position: relative;
	cursor: help;
}
.formGlobal span.formAide {
	display: none;
	position: absolute;
	left: 15px;
	top: 15px;
	border: 2px dotted #a1d97e;
	padding: 3px 10px 3px 25px;
	z-index: 100;
	background: url('../images/view/blockquote/blockquote_info.gif') no-repeat 5px 5px #dbffd1;
	width: 250px;
	text-align: left;
}
/** * Formulaire:Date */
input.DatePicker {
	display: block;
	width: 150px;
	padding: 3px 3px 3px 24px;
	border: 1px solid #0070bf;
	font-size: 13px;
	background: #fff url('../images/view/date.gif') no-repeat top left;
	cursor: pointer;
}
input:focus.DatePicker {
	background: #fffce9 url('../images/view/datefocus.gif') no-repeat top left;
}
.dp_container {
	position: relative;
	padding: 0;
	z-index: 500;
}
.dp_cal {
	background-color: #fff;
	border: 1px solid #0070bf;
	position: absolute;
	width: 177px;
	top: 24px;
	left: 0;
	margin: 0px 0px 3px 0px;
}
.dp_cal table {
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
}
.dp_cal select {
	margin: 2px 3px;
	font-size: 11px;
}
.dp_cal select option {
	padding: 1px 3px;
}
.dp_cal th, .dp_cal td {
	width: 14.2857%;
	text-align: center;
	font-size: 11px;
	padding: 2px 0;
}
.dp_cal th {
	border: solid #aad4f2;
	border-width: 1px 0;
	color: #797774;
	background: #daf2e6;
	font-weight: bold;
}
.dp_cal td {
	cursor: pointer;
}
.dp_cal thead th {
	background: #d9eefc;
}
.dp_cal td.dp_roll {
	color: #000;
	background: #fff6bf;
}
/* must have this for the IE6 select box hiding */
.dp_hide {
	visibility: hidden;
}
.dp_empty {
	background: #eee;
}
.dp_today {
	background: #daf2e6;
}
.dp_selected {
	color: #fff;
	background: #328dcf;
}
/** * Tableau de données */
a.lien_supplement {
	border: 1px solid #E6105B;
	font-weight: bold;
	color: #E6105B;
	background: url('../images/view/lien_ajout.png') repeat-x #FFDFEB;
	padding: 4px 4px 4px 4px;
	margin: 0 0 4px 4px;
}
a.lien_supplement:hover {
	background: #E6105B;
	color: #ffffff
}
span.lien_supplement {
	font-weight: bold;
	border: 1px solid #E6105B;
	background: #E6105B;
	padding: 4px 4px 4px 4px;
	margin: 0 0 4px 4px;
	color: #ffffff
}
.lien_ajout {
	float: right;
	border: 1px solid #E6105B;
	background: url('../images/view/lien_ajout.png') repeat-x #FFDFEB;
	padding: 4px 4px 4px 4px;
	margin: 0 0 4px 4px;
}
.lien_ajout:hover {
	float: right;
	background: none;
	background-color: #E6105B;
	padding: 4px 4px 4px 4px;
	margin: 0 0 4px 4px;
}
.lien_ajout a {
	color: #E6105B;
	font-weight: bold;
	text-decoration: none;
	font-size: 13px;
}
.lien_ajout:hover a {
	color: #ffffff;
}
.lien_ajout.actif {
	font-size: 13px;
	font-weight: bold;
	float: right;
	background: none;
	background-color: #E6105B;
	padding: 4px 4px 4px 4px;
	margin: 0 0 4px 4px;
	color: #ffffff;
}
.lien_ajout_titre {
	float: right;
	border: 1px solid #3C5798;
	padding: 3px;
	margin: 0 0 4px 4px;
	font-weight: bold;
}
a.lien_modifier {
	background: url('../images/view/ico_modifier.gif') 0 3px no-repeat;
	padding-left: 12px;
	margin-right: 5px;
}
a.lien_voir {
	background: url('../images/view/ico_voir.gif') 0 2px no-repeat;
	padding-left: 14px;
	margin-right: 5px;
}
a.lien_supprimer {
	background: url('../images/view/ico_supprimer.gif') 0 3px no-repeat;
	padding-left: 12px;
}
.nbResult {
	float: left;
	margin-top: 4px;
}
#tableDonnees table img {
	border: 0;
}
#tableDonnees table {
	border-collapse: collapse;
	color: #000;
	width: 100%;
	margin: 7px 0;
	clear: both;
}
#tableDonnees table thead, .forum table tfoot {
	height: 30px;
}
#tableDonnees table thead th {
	border-bottom: 2px solid #5B595F;
	color: #000000;
	background: #ffffff;
	text-align: left;
	background: url('../images/view/list_th.png') repeat-x;
}
#tableDonnees table thead th a {
	text-decoration: none;
	color: #000000;
}
#tableDonnees table tfoot {
	border-top: 2px solid #5B595F;
	color: #000000;
	background: #ffffff;
}
#tableDonnees table tfoot tr th {
	padding: 0 10px;
}
#tableDonnees table tbody tr {
	border-bottom: 1px dotted #ccc;
}
#tableDonnees table tbody tr td {
	padding: 5px;
}
#tableDonnees table tbody tr td a {
	color: #18849f;
}
#tableDonnees table tbody tr td a:hover {
	color: #FF3403;
}
#tableDonnees table .rowMsg td {
	border-bottom: 5px solid #DFDFDF;
}
#tableDonnees table .rowGrey td {
	background: #efefef;
}
#tableDonnees table .rowWhite td {
	background: #fff;
}
#tableDonnees table tbody a {
	color: #18849f;
}
#tableDonnees table tbody tr.no_style {
	padding: 0;
	border: 0;
	margin: 0;
}
#tableDonnees table tbody tr.no_style td {
	padding: 0;
	border: 0;
	margin: 0;
}
#tableDonnees .niveau_0 {
	font-weight: bold;
	font-size: 14px;
}
#tableDonnees .niveau_1 {
	font-weight: bold;
}
#tableDonnees .niveau_2 {
}
#tableDonnees .niveau_3 {
	font-size: 11px;
}
#tableDonnees table tbody tr:hover td {
	background-color: #FFECDF;
}
/** * Formulaire caché */
a.addForm {
	float: left;
	display: block;
	padding: 4px 4px 4px 20px;
	background: url('../images/view/ajout.gif') no-repeat 0px 3px;
	font-weight: bold;
	border: 1px solid #8FC444;
}
.addFormHide {
	clear: both;
}
.addFormHide a {
	float: right;
	display: block;
	padding: 4px 4px 4px 18px;
	background: url('../images/view/croix.gif') no-repeat 0px 4px;
	border: 1px solid #ED3131;
}
#addExperience, #addDiplome, #addDocument, #addLangue, #addLogiciel, #addLangue, #addPermis, #addEntretien {
	display: none;
}
.membreBloc {
	clear: both;
	padding-top: 20px;
}
/** * Select dynamique */
.selectDynamique {
	display: none;
}
/** * Multi choix */
a.multiChoixLink {
	padding: 5px;
	border: 1px solid #BFBFBF;
	background-color: #EFEFFF;
	margin-bottom: 2px;
	display: block;
}
/** * Mail test / envoi */
.sendNewsletter, .sendMailTest {
	display: none;
	padding: 5px 5px 5px 5px;
	width: 90%;
	font-size: 12px;
	text-decoration: none;
	border: 1px solid #ad1818;
	margin: 3px auto;
	background-color: #faf0f0;
}
/* image partenaire */
img.imgPart {
	margin: 0 7px 7px 0;
	float: left;
}
/** * Pagination générale */
.pagination {
	font-size: 12px;
	font-weight: bold;
	padding: 2px 0 0 0;
	margin:4px;
}
.pagination a {
	margin: 0 2px 0 2px;
	padding: 2px 4px 2px 4px;
	border:2px solid #ffffff;
	float:left;
	display:block;
}
.pagination a:hover,
.pagination a.actif {
	border:2px solid #3C7E9F;
	text-decoration: none;
}

#tableDonnees table tbody tr td a.chanson_nom {
    text-decoration:none;
    color:#5F5F5F;
}
/** Activite **/
.activite_liste_grand{
    position:absolute;top:16px;left:0;height:auto;width:225px;overflow:visible;
}
.activite_liste_petit{
    overflow:auto;height:60px;
}

/** * Forum */
.forum {
    font-size:13px;
    font-family:calibri, arial;
}
.forum table img {
	border: 0;
}
.forum table {
	border-collapse: collapse;
	color: #000;
	width: 100%;
	margin: 7px 0;
	clear: both;
}
.forum table thead, .forum table tfoot {
	height: 30px;
}
.forum table thead th {
	border-bottom: 2px solid #5B595F;
	color: #fff;
	background-color:#667b9e;
}
.forum table thead .icoIntitule {
	background: url('../images/view/search_puce.gif') no-repeat 11px 11px #667b9e;
	width: 100%;
	height: 28px;
}
.forum table thead th a {
    color:#fff;
    text-decoration:none;
}
.forum table thead.sujet th {
	border-bottom: 2px solid #5B595F;
	background-color:#fff;
}
.forum table thead.sujet th a {
    text-decoration:none;
	color: #ff6600;
}
.forum table tfoot {
	border-top: 2px solid #5B595F;
	color: #952c21;
	background: #ffffff;
}
.forum table tfoot tr th {
	padding: 0 10px;
}
.forum table tbody tr {
	border-bottom: 1px dotted #ccc;
}
.forum table tbody tr.entetes-tableau {
	background: #ccc;
}
.forum table tbody tr td {
	padding: 7px;
}
.forum table tbody tr td a {
	color: #5779ad;
}
.forum table tbody tr td a:hover {
	color: #73292b;
}
.forum table tbody tr td.profil {
	border-right: 1px dotted #ccc;
	font-size: 11px;
}
.forum table tbody tr td.profil img.avatar {
	margin: 4px 0 2px 0;
}
.forum table tbody tr td .poste {
	font-size: 11px;
	border-bottom: 1px dashed #ccc;
	width: 100%;
}
.forum table tbody tr td .contenu {
	padding: 5px 0 5px 0;
}
.forum table tbody tr td .signature {
	clear: both;
	border-top: 1px solid #AFAFAF;
	color: #7F7F7F;
	margin-top: 8px;
	padding-top: 5px;
	font-size: 11px;
}
.forum table .rowMsg td {
	border-bottom: 5px solid #e8e8e8;
}
.forum table .rowGrey td {
	background: #f0fbef;
}
.forum table .rowWhite td {
	background: #fff;
}
.forum a {
	color: #18849f;
}
.forum .code {
	border: 1px solid #657985;
	padding-left: 10px;
	background-color: #d3dbdf;
}
.forum .quoteBloc {
	margin: 5px;
}
.forum .quote {
	border: 1px dotted #657985;
	padding: 7px;
	background-color: #EFF2FF;
}
.new_sujet {
	margin-top: 7px;
	font-weight: bold;
	display: block;
	float: right;
}
.repondre {
	margin: 7px 0 7px 5px;
	font-weight: bold;
	display: block;
	float: left;
}