/*  
Theme Name: ESDES Inter-Generations
Theme URI: http://www.esdes-intergenerations.net
Description: Theme used for the association's website
Version: 0.0
Author: Gilles Rasigade
Author URI: http://www.esdes-intergenerations.net
*/

/* ***********************************************************************************
	GLOBAL PROPERTIES
*********************************************************************************** */
* {
 margin: 0;
 padding: 0;
}

html, body{
 height:100%;
}

html{
 font-size: 100%;
 
 overflow:scroll;
 overflow-x:hidden;
}

body{
 font-family: Arial, "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati;
 font-size: 0.8em;
 font-style: normal;
 color: #000;
 background: #fff url(images/main-bg.jpg) repeat-y top center;
 min-height:100%;
 height:auto !important; /* ie6 ignores it */
 height:100%; /* fix */
 position: relative;
 
}

#wrapper {
 /*display: inline;*/
 margin: 0 auto 0 auto;
 width: 840px;
 /*width: 75%;
 min-width: 840px;*/
 text-align: left;
 /*background: #f5f5f5 url(images/wrapper-bg.png) repeat-y top center;*/
 /*background: transparent url(images/wrapper-bg.png) no-repeat top center;
 border-left: 1px solid #ec7404;
 border-right: 1px solid #ec7404;
 border: 10px solid #f00;*/
}

#wrapper.flash {
 padding-top: 35px;/** Flash info **/
}


/* ***********************************************************************************
	GENERAL ELEMENTS PROPERTIES
*********************************************************************************** */

/* Gestion des liens hypertextes */
a, a:visited, a:link {
  color: #ec7404;/* Couleur orange par défaut : #ec7404 */
  text-decoration: underline;
}

a:hover {
  color: #ec4404;/* Couleur accentée vers le rouge */
}

p{
 margin: 25px 0 25px 0;
}

/* Gestion des images */
img{
  border: 0;
}

.important-orange {
 color: #ec7404;
 font-weight: bold;
}




/*
  Définition des classes de mise en valeur :
*/
.emphasis {
 font-weight: bold;
}

.emphasis.orange, .emphasis.orange * {
 color: #ec7404;
}

.emphasis.green, .emphasis.green * {
 color: #759408;
}

.emphasis.blue, .emphasis.blue * {
 color: #4b8b9a;
}
























/* ***********************************************************************************
	HEADER
*********************************************************************************** */

/* Gestion du titre principal du site internet */
#header {
 /*width: 566px;*/
 width: 100%;
 background: #ec7404 url('images/header-bg.png') repeat-x left bottom;
 /*background: #ec7404 url('images/header-bg.png') no-repeat center top;*/
 height: 140px;
 border-bottom: 1px solid #d26704;
 text-align: left;
 /*padding: 0 0 0 184px;/* Départ du contenu après la largeur de l'image */
}

/*
 Il faut positionner le logo à gauche car les personnes se déplassent vers la droite.
 Elles donnent ainsi l'impression de vouloir entrer dans le site.
*/
#header #logo {
 float: left;
 background: transparent url('images/logo_tr.png') no-repeat left top;
 width: 92px;
 height: 120px;
 margin: 20px 20px 0px 20px;
}

#header #logo-lyon {
 float: right;
 background: transparent url('images/header_lyon.png') no-repeat right bottom;
 width: 100%;
}

#header h1 {
 /*color: #fdf800;*/
 color: #fff;
 font-size: 2.0em;
 padding-top: 25px;
 font-family: Arial, "Lucida Grande", "Lucida Sans Unicode", Arial;
 font-weight: normal;
 /*font-style: italic;*/
}

/*#header h2 {
 font-size: 2.5em;
 font-family: cursive, "Lucida Grande", "Lucida Sans Unicode", Arial;
 font-style: italic;
 font-weight: lighter;
}*/

#header h2 {
 width : 500px;
 margin-left: 130px;
 background: transparent url('images/header-GenerationsPartage.png') no-repeat top center;
 height : 70px;
 border: 0px solid red;
}

/*#header h2 .generations { color: #b6e1f5;/* bleu de la personne âgée : #b6e1f5 } */
/*#header h2 .partage { color: #d2d600;/* vert du junior : #d2d600 }*/

/*#header a, #header a:link {
 color: #fdf800;
 text-decoration: none;
}

#header a:hover{
 color: #ffff00;
 text-decoration: underline;
}*/




/* ***********************************************************************************
	MENU
*********************************************************************************** */

#menu {
 width: 100%;
 /*height: 30px;
 background: transparent url(images/menu-shading.png) repeat-x top left;
 border: 1px solid red;*/
}

#menu a{
 display: block;
 float: left;
 border: 0px solid red;
 
 /*width: 208px;*/
 width: 166px;/* 840px / 5 = 168 px;*/
 height: 50px;
 
 margin: 0 0 10px 0;
 padding: 10px 0 0 0;
 
 text-align: center;
 color: white;
 text-decoration: none;
 font-size: 2em;
 
 /*opacity: 0.50;
 filter: alpha(opacity=50);*/
}


/*#menu a:hover, #menu a.active {
 opacity: 1.0;
 filter: alpha(opacity=100);
}*/

#menu #menu-association, #menu #menu-senior, #menu #menu-contact {
 margin-left: 2px;
}

#menu #menu-junior {
 margin-left: 3px;
 margin-right: 1px;
}

#menu #menu-accueil {
 background: transparent url('images/menu-accueil-bg.jpg') no-repeat left center;
}

#menu #menu-accueil:hover, #menu #menu-accueil.active {
 background: transparent url('images/menu-accueil-bg-hover.jpg') no-repeat left center;
}

#menu #menu-association {
 background: transparent url('images/menu-association-bg.jpg') no-repeat left center;
}

#menu #menu-association:hover, #menu #menu-association.active {
 background: transparent url('images/menu-association-bg-hover.jpg') no-repeat left center;
}

/* Modification de l'image lors du passage de la souris */
/*#menu #menu-association:hover {
 background: transparent url('images/menu-junior-hover-bg.jpg') no-repeat left top;
}*/

#menu #menu-junior {
 background: transparent url('images/menu-junior-bg.jpg') no-repeat left top;
 /*margin-left: 3px; margin-right: 1px;*/
}

#menu #menu-junior:hover, #menu #menu-junior.active {
 background: transparent url('images/menu-junior-bg-hover.jpg') no-repeat left top;
}

#menu #menu-senior {
 background: transparent url('images/menu-senior-bg.jpg') no-repeat left top;
 /*margin-left: 1px; margin-right: 3px;*/
}

#menu #menu-senior:hover, #menu #menu-senior.active {
 background: transparent url('images/menu-senior-bg-hover.jpg') no-repeat left top;
}

#menu #menu-contact {
 background: #888 url('images/menu-contact-bg.png') no-repeat left top;
 color: #000;
}

#menu #menu-contact:hover, #menu #menu-contact.active {
 /*background: #ccc url('images/menu-contact-bg.png') no-repeat left top;*/
 background: #e1720d url('images/menu-contact-bg.png') no-repeat left top;
}

/*#menu .menu-bottom-left-corner, #menu .menu-bottom-right-corner {
 margin-top: -26px;
}*/

.menu-upper-left-corner, .menu-upper-right-corner, .menu-bottom-left-corner, .menu-bottom-right-corner {
 display: block;
 width: 12px;
 height: 12px;
}

.menu-bottom-left-corner {
 float: left;
 background: transparent url('images/menu-corners.png') no-repeat 0px -12px;
 /*background: transparent url('images/menu-corners.png') no-repeat 0px -16px;*/
 /*background: transparent url('images/menu-corners.gif') no-repeat 0px -16px;*/
 margin-top: -22px;
}

.menu-bottom-right-corner {
 float: right;
 background: transparent url('images/menu-corners.png') no-repeat -12px -12px;
 /*background: transparent url('images/menu-corners.png') no-repeat -16px -16px;*/
 /*background: transparent url('images/menu-corners.gif') no-repeat -16px -16px;*/
 /*margin-top: -16px;*/
 margin-top: -22px;
}




.upper-left-corner, .upper-right-corner, .bottom-left-corner, .bottom-right-corner {
 display: block;
 width: 13px;
 height: 13px;
}

.upper-left-corner {
 float: left;
 /*background: transparent url('images/menu-corners.png') no-repeat 0px 0px;*/
 background: transparent url('images/corners-border.png') no-repeat 0px 0px;
 margin-top: -2px;
 margin-left: -2px;
}

.upper-right-corner {
 float: right;
 /*background: transparent url('images/menu-corners.png') no-repeat -16px 0px;*/
 /*background: transparent url('images/corners-border.png') no-repeat -16px 0px;*/
 background: transparent url('images/corners-border.png') no-repeat -12px 0px;
 margin-top: -2px;
 margin-right: -2px;
}

.bottom-left-corner {
 float: left;
 /*background: transparent url('images/menu-corners.png') no-repeat 0px -16px;*/
 /*background: transparent url('images/corners-border.png') no-repeat 0px -16px;*/
 background: transparent url('images/corners-border.png') no-repeat 0px -12px;
 margin-bottom: -2px;
 margin-left: -2px;
}

.bottom-right-corner {
 float: right;
 /*background: transparent url('images/menu-corners.png') no-repeat -16px -16px;*/
 /*background: transparent url('images/corners-border.png') no-repeat -16px -16px;*/
 background: transparent url('images/corners-border.png') no-repeat -12px -12px;
 margin-bottom: -2px;
 margin-right: -2px;
}



































/* ***********************************************************************************
	CONTENT
*********************************************************************************** */
#container {
 float: right;
 /*width: 620px;*/
 width: 75%;
 min-width: 630px;
 background: #fff;
 border: 2px solid #ddd;
 background: #fff url('images/fond-lyon.png') no-repeat bottom right;
}

/* Paramétrage spécial de la page d'accueil */
#container.accueil, #container.accueil_2 {
 float: left;
 width: 100%;
 margin-left: -2px;
 font-size: 1.1em;
}

#container.accueil .post, #container.accueil_2 .post {
 padding: 0;
}

#container.accueil .post h2, #container.accueil_2 .post h2 {
 display: none;
}

#container.accueil_2 {
 background: #fff url('http://esdes-intergenerations.net/wp-content/uploads/2010/10/invit.jpg') no-repeat top center;
}

#container.accueil #accueil-junior {
 min-height: 190px;
 /*background: #fff url('images/accueil-junior.png') no-repeat top right;*/
 background: #fff url('images/accueil-Lyon.jpg') no-repeat top right;
 border-bottom: 1px solid #ddd;
}

#container.accueil #accueil-senior {
 min-height: 190px;
 background: #fff url('images/accueil-senior.png') no-repeat bottom left;
 border-bottom: 1px solid #ddd;
 margin-bottom: -12px;
}

#container.accueil p {
 width: 50%;
}

#container.accueil #accueil-junior p {
 float: left;
 text-align: center;
 margin-left: 75px;
 margin-top: 0px;
}
#container.accueil #accueil-senior p {
 float: right;
 text-align: center;
 margin-right: 50px;
 margin-top: 0px;
}

#container.association {
 /*background: #fff url('images/header_contact.jpg') no-repeat top right;*/
}

#container.etudiants {
 background: #fff url('images/container-junior-bg.jpg') no-repeat top right;
}

#container.seniors {
 background: #fff url('images/container-senior-bg.jpg') no-repeat top right;
}

.post {
 padding: 30px;
}

.post h2 {
 font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Helvetica, Sans, FreeSans, Jamrul, Garuda, Kalimati, Sans-serif;
 font-size: 1.5em;
 /*width: 100%;*/
 width: 50%;
 border-bottom: 5px solid #f0f0f0;
}
.post h2 a {
 color: #000;
 text-decoration: none;
}

.post h2 a:hover {
 color: #ec7404;
}

.post h3 {
 color: #555;
 font-size: 1.1em;
 margin: 10px 0 10px 0;
}

.post ul {
 margin-left: 25px;
 margin-top: -10px;
}

table.tableau-temoignages.contact {
 padding: 20px;
}

table.tableau-temoignages.contact tr td {
 padding: 2px 10px;
}

input.text {
 width: 70%;
}

input.not-required {
 border: 1px solid #cacaca;
}

input.required, textarea.required {
 border: 1px solid #aaaaaa;

}


/*
  Gestion de la mise en page des tableau dynamiques :
  - Liste des associations présentes dans le réseau LIS
  - Liste des commentaires (quoique...)
*/
.post .tableau-reseau {
 margin : 10px 0 10px 0;
 /*background:#f7f7f7;*/
 /*border: 1px solid #e7e8e6;*/
 width: 100%;
}

.post .tableau-reseau tr td{
 border: 1px solid #e7e8e6;
}

/*.post .tableau-reseau tr {
 opacity: .75;
 filter: alpha(opacity=75);
}*/

/*.post .tableau-reseau tr:hover {
 background:#fffcfc;
 opacity: 1.0;
 filter: alpha(opacity=100);
}*/

/*.post .tableau-reseau tr:hover td {
 border: 1px solid #f7c8c6;
}*/

.post .tableau-reseau tr:hover td {
 border: 1px solid #c7c8c6;
}

.post .tableau-reseau:hover tr {
 opacity: 0.75;
 filter: alpha(opacity=75);
}

.post .tableau-reseau:hover tr:hover  {
 opacity: 1.00;
 filter: alpha(opacity=100);
 background:#fafafa;
}

.post .tableau-reseau .logo {
 text-align: center;
 vertical-align: middle;
}

.post .tableau-reseau .logo img {
 width: 75px;
 margin: 0 5px 0 5px;
}

.post .tableau-reseau .reseau-nom {
 margin-left: 10px;
 color: #ec7404;
 font-weight: bold;
}

.post .tableau-reseau .reseau-nom a {
 text-decoration: underline;
}

.post .tableau-reseau .reseau-contact {
 display: block;
 margin: 10px 0 -15px 10px;
 font-weight: bolder;
}

.post .tableau-reseau .reseau-email {
 margin: 0 0 0 10px;
}


.post .tableau-reseau .reseau-adresse {
 display: block;
 margin: 10px 0 10px 10px;
}

.post .tableau-reseau .reseau-telephone {
 margin: 0px 0 5px 10px;
 font-style: italic;
}


.post .tableau-partenaires {
 margin: 10px 0 50px 0;
 text-align: center;
}

.post .tableau-partenaires img {
 margin: 25px;
}

.post .tableau-partenaires tr td {
 border-spacing:10px;
}

/*
.post .tableau-partenaires:hover td {
 opacity: 0.25;
 filter: alpha(opacity=25);
}

.post .tableau-partenaires:hover td:hover  {
 opacity: 1.00;
 filter: alpha(opacity=100);
}
*/

/*
   Description de la mise en page pour les tableaux Presse :
*/
.post .tableau-presse, .post .tableau-temoignages {
 -moz-border-radius: 10px;
 margin: 10px 0 50px 0;
 background: #fafafa;
 border: 1px solid #ddd;
 padding: 5px;
}

.post .tableau-presse img {
 width : 150px;
 border: 1px solid #ddd;
}

.post .tableau-presse tr td {
 border-spacing:10px;
 vertical-align: top;
 text-align: center;
 padding: 25px;
 width: 200px;
 font-weight: bold;
}

.post .tableau-presse .logo {
 width: 100px;
 margin-top: 15px;
}


/*
   Description de la mise en page pour les tableaux des témoignages :
*/
.post .tableau-temoignages tr td {
 border-spacing:5px;
 vertical-align: top;
 padding: 15px;
}

.post .tableau-temoignages .photo {
 width : 150px;
}

.post .tableau-temoignages .photo img {
 margin: 40px 0 5px 0;
 padding: 1px;
 width : 150px;
 border: 1px solid #ddd;
}

.post .tableau-temoignages .auteur {
 display: block;
 font-style: normal;
 font-weight: bold;
 font-size: 1.1em;
 margin: 5px 0 0 20px;
}

.post .tableau-temoignages .date {
 float: right;
 margin-top: 10px;
}

.post .tableau-temoignages {
 font-style: italic;
 text-align: justify;
}




/* * * * FIN * * * */

/* * * * COMMENTAIRES * * * */

.commentlist .alt td {
 background : #f5f5f5;
 border: 1px solid #ddd;
 -moz-border-radius: 8px;
 /*padding: 30px;
 list-style: none;
 
 -moz-border-radius: 10px;
 margin: 10px 0 50px 0;
 background: #fafafa;
 border: 1px solid #ddd;*/
}

/*.commentlist .commentmetadata {
 font-size: 1.2em;
}*/


/* * * * FIN * * * */




.entry {
 line-height: 18px;
}

p.postmetadata{
 font-size: 0.8em;
 font-style: italic;
 color: #aaa;
 border-top: 1px solid #dddddd;
 margin: 10px 0 0 0;
}

.navigation{
 margin: 0 0 10px 25px;
 padding: 10px 0 0 0;
 font-size: 14px;
 font-weight: bold;
 line-height: 18px;
}

/*
  Gestion de l'affichage des images sur le site internet :
*/
.alignleft { float: left; }
.alignright { float: right; }

.wp-caption {
  background:#F7F7F7;
  border: 1px solid #E7E8E6;
  border-radius: 4px;
  -moz-border-radius: 4px;
  padding-top:5px;
  margin:4px 10px;
  text-align:center;
  color: #8d8b8b;
}

.wp-caption img, .post .postbody .wp-caption img, .attachment .wp-caption img {
 margin: 0;
 border: 0;
 padding: 0;
}

.wp-caption iframe {
 border: 1px solid #e7e8e6;
}

.wp-caption.alignleft{ margin-left: 0; }
.wp-caption.alignright{ margin-right: 0; }

/* * * * FIN * * * */

































/* ***********************************************************************************
	SIDEBAR
*********************************************************************************** */
.sidebar {
 float: left;
 /*width: 208px;/* Modifier cette valeur si les bordures sont supprimées */
 width : 24%;
 min-width: 210;
 background: #fff;
 margin: 0 0 0 0;
 /*display: inline;/* Correction d'un bug possible sous IE. */
 border: 2px solid #ddd;
}

.sidebar .pagenav * { 
 font-size: 1.03em;
}

.sidebar .pagenav h2 {
 display: block;
 width: 100%;
 font-size: 1.5em;
 text-align: center;
 margin: 20px 0 15px 0;
 color: #000;
 border-bottom: 5px solid #f0f0f0;
}

.sidebar ul {
 list-style-type: none;
 margin: 0;
 padding: 0 10px 0 10px;
}

.sidebar ul li {
 padding: 10px 0 10px 0;
}

.sidebar ul ul li {
 padding: 0;
}

.sidebar ul ul li {
 margin-left: 10px;
 margin-top: 15px;
}

.sidebar ul ul ul li {
 margin-top: 2px;
}

/* Liens principaux */
.sidebar ul ul ul li {
 list-style: disc;
 color: #ecddcf;
}
.sidebar ul ul li a {
 display: block;
 /*color: black;*/
 color : #4b8b9a;

 /*color: #6c3502;*/
 text-decoration: none;
 font-weight: bold;
 margin: 0;
 padding-left: 5px;
}

.sidebar .pagenav ul li a {
 width: 85%;
}

.sidebar .pagenav ul li a:hover {
 color: #fff;
 /*background: #6c3502;*/
 /*background: #333;*/
 background: #8abbc7;
}

.sidebar  .pagenav  ul ul li a {
 /*color: #555;*/
 color: #ec7404;
 /*font-style: italic;*/
}

.sidebar  .pagenav  ul ul li a:hover {
 color: #fff;
 background: #ec7404;
}

/*.sidebar .annonces h2 {*/
.sidebar .linkcat h2 {
 display: block;
 /*margin: 0;*/
 background: #ededed;
 font-size: 1em;
 width:100%;
 height: 20px;
 margin-left: -12px;
 padding-left: 10px;
 padding-right: 10px;
 border-top: 2px solid #eaeaea;
 border-right: 2px solid #ddd;
 border-bottom: 2px solid #eaeaea;
 border-left: 2px solid #ddd;
}

/*
.sidebar .annonces .linkcat li {
 display: block;
 background: blue;
 margin: 0;
 padding: 0;
}*/


/*.sidebar .linkcat a {
 display: block;
 text-decoration : underline;
 text-align: center;
 vertical-align: middle;
 color: #ec7404;
 font-size: 1.2em;
 font-weight: bold;
 margin-top: 10px;
 margin-bottom: 10px;
 background: transparent url('images/annonces.png') no-repeat center center;
 height: 50px;
}*/

.sidebar .linkcat a {
 border: 0px solid red;
 display: block;
 text-decoration : none;
 text-align: center;
 /*vertical-align: middle;*/
 color: #eaeaea;
 font-size: 1.0em;
 /*font-weight: bold;*/
 margin-top: 10px;
 margin-bottom: 10px;
 /*background: transparent url('images/image_v3.png') no-repeat center center;*/
 background: transparent url('images/sidebar-linkcat-v4.png') no-repeat center center;
 padding: 15px 0 19px 0;
 margin-left: -10px;
 font-style: italic;
 font-family: Arial, Helvetica, sans-serif;
}

/*.sidebar .linkcat a {
 border: 0px solid red;
 display: block;
 text-decoration : none;
 text-align: center;
 vertical-align: middle;
 color: #eaeaea;
 font-size: 1.2em;
 font-weight: bold;
 margin-top: 10px;
 margin-bottom: 10px;
 background: transparent url('images/image.png') no-repeat center center;
 padding: 15px 0 20px 0;
 margin-left: -10px;
}*/

.sidebar .linkcat a:hover {
 /*color: #f00;*/
 text-decoration: underline;
}

.sidebar .logo-esdes {
 display: block;
 margin: 0 auto;
 width: 100%;
 height: 150px;
 margin-top: 10px;
 clear: both;
 border-top: 5px solid #ededed;
 background: #fff url('images/logo-esdes.jpg') no-repeat center center;
}

/* Obsolète */
#sidebar-link-dossier {
 text-decoration: none;
 margin-left: -10px;
 /*background: transparent url('images/sidebar-link-dossier.png') no-repeat top left;
 width: 210px;
 height: 70px;*/
 background: transparent url('images/image.png') no-repeat top left;
 width: 219px;
 height: 95px;
 display: block;
}







































/* ***********************************************************************************
	FOOTER
*********************************************************************************** */
#footer {
 clear: both;
 float: left;
 width: 100%;
 text-align: center;
 padding: 25px 0 25px 0;
}

#footer .line {
 background: transparent url('images/footer-line.png') repeat-x 0px 0px;
}

#footer .line a {
 text-decoration: none;
 display: block;
 height: 75px;
 margin:0 auto;
 width:187px;
}

#footer .univ-logo {
 background: #eaeaea url('images/logo-universite-catholique-lyon.png') no-repeat top center;
}

#footer .esdes-logo {
 /*display: block;
 margin: 10px auto;*/
 background: transparent url('images/logo-esdes.jpg') no-repeat right center;
 float: right;
 width: 100px;
 height: 102px;
 border: 1px solid #ccc;
}


#footer p {
 text-align: center;
 /*padding-left: 111px;*/
}

/* Modification pour la page d'accueil : pas d'affichage du logo à droite */
#footer.accueil p { padding-left: 0px; }

.wp-caption.aligncenter {
	margin: auto;
}
.wp-caption, .wp-caption.aligncenter {
	margin-top: 15px;
}

.menu {
	display: block;
	position: relative;
	left: -25px;
	width: 100%;
	clear: both;
	margin: 10px;
}

.menu-item {
	list-style: none;
	display: block;
	float: left;
	padding: 10px;
	margin-right: -1px;
	cursor: pointer;
	border: 1px solid #ffdeaf;
}

.menu-item:hover {
	background: #fffedf;
	text-decoration: underline;
}

.menu-item.active {
	background: #fffbcc;
	text-decoration: underline;
}

.flash-info {
	position: fixed;
	top: 0px;
	left: -1px;
	right: -1px;
	background: #fffbcc;
	border: 1px solid #e6dc58;
	padding: 5px;
	min-height: 25px;
	z-index: 1001;
	text-align: center;
}

/*
 * AddThis
*/
.addthis_toolbox {
	position: relative;
	top: 10px;
	right: 10px;
	float: right;
	margin-bottom: -25px;
	z-index: 1000;
}