@charset "UTF-8";

/* CSS Document */



/*************************************************/

/**   GÉNÉRAL							REV.28/09/2012				**/

/*************************************************/

* {

	margin:0;

	padding:0;

}

html {

	background: url(../images/general/bg-top.jpg) no-repeat center top #86c9ef;

}

.body {

	font-family: 'Ubuntu', sans-serif;

	background: url(../images/general/bg_gauche_droite.jpg) no-repeat center bottom;

}

img {

	border-style: none;

}

ul {

	list-style-type: none;

}

li {

	list-style-type: none;

}

p {

	font-size: 13px;

	color: #404040;

	line-height: 22px;

	margin-bottom: 10px;

	clear: left;

}

blockquote p {

	background: url(../images/general/pull-quote-dark.png) no-repeat scroll 0 8px transparent;

	padding: 5px 10px 5px 35px;

	margin-left: 25px;

	color: #7f7f7f;

	margin-right: 25px;

	margin-bottom: 0;

	font: italic 1.2em/25px Georgia, "Times New Roman", Times, serif;

}

p.accroche {

	font-size: 20px;

	color: #e2001a;

	padding-top: 10px;

	padding-bottom: 10px;

}

h1, h2, h3, h4, h5 {

	font-weight: 400;

	color: #404040;

}

h1 {

	font-weight: 400;

	font-size: 25px;

	color: white;

}

h1 span {

	font-weight: 500;

}

h2 {

	font-size: 23px;

	border-bottom: 1px dotted #b4b4b4;

	padding-bottom: 5px;

	margin-top: 15px;

	margin-bottom: 15px;

	color: #e2001a;

	clear: left;

}

h3 {

	font-size: 20px;

	color: #ee7f00;

	margin-bottom: 15px;

}

h4 {

	font-size: 18px;

	margin-bottom: 20px;

	margin-top: 20px;

	border-bottom: 1px dotted #404040;

	line-height: 25px;

}

h5 {

	font-size: 15px;

	border-bottom: 1px dotted #b4b4b4;

	padding-bottom: 5px;

	margin-bottom: 12px;

	color: #404040;

	clear: left;

}

hr.accueil {

	height: 134px;

	border-style: none;

	background: url(../images/general/separateur.png) no-repeat;

	margin-bottom: -110px;

}

#conteneur {

	width: 980px;

	min-width:980px;

	margin-right: auto;

	margin-left: auto;

	padding-right: 10px;

	padding-left: 10px;

	overflow: hidden;

	position: relative;

	background:transparent;

}

#header {

	width: 1000px;

	height: 156px;

	background-image: url(../images/general/peche_haut.png);

	margin-left: -10px;

}

#logo {

	width: 127px;

	height: 124px;

	margin-right: auto;

	margin-left: auto;

	background: url(../images/general/peche_logo.png) no-repeat 0 21px;

	padding-top: 21px;

}

#central {

	height: 100%;

	overflow: hidden;

	padding: 10px;

	background: url(../images/general/ombre.png) repeat-x 0 top white;

}

#central ul.helice {

	margin-left: 35px;

	margin-bottom: 15px;

}

#central ul.helice li {

	background: url(../images/general/helice.png) no-repeat 0;

	padding-left: 20px;

	font-size: 13px;

	font-weight: 500;

	line-height: 35px;

}



/************************************************* Fred */

#central ul.feuille {

	margin-left: 35px;

	margin-bottom: 15px;

}

#central ul.feuille li {

	background: url(../images/feuille.jpg) no-repeat 0;

	padding-left: 20px;

	font-size: 13px;

	font-weight: 500;

	line-height: 35px;

}

#central ul.feuillerouge {

	margin-left: 35px;

	margin-bottom: 15px;

}

#central ul.feuillerouge li {

	background: url(../images/feuille_rouge.jpg) no-repeat 0;

	padding-left: 20px;

	font-size: 13px;

	font-weight: 500;

	line-height: 35px;

}

#central ul.feuillegris {

	margin-left: 35px;

	margin-bottom: 15px;

}

#central ul.feuillegris li {

	background: url(../images/feuille_gris.jpg) no-repeat 0;

	padding-left: 20px;

	font-size: 13px;

	font-weight: 500;

	line-height: 35px;

}

#central ul.feuillenoir {

	margin-left: 35px;

	margin-bottom: 15px;

}

#central ul.feuillenoir li {

	background: url(../images/feuille_noir.jpg) no-repeat 0;

	padding-left: 20px;

	font-size: 13px;

	font-weight: 500;

	line-height: 35px;

}

#conteneur_h1.vert {

	background: url(../images/general/ribbon-bg-vert.png) no-repeat scroll 0 0 transparent;

}

#conteneur_h1.salade {

	background: url(../images/general/ribbon-bg-salade.png) no-repeat scroll 0 0 transparent;

}

#conteneur_h1.rose {

	background: url(../images/general/ribbon-bg-rose.png) no-repeat scroll 0 0 transparent;

}

#conteneur_h1.orange {

	background: url(../images/general/ribbon-bg-orange.png) no-repeat scroll 0 0 transparent;

}

#conteneur_h1.violet {

	background: url(../images/general/ribbon-bg-violet.png) no-repeat scroll 0 0 transparent;

}

#conteneur_h1.marine {

	background: url(../images/general/ribbon-bg-marine.png) no-repeat scroll 0 0 transparent;

}

#conteneur_h1.turquoise {

	background: url(../images/general/ribbon-bg-turquoise.png) no-repeat scroll 0 0 transparent;

}

#central ul.puce {

	margin-left: 20px;

	margin-bottom: 10px;

}

#central ul.puce li {

	padding-left: 20px;

	font-size: 13px;

	font-weight: 500;

	line-height: 25px;

}

#central ul.point {

	margin-left: 35px;

	margin-bottom: 15px;

}

#central ul.point li {

	background: url(../images/point.png) no-repeat 0;

	padding-left: 20px;

	font-size: 13px;

	font-weight: 500;

	line-height: 35px;

	}

#central ul.pointbleu {

	margin-left: 35px;

	margin-bottom: 15px;

}

#central ul.pointbleu li {

	background: url(../images/pointbleu.png) no-repeat 0;

	padding-left: 20px;

	font-size: 13px;

	font-weight: 500;

	line-height: 35px;}

#central ul.pointrouge {

	margin-left: 35px;

	margin-bottom: 15px;

}

#central ul.pointrouge li {

	background: url(../images/pointrouge.png) no-repeat 0;

	padding-left: 20px;

	font-size: 13px;

	font-weight: 500;

	line-height: 35px;

}	

/*************************************************/









#conteneur #menu_bas {

	background-color: #ffffff;

	border-top: 1px solid #b4b4b4;

	border-bottom: 1px solid #b4b4b4;

	padding-top: 15px;

	font-size: 11px;

	line-height: 18px;

	clear: both;

}

#conteneur #menu_bas #liens {

	display: inline-block;

}

#conteneur #menu_bas #logos_footer {

	float: left;

	margin-right: 65px;

	margin-bottom: 15px;

}

#conteneur #menu_bas #logos_footer #logo_bonnepeche {

	width: 127px;

	height: 124px;

	background: url(../images/general/peche_logo.png) no-repeat;

	float: left;

}

#conteneur #menu_bas #logos_footer #logo_creno {

	width: 127px;

	height: 27px;

	background: url(../images/general/logo_creno.png) no-repeat;

	float: left;

	clear: left;

	margin-top: 15px;

}

#conteneur #menu_bas .col_1, .col_2, .col_3 {

	width: 200px;

	float: left;

	margin-right: 55px;

}

#conteneur #menu_bas span {

	font-weight: 500;

	text-transform: uppercase;

}

#conteneur #menu_bas ul {

	margin-bottom: 15px;

}

#conteneur #menu_bas ul {

	margin-bottom: 15px;

}

#conteneur #menu_bas a {

	color: #a2a2a2;

}

#conteneur #menu_bas a:hover {

	color: #009ee0;

}

#conteneur #footer {

	text-align:center;

	background: url(../images/general/peche_bg_footer.jpg) no-repeat center bottom;

	padding: 280px 0 100px;

}

p.copyright {

	margin: 0;

	font-size: 11px;

}

#marge_h1 {

	padding-bottom: 60px;

	clear: left;

}

#conteneur_h1 {

	margin-left: -20px;

	padding: 11px 20px 3px 19px;

	display: inline-block;

	background: url(../images/general/ribbon-bg.png) no-repeat scroll 0 0 transparent;

	position: absolute;

}

#conteneur_h1.bleu {

	background: url(../images/general/ribbon-bg-bleu.png) no-repeat scroll 0 0 transparent;

}

#contenu img {

	margin-bottom: 10px;

}

/* A LINK */

a, a:link, a:visited, a:active {

	text-decoration: none;

	color: #009ee0;

	outline: none;

	cursor: pointer;

	border-style: none;

}

a:hover {

	color: #404040;

	cursor: pointer;

	text-decoration: none;

	border-style: none;

}

/*************************************************/

/**   SPÉCIFICITÉS							**/

/*************************************************/



/* TROIS COLONNES ACCUEIL */

.trois.colonnes {

	width: 300px;

}

.colonne, .colonnes {

	float: left;

	display: inline;

	margin: 25px 10px 30px;

	position: relative;

}

div.colonne-accueil-image {

	float:left;

	width: 32px;

	height: 32px;

	text-align: center;

	line-height: 32px;

	margin: 0px 10px 0px 10px;

}

div.colonne-accueil-image img {

	vertical-align: middle;

}

div.colonne-accueil-contenu {

	margin: 0px 0px 0px 62px;

	font-size: 13px;

	color: #404040;

}

div.colonne-accueil-titre {

	font-size: 17px;

	margin-bottom: 4px;

}

.colonne-accueil-titre {

	color: #e2001a;

}

#encart_accueil {

	background: url(../images/general/diagonale.png) repeat right;

	float: left;

	margin-bottom: 25px;

	padding-top: 20px;

	padding-bottom: 20px;

}

/* OUTIL */

#cadre {

	border: 1px solid #bebfbe;

	padding: 5px 20px 25px;

	background-color: #ffffff;

	margin-bottom: 10px;

	border-radius:		    10px;

	-moz-border-radius:     10px;

	-khtml-border-radius:   10px;

	-webkit-border-radius: 	10px;

}

a.suite {

	margin-top: 10px;

	float: left;

}

/*************************************************/

/**   SLIDESHOW							**/

/*************************************************/



div.slideshow.theme-default {

	background: url(../images/slideshow/themes/bonnepeche/ombre_slideshow.png) no-repeat 0 bottom;

	height: 290px;

	padding-bottom: 29px;

	margin-bottom: -10px;

	margin-left:110px;

}

.nivoSlider {

	position:relative;

}

.nivoSlider img {

	position:absolute;

	top:0px;

	left:0px;

}

/* Si une image est enveloppée dans un lien */

.nivoSlider a.nivo-imageLink {

	position:absolute;

	top:0px;

	left:0px;

	width:100%;

	height:100%;

	border:0;

	padding:0;

	margin:0;

	z-index:6;

	display:none;

}

/* Les slides et boxes dans le Slider */

.nivo-slice {

	display:block;

	position:absolute;

	z-index:5;

	height:100%;

}

.nivo-box {

	display:block;

	position:absolute;

	z-index:5;

}

/* Styles des bandeaux de textes */

.nivo-caption {

	position:absolute;

	left:0px;

	bottom:0px;

	background:#000;

	color:#000;

	opacity:1;

	width:100%;

	z-index:8;

}

.nivo-caption p {

	margin:0;

	color: white;

	padding: 5px 5px 5px 15px;

}

.nivo-caption a {

	display:inline !important;

}

.nivo-html-caption {

	display:none;

}

/* Style de la navigation (ex. Suiv & Prec) */

.nivo-directionNav a {

	position:absolute;

	top: 40%;

	z-index:9;

	cursor:pointer;

}

.nivo-prevNav {

	left:0px;

}

.nivo-nextNav {

	right:0px;

}

/* Style du control de la navigation (ex. 1,2,3...) */

.nivo-controlNav a {

	position:relative;

	z-index:9;

	cursor:pointer;

}

.nivo-controlNav a.active {

	font-weight:bold;

}

/* ---------------------------------- */



#slideshow {

	position:relative;

	background:#fff url(../images/slideshow/themes/bonnepeche/chargement.gif) no-repeat 50% 50%;

}

.theme-default #slider {

	width: 740px;

	height: 291px;

}

.theme-default .nivoSlider img {

	position:absolute;

	top:0px;

	left:0px;

	display:none;

}

.theme-default .nivoSlider a {

	border:0;

	display:block;

}

.theme-default .nivo-controlNav {

	position:absolute;

	bottom: 2px;

	margin-left:-40px;

	right: 10px;

}

.theme-default .nivo-controlNav a {

	display:block;

	width:22px;

	height:22px;

	background:url(../images/slideshow/themes/bonnepeche/bullets.png) no-repeat;

	text-indent:-9999px;

	border:0;

	margin-right:3px;

	float:left;

}

.theme-default .nivo-controlNav a.active {

	background-position:0 -22px;

}

.theme-default .nivo-directionNav a {

	display:block;

	width: 70px;

	height: 70px;

	background:url(../images/slideshow/themes/bonnepeche/arrows.png) no-repeat;

	text-indent:-9999px;

	border:0;

}

.theme-default a.nivo-nextNav {

	background-position: -70px 0;

	right: 0;

}

.theme-default a.nivo-prevNav {

	left: 0;

}

.theme-default .nivo-caption {

	font-family: 'Ubuntu', Verdana, sans-serif;

}

.theme-default .nivo-caption a {

	color:#fff;

	border-bottom:1px dotted #fff;

}

.theme-default .nivo-caption a:hover {

	color:#fff;

	border-bottom:none;

}

/*************************************************/

/**   BOUTONS + a							**/

/*************************************************/



/* BOUTONS */



#bouton {

	float: left;

}

.bouton_bleu {

	background:url(../images/general/bg_button_clean.png) repeat-x 0% 0%;

	height:15px;

	border:0;

	padding:15px 0 !important;

	text-align:center;

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	border-radius: 4px;

	width: 200px;

	display: block;

	margin-top: 0;

	margin-bottom: 0;

}

.bouton_rouge {

	background:url(../images/general/bg_button_rouge.png) repeat-x 0% 0%;

	height:15px;

	border:0;

	padding:15px 0 !important;

	text-align:center;

	-webkit-border-radius: 4px;

	-moz-border-radius: 4px;

	border-radius: 4px;

	width: 200px;

	display: block;

	margin-top: 0;

	margin-bottom: 0;

	margin-right: 15px;

}

.bouton_bleu span {

	color: white;

	font-size: 14px;

	text-transform: uppercase;

}

.bouton_rouge span {

	color: white;

	font-size: 14px;

	text-transform: uppercase;

}

.bouton_bleu:hover {

	background:#211e1c;

 text-decoration:none color: #b77878;

	color: #ffffff;

	text-transform: uppercase;

}

.bouton_rouge:hover {

	background:#211e1c;

 text-decoration:none color: #b77878;

	color: #ffffff;

	text-transform: uppercase;

}

/*************************************************/

/**   MEGAMENU							**/

/*************************************************/



#menu_haut {

	background: url("../images/menu/peche_back_nav.png") repeat-x 0 top;

	width: 1000px;

	height: 44px;

	margin-right: -10px;

	margin-left: -10px;

	position: relative;

	z-index: 999;

	font: 11px 'Ubuntu', sans-serif;

}

#nav_wrapper {

	clear: left;

}

span#menu_start {

	height: 44px;

	width: 100px;

	float: left;

	display: block;

}

ul#topnav {

	margin: 0;

	padding: 0;

	float:left;

	list-style: none;

	font-size: 1em;

}

ul#topnav li {

	float: left;

	margin: 0;

	padding: 0;

	position: relative;

	background: url(../images/menu/peche_li_border.png) no-repeat right top;

	z-index: 500;

}

ul#topnav li#last-li {

	background: none;

}

ul#topnav li#last-li a span.single_wrapper {

	float:left;

	margin:6px 6px 6px 10px;

	padding:0 10px;

}

ul#topnav li.liSub a, ul#topnav li a {

	color: white;

	float: left;

	height: 44px;

	line-height: 33px;

	padding: 0;

	text-decoration: none;

	text-shadow: 0 0 2px black;

	text-transform: uppercase;

	z-index: 200;

}

span#menu_start a {

	background: url(../images/menu/peche_home_nav.png) no-repeat left top;

	width: 100px;

	height: 44px;

	text-indent: -9999px;

	padding:0;

	margin:0;

	display:block;

	line-height: 46px;

}

span#menu_start a:hover {

	background-position: left -44px;

}

span#menu_start a:active {

	background-position: left -88px;

}

ul#topnav li .sub {

	position: absolute;

	top: 44px;

	left: 10px;

	background: #FFFFFF;

	background-color: #f8f8f8\9; /* le  \9  est un hack pour cibler IE8, IE7 et IE6 */

	border-bottom: 1px solid #cbcbcb\9;

	border-left: 1px solid #cbcbcb\9;

	border-right: 1px solid #cbcbcb\9;

	padding: 10px;

	float: left;

	border-bottom-right-radius:		    10px;

	-moz-border-radius-bottomright:     10px;

	-khtml-border-radius-bottomright:   10px;

	-webkit-border-bottom-right-radius: 10px;

	border-bottom-left-radius:		    10px;

	-moz-border-radius-bottomleft:      10px;

	-khtml-border-radius-bottomleft: 	10px;

	-webkit-border-bottom-left-radius:  10px;

	box-shadow:0px 0px 5px #5a5a5a;

	-moz-box-shadow:0px 0px 5px #5a5a5a;

	-webkit-box-shadow:0px 0px 5px #5a5a5a;

	display: none;

	z-index: -10;

}

ul#topnav li .row {

	clear: both;

	float: left;

	width: 100%;

	margin-bottom: 10px;

}

ul#topnav li .sub ul {

	list-style: none;

	margin: 0;

	padding: 0;

	width: 150px;

	float: left;

}

ul#topnav .sub ul li {

	width: 100%;

	color: #fff;

	background: none;

}

ul#topnav .sub ul li h2 {

	padding: 0;

	margin: 0;

	font-size: 1.3em;

	font-weight: normal;

	border-bottom-style: none;

}

ul#topnav .sub ul li h2 a, ul#topnav .sub ul li h2 a:hover {

	padding: 5px 0;

	background-image: none;

	color: #009ee0;

}

ul#topnav .sub ul li h2 a:hover {

	background-image: none;/*	text-decoration: underline; */

}

ul#topnav .sub ul li a {

	float: none;

	text-indent: 0;

	height: auto;

	background: url(../images/menu/navlist_arrow.png) no-repeat 0px 10px;

	padding: 0 0 0 23px;

	margin: 0 10px;

	display: block;

	text-decoration: none;

	color: #757575;

	font-size: 1.1em;

	text-shadow: none;

	border-bottom: 1px solid #e6e6d8;

	text-transform: none;

	line-height: 27px;

}

ul#topnav .sub ul li a:hover {

	color: #c50a0a;

	background: url(../images/menu/navlist_arrow_hover.png) no-repeat 0px 10px;/*	text-decoration: underline; */

}

/* DÉCLINAISONS POUR LES ICONES BOUTONS */



ul#topnav .sub ul li.bonnepeche a {

	background: url(../images/menu/bonnepeche_label.jpg) no-repeat 0px 5px;

}

ul#topnav .sub ul li.bonnepeche a:hover {

	background: url(../images/menu/bonnepeche_label_hover.jpg) no-repeat 0px 5px;

}

ul#topnav .sub ul li.creno a {

	background: url(../images/menu/creno.jpg) no-repeat 0 8px;

}

ul#topnav .sub ul li.creno a:hover {

	background: url(../images/menu/creno_hover.jpg) no-repeat 0 8px;

}

ul#topnav .sub ul li.partenariat a {

	background: url(../images/menu/partenariat.jpg) no-repeat 0 7px;

}

ul#topnav .sub ul li.partenariat a:hover {

	background: url(../images/menu/partenariat_hover.jpg) no-repeat 0 7px;

}

ul#topnav .sub ul li.bddp a {

	background: url(../images/menu/bddp.jpg) no-repeat 0 6px;

}

ul#topnav .sub ul li.bddp a:hover {

	background: url(../images/menu/bddp_hover.jpg) no-repeat 0 6px;

}

ul#topnav .sub ul li.geoloc a {

	background: url(../images/menu/geoloc.jpg) no-repeat 0 6px;

}

ul#topnav .sub ul li.geoloc a:hover {

	background: url(../images/menu/geoloc_hover.jpg) no-repeat 0 6px;

}

ul#topnav .sub ul li.offres a {

	background: url(../images/menu/offres.jpg) no-repeat 0 7px;

}

ul#topnav .sub ul li.offres a:hover {

	background: url(../images/menu/offres_hover.jpg) no-repeat 0 7px;

}

ul#topnav .sub ul li.dvlp a {

	background: url(../images/menu/dvlp.jpg) no-repeat 0 6px;

}

ul#topnav .sub ul li.dvlp a:hover {

	background: url(../images/menu/dvlp_hover.jpg) no-repeat 0 6px;

}

	ul#topnav .sub ul li.temoignages a {

	background: url(../images/menu/temoignages.jpg) no-repeat 0 7px;

}

ul#topnav .sub ul li.temoignages a:hover {

	background: url(../images/menu/temoignages_hover.jpg) no-repeat 0 7px;

}

ul#topnav .sub ul li.pub a {

	background: url(../images/menu/pub.jpg) no-repeat 0 7px;

}

ul#topnav .sub ul li.pub a:hover {

	background: url(../images/menu/pub_hover.jpg) no-repeat 0 7px;

}

ul#topnav .sub ul li.promo a {

	background: url(../images/menu/promo.jpg) no-repeat 0 7px;

}

ul#topnav .sub ul li.promo a:hover {

	background: url(../images/menu/promo_hover.jpg) no-repeat 0 7px;

}

ul#topnav .sub ul li.presentation a {

	background: url(../images/menu/presentation.jpg) no-repeat 0 6px;

}

ul#topnav .sub ul li.presentation a:hover {

	background: url(../images/menu/presentation_hover.jpg) no-repeat 0 6px;

}

ul#topnav .sub ul li.harvest a:hover {

	background: url(../images/menu/harvest_hover.jpg) no-repeat 0 6px;

}

ul#topnav .sub ul li.harvest a {

	background: url(../images/menu/harvest.jpg) no-repeat 0 6px;

}

ul#topnav .sub ul li.maclow a:hover {

	background: url(../images/menu/maclow_hover.jpg) no-repeat 0 6px;

}

ul#topnav .sub ul li.maclow a {

	background: url(../images/menu/maclow.jpg) no-repeat 0 6px;

}

ul#topnav .sub ul li.brieuc a:hover {

	background: url(../images/menu/brieuc_hover.jpg) no-repeat 0 6px;

}

ul#topnav .sub ul li.brieuc a {

	background: url(../images/menu/brieuc.jpg) no-repeat 0 6px;

}

ul#topnav .sub ul li.msc a:hover {

	background: url(../images/menu/msc_hover.jpg) no-repeat 0 6px;

}

ul#topnav .sub ul li.msc a {

	background: url(../images/menu/msc.jpg) no-repeat 0 6px;

}

ul#topnav .sub ul li.recettes a {

	background: url(../images/menu/recettes.jpg) no-repeat 0 6px;

}

ul#topnav .sub ul li.recettes a:hover {

	background: url(../images/menu/recettes_hover.jpg) no-repeat 0 6px;

}

ul#topnav .sub ul li.docu a {

	background: url(../images/menu/docu.jpg) no-repeat 0 6px;

}

ul#topnav .sub ul li.docu a:hover {

	background: url(../images/menu/docu_hover.jpg) no-repeat 0 6px;

}

ul#topnav .sub ul li.legis a:hover {

	background: url(../images/menu/legis_hover.jpg) no-repeat 0 6px;

}

ul#topnav .sub ul li.legis a {

	background: url(../images/menu/legis.jpg) no-repeat 0 6px;

}

ul#topnav .sub ul li.europe a {

	background: url(../images/menu/europe.jpg) no-repeat 0 7px;

}

ul#topnav .sub ul li.europe a:hover {

	background: url(../images/menu/europe_hover.jpg) no-repeat 0 7px;

}

ul#topnav .sub ul li.fiches a:hover {

	background: url(../images/menu/fiches_hover.jpg) no-repeat 0 6px;

}

ul#topnav .sub ul li.fiches a {

	background: url(../images/menu/fiches.jpg) no-repeat 0 6px;

}

/* SUITE... */



span.dd_action {

	height:6px;

	padding:0 0 0 10px;

	width:9px;

}

span.single_wrapper {

	float:left;

	margin:6px 10px;

	padding:0 15px;

}

span.single_wrapper:hover, li.current a span.single_wrapper {

	background: white;

	color: black;

	/* -- CSS3 stuff -- */

	

	text-shadow: none;

 filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFFFFFFF, endColorstr=#FFe5e5e5);

	background-image: -moz-linear-gradient( top, #FFFFFF, #e5e5e5);

	background-image: -webkit-gradient( linear, left top, left bottom, from(#FFFFFF), to(#e5e5e5));

	border-radius: 	       7px; /* Propriété CSS3 générale et pour Opera */

	-moz-border-radius:    7px; /* Propriété CSS3 pour Firefox */

	-khtml-border-radius:  7px; /* Propriété CSS3 pour navigateurs KHTML */

	-webkit-border-radius: 7px; /* Propriété CSS3 pour navigateurs Webkit */

	box-shadow:         0px 0px 2px #343333; /* Propriété CSS3 */

	-webkit-box-shadow: 0px 0px 2px #343333; /* Propriété CSS3 pour Firefox */

	-moz-box-shadow:    0px 0px 2px #343333; /* Propriété CSS3 pour navigateurs Webkit */

}

span.single_wrapper:active {

	background: white;

	color: black;

	/* -- CSS3 -- */

	

	text-shadow: none;

 filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FFe5e5e5, endColorstr=#FFFFFFFF);

	background-image: -moz-linear-gradient( top, #e5e5e5, #FFFFFF);

	background-image: -webkit-gradient( linear, left top, left bottom, from(#e5e5e5), to(#FFFFFF));

	border-radius:         7px;

	-moz-border-radius:    7px;

	-khtml-border-radius:  7px;

	-webkit-border-radius: 7px;

	box-shadow:         0px 0px 2px #343333;

	-webkit-box-shadow: 0px 0px 2px #343333;

	-moz-box-shadow:    0px 0px 2px #343333;

}

span.dd_wrapper {

	float:left;

	margin:6px 10px 0;

	padding: 0 11px 5px 18px;

}

li.liSub a:hover span.dd_wrapper, li.liSub:hover a span.dd_wrapper {

	z-index:      100;

	color: 		  black;

	border-top:   1px solid #e5e5e5;

	border-right: 1px solid #989898;

	padding: 0 10px 4px 18px;

	/* -- CSS3 -- */

	

	text-shadow: none;

 filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#dfdfdf, endColorstr=#f8f8f8); /* Pour IE */

	background-image: -moz-linear-gradient(top, #e5e5e5, #FFFFFF); /* Pour Firefox */

	background-image: -webkit-gradient(linear, left top, left bottom, from(#e5e5e5), to(#FFFFFF)); /* Pour Webkit */

	border-top-right-radius:		 7px;

	-moz-border-radius-topleft: 	 7px;

	-webkit-border-top-left-radius:  7px;

	-khtml-border-radius-topleft: 	 7px;

	border-top-left-radius:		     7px;

	-moz-border-radius-topright: 	 7px;

	-webkit-border-top-right-radius: 7px;

	-khtml-border-radius-topright: 	 7px;

}

/*************************************************/

/**   PRETTYPHOTO							**/

/*************************************************/



div.pp_default .pp_top, div.pp_default .pp_top .pp_middle, div.pp_default .pp_top .pp_left, div.pp_default .pp_top .pp_right, div.pp_default .pp_bottom, div.pp_default .pp_bottom .pp_left, div.pp_default .pp_bottom .pp_middle, div.pp_default .pp_bottom .pp_right {

	height:13px

}

div.pp_default .pp_top .pp_left {

	background:url(../images/prettyPhoto/default/sprite.png) -78px -93px no-repeat

}

div.pp_default .pp_top .pp_middle {

	background:url(../images/prettyPhoto/default/sprite_x.png) top left repeat-x

}

div.pp_default .pp_top .pp_right {

	background:url(../images/prettyPhoto/default/sprite.png) -112px -93px no-repeat

}

div.pp_default .pp_content .ppt {

	color:#f8f8f8

}

div.pp_default .pp_content_container .pp_left {

	background:url(../images/prettyPhoto/default/sprite_y.png) -7px 0 repeat-y;

	padding-left:13px

}

div.pp_default .pp_content_container .pp_right {

	background:url(../images/prettyPhoto/default/sprite_y.png) top right repeat-y;

	padding-right:13px

}

div.pp_default .pp_next:hover {

	background:url(../images/prettyPhoto/default/sprite_next.png) center right no-repeat;

	cursor:pointer

}

div.pp_default .pp_previous:hover {

	background:url(../images/prettyPhoto/default/sprite_prev.png) center left no-repeat;

	cursor:pointer

}

div.pp_default .pp_expand {

	background:url(../images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;

	cursor:pointer;

	height:28px;

	width:28px

}

div.pp_default .pp_expand:hover {

	background:url(../images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;

	cursor:pointer

}

div.pp_default .pp_contract {

	background:url(../images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;

	cursor:pointer;

	height:28px;

	width:28px

}

div.pp_default .pp_contract:hover {

	background:url(../images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;

	cursor:pointer

}

div.pp_default .pp_close {

	background:url(../images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;

	cursor:pointer;

	height:30px;

	width:30px

}

div.pp_default .pp_gallery ul li a {

	background:url(../images/prettyPhoto/default/default_thumb.png) center center #f8f8f8;

	border:1px solid #aaa

}

div.pp_default .pp_social {

	margin-top:7px

}

div.pp_default .pp_gallery a.pp_arrow_previous, div.pp_default .pp_gallery a.pp_arrow_next {

	left:auto;

	position:static

}

div.pp_default .pp_nav .pp_play, div.pp_default .pp_nav .pp_pause {

	background:url(../images/prettyPhoto/default/sprite.png) -51px 1px no-repeat;

	height:30px;

	width:30px

}

div.pp_default .pp_nav .pp_pause {

	background-position:-51px -29px

}

div.pp_default a.pp_arrow_previous, div.pp_default a.pp_arrow_next {

	background:url(../images/prettyPhoto/default/sprite.png) -31px -3px no-repeat;

	height:20px;

	margin:4px 0 0;

	width:20px

}

div.pp_default a.pp_arrow_next {

	background-position:-82px -3px;

	left:52px

}

div.pp_default .pp_content_container .pp_details {

	margin-top:5px

}

div.pp_default .pp_nav {

	clear:none;

	height:30px;

	position:relative;

	width:110px

}

div.pp_default .pp_nav .currentTextHolder {

	color:#999;

	font-family:Georgia;

	font-size:11px;

	font-style:italic;

	left:75px;

	line-height:25px;

	margin:0;

	padding:0 0 0 10px;

	position:absolute;

	top:2px

}

div.pp_default .pp_close:hover, div.pp_default .pp_nav .pp_play:hover, div.pp_default .pp_nav .pp_pause:hover, div.pp_default .pp_arrow_next:hover, div.pp_default .pp_arrow_previous:hover {

	opacity:0.7

}

div.pp_default .pp_description {

	font-size:11px;

	font-weight:700;

	line-height:14px;

	margin:5px 50px 5px 0

}

div.pp_default .pp_bottom .pp_left {

	background:url(../images/prettyPhoto/default/sprite.png) -78px -127px no-repeat

}

div.pp_default .pp_bottom .pp_middle {

	background:url(../images/prettyPhoto/default/sprite_x.png) bottom left repeat-x

}

div.pp_default .pp_bottom .pp_right {

	background:url(../images/prettyPhoto/default/sprite.png) -112px -127px no-repeat

}

div.pp_default .pp_loaderIcon {

	background:url(../images/prettyPhoto/default/loader.gif) center center no-repeat

}

div.light_rounded .pp_top .pp_left {

	background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -53px no-repeat

}

div.light_rounded .pp_top .pp_right {

	background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -53px no-repeat

}

div.light_rounded .pp_next:hover {

	background:url(../images/prettyPhoto/light_rounded/btnNext.png) center right no-repeat;

	cursor:pointer

}

div.light_rounded .pp_previous:hover {

	background:url(../images/prettyPhoto/light_rounded/btnPrevious.png) center left no-repeat;

	cursor:pointer

}

div.light_rounded .pp_expand {

	background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -26px no-repeat;

	cursor:pointer

}

div.light_rounded .pp_expand:hover {

	background:url(../images/prettyPhoto/light_rounded/sprite.png) -31px -47px no-repeat;

	cursor:pointer

}

div.light_rounded .pp_contract {

	background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -26px no-repeat;

	cursor:pointer

}

div.light_rounded .pp_contract:hover {

	background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -47px no-repeat;

	cursor:pointer

}

div.light_rounded .pp_close {

	background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -1px no-repeat;

	cursor:pointer;

	height:22px;

	width:75px

}

div.light_rounded .pp_nav .pp_play {

	background:url(../images/prettyPhoto/light_rounded/sprite.png) -1px -100px no-repeat;

	height:15px;

	width:14px

}

div.light_rounded .pp_nav .pp_pause {

	background:url(../images/prettyPhoto/light_rounded/sprite.png) -24px -100px no-repeat;

	height:15px;

	width:14px

}

div.light_rounded .pp_arrow_previous {

	background:url(../images/prettyPhoto/light_rounded/sprite.png) 0 -71px no-repeat

}

div.light_rounded .pp_arrow_next {

	background:url(../images/prettyPhoto/light_rounded/sprite.png) -22px -71px no-repeat

}

div.light_rounded .pp_bottom .pp_left {

	background:url(../images/prettyPhoto/light_rounded/sprite.png) -88px -80px no-repeat

}

div.light_rounded .pp_bottom .pp_right {

	background:url(../images/prettyPhoto/light_rounded/sprite.png) -110px -80px no-repeat

}

div.dark_rounded .pp_top .pp_left {

	background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -53px no-repeat

}

div.dark_rounded .pp_top .pp_right {

	background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -53px no-repeat

}

div.dark_rounded .pp_content_container .pp_left {

	background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat-y

}

div.dark_rounded .pp_content_container .pp_right {

	background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top right repeat-y

}

div.dark_rounded .pp_next:hover {

	background:url(../images/prettyPhoto/dark_rounded/btnNext.png) center right no-repeat;

	cursor:pointer

}

div.dark_rounded .pp_previous:hover {

	background:url(../images/prettyPhoto/dark_rounded/btnPrevious.png) center left no-repeat;

	cursor:pointer

}

div.dark_rounded .pp_expand {

	background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -26px no-repeat;

	cursor:pointer

}

div.dark_rounded .pp_expand:hover {

	background:url(../images/prettyPhoto/dark_rounded/sprite.png) -31px -47px no-repeat;

	cursor:pointer

}

div.dark_rounded .pp_contract {

	background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -26px no-repeat;

	cursor:pointer

}

div.dark_rounded .pp_contract:hover {

	background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -47px no-repeat;

	cursor:pointer

}

div.dark_rounded .pp_close {

	background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -1px no-repeat;

	cursor:pointer;

	height:22px;

	width:75px

}

div.dark_rounded .pp_description {

	color:#fff;

	margin-right:85px

}

div.dark_rounded .pp_nav .pp_play {

	background:url(../images/prettyPhoto/dark_rounded/sprite.png) -1px -100px no-repeat;

	height:15px;

	width:14px

}

div.dark_rounded .pp_nav .pp_pause {

	background:url(../images/prettyPhoto/dark_rounded/sprite.png) -24px -100px no-repeat;

	height:15px;

	width:14px

}

div.dark_rounded .pp_arrow_previous {

	background:url(../images/prettyPhoto/dark_rounded/sprite.png) 0 -71px no-repeat

}

div.dark_rounded .pp_arrow_next {

	background:url(../images/prettyPhoto/dark_rounded/sprite.png) -22px -71px no-repeat

}

div.dark_rounded .pp_bottom .pp_left {

	background:url(../images/prettyPhoto/dark_rounded/sprite.png) -88px -80px no-repeat

}

div.dark_rounded .pp_bottom .pp_right {

	background:url(../images/prettyPhoto/dark_rounded/sprite.png) -110px -80px no-repeat

}

div.dark_rounded .pp_loaderIcon {

	background:url(../images/prettyPhoto/dark_rounded/loader.gif) center center no-repeat

}

div.dark_square .pp_left, div.dark_square .pp_middle, div.dark_square .pp_right, div.dark_square .pp_content {

	background:#000

}

div.dark_square .pp_description {

	color:#fff;

	margin:0 85px 0 0

}

div.dark_square .pp_loaderIcon {

	background:url(../images/prettyPhoto/dark_square/loader.gif) center center no-repeat

}

div.dark_square .pp_expand {

	background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -26px no-repeat;

	cursor:pointer

}

div.dark_square .pp_expand:hover {

	background:url(../images/prettyPhoto/dark_square/sprite.png) -31px -47px no-repeat;

	cursor:pointer

}

div.dark_square .pp_contract {

	background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -26px no-repeat;

	cursor:pointer

}

div.dark_square .pp_contract:hover {

	background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -47px no-repeat;

	cursor:pointer

}

div.dark_square .pp_close {

	background:url(../images/prettyPhoto/dark_square/sprite.png) -1px -1px no-repeat;

	cursor:pointer;

	height:22px;

	width:75px

}

div.dark_square .pp_nav {

	clear:none

}

div.dark_square .pp_nav .pp_play {

	background:url(../images/prettyPhoto/dark_square/sprite.png) -1px -100px no-repeat;

	height:15px;

	width:14px

}

div.dark_square .pp_nav .pp_pause {

	background:url(../images/prettyPhoto/dark_square/sprite.png) -24px -100px no-repeat;

	height:15px;

	width:14px

}

div.dark_square .pp_arrow_previous {

	background:url(../images/prettyPhoto/dark_square/sprite.png) 0 -71px no-repeat

}

div.dark_square .pp_arrow_next {

	background:url(../images/prettyPhoto/dark_square/sprite.png) -22px -71px no-repeat

}

div.dark_square .pp_next:hover {

	background:url(../images/prettyPhoto/dark_square/btnNext.png) center right no-repeat;

	cursor:pointer

}

div.dark_square .pp_previous:hover {

	background:url(../images/prettyPhoto/dark_square/btnPrevious.png) center left no-repeat;

	cursor:pointer

}

div.light_square .pp_expand {

	background:url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;

	cursor:pointer

}

div.light_square .pp_expand:hover {

	background:url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;

	cursor:pointer

}

div.light_square .pp_contract {

	background:url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;

	cursor:pointer

}

div.light_square .pp_contract:hover {

	background:url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;

	cursor:pointer

}

div.light_square .pp_close {

	background:url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;

	cursor:pointer;

	height:22px;

	width:75px

}

div.light_square .pp_nav .pp_play {

	background:url(../images/prettyPhoto/light_square/sprite.png) -1px -100px no-repeat;

	height:15px;

	width:14px

}

div.light_square .pp_nav .pp_pause {

	background:url(../images/prettyPhoto/light_square/sprite.png) -24px -100px no-repeat;

	height:15px;

	width:14px

}

div.light_square .pp_arrow_previous {

	background:url(../images/prettyPhoto/light_square/sprite.png) 0 -71px no-repeat

}

div.light_square .pp_arrow_next {

	background:url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat

}

div.light_square .pp_next:hover {

	background:url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat;

	cursor:pointer

}

div.light_square .pp_previous:hover {

	background:url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;

	cursor:pointer

}

div.facebook .pp_top .pp_left {

	background:url(../images/prettyPhoto/facebook/sprite.png) -88px -53px no-repeat

}

div.facebook .pp_top .pp_middle {

	background:url(../images/prettyPhoto/facebook/contentPatternTop.png) top left repeat-x

}

div.facebook .pp_top .pp_right {

	background:url(../images/prettyPhoto/facebook/sprite.png) -110px -53px no-repeat

}

div.facebook .pp_content_container .pp_left {

	background:url(../images/prettyPhoto/facebook/contentPatternLeft.png) top left repeat-y

}

div.facebook .pp_content_container .pp_right {

	background:url(../images/prettyPhoto/facebook/contentPatternRight.png) top right repeat-y

}

div.facebook .pp_expand {

	background:url(../images/prettyPhoto/facebook/sprite.png) -31px -26px no-repeat;

	cursor:pointer

}

div.facebook .pp_expand:hover {

	background:url(../images/prettyPhoto/facebook/sprite.png) -31px -47px no-repeat;

	cursor:pointer

}

div.facebook .pp_contract {

	background:url(../images/prettyPhoto/facebook/sprite.png) 0 -26px no-repeat;

	cursor:pointer

}

div.facebook .pp_contract:hover {

	background:url(../images/prettyPhoto/facebook/sprite.png) 0 -47px no-repeat;

	cursor:pointer

}

div.facebook .pp_close {

	background:url(../images/prettyPhoto/facebook/sprite.png) -1px -1px no-repeat;

	cursor:pointer;

	height:22px;

	width:22px

}

div.facebook .pp_description {

	margin:0 37px 0 0

}

div.facebook .pp_loaderIcon {

	background:url(../images/prettyPhoto/facebook/loader.gif) center center no-repeat

}

div.facebook .pp_arrow_previous {

	background:url(../images/prettyPhoto/facebook/sprite.png) 0 -71px no-repeat;

	height:22px;

	margin-top:0;

	width:22px

}

div.facebook .pp_arrow_previous.disabled {

	background-position:0 -96px;

	cursor:default

}

div.facebook .pp_arrow_next {

	background:url(../images/prettyPhoto/facebook/sprite.png) -32px -71px no-repeat;

	height:22px;

	margin-top:0;

	width:22px

}

div.facebook .pp_arrow_next.disabled {

	background-position:-32px -96px;

	cursor:default

}

div.facebook .pp_nav {

	margin-top:0

}

div.facebook .pp_nav p {

	font-size:15px;

	padding:0 3px 0 4px

}

div.facebook .pp_nav .pp_play {

	background:url(../images/prettyPhoto/facebook/sprite.png) -1px -123px no-repeat;

	height:22px;

	width:22px

}

div.facebook .pp_nav .pp_pause {

	background:url(../images/prettyPhoto/facebook/sprite.png) -32px -123px no-repeat;

	height:22px;

	width:22px

}

div.facebook .pp_next:hover {

	background:url(../images/prettyPhoto/facebook/btnNext.png) center right no-repeat;

	cursor:pointer

}

div.facebook .pp_previous:hover {

	background:url(../images/prettyPhoto/facebook/btnPrevious.png) center left no-repeat;

	cursor:pointer

}

div.facebook .pp_bottom .pp_left {

	background:url(../images/prettyPhoto/facebook/sprite.png) -88px -80px no-repeat

}

div.facebook .pp_bottom .pp_middle {

	background:url(../images/prettyPhoto/facebook/contentPatternBottom.png) top left repeat-x

}

div.facebook .pp_bottom .pp_right {

	background:url(../images/prettyPhoto/facebook/sprite.png) -110px -80px no-repeat

}

div.pp_pic_holder a:focus {

	outline:none

}

div.pp_overlay {

	background:#000;

	display:none;

	left:0;

	position:absolute;

	top:0;

	width:100%;

	z-index:9500

}

div.pp_pic_holder {

	display:none;

	position:absolute;

	width:100px;

	z-index:10000

}

.pp_content {

	height:40px;

	min-width:40px

}

* html .pp_content {

	width:40px

}

.pp_content_container {

	position:relative;

	text-align:left;

	width:100%

}

.pp_content_container .pp_left {

	padding-left:20px

}

.pp_content_container .pp_right {

	padding-right:20px

}

.pp_content_container .pp_details {

	float:left;

	margin:10px 0 2px

}

.pp_description {

	display:none;

	margin:0

}

.pp_social {

	float:left;

	margin:0

}

.pp_social .facebook {

	float:left;

	margin-left:5px;

	overflow:hidden;

	width:55px

}

.pp_social .twitter {

	float:left

}

.pp_nav {

	clear:right;

	float:left;

	margin:3px 10px 0 0

}

.pp_nav p {

	float:left;

	margin:2px 4px;

	white-space:nowrap

}

.pp_nav .pp_play, .pp_nav .pp_pause {

	float:left;

	margin-right:4px;

	text-indent:-10000px

}

a.pp_arrow_previous, a.pp_arrow_next {

	display:block;

	float:left;

	height:15px;

	margin-top:3px;

	overflow:hidden;

	text-indent:-10000px;

	width:14px

}

.pp_hoverContainer {

	position:absolute;

	top:0;

	width:100%;

	z-index:2000

}

.pp_gallery {

	display:none;

	left:50%;

	margin-top:-50px;

	position:absolute;

	z-index:10000

}

.pp_gallery div {

	float:left;

	overflow:hidden;

	position:relative

}

.pp_gallery ul {

	float:left;

	height:35px;

	margin:0 0 0 5px;

	padding:0;

	position:relative;

	white-space:nowrap

}

.pp_gallery ul a {

	border:1px rgba(0,0,0,0.5) solid;

	display:block;

	float:left;

	height:33px;

	overflow:hidden

}

.pp_gallery ul a img {

	border:0

}

.pp_gallery li {

	display:block;

	float:left;

	margin:0 5px 0 0;

	padding:0

}

.pp_gallery li.default a {

	background:url(../images/prettyPhoto/facebook/default_thumbnail.gif) 0 0 no-repeat;

	display:block;

	height:33px;

	width:50px

}

.pp_gallery .pp_arrow_previous, .pp_gallery .pp_arrow_next {

	margin-top:7px!important

}

a.pp_next {

	background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;

	display:block;

	float:right;

	height:100%;

	text-indent:-10000px;

	width:49%

}

a.pp_previous {

	background:url(../images/prettyPhoto/light_rounded/btnNext.png) 10000px 10000px no-repeat;

	display:block;

	float:left;

	height:100%;

	text-indent:-10000px;

	width:49%

}

a.pp_expand, a.pp_contract {

	cursor:pointer;

	display:none;

	height:20px;

	position:absolute;

	right:30px;

	text-indent:-10000px;

	top:10px;

	width:20px;

	z-index:20000

}

a.pp_close {

	display:block;

	line-height:22px;

	position:absolute;

	right:0;

	text-indent:-10000px;

	top:0

}

.pp_loaderIcon {

	display:block;

	height:24px;

	left:50%;

	margin:-12px 0 0 -12px;

	position:absolute;

	top:50%;

	width:24px

}

#pp_full_res {

	line-height:1!important

}

#pp_full_res .pp_inline {

	text-align:left

}

#pp_full_res .pp_inline p {

	margin:0 0 15px

}

div.ppt {

	color:#fff;

	display:none;

	font-size:17px;

	margin:0 0 5px 15px;

	z-index:9999

}

div.pp_default .pp_content, div.light_rounded .pp_content {

	background-color:#fff

}

div.pp_default #pp_full_res .pp_inline, div.light_rounded .pp_content .ppt, div.light_rounded #pp_full_res .pp_inline, div.light_square .pp_content .ppt, div.light_square #pp_full_res .pp_inline, div.facebook .pp_content .ppt, div.facebook #pp_full_res .pp_inline {

	color:#000

}

div.pp_default .pp_gallery ul li a:hover, div.pp_default .pp_gallery ul li.selected a, .pp_gallery ul a:hover, .pp_gallery li.selected a {

	border-color:#fff

}

div.pp_default .pp_details, div.light_rounded .pp_details, div.dark_rounded .pp_details, div.dark_square .pp_details, div.light_square .pp_details, div.facebook .pp_details {

	position:relative

}

div.light_rounded .pp_top .pp_middle, div.light_rounded .pp_content_container .pp_left, div.light_rounded .pp_content_container .pp_right, div.light_rounded .pp_bottom .pp_middle, div.light_square .pp_left, div.light_square .pp_middle, div.light_square .pp_right, div.light_square .pp_content, div.facebook .pp_content {

	background:#fff

}

div.light_rounded .pp_description, div.light_square .pp_description {

	margin-right:85px

}

div.light_rounded .pp_gallery a.pp_arrow_previous, div.light_rounded .pp_gallery a.pp_arrow_next, div.dark_rounded .pp_gallery a.pp_arrow_previous, div.dark_rounded .pp_gallery a.pp_arrow_next, div.dark_square .pp_gallery a.pp_arrow_previous, div.dark_square .pp_gallery a.pp_arrow_next, div.light_square .pp_gallery a.pp_arrow_previous, div.light_square .pp_gallery a.pp_arrow_next {

	margin-top:12px!important

}

div.light_rounded .pp_arrow_previous.disabled, div.dark_rounded .pp_arrow_previous.disabled, div.dark_square .pp_arrow_previous.disabled, div.light_square .pp_arrow_previous.disabled {

	background-position:0 -87px;

	cursor:default

}

div.light_rounded .pp_arrow_next.disabled, div.dark_rounded .pp_arrow_next.disabled, div.dark_square .pp_arrow_next.disabled, div.light_square .pp_arrow_next.disabled {

	background-position:-22px -87px;

	cursor:default

}

div.light_rounded .pp_loaderIcon, div.light_square .pp_loaderIcon {

	background:url(../images/prettyPhoto/light_rounded/loader.gif) center center no-repeat

}

div.dark_rounded .pp_top .pp_middle, div.dark_rounded .pp_content, div.dark_rounded .pp_bottom .pp_middle {

	background:url(../images/prettyPhoto/dark_rounded/contentPattern.png) top left repeat

}

div.dark_rounded .currentTextHolder, div.dark_square .currentTextHolder {

	color:#c4c4c4

}

div.dark_rounded #pp_full_res .pp_inline, div.dark_square #pp_full_res .pp_inline {

	color:#fff

}

.pp_top, .pp_bottom {

	height:20px;

	position:relative

}

* html .pp_top, * html .pp_bottom {

	padding:0 20px

}

.pp_top .pp_left, .pp_bottom .pp_left {

	height:20px;

	left:0;

	position:absolute;

	width:20px

}

.pp_top .pp_middle, .pp_bottom .pp_middle {

	height:20px;

	left:20px;

	position:absolute;

	right:20px

}

* html .pp_top .pp_middle, * html .pp_bottom .pp_middle {

	left:0;

	position:static

}

.pp_top .pp_right, .pp_bottom .pp_right {

	height:20px;

	left:auto;

	position:absolute;

	right:0;

	top:0;

	width:20px

}

.pp_fade, .pp_gallery li.default a img {

	display:none

}

/*************************************************/

/**   MOSAIC							**/

/*************************************************/



.cadre {

	border: 1px solid #bebfbe;

	padding: 5px;

	background-color: #ffffff;

	float: left;

	margin-right: 10px;

	margin-bottom: 10px;

}

#img_accueil {

	margin-left:auto;

	margin-right:auto;

	width: 750px;

	

}

/*Styles Mosaic General*/



.mosaic-block {

	float: left;

	position: relative;

	overflow: hidden;

	width: 165px;

	height: 106px;

	background: #111 url(../images/mosaic/progress.gif) no-repeat center center;

}

.mosaic-block2 {

	float: left;

	position: relative;

	overflow: hidden;

	width: 200px;

	height: 291px;

	background: #111 url(../images/mosaic/progress.gif) no-repeat center center;

}

.mosaic-backdrop {

	cursor:pointer;

	display: none;

	position: absolute;

	top: 0;

	height: 100%;

	width: 100%;

	background: #fff;

}

.mosaic-overlay {

	display: none;

	z-index: 5;

	position: absolute;

	width: 100%;

	height: 100%;

}

/* Animations personnalisées */



.circle .mosaic-overlay {

	background: url(../images/mosaic/hover-magnify.png) no-repeat center center #000000;

	opacity: 0;

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";

	filter: alpha(opacity=00);

	display: none;

}

.video .mosaic-overlay {

	background: url(../images/mosaic/hover-video.png) no-repeat center center;

	opacity: 0;

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";

	filter: alpha(opacity=00);

	display: none;

}

.fade .mosaic-overlay {

	opacity: 0;

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=00)";

	filter: alpha(opacity=00);

	background: url(../images/mosaic/bg-black.png);

}

.bar .mosaic-overlay {

	bottom: -100px;

	height: 100px;

	background: url(../images/mosaic/bg-black.png);

}

.bar2 .mosaic-overlay {

	bottom: -50px;

	height: 100px;

	opacity: 0.9;

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";

	filter: alpha(opacity=80);

}

.bar2 .mosaic-overlay:hover {

	opacity: 1;

	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";

	filter: alpha(opacity=100);

}

.bar3 .mosaic-overlay {

	top: -100px;

	height: 100px;

	background: url(../images/mosaic/bg-black.png);

}

/*************************************************/

/**   MENU DU BAS							**/

/*************************************************/



#conteneur #bandeau_fix {

	min-width:960px;

	height:33px;

	z-index:5000;

	position:fixed;

	bottom: 0;

	width: 980px;

	font: 12px 'Ubuntu', sans-serif;

}

/* MENU */

#menu-fix-bas {

	padding:0px;

	list-style:none;

	color:#fff;

	line-height: 33px;

	display:inline-block;

	z-index:1000;

	float: left;

	margin-top: 0px;

	margin-bottom: 0px;

}

#menu-fix-bas a {

	color:#fff;

	text-decoration:none;

}

#menu-fix-bas > li {

	background: none repeat scroll 0 0 #e2001a;

	cursor:pointer;

	float:left;

	position:relative;

	padding:0px 10px;

}

#menu-fix-bas > li a:hover {

	color: #ff7887;

}

#menu-fix-bas > li.ContainerRecherche {

}

#menu-fix-bas > li.connection {

	background: url(../images/menu_bas/arrow.png) no-repeat 5px 11px #e2001a;

	padding-left: 16px;

}

#menu-fix-bas > li.compte {

	background: url(../images/menu_bas/picto_compte.png) no-repeat 5px 5px #e2001a;

	padding-left: 34px;

}

div.remplissage {

	float: left;

	background-color: #1977b0;

	width: 426px;

	margin-right: -2px;

}

#menu-fix-bas .logo {

	background:transparent none repeat scroll 0% 0%;

	padding:0px;

	background-color:Transparent;

	float: left;

}

#menu-fix-bas .logo:hover {

	background-color: #09539f;

}

/* SOUS-MENUS */

        #menu-fix-bas ul {

	padding:0px;

	margin:0px;

	display:block;

	display:inline;

}

#menu-fix-bas li ul {

	position:absolute;

	left:-10px;

	width:150px;

	line-height: 16px;

	background-color: #e3001a;

	color: white; /* for IE */

	display:none;

	bottom: 0;

	margin-bottom: 33px;

}

#menu-fix-bas li:hover ul {

	display:block;

}

#menu-fix-bas li ul li {

	display:block;

	margin:5px 20px;

	padding: 5px 0px;

	border-bottom: dotted 1px #ffffff;

	list-style-type:none;

}

#menu-fix-bas li ul li:last-child {

	border-bottom: none;

}

#menu-fix-bas li ul li.intro {

	border-bottom: none;

}

#menu-fix-bas li ul li a {

	display:block;

	color: white;

}

#menu-fix-bas li ul li a:hover {

	color: #ff7887;

}

/* INTRO SOUS-MENU */

        #menu-fix-bas #main {

	left:0px;

	background-color: #09539f;

	color:#fff;

	z-index:999;

	bottom: 0;

	padding-bottom: 0;

}

/* RECHERCHE */

        .ContainerRecherche div {

	display:inline;

	float: left;

}

input#recherche-bas {

	height: 20px;

	width: 135px;

}

.ContainerRecherche input[type="text"] {

	border:none;

}

.ContainerRecherche img {

	vertical-align:middle;

}

/* COINS */

        #menu-fix-bas .coin_inverse_gauche {

	position:absolute;

	left:-12px;

	bottom: 0;

}

#menu-fix-bas .coin_inverse_droit {

	position:absolute;

	left:150px;

	bottom: 0;

}

#menu-fix-bas .debut {

	background:transparent none repeat scroll 0% 0%;

	margin:0px;

	padding:0px;

	border:none;

	position:relative;

	border:none;

	height:0px;

}

#menu-fix-bas .coin_gauche {

	position:absolute;

	left:0px;

	bottom: 0;

}

#menu-fix-bas .coin_droit {

	position:absolute;

	left:132px;

	bottom: 0;

}

#menu-fix-bas .middle {

	position:absolute;

	left:18px;

	height: 20px;

	width: 115px;

	bottom: 0;

}

/* MENU DROITE "MON COMPTE" */

ul#menu-droite {

	padding:0px;

	margin:0px;

	display:block;

	display:inline;

	font-size: 11px;

}

ul#menu-droite li {

	left:-10px;

	line-height: 16px;

	color: #404040; /* for IE */

	bottom: 0;

	margin-bottom: 33px;

}

ul#menu-droite li {

	display:block;

	padding: 5px 0px;

	border-bottom: dotted 1px #404040;

	list-style-type:none;

	margin-top: 5px;

	margin-bottom: 5px;

}

ul#menu-droite li:last-child {

	border-bottom: none;

}

ul#menu-droite li a {

	display:block;

	color: #404040;

}

ul#menu-droite li a:hover {

	color: #ee7f00;

}

/*************************************************/

/**   TOTOP							**/

/*************************************************/



#toTop {

	display:none;

	text-decoration:none;

	position:fixed;

	bottom: 93px;

	right:10px;

	overflow:hidden;

	width:51px;

	height:51px;

	border:none;

	text-indent:-999px;

	background:url(../images/totop/ui.totop.png) no-repeat left top;

	cursor:pointer;

}

#toTopHover {

	background:url(../images/totop/ui.totop.png) no-repeat left -51px;

	width:51px;

	height:51px;

	display:block;

	overflow:hidden;

	float:left;

	opacity: 0;

	-moz-opacity: 0;

	filter:alpha(opacity=0);

}

#toTop:active, #toTop:focus {

	outline:none;

}

/*--- VERTUOZ 18/07/2014 - PRIX LETTRE HEBDO ---*/



.hidden-saisieprix-hebdo {display:none;}