@charset "utf-8";
/* CSS Document */

*{
	margin: 0;
	padding: 0;
}
body{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
	color: #333333;
	height: 100%;
	background: repeat-x url(../_images/bkg-gabarithaut.gif) top center;
	
}
html{
	height: 100%;
	margin: 0;
	padding: 0;	
}
img { border: none;}
.clear{ clear: both; visibility: hidden; height: 1px; line-height: 1px; border: none;}
dl{  margin-top: 10px; margin-left: 20px; line-height: 1.2em; }
dd{  margin-top: -5px; margin-bottom: 5px; }
ul, ol { padding-left:4em; margin-left:0; margin-top: 0.8em; }
li { margin: 0.4em 0; }
hr{ clear: both; margin: 15px 0 15px 0; color: #3d61a3; border: 0; border-top: 1px solid #3d61a3; height: 1px; overflow: hidden; }
p { margin-top: 0.9em; line-height: 1.4em; }
.note{ font-size: 0.9em; }
blockquote{ color: #1d6793; border: 1px solid #1d6793; padding: 5px 10px 10px 10px; margin: 10px 0; font-size: 1.2em; font-style: italic; }
.auteur-commentaire { text-align: right; font-weight: bold;}
blockquote .auteur-commentaire { font-size: 0.8em;}
blockquote a { color: #bf5d02; }
strong{  }
a{ color: #3d61a3; text-decoration: none; }
a:hover{ color: #3d61a3; text-decoration: underline; }
.caption{ width: 150px;  padding: 10px; margin: 0px 15px 10px 0; float: left; border: 1px solid #edeceb; font-size: 0.9em; text-align: center; line-height: 1.5em; }
.media{ width: 200px;  padding: 0px; margin: 0px 15px 10px 0; float: left; border: 1px solid #edeceb; font-size: 0.9em; text-align: center; line-height: 1.5em; }
.media a{ padding-bottom: 3px;}
.error{ color: red; margin-bottom: 5px;}
h1{
	font-size: 2.6em;
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
	color: #27263d;
	font-weight: normal;
	clear: both;
	margin-bottom: 15px;	
}
h2{
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
	font-size: 2em;
	color: #3d61a3;
	font-weight: normal;
	margin: 10px 0 0px 0;	
}
h3{
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
	font-size: 1.3em;
	color: #3d61a3;
	font-weight: bold;
	clear: both;
	margin-top: 6px;	
	margin-bottom: 3px;	
}

.boitequestce{
	padding: 10px;
	margin: 20px 0;
	background: #edeceb;
}

.boitequestce h3{
	color: #535353;
}

.boutonreserver{
	padding: 5px; 
	color: #FFF; 
	background: #3d61a3;
	margin: 10px 0;
	float:right;
}

.boutonreserver:hover{
	color: #FFF; 
	background: #1b3cec;
	text-decoration: none;
}

/* CONTENEURS GLOBAUX */
#wrapwebsite{
	position : relative;
	min-height: 100%;
	margin: 0;
	padding: 0;	
}

/* Bannière haut */
#wrapheader{
	height: 120px;
	position: relative;
	z-index: 4;
}
#wrapheader .aligncenter{
	width: 1000px;
	margin: 0 auto;
	position: relative;
}
#wrapheader #wrapbanner .h1, #wrapheader #wrapbanner h1{
	position: absolute;
	top: 25px;
	left: 0px;
	margin: 0;
	padding: 0;
	color: #294bdf;
	font-size: 36px;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
	line-height: 36px;
	margin: 0;
}
#wrapheader #wrapbanner .h1 a, #wrapheader #wrapbanner .h1 a:hover, #wrapheader #wrapbanner h1 a, #wrapheader #wrapbanner h1 a:hover{
	color: #294bdf;
	text-decoration: none;
}
#wrapheader #wrapbanner span, #wrapheader #wrapbanner span{
	color: #FFFFFF;
	clear: both;
	display: block;
	font-size: 20px;
}

/* MENU PRINCIPAL*/
#menuprincipal{
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
	text-align: left;
	font-size: 16px;
	padding: 0;
	margin: 0;
	position: absolute;
	top: 35px;
	right: 0px;
	vertical-align: middle;	
}
#menuprincipal li{
	display: block;
	float: left;
	list-style: none;
	padding: 0;
	margin: 0;
	position: relative;
}
#menuprincipal a{
	display: block;
	color: #FFFFFF;
	text-decoration: none;
	padding: 0 15px 0 15px;
	margin: 0;
	line-height: 44px;
	text-transform: uppercase;
}

#menuprincipal li ul {
	width: 160px;
	position: absolute;
	color: #535353;
	top: 31px;
	left: 0px;
	background: #edeceb;
	padding: 0;
	visibility: hidden;
}
.menuparent a{
	background: no-repeat url(../_images/ico-fleche-sub.gif) 10px 18px;
	padding-left: 25px !important;
	color: #294bdf;	
	}
.menuparent:hover, .actif{
	background: #373737 no-repeat url(../_images/ico-fleche-sub-hover.gif) 10px 18px;
	color: #294bdf;	
}
#menuprincipal a:hover {
	text-decoration: none;
	color: #294bdf;
}

#menuprincipal li ul {
	z-index: 5;
	background: #373737;
}
#menuprincipal li ul li {
	margin: 0;
	padding: 0;	
}
#menuprincipal li ul li a {
	background-image: none;
	display: block;
	width: 140px;
	text-transform: none;
	font-size: 14px;
	margin: 0;
	padding: 10px 10px !important;
	line-height: 14px;
	z-index: 6;
}
#menuprincipal li ul li a:hover, .actif {
	background: #373737;
}
.pageblandine .menumarthe a, .pagelivre #menulivres a, .pagethemes #menuconferences a, .pageateliers #menuateliers a, .pageseminaires #menuateliers a, .pageconsultation #menuconsultation a, .apropos #menutemoignages a, .pagecontact #menucontact a{
	text-decoration: none;
	color: #294bdf;
	background: #373737;
}

.themebox{ 
	margin-top: 30px;
}

.themebox img{ 
	width: 160px; float: left; margin-right: 10px;
}

.menutheme{
	margin: 0;
	list-style: none;
	padding: 0;
	width: 260px;
	border: 1px solid #edeceb;
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
	
}
.menutheme li {
	margin: 0;
}
.menutheme li a{
	display: block;
	padding: 5px 5px;
	margin: 0;
}


.menugauche{
	margin: 0;
	list-style: none;
	padding: 0;
	width: 260px;
	border: 1px solid #edeceb;
	font-size: 14px;
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
	
}
.menugauche li {
	margin: 0;
}
.menugauche li a{
	display: block;
	padding: 10px 15px;
	margin: 0;
}
.menugauche li a:hover, .menugauche li a.actif, .livre-coutume .livre-coutume, .livre-vie .livre-vie, .livre-survivre .livre-survivre, .livre-histoire .livre-histoire, .livre-quitte .livre-quitte,
.theme-resilience .theme-resilience, .theme-lacher-prise .theme-lacher-prise, .theme-ecole .theme-ecole, .theme-groupe-femmes .theme-groupe-femmes, .theme-corporatif .theme-corporatif,
.apropos-biographie .apropos-biographie, .apropos-recommandations .apropos-recommandations, .apropos-medias .apropos-medias, .pageateliers .ateliers-ateliers, .pageseminaires .ateliers-seminaires, 
.pouvoir-et-capacite .menutheme .pouvoir-et-capacite, .deuil-et-separation .menutheme .deuil-et-separation, .intimidation .menutheme .intimidation, .resilience .menutheme .resilience,
.culpabilite .menutheme .culpabilite, .defaites .menutheme .defaites, .emotions .menutheme .emotions, .lacherprise .menutheme .lacherprise, .assez .menutheme .assez, .fee-ou-vampire .fee-ou-vampire,
.boite-a-outil .boite-a-outil, .aller-avant .aller-avant, .maximiser-aide .maximiser-aide, .se-ressourcer .se-ressourcer, .pardonner .pardonner, .intimidation .intimidation, .intimidation .intimidation, 
.harcelement-au-travail .harcelement-au-travail, .briser-le-silence .briser-le-silence, .maltraitance-aines .maltraitance-aines, .et-puis-apres .et-puis-apres{
	background: #edeceb;
	text-decoration: none;
}
.menugauche ul{
	margin: 0;
	padding-top: 0;
	padding-left: 25px;
	list-style: none;
	background: #f4f3f1;
	font-size: 0.9em;
}
.menugauche li li a{
	display: block;
	padding: 5px 0;
	margin: 0;
}
.menugauche li li a:hover{
	background: #f4f3f1;
	font-weight: bold;	
}
.apropos-medias-communiques .apropos-medias-communiques, .apropos-medias-journaux .apropos-medias-journaux, .apropos-medias-tele .apropos-medias-tele, .apropos-medias-radio .apropos-medias-radio{
	font-weight: bold;
	background: #f4f3f1;	
}
.menugauche li a.titre {
	background: #27263d;
	color: #FFFFFF;
	font-weight: bold;
	text-transform: uppercase;
	font-size: 16px;
}

/* CONTENU */
#wrapwebsitetop{
	width: 1000px;
	margin: 0 auto;
	padding-bottom: 100px;
}
#wrapcontenu{
	width: 990px;
	margin: 0 auto;
	position: relative;
}
.column-left{
	width: 292px;
	float: left;
	padding-top: 20px;
}
.column-right{
	width: 694px;
	float: right;
	clear: right;
	padding-top: 20px;
}
.column-50-left{
	width: 45%;
	float: left;
}
.column-50-right{
	width: 45%;
	float: right;
}

.accueil .column-left, .column-left-footer{
	width: 284px !important;
	float: right;
}
.accueil .column-left ul, .accueil .column-left ul li{
	margin: 0;
	padding: 0;
	list-style: none;
}
.accueil .column-left ul {
	margin-top: 10px;
}
/*.accueil .column-left ul li{
	margin-top: 4px;
	padding-left: 15px;
	background: no-repeat url(../_images/ico-fleche-bleue.png) 4px 4px;
}*/
.accueil .column-right{
	width: 626px !important;
	padding-right: 80px;
	float: left;
}
.accueil h2{
	color: #27263d;
}

.boitecontact{
	background: #3d61a3;
	color: #FFF;
	padding: 10px;
	margin: 10px 0;
	font-size: 16px; 
	width: 242px;
	border: 1px solid #edeceb;
	
}
.boitecontact p{
	margin-top: 10px;
	font-family: 'Roboto', Arial, Helvetica, sans-serif;
}
.boitecontact .titre{
	font-size: 24px; 
	text-transform: uppercase;
	font-family: 'Roboto Condensed', Arial, Helvetica, sans-serif;
	margin-top: 0px;
}
.boitecontact a{
	color: #FFF;
	text-decoration: underline;
}


/* PIED DE PAGE */
#wrapfooter{
	clear:both;
	margin: 30px auto 0 auto;
	height: 90px;
	overflow: hidden;
	position: absolute;
	bottom: 0px;
	width: 100%;	
	background: #4d4d4d;
	color: #FFFFFF;
}
#footer {
	width: 990px; 
	margin: 0 auto; 
	height: 90px;
	padding: 5px 30px;
	font-size: 1.2em;
}
#footer a{
	color: #FFFFFF;
	text-decoration: underline;
}
#footer .reseaux a{
	margin-right: 10px;
}

/* FORMULAIRE */
#form_conference{
	width: 360px;
	float: left;
	padding: 0;
	margin: 0;
}
.contact_livre{
	width: 260px;
	float: left;
	padding: 0;
	margin: 0;
}
#form_conference h2, .contact_livre h2{
	margin: 0;
	padding: 0;
}
label{
	clear: both;
	width: 150px;
	display: block;
	float: left;
	padding-right: 5px;
}
input{
	width: 150px;
}
#form_conference textarea{
	width: 150px;
}
input#author, input#title{ width: 330px; }



/* BOUTONS */
/* Bouton bleu */
.boutonbleu {
   border-top: 1px solid #30acf5;
   background: #3d61a3 repeat-x url(../_images/bkg_boutonbleu.gif) top left;
   padding: 4px 16px;
   display: inline-block;  
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
  /* behavior: url(../border-radius.htc);   */
   -webkit-box-shadow: rgba(0,0,0,.6) 0 1px 0;
   -moz-box-shadow: rgba(0,0,0,.6) 0 1px 0;
   box-shadow: rgba(0,0,0,.6) 0 1px 0;
   text-shadow: rgba(0,0,0,.4) 0 1px 0;
   color: #FFFFFF !important;
   font-size: 13px;
   text-decoration: none;
   vertical-align: middle;
   }
.boutonbleu:hover {
   background: #3b50c2;
   color: #ccc;
   }
.boutonbleu:active {
   background: #3b50c2;
}

.paragraphe-boutonbleu{
	color: #3d61a3;
}

/* Bouton bleu */
.boutonnoir {
   border-top: 1px solid #4a3a03;
   background: #342902 repeat-x url(../_images/bkg_boutonnoir.gif) top left;
   padding: 4px 16px;
   display: inline-block;  
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;

   color: #FFFFFF !important;
   font-size: 13px;
   text-decoration: none;
   vertical-align: middle;
   }
.boutonnoir:hover {
   background: #4a3a03;
   color: #ccc;
   }
.boutonnoir:active {
   background: #342902;
}


/*Bannieres*/
.accueil #wrapcontenu{
	background: none;
}
.pagelivre #wrapcontenu{
	background: no-repeat url(../_images/bannieres/banniere-livres.png) top;
	padding-top: 268px;
}
.livre-coutume #wrapcontenu{
	background: no-repeat url(../_images/bannieres/banniere-livre-coutume.png) top;
	padding-top: 268px;
}
.livre-vie #wrapcontenu{
	background: no-repeat url(../_images/bannieres/banniere-livre-vie.png) top;
	padding-top: 268px;
}
.livre-survivre #wrapcontenu{
	background: no-repeat url(../_images/bannieres/banniere-livre-survivre.png) top;
	padding-top: 268px;
}
.livre-histoire #wrapcontenu{
	background: no-repeat url(../_images/bannieres/banniere-livre-histoire.png) top;
	padding-top: 268px;
}

.livre-quitte #wrapcontenu{
	background: no-repeat url(../_images/bannieres/banniere-livre-quitte.png) top;
	padding-top: 268px;
}
.pagethemes #wrapcontenu{
	background: no-repeat url(../_images/bannieres/banniere-thematiques.png) top;
	padding-top: 268px;
}

.pageateliers #wrapcontenu{
	background: no-repeat url(../_images/bannieres/banniere-ateliers.png) top;
	padding-top: 268px;
}
.pageseminaires #wrapcontenu{
	background: no-repeat url(../_images/bannieres/banniere-ateliers.png) top;
	padding-top: 268px;
}
.apropos-biographie #wrapcontenu{
	background: no-repeat url(../_images/bannieres/banniere-apropos-biographie.png) top;
	padding-top: 268px;
}
.pageconsultation #wrapcontenu{
	background: no-repeat url(../_images/bannieres/banniere-consultation.png) top;
	padding-top: 268px;
}
.apropos-recommandations #wrapcontenu{
	background: no-repeat url(../_images/bannieres/banniere-apropos-recommandations.jpg) top;
	padding-top: 268px;
}
.apropos-medias-communiques #wrapcontenu, .apropos-medias-journaux #wrapcontenu, .apropos-medias-radio #wrapcontenu, .apropos-medias-tele #wrapcontenu{
	background: no-repeat url(../_images/bannieres/banniere-apropos-medias.png) top;
	padding-top: 268px;
}
.pagecontact #wrapcontenu{
	/*background: no-repeat url(../_images/bannieres/banniere-apropos-recommandations.jpg) top;
	padding-top: 268px;*/
}


.resilience #wrapcontenu{
	background: no-repeat url(../_images/themes/banniere-resilience.jpg) top;
	padding-top: 268px;
}
.culpabilite #wrapcontenu{
	background: no-repeat url(../_images/themes/banniere-culpabilite.jpg) top;
	padding-top: 268px;
}
.defaites #wrapcontenu{
	background: no-repeat url(../_images/bannieres/banniere-thematiques.png) top;
	padding-top: 268px;
}
.lacherprise #wrapcontenu{
	background: no-repeat url(../_images/bannieres/banniere-thematiques.png) top;
	padding-top: 268px;
}
.fee-ou-vampire #wrapcontenu{
	background: no-repeat url(../_images/bannieres/banniere-thematiques.png) top;
	padding-top: 268px;
}
.assez #wrapcontenu{
	background: no-repeat url(../_images/bannieres/banniere-thematiques.png) top;
	padding-top: 268px;
}
.emotions #wrapcontenu{
	background: no-repeat url(../_images/bannieres/banniere-thematiques.png) top;
	padding-top: 268px;
}
.pouvoir-et-capacite #wrapcontenu{
	background: no-repeat url(../_images/themes/banniere-pouvoir-et-capacite.png) top;
	padding-top: 268px;
}
.deuil-et-separation #wrapcontenu{
	background: no-repeat url(../_images/themes/banniere-deuil-et-separation.png) top;
	padding-top: 268px;
}

.intimidation #wrapcontenu{
	background: no-repeat url(../_images/themes/banniere-intimidation.jpg) top;
	padding-top: 268px;
}

.harcelement-au-travail #wrapcontenu{
	background: no-repeat url(../_images/themes/banniere-harcelement-au-travail.jpg) top;
	padding-top: 268px;
}

.assez #wrapcontenu{
	background: no-repeat url(../_images/themes/banniere-assez.jpg) top;
	padding-top: 268px;
}

.briser-le-silence #wrapcontenu{
	background: no-repeat url(../_images/themes/banniere-briser-le-silence.jpg) top;
	padding-top: 268px;
}

.defaites #wrapcontenu{
	background: no-repeat url(../_images/themes/banniere-si-et-mais.jpg) top;
	padding-top: 268px;
}

.lacherprise #wrapcontenu{
	background: no-repeat url(../_images/themes/banniere-lacher-prise.jpg) top;
	padding-top: 268px;
}

.fee-ou-vampire  #wrapcontenu{
	background: no-repeat url(../_images/themes/banniere-fee-ou-vampire.jpg) top;
	padding-top: 268px;
}

.emotions  #wrapcontenu{
	background: no-repeat url(../_images/themes/banniere-emotions.jpg) top;
	padding-top: 268px;
}

.boite-a-outil  #wrapcontenu{
	background: no-repeat url(../_images/themes/banniere-boite-a-outil.jpg) top;
	padding-top: 268px;
}

.pardonner  #wrapcontenu{
	background: no-repeat url(../_images/themes/banniere-pardonner.jpg) top;
	padding-top: 268px;
}

.se-ressourcer  #wrapcontenu{
	background: no-repeat url(../_images/themes/banniere-se-ressourcer.jpg) top;
	padding-top: 268px;
}

.aller-avant #wrapcontenu{
	background: no-repeat url(../_images/themes/banniere-aller-avant.jpg) top;
	padding-top: 268px;
}

.maximiser-aide #wrapcontenu{
	background: no-repeat url(../_images/themes/banniere-maximiser-aide.jpg) top;
	padding-top: 268px;
}

.sexuel #wrapcontenu{
	background: no-repeat url(../_images/themes/banniere-sexuel.jpg) top;
	padding-top: 268px;
}

.maltraitance-aines #wrapcontenu{
	background: no-repeat url(../_images/themes/banniere-maltraitance-aines.jpg) top;
	padding-top: 268px;
}

.et-puis-apres #wrapcontenu{
	background: no-repeat url(../_images/themes/banniere-et-puis-apres.jpg) top;
	padding-top: 268px;
}

.livre_auteur{
	text-align: right;
	float: right;
	font-weight: bold;
	width: 350px;
	margin-bottom: 10px;
}
.livre_date{
	margin-top: 0px;
	font-style: italic;
}
.livre_temoignage{
	margin: 15px 0 10px 0;
}
.modify{
	clear: both;
}

.livre_separateur{
}


hr .background-color-tertiar {
	margin: 0;
}



        #monmenu ul ul {display: none; left: 0px; top: 30px; position: absolute;}
        #monmenu li {list-style-type: none; position: relative;}
        #monmenu li a {text-decoration:none;}
        #monmenu li:hover ul.niveau2, #monmenu li li:hover ul.niveau3, #monmenu li.sfhover ul.niveau2, #monmenu li li.sfhover ul.niveau3 {display: block}