<!--
*{margin:0;padding:0;font-family:Arial}

body, h1, h2, h3, h4, h5, h6, a, .input_text, select, textarea{font:12px/1.2em Arial, "Trebuchet MS", Helvetica, Sans-serif;font-weight:normal;color:#000;}

img{border:0}

a{text-decoration:underline;outline:none;}
a:hover{text-decoration:none;}

ul{margin:0 0 0 20px;}
ol{margin:0 0 0 20px;}

dd{margin:0 0 0 20px;}

.input_text, select option{padding:0 3px;}

hr{display:none;}

fieldset{border:none;}
fieldset legend{display:none;}
/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* Structure generale */ 
/*************************************************************************************************************************************************************************/
	body{text-align:center;background:#EFEFEF;}
	
	#global{position:relative;width:1003px;text-align:left;margin:0 auto;padding-bottom:21px;background:#ffffff}
	
	#middle{position:relative;width:100%;overflow:hidden;background:url(/medias_com/images/bg-middle.gif) repeat-y 0 0}
	#middle_left, #middle_right{float:left;display:inline;}
	#middle_left{width:177px;}
	#middle_right{width:826px}
	
	#bottom{position:absolute;width:100%;overflow:hidden;clear:both;bottom:0}
	#bottom ul li{float:left;display:inline;list-style:none;}
	#bottom ul li a{font-size:10px;text-decoration:none;line-height:20px;color:#ececec;}

	#footer00{float:left;display:inline;margin:0 0 0 10px;}
	#footer00 li{background:url(../../medias_com/images/bg-puce.gif) no-repeat 0 8px;padding:0 10px 1px 10px;line-height:18px}
	#footer00 li a{color:#CBBAB2;}
	#footer00 li a:hover{color:#FFF;text-decoration:none}

	#footer01{float:right;display:inline;margin:0;}
	#footer01 li{padding:1px 10px}
	#footer01 li.etudiant{background:#a43500;}
	#footer01 li.presse{background:#c44000;}
	#footer01 li a:hover{color:#FFF;text-decoration:none}

	/* MODULES DANS LA STRUCTURE GENERALE SUR TOUTES LES PAGES (Menu, Panier, Recherche, fil d'ariane, etc...) */
/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* CLASS couleur de l'univers a modifier */ 
/*************************************************************************************************************************************************************************/
.fond_couleur {background:#D36603;}
.bouton-generique00{background:#6d1f7d}
.bouton-generique01{background:#6d1f7d}


/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* Scroller */
/*************************************************************************************************************************************************************************/
#filterThumb {background:#666666}
/*************************************************************************************************************************************************************************/


/*************************************************************************************************************************************************************************/
/* CLASS génériques */ 
/*************************************************************************************************************************************************************************/
#petit_logo_jules {position:absolute;left:16px;top:16px;background:#232323}
body input {border:1px solid #aaaaaa}
/*************************************************************************************************************************************************************************/


/*************************************************************************************************************************************************************************/
/* CLASS génériques */ 
/*************************************************************************************************************************************************************************/

	/* Bloc contenant des floats */
	.block_float:after, .spacer{content:".";display:block;visibility:hidden;clear:both;font-size:0px;line-height:0px;height:0px;width:100%;margin:0;padding:0;}
/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* Bloc css de la page collection detail */ 
/*************************************************************************************************************************************************************************/
#articles {margin:120px 0 0 0}
#articles .lignes {margin:0 0 0 220px}


/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* Classes standard*/ 
/*************************************************************************************************************************************************************************/

/*pochoir*/
.pochoir {position:absolute;left:620px;top:40px;width:368px;height:279px;z-index:1000;}
.visuel {position:absolute;left:664px;top:40px;width:368px;height:279px;z-index:999;}

/*visuel*/
.pochoir2 {position:absolute;left:650px;top:90px;width:312px;height:404px;z-index:1000;}
.visuel2 {position:absolute;left:650px;top:90px;width:312px;height:404px;z-index:999;}

.rou14 {color:#ff0000}

/* liens */
.lien11ns {font-size: 11px; color: #333333; text-decoration: none;}
.lien11ns:hover {text-decoration: underline;}
.lien12 {font-size: 12px; color: #333333; text-decoration: underline;}
.lien12ns {font-size: 12px; color: #333333; text-decoration: none;}
.lien12ns:hover {text-decoration: underline;}

.lien-vert12 {font-size:12px;color:#94b108;text-decoration:none}
.lien-vert12:hover {text-decoration:underline}

.lienfleche00 {font-size:14px;background:url(../../medias_com/images/bg-puce01.gif) no-repeat 0 3px;line-height:15px;padding:0 0 0 16px;font-weight:bold;text-decoration:none}
.lienfleche00:hover {text-decoration:underline}

.lienfleche01 {background:url(../../medias_com/images/fleche04.gif) no-repeat 0 3px;line-height:15px;padding:0 0 0 16px;font-weight:bold;text-decoration:none}
.lienfleche01:hover {text-decoration:underline}

.lienfleche02 {background:url(../../medias_com/images/bg-puce01.gif) no-repeat 0 50%;line-height:15px;padding:0 0 0 18px;text-decoration:none;font-size:11px;color:#333333}
.lienfleche02:hover {text-decoration:underline}

.lienfleche03 {background:url(../../medias_com/images/bg-puce07.gif) no-repeat 0 50%;line-height:15px;padding:0 0 0 18px;text-decoration:none;font-size:11px;color:#906920}
.lienfleche03:hover {text-decoration:underline}

.liencarte {display:block;background:url(../../medias_com/images/img-carte-france.jpg) no-repeat 0 50%;line-height:22px;height:20px;padding:0 0 0 28px;text-decoration:none;font-size:14px;color:#333333;font-weight:bold}
.liencarte:hover {text-decoration:underline}

.lienpanier {display:block;background:url(../../medias_com/images/img-panier.gif) no-repeat 0 50%;line-height:22px;height:20px;padding:0 0 0 28px;text-decoration:none;font-size:14px;color:#333333;font-weight:bold}
.lienpanier:hover {text-decoration:underline}

/*textes*/
.texte11 {font-size: 11px; color: #333333; text-decoration: none;}
.texte12 {font-size: 12px; color: #333333; text-decoration: none; line-height:14px; }
.texte14 {font-size: 14px; color: #333333; text-decoration: none; line-height:18px; }
.texte16 {font-size: 16px; color: #333333; text-decoration: none;}
.texte18 {font-size: 18px; color: #333333; text-decoration: none;}
.texte20 {font-size: 20px; color: #333333; text-decoration: none;}

.blanc14 {font-size: 14px; color: #ffffff; text-decoration: none;}
.blanc18 {font-size: 18px;line-height:22px;font-weight: bold;color: #FFF;}
.gris18 {font-size: 18px;line-height:22px;font-weight: bold;color: #727072;}

.gris00{color:#eeeeee;font-size: 12px;text-decoration: none;}
.gris01{/*color:#727072;*/color:#fff;font-size: 12px;text-decoration: none;}

.textecouleur12 {font-size: 12px;color:#3C1100;text-decoration:none;}
.textecouleur14 {font-size: 14px;color:#000;text-decoration:none;}

.texte-vert12 {font-size: 12px; color: #6d1f7d; } /* bleu turquoise */
.texte-vert14 {font-size: 14px; color: #DDDD39; } 

.ct_titre_page {position:absolute;left:198px;top:52px;}

.ct_tit_page {position:absolute;left:198px;top:36px;}
.ct_tit_page2 {position:absolute;left:68px;top:64px;}
h1 {font-size:22px;font-weight:bold;color:#DDDD39;width:100%}
.ct_tit_page2 h1 {color:#DDDD39;}

.tit1 {font-size:16px;font-weight:bold;color:#333;text-decoration:none;line-height:22px}

.bouton-generique00{float:left;display:inline;font-size:11px;font-weight:bold;color:#dddc4c;text-decoration:none;cursor:pointer}
.bouton-generique00 span{float:left;display:inline;height:40px;line-height:37px;text-transform:uppercase;letter-spacing:1px;}
.bouton-generique00 span.gauche {background:url(../../medias_com/images/bg-bouton-g.gif) no-repeat 0 0;width:20px;}
.bouton-generique00 span.centre {background:url(../../medias_com/images/bg-bouton-c.gif) repeat-x 0 0;padding:0 10px}
.bouton-generique00 span.droite {background:url(../../medias_com/images/bg-bouton-d.gif) no-repeat 100% 0;width:14px;}

.bouton-generique01{float:left;display:inline;font-size:11px;font-weight:bold;color:#000;text-decoration:none;cursor:pointer}
.bouton-generique01 span{float:left;display:inline;height:26px;line-height:16px;}
.bouton-generique01 span.gauche {background:url(../../medias_com/images/bg-bouton-g.gif) no-repeat 0 100%;width:20px;}
.bouton-generique01 span.centre {background:url(../../medias_com/images/bg-bouton-c.gif) repeat-x 0 100%;padding:0 10px}
.bouton-generique01 span.droite {background:url(../../medias_com/images/bg-bouton-d.gif) no-repeat 100% 100%;width:14px;}

.formu12 {color:#333333}

/* marges */
.ml330 {margin-left:330px}

/* liste */
.liste1 {margin:0 0 0 10px;list-style-type:none}
.liste1 li {background:url(../images/bg-puce01.gif) no-repeat 0 2px;padding:0 0 0 16px}
.liste1 li a {line-height:20px;}

.liste2 {list-style-type:none}
.liste2 li {text-align:right}
.liste2 li a {line-height:20px;background:url(../images/bg-puce01.gif) no-repeat 0 50%}

.liste3 {list-style-type:none;margin:0}
.liste3 li {text-align:right;line-height:16px}
.liste3 li a {line-height:12px;padding:0 0 0 16px;background:url(../images/bg-puce01.gif) no-repeat 0 50%;}

.liste4 {margin:0 0 0 10px;list-style-type:none}
.liste4 li {background:url(../images/bg-puce01.gif) no-repeat 0 2px;padding:0 0 20px 20px;position:relative}
.liste4 li a {line-height:20px;}

.liste5 {margin:0 0 0 10px;list-style-type:none}
.liste5 li {padding:0 0 20px 0;position:relative}
.liste5 li a {line-height:20px;}

/* hauteurs */
.lh18 {line-height:18px}
.lh20 {line-height:20px}

/*popup parrainage*/
.bg_colorPopUp, .bg_colorPopUp body {background:#868686;}

	/* XXXXXXXXXXX */
/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* Ressources humaines
/*************************************************************************************************************************************************************************/
.actuRH {position:absolute; top:98px; left:72px; text-align:right; width:420px;}
.actuRH span{font-size:14px; color:#333333;}

.acturh_offre{position:absolute; right:0 ; margin:18px 0 0 0; line-height:23px}
.acturh_offre a {font-size:12px; color:#333333; font-weight:bold;text-decoration:none}
.acturh_offre a:hover {text-decoration:underline}

#rencontrez-nous {position:absolute;left:160px;top:400px;width:181px;height:76px}
#rencontrez-nous .ct-rencontrez-nous-haut {width:181px;height:10px;background:url(../images/bg-rencontronsnous1.gif) no-repeat 0 0}
#rencontrez-nous .ct-rencontrez-nous-milieu {width:181px;background:url(../images/bg-rencontronsnous2.gif) repeat-y 0 0;padding:6px 0}
#rencontrez-nous .ct-rencontrez-nous-bas {width:181px;height:7px;background:url(../images/bg-rencontronsnous3.gif) no-repeat 0 0}

.fleche00  {padding:0 0 0 25px;background:url(../images/fleche00.gif) no-repeat 8px 3px}
.fleche01  {padding:3px 0 0 24px;background:url(../images/fleche01.gif) no-repeat 0 3px}

#retrouvez-magasin {position:absolute;left:680px;top:500px;width:260px;height:76px}
#retrouvez-magasin .ct-rencontrez-nous-haut {width:260px;height:10px;background:url(../images/bg-retrouvezmagasin1.gif) no-repeat 100% 0}
#retrouvez-magasin .ct-rencontrez-nous-milieu {width:260px;background:url(../images/bg-retrouvezmagasin2.gif) repeat-y 100% 0;padding:6px 0}
#retrouvez-magasin .ct-rencontrez-nous-bas {width:260px;height:7px;background:url(../images/bg-retrouvezmagasin3.gif) no-repeat 100% 0}

#menu-entreprise {position:absolute;left:340px;top:3px;width:680px;z-index:100000}
#menu-entreprise a {float:left;display:inline;height:18px;line-height:18px;margin:0 1px 0 0;background:#6d1f7d url(../images/fleche02.gif) no-repeat 7px 6px;padding:0 12px 0 20px;text-decoration:none;color:#ffffff;font-size:11px;font-weight:bold}
#menu-entreprise a:hover, #menu-entreprise a.active {background:#707070 /*url(../images/fleche02.gif) no-repeat 7px 6px;*/}

.metier1_descri span {font-size:12x;color:#333333;width:300px}


.result_postes_col2{position:absolute;left:500px; top:100px; width:250px; background:url() 0 45% no-repeat; font-size:13px; color:#333333}

.result_postes_col1 .titre1{color:#333333;}
.result_postes_col1 .titre2{color:#333333;}

.lien_deroulant a{color:#333333;}
/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* Les magasins
/*************************************************************************************************************************************************************************/
ul.MAG_coll1{ font-size:12px;color:#333333;  position:absolute; left:40px; top:20px;}
.MAG_coll1 li.retrouvez{ width:360px; margin-top: 81px; font-size:16px; color:#3333333 font-weight:bold;}
.MAG_coll1 li.proche{ width:360px;  font-size:16px;font-weight:bold;  line-height:18px; height:40px}
.MAG_coll1 li.flashtitre{margin-left:55px; margin-top:7px}

.impressionmag {position:absolute; left:160px;top:20px; z-index:15; width:480px}
.resultat_imprimer{position:absolute; top:520px; left:456px; width:340px; height:60px;z-index:10}
.result_col01 .ville{text-align:right;left:70px}

/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* Le club Jules
/*************************************************************************************************************************************************************************/
.PARTEN_COLL1, .PARTEN_COLL2{font-size:11px;  color:#333333}
.condition{color:#333333; font-weight:bold; font-size:12px}
/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* Ecards
/*************************************************************************************************************************************************************************/
/*.ECARD_select .fondvisu {position:absolute; top:-56px; left:338px}*/
.ECARD_select .visu {position:absolute;top:33px;left:463px;padding:13px 0 0 13px;background:url(../../medias_com/images/ecards/img-ecards-fond.gif) no-repeat 0 0;width:316px;height:419px;}
/*.ECARD_select .boutons{position:relative; top:0; left:460px;height:40px;width:290px;}*/
.ECARD_select .saisissez{margin:10px 0 20px 8px;color:#333333;}
.ECARD_select .saisissez p{margin:0 0 8px;}
/*.ECARD_select  .fondvisu{position:absolute; top:-80px; left:410px}*/

#timbre {position:absolute; top:170px; left:860px;z-index:10000}
#timbre img {display:block;border:1px solid #cdcecf}
/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* Fonds ecrans
/*************************************************************************************************************************************************************************/
.FONDECRAN_coll1 * {color:#333333}
/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* Liens referencement du bas
/*************************************************************************************************************************************************************************/
#ct-liens{position:absolute;width:1000px;text-align:center;overflow:hidden;clear:both;bottom:-20px;color:#4c4c4c;z-index:10000}
#ct-liens a {font-size:11px;line-height:20px;color:#4c4c4c;text-decoration:none}
#ct-liens a:hover {text-decoration:underline}


/* CHANGEMENT DES COULEURS UNIVERS */
#bottom{background:#262b34}
#footer01 .presse, .bouton-generique00, .fond_couleur, #formul .bouton-generique01{background:#707173}
#menu-entreprise a {background:#4C4C4C;}
.fond_couleur_soldes{background:#ebeaee}
#footer01 .etudiant{background:#8f4aae}

.bouton00{float:right;margin:0 20px 0 0;text-decoration:none; display:block;background:#232323 url(../../medias_com/images/bouton00_FR.png) no-repeat;width:118px;
height:44px;text-align:center;line-height:44px;color:#707173;font-size:12px;font-weight:bold;letter-spacing:1px;text-transform:uppercase;}
/**html .bouton00{background:none;filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="../../medias_com/images/bouton00_FR.png", sizingMethod="scale");}*/

/*************************************************************************************************************************************************************************/

/*************************************************************************************************************************************************************************/
/* La video
/*************************************************************************************************************************************************************************/
.FlashPosition{margin:40px 0 0 170px;}
.TitreFlash{margin-bottom:10px;}