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


/*-------------------------------------------------------------------------------+
+ Page liste des membres (archive par type)                                      +
+-------------------------------------------------------------------------------*/

/* Colonnes ************************************************************/

.page-membres-archive .colonne-gauche {
	width: 690px;
}

.page-membres-archive .colonne-droite {
	width: 300px;
}


/* Module liste des membres *******************************************/

.entreprises #module-liste-membres h1 {
	background: url(../../img/titres/tt-entreprises-L.png) no-repeat left top;
}

.ecoles-organisations #module-liste-membres h1 {
	background: url(../../img/titres/tt-ecoles-organisations-L.png) no-repeat left top;
}

.portraits-membres #module-liste-membres h1 {
	background: url(../../img/titres/tt-portraits-membres-L.png) no-repeat left top;
}

.partenaires #module-liste-membres h1 {
	background: url(../../img/titres/tt-partenaires-L.png) no-repeat left top;
}

.devenir-membre #module-liste-membres h1 {
	background: url(../../img/titres/tt-devenir-membre-L.png) no-repeat left top;
}

.page-membres-archive #module-liste-membres #liste-membres {
	background: url(../../img/divers/1px-E3E3E3.gif) repeat-y center bottom;
	margin: 0 -10px 0 -10px;
	overflow: hidden;
}

.page-membres-archive #module-liste-membres #liste-membres .membre {
	float: left;
	position: relative;
	width: 305px;
	min-height: 14em;
	padding: 15px 20px 0 10px;
}

.page-membres-archive #module-liste-membres #liste-membres .membre h3 {
	margin-bottom: 10px;
	font-size: 1.2em;
	line-height: 1.2em;
}

.page-membres-archive #module-liste-membres #liste-membres .membre h3 a {
	text-decoration: none;
}

.page-membres-archive #module-liste-membres #liste-membres .membre h3 a:hover {
	text-decoration: underline;
}

.page-membres-archive #module-liste-membres #liste-membres .membre h3 a:active {
	color: #418BD5;
}

.page-membres-archive #module-liste-membres #liste-membres .membre blockquote {
 	font-style: italic;
 	line-height: 1.4em;
}

.page-membres-archive #module-liste-membres #liste-membres .membre .visuel {
	float: left;
	margin: 0 10px 5px 0;
}

.page-membres-archive #module-liste-membres #liste-membres .membre .visuel img {
	width: 120px;
	height: 75px;
	border: 3px solid #E2E2E2;
}

.portraits-membres #module-liste-membres #liste-membres .membre .visuel img {
	width: 100px;
	height: 120px;
}

.page-membres-archive #module-liste-membres #liste-membres .membre .visuel:hover img {
	border-color: #BFBFBF;
}

.page-membres-archive #module-liste-membres #liste-membres .membre .visuel:active img {
	border-color: #418BD5;
}

.page-membres-archive #module-liste-membres #liste-membres .membre blockquote .guillemets-debut, .page-membres-archive #module-liste-membres #liste-membres .membre blockquote .guillemets-fin {
	position: relative;
	padding-left: 14px;
	line-height: 12px;
}

.page-membres-archive #module-liste-membres #liste-membres .membre blockquote .guillemets-debut {
	background: url(../../img/guillemets/debut-noir-s.png) no-repeat left top;
}

.page-membres-archive #module-liste-membres #liste-membres .membre blockquote .guillemets-fin {
	background: url(../../img/guillemets/fin-noir-s.png) no-repeat right top;
}

.page-membres-archive #module-liste-membres .pagination ul {
	float: right;
	margin-right: -5px;
}



/*-------------------------------------------------------------------------------+
+ Page détail d'un membre                                                        +
+-------------------------------------------------------------------------------*/

/* Colonnes ************************************************************/

.page-membres-detail .colonne-gauche {
	width: 690px;
}

.page-membres-detail .colonne-droite {
	width: 300px;
}


/* Module entête du membre *********************************************/

.page-membres-detail #module-entete-membre .lien-bouton {
	position: absolute;
	top: 7px;
	right: 10px;
}

.page-membres-detail #module-entete-membre #infos {
	background: url(../../img/separateurs/sep-hor-gris-960.gif) no-repeat left bottom;
	min-height: 25px;
	margin: -7px 0 20px 0;
	overflow: hidden;
}

.page-membres-detail #module-entete-membre #infos p {
	float: left;
	margin-right: 10px;
	padding: 3px 10px 3px 0;
	color: #9F9F9F;
	font-style: italic;
}

.page-membres-detail #module-entete-membre #resume-membre {
	position: relative;
	float: left;
	width: 310px;
	min-height: 100px;
	margin-right: 15px;
	padding-left: 180px;
}

.portraits-membres #module-entete-membre #resume-membre {
	width: 370px;
	min-height: 120px;
	padding-left: 120px;
}

.page-membres-detail #module-entete-membre #resume-membre img {
	position: absolute;
	top: 0;
	left: 0;
	width: 160px;
	height: 100px;
	border: 3px solid #E2E2E2;
}

.portraits-membres #module-entete-membre #resume-membre img {
	width: 100px;
	height: 120px;
}

.page-membres-detail #module-entete-membre #resume-membre h1 {
	margin-bottom: 10px;
	padding-top: 5px;
	font-size: 1.8em;
}

.page-membres-detail #module-entete-membre #resume-membre #metier {
	margin-bottom: 15px;
	font-size: 1.1em;
}

.page-membres-detail #module-entete-membre #resume-membre #url {
	background: url(../../img/puces/ordi-gris-s.gif) no-repeat left center;
	min-height: 18px;
	padding: 3px 0 0 21px;
}

.page-membres-detail #module-entete-membre #resume-membre #url a {
	text-decoration: none;
	color: #9F9F9F;
}

.page-membres-detail #module-entete-membre #resume-membre #url a:hover {
	text-decoration: underline;
}

.page-membres-detail #module-entete-membre #resume-membre #url a:active {
	color: #000000;
}

.page-membres-detail #module-entete-membre blockquote {
	float: left;
	background: url(../../img/separateurs/sep-ver-gris-120.gif) no-repeat left top;
	width: 410px;
	min-height: 110px;
	margin-top: -5px;
	padding: 10px 20px 0 25px;
	font-size: 1.2em;
	font-style: italic;
	line-height: 1.5em;
}

.portraits-membres #module-entete-membre blockquote {
	margin-top: 0;
}

.page-membres-detail #module-entete-membre blockquote .guillemets-debut, .page-membres-detail #module-entete-membre blockquote .guillemets-fin {
	position: relative;
	padding-left: 21px;
	line-height: 16px;
}

.page-membres-detail #module-entete-membre blockquote .guillemets-debut {
	background: url(../../img/guillemets/debut-noir-m.png) no-repeat left top;
}

.page-membres-detail #module-entete-membre blockquote .guillemets-fin {
	background: url(../../img/guillemets/fin-noir-m.png) no-repeat right top;
}


/* Module de détail du membre ******************************************/

.page-membres-detail #module-detail-membre {
	font-size: 1.1em;
}

.page-membres-detail #module-detail-membre h2 {
	font-size: 1.2em;
	margin-bottom: 10px;
	padding-top: 5px;
}

.page-membres-detail #module-detail-membre h3 {
	font-size: 1.1em;
	margin-bottom: 10px;
	padding-top: 5px;
}

.page-membres-detail #module-detail-membre p {
	line-height: 1.4em;
}

.page-membres-detail #module-detail-membre ul, .page-membres-detail #module-detail-membre ol {
	margin-bottom: 0.7em;
}

.page-membres-detail #module-detail-membre ul li, .page-membres-detail #module-detail-membre ol li {
	background: url(../../img/puces/superieur-noir-s.gif) no-repeat 5px 0.5em;
	padding: 3px 0 3px 15px;
	line-height: 1.4em;
}

.page-membres-detail #module-detail-membre a {
	color: #418BD5;
}

.page-membres-detail #module-detail-membre a:hover {
	color: #9F9F9F;
}

.page-membres-detail #module-detail-membre a:active {
	color: #000000;
}

.page-membres-detail #module-detail-membre #share-this {
	margin: 20px 0 0 0;
	font-size: 0.9em;
}

.page-membres-detail #module-detail-membre #share-this a {
	color: #9F9F9F;
	text-decoration: none;
	line-height: 16px;
}

.page-membres-detail #module-detail-membre #share-this a:hover {
	color: #288227;
	text-decoration: underline;
}

.page-membres-detail #module-detail-membre #share-this a:active {
	color: #000000;
}



/*-------------------------------------------------------------------------------+
+ Page "Devenir membre"                                                          +
+-------------------------------------------------------------------------------*/

/* Module entête du formulaire *****************************************/

.page-membres-devenir-membre #module-entete-formulaire h1 {
	background: url(../../img/titres/tt-devenir-membre-L.png) no-repeat left top;
}

.page-membres-devenir-membre #module-entete-formulaire #intro {
	margin-bottom: 15px;
	padding-right: 250px;
}

.page-membres-devenir-membre #module-entete-formulaire #intro p {
	line-height: 1.4em;
}


/* Choix type adhésion */

.page-membres-devenir-membre #module-entete-formulaire #choix-type-adhesion h2 {
	background: url(http://www.designersinteractifs.org/fr/wp-content/themes/di01/ressources/img/titres/st-choisissez-type-adhesion.png) no-repeat left top;
	margin: 0;
}


/* Besoin d'aide ? */

.page-membres-devenir-membre #module-entete-formulaire #besoin-aide {
	position: absolute;
	top: 33px;
	right: 15px;
	background: url(../../img/separateurs/sep-ver-gris-135.gif) no-repeat left center;
	width: 185px;
	min-height: 110px;
	padding-left: 25px;
}

.page-membres-devenir-membre #module-entete-formulaire #besoin-aide h2 {
	background: url(../../img/titres/tt-besoin-aide-S.png) no-repeat left top;
	margin-left: 0;
}

.page-membres-devenir-membre #module-entete-formulaire #besoin-aide p {
	line-height: 1.4em;
}

.page-membres-devenir-membre #module-entete-formulaire #besoin-aide p #numero-aide {
	display: block;
	background: url(../../img/puces/telephone-gris-s.gif) no-repeat left center;
	min-height: 18px;
	margin-top: 10px;
	padding: 0 0 3px 16px;
	font-size: 1.4em;
	font-weight: bold;
}


/* Cas sans javascript */

.page-membres-devenir-membre #module-entete-formulaire #message-javascript {
	background: url(../../img/puces/attention-rouge-m.gif) no-repeat left center;
	padding: 5px 250px 5px 30px;
	font-weight: bold;
	color: #FF0000;
}

.page-membres-devenir-membre #module-entete-formulaire #message-javascript p {
	margin-bottom:  0;
}






/* Colonnes ************************************************************/

.page-membres-devenir-membre-detail .colonne-gauche {
	width: 690px;
}

.page-membres-devenir-membre-detail .colonne-droite {
	width: 300px;
}


/* Module de détail de la page *****************************************/

.page-membres-devenir-membre-detail #module-detail-devenir-membre {
	font-size: 1.1em;
}

.page-membres-devenir-membre-detail #module-detail-devenir-membre h1 {
	background: url(../../img/titres/tt-devenir-membre-L.png) no-repeat left top;
}

.page-membres-devenir-membre-detail #module-detail-devenir-membre h2 {
	font-size: 1.2em;
	margin-bottom: 10px;
	padding-top: 5px;
}

.page-membres-devenir-membre-detail #module-detail-devenir-membre h3 {
	font-size: 1.1em;
	margin-bottom: 10px;
	padding-top: 5px;
}

.page-membres-devenir-membre-detail #module-detail-devenir-membre p {
	line-height: 1.3em;
}

.page-membres-devenir-membre-detail #module-detail-devenir-membre ul, .page-membres-devenir-membre-detail #module-detail-devenir-membre ol {
	margin-bottom: 0.7em;
}

.page-membres-devenir-membre-detail #module-detail-devenir-membre ul li, .page-membres-devenir-membre-detail #module-detail-devenir-membre ol li {
	background: url(../../img/puces/superieur-noir-s.gif) no-repeat 5px 0.7em;
	padding: 3px 0 3px 15px;
	line-height: 1.3em;
}

.page-membres-devenir-membre-detail #module-detail-devenir-membre a {
	color: #418BD5;
}

.page-membres-devenir-membre-detail #module-detail-devenir-membre a:hover {
	color: #9F9F9F;
}

.page-membres-devenir-membre-detail #module-detail-devenir-membre a:active {
	color: #000000;
}