/* -------- import css -------- */
@import url("perso.css");


/* -------- PERSO -------- */
/* -------- COMMUNS ------- */


#banner{
	width:468px;
	height:60px;
	float: right;
	margin: 0 60px 0 0;

}

table.contentpaneopen-style2 {/* notamment pour encadré En Ce Moment  */
	margin:0;
	padding:0;

}

/* ligne sous les boutons imprimer pdf email
.contentheading,
td.buttonheading,
.contentpaneopen td.buttonheading { 
border-bottom:#CCCCCC solid 1px;
}
*/
 
 
/*  TITRES */


/* ------- MES MENUS ------- */

.menupied {	/*   A TERMINER  */
	/*position:absolute;
	margin-top:-26px;
	margin-right: 20px;
	right:0;
	margin-top:-26px;
	width:100%;
	text-align:left;
	background:#00CC99;*/
	/*text-align:left;*/
	/* padding bottom impossible?? */

}


.module-style2-color2 {


}

ul.menu-style2-color2 { /* bloc Menu Contact */
	list-style:url(../images/light/menus/menustyle2/menu2-dot.png);
	padding-left: 10px;
}
ul.menu-style2-color2 li {
	margin-bottom: 5px;
}


/* ------- LES 2 BLOCS ACCUEIL------ */

.module-acc {
width:48%;
float:left;
}


.larg300 {
	margin:0;
	border:0;
	width:300px;
}


#blocliens {
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
	border:0;
	padding-bottom:24px;
	/*width:85%;
	background:#33FF66
*/
}

#blocliens table {
	padding:0;
	border: none;
	border-collapse:collapse;
	white-space: nowrap;
	margin:0;
	width:99%;
}

#blocliens table td {
	border:0;
	white-space: nowrap;
	padding-bottom: 6px;
	padding-right:10px;
	text-align:left;
}

#blocliens a,
#blocliens a:visited,
#blocliens a:link {
	font-size: 160%;
	font-weight: normal;
	line-height: 110%;
	/*color:  #CC6600; */
	color: #663300 ; /* COULEUR LIENS */
	text-decoration: none;
	border: 0;
	cursor: pointer;
}

#blocliens a:hover {
	color: #000000; /* COULEUR LIENS */
	text-decoration: none;
	
}

span.ptirouge {
	font-size:smaller;
	color:#993300;
	
}
/* --------- SEARCH -- RECHERCHE ----------- */
.highlight {
background-color: #FFFF00;
color:#000066;
padding: 0 4px;
}



/* ------- ARTICLES - PAGES CONTENU ------- */
table.contentpaneopen p {
	margin-top: 0px; /* pour annuler le 10px de p -- car marge du haut genante dans les table class="blog"  */
	/*background:#FF3300;*/
}

td.td_retourcategorie  {
	text-align:left;
	background: url(../images/readon_puce.png) left center no-repeat;	
	padding-left: 22px;
	border-bottom: #FFFFFF solid 14px; /* pour eloigner le contenu en dessous  */
	}
	
td.td_retourcategorie a {
	/*background: url(../images/readon_puce.png) left center no-repeat;
	padding-left: 18px;*/
	}
	
td.article_column {
	/*padding-top: 26px;*/

}

#monbloc.article {
	float:none;
	margin:0 auto;
	width:90%;
}

#monbloc.moduleslide_g {
	float:left;
	width:80%;
}

#monbloc.pticentre {
	float:none;
	margin:0 auto;
	width:50%;
}

#monbloc.intro {
	float:none;
	margin:10%  auto;
	width:400px;
}

.blog {
	width:100%;
	margin: 0 auto;
}

/* LIGHTBOX */

#lbOverlay,  #lbCenter {
	z-index: 100; 
}
 #lbImage {
	z-index: 999; 
}

/*.menutop {
	z-index:0; 
	}*/
	
	
#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
	z-index: 1001;
}

#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
	z-index: 1000;
}
/*  FORMULAIRE CONTACT  */

#contact_tbl table {
	margin: 40px auto 0 auto;
	background:#009933;
	table-layout:auto;
	padding:0;
/*	border: none;*/
	border-collapse:collapse;
	white-space: nowrap;
	font-family:Arial, Helvetica, sans-serif;

}

/* --------------- BOITE NAVIGATION DANS ARTICLE MULTI-PAGES--------------- */
table.contenttoc {
    border:  1px solid #ECDFD4 ;
    margin:  0 6px 0 0;
    padding: 0px;
	float: left;
	background-color:#ECDFD4;
}

.contenttoc th {
	border-bottom: solid 1px #ECDFD4;
    padding: 1px 10px;
    color: #FFFFFF;
    font-weight: bold;
}
.contenttoc a {
    font-size: 11px;
    padding: 0 5px 0 5px;
    font-weight: normal;
}

.contenttoc td {
    padding: 3px;
    background: #FFFFFF;
}

div.pagenavcounter {
	color: #996633;
	font-size:smaller;
	line-height: 135%;
	margin-bottom: 10px;
}

div.pagenavbar {
	text-align: center;
}



/* ------ STYLES VIRTUEMART ------------ */
/*  menus VM > voir menustyle4-light.css   */
/*  pages Catalogue et Boutique > voir themes.css  */
	
	
/* ------- FIN PERSO ------- */



/* @group Core Elements */

html {
	height: 100%;
	margin-bottom: 1px;
}

/* Font family information */
body#ff-optima, #ff-optima td {
	line-height: 135%;
	font-family: Optima, Lucida, 'MgOpen Cosmetica', 'Lucida Sans Unicode', sans-serif;
}

body#ff-geneva, #ff-geneva td {
	line-height: 135%;
	font-family:  Geneva, Tahoma, "Nimbus Sans L", sans-serif;
}

body#ff-helvetica, #ff-helvetica td {
	line-height: 135%;
	font-family: Helvetica, Arial, FreeSans, sans-serif;
}

body#ff-lucida, #ff-lucida td {
	line-height: 135%;
	font-family: "Lucida Sans Unicode", "Lucida Grande", "Lucida Sans", Lucida, sans-serif;
}

body#ff-georgia, #ff-georgia td {
	line-height: 135%;
	font-family: Georgia, sans-serif;
}

body#ff-trebuchet, #ff-trebuchet td {
	line-height: 135%;
	font-family: "Trebuchet MS", sans-serif;
}

body#ff-palatino, #ff-palatino td {
	line-height: 135%;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, "Times New Roman", Times, serif;
}

/* end font family information */

body {
	margin: 0;
	padding: 0;
}

form {
	margin: 0;
	padding: 0;
}

body.f-smaller,
body#ff-optima.f-smaller,
body#ff-georgia.f-smaller {
	font-size: 11px;
}

body,
body.f-default {
	font-size: 12px;
}

body#ff-optima,
body#ff-optima.f-default {
	font-size: 13px;
}

body#ff-georgia,
body#ff-georgia.f-default {
	font-size: 13px;
}

body.f-larger,
body#ff-optima.f-larger,
body#ff-georgia.f-larger {
	font-size: 15px;
}

p {
  /* setup some more readable paragraph spacing */
  margin-top: 10px;
  margin-bottom: 15px;
/*  background:#33FF33;*/
}

h1, h2, h3, h4 {
	/* setup some more readable header spacing */
	padding-bottom: 5px;
	margin: 10px 0;
	font-weight: normal;
	line-height: 100%;
}

h1 { 
	font-size: 200%;
	line-height: 100%;
}

h2 {
	font-size: 175%;
	line-height: 100%;
}

h3 {
	font-size: 150%;
}

h4 {
	font-size: 120%;
	line-height: 120%;
}

a {
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

/* @end */

/* @group Joomla Elements */

.small,
.modifydate,
.createdate,
div.mosimage_caption {
	font-size: 95%;
}

.componentheading {
	font-size: 170%;
	line-height: 100%;
	padding: 0;
	margin: 0px 0 20px 0;/* espace du haut a regler eventuellemnt */
	font-size: 150%;
	border-bottom: solid 1px #CCCCCC; /*  TO DO amodifier au besoin  */
}

.contentheading {
	font-size: 190%;
	font-weight: normal;
	line-height: 110%;
	padding-bottom: 1px;/* affecte l'espace sous les titres d'articles dans  */
	margin: 0px 0 0 0; /* espace du haut a regler eventuellemnt */
	
}


td.buttonheading,
.contentpaneopen td.buttonheading {
	padding: 0px 3px 0;
}

td.column_separator {
	padding-left: 15px;
}

td.componentheading {
	padding-bottom: 15px;
}

.sectiontableheader {
  	font-weight: bold;
  	padding: 4px;
  	line-height: 20px;
}

tr.sectiontableentry1 td,
tr.sectiontableentry2 td,
td.sectiontableentry1,
td.sectiontableentry2 {
  	text-align: left;
  	padding: 5px 0 5px 5px;
}

.contentpane,
.contentpaneopen {
	width: 100%;
}

/* @end */

/* @group Structure */

.wrapper {
	position: relative;
}

#top {
	height:40px;
	/*height: 60px;*/
}

#mod-search {
	height: 22px;
	width: 177px;
	float: right;
	margin-top: 12px;
	margin-right: 10px;
}

#mod-search input {
	padding: 2px 0 0 24px;
	overflow: hidden;
	width: 150px;
	font-size: 100%;
	border: 0;
	background: none;
	font-weight: normal;
	color:#333333;
}

#header {
	/*height: 85px;*/
	height:100px;
}

#header {
	position: relative;
/*	z-index: 2;*/
}

#pathway {
	position: relative;
	/*z-index: 1;*/
}

img#logo {
	width: 365px;
	height: 91px;
	position: absolute;
	left: 28px;
	bottom:4px;
	float: left;
/*	right:10px;
	float:right; MODIF */
}

#mainbody-top3 {
	height: 16px;
	
}

#body-padding {
	padding-bottom: 40px;
	margin-top: 2px; /* espace haut des articles*/
	text-align:left;
}

#mainbody-padding {
	padding: 0;
}

#maincol-container {
	padding: 0px 20px;

}

#maincol-container2 {
	padding: 0 20px;
}

#sidecol-padding {
	padding: 0 20px 10px 20px;
}

#showcase {
	/*margin-bottom: 10px;*/

}

#bottom {
	padding: 20px;
	overflow: hidden;
}

#mainbody-bottom3 {
	height: 16px;
	margin-bottom: 20px;
}


img#pictobloc {
	margin-top: 17px;
	width: 35px;
	height: 25px;
	float: left;
}
p#bienvenue{
	margin:0;
	display:inline;
	margin-top: 17px;
	height: 20px;
	float: left;
}

#footer {
	margin: 20px 0 0 0;
	color:#999999;
	padding-bottom:10px;
}

.spacer .block {
	float: left;
}

.spacer.w99 .block {
	width: 100%;
}

.spacer.w49 .block {
	width: 50%;
}

.spacer.w33 .block {
	width: 33.3%;
}

.spacer.w24 .block {
	width: 25%;
}

#pathway {
	height: 27px; 
	margin-bottom: 15px;  
}

#pathway2 {
	/*height: 27px; 
	margin-bottom: 15px;    ORIGINE */
	height:17px;
	margin-bottom: 60px;
	overflow:hidden;	
	border-top: 1px solid #D7D7D7;
	border-bottom: 1px solid #D7D7D7;
}

#horiz-menu2 {
	float: right;
	margin-top:38px;
}

/* @end */

/* @group Modules */

.module,
.module-color1,
.module-color2,
.module-color3,
.module-color4,
.module-style1,
.module-style2,
.module-style1-color1,
.module-style1-color2,
.module-style1-color3,
.module-style1-color4,
.module-style2-color1,
.module-style2-color2,
.module-style2-color3,
.module-style2-color4 {
	margin-bottom: 20px;
}

#bottommodules .module, #bottommodules .module-color1, #bottommodules .module-color2, #bottommodules .module-color3, #bottommodules .module-color4, #bottommodules .module-style1, #bottommodules .module-style2, #bottommodules .module-style1-color1, #bottommodules .module-style1-color2, #bottommodules .module-style1-color3, #bottommodules .module-style1-color4, #bottommodules .module-style2-color1, #bottommodules .module-style2-color2, #bottommodules .module-style2-color3, #bottommodules .module-style2-color4 {
	margin-bottom: 20px;
}

.module-style1 h3,
.module-style1-color1 h3,
.module-style1-color2 h3,
.module-style1-color3 h3,
.module-style1-color4 h3 {
	padding: 0;
	margin: 0;
	position: absolute;
	top: 10px;
}

.module-style2 h3,
.module-style2-color1 h3,
.module-style2-color2 h3,
.module-style2-color3 h3,
.module-style2-color4 h3 {
	padding: 0 0 5px 0;
	margin: 0 0 10px 0;
}

.module-style1 div div div,
.module-style1-color1 div div div,
.module-style1-color2 div div div,
.module-style1-color3 div div div,
.module-style1-color4 div div div {
	position: relative;
	padding: 50px 15px 15px 15px;
	overflow: hidden;
}

.module-style2 div div div,
.module-style2-color1 div div div,
.module-style2-color2 div div div,
.module-style2-color3 div div div,
.module-style2-color4 div div div {
	padding: 15px;
	overflow: hidden;
}

.module-style1 div div div div,
.module-style2 div div div div,
.module-style1-color1 div div div div,
.module-style1-color2 div div div div,
.module-style1-color3 div div div div,
.module-style1-color4 div div div div,
.module-style2-color1 div div div div,
.module-style2-color2 div div div div,
.module-style2-color3 div div div div,
.module-style2-color4 div div div div {
	background: none;
	padding: 0;
	margin: 0;
}

#mainmodules .module, #mainmodules .module-color1, #mainmodules .module-color2, #mainmodules .module-color3, #mainmodules .module-color4, #mainmodules .module-style1, #mainmodules .module-style2, #mainmodules .module-style1-color1, #mainmodules .module-style1-color2, #mainmodules .module-style1-color3, #mainmodules .module-style1-color4, #mainmodules .module-style2-color1, #mainmodules .module-style2-color2, #mainmodules .module-style2-color3, #mainmodules .module-style2-color4, #bottommodules .module, #bottommodules .module-color1, #bottommodules .module-color2, #bottommodules .module-color3, #bottommodules .module-color4, #bottommodules .module-style1, #bottommodules .module-style2, #bottommodules .module-style1-color1, #bottommodules .module-style1-color2, #bottommodules .module-style1-color3, #bottommodules .module-style1-color4, #bottommodules .module-style2-color1, #bottommodules .module-style2-color2, #bottommodules .module-style2-color3, #bottommodules .module-style2-color4 {
	margin-right: 15px;
}

/* @end */

/* @group Content Styles */

/* @group Readon */

/* autre version 
	a.readon {
	
	float: right;
	
	padding-left: 18px;
	
	line-height: 15px;
	
	font-size: 12px;
	
	text-decoration: none;

} 
a.readon 

{

background-color: transparent;

background-image: url(../images/style1/readon.png);

background-repeat: no-repeat;

background-attachment: scroll;

background-position: left center;

} */
a.readon,
a.readon2 {
	display: block;
	margin-top: 2px;
	font-weight: normal;
	font-size: 100%;
	text-indent: 10px;
	width: 114px;
	height: 24px;
	line-height: 24px;
}

/* @end */

/* @group Pathway */

/*span.pathway {  ORIGINE
	display: block;
	line-height: 220%;
	font-weight: normal;
	height: 27px;
	line-height: 29px;
	padding: 0 20px 0 60px;
	float: left;
	overflow: hidden;
	
}*/


span.pathway {  
	display: block;
	font-weight: normal;
	height: 20px;
	line-height: 18px;
	padding: 10px 20px 0 20px;
	float: left;
	overflow: hidden;
	font-size:smaller;
	
}

#accroche.pathway {/* new, voir aussi css ie6 ie7 */
	float: none;
	text-align:left;
	padding: 0 0 0 20px;
	font-size:11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#CCCCCC;
	overflow:hidden;
	}


span.pathway img {
	float: none;
	vertical-align: top;
	width: 5px;
	height: 27px;
	padding-right: 15px;
}

span.pathway a {
	float: none;
	padding: 0 20px 0 0;
}

/* @end */

/* @group Typography */

ul.number,
ul.bullet-1,
ul.bullet-2,
ul.bullet-3,
ul.bullet-4,
ul.bullet-5,
ul.bullet-6,
ul.bullet-7,
ul.bullet-8,
ul.bullet-9,
ul.bullet-10,
ul.bullet-11,
ul.bullet-12,
ul.bullet-13,
ul.bullet-14,
ul.bullet-15,
ul.bullet-16,
ul.bullet-17,
ul.bullet-18,
ul.icon-1,
ul.icon-2,
ul.icon-3,
ul.icon-4,
ul.icon-5,
ul.icon-6 {
	padding-left: 15px;
	margin-left: 0;
}

ul.number li,
ul.bullet-1 li, 
ul.bullet-2 li,
ul.bullet-3 li,
ul.bullet-4 li,
ul.bullet-5 li,
ul.bullet-6 li, 
ul.bullet-7 li,
ul.bullet-8 li,
ul.bullet-9 li,
ul.bullet-10 li,
ul.bullet-11 li, 
ul.bullet-12 li,
ul.bullet-13 li,
ul.bullet-14 li,
ul.bullet-15 li,
ul.bullet-16 li,
ul.bullet-17 li,
ul.bullet-18 li {
	list-style: none;
	margin-left: 0;
	padding-bottom: 3px;
	margin-bottom: 5px;
	padding-left: 24px;
}

ul.icon-1 li,
ul.icon-2 li,
ul.icon-3 li,
ul.icon-4 li,
ul.icon-5 li,
ul.icon-6 li {
	list-style: none;
	margin-left: 0;
	padding-bottom: 3px;
	margin-bottom: 5px;
	padding-left: 30px;
}

pre {
	padding: 10px;
}

blockquote {
	font-style: italic;
	font-size: 120%;
	line-height: 150%;
	width: auto;
	padding: 0px 0px 5px 30px;
	margin: 15px 0;
}

blockquote p {
	padding: 0 30px 0 0;
	margin-top: 0;
}

blockquote.b {
	color: #666;
	font-style: italic;
	font-size: 110%;
	line-height: 135%;
	width: auto;
	padding: 0px 0px 5px 15px;
	margin: 15px 0 15px 15px;
	background: none;
}

/* @end */

/* @group Notice Styles */


a.download,
p.download,
span.download,
p.alert,
p.info,
p.note,
span.alert,
span.info,
span.note {
	display: block;
	padding: 2px 10px 2px 45px;
	margin: 15px 0;	
}

a.voir_loupe,
p.voir_loupe,
span.voir_loupe,
a.voir_video,
p.voir_video,
span.voir_video
 {
	padding: 2px 10px 2px 35px;
	margin: 0;	
}


/* @end */

/* @group RokSlide */

#moduleslider-size {
	/*height: 220px;*/
	height: 360px;
	overflow: hidden;
	background: #FFFFFF url(../images/light/fond_degra_260.jpg) top repeat-x;
	margin-bottom:30px;
}

#rokslide-toolbar span {
	white-space: nowrap;
}

#frame {
	text-align: left;
}

#frame .module, #frame .module-color1, #frame .module-color2, #frame .module-color3, #frame .module-color4 {
	float: left;
}

#frame .module div, #frame .module-color1 div, #frame .module-color2 div, #frame .module-color3 div, #frame .module-color4 div {
	padding: 0 5px;
}

#frame .module div div, #frame .module-color1 div div, #frame .module-color2 div div, #frame .module-color3 div div, #frame .module-color4 div div {
	padding: 0;
}

#frame .mmpr-1 .module, #frame .mmpr-1 .module-color1, #frame .mmpr-1 .module-color2, #frame .mmpr-1 .module-color3, #frame .mmpr-1 .module-color4 {
	width: 100%;
}

#frame .mmpr-2 .module, #frame .mmpr-2 .module-color1, #frame .mmpr-2 .module-color2, #frame .mmpr-2 .module-color3, #frame .mmpr-2 .module-color4 {
	width: 50%;
}

#frame .mmpr-3 .module, #frame .mmpr-3 .module-color1, #frame .mmpr-3 .module-color2, #frame .mmpr-3 .module-color3, #frame .mmpr-3 .module-color4 {
	width: 33%;
}

#frame .mmpr-4 .module, #frame .mmpr-4 .module-color1, #frame .mmpr-4 .module-color2, #frame .mmpr-4 .module-color3, #frame .mmpr-4 .module-color4 {
	width: 25%;
}

#frame .mmpr-5 .module, #frame .mmpr-5 .module-color1, #frame .mmpr-5 .module-color2, #frame .mmpr-5 .module-color3, #frame .mmpr-5 .module-color4 {
	width: 20%;
}

#tabmodules {
	overflow: hidden;
}

#tabmodules li span {
	margin-left: -1px;
}

#tabmodules li.first span {
	margin-left: 0;
}

#tabmodules div div div {
	padding-top: 10px;
	padding-bottom: 20px;
}

#tabmodules div div div div {
	background: none;
	padding: 0;
}

/* @end */

#accessibility {
	width: 150px;
	height: 20px;
	margin-top: 0px;
	margin-top: 20px;
	float: right;
}

#accessibility span {
	background-repeat: no-repeat;
}

#accessibility a {
	text-decoration: none;
	cursor: pointer;
}

#accessibility #buttons {
	float: right;
	padding-right: 10px;
}

#accessibility .button {
	display: block;
	float: right;
	width: 13px;
	height: 14px;
	margin-right: 20px;
}

a.nounder {
	text-decoration: none;
	border: 0;
	cursor: pointer;
}

a.nounder:hover {
	text-decoration: none;
}

a img.album {
	border-width: 1px;
	border-style: solid;
	margin: 6px;
}

.clr {
	clear:both;
}

fieldset {
	border-left: 0;
	border-right: 0;
}

fieldset.input {
	border: 0;
}

a img {
	border: 0;
}

img.content-left {
	float: left;
	margin-right: 10px;
	padding: 5px;
}

img.content-right {
	float: right;
	margin-left: 10px;
	padding: 5px;
}

#referencewidth {
	width: 100%;
	overflow:hidden;
}

body .pollstableborder {
	border: 0px;
}

.back_button {
	margin-top: 20px;
}

/* @end */

/* start sifr stuff */

.sIFR-hasFlash .module-menu h3,
.sIFR-hasFlash .module h3,
.sIFR-hasFlash .module-color1 h3,
.sIFR-hasFlash .module-color2 h3,
.sIFR-hasFlash .module-color3 h3,
.sIFR-hasFlash .module-color4 h3,
.sIFR-hasFlash .module-style1 h3,
.sIFR-hasFlash .module-style1-color1 h3,
.sIFR-hasFlash .module-style1-color2 h3,
.sIFR-hasFlash .module-style1-color3 h3,
.sIFR-hasFlash .module-style1-color4 h3,
.sIFR-hasFlash .module-style2 h3,
.sIFR-hasFlash .module-style2-color1 h3,
.sIFR-hasFlash .module-style2-color2 h3,
.sIFR-hasFlash .module-style2-color3 h3,
.sIFR-hasFlash .module-style2-color4 h3 {
	height: 20px;  			/***** IMPORANT: Change this to adjust the size of the SIFR headers *******/
	font-size: 20px;		/***** IMPORANT: Change this to adjust the size of the SIFR headers *******/
	padding: 0;
	visibility: hidden;
}

.sIFR-hasFlash .module h3 {
	margin-left: -3px;
}

.sIFR-hasFlash .module-style1 h3 {
	margin-top: -2px;
}

/* end sifr stuff */

/* rokheadrotator stuff */

.module-fruit #rokheadrotator {
	height: 120px;
	position: relative;
	background: #CCCCFF;
}

#rokheadrotator {
	height: 235px;
	position: relative;
	background: none;
	
}

#rokheadrotator .controls {
	top: 14px;
	position: absolute;
	right: 13px;
	z-index: 1;
}

#rokheadrotator .controls img {
	background-image: url(../images/scroller-controls.png);
	cursor: pointer;
	height: 15px;
	margin-right: 11px;
	width: 15px;
}

#rokheadrotator .control-prev {
	background-position: 0pt 0pt;
}

#rokheadrotator .control-next {
	background-position: 0pt -17px;
}

#rokheadrotator .control-pause {
	background-position: 0pt -34px;
}

#rokheadrotator .control-play {
	background-position: 0pt -51px;
}
/* RokHeadRotator _EOF_ */