/*  

Copyright 2012 Troll d'idées. Tous droits réservés.
Feuille de styles commune
Cette feuille de styles contient tous les styles de tout le site. La feuille est partagée en chapitres :  

CH1 	RESET CSS
CH2		STYLES GENERIQUES
CH21 		Titres
CH3 	STRUCTURE
CH31		Structure configurer par la mise en page en backoffice
CH32		Structure des zones et blocs
CH321			Structure des zones et blocs : header
CH322			Structure des zones et blocs : .sub_header
CH323			Structure des zones et blocs : .chemin
CH324			Structure des zones et blocs : .bt_top
CH325			Structure des zones et blocs : footer
CH326			Structure des zones et blocs : .nav (navigation résultats)
CH4 	MODULES & WIDGETS
CH41		Site Web
CH411			Menu horizontal : ul.menu_h
CH412			Menu déroulant a 2 ou 3 niveaux : ul.sf-menu
CH413			Billets
CH42		Communication
CH43		Blog
CH44		Compte
CH45		Commande
CH46		Recherche
CH47		Catalogue et fiche produits
CH5 	JQUERY FLEXSLIDER V2.0 (slideshow responsive)
CH6 	Supprimé
CH7 	JQUERY SCROLL TO TOP 
CH8 	JQUERY PRETTY IMAGE 
CH9 	MEDIAQUERIES SMART PHONE ET TABLETTE
CH91 	SMART PHONE ET TABLETTE < 1024px de large
CH92 	480px de large < SMART PHONE ET TABLETTE < 768px de large
CH93 	SMART PHONE ET TABLETTE < 480px de large
CH10 	Datetime picker
*/

@import url(//fonts.googleapis.com/css?family=Dosis:400,700);
@import url(//fonts.googleapis.com/css?family=Droid+Sans:400,700);

/* ------------------------------------------------------------------------
CH1 RESET CSS http://meyerweb.com/eric/tools/css/reset/  v2.0 | 20110126 License: none (public domain) 
------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ul, ul li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
.none {
	display:none
}
.cl_both {
	clear:both;
	float:none
}
/*------------------------------------------------------------------------
CH2 STYLES GENERIQUES 
------------------------------------------------------------------------*/

body {
	font-family:  Helvetica, Arial, sans-serif;	
	color:#000000;
	position:relative;
	font-size:80%;
	background:#CDCDCD;
}

.colonne_gauche #page{
	background:#ffffff url(../images/background_page.gif) repeat-x center top;
	}
em {
	font-style:italic;
	color:#787373;
}
strong {
	font-weight: normal;
	font-weight: 700;
	color: #aacc00;
}
pre {
	font-family: "Consolas", "Menlo", "Deja Vu Sans Mono", "Bitstream Vera Sans Mono", monospace;
	background: #f2f2f2;
	font-size:12px;
	color:#666;
	padding:5px;
	margin:10px auto;
	border: solid 1px #ccc;
	width:80%;
	white-space: pre-wrap;       /* css-3 */
	white-space: -moz-pre-wrap;  /* Mozilla, since 1999 */
	white-space: -pre-wrap;      /* Opera 4-6 */
	white-space: -o-pre-wrap;    /* Opera 7 */
	word-wrap: break-word;       /* Internet Explorer 5.5+ */
}
a {
	color: #aacc00;
	text-decoration:underline;
	-webkit-transition:color 0.2s ease;
	-moz-transition:color 0.2s ease;
	-o-transition:color 0.2s ease;
	transition:color 0.2s ease;
}
a:hover, a:focus {
	color: #1a1a1a;
	
}



.btn{
	background:#aacc00;
	color:#ffffff;
	padding:15px;
	margin:5px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	display:inline-block;
	text-decoration:none;}

input, textarea, select {
	outline: none;
}
input.textfield {
	border: solid 1px #ddd;
	padding: 4px 10px;
	font-size: 1em;
	color: #333;
	background: #fafafa;
	margin-bottom: 5px;
}
input.textfield.file {
	border: none !important;
	padding:inherit;
	background: none !important;
}
input.textfield.file:hover, input.textfield.file:focus {
	border: none;
	padding:inherit;
	background:none;
}
input.submit, input[type=submit] {
	background:#333;
	color:#fff;
	cursor:pointer;
	border:none;
	font-size: 1em;
	text-align:center;
	padding:10px 15px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
section input.submit, section input[type=submit], section input.textfield, section textarea {
	margin-top:5px;
	margin-right:2px
}
input.submit.reset, input[type=submit].reset {
	background:#ccc;
	color:#000;
}
input.submit:hover, input.submit:focus, input[type=submit]:hover, input[type=submit]:focus {
	background:#689e36 none;
}
textarea {
	border: solid 1px #ddd;
	padding: 4px 10px;
	min-width: 40%;
	font: 1em "Open Sans", Helvetica, Arial, sans-serif;
	color: #333;
	background: #fafafa;
	margin-bottom: 5px;
}
input.textfield:focus, textarea:focus {
	border: 1px solid #808080;
	box-shadow: 0 0 10px 0 #E5E5E5;
	background-color: #FFF;
}
select {
	border: solid 1px #ddd;
	padding: 4px 10px;
	font-size: 1em;
	color: #333;
	background: #fafafa;
	margin-bottom: 5px;
	max-width:200px;
}
::-webkit-input-placeholder {
 color:#808080;
}
::-moz-placeholder {
 color:#808080;
}
:-ms-input-placeholder {
 color:#808080;
}
input:-moz-placeholder {
 color:#808080;
}
.alerte {
	margin: 20px 0;
	color:#333;
	font-weight:bold
}
.erreurs {
	color:#fff;
	background:#DF3F52;
	padding:10px;
	margin:5px 0 30px 0;
}
.erreur {
	color:#f00;
	font-weight:bold;
}
.erreurs .erreur {
	color:#fff;
	font-weight:bold;
}
fieldset {
	padding:10px 10px 0 10px;
	border: solid 1px #ddd;
	margin:0 0 30px 0;
}
fieldset legend {
	color: #A6A6A6;
	font: italic normal 1.3em 'Open Sans',"Dosis", Helvetica, Arial, sans-serif;
	padding:0 10px;
}
section article {
	clear:both;
	overflow: hidden;
}


#main .blog_news_rouge,.bloc_vert,.post_img_contact{
			
			-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	margin:0 10px 0 0;
	float:left;
	clear:none;
	padding:15px;
	width: 184px;
	height:89px;
	color:#ffffff;
	position:relative;}
	
	#main .blog_news_rouge h1,.bloc_vert h1,.post_img_contact h1, .sidebar .bloc_vert h1, .sidebar .post_img_contact h1{
		font-size:1.1em;
		margin: 0 0 2px 0;}
		
		#main .blog_news_rouge h1 a,.bloc_vert h1 ,.post_img_contact h1 a{
			color:#ffffff;
			text-transform:uppercase;}
			
			#main .blog_news_rouge h1 a:hover{
				color:#000000;}
				
				.post_img_contact h1 a:hover{
					color:#cccccc;}
			
			.post_img_contact h2 {
			color:#ffffff;
			    font-size: 1.3em;
    margin: 0;}
			
			#main .bloc_vert a, .sidebar .bloc_vert a{
				color:#ffffff;
				background:url(../images/fleche_verte.png) no-repeat left 4px;
				text-decoration:none;
				padding:0 0 0 16px;
				 display: block;}
				
				#main .bloc_vert a:hover, .sidebar .bloc_vert a:hover{
					
					color:#000000;}
					
				
			.post_detail a{
				
				background:url(../images/fleche_rouge.png) no-repeat left center;
				color:#ffffff;
				text-decoration:none;
				padding:0 0 0 20px;
				position:absolute;
				bottom:5px;
				right:15px;}
				
				.post_detail a:hover{
					text-decoration:underline;}
.blog_news_rouge{
	background:#e5381b;
	
	}
	
	.blog_news_rouge .post_content{
		}
	
	.bloc_vert{
		background:#a8c615;
		}
		
		.bloc_vert header{
			/*margin-bottom:20px;*/}
			
.sidebar .bloc_vert header{
			margin-bottom:0;}
			
			.sidebar .bloc_vert{
				 padding-bottom: 0;
				  height: inherit;}
				 
	.sidebar .bloc_vert .post_content{
		padding-bottom:15px;}
		
		.post_img_contact{
			background:#000000;
			margin:0;
			}
			
	.post_img_contact .post_content{
		font-size:0.9em;}		

.post_img_contact img{
	float:left;
	margin:5px 8px 0 0;}
	
	.programme header{
		padding:5px;}
	
.programme header h1{
	font-size:1.6em;
	color:#a8c615;
	margin:0;
	}
	
	.main .programme ul{
	}
	.programme ul li{
		border-bottom:#B8B8B8 dotted 1px;
		padding: 5px 0;
		list-style-image:url(../images/puce_verte.png);
		position:relative;
		}
	.programme ul li ul{
		margin:0;
		padding:0;
		float:right;}
	.programme ul li ul li{
		float:left;
		width:54px;
		text-align:center;
		list-style:none;
		margin:0;
		padding:0;
		border:none;
		font-size:1.7em;}
		
		.programme a{
			color:#000000;
			/*background:#a8c615;
    color: #ffffff;
  
    margin: 0;
   
	text-decoration:none;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	
    padding: 2px 10px;
    position: absolute;
    right: 0;
   
    top: 0;*/
			 text-decoration: none;}
			
			.programme a:hover{
				color:#aacc00;}
				
				.programme .btn_programme{color:#aacc00;
				/*float:right;*/
				   font-size: 0.9em;
				}
				
				.programme .btn_programme:hover{
					/*color:#000000;*/
					text-decoration:underline;}
			
.pastille{
	 background: none repeat scroll 0 0 #f10000;
   
    color: #ffffff;
    font-size: 1.2em;
  
    position: absolute;
   
    text-align: center;
    text-decoration: none;
   
   }
	
	.un{
		
		 -webkit-border-radius: 55px;
	-moz-border-radius: 55px;
	-o-border-radius: 55px;
	border-radius: 55px;
	 height: 75px;
    padding: 15px;
    right: 0;
    top: -50px;
    width: 75px;}
	
	.deux{
		 -webkit-border-radius: 55px;
	-moz-border-radius: 55px;
	-o-border-radius: 55px;
		    border-radius: 55px;
   height: 76px;
    padding: 15px;
    right: 90px;
    top: 10px;
    width: 76px;}
		
.trois{
	 -webkit-border-radius: 75px;
	-moz-border-radius: 75px;
	-o-border-radius: 75px;
	 border-radius: 75px;
    height: 85px;
    padding: 30px;
    right: 0;
    top: 100px;
    width: 85px;}
	
.tableau {
    position: absolute;
    right: 0;
    top: 40px;
    width: 202px;
}

.main .tableau ul {
    border: 1px dashed #aacc00;
    margin: 0;
    padding: 10px 10px 10px 20px;
	}
	
.main .tableau ul li{
	list-style-image: url("../images/puce_verte.png");}


	
	
	.ongletswrap{
		position:relative;
		  margin: 80px 0 0;
		 /* height: 800px;*/}
		
	.onglets{
		position:absolute;
		top:0;
		left:0;
		background:#ffffff;
		width: 544px;
		border:#C3C3C3 solid 1px;
		 -webkit-border-bottom-right-radius: 20px;
-webkit-border-bottom-left-radius: 20px;
-moz-border-radius-bottomright: 20px;
-moz-border-radius-bottomleft: 20px;
border-bottom-right-radius: 20px;
border-bottom-left-radius: 20px;
padding:15px;
/*height:750px;*/
		
		}
		
		.onglets header{
			border:#C3C3C3 solid 1px;
		 -webkit-border-top-left-radius: 20px;
-webkit-border-top-right-radius: 20px;
-moz-border-radius-topleft: 20px;
-moz-border-radius-topright: 20px;
border-top-left-radius: 20px;
border-top-right-radius: 20px;
	 border-bottom:0;
	  margin: -55px 0 15px -16px;
	  padding:10px;
	   width: 122px;
	  background:#eef4d0;}
	  
	  
.onglets li li, .post_titre li li{
	list-style:circle;}
	
	.onglets li li li{
		list-style:none;
		}
		
	.onglets strong{
		color:#000000;}
		
  #detailun{z-index:14;
 
}
		
	#detaildeux{
		
		z-index:13;}
		
		#detaildeux header{
			margin-left: 128px;}
		
		#detailtrois{
			z-index:12;}
			
			#detailtrois header{
			    margin-left: 272px;}
		
		#detailquatre{
			z-index:11;
			}
			
			#detailquatre header{
			margin-left:416px;}
			
.onglets .inter{
	border-left:#aacc00 dashed 1px;
	width:2%;}
	
.onglets td{
	padding:0 2% 0 0;
	width:46%;}	
			
		.fondamentales header{
			background:#cd4097;}
			
			.fondamentales li{
				list-style-image:url(../images/puce_rose.png);}
				.fondamentales ul li ul li{
					color:#cd4097;
					}
			.CHSCT header{
			background:#278AA1;}
			.CHSCT li{
				list-style-image:url(../images/puce_bleu-vert.png);}
				.CHSCT ul li ul li{
					color:#278AA1;
					}
			.eco header{
			background:#f99f1c;}
			.eco li{
				list-style-image:url(../images/puce_orange.png);}
				.eco ul li ul li{
					color:#f99f1c;
					}
			.dialogue header{
			background:#55479d;}
			.dialogue li{
				list-style-image:url(../images/puce_violette.png);}
				.dialogue ul li ul li{
					color:#55479d;
					}
			.atelier header{
			background:#00bbdf;}
			.atelier li{
				list-style-image:url(../images/puce_bleue.png);}
				.atelier ul li ul li{
					color:#00bbdf;
					}

.page_fondamentales .post_titre{
	background:#cd4097;
	color:#ffffff;
	padding:10px 10px 0 10px;
	margin:0;}
	
	.page_fondamentales .post_titre h1{
		color:#efc8df;
		margin:0;$
		}
		.page_fondamentales .post_titre h2{
		color:#ffffff;
		}
	
	.page_fondamentales .post_content .temps{
		border-left: 1px solid #ffffff;
    float: right;
    font-size: 1.2em;
    padding: 5px;}
	
	
section .main article {
	/*margin-bottom:50px;
	------bro4------------*/
	margin-bottom:5px;
	
}
section .main article article {
	/*padding-bottom:0;*/
}

.post_titre h2{
	margin:0;}

.precision{
	display:block;
	color:#aacc00;
	float:left;
	border:#aacc00 dotted 1px;
	padding:7px;
	}

.duree{
	display:block;
	color:#aacc00;
	float:right;
	border:#aacc00 dotted 1px;
	padding:7px;}

section .sidebar article {
	padding-bottom:30px;
}
section article.post_content {
	margin: 0;
	clear: none
}
section article.post_content p, section .post_chapo p {
	margin: 0 0 20px 0;
}
section .main ul {
	padding:inherit;
	margin:0 0 0 20px;
}
section img {
	max-width: 100%;
	height: auto;
	/*margin: 20px;*/
}
section .gm-style img {
	max-width: none;
}

.main .bloc_produit{
border: 3px solid #a8c615;
    border-radius: 20px;
    clear: none;
    float: left;
    height: 100px;
    margin: 0 10px 25px 0;
    padding: 24px 14px;
    text-align: center;
    width: 180px;
	}
	
	.main .bloc_4{
		margin-right:0;}
		
		.main .bloc_5{
		margin: 0 0 0 10px;}
	
	
	.bloc_produit{
		text-decoration:none;
		}
		
		.bloc_produit:hover{
	border:#f10000 solid 3px;
	text-decoration:none;}
		
		.bloc_produit h1 {
		 color: #f10000;
    font-size: 1.55em;
    font-weight: 500;
    line-height: 1.2em;}
	
table.table {
	width:100%;
	border:1px solid #333;
	margin-top:20px;
}
table.table th {
	text-align:center;
	padding:16px 0px 16px 0px;
	font-size:1em;
	font-weight:normal;
	color:#fff;
	border-right:1px solid #333;
	border-bottom:none;
	background:#333;
}
table.table .tb-none {
	border-top:none;
}
table.table .right {
	border-right:1px solid #333;
}
table.table tbody td {
	padding:9px 30px;
	text-align:center;
	border:1px solid #333;
	color:#7d7d7d;
}
table.table tr:hover td {
	background-color:#e5e5e5;
}
article form p, article form p:after, article form h2 {
	clear:both;
	float:none
}
article .facultatif {
	display: inline-block;
	padding: 0 0 0 1%;
	color: #999;
	font-style: italic;
}
article form label {
	display: block;
    float: left;
    margin: 0;
    text-align: right;
    width: 150px;
}

.control-label{
	width: inherit;
	margin: 0 0 10px 0;
}

.consentement{
	margin: 0 0 0 175px;
}
.sidebar article form label {
	width:97%;
	float:none;
	text-align:left;
	padding-right:0;
	display:block;
	margin-left:2px
}
.sidebar article form label.checkbox_label {
	width:inherit;
	display:inline
}
header.top article form label {
	width:97%;
	float:none;
	text-align:left;
	padding-right:0;
	display:block
}
header.top article form label.checkbox_label {
	width:inherit;
	display:inline;
}
article form input.textfield, article form textarea {
	 float: left;
    margin: 0 0 5px 10px;
    width: 350px;
	/*margin: 5px 0 20px 0;*/
}
article form select {
	min-width:100px;
	margin: 5px 0 20px 0;
}
.sidebar article form input.textfield, .sidebar article form textarea {
	width:90%;
	float:none;
	display:block
}
/*------------------------------------------------------------------------
CH21 	Titres
------------------------------------------------------------------------*/

section h1, section h2, section h3, section h4, section h5, section h6, footer h1, footer h2, footer h3, footer h4, footer h5, footer h6, .slider_billets .flexslider ul li span {
	font-weight:normal;
	font-weight: 700;
	/*text-transform: uppercase;*/
	font-family:  Helvetica, Arial, sans-serif;
	color:#333;
	margin: 0 0 0.8em 0;
	line-height:150%
}
section h1 {
	font-size:2em
}
#main h1 {
	
}
section h1 a, section h2 a, section h3 a {
	color:#aacc00;
	text-decoration: none;
}
section h1 a:hover, section h2 a:hover, section h3 a:hover {
	color:#A6A6A6;
}
section h1.sup {
	padding: 0 0 5px 0;
	font-size:2.3em;
	border-bottom: 1px solid #ddd;
}
section h2, .slider_billets .flexslider ul li span {
	font-size:1.4em;
	margin:0;
}
section h3 {
	font-size:1.2em
}
section h4 {
	font-size:1.1em
}
section h5 {
	font-size:1em
}
section h6 {
	font-size:1em
}
section .sidebar h1 {
	font-size:1.5em
}
section .sidebar h2 {
	font-size:1.3em
}
section .sidebar h3 {
	font-size:1.2em
}
section .sidebar h4 {
	font-size:1.1em
}
section .sidebar h5 {
	font-size:1.0em
}
section .sidebar h6 {
	font-size:1em
}
footer h1 {
	font-size:2em
}
footer h2 {
	font-size:1.8em
}
footer h3 {
	font-size:1.6em
}
footer h4 {
	font-size:1.4em
}
footer h5 {
	font-size:1.3em
}
footer h6 {
	font-size:1.1em
}
section header, footer header {
	width:auto;
	border-bottom:none
}
section header h2, footer header h2 {
	width:auto;
	float:none;
	font-size:1.4em;
	  margin: 0 0 10px;
}
section header h3, footer header h3 {
	width:auto;
	float:none;
	font-size:1.6em
}
/*------------------------------------------------------------------------
CH3 STRUCTURE 
------------------------------------------------------------------------*/

/*------------------------------------------------------------------------
CH31	Structure configurer par la mise en page en back-office
------------------------------------------------------------------------*/

.col {
	clear: both;
	zoom: 1;
	width: 100%;
}


.col_left_50_50 {
	float: left;
	width: 46%;
	padding: 2%;
}
.col_right_50_50 {
	float: right;
	width: 46%;
	padding: 2%;
	
}

.page_fondamentales .col{
	background:#efc8df;}
	.page_fondamentales .col h2, .page_fondamentales h1{
		color:#cd4097;}
		
.col_left_65_35 {
	float: left;
	width: 63%;
}
.col_right_65_35 {
	float: right;
	width: 33%;
}
.col_left_35_65 {
	float: left;
	width: 33%;
}
.col_right_35_65 {
	float: right;
	width: 63%;
}
.col_left_35_35_35 {
	float: left;
	width: 31%;
}
.col_middle_35_35_35 {
	float: left;
	width: 31%;
	margin: 0 0 0 3.5%;
	display: inline;
}
.col_right_35_35_35 {
	float: right;
	width: 31%;
}
.cl_both, .col_footer {
	clear:both
}
/*------------------------------------------------------------------------
CH32	Structure des zones et blocs
------------------------------------------------------------------------*/
#page {
	line-height: 160%;
	margin: 0 auto;
	width: 1060px;

	background:#ffffff url(../images/background.gif) repeat-x center 160px;	
	
}
section.section {
	margin:0 auto;
	width: 886px;
}
section ul {
	margin-left:20px
}
section ul li {
	list-style:outside;
	list-style-type:disc
}
.sidebar {
	width:230px;
	padding:0;
}
.main {

	margin-bottom:30px
}
.colonne_gauche .main, .colonne_droite .main {
	width:577px;
}
.colonne_gauche section .sidebar {
	float:left;
}

.colonne_gauche section .sidebar .nav_produits{
	border:#a8c615 solid 3px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	padding:10px 0;
	}
	
	.page_fondamentales .sidebar .nav_programme {
    border: 3px solid #cd4097;
   -webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
     padding: 10px 0 0 0;
}

.sidebar .nav_programme a:hover{
	}

.sidebar .nav_programme h1 {
  /*  border-bottom: 1px dashed #cd4097;*/
    color: #cd4097;
    font-size: 1em;
    margin: 0;
    padding: 0 10px;
    text-transform: uppercase;
}

.sidebar .nav_programme .link_1 li{
	padding:5px;
	background:none;
	}
 .sidebar .nav_programme li{
	 padding:10px;
	 margin:0;
	 }
	 .sidebar .nav_programme li a{
	
	 color:#ffffff;
	 text-decoration:none;
	 }
 .sidebar .nav_programme .link_1{
	 background: #cd4097;}
	 .sidebar .nav_programme .link_2{
	 background: #278aa1;}
	 .sidebar .nav_programme .link_3{
	 background: #f99f1c;}
	 .sidebar .nav_programme .link_4{
	 background: #55479d;}	 
	 .sidebar .nav_programme .link_5{
	 background: #00bbdf;}
	
	.sidebar .nav_produits h1{
		border-bottom: 1px dashed #a8c615;
    color: #a8c615;
    font-size: 1em;
    padding: 0 10px;
    text-transform: uppercase;
	 margin: 0;}
	
	.sidebar .nav_produits .link_1 a{
		background: url("http://www.ecoledesce.com/media/562") no-repeat  10px center;
		background-size:  55px auto;
		}
		.sidebar .nav_produits .link_2 a{
		background: url("http://www.ecoledesce.com/media/572") no-repeat 10px center ;
		background-size:  55px auto;
		}
		.sidebar .nav_produits .link_3 a{
		background: url("http://www.ecoledesce.com/media/592") no-repeat left center;
		background-size:auto 50px;
	
		}
		.sidebar .nav_produits .link_4 a{
		background: url("http://www.ecoledesce.com/media/582") no-repeat 10px center ;
		background-size:  55px auto;
		}
	
	.sidebar .nav_produits li a{
		color:#f10000;
		text-decoration:none;
		font-size:1.2em;
		font-weight:bold;
		border-bottom: 1px dashed #a8c615;
		display:block;
		  padding: 20px 10px 0 79px;
		background-size:  40px auto;
		height:56px;
		
		}
		

.colonne_gauche section .main {
	float:right;
	position:relative;
	
}

.page_fondamentales section .main{
	margin-top:0;
	}

.colonne_droite section .sidebar {
	float:right;
}
.colonne_droite section .main {
	float:left;
}
/*------------------------------------------------------------------------
CH321	Structure des zones et blocs : header#top
------------------------------------------------------------------------*/

header#top {
	margin: 0 auto;
	padding: 0;
	width: 886px;
}
header#top form {
}
header#top .header_inner {
	position: relative;
	width:auto;
	padding: 0 ;
	/*overflow:hidden;*/
	clear: both; 
	    padding: 0 ;
}
header#top .header_inner .menu_header {
	margin: 0;
    overflow: hidden;
    padding: 8px 0 0;
}

header#top .header_inner .menu_header .post_simple{
	float:right;
	margin:0 8px;}
	
	header#top .header_inner .menu_header .post_simple img{
		margin:0 0 0 8px;
		}

header#top h1.logo {
	clear:both;
	margin: 5px 0 6px 0;
}
header#top h1.logo img {
	/*max-width: 980px;*/
}
header#top h2 {
	    font-size: 1.16em;
    font-weight: bold;
	 text-transform: uppercase;
}
header#top h2 a {
	color: #aacc00;
	text-decoration: none;
}
header#top h2 a:hover {
	color: #000000;
}
header#top h3 {
	margin:15px 0;
	font-weight: normal;
	text-align: center;
	font-size: 1.5em;
}
header#top .panier {
	float: right;
	margin: 0;
	padding: 0;
	min-width:100px;
}
header#top .panier a {
	text-decoration: none;
}
.panier .panier_link {
	display: inline-block;
	margin: 0 0 0 20px;
}
.panier .panier_link a {
	padding: 0 0 0 25px;
	background: url(../images/bt_panier.png) no-repeat left 1px;
}
.panier .panier_link a:hover {
	background: url(../images/bt_panier.png) no-repeat left -28px;
}
.panier .compte, .panier .login {
	display: inline-block;
}
.main .panier {
	padding: 0 0 60px 0;
}
.sidebar .panier {
	padding: 0 0 30px 0;
}
/*------------------------------------------------------------------------
CH322	Structure des zones et blocs : .sub_header
------------------------------------------------------------------------*/
.sub_header {
	margin:0 auto;
	padding: 10px 0;
	width: 886px;
	clear:both;
}
.sub_header nav {
	float: right;
    margin: -27px 0 0;
    min-height: 35px;
}
/*------------------------------------------------------------------------
CH323	Structure des zones et blocs : .chemin
------------------------------------------------------------------------*/
.chemin {
	margin:15px 0 60px 0;
	padding: 0;
	/*filter : alpha(opacity=50);
	opacity : 0.5;*/
	color: #ffffff;
}

.chemin a{
	color: #ffffff;}
/*------------------------------------------------------------------------
CH324	Structure des zones et blocs : .bt_top
------------------------------------------------------------------------*/
.bt_top a {
	position:fixed;
	right:10px;
	bottom:100px;
	font-size:0.8em;
	font-weight:bold;
	letter-spacing:-1000em;
	text-indent:-1000em;
	background:#fff url(http://www.ecoledesce.com/theme/fr/images/top.png) no-repeat left top;
	width:15px;
	height:15px
}
.a_right {
	text-align:right;
	float: right;
	margin: -30px 0 0 0;
}
/*------------------------------------------------------------------------
CH325	Structure des zones et blocs : footer
------------------------------------------------------------------------*/
footer {
	padding:20px 0;
	overflow:hidden;
	margin:0 auto;
	width: 886px;
	clear:both;
	float:none;
	
}
.copyright {
	margin:0 auto 20px 0;
	padding:10px 0;
	text-align:center;
	clear:both;
	float:none;
}
footer .footer_inner {
	margin:0 auto;
	padding:10px;
}
/*------------------------------------------------------------------------
CH326	Structure des zones et blocs : .nav (navigation résultats)
------------------------------------------------------------------------*/
.nav {
	margin:0 0 30px 0;
	clear:both;
	float:none;
	text-align:center;
}
.nav a {
	display:inline-block;
	text-decoration:none;
	margin-right:5px;
	margin-bottom:5px;
	cursor:pointer;
	padding:6px;
}
.nav a.selected {
	font-weight:bold;
}
/* ------------------------------------------------------------------------
CH4 	MODULES & WIDGETS
------------------------------------------------------------------------*/

/* ------------------------------------------------------------------------
CH41	Site Web
------------------------------------------------------------------------*/

/* ------------------------------------------------------------------------
CH411	Menu horizontal : ul.menu_h
------------------------------------------------------------------------*/

section .main ul.menu_h li {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.menu_h li {
	display: inline;
}
ul.menu_h li a {
	padding:0 5px;
}
.menu_h .separateur {
	padding: 0 5px;
}
section .main ul.menu_h {
	margin:0
}
ul.menu_h {
	text-align:center
}
section .main ul.menu_h, footer ul.menu_h, {
 list-style: none;
 text-align:center;
}
.tri {
	text-align:right;
	margin: -20px 0 25px 0;
}
header#top ul.menu_h {
	text-align:left
}
/* ------------------------------------------------------------------------
CH412	Menu déroulant a 2 ou 3 niveaux : ul.sf-menu
------------------------------------------------------------------------*/
.sf-menu, .sf-menu *, #sub_header ul.menu_h, #sub_header ul.menu_h * {
	font-size: 0.6em;
    font-weight: bold;
    list-style: none outside none;
    margin: 0;
    padding: 0;
  
    text-transform: uppercase;
}
.sf-menu {
	display: block;
}
.sf-menu li, #sub_header ul.menu_h li {
 border-left: 1px solid #aacc00;
    float: left;
    font-size: 2.54em;
    height: 40px;
    line-height: 1.2em;
    margin: 0 0 0 5px;
    padding: 0 0 0 5px;
    position: relative;
    width: 82px;
}
.sf-menu li .menu-arrow {
	display: inline-block;
	position: absolute;
	margin: 2px 0 0 7px;
	-webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
}
.sf-menu li .menu-arrow:after{
	content: "»";
}
.sf-menu li span {
	/*display:block;
	width:1px;
	height:16px;
	position:absolute;
	top:12px;
	left:0;
	z-index:2;*/
}
.sf-menu li a, #sub_header ul.menu_h li a {
	color: #333;
    display: block;
    line-height: 1.3em;
  
    position: relative;
    text-decoration: none;
    z-index: 3;
}
.sf-menu li a:hover, #sub_header ul.menu_h li a:hover {
	color: #aacc00;
	text-decoration:none;
}
.sf-menu li.current, .sf-menu li.sfHover, .sf-menu li:hover, .sf-menu li a.actif, #sub_header ul.menu_h li a.actif {
	color:#aacc00;
	text-decoration:none;
}
.sf-menu ul {
	position: absolute;
	top: -999em;
	z-index: 99;
	width: 160px;
	
}
.sf-menu li li {
	width:100%;
	padding:0;
	background:none;
	float:none;
	font-size: 1.2em;
	text-transform:inherit;
	letter-spacing:0;
}
.sf-menu li li .menu-arrow {
	-webkit-transform: rotate(0deg);
    -moz-transform: rotate(0deg);
    -o-transform: rotate(0deg);
    transform: rotate(0deg);
}
.sf-menu li li a, .sf-menu li.sfHover li a, .sf-menu li.current li a {
	background:#fff;
	padding:10px;
	text-align:left;
	-webkit-transition:all 0.2s ease;
	-moz-transition:all 0.2s ease;
	-o-transition:all 0.2s ease;
	transition:all 0.2s ease;
}
.sf-menu li li ul {
	margin-left: -2px;
}
.sf-menu li li li {
	width:100%;
	float:none;
}
.sf-menu li li li a, .sf-menu li li.sfHover li a, .sf-menu li li.current li a {
	font-size: 1em;
}
.sf-menu li li li a:hover, .sf-menu li li li.current a {
}
.sf-menu li:hover ul, .sf-menu li.sfHover ul {
	
	top: 43px; /* match top ul list item height */
}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {
	top: -999em;
}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {
	left: 160px; /* match ul width */
	top: 0;
}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {
	top: -999em;
}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {
	left: 10em; /* match ul width */
	top: 0;
}
#menu-icon {
	display: none;
	float: right;
	padding: 5px 0;
	color: #333;
	font: 700 1.2em 'Open Sans',"Dosis",Helvetica,Arial,sans-serif;
	text-transform: uppercase;
	cursor: pointer;
}

#menu-icon .menu-button {
    display: inline-block;
	width: 18px;
	height: 12px;
	margin: 5px 0 0 8px;
}

#menu-icon span {
    display: block;
    border-radius: 1px;
	background-color: #333;
    height: 2px;
    width: 18px;
}
#menu-icon span + span {
	margin-top: 3px;
}
/* ------------------------------------------------------------------------
CH411	Menu vertical : ul.menu_v et éléments de navigation
------------------------------------------------------------------------*/

.block ul {
	margin: 0;
}
.block li {
	list-style: none;
	margin: 0 0 5px 0;
}
.block li a.actif,.block li a:hover {
	color: #333;
}
.block ul ul, .block ul ul ul, .block ul ul ul ul {
	margin-left: 20px;
}
.sidebar .block {
	padding: 0;
	margin: 0 0 15px 0;
	
}

.sidebar .bloc_vert,.sidebar .post_img_contact {
	margin:0 0 15px 0;
	width:auto;
	float:none;}


	
	.sidebar .btn_categories a{
		background:#e5381b;
		-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	display:block;
	color:#ffffff;
	text-decoration:none;
	padding:15px;
	font-weight:bold;
	text-transform:uppercase;
	font-size:1.1em;
	}

/* ------------------------------------------------------------------------
CH413	Billets
------------------------------------------------------------------------*/
.post_img_left figure {
	float:left;
	width: 240px;
	margin: 0 30px 0 0;
}
.post_img_right figure {
	float:right;
	width: 240px;
	margin: 0 0 0 30px;
}
.post_2_col .post_col_left {
	float: left;
	width: 48%;
}
.post_2_col .post_col_right {
	float: right;
	width: 48%;
}
.post_extrait {
	padding: 10px;
	background-color: #f2f2f2;
}
/* ------------------------------------------------------------------------
CH42	Communication
------------------------------------------------------------------------*/
			
/*abbonnement newsletter*/
.post_newsletter {
}
.post_newsletter p.radiolabel label {
	float:none;
	display:inline;
	margin: 0 10px 0 0;
}
.post_newsletter p.radiolabel input.radio {
	float:none;
	display:inline;
}
.post_newsletter .textfield {
	margin: 0 0 10px 0;
}
.post_newsletter .bouton {
	margin: 10px 0 0 0;
}
/* contact_form*/
	
form .civilite {
	padding-bottom:7px
}
form .civilite label {
	float:none;
	display:inline
}
form .civilite input.radio {
	float:none
}
form input.checkbox, form input.radio {
	float:left;
	 margin: 5px;
}
form label.checkbox_label, form label.radio_label {
	display: inline-block;
    float: left;
   text-align: left;
    margin: 5px 0 0;
  width: 355px;
}

.groupe_checkbox{
    float: left;
    width: 380px;
margin: 0 0 7px 0;}

/*multi-form (Dismoi?)*/

.multi_form .aide {
	margin: -18px 0 15px 0;
	font-size: 0.9em;
	color: #999;
	font-weight: normal !important;
}

.multi_form .erreur .textfield, 
.multi_form .erreur .textarea,  
.multi_form .erreur select {
	border: 1px solid #ff98a4;
	font-weight: normal;
}

.multi_form .erreur label,
.multi_form .erreur .alerte {
	color: #DF3F52;
}

/* ------------------------------------------------------------------------
CH43	Blog
------------------------------------------------------------------------*/
/* Billets du blog */

.post_simple .post_header p, .post_simple .post_chapo {
	margin: 0 0 20px 0;
}
/* Commentaires blog */

section .main article.post_commentaires {
	overflow:hidden;
	padding: 0 0 30px 0;
	margin: 0 0 30px 0;
	list-style-type:none;
	clear:both;
	float:none;
	border-bottom: 1px solid #ddd;
}
.post_commentaires .post_header {
	margin: 0 0 5px 0;
	color: #999;
}
.post_commentaires .post_header .auteur {
	margin: 0 10px 0 0;
	font: 700 1.3em 'Open Sans',"Dosis", Helvetica, Arial, sans-serif;
	color: #333;
}
.post_commentaires .post_header .auteur a {
	color: #333;
	text-decoration: none;
}
.post_commentaires .post_header .auteur a:hover {
	color: #a6a6a6;
}
.post_commentaires .post_content {
	padding: 0 0 0 60px;
}
.post_commentaires img.avatar {
	float:left;
	margin:5px 10px 10px -60px;
}
.post_commentaires.post_admin img.avatar {
	border-bottom: 5px #DF3F52 solid;
}
.post_simple .post_info .auteur {
	margin: 0 10px 0 0;
	color: #333;
}
.post_simple .bt_sociaux {
	float: right;
	/*margin: -52px -25px 0 0;
	------bro4------------*/
	margin: 10px 0 0 0;
	padding: 0;
}
.post_simple .bt_sociaux li {
	width: 95px;
	list-style: none;
	display: inline-block;
}
.post_simple .post_detail {
	text-align: right;
}
.post_simple .post_info {
	color: #999;
	margin: 20px 0 0 0;
	padding: 10px 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.new_commentaire .textfield {
	width: 50%;
}
/* bookmarqueurs*/

.bookmarqueurs {
	padding: 50px 0 0 0;
	font-size: 0.9em;
	clear: both;
}
.bookmarqueurs span {
	line-height: 20px;
}
.bookmarqueurs span a {
	padding: 2px 0 2px 20px;
}
.bookmarqueurs ul {
	margin: 10px 0 0 0;
	padding: 0;
}
.bookmarqueurs li {
	margin: 0;
	padding: 0;
	display: inline;
	list-style: none;
}
/* ------------------------------------------------------------------------
CH44	Compte
------------------------------------------------------------------------*/
/*  Identification*/

.identification .content_left {
	float:left;
	width:48%
}
.identification .content_right {
	float:right;
	width:48%
}
.identification .mdp_search {
	display: inline-block;
	margin: 0 0 0 20px
}
.sidebar article.identification .content_left {
	float:none;
}
.sidebar article.identification .content_right {
	float:none;
}
/* identification rapide*/

header#top .post_identification_rapide_simple, header#top .post_identification_rapide {
	float:right;
	min-width:100px;
}
header#top .post_identification_rapide_simple a {
	text-decoration: none;
}
.sidebar .identification p {
	background:#fff;
	overflow:hidden;
	padding:5px
}
header .header .post_identification_rapide_simple h1, header .header .post_identification_rapide h1 {
	padding:0 0 5px;
	margin:0;
	color:#fff;
}
header .header .post_identification_rapide_simple p, header .header .post_identification_rapide p {
	padding:0 0 5px;
}
header .header .post_identification_rapide_simple h2, header .header .post_identification_rapide h2 {
	padding:0 0 5px;
	margin:0;
	color:#fff
}
.post_identification_rapide .new {
	margin: 30px 0 0 0;
}
section .post_identification_rapide {
	background:none;
	padding:0;
	margin:0;
	color:inherit
}
footer .post_identification_rapide {
	background: inherit;
	padding:0;
	margin:0;
	color:inherit
}
/*Inscription*/
.inscription textarea.textarea.legal {
	min-width:300px;
	min-height:200px;
	margin-left:5px
}
/* Gestion de compte*/
.gestion_compte img.gestion_compte_avatar {
	float:left;
	margin-right:15px;
	margin-bottom:15px
}
.gestion_compte .content_avatar {
	float:left;
	width:75%
}
.gestion_compte p.label_inner {
	margin:15px 0
}
.gestion_compte .civilite label.label_nul {
	float:left;
	display:block;
}
/* ------------------------------------------------------------------------
CH45	Commande
------------------------------------------------------------------------*/
/* Panier*/

/* Chemin commande */ 

section .main ul.chemin_commande {
	margin:0 0 20px 0;
	padding:0;
	list-style:none;
	width:100%;
	overflow:hidden;
	color: #999;
}
section .main ul.chemin_commande li {
	margin:0 0 0 2px;
	list-style:none;
	width:19%;
	text-align:center;
	padding:5px 2px;
	float:left;
}
section .main ul.chemin_commande li a {
	color:#333
}
/* Panier détail*/ 
.table_commande {
	/*margin: 0 0 50px 0;*/
	width: 100%;
}
.table_commande td, .table_commande th {
	padding:5px;
}
.table_commande td.color2 {
	color:#333
}
.table_commande .desc {
	margin: 5px 0 0 0;
}
.table_commande .ref {
	margin: 2px 0 0 0;
	font-style: italic;
}
.table_commande .total {
	font-weight: bold;
	font-size: 1.1em;
	text-transform: uppercase;
	color: #333;
	border-bottom: 1px solid #ddd;
}
.table_commande tr td {
	border-top: 1px solid #ddd;
	text-align:right;
}
.table_commande tr.tva td {
}
.table_commande tr.ttc td {
}
.table_commande th {
	background:#333;
	color:#fff;
	text-align:right;
	font-weight:normal;
}
form .table_commande input.textfield {
	min-width:40px;
	max-width:70px;
	margin: 0 !important;
}
.panier_detail .table_commande td, .panier_detail .table_commande th {
	padding:5px;
	vertical-align:top
}
.panier_detail form input.submit.reset, .panier_detail article form input[type="submit"].reset {
	margin-left:2%
}
.table_commande .produit_supp {
	width: 60px;
}
.table_commande .bt_supp {
	display: none;
}
.table_commande .produit_info,
.table_commande .produit_illustration
{
	text-align: left;
}
.table_commande .produit_qte input {
	text-align: center;
}
.bon_reduction {
	margin:50px 0 10px 0;
}
.option_commande {
	margin:50px 0 10px 0;
}
.option_commande table {
	width: 100%;
	border-bottom: 1px solid #ddd;
}
.option_commande td {
	padding: 5px;
	border-top: 1px solid #ddd;
	text-align: right;
}
.option_commande table td:first-child {
	text-align: left;
}
.option_commande label {
	margin: 0 0 0 25px;
	font-weight: bold;
}
.option_commande input[type="checkbox"] {
	position: absolute;
	margin: 2px 0 0 -23px;
}
.option_commande .option_supp {
	width: 60px;
}
.option_commande .option_desc {
	margin: 0 0 0 25px;
	color: #999;
}
.option_commande textarea {
	margin-left: 25px;
	width: 80%;
	min-width: 80%;
}
.option_commande select {
	margin-left: 25px;
	max-width: 80%;
	min-width: 25%;
}
/* Livraison*/ 
.adresses .autre_adresse p {
	margin:15px 0;
}
article.adresses form label {
	width:inherit;
	float:none;
}
article.adresses.transporteurs .transporteur {
	margin: 0 0 30px 0;
}
article.adresses.transporteurs form label {
	display: inline;
	font-weight: bold;
	color: #333;
	font-size: 1.1em;
}
article.adresses.transporteurs .transporteur_prix {
	float: right;
	font-weight: bold;
	color: #333;
	font-size: 1.1em;
}
article.adresses.transporteurs .transporteur_desc {
	margin: 10px 0 0 0;
}
.recap_adresses {
	width:100%;
}
.recap_adresses .content_left {
	width:45%;
	float:left;
	overflow: auto;
	clear: none;
}
.recap_adresses .content_right {
	width:45%;
	float:right;
	overflow: auto;
	clear: none;
}
article.recap_paiement {
	clear:both
}
article.recap_paiement label {
	display: inline;
}
article.recap_paiement	.mode_paiement {
	padding: 2px 0 2px 20px;
	background: url(../images/logo_paiement/icon_credit_card.gif) no-repeat left center;
}
article.recap_paiement	.mode_paiement.mod_1 {
	background: url(../images/logo_paiement/icon_cheque.gif) no-repeat left center;
}
article.recap_paiement	.mode_paiement.mod_2 {
	background: url(../images/logo_paiement/icon_virement.gif) no-repeat left center;
}
article.recap_paiement	.mode_paiement.mod_3 {
	background: url(../images/logo_paiement/icon_paypal.gif) no-repeat left center;
}
article.recap_paiement p.payment_label {
	margin:7px 0;
	padding:5px;
}
/* ------------------------------------------------------------------------
CH46	Recherche
------------------------------------------------------------------------*/

/* Search*/

.search {
	border: 1px solid #ddd;
    float: right;
    height: 24px;
  /*  width: 147px;*/
	
}
.search input[type=submit] {
	background: url("../images/bt_search.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    border: none;
  
  
    color: #fff;
    float: right;
    height: 28px;
    margin: 0;
 
    width: 12px;
}
.search input#r {
	 background-color: #fff;
    border: 0 none;
    font-size: 0.9em;
    height: 24px;
    margin: 0;
    padding: 0 5px;
    width: 125px;/*-webkit-transition-duration: 400ms;
	-webkit-transition-property: width;
	-webkit-transition-timing-function: ease;
	-moz-transition-duration: 400ms;
	-moz-transition-property: width;
	-moz-transition-timing-function: ease;
	-o-transition-duration: 400ms;
	-o-transition-property: width;
	-o-transition-timing-function: ease;*/
}
input#r:focus {
	box-shadow: none;
	border: 1px solid #808080;
	color: #333;
}
.search_result_header .content {
	clear:both;
	float:none;
	margin: 20px 0 0 0;
	text-align: right;
}
#search_result h3 {
	margin: 0;
}
#search_result .post_produit h3 {
	text-transform: uppercase;
}
#search_result .post_simple {
	padding: 0 0 25px 0;
}
#search_result .post_header {
	color: #999;
}
#search_result .content {
	margin: 0 0 25px 0;
}
#search_result select {
	min-width: 130px;
}
#search_result form h2 {
	display: inline-block;
}
.search_result_header .bt_adsearch {
	padding: 10px 0 0 0;
	float:right;
}
.recherche_advanced p {
	width:100%;
	overflow:hidden;
	clear:both;
	padding:5px 0 0
}
.recherche_advanced select {
	width: 30%;
}
.res_search figure {
	float:left;
	display:inline
}
section .res_search {
	clear:both;
}
section .res_search h3 {
	padding:0
}
.res_search {
	padding:5px;
	margin-bottom:15px;
}
/* ------------------------------------------------------------------------
CH47	Catalogue et fiche produits
------------------------------------------------------------------------*/

/* liste produits*/

ul.produit_liste {
	list-style-type:none;
	margin:0!important;
	padding:0!important;
}
ul.produit_liste li {
	list-style-type:none;
	margin:0 0 30px 0;
	padding:0 0 30px 0;
	clear:both;
	float:none;
	border-bottom: 1px solid #ddd;
	overflow: hidden;
}
section .main ul.produit_liste li {
	list-style-type:none;
}
ul.produit_liste li figure {
	float:left;
	margin-top:5px;
}
ul.produit_liste li .post_content {
	padding: 0 0 0 50px;
}
ul.produit_liste li h2 {
	float:inherit;
	clear:none;
	font-size:1.4em;
	margin:0;
	text-transform: uppercase;
}
ul.produit_liste li form p {
	float:inherit;
	clear:none;
	line-height:160%
}
ul.produit_liste li form .produit_infos {
	float: right;
	overflow:hidden;
}
ul.produit_liste li form .produit_infos select {
	float:left;
	max-width:350px;
	margin: 0;
}
ul.produit_liste li form .produit_infos input[type="submit"] {
	float:left;
	margin:0 0 0 10px;
}
ul.produit_liste li .prix, .res_search .prix {
	color: #A6A6A6;
	font-size: 1.2em;
}
ul.produit_liste .prix del, .res_search .prix del {
	color: #df3f52;
	font-size: 0.8em;
}
ul.produit_liste .bt_panier {
	padding: 5px 10px;
}
ul.produit_liste .desc {
	margin: 0 0 20px 0;
}
/*  produits vignettes*/

 ul.produit_liste.vignettes {
	display: block;
	margin: 0 0 0 -25px !important;
}
ul.produit_liste.vignettes li {
	position: relative;
	list-style-type: none;
	margin: 0 0 10px 25px;
	float: left;
	clear: none;
	border: none;
}
ul.produit_liste.vignettes a.illustration {
	display: block;
	overflow: hidden;
	height: 200px;
}
ul.produit_liste.vignettes a.illustration img {
	max-width: 100%;
}
ul.produit_liste.vignettes li {
	width:200px;
}
.une_colonne ul.produit_liste.vignettes li {
	width:226px;
}
.une_colonne ul.produit_liste.vignettes a.illustration {
	height: 226px;
}
ul.produit_liste.vignettes li .post_content {
	margin:0 !important;
	padding: 10px 0 0 0;
}
.sidebar ul.produit_liste.vignettes {
	margin:0 !important;
}
.sidebar ul.produit_liste.vignettes li {
	list-style-type:none;
	margin:0 10px 10px 0;
	float:none;
	width:100%;
	clear:both;
}
footer ul.produit_liste.vignettes li {
	width:30%;
}
ul.produit_liste.vignettes li .post_produit {
	text-align:left;
	overflow: hidden;/*background-color: #f2f2f2;
	border-bottom: 2px solid #e5e5e5;*/
}
ul.produit_liste.vignettes li figure {
	float:none;
	margin-top:0;
	display:block;
}
ul.produit_liste.vignettes li h2 {
	overflow:hidden;
	font-size:1.2em;
	line-height:1.2em;
	height:2.5em;
}
/*ul.produit_liste.vignettes li h2 a {
	color: #689e36;
}
ul.produit_liste.vignettes li h2 a:hover {
	color: #333;
}*/
ul.produit_liste.vignettes li .prix {
	float:none;
	display:block;
	padding:10px 0;
	height: 20px;
	overflow: hidden;
}
ul.produit_liste.vignettes li .desc {
	height: 60px;
	margin: 0;
	overflow: hidden;
}
ul.produit_liste li .color_1 {
	background:#fff;
}
/*  produits vignettes et vedette*/
.sidebar .vedettes ul.produit_liste.vignettes li {
	list-style-type:none;
	margin:0 10px 10px 0;
	padding:10px;
	float:none;
	width:87%;
	clear:both;
}
/*  produits vignettes et les plus achetés*/

.les_plus .post_produit figure {
	position:relative
}
.les_plus .compteur {
	position:absolute;
	right:10px;
	bottom:10px;
	width: 30px;
	height: 24px;
	padding: 4px 0 0 2px;
	text-align:center;
	z-index:5;
	display: inline-block;
	font-weight:bold;
	background-color: #689e36;
	color: #FFF;
	border-radius: 100px;
}
/*  produits vignettes et produits associés*/

/* Liste catégories*/
.produit_categories figure {
	margin: 0 30px 0 0;
	float: left;
	width: 250px;
}
.produit_categories figure img {
}
/* Liste catégories en bannière*/

.produit_categories.categories_bannieres {
	padding: 10px 30px 30px 30px;
	margin: 0 0 60px 0;
	background-size: 100% 100%;
}

.produit_categories.categories_bannieres .post_content {
	color: #FFF;
}

.produit_categories.categories_bannieres .post_header h1 {
	text-align: center;
	color: #f00;
}

.produit_categories.categories_bannieres .post_header h1 a {
	text-align: center;
	color: #fff;
}

/* fiche produit*/

.produit_detail .post_produit {
	margin-left: 520px
}
.produit_detail .post_produit h1 {
	margin: 0 0 5px 0;
}
.produit_detail .ajout_panier {
	float: right;
}
article.produit_detail form select {
	min-width: 50px;
	margin: 0 10px;
}
.produit_images.gallery figure img {
	width: 100%;
}
.produit_detail .produit_images {
	float:left;
	width: 460px;
	margin: 0 0 50px 0;
}
.produit_detail .produit_images .illustration img {
	max-width: 100%;
}
.produit_detail .produit_images .liste_images {
	margin:10px 0;
}
.produit_detail .produit_images .liste_images figure {
	float:left;
	margin-right:10px;
}
.en_stock {
	color:#090
}
.produit_detail .bt_sociaux {
	display: block;
	margin: 50px 0 0 0;
	padding: 20px 0;
	text-align: center;
	clear: both;
	border-bottom: 1px solid #ddd;
	border-top: 1px solid #ddd;
}
.produit_detail .bt_sociaux li {
	min-width: 120px;
	list-style: none;
	display: inline-block;
}
.produit_detail .prix {
	margin: 20px 0 0 0;
	color: #A6A6A6;
	font-size: 2.3em
}
.produit_detail .prix del {
	color: #DF3F52;
	font-size: 0.6em;
}
.produit_detail .accroche {
	margin: 20px 0;
}
.produit_detail .produit_infos ul.variantes {
	list-style-type:none;
	margin:20px 0;
	padding:10px 0;
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
.produit_detail .produit_infos ul.variantes li {
	list-style-type:none;
	padding:5px;
	width:91%;
	overflow:hidden
}
.produit_detail .produit_infos ul.variantes li label {
	float:left;
	width:85%;
	text-align:left;
	padding-left:5px
}
.produit_detail .produit_infos ul.variantes li input {
	float:left;
}
.produit_detail article.desc {
	clear:both;
	float:none;
	margin: 50px 0 0 0;
	padding: 0;
}
.produit_detail .link_desc {
	margin:15px 0;
	padding:10px;
}
/* Commentaires produits */

.produit_commentaires .post_commentaires {
	width:99%;
	overflow:hidden;
	padding:6px
}
section .main .produit_commentaires ul {
	list-style-type:none;
	margin:10px 0;
	padding:0
}
section .main .produit_commentaires ul li.post_commentaires {
	padding:10px;
	list-style-type:none;
	margin:0 0;
	clear:both;
	float:none;
	width:94%;
	margin:0 auto
}
.produit_commentaires .post_notes {
	position:relative;
}
.produit_commentaires .post_notes strong {
	font-weight: bold;
	margin: 0;
	padding:0;
}
.produit_commentaires .note {
	float:right;
	color: #333;
}
/* Mots clés*/

.tags {
	margin: 0 0 10px 0;
}
.tags a {
	display: inline-block;
	margin: 0 5px 0 0;
	padding: 3px 5px 2px 5px;
	color: #666;
	font-size: 0.9em;
	line-height: normal;
	text-decoration: none;
	background-color: #ccc;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.tags a:hover {
	color: #e5e5e5;
	background-color: #333;
}
/* Nuage de mots clés*/
a.tagsize_1 {
	font-size: 0.8em;
}
a.tagsize_2 {
	font-size: 1em;
}
a.tagsize_3 {
	font-size: 1.2em;
}
a.tagsize_4 {
	font-size: 1.4em;
}
a.tagsize_5 {
	font-size: 1.6em;
}
/* ------------------------------------------------------------------------
CH5 	jQuery FlexSlider v2.0  ------------------------------------------------------------------------- */


/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

 
/* Browser Resets */
.flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {
	outline: none;
}
.slides, .flex-control-nav, .flex-direction-nav {
	margin: 0;
	padding: 0;
	list-style: none;
}
/* FlexSlider Necessary Styles
*********************************/ 
.flexslider {
	margin: 0;
	padding: 0;
}
.flexslider .slides > li {
	display: none;
	-webkit-backface-visibility: hidden;
	position:relative;
	list-style:none
} /* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img {
	/*width: 100%;*/
	display: block;
	position:relative;
	z-index:9
}
.flex-pauseplay span {
	text-transform: capitalize;
}
/* Clearfix for the .slides element */
.slides:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
html[xmlns] .slides {
	display: block;
}
* html .slides {
	height: 1%;
}
/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:first-child {
	display: block;
}
/* FlexSlider Default Theme
*********************************/

.flexslider {
	margin: 18px 0 12px 0;
	position: relative;
	zoom: 1;
}
.flex-viewport {
	max-height: 2000px;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	transition: all 1s ease;
}
.loading .flex-viewport {
	max-height: 300px;
}
.flexslider .slides {
	zoom: 1;
}
section .carousel li {
	margin-right: 5px;
}
section .flexslider ul, footer .flexslider ul, header .flexslider ul {
	margin-left: 0px;
}
.flexslider ul li span {
	position: absolute;
	z-index:10;
	display:block;
	padding:15px;
	font-size:2em;
	color:#000;
	background:url(../images/transparent.png);
	left:0;
	right:0;
	top:0
}
/* Direction Nav */
section .main ul.flex-direction-nav, section .sidebar ul.flex-direction-nav {
	height: 0;
	padding: 0;
	margin: 0;
}
.flex-direction-nav li {
	list-style:none
}
.flex-direction-nav a {
	width: 30px;
	height: 30px;
	margin: -20px 0 0 0;
	display: block;
	background: url(../images/bg_direction_nav.png) no-repeat 0 0;
	position: absolute;
	top: 50%;
	z-index: 10;
	cursor: pointer;
	text-indent: -9999px;
	opacity: 0;
 -webkit-transition: all .3s ease;
}
.flex-direction-nav .flex-next {
	background-position: 100% 0;
	margin-right: 10px;
	right: O;
}
.flex-direction-nav .flex-prev {
	margin-left: 10px;
	left: 0;
}
.flexslider:hover .flex-next {
	opacity: 0.8;
	right: 5px;
}
.flexslider:hover .flex-prev {
	opacity: 0.8;
	left: 5px;
}
.flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {
	opacity: 1;
}
.flex-direction-nav .flex-disabled {
	opacity: .3!important;
	filter:alpha(opacity=30);
	cursor: default;
}
/* Control Nav */
.flex-control-nav {
	width: 100%;
	position: absolute;
	bottom: -25px;
	text-align: center;
}
section .flex-control-nav li, footer .flex-control-nav li, header .flex-control-nav li {
	margin: 0 6px;
	display: inline-block;
	zoom: 1;
 *display: inline;
	list-style:none
}
.flex-control-paging li a {
	width: 7px;
	height: 7px;
	display: block;
	background: #666;
	background: rgba(0, 0, 0, 0.5);
	cursor: pointer;
	text-indent: -9999px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	-o-border-radius: 20px;
	border-radius: 20px;
	box-shadow: inset 0 0 3px rgba(0, 0, 0, 0.3);
}
.flex-control-paging li a:hover {
	background: #333;
	background: rgba(0, 0, 0, 0.7);
}
.flex-control-paging li a.flex-active {
	background: #000;
	background: rgba(0, 0, 0, 0.9);
	cursor: default;
}
.flex-control-thumbs {
	margin: 5px 0 0;
	position: static;
	overflow: hidden;
}
section ul.flex-control-thumbs li {
	width: 25%;
	float: left;
	margin: 0;
}
.flex-control-thumbs img {
	width: 100%;
	display: block;
	opacity: .7;
	cursor: pointer;
}
.flex-control-thumbs img:hover {
	opacity: 1;
}
.flex-control-thumbs .flex-active {
	opacity: 1;
	cursor: default;
}
.flexslider .flex-control-nav {
	left: 0;
}
.sidebar .flexslider .flex-control-nav {
	bottom: -35px;
}
/* Slide produits (correspond au template /widgets/catalogue/liste_produits/slideshow/) */

.slides_produits li h2 {
	position: absolute;
	top:0;
	left:0;
	z-index: 10;
}
.slides_produits li h2 a {
	text-decoration:none;
}
.slides_produits li h2 a:hover {
}
.slides_produits li p.prix {
	position: absolute;
	top:60px;
	left:0;
	color: #A6A6A6;
	font-size: 1.8em;
	z-index: 10;
}
.slides_produits li p.prix del {
	color: #DF3F52;
	font-size: 0.6em;
}
.slides_produits li p.desc {
	position: absolute;
	width: 40%;
	top:100px;
	left:0;
	margin:0;
	padding: 0;
	font: 1.2em 'Open Sans',"Dosis", Helvetica, Arial, sans-serif;
	z-index: 10;
}
.slides_produits li .bt_detail {
	display: block;
	position:relative;
	width: 100%;
	height:250px;
	right:0;
	top:0;
}
.main .slides_produits li {
	height:250px;
}
.main .slides_produits li h2 {
	font-size: 2em;
	text-transform: uppercase;
}
.main .slides_produits img {
	display: block;
	position:absolute;
	right:0;
	top:10px;
}
.sidebar .slides_produits li {
	height:250px;
}
.sidebar .slides_produits img {
	display: block;
	position:absolute;
	right:0;
	bottom:0;
	width: 60%;
}

.sidebar .slides_produits li h2 {
	font-size: 1.5em;
	line-height: 1.5em;

}
.sidebar .slides_produits li {
	height:250px;
}
.sidebar .slides_produits li p.prix {
	font-size: 1.4em;
}
/* Slide billets (correspond au template /widgets/site_web/bloc_extrait/slideshow/) */

.slides_billets li h1 {
	   color: #000000;
    font-size: 2.2em;
    font-weight: 100;
    line-height: 1.1em;
    text-align: left;
    z-index: 10;
}
.slides_billets li h2 {
	/*position: absolute;
	top:55px;
	left:0;
	width: 100%;
	text-align: center;
	color: #FFF;
	z-index: 10;
	
	------bro4-------*/
	
	 background: #E4059E;
    bottom: 20px;
    color: #FFFFFF;
    margin: auto;
    padding: 10px 50px;
    position: absolute;
    right: 0;
    text-align: center;
    text-transform: inherit;
    width: auto;
    z-index: 10;
}
.slides_billets li .desc {
	position: absolute;
	/*top:100px;*/
	left:10%;
	width: 80%;
	color:#fff;
	font-size: 2.2em;
	line-height: 1.1em;
	z-index: 10;
}
.slides_billets li .desc iframe {
	max-width: 100% !important;
}
.slides_billets li .desc .bouton {
	position: absolute;
	text-align: center;
	left: auto;
	width: 100%;
	margin: 30px 0 0 0;
}
.slides_billets li .desc .bouton a {
	display: inline-block;
	padding: 15px 20px;
	color: #333;
	font-size: 1.2em;
	text-decoration: none;
	background-color: rgba(255, 255, 255, 0.7);
}
.slides_billets li .desc .bouton a:hover {
	color: #000;
}
.slides_billets li .desc a {
	color: #fff;
}
.slides_billets li .desc a:hover {
	color: #f10000;
}
.main .slides_billets .desc ul {
	margin: 10px 0 10px 40px;
}
.main .slides_billets .desc li {
	height: auto;
	list-style: disc;
}

.main .slides_billets figure{
	    height: 267px;
    margin: 0 0 0 312px;
    width: 574px;
	}

.main .slides_billets img {
	display: block;
	position:relative;
	width: 100%;
	
}

.main .slides_billets .post_content{
	 margin: 35px 0 0 0;
	    position: absolute;
    top: 20px;
    width: 270px;
	}
.main .slides_billets li {
	
	position:relative;
}
.sidebar .slides_billets img {
	width: 100%;
	min-height: 100px;
	display: block;
	position:relative;
	right:0;
	top:0;
}
.sidebar .slides_billets li {
	height:100px;
	position:relative;
}
.sidebar .slides_billets li h1 {
	width: 80%;
	top: 20px;
	left: 10%;
}
.sidebar .slides_billets li h2 {
	display: none;
}
.sidebar .slides_billets li .desc {
	display: none;
}

/*------------------------------------------------------------------------
CH7 	JQUERY SCROLL TO TOP 
------------------------------------------------------------------------*/
#message a {
	/* display: block before hiding */
    display: block;
	display: none;
	/* link is above all other elements */
    z-index: 999;
	/* link doesn't hide text behind it */
    opacity: .8;
	/* link stays at same place on page */
    position: fixed;
	/* link goes at the bottom of the page */
    top: 100%;
	margin-top: -80px; /* = height + preferred bottom margin */
	/* link is centered */
    right: 0;
	margin-left: 0px; /* = half of width */
	/* round the corners (to your preference) */
    -moz-border-radius: 24px;
	-webkit-border-radius: 24px;
	/* make it big and easy to see (size, style to preferences) */
    width: 110px;
	padding: 10px;
	background-color: #000;
	font-size: 11px;
	text-align: center;
	color: #fff;
	text-decoration: none;
}
/*------------------------------------------------------------------------
CH8 	JQUERY PRETTY IMAGE 
------------------------------------------------------------------------*/

	/* ----------------------------------
		Default Theme
	----------------------------------- */

	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;
} /* Top left corner */
div.pp_default .pp_top .pp_middle {
	background: url(../images/prettyPhoto/default/sprite_x.png) top left repeat-x;
} /* Top pattern/color */
div.pp_default .pp_top .pp_right {
	background: url(../images/prettyPhoto/default/sprite.png) -112px -93px no-repeat;
} /* Top right corner */
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_content {
	background-color: #fff;
} /* Content background */
div.pp_default .pp_next:hover {
	background: url(../images/prettyPhoto/default/sprite_next.png) center right no-repeat;
	cursor: pointer;
} /* Next button */
div.pp_default .pp_previous:hover {
	background: url(../images/prettyPhoto/default/sprite_prev.png) center left no-repeat;
	cursor: pointer;
} /* Previous button */
div.pp_default .pp_expand {
	background: url(../images/prettyPhoto/default/sprite.png) 0 -29px no-repeat;
	cursor: pointer;
	width: 28px;
	height: 28px;
} /* Expand button */
div.pp_default .pp_expand:hover {
	background: url(../images/prettyPhoto/default/sprite.png) 0 -56px no-repeat;
	cursor: pointer;
} /* Expand button hover */
div.pp_default .pp_contract {
	background: url(../images/prettyPhoto/default/sprite.png) 0 -84px no-repeat;
	cursor: pointer;
	width: 28px;
	height: 28px;
} /* Contract button */
div.pp_default .pp_contract:hover {
	background: url(../images/prettyPhoto/default/sprite.png) 0 -113px no-repeat;
	cursor: pointer;
} /* Contract button hover */
div.pp_default .pp_close {
	width: 30px;
	height: 30px;
	background: url(../images/prettyPhoto/default/sprite.png) 2px 1px no-repeat;
	cursor: pointer;
} /* Close button */
div.pp_default #pp_full_res .pp_inline {
	color: #000;
}
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_gallery ul li a:hover, div.pp_default .pp_gallery ul li.selected a {
	border-color: #fff;
}
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 {
	position: static;
	left: auto;
}
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 .pp_details {
	position: relative;
}
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 0;
	width: 20px;
}
div.pp_default a.pp_arrow_next {
	left: 52px;
	background-position: -82px -3px;
} /* The next arrow in the bottom nav */
div.pp_default .pp_content_container .pp_details {
	margin-top: 5px;
}
div.pp_default .pp_nav {
	clear: none;
	height: 30px;
	width: 110px;
	position: relative;
}
div.pp_default .pp_nav .currentTextHolder {
	font-family: Georgia;
	font-style: italic;
	color:#999;
	font-size: 11px;
	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: bold;
	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;
} /* Bottom left corner */
div.pp_default .pp_bottom .pp_middle {
	background: url(../images/prettyPhoto/default/sprite_x.png) bottom left repeat-x;
} /* Bottom pattern/color */
div.pp_default .pp_bottom .pp_right {
	background: url(../images/prettyPhoto/default/sprite.png) -112px -127px no-repeat;
} /* Bottom right corner */
div.pp_default .pp_loaderIcon {
	background: url(../images/prettyPhoto/default/loader.gif) center center no-repeat;
} /* Loader icon */
/* ----------------------------------
		Light Square Theme (utilisé par défaut dans le thème)
	                      ----------------------------------- */
	
	div.light_square .pp_left, div.light_square .pp_middle, div.light_square .pp_right, div.light_square .pp_content {
}
div.light_square .ppt {
	padding: 5px;
	color: #333;
	text-transform: uppercase;
	font-weight: 700;
	display: inline-block;
	background-color: #FFF;
	width: auto !important;
}
div.light_square .pp_content .pp_fade {
	box-shadow: 0 0 25px #bfbfbf;
}
div.light_square .pp_expand {
	background: url(../images/prettyPhoto/light_square/sprite.png) -31px -26px no-repeat;
	cursor: pointer;
} /* Expand button */
div.light_square .pp_expand:hover {
	background: url(../images/prettyPhoto/light_square/sprite.png) -31px -47px no-repeat;
	cursor: pointer;
} /* Expand button hover */
div.light_square .pp_contract {
	background: url(../images/prettyPhoto/light_square/sprite.png) 0 -26px no-repeat;
	cursor: pointer;
} /* Contract button */
div.light_square .pp_contract:hover {
	background: url(../images/prettyPhoto/light_square/sprite.png) 0 -47px no-repeat;
	cursor: pointer;
} /* Contract button hover */
div.light_square .pp_close {
	width: 20px;
	height: 20px;
	background: url(../images/prettyPhoto/light_square/sprite.png) -1px -1px no-repeat;
	cursor: pointer;
} /* Close button */
div.light_square .pp_details {
	position: relative;
}
div.light_square .pp_description {
	display: none !important;
}
div.light_square #pp_full_res .pp_inline {
	color: #000;
}
div.light_square .pp_gallery a.pp_arrow_previous, div.light_square .pp_gallery a.pp_arrow_next {
	margin-top: 12px !important;
}
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;
} /* The previous arrow in the bottom nav */
div.light_square .pp_arrow_previous.disabled {
	background-position: 0 -87px;
	cursor: default;
}
div.light_square .pp_arrow_next {
	background: url(../images/prettyPhoto/light_square/sprite.png) -22px -71px no-repeat;
} /* The next arrow in the bottom nav */
div.light_square .pp_arrow_next.disabled {
	background-position: -22px -87px;
	cursor: default;
}
div.light_square .pp_next:hover {
	background: url(../images/prettyPhoto/light_square/btnNext.png) center right no-repeat;
	cursor: pointer;
} /* Next button */
div.light_square .pp_previous:hover {
	background: url(../images/prettyPhoto/light_square/btnPrevious.png) center left no-repeat;
	cursor: pointer;
} /* Previous button */
div.light_square .pp_loaderIcon {
	background: url(../images/prettyPhoto/light_square/loader.gif) center center no-repeat;
} /* Loader icon */
/* ------------------------------------------------------------------------
	DO NOT CHANGE
------------------------------------------------------------------------- */

div.pp_pic_holder a:focus {
	outline:none;
}
div.pp_overlay {
	background: #fff; /* Coulour de fond de la popup */
	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_top {
	height: 20px;
	position: relative;
}
* html .pp_top {
	padding: 0 20px;
}
.pp_top .pp_left {
	height: 20px;
	left: 0;
	position: absolute;
	width: 20px;
}
.pp_top .pp_middle {
	height: 20px;
	left: 20px;
	position: absolute;
	right: 20px;
}
* html .pp_top .pp_middle {
	left: 0;
	position: static;
}
.pp_top .pp_right {
	height: 20px;
	left: auto;
	position: absolute;
	right: 0;
	top: 0;
	width: 20px;
}
.pp_content {
	height: 40px;
	min-width: 40px;
}
* html .pp_content {
	width: 40px;
}
.pp_fade {
	display: none;
}
.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 0;
}
.pp_description {
	display: none;
	margin: 0;
}
.pp_social {
	float: left;
	margin: 0;
}
.pp_social .facebook {
	float: left;
	margin-left: 5px;
	width: 55px;
	overflow: hidden;
}
.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 #000 solid;
	border: 1px rgba(0, 0, 0, 0.5) solid;
	display: block;
	float: left;
	height: 33px;
	overflow: hidden;
}
.pp_gallery ul a:hover, .pp_gallery li.selected a {
	border-color: #fff;
}
.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/light_square/default_thumbnail.gif) 0 0 no-repeat;
	display: block;
	height: 33px;
	width: 50px;
}
.pp_gallery li.default a img {
	display: none;
}
.pp_gallery .pp_arrow_previous, .pp_gallery .pp_arrow_next {
	margin-top: 7px !important;
}
a.pp_next {
	background: url(../images/prettyPhoto/light_square/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_square/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 {
	position: absolute;
	right: 0;
	top: 0;
	display: block;
	line-height:22px;
	text-indent: -10000px;
}
.pp_bottom {
	height: 20px;
	position: relative;
}
* html .pp_bottom {
	padding: 0 20px;
}
.pp_bottom .pp_left {
	height: 20px;
	left: 0;
	position: absolute;
	width: 20px;
}
.pp_bottom .pp_middle {
	height: 20px;
	left: 20px;
	position: absolute;
	right: 20px;
}
* html .pp_bottom .pp_middle {
	left: 0;
	position: static;
}
.pp_bottom .pp_right {
	height: 20px;
	left: auto;
	position: absolute;
	right: 0;
	top: 0;
	width: 20px;
}
.pp_loaderIcon {
	display: block;
	height: 24px;
	left: 50%;
	margin: -12px 0 0 -12px;
	position: absolute;
	top: 50%;
	width: 24px;
}
#pp_full_res {
	line-height: 0 !important;
}
#pp_full_res .pp_inline {
	text-align: left;
}
#pp_full_res .pp_inline p {
	margin: 0 0 15px 0;
}
div.ppt {
	display: none;
	font-size: 17px;
	margin: 0 0 5px 20px;
	z-index: 9999;
}