#global #main #colLeft #edito {
	width: 705px;
	background: url(/images/main/705_top_block.gif) no-repeat 0% 0%;
    margin: 0px;
    padding:0px;
}

#global #main #colLeft #edito .botBlock {
	clear: both;
	height: 10px;
	background: url(/images/main/705_bot_block.gif) no-repeat 0% 100%;
}

#global #main #colLeft .carousel {
	/*clear : both;       /* pareil */
    padding: 0px;
}

#global #main #colLeft .carousel .navButton {
    width: 20px;
    height: 50px;
	margin-top: 101px;
}

#global #main #colLeft .carousel .navButton span {
	display: none;
}

#global #main #colLeft .carousel .previous {
	float: left;
	background: url(/images/main/bt_edito_previous.gif) no-repeat 0% 0%;
	margin-left: 15px;
}

#global #main #colLeft .carousel .next {
	float: right;
	background: url(/images/main/bt_edito_next.gif) no-repeat 0% 0%;
	margin-right: 15px;
}

#global #main #colLeft .carousel .navButton:hover {
	cursor: pointer;
}

#global #main #colLeft .carousel .items {
    cursor : pointer;
}

#global #main #colLeft .carousel .container {
    float : left;
	overflow: hidden;
    width: 610px;
    height: 185px;
	margin: 15px 13px 5px 12px;
}

#global #main #colLeft .carousel .container h2 {
	padding: 0 0 5px 0;
	text-align: center;
}

#global #main #colLeft .carousel .container .items {
    width: 1000px;
    /* le reste est optionnel */
	height: 160px;
}

#global #main #colLeft .carousel .container .items .item {
	float: left;    /* important .. jdois vraiment te le dire pour ce coup la :] */
    /* Reste optionnel */
	margin-top: 26px;
	margin-right: 15px;
}

#global #main #colLeft .carousel .container .items .itemSelected {
    /* permet uniquement de différencier l'objet actif des autres, ici sera fait "l'effet de mise en avant" */
	margin-right: 15px;
    margin-top: 5px;
	float: left;    /* important .. jdois vraiment te le dire pour ce coup la :] */
}

#global #main #colLeft .carousel .container .items .item .icon img {
    /* la taille doit être settée, elle peut l'être dans mon JS aussi, mais je pense que c'est plus utile ici */
	width: 100px;
	height: 100px;
	border: 1px solid #d6d3ca;
}

#global #main #colLeft .carousel .container .items .itemSelected .icon img {
    /* la taille doit être settée, elle peut l'être dans mon JS aussi, mais je pense que c'est plus utile ici */
	width: 140px;
	height: 140px;
	border: 1px solid #d6d3ca;
}

/**
 * HOME EDITO
 */

#editoHome {
    width: 705px;
	background: url(/images/main/705_top_block.gif) no-repeat 0% 0%;
    margin: 0px;
    padding:5px 0 0 0;
}

#editoHome .botBlock {
	clear: both;
	height: 10px;
	background: url(/images/main/705_bot_block.gif) no-repeat 0% 100%;
}

#editoHome #thumbsList {
    float:left;
}

#editoHome #activeImage {
    float: left;
}

#editoHome #imagesList {
    display: none;
}

#global #main #colLeft #editoHome #thumbsList {
	margin: 0 10px 0 13px;
}

#global #main #colLeft #editoHome #thumbsList div {
	margin-top: 5px;
	border: 1px solid #d6d3ca;
}

#global #main #colLeft #editoHome #activeImage {
	margin-top: 5px;
}

/**
 * FAP EDITO
 */

#editoFap {
    width: 705px;
	background: url(/images/main/705_top_block.gif) no-repeat 0% 0%;
    margin: 0px;
    padding:5px 0 0 0;
}

#editoFap .botBlock {
	clear: both;
	height: 10px;
	background: url(/images/main/705_bot_block.gif) no-repeat 0% 100%;
}

#editoFap #thumbsList {
    float:left;
}

#editoFap #activeImage {
    float: left;
}

#editoFap #imagesList {
    display: none;
}

#global #main #colLeft #editoFap #thumbsList {
	margin: 0 10px 0 13px;
}

#global #main #colLeft #editoFap #thumbsList div {
	margin-top: 5px;
	border: 1px solid #d6d3ca;
}

#global #main #colLeft #editoFap #activeImage {
	margin-top: 5px;
}