/* ---------------------------------------------- */
/* --   STYLES CSS DU SITE INTERNET APELOIG    -- */
/* ---------------------------------------------- */
/* --    04/08 PAR YJ POUR PHILIPPE APELOIG    -- */
/* ---------------------------------------------- */
/* -- 	 		 V.1 MON MARCH 31			   -- */
/* ---------------------------------------------- */
/* -- YANNICK JAMES - IC&K FRÉDÉRICK DUBOUCHET -- */
/* ---------------------------------------------- */

/* -- Chaque catégorie du site internet correspond à un ensemble de classes -- */
/* -- Attention ! Toute modification de ce document risque d'avoir un impact sur la mise en forme générale du site internet -- */

/* ---------------------------------------------- */
/*				  -- BODY CLASS --				  */
/* ---------------------------------------------- */

body {
	color:#666666;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height:16px;
	word-spacing:1px;
}

video
	{
			border-style:solid;
			border-color: #cccccc;
			border-width:1px;
}

sup {
	line-height: 10px;
}

/* ---------------------------------------------- */
/*				  -- SPAN CLASS --				  */
/* ---------------------------------------------- */

.titre {color:#FF0066; font-weight: bold;}

.selected {color:#000000; font-family: Helvetica, Arial, sans-serif; font-size: 11px; font-weight:bold; line-height:16px; word-spacing:1px;}

.marge {margin: 0px 6px 6px 0px;}

.normal {color:#666666;}

.new {color:#FF0066; font-size: 08px; text-transform: uppercase; line-height: 14px;}

.pink {color:#FF0066;}
.pink:hover {color:#000000;}

.green {color:#66ba00;}
.green:hover {color:#000000;}

.blue {color: #5987ff;}
.blue:hover {color:#000000;}

.orange {color:#ffa001;}
.orange:hover {color:#000000;}

.text {
	color:#000000;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height:16px;
	word-spacing:1px;
}

.textGrey {
	color:#666666;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	line-height:16px;
	word-spacing:1px;
}

.english {color:#666666;}

.divText {width:350px;}

a:link, a:visited
{
	font-size: 11px;
	line-height:16px;
	word-spacing:1px;
	color:#666666;
	text-decoration:none;
}

a:hover, a:active
{
	font-size: 11px;
	line-height:16px;
	word-spacing:1px;
	color:#000000;
	text-decoration:none;
}

a.signalize:link, visited
{
	color:#000000;
	text-decoration:none;
}

a.signalize:hover, active
{
	color:#666666;
	text-decoration:none;
}

a.titre:link, a.titre:visited
{
	color:#FF0066;
	text-decoration:none;
}

a.titre:hover, a.titre:active
{
	color:#000000;
	text-decoration:none;
}


/* ---------------------------------------------------- */
/* SLIDESHOW
/* ---------------------------------------------------- */
/*
#slideshow {
width:302px;
height:400px;
}
*/
#slideshow {
width:400px;
height:400px;
}

#slideshow ul {
margin: 0;
padding: 0;
list-style-type: none;
height: 1%; /* IE fix */}

#slideshow ul:after {
content: ".";
clear: both;
display: block;
height: 0;
visibility: hidden;
}

/* ---------------------------------------------------- */
/* SLIDESHOW > SLIDES
/* ---------------------------------------------------- */
#slideshow .slides {
overflow: hidden;
width: 400px;
height:400px;
}

#slideshow .slides ul {
/*width: 2880px;*/
height:400px;
}

#slideshow .slides li {
width: 302px;
height:400px;
float: left;
}

#slideshow .slides h2 {
margin-top: 0;}

/* ---------------------------------------------------- */
/* SLIDESHOW > NAVIGATION
/* ---------------------------------------------------- */
#slideshow .slides-nav {
background-color: #ddd;
border-top: 2px solid #ccc;}

#slideshow .slides-nav li {
float: left;}

#slideshow .slides-nav li a {
display: block;
padding: 15px 20px;
outline: none;}

.js #slideshow .slides-nav li.on,
.js #slideshow .slides-nav li.on a {
background-color: #eee;}

.js #slideshow .slides-nav li.on a {
position: relative;
top: -4px;}
/* ---------------------------------------------- */
/*				  	-- END --				 	  */
/* ---------------------------------------------- */