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

/* Filtre pour les navigateurs Win 4.x et IE5.0 Mac et Windows */
@import'base.css';

@font-face {
	font-family: National;
	src: url("../fonts/National-Regular.eot");
	src: url("../fonts/National-Regular.eot") format('embedded-opentype'), url("../fonts/National-Regular.woff") format("woff"), url("../fonts/National-Regular.ttf") format("truetype"), url("../fonts/National-Regular.svg") format("svg");
	font-weight: normal;
}

@font-face {
	font-family: National;
	src: url("../fonts/National-RegularItalic.eot");
	src: url("../fonts/National-RegularItalic.eot") format('embedded-opentype'), url("../fonts/National-RegularItalic.woff") format("woff"), url("../fonts/National-RegularItalic.ttf") format("truetype"), url("../fonts/National-RegularItalic.svg") format("svg");
	font-weight: normal;
	font-style: italic;
}

@font-face {
	font-family: National;
	src: url("../fonts/National-Bold.eot");
	src: url("../fonts/National-Bold.eot") format('embedded-opentype'), url("../fonts/National-Bold.woff") format("woff"), url("../fonts/National-Bold.ttf") format("truetype"), url("../fonts/National-Bold.svg") format("svg");
	font-weight: bold;
}

@font-face {
	font-family: National;
	src: url("../fonts/National-BoldItalic.eot");
	src: url("../fonts/National-BoldItalic.eot") format('embedded-opentype'), url("../fonts/National-BoldItalic.woff") format("woff"), url("../fonts/National-BoldItalic.ttf") format("truetype"), url("http://membres.designersinteractifs.org/wp-content/themes/di03/ressources/fonts/National-BoldItalic#National-BoldItalic") format("svg");
	font-weight: bold;
	font-style: italic;
}




/*///////////////////////////////////////////////////////////////////////////////////////////////
//                                                                                             //
//  COMMUN                                                                                     //
//                                                                                             //
///////////////////////////////////////////////////////////////////////////////////////////////*/


#wpadminbar {
	display: none!important;
}

body {
	position: relative;
	background-color: #000;
	color: #333;
	z-index: 1;
}

h1, h2, h3, h4, h5, h6 {
	font-family: National;
}

a, a:hover, a:active, a:visited, a:focus {
	color: #333;
}

cite {
	font-style: italic;
}

.verticalign {
	vertical-align: middle;
	display: inline-block;
	line-height: normal;
}



/*-------------------------------------------------------------------------------+
+ Structure des pages                                                            +
+-------------------------------------------------------------------------------*/

body .conteneur {
	position: relative;
	clear: both;
	margin: 0 auto;
}

@media screen and (max-width: 767px) { /* Mobile */

	body .conteneur {
		max-width: 767px;
	}

}

@media screen and (min-width: 768px) and (max-width: 1024px) { /* Tablette */

	body .conteneur {
		max-width: 990px;
	}

}

@media screen and (min-width: 1025px) { /* Bureau */

	body .conteneur {
		width: 990px;
	}

}



/*-------------------------------------------------------------------------------+
+ Message d'alerte IE6                                                           +
+-------------------------------------------------------------------------------*/

#alerte-ie6 {
	background: #ffe5e5 url(../img/pictos/attention-ie6.gif) no-repeat 20px 20px;
	width: 870px;
	margin: 20px auto 20px auto;
	padding: 10px 10px 10px 80px;
	color: #ff0000;
}

#alerte-ie6 h6 {
	margin-bottom: 15px;
	font-size: 1.8em;
	line-height: 1.4em;
}

#alerte-ie6 h6 strong {
	text-decoration: underline;
}

#alerte-ie6 p {
	font-size: 1.4em;
	line-height: 1.5em;
}



/*-------------------------------------------------------------------------------+
+ Avertissement javascript                                                       +
+-------------------------------------------------------------------------------*/

#avertissement-javascript {
    position: fixed;
    top: 0;
    left: 0;
    background-color: #ffff99;
    width: 100%;
    -webkit-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.3);
    z-index: 100000;
}

#avertissement-javascript p {
	background: url(../img/puces/alerte-javascript.png) no-repeat 32px 9px;
	max-width: 990px;
	margin: 0 auto;
    padding: 10px 10px 10px 60px;
    color: #000;
    font-size: 1.4em;
}



/*-------------------------------------------------------------------------------+
+ Chargement javascript                                                          +
+-------------------------------------------------------------------------------*/

#chargement {
	text-align: center;
}

#chargement p {
	font-weight: bold;
}

#chargement p .picto {
	display: inline-block;
	background: url(../img/divers/chargement.gif) no-repeat center center;
	width: 50px;
	height: 50px;
	vertical-align: middle;
}

@media screen and (max-width: 767px) { /* Mobile */

	#chargement {
		padding: 30px 0;
	}

	#chargement p {
		font-size: 1.4em;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */
	
	#chargement {
		padding: 50px 0;		
	}

	#chargement p {
		font-size: 1.6em;
	}

}



/*-------------------------------------------------------------------------------+
+ Web responsive                                                                 +
+-------------------------------------------------------------------------------*/

@media screen and (max-width: 767px) { /* Mobile */

	.cas-t-b {
		display: none!important;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */
	
	.cas-m {
		display: none!important;
	}

}



/*-------------------------------------------------------------------------------+
+ Aucun article                                                                  +
+-------------------------------------------------------------------------------*/

@media screen and (max-width: 767px) { /* Mobile */

	#aucun-article {
		font-size: 1.3em;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */
	
	#aucun-article {
		font-size: 1.4em;
	}

}



/*-------------------------------------------------------------------------------+
+ Aucun autre article                                                            +
+-------------------------------------------------------------------------------*/

#aucun-autre-article {
	color: #888;
}

@media screen and (max-width: 767px) { /* Mobile */

	#aucun-autre-article {
		font-size: 1.3em;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */
	
	#aucun-autre-article {
		font-size: 1.4em;
	}

}

@media screen and (min-width: 1025px) { /* Bureau */
	
	#aucun-autre-article {
		padding-left: 20px;
	}

}



/*-------------------------------------------------------------------------------+
+ Boutons et liens                                                               +
+-------------------------------------------------------------------------------*/

/* Boutons *************************************************************/

.bouton {
	display: inline-block;
	padding: 0 9px;
	color: #fff;
	font-size: 1.3em;
	font-weight: bold;
	border-width: 1px;
	border-style: solid;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3x;
	border-radius: 3px;
}

.bouton input, .bouton:hover, .bouton:hover input, .bouton:active, .bouton:active input, .bouton:visited, .bouton:visited input {
	color: #fff;
}

.bouton .puce {
	display: inline-block;
	background-repeat: no-repeat;
	background-position: left center;
	vertical-align: middle;
}

.bouton .libelle {
	display: inline-block;
	vertical-align: middle;
}

.bouton input.libelle {
	margin: 0;
	padding: 0;
}

@media screen and (max-width: 1024px) { /* Mobile + Tablette */
	
	.bouton {
		height: 38px;
	}
	
	.bouton .puce {
		display: none;
	}
	
	.bouton .libelle {
		line-height: 36px;
	}

}

@media screen and (min-width: 1025px) { /* Bureau */
	
	.bouton {
		height: 28px;
	}
	
	.bouton .libelle {
		line-height: 26px;
	}

	.bouton .puce + .libelle {
		margin-left: 10px;
	}

}


/* Personnalisation des boutons */

.bt-blanc {
	background: #fff url(../img/boutons/degrade-noir-15p.png) repeat-x left center;
	border-color: #d3d3d3;
	color: #888 !important;
}

.bt-blanc:active {
	background-image: url(../img/boutons/degrade-noir-25p.png);
}

.bt-bleu {
	background: #1375fb url(../img/boutons/degrade-noir-15p.png) repeat-x left center;
	border-color: #0055c8;
}

.bt-bleu:active {
	background-image: url(../img/boutons/degrade-noir-25p.png);
}

.bt-noir {
	background: #222 url(../img/boutons/degrade-blanc-15p.png) repeat-x left center;
	border-color: #000;
}

.bt-noir:active {
	background-image: url(../img/boutons/degrade-blanc-25p.png);
}

.bt-gris {
	background: #b8b8b8 url(../img/boutons/degrade-noir-15p.png) repeat-x left center;
	border-color: #777;
}

.bt-gris:active {
	background-image: url(../img/boutons/degrade-noir-25p.png);
}

.bt-vert {
	background: #0fc701 url(../img/boutons/degrade-noir-15p.png) repeat-x left center;
	height: 38px;
	border-color: #1b880d;
}

.bt-vert:active {
	background-image: url(../img/boutons/degrade-noir-25p.png);
}

.bt-vert .libelle {
	font-size: 1.4em;
	line-height: 36px;
}


/* Puces */

.bouton .puce-menu {
	background-image: url(../img/boutons/puces/menu-blanc.png);
	width: 22px;
	height: 17px;
}

.bouton .puce-oeil {
	background-image: url(../img/boutons/puces/oeil-blanc.png);
	width: 16px;
	height: 10px;
}

.bouton .puce-plus {
	background-image: url(../img/boutons/puces/plus-blanc.png);
	width: 10px;
	height: 10px;
}

.bt-vert .puce-plus {
	background-image: url(../img/boutons/puces/plus-blanc-L.png);
	width: 16px;
	height: 16px;
}

.bouton .puce-telecharger {
	background-image: url(../img/boutons/puces/telecharger-blanc.png);
	width: 10px;
	height: 9px;
}

.bouton .puce-twitter {
	background-image: url(../img/boutons/puces/twitter-bleu.png);
	width: 15px;
	height: 15px;
}

.bouton .puce-valide {
	background-image: url(../img/boutons/puces/valide-blanc.png);
	width: 15px;
	height: 14px;
}


/* Boutons speciaux */

.bt-devenir-membre-paypal {
	display: block;
	background: url(../img/boutons/bt-devenir-membre-paypal.png) no-repeat left top;
	width: 231px;
	height: 75px;
}

.bt-devenir-membre-paypal input {
	width: 231px;
	height: 75px;
}

.bt-sabonner-paypal {
	display: block;
	background: url(../img/boutons/bt-sabonner-paypal.png) no-repeat left top;
	width: 231px;
	height: 75px;
}

.bt-sabonner-paypal input {
	width: 231px;
	height: 75px;
}




/*///////////////////////////////////////////////////////////////////////////////////////////////
//                                                                                             //
//  ENTETE DE PAGE                                                                             //
//                                                                                             //
///////////////////////////////////////////////////////////////////////////////////////////////*/


#entete-page {
	background-color: #ebebeb;
	background-repeat: repeat-x;
	background-position: left -10px;
	margin: 0 auto;
	padding: 0 10px;
	z-index: 10;
}

@media screen and (max-width: 767px) { /* Mobile */

	#entete-page {
		background-image: url(../img/fonds/fd-entete-m.png);
	}

	#entete-page .logo-di {
		top: 55px;
	}

	#entete-page .logo-di img {
		height: 30px;
	}

	#entete-page #header-bandeau .conteneur {
		height: 105px;
		padding-bottom: 15px;
	}
	
	#entete-page #header-sousmenu .conteneur {
		margin-top: -15px;
		padding-bottom: 15px;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#entete-page #header-bandeau .conteneur {
		padding-bottom: 25px;
	}
	
	#entete-page #header-sousmenu .conteneur {
		margin-top: -25px;
		padding-bottom: 25px;
	}

}

@media screen and (min-width: 768px) and (max-width: 1024px) { /* Tablette */

	#entete-page {
		background-image: url(../img/fonds/fd-entete-t.png);
	}

	#entete-page #header-bandeau .conteneur {
		height: 120px;
	}

	#entete-page .logo-di {
		top: 62px;
	}

}

@media screen and (min-width: 1025px) { /* Bureau */

	#entete-page {
		background-image: url(../img/fonds/fd-entete-b.png);
	}

	#entete-page #header-bandeau .conteneur {
		height: 100px;
	}

	#entete-page .logo-di {
		top: 47px;
	}

}



/*-------------------------------------------------------------------------------+
+ Bandeau                                                                        +
+-------------------------------------------------------------------------------*/

#entete-page #header-bandeau .logo-di {
	position: absolute;
	left: 0;
}

@media screen and (max-width: 767px) { /* Mobile */

	#entete-page #header-bandeau .conteneur {
		height: 105px;
		padding-bottom: 15px;
	}

	#entete-page #header-bandeau .logo-di {
		top: 55px;
	}

	#entete-page #header-bandeau .logo-di img {
		height: 30px;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#entete-page #header-bandeau .conteneur {
		padding-bottom: 25px;
	}

}

@media screen and (min-width: 768px) and (max-width: 1024px) { /* Tablette */

	#entete-page #header-bandeau .conteneur {
		height: 120px;
	}

	#entete-page #header-bandeau .logo-di {
		top: 62px;
	}

}

@media screen and (min-width: 1025px) { /* Bureau */

	#entete-page #header-bandeau .conteneur {
		height: 100px;
	}

	#entete-page #header-bandeau .logo-di {
		top: 47px;
	}

}


/* Menu complet ********************************************************/

@media screen and (max-width: 767px) { /* Mobile */

	#entete-page #header-bandeau #afficher-menu-complet, #entete-page #header-bandeau #masquer-menu-complet {
		position: absolute;
		top: 50px;
		right: 0;
		width: 20px;
	}

	#entete-page #header-bandeau #afficher-menu-complet .puce, #entete-page #header-bandeau #masquer-menu-complet .puce {
		display: block;
		height: 38px;
		margin: 0 -1px;
	}

	#entete-page #header-bandeau #masquer-menu-complet {
		display: none; /* masque par defaut */
	}

	#entete-page #header-bandeau #menu-complet {
		display: none; /* masque par defaut */
		position: absolute;
		top: 100px;
		right: 0;
		background-color: #000;
		width: 100%;
		-webkit-border-radius: 0 0 5px 5px;
		-moz-border-radius: 0 0 5px 5px;
		border-radius: 0 0 5px 5px;
		z-index: 10000;
	}

	#entete-page #header-bandeau #menu-complet ul li {
		padding: 0 15px;
		font-family: National;
		font-size: 1.6em;
	}

	#entete-page #header-bandeau #menu-complet ul li:hover {
		background-color: #222;
	}

	#entete-page #header-bandeau #menu-complet ul li a {
		display: block;
		height: 40px;
		color: #fff;
		line-height: 40px;
		text-decoration: none;
		border-bottom: 1px solid #222;
	}

	#entete-page #header-bandeau #menu-complet ul li:last-child a {
		border-bottom: none;
	}

	#entete-page #header-bandeau #menu-complet ul li.actif a {
		background: url(../img/divers/menu-complet-mobile/puce-actif.png) no-repeat right center;
	}

	#entete-page #header-bandeau #menu-complet #debut-association {
		display: block;
		padding: 20px 15px 10px 15px;;
		color: #888;
		font-family: National;
		font-size: 1.8em;
		font-weight: bold;
		font-style: italic;
	}

	#entete-page #header-bandeau #menu-complet #fermer-menu-complet {
		background: url(../img/divers/menu-complet-mobile/puce-fermer.png) no-repeat center center;
		width: 100%;
		height: 30px;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#entete-page #header-bandeau #menu-complet {
		display: block!important;
	}
	
}


/* Menu des rubriques */

@media screen and (min-width: 768px) { /* Tablette + Bureau */
	
	#entete-page #header-bandeau #menu-rubriques {
		position: absolute;
		left: 150px;
		font-family: National;
	}
	
	#entete-page #header-bandeau #menu-rubriques ul li {
		float: left;
		padding: 10px 0;
		font-size: 1.7em;
	}
	
	#entete-page #header-bandeau #menu-rubriques ul li:hover {
		background: url(../img/divers/menu-rubriques/fd-hover.png) repeat-x left bottom;
	}
	
	#entete-page #header-bandeau #menu-rubriques ul li.actif, #entete-page #header-bandeau #menu-rubriques ul li.actif:hover {
		background: url(../img/divers/menu-rubriques/fd-actif.png) repeat-x left bottom;
	}
	
	#entete-page #header-bandeau #menu-rubriques ul li a {
		display: block;
		position: relative;
		background: url(../img/divers/menu-rubriques/separateur.png) no-repeat left center;
		padding: 0 15px;
		color: #fff;
		text-decoration: none;
	}
	
	#entete-page #header-bandeau #menu-rubriques ul li.actif {
		background: url(../img/divers/menu-rubriques/fd-actif.png) repeat-x left bottom;
	}
	
	#entete-page #header-bandeau #menu-rubriques ul li.actif a strong {
		font-weight: normal;
	}
	
	#entete-page #header-bandeau #menu-rubriques ul li:first-child a {
		background: none;
	}
	
	#entete-page #header-bandeau #menu-rubriques ul li#menu-rub-espacemembre a, #entete-page #header-bandeau #menu-rubriques ul li#menu-rub-espacemembre a strong {
		font-weight: bold;
	}
	
	#entete-page #header-bandeau #menu-rubriques ul li.actif a .repere {
		display: block;
		position: absolute;
		bottom: -15px;
		left: 50%;
		width: 0px;
		height: 0px;
		margin-left: -5px;
		border-style: solid;
		border-width: 5px 5px 0 5px;
		border-color: #014db4 transparent transparent transparent;
	}

}

@media screen and (min-width: 768px) and (max-width: 1024px) { /* Tablette */

	#entete-page #header-bandeau #menu-rubriques {
		top: 45px;
		height: 70px;
	}
	
	#entete-page #header-bandeau #menu-rubriques ul li a {
		height: 50px;
		text-align: center;
	}
	
	#entete-page #header-bandeau #menu-rubriques ul li a .breakpoint {
		display: block;
	}
	
	#entete-page #header-bandeau #menu-rubriques ul li#menu-rub-publications a {
		line-height: 50px;
	}
	
	#entete-page #header-bandeau #menu-rubriques ul li#menu-rub-actualites a, #entete-page #header-bandeau #menu-rubriques ul li#menu-rub-soireesdizain a, #entete-page #header-bandeau #menu-rubriques ul li#menu-rub-designinteractif a, #entete-page #header-bandeau #menu-rubriques ul li#menu-rub-espacemembre a {
		height: 42px;
		padding-top: 8px;
	}

}

@media screen and (min-width: 1025px) { /* Bureau */

	#entete-page #header-bandeau #menu-rubriques {
		top: 35px;
		height: 60px;
	}
	
	#entete-page #header-bandeau #menu-rubriques ul li a {
		height: 40px;
		line-height: 40px;
	}
	
	#entete-page #header-bandeau #menu-rubriques ul li.actif a strong .breakpoint {
		display: inline!important;
	}

}


/* Menu association */

@media screen and (min-width: 768px) { /* Tablette + Bureau */
	
	#entete-page #header-bandeau #menu-association {
		position: absolute;
		top: 0;
		left: -15px;
	}
	
	#entete-page #header-bandeau #menu-association ul li {
		float: left;
		padding: 0 5px;
		font-size: 1.2em;
	}
	
	#entete-page #header-bandeau #menu-association ul li a {
		display: block;
		color: #aaa;
		text-decoration: none;
	}
	
	#entete-page #header-bandeau #menu-association ul li a:hover {
		color: #fff;
	}
	
	#entete-page #header-bandeau #menu-association ul li a:active {
		text-decoration: underline;
	}
	
	#entete-page #header-bandeau #menu-association ul li.actif a {
		color: #fff;
	}

}

@media screen and (min-width: 768px) and (max-width: 1024px) { /* Tablette */

	#entete-page #header-bandeau #menu-association ul li a {
		padding: 0 8px;
		line-height: 45px;
	}

}

@media screen and (min-width: 1025px) { /* Bureau */

	#entete-page #header-bandeau #menu-association ul li a {
		padding: 0 10px;
		line-height: 35px;
	}

}


/* Titre de categorie active (cas mobile) ******************************/

@media screen and (max-width: 767px) { /* Mobile */

	#entete-page #header-bandeau h2.cas-m {
		position: absolute;
		top: 62px;
		left: 50%;
		width: 50%;
		margin-left: -17%;
		color: rgba(255, 255, 255, 0.5);
		font-size: 1.7em;
		font-weight: normal;
		font-style: italic;
		text-align: center;
	}

	.ie #entete-page #header-bandeau h2.cas-m {
		color: #85b3f3;
	}

}


/* Recherche ***********************************************************/

#entete-page #header-bandeau #recherche {
	position: absolute;
	right: 0;
	background-repeat: no-repeat;
	background-position: left top;
}

#entete-page #header-bandeau #recherche .champ {
	position: absolute;
	top: 0;
	background: none;
	border: none;
	margin: 0;
	padding: 0;
	color: #fff;
	font-size: 1.3em;
}

#entete-page #header-bandeau #recherche .bouton {
	position: absolute;
	top: 0;
	right: 0;
}

@media screen and (max-width: 767px) { /* Mobile */

	#entete-page #header-bandeau #recherche {
		top: 5px;
		background-image: url(../img/divers/recherche-mobile.png);
		width: 158px;
		height: 30px;
	}

	#entete-page #header-bandeau #recherche .champ {
		left: 12px;
		width: 115px;
		height: 30px;
	}
	
	#entete-page #header-bandeau #recherche .bouton {
		width: 30px;
		height: 30px;
	}

}

@media screen and (min-width: 768px) and (max-width: 1024px) { /* Tablette */

	#entete-page #header-bandeau #recherche {
		top: 7px;
		background-image: url(../img/divers/recherche-tablette.png);
		width: 178px;
		height: 30px;
	}

	#entete-page #header-bandeau #recherche .champ {
		left: 12px;
		width: 135px;
		height: 30px;
	}
	
	#entete-page #header-bandeau #recherche .bouton {
		width: 30px;
		height: 30px;
	}

}

@media screen and (min-width: 1025px) { /* Bureau */

	#entete-page #header-bandeau #recherche {
		top: 7px;
		background-image: url(../img/divers/recherche-bureau.png);
		width: 177px;
		height: 20px;
	}

	#entete-page #header-bandeau #recherche .champ {
		left: 10px;
		width: 135px;
		height: 20px;
	}
	
	#entete-page #header-bandeau #recherche .bouton {
		width: 30px;
		height: 20px;
	}

}


/* Reseaux sociaux + contact *******************************************/

#entete-page #header-bandeau #header-twitter, #entete-page #header-bandeau #header-facebook, #entete-page #header-bandeau #header-contact {
	display: block;
	position: absolute;
	background-repeat: no-repeat;
	background-position: center center;
	width: 30px;
	height: 30px;
}

#entete-page #header-bandeau #header-twitter {
	background-image: url(../img/logos/social/lg-twitter-blanc-transp.png);
}

#entete-page #header-bandeau #header-facebook {
	background-image: url(../img/logos/social/lg-facebook-blanc-transp.png);
}

#entete-page #header-bandeau #header-contact {
	background-image: url(../img/puces/courrier-blanc-transp.png);
}

@media screen and (max-width: 767px) { /* Mobile */

	#entete-page #header-bandeau #header-twitter, #entete-page #header-bandeau #header-facebook, #entete-page #header-bandeau #header-contact {
		top: 5px;
	}

	#entete-page #header-bandeau #header-twitter {
		left: 0;
	}

	#entete-page #header-bandeau #header-facebook {
		left: 40px; 
	}
	
	#entete-page #header-bandeau #header-contact {
		left: 80px; 
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#entete-page #header-bandeau #header-twitter {
		right: 40px;
	}

	#entete-page #header-bandeau #header-facebook {
		right: 0;
	}

}

@media screen and (min-width: 768px) and (max-width: 1024px) { /* Tablette */

	#entete-page #header-bandeau #header-twitter, #entete-page #header-bandeau #header-facebook {
		top: 65px;
	}


}

@media screen and (min-width: 1025px) { /* Bureau */

	#entete-page #header-bandeau #header-twitter, #entete-page #header-bandeau #header-facebook {
		top: 50px;
	}

}



/*-------------------------------------------------------------------------------+
+ Sous menu                                                                      +
+-------------------------------------------------------------------------------*/

#entete-page #header-sousmenu nav ul li {
	float: left;
	margin-right: 10px;
	font-size: 1.4em;
}

#entete-page #header-sousmenu nav ul {
	overflow: hidden;
}

#entete-page #header-sousmenu nav ul li a {
	display: inline-block;
	padding: 0 5px;
	text-decoration: none;
}

#entete-page #header-sousmenu nav ul li a:hover {
	text-decoration: underline;
}

#entete-page #header-sousmenu nav ul li a:active {
	color: #1375fb;
}

#entete-page #header-sousmenu nav ul li.current-menu-item a {
	font-weight: bold;
}

@media screen and (max-width: 767px) { /* Mobile */

	#entete-page #header-sousmenu .conteneur {
		margin-top: -20px;
		padding-bottom: 30px;
	}
	
	#entete-page #header-sousmenu nav ul li {
		height: 40px;
	}
	
	#entete-page #header-sousmenu nav ul li a {
		margin-top: 10px;
		line-height: 30px;
	}

	#entete-page #header-sousmenu nav ul li a .breakpoint {
		text-transform: capitalize;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#entete-page #header-sousmenu .conteneur {
		margin-top: -30px;
		padding-bottom: 15px;
	}

	#entete-page #header-sousmenu nav ul {
		position: relative;
		padding-right: 120px;
		overflow: hidden;
	}

	#entete-page #header-sousmenu nav ul li {
		height: 40px;
	}
	
	#entete-page #header-sousmenu nav ul li a {
		line-height: 40px;
	}

}

@media screen and (min-width: 768px) and (max-width: 1024px) { /* Tablette */

	#entete-page #header-sousmenu nav ul {
		margin-top: 5px;
		padding-left: 5px;
	}

}

@media screen and (min-width: 1025px) { /* Bureau */

	#entete-page #header-sousmenu nav ul {
		margin-bottom: 5px;
		padding-left: 15px;
	}

}


/* Deconnexion *********************************************************/

#entete-page #header-sousmenu nav ul li.sousmenu-deconnexion a {
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 20px;
}

@media screen and (max-width: 767px) { /* Mobile */

	#entete-page #header-sousmenu nav ul li.sousmenu-deconnexion {
		float: none;
		clear: both;
		position: relative;
		background-color: #d3d3d3;
		top: 15px;
		margin-bottom: 15px;
		margin-right: 0;
		padding-bottom: 10px;
		text-align: center;
	}

	#entete-page #header-sousmenu nav ul li.sousmenu-deconnexion a {
		background-image: url(../img/puces/croix-noir.png);
		color: #000;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#entete-page #header-sousmenu nav ul li.sousmenu-deconnexion {
		position: absolute;
		top: 0;
		right: 0;
		margin-right: 0;
	}

	#entete-page #header-sousmenu nav ul li.sousmenu-deconnexion a {
		background-image: url(../img/puces/croix-bleu.png);
		color: #1375fb;
	}

}

@media screen and (min-width: 768px) and (max-width: 1024px) { /* Tablette */


	#entete-page #header-sousmenu nav ul li.sousmenu-deconnexion {
		right: 5px;
	}

}

@media screen and (min-width: 1025px) { /* Bureau */

	#entete-page #header-sousmenu nav ul li.sousmenu-deconnexion {
		right: 15px;
	}

}




/*///////////////////////////////////////////////////////////////////////////////////////////////
//                                                                                             //
//  CORPS DE PAGE - commun                                                                     //
//                                                                                             //
///////////////////////////////////////////////////////////////////////////////////////////////*/


#corps-page {
	background-color: #ebebeb;
}

@media screen and (max-width: 767px) { /* Mobile */
	
	#corps-page {
		padding-bottom: 20px;
	}
	
}

@media screen and (min-width: 768px) { /* Tablette + Bureau */
	
	#corps-page {
		padding-bottom: 30px;
	}
	
}



/*-------------------------------------------------------------------------------+
+ Partage social                                                                 +
+-------------------------------------------------------------------------------*/
	
#corps-page #partage-social .stButton .chicklets {
	color: #333;
	font-family: Arial, Helvetica, Verdana, sans-serif !important;
}

@media screen and (max-width: 1024px) { /* Mobile + Tablette */
	
	#corps-page #partage-social .stButton {
		width: 16px;
		height: 16px;
	}
	
	#corps-page #partage-social .stButton .chicklets {
		text-indent: -5000px!important;
		background-repeat: no-repeat;
		background-position: left top;
	}
	
}



/*-------------------------------------------------------------------------------+
+ Pagination                                                                     +
+-------------------------------------------------------------------------------*/

#corps-page .pagination {
	padding: 10px 0;
	text-align: center;
}

#corps-page .pagination .page, #corps-page .pagination .current, #corps-page .pagination .previouspostslink, #corps-page .pagination .nextpostslink {
	display: inline-block;
	vertical-align: middle;
}

#corps-page .pagination .page, #corps-page .pagination .current {
	min-width: 14px;
	height: 24px;
	padding: 0 3px;
	text-align: center;
	line-height: 24px;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}

#corps-page .pagination .page {
	color: #888;
	font-size: 1.4em;
	text-decoration: none;
}

#corps-page .pagination .page:hover {
	background-color: #d3d3d3;
}

#corps-page .pagination .current {
	background-color: #888;
	color: #fff;
	font-size: 1.8em;
	font-weight: bold;
}

#corps-page .pagination .previouspostslink, #corps-page .pagination .nextpostslink {
	width: 30px;
	height: 24px;
	margin: 0 5px;
	text-align: center;
}

#corps-page .pagination .previouspostslink .textimage, #corps-page .pagination .nextpostslink .textimage {
	background-image: url(../img/puces/pagination-defilement.png);
	width: 11px;
	height: 19px;
	margin-top: 3px;
}

#corps-page .pagination .previouspostslink .textimage {
	background-position: left top;
}

#corps-page .pagination .nextpostslink .textimage {
	background-position: right top;
}

#corps-page .pagination .extend {
	color: #888;
}


@media screen and (max-width: 1024px) { /* Mobile + Tablette */

	#corps-page .pagination .page, #corps-page .pagination .current {
		margin: 0 6px;
	}

}

@media screen and (min-width: 1025px) { /* Bureau */

	#corps-page .pagination .page, #corps-page .pagination .current {
		margin: 0 4px;
	}

}



/*-------------------------------------------------------------------------------+
+ Rebonds                                                                        +
+-------------------------------------------------------------------------------*/

#corps-page .rebond {
	background-color: #d3d3d3;
	padding: 0 10px;
}

#corps-page .rebond h3 {
	color: #888;
	font-style: italic;
}

#corps-page .rebond .voir-tout {
	color: #888;
	font-style: italic;
	text-decoration: none;
}

#corps-page .rebond article {
	position: relative;
}

#corps-page .rebond article h4 {
	position: relative;
}

#corps-page .rebond article h4 .categorie {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	font-size: 1.2em;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	text-transform: uppercase;
}

#corps-page .rebond article h4 .categorie a {
	text-decoration: none;
}

#corps-page .rebond article h4 .categorie a:hover {
	text-decoration: underline;
}

#corps-page .rebond article h4 .titre {
	display: block;
	color: #000;
	line-height: 1em;
}

#corps-page .rebond article h4 .titre a {
	color: #000;
	text-decoration: none;
}

#corps-page .rebond article h4 .titre a:hover {
	text-decoration: underline;
}

#corps-page .rebond article p .plus {
	color: #1375fb;
	text-decoration: none;
}

#corps-page .rebond article p .plus:hover {
	text-decoration: underline;
}

@media screen and (max-width: 767px) { /* Mobile */
	
	#corps-page .rebond {
		margin-bottom: 20px;
	}

	#corps-page .rebond .conteneur {
		padding: 15px 0;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */
	
	#corps-page .rebond {
		margin-bottom: 30px;
	}
	
	#corps-page #detail-actu-membres + .rebond, #corps-page #page-generique + .rebond, #corps-page #page-basique + .rebond {
		margin-bottom: 0;
	}

	#corps-page .rebond .conteneur {
		padding: 20px 0;
	}

	#corps-page .rebond h3 {
		margin-bottom: 20px;
		font-size: 2.2em;
	}

	#corps-page .rebond .voir-tout {
		position: absolute;
		top: 25px;
		font-size: 1.4em;
	}
	
	#corps-page .rebond article.avec-categorie h4 {
		padding-top: 20px
	}
	
	#corps-page .rebond article h4 .titre {
		margin-bottom: 15px;
		font-size: 2em;
	}
	
	#corps-page .rebond article p {
		font-size: 1.4em;
	}

}

@media screen and (min-width: 768px) and (max-width: 1024px) { /* Tablette */

	#corps-page .rebond .voir-tout {
		right: 0;
	}

}

@media screen and (min-width: 1025px) { /* Bureau */

	#corps-page .rebond h3 {
		margin-left: 20px;
	}

	#corps-page .rebond .voir-tout {
		right: 20px;
	}

}


/* Rebond "Emploi - Publier une offre" *********************************/

#corps-page #rebond-emploi-publier-offre {
	padding: 0;
}

#corps-page #rebond-emploi-publier-offre .conteneur {
	padding: 0 10px;
}

#corps-page #rebond-emploi-publier-offre p {
	margin-bottom: 0;
}

#corps-page #rebond-emploi-publier-offre p .verticalign {
	line-height: 1.3em; /* pour centrage vertical */
}

#corps-page #rebond-emploi-publier-offre .bouton {
	position: absolute;
	height: 38px;
}

#corps-page #rebond-emploi-publier-offre .bouton .libelle {
	font-size: 1.3em;
	line-height: 36px;
}

@media screen and (max-width: 767px) { /* Mobile */

	#corps-page #rebond-emploi-publier-offre {
		height: 130px;
	}

	#corps-page #rebond-emploi-publier-offre .conteneur {
		height: 70px;
	}

	#corps-page #rebond-emploi-publier-offre p {
		text-align: center;
		font-size: 1.4em;
		line-height: 70px; /* pour centrage vertical */
	}

	#corps-page #rebond-emploi-publier-offre .bouton {
		bottom: -45px;
		left: 50%;
		margin-left: -103px;
	}
	
}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#corps-page #rebond-emploi-publier-offre p {
		background: url(../img/visuels/emploi/vsl-rebond-publier-offre.png) no-repeat 35px center;
		font-size: 1.5em;
	}

	#corps-page #rebond-emploi-publier-offre .bouton {
		top: 50%;
		right: 40px;
		margin-top: -20px;
	}
	
}

@media screen and (min-width: 768px) and (max-width: 1024px) { /* Tablette */

	#corps-page #rebond-emploi-publier-offre {
		height: 100px;
	}

	#corps-page #rebond-emploi-publier-offre p {
		height: 100px;
		padding: 0 300px 0 120px;
		line-height: 100px; /* pour centrage vertical */
	}

}

@media screen and (min-width: 1025px) { /* Bureau */

	#corps-page #rebond-emploi-publier-offre {
		height: 80px;
	}

	#corps-page #rebond-emploi-publier-offre p {
		height: 80px;
		padding: 0 340px 0 130px;
		line-height: 80px; /* pour centrage vertical */
	}

}


/* Rebond "Actualites" *************************************************/

@media screen and (max-width: 767px) { /* Mobile */

	#corps-page #rebond-actu {
		display: none;
	}
	
}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#corps-page #rebond-actu .conteneur {
		overflow: hidden;
	}

	#corps-page #rebond-actu .colonne {
		float: left;
	}

	#corps-page #rebond-actu .dernier {
		margin-right: 0!important;
	}
	
}

@media screen and (min-width: 768px) and (max-width: 1024px) { /* Tablette */

	#corps-page #rebond-actu .colonne {
		width: 31%;
		margin-right: 3.5%;
	}

}

@media screen and (min-width: 1025px) { /* Bureau */

	#corps-page #rebond-actu .colonne {
		width: 310px;
		margin-right: 30px;
	}

	#corps-page #rebond-actu .colonne article {
		padding: 0 20px;
	}

}



/*-------------------------------------------------------------------------------+
+ Formulaires                                                                    +
+-------------------------------------------------------------------------------*/

#corps-page .formulaire #infos-obligatoires {
	color: #777;
	font-style: italic;
}

#corps-page .formulaire fieldset legend {
	color: #1375fb;
	font-family: National;
	font-weight: bold;
}

#corps-page .formulaire fieldset .ligne {
	position: relative;
}

#corps-page .formulaire fieldset .ligne label {
	display: block;
}

#corps-page .formulaire fieldset .ligne label .precision {
	color: #777;
	font-style: italic;
	font-size: 0.85em;
}

#corps-page .formulaire fieldset .ligne label .precision  {
	color: #777;
}

#corps-page .formulaire fieldset .ligne .input {
	margin: 0!important; /* reset CSS PMPro */
	padding: 0!important; /* reset CSS PMPro */
	border: none!important; /* reset CSS PMPro */
}

#corps-page .formulaire fieldset .ligne .complement-input {
	display: inline-block;
	color: #777;
	font-style: italic;
	vertical-align: middle;
}

#corps-page .formulaire #validation {
	position: relative;
	min-height: 50px;
}

#corps-page .formulaire #validation #valider {
	position: absolute;
	top: 0;
	right: 0;
}

#corps-page .formulaire #validation #annuler {
	position: absolute;
	top: 0;
	left: 0;
}

@media screen and (max-width: 767px) { /* Mobile */

	#corps-page .formulaire #infos-obligatoires {
		font-size: 1.1em;
	}

	#corps-page .formulaire fieldset {
		margin-bottom: 40px;
	}

	#corps-page .formulaire fieldset legend {
		padding-bottom: 10px;
		font-size: 1.8em;
	}

	#corps-page .formulaire fieldset .ligne {
		padding: 8px 0 12px 0;
	}

	#corps-page .formulaire fieldset .ligne label {
		margin-bottom: 8px;
		font-size: 1.3em;
	}

	#corps-page .formulaire fieldset .ligne .input {
		font-size: 1.3em;
	}

	#corps-page .formulaire fieldset .ligne input[type=text], #corps-page .formulaire fieldset .ligne input[type=email], #corps-page .formulaire fieldset .ligne input[type=password], #corps-page .formulaire fieldset .ligne select {
		width: 98%;
	}

	#corps-page .formulaire fieldset .ligne select {
		margin-bottom: 10px;
	}

	#corps-page .formulaire fieldset .ligne textarea {
		width: 98%;
		height: 80px;
	}

	#corps-page .formulaire fieldset .ligne .input .date {
		width: 26%!important;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#corps-page .formulaire #infos-obligatoires {
		margin-bottom: 30px;
		font-size: 1.2em;
	}

	#corps-page .formulaire fieldset {
		margin-bottom: 60px;
		overflow: hidden;
	}

	#corps-page .formulaire fieldset legend {
		padding-bottom: 15px;
		font-size: 2em;
	}

	#corps-page .formulaire fieldset .colonne {
		float: left;
	}

	#corps-page .formulaire fieldset .col-gauche {
		width: 50%;
	}

	#corps-page .formulaire fieldset .col-droite {
		width: 50%;
	}

	#corps-page .formulaire fieldset .ligne {
		padding: 10px 0 15px 0;
	}

	#corps-page .formulaire fieldset .ligne label {
		margin-bottom: 10px;
		font-size: 1.4em;
	}

	#corps-page .formulaire fieldset .ligne .input {
		font-size: 1.4em;
	}

	#corps-page .formulaire fieldset .ligne .input .code-postal {
		width: 80px!important;
	}

	#corps-page .formulaire fieldset .ligne .input .telephone {
		width: 150px!important;
	}

	#corps-page .formulaire fieldset .ligne .input .cryptogramme {
		width: 50px!important;
	}
	
	#corps-page .formulaire fieldset .ligne textarea {
		height: 100px;
	}

}

@media screen and (min-width: 768px) and (max-width: 1024px) { /* Tablette */

	#corps-page .formulaire fieldset .ligne input[type=text], #corps-page .formulaire fieldset .ligne input[type=email], #corps-page .formulaire fieldset .ligne input[type=password] {
		width: 75%;
	}

}

@media screen and (min-width: 1025px) { /* Bureau */

	#corps-page .formulaire fieldset .ligne input[type=text], #corps-page .formulaire fieldset .ligne input[type=email], #corps-page .formulaire fieldset .ligne input[type=password] {
		width: 310px;
	}

}


/* Messages (PMPro) ****************************************************/

#corps-page .formulaire .pmpro_message {
	background-color: transparent; /* reset CSS PMPro */
	min-height: 20px;
	margin: 0 0 10px 0; /* reset CSS PMPro */
	padding: 15px 0 20px 30px;
	border: none; /* reset CSS PMPro */
}

#corps-page .formulaire .pmpro_error {
	background: url(../img/pictos/rond-attention-rouge.png) no-repeat left 15px;
	color: #ff0000;
}

#corps-page .formulaire .pmpro_success {
	background: url(../img/pictos/rond-valide-vert.png) no-repeat left 15px;
	color: #0fc701;
}

#corps-page .formulaire .pmpro_success a {
	color: #0fc701;
}



/*-------------------------------------------------------------------------------+
+ Cas non-membre                                                                 +
+-------------------------------------------------------------------------------*/

#corps-page #non-membre {
	background-image: url(../img/pictos/rond-attention-rouge.png);
	background-repeat: no-repeat;
	min-height: 30px;
	margin: 30px 0;
	padding-left: 30px;
	color: #ff0000;
}
	
#corps-page #non-membre h2 {
	margin-bottom: 0.8em;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}
	
#corps-page #non-membre p a {
	color: #ff0000;
}

@media screen and (max-width: 767px) { /* Mobile */
	
	#corps-page #non-membre {
		background-position: left top;
		padding-top: 1px;
	}
	
	#corps-page #non-membre h2 {
		font-size: 1.4em;
	}
	
	#corps-page #non-membre p {
		font-size: 1.4em;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */
	
	#corps-page #non-membre {
		background-position: left top;
	}
	
	#corps-page #non-membre h2 {
		font-size: 1.5em;
	}
	
	#corps-page #non-membre p {
		font-size: 1.5em;
	}

}




/*///////////////////////////////////////////////////////////////////////////////////////////////
//                                                                                             //
//  GABARIT "Devenir membre"                                                                   //
//                                                                                             //
///////////////////////////////////////////////////////////////////////////////////////////////*/


#corps-page #devenir-membre {
	position: relative;
	padding: 0 10px;
}



/*-------------------------------------------------------------------------------+
+ Styles communs                                                                 +
+-------------------------------------------------------------------------------*/

#corps-page #devenir-membre article {
	background-color: #fff;
}

#corps-page #devenir-membre article h1 {
	background: url(../img/pictos/di-noir.png) no-repeat right 6px;
	padding-right: 40px;
	color: #000;
}

#corps-page #devenir-membre article h2 {
	margin-bottom: 1.3em;
	color: #1375fb;
}

#corps-page #devenir-membre article h3 {
	margin-bottom: 0.7em;
}

@media screen and (max-width: 767px) { /* Mobile */

	#corps-page #devenir-membre article h2 {
		font-size: 2em;
	}

	#corps-page #devenir-membre article h3 {
		font-size: 1.6em;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#corps-page #devenir-membre article h2 {
		font-size: 2.4em;
	}

	#corps-page #devenir-membre article h3 {
		font-size: 2em;
	}
	
}

@media screen and (max-width: 767px) { /* Mobile */

	#corps-page #devenir-membre article {
		padding: 15px;
	}

	#corps-page #devenir-membre article h1 {
		padding-bottom: 15px;
		font-size: 2.4em;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#corps-page #devenir-membre article {
		padding: 20px;
	}

	#corps-page #devenir-membre article h1 {
		padding-bottom: 20px;
		font-size: 3em;
	}

}



/*-------------------------------------------------------------------------------+
+ Etape 0 - Types d'adhesion                                                     +
+-------------------------------------------------------------------------------*/

#corps-page #devenir-membre .types-adhesion h2, #corps-page #devenir-membre .types-adhesion h3 {
	margin-bottom: 0;
}

@media screen and (max-width: 767px) { /* Mobile */

	#corps-page #devenir-membre .types-adhesion .version-tablette-bureau {
		display: none;
	}
	
	#corps-page #devenir-membre .types-adhesion .version-mobile ul {
		margin-top: 30px;
	}
	
	#corps-page #devenir-membre .types-adhesion .version-mobile ul li {
		padding: 20px 0 15px 0;
		border-top: 1px solid #d3d3d3;
	}
	
	#corps-page #devenir-membre .types-adhesion .version-mobile ul li:first-child .types-adhesion {
		border-top: none;
	}
	
	#corps-page #devenir-membre .types-adhesion .version-mobile ul li .type-adhesion {
		position: relative;
		min-height: 40px;
	}
	
	#corps-page #devenir-membre .types-adhesion .version-mobile ul li .type-adhesion .structure {
		display: block;
		margin-bottom: 3px;
		font-weight: bold;
		font-size: 1.5em;
	}
	
	#corps-page #devenir-membre .types-adhesion .version-mobile ul li .type-adhesion .montant {
		display: block;
		margin-bottom: 15px;
		font-size: 1.5em;
	}
	
	#corps-page #devenir-membre .types-adhesion .version-mobile ul li .type-adhesion .montant .precision {
		display: block;
		margin: -1px 0 4px 0;
		font-size: 0.75em;
		font-style: italic;
	}

	#corps-page #devenir-membre .types-adhesion .version-mobile ul li .type-adhesion .bouton {
		position: absolute;
		top: -2px;
		right: 0;
	}
	
	#corps-page #devenir-membre .types-adhesion .version-mobile ul li .lien-afficher-detail {
		color: #1375fb;
		font-size: 1.3em;
		text-decoration: none;
	}
	
	#corps-page #devenir-membre .types-adhesion .version-mobile ul li .detail-adhesion {
		padding-top: 15px;
	}
	
	#corps-page #devenir-membre .types-adhesion .version-mobile ul li .detail-adhesion p {
		font-size: 1.3em;
	}
	
	#corps-page #devenir-membre .types-adhesion .version-mobile ul li .detail-adhesion ul {
		margin-top: 0;
		margin-bottom: 10px;
		padding-left: 20px;
		list-style-type: disc;
		list-style-position: outside;
	}
	
	#corps-page #devenir-membre .types-adhesion .version-mobile ul li .detail-adhesion ul li {
		padding: 5px 0;
		font-size: 1.3em;
		line-height: 1.3em;
		border: none;
	}
	
	#corps-page #devenir-membre .types-adhesion .version-mobile ul li .detail-adhesion .lien-masquer-detail {
		color: #1375fb;
		font-size: 1.3em;
		font-weight: bold;
		text-decoration: none;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#corps-page #devenir-membre .types-adhesion .version-mobile {
		display: none;
	}

	#corps-page #devenir-membre .types-adhesion .version-tablette-bureau table tr .colonne-avantages {
		padding: 15px 0;
	}

	#corps-page #devenir-membre .types-adhesion .version-tablette-bureau table tr .colonne-type {
		padding: 15px 0;
		text-align: center;
		vertical-align:  middle;
		border-left: 1px solid #d3d3d3;
	}

	#corps-page #devenir-membre .types-adhesion .version-tablette-bureau table thead tr .colonne-avantages {
		padding-bottom: 20px;
		color: #777;
		font-size: 1.6em;
		font-style: italic;
		vertical-align: bottom;
	}

	#corps-page #devenir-membre .types-adhesion .version-tablette-bureau table thead tr .colonne-type .structure, #corps-page #devenir-membre .types-adhesion .version-tablette-bureau table tfoot tr .colonne-type .structure {
		display: block;
		font-weight: bold;
	}

	#corps-page #devenir-membre .types-adhesion .version-tablette-bureau table thead tr .colonne-type .action, #corps-page #devenir-membre .types-adhesion .version-tablette-bureau table tfoot tr .colonne-type .action {
		position: relative;
		height: 100px;
	}

	#corps-page #devenir-membre .types-adhesion .version-tablette-bureau table thead tr .type-entreprise .action, #corps-page #devenir-membre .types-adhesion .version-tablette-bureau table tfoot tr .type-entreprise .action {
		display: inline-block;
		width: 49%;
		margin-right: -2px;
	}

	#corps-page #devenir-membre .types-adhesion .version-tablette-bureau table thead tr .colonne-type .action .montant, #corps-page #devenir-membre .types-adhesion .version-tablette-bureau table tfoot tr .colonne-type .action .montant {
		display: block;
		position: absolute;
		bottom: 55px;
		left: 0;
		width: 100%;
		text-align: center;
	}

	#corps-page #devenir-membre .types-adhesion .version-tablette-bureau table thead tr .colonne-type .action .montant .precision, #corps-page #devenir-membre .types-adhesion .version-tablette-bureau table tfoot tr .colonne-type .action .montant .precision {
		display: block;
		margin-bottom: 5px;
		font-size: 0.75em;
		font-style: italic;
	}

	#corps-page #devenir-membre .types-adhesion .version-tablette-bureau table thead tr .colonne-type .action .bouton, #corps-page #devenir-membre .types-adhesion .version-tablette-bureau table tfoot tr .colonne-type .action .bouton {
		position: absolute;
		left: 50%;
		bottom: 0;
		width: 84px;
		height: 44px;
		margin-left: -42px;
		padding: 0;
		line-height: 44px;
	}

	#corps-page #devenir-membre .types-adhesion .version-tablette-bureau table thead tr .colonne-type .action .bouton .libelle, #corps-page #devenir-membre .types-adhesion .version-tablette-bureau table tfoot tr .colonne-type .action .bouton .libelle {
		line-height: 14px;
	}

	#corps-page #devenir-membre .types-adhesion .version-tablette-bureau table tbody tr.fonce td, #corps-page #devenir-membre .types-adhesion .version-tablette-bureau table tbody tr.fonce th {
		background-color: #f2f2f2;
	}

	#corps-page #devenir-membre .types-adhesion .version-tablette-bureau table tbody tr th {
		font-size: 1.3em;
		line-height: 1.3em;
	}

	#corps-page #devenir-membre .types-adhesion .version-tablette-bureau table tbody tr td {
		font-size: 1.3em;
	}

	#corps-page #devenir-membre .types-adhesion .version-tablette-bureau table tbody tr td .oui {
		display: inline-block;
		background: url(../img/pictos/rond-valide-vert.png) no-repeat center center;
		width: 20px;
		height: 20px;
	}

	#corps-page #devenir-membre .types-adhesion .version-tablette-bureau table tbody tr td .colonne {
		display: inline-block;
		width: 49%;
	}

	#corps-page #devenir-membre .types-adhesion .version-tablette-bureau table tfoot tr {
		/*background-color: #e1edfd;*/
	}

}

@media screen and (min-width: 768px) and (max-width: 1024px) { /* Tablette */

	#corps-page #devenir-membre .types-adhesion .version-tablette-bureau table thead tr .colonne-avantages {
		font-size: 1.5em;
	}

	#corps-page #devenir-membre .types-adhesion .version-tablette-bureau table thead tr .colonne-type .structure, #corps-page #devenir-membre .types-adhesion .version-tablette-bureau table tfoot tr .colonne-type .structure {
		font-size: 1.5em;
	}

	#corps-page #devenir-membre .types-adhesion .version-tablette-bureau table thead tr .colonne-type .action .montant, #corps-page #devenir-membre .types-adhesion .version-tablette-bureau table tfoot tr .colonne-type .action .montant {
		font-size: 1.5em;
	}

	#corps-page #devenir-membre .types-adhesion .version-tablette-bureau table thead tr .colonne-avantages {
		width: 28%;
		padding-left: 2%;
	}

	#corps-page #devenir-membre .types-adhesion .version-tablette-bureau table tfoot tr .colonne-avantages {
		width: 30%;
	}

	#corps-page #devenir-membre .types-adhesion .version-tablette-bureau table tbody tr .colonne-avantages {
		width: 26%;
		padding-left: 2%;
		padding-right: 2%;
	}

	#corps-page #devenir-membre .types-adhesion .version-tablette-bureau table tr .colonne-type {
		width: 19%;
	}

	#corps-page #devenir-membre .types-adhesion .version-tablette-bureau table tr .type-entreprise {
		width: 32%;
	}


}

@media screen and (min-width: 1025px) { /* Bureau */

	#corps-page #devenir-membre .types-adhesion .version-tablette-bureau table thead tr .colonne-avantages {
		font-size: 1.6em;
	}

	#corps-page #devenir-membre .types-adhesion .version-tablette-bureau table thead tr .colonne-type .structure, #corps-page #devenir-membre .types-adhesion .version-tablette-bureau table tfoot tr .colonne-type .structure {
		font-size: 1.6em;
	}

	#corps-page #devenir-membre .types-adhesion .version-tablette-bureau table thead tr .colonne-type .action .montant, #corps-page #devenir-membre .types-adhesion .version-tablette-bureau table tfoot tr .colonne-type .action .montant {
		font-size: 1.6em;
	}

	#corps-page #devenir-membre .types-adhesion .version-tablette-bureau table thead tr .colonne-avantages {
		width: 236px;
		padding-left: 10px;
	}

	#corps-page #devenir-membre .types-adhesion .version-tablette-bureau table tfoot tr .colonne-avantages {
		width: 346px;
	}

	#corps-page #devenir-membre .types-adhesion .version-tablette-bureau table tbody tr .colonne-avantages {
		width: 326px;
		padding-left: 10px;
		padding-right: 10px;
	}

	#corps-page #devenir-membre .types-adhesion .version-tablette-bureau table tr .colonne-type {
		width: 160px;
	}

	#corps-page #devenir-membre .types-adhesion .version-tablette-bureau table tr .type-entreprise {
		width: 280px;
	}

}



/*-------------------------------------------------------------------------------+
+ Etape 1 - Formulaire d'adhesion                                                +
+-------------------------------------------------------------------------------*/

/* Type d'adhesion *****************************************************/

#corps-page #devenir-membre .formulaire-adhesion h2 span {
	font-weight: normal;
}

#corps-page #devenir-membre .formulaire-adhesion #type-adhesion {
	display: none;
}

#corps-page #devenir-membre .formulaire-adhesion #type-adhesion p {
	margin-bottom: 0;
}

@media screen and (max-width: 767px) { /* Mobile */

	#corps-page #devenir-membre .formulaire-adhesion #type-adhesion {
		margin-bottom: 30px;
	}	

	#corps-page #devenir-membre .formulaire-adhesion #type-adhesion p {
		font-size: 1.4em;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#corps-page #devenir-membre .formulaire-adhesion #type-adhesion {
		margin-bottom: 40px;
	}

	#corps-page #devenir-membre .formulaire-adhesion #type-adhesion p {
		font-size: 1.5em;
	}
	
}


/* Formulaire d'adhesion ***********************************************/

#corps-page #devenir-membre .formulaire-adhesion #infos-compte h3 {
	display: none;
}

#corps-page #devenir-membre .formulaire-adhesion #infos-compte .formulaire fieldset .ligne label .precision {
	display: block;
	margin-top: 3px;
	font-weight: normal;
}	

#corps-page #devenir-membre .formulaire-adhesion #infos-compte .formulaire fieldset .ligne .input .pmpro_error {
	background-image: none;
	background-color: #f2dede;
}

#corps-page #devenir-membre .formulaire-adhesion #infos-compte #pmpro_account_loggedin, #corps-page #devenir-membre .formulaire-adhesion #infos-compte #pmpro_account_loggedin a {
	color: #ff0000;
}	

@media screen and (max-width: 767px) { /* Mobile */

	#corps-page #devenir-membre .formulaire-adhesion #infos-compte {
		margin-bottom: 50px;
	}	

	#corps-page #devenir-membre .formulaire-adhesion #infos-compte .formulaire fieldset .ligne {
		padding: 8px 0 12px 0;
	}

	#corps-page #devenir-membre .formulaire-adhesion #infos-compte .formulaire fieldset .ligne label {
		float: none; /* reset CSS PMPro */
		width: 100%; /* reset CSS PMPro */
		text-align: left; /* reset CSS PMPro */
	}

	#corps-page #devenir-membre .formulaire-adhesion #infos-compte .formulaire fieldset .ligne .input input {
		width: 95%;
	}

	#corps-page #devenir-membre .formulaire-adhesion #infos-compte .formulaire fieldset .pmpro_captcha {
		width: 320px;
		margin: 0 auto !important; /* reset CSS PMPro */
	}

	#corps-page #devenir-membre .formulaire-adhesion #infos-compte #pmpro_account_loggedin {
		font-size: 1.4em;
	}	

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#corps-page #devenir-membre .formulaire-adhesion #infos-compte {
		margin-bottom: 60px;
	}

	#corps-page #devenir-membre .formulaire-adhesion #infos-compte .formulaire fieldset {
		width: 650px;
		margin: 0 auto;
	}

	#corps-page #devenir-membre .formulaire-adhesion #infos-compte .formulaire fieldset .ligne {
		padding: 10px 0 15px 0;
	}

	#corps-page #devenir-membre .formulaire-adhesion #infos-compte .formulaire fieldset .ligne label {
		width: 200px;
	}

	#corps-page #devenir-membre .formulaire-adhesion #infos-compte .formulaire fieldset .ligne .input {
		width: 350px;
	}

	#corps-page #devenir-membre .formulaire-adhesion #infos-compte .formulaire fieldset .ligne .input input {
		width: 330px;
	}

	#corps-page #devenir-membre .formulaire-adhesion #infos-compte .formulaire fieldset .pmpro_captcha {
		margin: 0 !important; /* reset CSS PMPro */
		padding-left: 207px;
	}

	#corps-page #devenir-membre .formulaire-adhesion #infos-compte #pmpro_account_loggedin {
		font-size: 1.5em;
	}	
	
}


/* Validation **********************************************************/

#corps-page #devenir-membre .formulaire-adhesion #validation #zone-paiement .chargement {
	text-align: center;
}

@media screen and (max-width: 767px) { /* Mobile */

	#corps-page #devenir-membre .formulaire-adhesion #validation p {
		font-size: 1.4em;
	}	

	#corps-page #devenir-membre .formulaire-adhesion #validation #zone-paiement {
		padding-top: 20px;
	}

	#corps-page #devenir-membre .formulaire-adhesion #validation #zone-paiement .attestation {
		text-align: center;
	}

	#corps-page #devenir-membre .formulaire-adhesion #validation #zone-paiement .bt-sabonner-paypal {
		margin: 15px auto 0 auto;
	}

	#corps-page #devenir-membre .formulaire-adhesion #validation #zone-paiement .chargement {
		margin-bottom: 15px;
		font-size: 1.2em;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#corps-page #devenir-membre .formulaire-adhesion #validation p {
		font-size: 1.5em;
	}

	#corps-page #devenir-membre .formulaire-adhesion #validation #zone-paiement {
		position: relative;
		padding-bottom: 20px;
	}

	#corps-page #devenir-membre .formulaire-adhesion #validation #zone-paiement .attestation {
		background: url(../img/divers/fleche-fondu-drt-bleu-L.png) no-repeat right center;
		height: 58px;
		padding-top: 30px;
		text-align: right;
	}

	#corps-page #devenir-membre .formulaire-adhesion #validation #zone-paiement .bt-sabonner-paypal {
		position: absolute;
		top: 5px;
	}

	#corps-page #devenir-membre .formulaire-adhesion #validation #zone-paiement .chargement {
		position: absolute;
		top: 85px;
		width: 230px;
		font-size: 1.2em;
	}
	
}

@media screen and (min-width: 768px) and (max-width: 1024px) { /* Tablette */

	#corps-page #devenir-membre .formulaire-adhesion #validation #zone-paiement .attestation {
		width: 56%;
		padding-right: 4%;
		font-size: 1.4em;
	}

	#corps-page #devenir-membre .formulaire-adhesion #validation #zone-paiement .bt-sabonner-paypal {
		right: 5%;
	}

	#corps-page #devenir-membre .formulaire-adhesion #validation #zone-paiement .chargement {
		right: 5%;
	}

}

@media screen and (min-width: 1025px) { /* Bureau */

	#corps-page #devenir-membre .formulaire-adhesion #validation #zone-paiement .attestation {
		width: 500px;
		padding-right: 40px;
	}

	#corps-page #devenir-membre .formulaire-adhesion #validation #zone-paiement .bt-sabonner-paypal {
		right: 150px;
	}

	#corps-page #devenir-membre .formulaire-adhesion #validation #zone-paiement .chargement {
		right: 150px;
	}

}



/*-------------------------------------------------------------------------------+
+ Etape 3 - Confirmation d'adhesion                                              +
+-------------------------------------------------------------------------------*/

#corps-page #devenir-membre .confirmation .message-confirmation {
	position: relative;
	min-height: 100px;
}

#corps-page #devenir-membre .confirmation .message-confirmation h3 {
	margin-bottom: 0.4em;
	color: #000;
	font-family: Arial, Helvetica, Verdana, sans-serif;
}

#corps-page #devenir-membre .confirmation .message-confirmation img {
	position: absolute;
	top: 0;
}

@media screen and (max-width: 767px) { /* Mobile */

	#corps-page #devenir-membre .confirmation .message-confirmation {
		margin: 50px 0;
		padding-left: 110px;
	}

	#corps-page #devenir-membre .confirmation .message-confirmation h3 {
		font-size: 1.6em;
	}

	#corps-page #devenir-membre .confirmation .message-confirmation p {
		font-size: 1.3em;
	}

	#corps-page #devenir-membre .confirmation .message-confirmation img {
		left: 10px;
		width: 80px;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#corps-page #devenir-membre .confirmation .message-confirmation {
		margin: 80px 0;
		padding-left: 230px;
	}

	#corps-page #devenir-membre .confirmation .message-confirmation h3 {
		font-size: 1.8em;
	}

	#corps-page #devenir-membre .confirmation .message-confirmation p {
		font-size: 1.4em;
	}

	#corps-page #devenir-membre .confirmation .message-confirmation img {
		left: 60px;
	}

}

@media screen and (min-width: 1025px) { /* Bureau */

	#corps-page #devenir-membre .confirmation .message-confirmation {
		padding-right: 80px;
	}

}


/* Cas OK **************************************************************/

#corps-page #devenir-membre .confirmation #adhesion-OK p .email {
	font-style: italic;
}


/* Cas attente *********************************************************/

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#corps-page #devenir-membre .confirmation #adhesion-attente {
		padding-top: 20px;
	}

}




/*///////////////////////////////////////////////////////////////////////////////////////////////
//                                                                                             //
//  GABARIT "Connexion"                                                                        //
//                                                                                             //
///////////////////////////////////////////////////////////////////////////////////////////////*/


#corps-page #connexion {
	padding: 0 10px;
}



/*-------------------------------------------------------------------------------+
+ Styles communs                                                                 +
+-------------------------------------------------------------------------------*/

#corps-page #connexion article {
	background-color: #fff;
}

#corps-page #connexion article h1 {
	background: url(../img/pictos/cadena-noir.png) no-repeat right 6px;
	padding-right: 40px;
	color: #000;
}

@media screen and (max-width: 767px) { /* Mobile */

	#corps-page #connexion article {
		padding: 15px;
	}

	#corps-page #connexion article h1 {
		padding-bottom: 15px;
		font-size: 2.4em;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#corps-page #connexion article {
		width: 600px;
		margin-left: auto;
		margin-right: auto;
		padding: 20px;
	}

	#corps-page #connexion article h1 {
		padding-bottom: 20px;
		font-size: 3em;
	}

}



/*-------------------------------------------------------------------------------+
+ Formulaire de connexion (Theme My Login)                                       +
+-------------------------------------------------------------------------------*/

#corps-page #connexion .login form p {
	position: relative;
}

#corps-page #connexion .login form p label {
	display: block;
}

#corps-page #connexion .login form .forgetmenot {
	padding-left: 20px;
}

#corps-page #connexion .login form .forgetmenot input {
	position: absolute;
	top: 10px;
	left: 0;
}

#corps-page #connexion .login form .forgetmenot label {
	display: inline-bock;
}

#corps-page #connexion .login form .submit {
	position: relative;
}

#corps-page #connexion .login form .submit #wp-submit {
	display: inline-block;
	background: #0fc701 url(../img/boutons/degrade-noir-15p.png) repeat-x left center;
	height: 38px;
	padding: 0 9px;
	color: #fff;
	font-size: 1.8em;
	font-weight: bold;
	line-height: 36px;
	border-color: #1b880d;
	border-width: 1px;
	border-style: solid;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3x;
	border-radius: 3px;
}

#corps-page #connexion .login .tml-action-links li a {
	color: #1375fb;
	text-decoration: none;
}

#corps-page #connexion .login .tml-action-links li a:hover {
	text-decoration: underline;
}

#corps-page #connexion .login .error, #corps-page #connexion .login .message {
	min-height: 20px;
	margin-top: 20px;
	padding: 15px 0 20px 30px;
}

#corps-page #connexion .login .error {
	background: url(../img/pictos/rond-attention-rouge.png) no-repeat left 15px;
	color: #ff0000;
}

#corps-page #connexion .login .error a {
	color: #ff0000;
}

#corps-page #connexion .login .message {
	background: url(../img/pictos/rond-valide-vert.png) no-repeat left 15px;
	color: #0fc701;
}

#corps-page #connexion .login .message a {
	color: #0fc701;
}

@media screen and (max-width: 767px) { /* Mobile */

	#corps-page #connexion .login {
		max-width: 290px;
		margin: 20px auto;
	}

	#corps-page #connexion .login form p {
		padding: 8px 0 12px 0;
	}

	#corps-page #connexion .login form p label {
		margin-bottom: 8px;
		font-size: 1.3em;
	}

	#corps-page #connexion .login form p .input {
		font-size: 1.3em;
	}

	#corps-page #connexion .login form p input[type=text], #corps-page #connexion .login form p input[type=password] {
		width: 98%;
	}

	#corps-page #connexion .login .tml-action-links li {
		font-size: 1.2em;
	}

	#corps-page #connexion .login .error, #corps-page #connexion .login .message {
		font-size: 1.2em;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#corps-page #connexion .login {
		width: 330px;
		margin: 30px auto;
	}

	#corps-page #connexion .login form p {
		padding: 10px 0 15px 0;
	}

	#corps-page #connexion .login form p label {
		margin-bottom: 10px;
		font-size: 1.4em;
	}

	#corps-page #connexion .login form p .input {
		font-size: 1.4em;
	}

	#corps-page #connexion .login form p input[type=text], #corps-page #connexion .login form p input[type=password] {
		width: 310px;
	}

	#corps-page #connexion .login .tml-action-links li {
		font-size: 1.3em;
	}

	#corps-page #connexion .login .error, #corps-page #connexion .login .message {
		font-size: 1.4em;
	}

}



/*-------------------------------------------------------------------------------+
+ Rebond "Devenir membre"                                                        +
+-------------------------------------------------------------------------------*/

#corps-page #connexion #pas-encore-membre {
	position: relative;
	background-color: #fff3a1;
	color: #000;
}

@media screen and (max-width: 767px) { /* Mobile */

	#corps-page #connexion #pas-encore-membre {
		margin: 30px -15px -15px -15px;
		padding: 15px;
	}

	#corps-page #connexion #pas-encore-membre h3 {
		font-size: 1.8em;
	}

	#corps-page #connexion #pas-encore-membre p {
		margin-bottom: 15px;
		font-size: 1.2em;
	}

	#corps-page #connexion #pas-encore-membre .bouton {
		position: relative;
		left: 50%;
		margin-left: -60px;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#corps-page #connexion #pas-encore-membre {
		background-image: url(../img/visuels/devenir-membre/vsl-rebond-sabonner.png);
		background-repeat: no-repeat;
		background-position: 20px center;
		margin: 50px -20px -20px -20px;
		padding: 20px 170px 20px 120px;
	}

	#corps-page #connexion #pas-encore-membre h3 {
		margin-bottom: 5px;
		font-size: 2em;
	}

	#corps-page #connexion #pas-encore-membre p {
		font-size: 1.4em;
	}

	#corps-page #connexion #pas-encore-membre .bouton {
		position: absolute;
		top: 45px;
		right: 20px;
		height: 36px;
	}
	
	#corps-page #connexion #pas-encore-membre .bouton .libelle {
		line-height: 34px;
	}

}




/*///////////////////////////////////////////////////////////////////////////////////////////////
//                                                                                             //
//  GABARIT "Gestion du mot de passe"                                                          //
//                                                                                             //
///////////////////////////////////////////////////////////////////////////////////////////////*/


#corps-page #gestion-motdepasse {
	padding: 0 10px;
}



/*-------------------------------------------------------------------------------+
+ Styles communs                                                                 +
+-------------------------------------------------------------------------------*/

#corps-page #gestion-motdepasse article {
	background-color: #fff;
}

#corps-page #gestion-motdepasse article h1 {
	background: url(../img/pictos/engrenages-noir.png) no-repeat right 6px;
	padding-right: 40px;
	color: #000;
}

@media screen and (max-width: 767px) { /* Mobile */

	#corps-page #gestion-motdepasse article {
		padding: 15px;
	}

	#corps-page #gestion-motdepasse article h1 {
		padding-bottom: 15px;
		font-size: 2.4em;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#corps-page #gestion-motdepasse article {
		padding: 20px;
	}

	#corps-page #gestion-motdepasse article h1 {
		padding-bottom: 20px;
		font-size: 3em;
	}

}



/*-------------------------------------------------------------------------------+
+ Formulaires (Theme My Login)                                                   +
+-------------------------------------------------------------------------------*/

#corps-page #gestion-motdepasse .login form {
	position: relative;
}

#corps-page #gestion-motdepasse .login form p {
	position: relative;
}

#corps-page #gestion-motdepasse .login form p label {
	display: block;
}

#corps-page #gestion-motdepasse .login form .forgetmenot {
	padding-left: 20px;
}

#corps-page #gestion-motdepasse .login form .forgetmenot input {
	position: absolute;
	top: 10px;
	left: 0;
}

#corps-page #gestion-motdepasse .login form .forgetmenot label {
	display: inline-bock;
}

#corps-page #gestion-motdepasse .login form .submit {
	position: relative;
}

#corps-page #gestion-motdepasse .login form .submit #wp-submit {
	display: inline-block;
	background: #0fc701 url(../img/boutons/degrade-noir-15p.png) repeat-x left center;
	height: 38px;
	padding: 0 9px;
	color: #fff;
	font-size: 1.8em;
	font-weight: bold;
	line-height: 36px;
	border-color: #1b880d;
	border-width: 1px;
	border-style: solid;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3x;
	border-radius: 3px;
}

#corps-page #gestion-motdepasse .login .tml-action-links {
	display: none;
}

#corps-page #gestion-motdepasse .login .error {
	background: url(../img/pictos/rond-attention-rouge.png) no-repeat left 15px;
	min-height: 20px;
	margin-top: 15px;
	padding: 15px 0 15px 30px;
	color: #ff0000;
}

@media screen and (max-width: 767px) { /* Mobile */

	#corps-page #gestion-motdepasse .login form p {
		padding: 8px 0 12px 0;
	}

	#corps-page #gestion-motdepasse .login form p label {
		margin-bottom: 8px;
		font-size: 1.3em;
	}

	#corps-page #gestion-motdepasse .login form p .input {
		font-size: 1.3em;
	}

	#corps-page #gestion-motdepasse .login form p input[type=text], #corps-page #gestion-motdepasse .login form p input[type=password] {
		width: 98%;
	}

	#corps-page #gestion-motdepasse .login .error, #corps-page #gestion-motdepasse .login .message {
		font-size: 1.2em;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#corps-page #gestion-motdepasse .login form p {
		padding: 10px 0 15px 0;
	}

	#corps-page #gestion-motdepasse .login form p label {
		margin-bottom: 10px;
		font-size: 1.4em;
	}

	#corps-page #gestion-motdepasse .login form p .input {
		font-size: 1.4em;
	}

	#corps-page #gestion-motdepasse .login form p input[type=text], #corps-page #gestion-motdepasse .login form p input[type=password] {
		width: 310px;
	}

	#corps-page #gestion-motdepasse .login .error, #corps-page #gestion-motdepasse .login .message {
		font-size: 1.4em;
	}

}


/* Indicateur de surete ************************************************/

#corps-page #gestion-motdepasse .login form #pass-strength-result {
	background: url(../img/puces/cle-gris.png) no-repeat left center;
	padding: 7px 0;
	color: #777;
	text-align: center;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
}

#corps-page #gestion-motdepasse .login form #pass-strength-result.short, #corps-page #gestion-motdepasse .login form #pass-strength-result.bad, #corps-page #gestion-motdepasse .login form #pass-strength-result.good, #corps-page #gestion-motdepasse .login form #pass-strength-result.strong {
	background-image: none;
	color: #000;
}

#corps-page #gestion-motdepasse .login form #pass-strength-result.short {
	background-color: #ff3030;
}

#corps-page #gestion-motdepasse .login form #pass-strength-result.bad {
	background-color: #ff9900;
}

#corps-page #gestion-motdepasse .login form #pass-strength-result.good {
	background-color: #fee900;
}

#corps-page #gestion-motdepasse .login form #pass-strength-result.strong {
	background-color: #00cc00;	
}

#corps-page #gestion-motdepasse .login form .indicator-hint {
	color: #777;
	font-size: 1.2em;
	font-style: italic;
}

@media screen and (max-width: 767px) { /* Mobile */

	#corps-page #gestion-motdepasse .login form #pass-strength-result {
		width: 160px;
		margin-top: 15px;
		font-size: 1.2em;
	}

	#corps-page #gestion-motdepasse .login form .indicator-hint {
		margin-bottom: 15px;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#corps-page #gestion-motdepasse .login form #pass-strength-result {
		position: absolute;
		top: 30px;
		left: 450px;
		width: 180px;
		font-size: 1.4em;
	}

	#corps-page #gestion-motdepasse .login form .indicator-hint {
		position: absolute;
		top: 60px;
		left: 450px;
	}

}

@media screen and (min-width: 768px) and (max-width: 1024px) { /* Tablette */

	#corps-page #gestion-motdepasse .login form #pass-strength-result {
		margin-left: -5%;
	}

	#corps-page #gestion-motdepasse .login form .indicator-hint {
		margin-left: -5%;
		padding-right: 5%;
	}

}

@media screen and (min-width: 1025px) { /* Bureau */

	#corps-page #gestion-motdepasse .login form .indicator-hint {
		padding-right: 70px;
	}

}




/*///////////////////////////////////////////////////////////////////////////////////////////////
//                                                                                             //
//  GABARIT "Mon compte"                                                                       //
//                                                                                             //
///////////////////////////////////////////////////////////////////////////////////////////////*/


#corps-page #mon-compte {
	padding: 0 10px;
}



/*-------------------------------------------------------------------------------+
+ Styles communs                                                                 +
+-------------------------------------------------------------------------------*/

#corps-page #mon-compte .detail-compte {
	background-color: #fff;
}

#corps-page #mon-compte .detail-compte h1 {
	background: url(../img/pictos/di-noir.png) no-repeat right 6px;
	padding-right: 40px;
	color: #000;
}

#corps-page #mon-compte .detail-compte .module-info h2 {
	margin-bottom: 0.9em;
	color: #1375fb;
}

#corps-page #mon-compte .detail-compte .module-info footer a {
	display: inline-block;
	margin-right: 25px;
	color: #1375fb;
	font-size: 1.3em;
	text-decoration: none;
}

#corps-page #mon-compte .detail-compte .module-info footer a:hover {
	text-decoration: underline;
}

@media screen and (max-width: 767px) { /* Mobile */

	#corps-page #mon-compte .detail-compte {
		padding: 15px;
	}

	#corps-page #mon-compte .detail-compte h1 {
		padding-bottom: 20px;
		font-size: 2.4em;
	}

	#corps-page #mon-compte .detail-compte .module-info {
		margin-bottom: 40px;
	}

	#corps-page #mon-compte .detail-compte .module-info h2 {
		font-size: 2em;
	}
	
	#corps-page #mon-compte .detail-compte .module-info footer {
		margin-top: 40px;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#corps-page #mon-compte .detail-compte {
		padding: 20px;
	}

	#corps-page #mon-compte .detail-compte h1 {
		padding-bottom: 30px;
		font-size: 3em;
	}
	
	#corps-page #mon-compte .detail-compte .module-info {
		margin-bottom: 35px;
	}

	#corps-page #mon-compte .detail-compte .module-info:after {   /* pour rétablir le flux en cas de contenus flottants */
	    content: " ";
	    display: block;
	    height: 0;
	    clear: both;
	    visibility: hidden;
	}

	#corps-page #mon-compte .detail-compte .module-info h2 {
		margin-left: -5px;
		padding-left: 25px;
		font-size: 2.4em;
	}

	#corps-page #mon-compte .detail-compte .module-info footer {
		clear: both;
		padding-top: 20px;
	}

}



/*-------------------------------------------------------------------------------+
+ Modules "actus + ressources"                                                   +
+-------------------------------------------------------------------------------*/

/* Styles communs ******************************************************/

#corps-page #mon-compte .detail-compte #actus-ressources section h2 a {
	color: #1375fb;
	text-decoration: none;
}

#corps-page #mon-compte .detail-compte #actus-ressources section h2 a:hover {
	text-decoration: underline;
}

@media screen and (max-width: 767px) { /* Mobile */

	#corps-page #mon-compte .detail-compte #actus-ressources section article p {
		font-size: 1.3em;
	}

	#corps-page #mon-compte .detail-compte #actus-ressources section footer {
		margin-top: 0;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#corps-page #mon-compte .detail-compte #actus-ressources {
		position: relative;
		margin-bottom: 35px;
		padding-bottom: 60px;
		border-bottom: 1px solid #d3d3d3;
	}

	#corps-page #mon-compte .detail-compte #actus-ressources:after {   /* pour rétablir le flux en cas de contenus flottants */
	    content: " ";
	    display: block;
	    height: 0;
	    clear: both;
	    visibility: hidden;
	}

	#corps-page #mon-compte .detail-compte #actus-ressources section {
		float: left;
		margin-bottom: 0;
		border-bottom: none;
	}

	#corps-page #mon-compte .detail-compte #actus-ressources section article p {
		font-size: 1.4em;
	}

	#corps-page #mon-compte .detail-compte #actus-ressources section footer {
		position: absolute;
		bottom: 40px;
	}

}


/* Module "Twitter" ****************************************************/

#corps-page #mon-compte .detail-compte #actus-ressources #twitter {
	background-color: #e1edfd;
	width: 94%;
	padding: 5px 3%;
}

#corps-page #mon-compte .detail-compte #actus-ressources #twitter .twitter-timeline {
	color: #e1edfd;
}

@media screen and (max-width: 767px) { /* Mobile */

	#corps-page #mon-compte .detail-compte #actus-ressources #twitter {
		min-height: 80px;
		margin-bottom: 30px;
	}
	
	#corps-page #mon-compte .detail-compte #actus-ressources #twitter .bouton {
		display: none;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#corps-page #mon-compte .detail-compte #actus-ressources #twitter {
		clear: both;
		position: relative;
		min-height: 90px;
		margin-bottom: 40px;
	}
	
	#corps-page #mon-compte .detail-compte #actus-ressources #twitter .bouton {
		position: absolute;
	}

}

@media screen and (min-width: 768px) and (max-width: 1024px) { /* Tablette */
	
	#corps-page #mon-compte .detail-compte #actus-ressources #twitter .bouton {
		top: 32px;
		right: 5%;
	}

}

@media screen and (min-width: 1025px) { /* Bureau */
	
	#corps-page #mon-compte .detail-compte #actus-ressources #twitter .bouton {
		top: 37px;
		right: 100px;
	}

}



/* Module "actus" ******************************************************/

#corps-page #mon-compte .detail-compte #actus-ressources #dernieres-actus article h3 {
	color: #000;
	line-height: 1em;
}

#corps-page #mon-compte .detail-compte #actus-ressources #dernieres-actus article h3 a {
	color: #000;
	text-decoration: none;
}

#corps-page #mon-compte .detail-compte #actus-ressources #dernieres-actus article h3 a:hover {
	text-decoration: underline;
}

#corps-page #mon-compte .detail-compte #actus-ressources #dernieres-actus article p .plus {
	color: #1375fb;
	text-decoration: none;
}

#corps-page #mon-compte .detail-compte #actus-ressources #dernieres-actus article p .plus:hover {
	text-decoration: underline;
}

#corps-page #mon-compte .detail-compte #actus-ressources #dernieres-actus footer .voir {
	background: url(../img/puces/plus-bleu.png) no-repeat left center;
	padding-left: 16px;
}

@media screen and (max-width: 767px) { /* Mobile */

	#corps-page #mon-compte .detail-compte #actus-ressources #dernieres-actus article {
		padding-bottom: 15px;
	}
	
	#corps-page #mon-compte .detail-compte #actus-ressources #dernieres-actus article h3 {
		margin-bottom: 5px;
		font-size: 1.6em;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#corps-page #mon-compte .detail-compte #actus-ressources #dernieres-actus h2 {
		background: url(../img/pictos/antenne-ondes-bleu-s.png) no-repeat left center;
	}

	#corps-page #mon-compte .detail-compte #actus-ressources #dernieres-actus article {
		padding: 0 0 20px 25px;
	}
	
	#corps-page #mon-compte .detail-compte #actus-ressources #dernieres-actus article h3 {
		margin-bottom: 10px;
		font-size: 1.8em;
	}

}

@media screen and (min-width: 768px) and (max-width: 1024px) { /* Tablette */

	#corps-page #mon-compte .detail-compte #actus-ressources #dernieres-actus {
		width: 50%;
		margin-right: 5%;
	}

}

@media screen and (min-width: 1025px) { /* Bureau */

	#corps-page #mon-compte .detail-compte #actus-ressources #dernieres-actus {
		width: 500px;
		margin-right: 40px;
	}

}


/* Module "ressources" *************************************************/

#corps-page #mon-compte .detail-compte #actus-ressources #dernieres-ressources article {
	position: relative;
	min-height: 110px;
}

#corps-page #mon-compte .detail-compte #actus-ressources #dernieres-ressources article h3 {
	position: relative;
	padding-top: 20px;
}

#corps-page #mon-compte .detail-compte #actus-ressources #dernieres-ressources article h3 .categorie {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	color: #1375fb;
	font-size: 1.2em;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	text-transform: uppercase;
}

#corps-page #mon-compte .detail-compte #actus-ressources #dernieres-ressources article h3 .categorie a {
	color: #1375fb;
	text-decoration: none;
}

#corps-page #mon-compte .detail-compte #actus-ressources #dernieres-ressources article h3 .categorie a:hover {
	text-decoration: underline;
}

#corps-page #mon-compte .detail-compte #actus-ressources #dernieres-ressources article h3 .titre {
	display: block;
	color: #000;
	line-height: 1em;
}

#corps-page #mon-compte .detail-compte #actus-ressources #dernieres-ressources article h3 .titre a {
	color: #000;
	text-decoration: none;
}

#corps-page #mon-compte .detail-compte #actus-ressources #dernieres-ressources article h3 .titre a:hover {
	text-decoration: underline;
}

#corps-page #mon-compte .detail-compte #actus-ressources #dernieres-ressources article p .plus {
	color: #1375fb;
	text-decoration: none;
}

#corps-page #mon-compte .detail-compte #actus-ressources #dernieres-ressources article p .plus:hover {
	text-decoration: underline;
}

#corps-page #mon-compte .detail-compte #actus-ressources #dernieres-ressources article img {
	position: absolute;
	top: 0;
	width: 70px;
}

#corps-page #mon-compte .detail-compte #actus-ressources #dernieres-ressources footer .voir {
	background: url(../img/puces/plus-bleu.png) no-repeat left center;
	padding-left: 16px;
}

@media screen and (max-width: 767px) { /* Mobile */

	#corps-page #mon-compte .detail-compte #actus-ressources #dernieres-ressources article {
		padding: 0 0 20px 100px;
	}
	
	#corps-page #mon-compte .detail-compte #actus-ressources #dernieres-ressources article h3 .titre {
		margin-bottom: 5px;
		font-size: 1.6em;
	}

	#corps-page #mon-compte .detail-compte #actus-ressources #dernieres-ressources article img {
		left: 0;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#corps-page #mon-compte .detail-compte #actus-ressources #dernieres-ressources h2 {
		background: url(../img/pictos/dossier-fleche-bleu-s.png) no-repeat left center;
	}

	#corps-page #mon-compte .detail-compte #actus-ressources #dernieres-ressources article {
		padding: 0 0 30px 125px;
	}
	
	#corps-page #mon-compte .detail-compte #actus-ressources #dernieres-ressources article h3 .titre {
		margin-bottom: 10px;
		font-size: 1.8em;
	}

	#corps-page #mon-compte .detail-compte #actus-ressources #dernieres-ressources article img {
		left: 25px;
	}

}

@media screen and (min-width: 768px) and (max-width: 1024px) { /* Tablette */

	#corps-page #mon-compte .detail-compte #actus-ressources #dernieres-ressources {
		width: 45%;
	}

}

@media screen and (min-width: 1025px) { /* Bureau */

	#corps-page #mon-compte .detail-compte #actus-ressources #dernieres-ressources {
		width: 410px;
	}

}



/*-------------------------------------------------------------------------------+
+ Module "Mon profil"                                                            +
+-------------------------------------------------------------------------------*/

#corps-page #mon-compte .detail-compte #profil h3 {
	margin-bottom: 0.9em;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	font-weight: bold;
}

#corps-page #mon-compte .detail-compte #profil footer .modifier {
	background: url(../img/puces/engrenage-bleu.png) no-repeat left center;
	padding-left: 20px;
}

#corps-page #mon-compte .detail-compte #profil footer .annuler {
	background: url(../img/puces/croix-rouge.png) no-repeat left center;
	padding-left: 18px;
	color: #ff0000;
}

@media screen and (max-width: 767px) { /* Mobile */

	#corps-page #mon-compte .detail-compte #profil h3 {
		font-size: 1.5em;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#corps-page #mon-compte .detail-compte #profil h2 {
		background: url(../img/pictos/1homme-bleu-s.png) no-repeat left center;
	}

	#corps-page #mon-compte .detail-compte #profil h3 {
		font-size: 1.6em;
	}

}


/* Sous-partie "Compte" ************************************************/

#corps-page #mon-compte .detail-compte #profil #profil-compte p .libelle {
	font-weight: bold;
}

@media screen and (max-width: 767px) { /* Mobile */

	#corps-page #mon-compte .detail-compte #profil #profil-compte p {
		font-size: 1.4em;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#corps-page #mon-compte .detail-compte #profil #profil-compte {
		float: left;
		width: 43%;
	}

	#corps-page #mon-compte .detail-compte #profil #profil-compte h3 {
		padding-left: 25px;
	}

	#corps-page #mon-compte .detail-compte #profil #profil-compte p {
		padding-left: 25px;
		font-size: 1.5em;
	}

}


/* Sous-partie "Membre" ************************************************/

#corps-page #mon-compte .detail-compte #profil #profil-membre p .libelle {
	font-weight: bold;
}

@media screen and (max-width: 767px) { /* Mobile */

	#corps-page #mon-compte .detail-compte #profil #profil-membre p {
		font-size: 1.4em;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#corps-page #mon-compte .detail-compte #profil #profil-membre {
		float: left;
		background-image: url(../img/visuels/mon-compte/vsl-profil-abonne.png);
		background-repeat: no-repeat;
		background-position: 2% top;
		width: 55%;
		min-height: 50px;
		padding-left: 2%;
	}

	#corps-page #mon-compte .detail-compte #profil  #profil-membre.cas-avec-nom {
		background-position: 2% 33px;
		padding-top: 33px;
	}

	#corps-page #mon-compte .detail-compte #profil #profil-membre p {
		padding-left: 110px;
		font-size: 1.5em;
	}

}


/* Sous-partie "Factures" **********************************************/

#corps-page #mon-compte .detail-compte #profil #profil-factures table thead tr th {
	padding: 10px 0;
	color: #888;
	font-weight: bold;
	font-style: italic;
	border-bottom: 1px solid #ebebeb;
}

#corps-page #mon-compte .detail-compte #profil #profil-factures table tbody tr td {
	padding: 10px 0;
	border-bottom: 1px solid #ebebeb;
}

#corps-page #mon-compte .detail-compte #profil #profil-factures table tr .col-date {
	text-align: center;
}

#corps-page #mon-compte .detail-compte #profil #profil-factures table tr .col-montant {
	text-align: center;
}

#corps-page #mon-compte .detail-compte #profil #profil-factures table tr .col-action {
	text-align: right;
}

#corps-page #mon-compte .detail-compte #profil #profil-factures table tbody tr td a {
	color: #1375fb;
	text-decoration: none;
}

#corps-page #mon-compte .detail-compte #profil #profil-factures table tbody tr td a:hover {
	text-decoration: underline;
}


@media screen and (max-width: 767px) { /* Mobile */

	#corps-page #mon-compte .detail-compte #profil #profil-factures {
		margin-top: 30px;
	}

	#corps-page #mon-compte .detail-compte #profil #profil-factures table {
		width: 100%;
	}

	#corps-page #mon-compte .detail-compte #profil #profil-factures table thead tr th, #corps-page #mon-compte .detail-compte #profil #profil-factures table tbody tr td {
		font-size: 1.3em;
	}

	#corps-page #mon-compte .detail-compte #profil #profil-factures table tr .col-reference, #corps-page #mon-compte .detail-compte #profil #profil-factures table tr .col-date, #corps-page #mon-compte .detail-compte #profil #profil-factures table tr .col-montant, #corps-page #mon-compte .detail-compte #profil #profil-factures table tr .col-action {
		width: 25%;
	}

	#corps-page #mon-compte .detail-compte #profil #profil-factures table tbody tr td a {
		font-size: 0.9em;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#corps-page #mon-compte .detail-compte #profil #profil-factures {
		clear: both;
		margin-bottom: 30px;
		padding-top: 40px;
	}

	#corps-page #mon-compte .detail-compte #profil #profil-factures h3 {
		padding-left: 25px;
	}

	#corps-page #mon-compte .detail-compte #profil #profil-factures table {
		width: 650px;
		margin: 0 auto;
	}

	#corps-page #mon-compte .detail-compte #profil #profil-factures table thead tr th, #corps-page #mon-compte .detail-compte #profil #profil-factures table tbody tr td {
		font-size: 1.5em;
	}

	#corps-page #mon-compte .detail-compte #profil #profil-factures table tr .col-reference {
		width: 30%;
		padding-left: 10px;
	}
	
	#corps-page #mon-compte .detail-compte #profil #profil-factures table tr .col-date {
		width: 20%;
	}
	
	#corps-page #mon-compte .detail-compte #profil #profil-factures table tr .col-montant {
		width: 20%;
	}
	
	#corps-page #mon-compte .detail-compte #profil #profil-factures table tr .col-action {
		width: 30%;
	}

	#corps-page #mon-compte .detail-compte #profil #profil-factures table tbody tr td a {
		font-size: 0.8em;
	}

}



/*-------------------------------------------------------------------------------+
+ Module "Infos facturation"                                                     +
+-------------------------------------------------------------------------------*/

#corps-page #mon-compte .detail-compte #facturation #facturation-adresse .libelle, #corps-page #mon-compte .detail-compte #facturation #facturation-paiement .libelle {
	display: block;
	margin-bottom: 0.7em;
}

#corps-page #mon-compte .detail-compte #facturation #facturation-adresse .libelle {
	background: url(../img/puces/repere-lieu-gris.png) no-repeat left center;
	padding-left: 25px;
}

#corps-page #mon-compte .detail-compte #facturation #facturation-paiement .libelle {
	background: url(../img/puces/euro-gris.png) no-repeat left center;
	padding-left: 25px;
}

#corps-page #mon-compte .detail-compte #facturation #facturation-adresse .info, #corps-page #mon-compte .detail-compte #facturation #facturation-paiement .info {
	display: block;
	padding-left: 25px;
}

#corps-page #mon-compte .detail-compte #facturation #facturation-adresse .info span, #corps-page #mon-compte .detail-compte #facturation #facturation-paiement .info span {
	display: block;
	margin-bottom: 0.1em;
}

#corps-page #mon-compte .detail-compte #facturation #facturation-adresse .info .telephone {
	margin-top: 0.5em;
}

#corps-page #mon-compte .detail-compte #facturation #facturation-paiement .info .expiration {
	color: #888;
	font-size: 0.85em;
	font-style: italic;
}

@media screen and (max-width: 767px) { /* Mobile */

	#corps-page #mon-compte .detail-compte #facturation .col-droite {
		padding-top: 20px;
	}

}




/*///////////////////////////////////////////////////////////////////////////////////////////////
//                                                                                             //
//  GABARIT "Factures" (liste + detail)                                                        //
//                                                                                             //
///////////////////////////////////////////////////////////////////////////////////////////////*/


#corps-page #factures {
	padding: 0 10px;
}



/*-------------------------------------------------------------------------------+
+ Styles communs                                                                 +
+-------------------------------------------------------------------------------*/

#corps-page #factures article {
	background-color: #fff;
}

#corps-page #factures article h1 {
	background: url(../img/pictos/fichier-euro-noir.png) no-repeat right top;
	padding-right: 40px;
	color: #000;
}

@media screen and (max-width: 767px) { /* Mobile */

	#corps-page #factures article {
		padding: 15px;
	}

	#corps-page #factures article h1 {
		padding-bottom: 15px;
		font-size: 2.4em;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#corps-page #factures article {
		padding: 20px;
	}

	#corps-page #factures article h1 {
		padding-bottom: 20px;
		font-size: 3em;
	}

}



/*-------------------------------------------------------------------------------+
+ Liste des factures                                                             +
+-------------------------------------------------------------------------------*/

#corps-page #factures article #liste-factures thead tr th {
	padding: 10px 0;
	color: #888;
	font-weight: bold;
	font-style: italic;
}

#corps-page #factures article #liste-factures tbody tr td {
	padding: 10px 0;
	border-top: 1px solid #ebebeb;
}

#corps-page #factures article #liste-factures tr .col-date {
	text-align: center;
}

#corps-page #factures article #liste-factures tr .col-montant {
	text-align: center;
}

#corps-page #factures article #liste-factures tr .col-action {
	text-align: right;
}

#corps-page #factures article #liste-factures tbody tr td a {
	color: #1375fb;
	text-decoration: none;
}

#corps-page #factures article #liste-factures tbody tr td a:hover {
	text-decoration: underline;
}


@media screen and (max-width: 767px) { /* Mobile */

	#corps-page #factures article #liste-factures {
		width: 100%;
	}

	#corps-page #factures article #liste-factures thead tr th, #corps-page #factures article #liste-factures tbody tr td {
		font-size: 1.3em;
	}

	#corps-page #factures article #liste-factures tr .col-reference, #corps-page #factures article #liste-factures tr .col-date, #corps-page #factures article #liste-factures tr .col-montant, #corps-page #factures article #liste-factures tr .col-action {
		width: 25%;
	}

	#corps-page #factures article #liste-factures tbody tr td a {
		font-size: 0.9em;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#corps-page #factures article #liste-factures {
		width: 700px;
		margin: 0 auto;
	}

	#corps-page #factures article #liste-factures thead tr th, #corps-page #factures article #liste-factures tbody tr td {
		font-size: 1.5em;
	}

	#corps-page #factures article #liste-factures tr .col-reference {
		width: 30%;
		padding-left: 10px;
	}
	
	#corps-page #factures article #liste-factures tr .col-date {
		width: 20%;
	}
	
	#corps-page #factures article #liste-factures tr .col-montant {
		width: 20%;
	}
	
	#corps-page #factures article #liste-factures tr .col-action {
		width: 30%;
	}

	#corps-page #factures article #liste-factures tbody tr td a {
		font-size: 0.8em;
	}

}


/* Cas aucune facture **************************************************/

@media screen and (max-width: 767px) { /* Mobile */

	#aucune-facture {
		font-size: 1.3em;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */
	
	#aucune-facture {
		font-size: 1.4em;
	}

}




/*///////////////////////////////////////////////////////////////////////////////////////////////
//                                                                                             //
//  GABARIT "Maj infos facturation"                                                            //
//                                                                                             //
///////////////////////////////////////////////////////////////////////////////////////////////*/


#corps-page #maj-infos-facturation {
	padding: 0 10px;
}



/*-------------------------------------------------------------------------------+
+ Styles communs                                                                 +
+-------------------------------------------------------------------------------*/

#corps-page #maj-infos-facturation article {
	background-color: #fff;
}

#corps-page #maj-infos-facturation article h1 {
	background: url(../img/pictos/fichier-euro-noir.png) no-repeat right top;
	padding-right: 40px;
	color: #000;
}

@media screen and (max-width: 767px) { /* Mobile */

	#corps-page #maj-infos-facturation article {
		padding: 15px;
	}

	#corps-page #maj-infos-facturation article h1 {
		padding-bottom: 15px;
		font-size: 2.4em;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#corps-page #maj-infos-facturation article {
		padding: 20px;
	}

	#corps-page #maj-infos-facturation article h1 {
		padding-bottom: 20px;
		font-size: 3em;
	}

}



/*-------------------------------------------------------------------------------+
+ Cas adhesion non recurrente                                                    +
+-------------------------------------------------------------------------------*/

#corps-page #maj-infos-facturation article #non-recurrent {
	margin: 30px 0;
}

@media screen and (max-width: 767px) { /* Mobile */
	
	#corps-page #maj-infos-facturation article #non-recurrent p {
		font-size: 1.4em;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */
	
	#corps-page #maj-infos-facturation article #non-recurrent p {
		font-size: 1.5em;
	}

}



/*-------------------------------------------------------------------------------+
+ Formulaire                                                                     +
+-------------------------------------------------------------------------------*/

#corps-page #maj-infos-facturation article #pmpro_form fieldset#infos-suivi #precision-infos-suivi {
	font-style: italic;
}




/*///////////////////////////////////////////////////////////////////////////////////////////////
//                                                                                             //
//  GABARIT "Ressources"                                                                       //
//                                                                                             //
///////////////////////////////////////////////////////////////////////////////////////////////*/


#corps-page #ressources {
	position: relative;
	padding: 0 10px;
}



/*-------------------------------------------------------------------------------+
+ Styles communs                                                                 +
+-------------------------------------------------------------------------------*/

#corps-page #ressources .liste-ressources {
	background-color: #fff;
}

#corps-page #ressources .liste-ressources h1 {
	background: url(../img/pictos/dossier-fleche-noir.png) no-repeat right 5px;
	padding-right: 40px;
	color: #000;
}

#corps-page #ressources .liste-ressources nav ul li {
	display: inline-block;
}

#corps-page #ressources .liste-ressources nav ul li a {
	text-decoration: none;
}

#corps-page #ressources .liste-ressources nav ul li a:hover {
	text-decoration: underline;
}

#corps-page #ressources .liste-ressources section {
	position: relative;
}

#corps-page #ressources .liste-ressources section h2 {
	padding-bottom: 5px;
	color: #1375fb;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	text-transform: uppercase;
	border-bottom: 1px solid #d1e0f6;
}

#corps-page #ressources .liste-ressources section .haut-page {
	position: absolute;
	top: 10px;
	right: 0;
	color: #1375fb;
	font-size: 1.3em;
	text-decoration: none;
}

@media screen and (max-width: 767px) { /* Mobile */

	#corps-page #ressources .liste-ressources {
		padding: 15px;
	}

	#corps-page #ressources .liste-ressources h1 {
		padding-bottom: 15px;
		font-size: 2.4em;
	}

	#corps-page #ressources .liste-ressources nav {
		margin: 5px 0 30px 0;
	}

	#corps-page #ressources .liste-ressources nav ul li {
		margin-right: 20px;
		font-size: 1.4em;
	}

	#corps-page #ressources .liste-ressources section {
		padding-bottom: 20px;
	}

	#corps-page #ressources .liste-ressources section h2 {
		margin-bottom: 20px;
		font-size: 1.6em;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#corps-page #ressources .liste-ressources {
		padding: 20px;
	}

	#corps-page #ressources .liste-ressources h1 {
		padding-bottom: 20px;
		font-size: 3em;
	}

	#corps-page #ressources .liste-ressources nav {
		margin: 10px 0 50px 0;
	}

	#corps-page #ressources .liste-ressources nav ul li {
		background: url(../img/puces/fleche-ressources.png) no-repeat right center;
		margin-right: 40px;
		padding-right: 20px;
		font-size: 1.6em;
	}

	#corps-page #ressources .liste-ressources section {
		padding: 0 0 30px 20px;
	}

	#corps-page #ressources .liste-ressources section h2 {
		margin: 0 0 30px -20px;
		font-size: 2em;
	}

}



/*-------------------------------------------------------------------------------+
+ Ressources "standard"                                                          +
+-------------------------------------------------------------------------------*/

#corps-page #ressources .liste-ressources article.standard {
	position: relative;
}

#corps-page #ressources .liste-ressources article.standard ul, #corps-page #ressources .liste-ressources article.standard ol {
	margin-bottom: 1em;
	padding-left: 2.5em;
}

#corps-page #ressources .liste-ressources article.standard li ul, #corps-page #ressources .liste-ressources article.standard li ol {
	margin: 0.5em 0 0.3em 0;
}

#corps-page #ressources .liste-ressources article.standard ul li {
	list-style-type: disc;
}

#corps-page #ressources .liste-ressources article.standard ol li {
	list-style-type: decimal;
}

#corps-page #ressources .liste-ressources article.standard ul li, #corps-page #ressources .liste-ressources article.standard ol li {
	padding-bottom: 0.5em;
	line-height: 1.3em;
}

#corps-page #ressources .liste-ressources article.standard li li {
	font-size: 1em;
}

#corps-page #ressources .liste-ressources article.standard li ul li {
	list-style-type: circle;
}

@media screen and (max-width: 767px) { /* Mobile */

	#corps-page #ressources .liste-ressources article.standard {
		margin-bottom: 40px;
	}

	#corps-page #ressources .liste-ressources article.standard h3 {
		margin-bottom: 10px;
		font-size: 2em;
	}

	#corps-page #ressources .liste-ressources article.standard p, #corps-page #ressources .liste-ressources article.standard li {
		font-size: 1.4em;
	}

	#corps-page #ressources .liste-ressources article.standard img {
		display: none;
	}

	#corps-page #ressources .liste-ressources article.standard .bouton {
		position: relative;
		left: 50%;
		margin: 5px 0 0 -50px;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#corps-page #ressources .liste-ressources article.standard {
		min-height: 300px;
		margin-bottom: 50px;
		padding-right: 300px;
	}

	#corps-page #ressources .liste-ressources #veille article.standard {
		min-height: 200px;
	}

	#corps-page #ressources .liste-ressources article.standard h3 {
		margin-bottom: 15px;
		font-size: 2.4em;
	}

	#corps-page #ressources .liste-ressources article.standard p, #corps-page #ressources .liste-ressources article.standard li {
		font-size: 1.5em;
	}

	#corps-page #ressources .liste-ressources article.standard img {
		position: absolute;
		top: 0;
		right: 70px;
	}

	#corps-page #ressources .liste-ressources article.standard .bouton {
		margin-top: 15px;
	}

}



/*-------------------------------------------------------------------------------+
+ Ressources "association"                                                       +
+-------------------------------------------------------------------------------*/

@media screen and (max-width: 767px) { /* Mobile */

	#corps-page #ressources .liste-ressources #association article h3 {
		margin-bottom: 15px;
		font-size: 2em;
	}

	#corps-page #ressources .liste-ressources #association article p {
		font-size: 1.4em;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#corps-page #ressources .liste-ressources #association {
		overflow: hidden;
	}

	#corps-page #ressources .liste-ressources #association article h3 {
		margin-bottom: 30px;
		font-size: 2.4em;
	}

	#corps-page #ressources .liste-ressources #association article p {
		font-size: 1.5em;
	}

}


/* Rapports d'activite *************************************************/

#corps-page #ressources .liste-ressources #association article#rapports-activite ul li .date {
	vertical-align: middle;
}

#corps-page #ressources .liste-ressources #association article#rapports-activite ul li .bouton {
	margin-left: 30px;
}

@media screen and (max-width: 767px) { /* Mobile */

	#corps-page #ressources .liste-ressources #association article#rapports-activite ul {
		width: 80%;
		margin: 0 auto;
	}

	#corps-page #ressources .liste-ressources #association article#rapports-activite ul li {
		padding: 10px 0 10px 15px;
		border-top: 1px solid #d3d3d3;
	}

	#corps-page #ressources .liste-ressources #association article#rapports-activite ul li:first-child {
		border: none;
	}

	#corps-page #ressources .liste-ressources #association article#rapports-activite ul li .date {
		font-size: 1.6em;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#corps-page #ressources .liste-ressources #association article#rapports-activite {
		float: left;
		width: 30%;
	}

	#corps-page #ressources .liste-ressources #association article#rapports-activite ul li {
		padding-bottom: 30px;
	}

	#corps-page #ressources .liste-ressources #association article#rapports-activite ul li .date {
		font-size: 1.8em;
	}

}


/* Badge membre ********************************************************/

#corps-page #ressources .liste-ressources #association article#badge-membre {
	position: relative;
}

@media screen and (max-width: 767px) { /* Mobile */

	#corps-page #ressources .liste-ressources #association article#badge-membre {
		margin-bottom: 40px;
	}

	#corps-page #ressources .liste-ressources #association article#badge-membre p {
		padding-left: 120px;
	}

	#corps-page #ressources .liste-ressources #association article#badge-membre img {
		position: absolute;
		top: 40px;
		left: 0px;
		width: 100px;
	}

	#corps-page #ressources .liste-ressources #association article#badge-membre .bouton {
		position: relative;
		left: 50%;
		margin: 5px 0 0 -50px;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#corps-page #ressources .liste-ressources #association article#badge-membre {
		float: right;
		width: 29%;
		min-height: 180px;
		padding-left: 250px;
	}

	#corps-page #ressources .liste-ressources #association article#badge-membre h3 {
		margin-left: -250px;
	}

	#corps-page #ressources .liste-ressources #association article#badge-membre img {
		position: absolute;
		top: 55px;
		left: 0px;
	}

}




/*///////////////////////////////////////////////////////////////////////////////////////////////
//                                                                                             //
//  GABARIT "Liste actus"                                                                      //
//                                                                                             //
///////////////////////////////////////////////////////////////////////////////////////////////*/


#corps-page #liste-actus-membres {
	position: relative;
	padding: 0 10px;
}



/*-------------------------------------------------------------------------------+
+ Styles communs                                                                 +
+-------------------------------------------------------------------------------*/

#corps-page #liste-actus-membres .liste-actus {
	background-color: #fff;
}

#corps-page #liste-actus-membres .liste-actus h1 {
	background: url(../img/pictos/antenne-ondes-noir.png) no-repeat right 3px;
	padding-right: 40px;
	color: #000;
}

@media screen and (max-width: 767px) { /* Mobile */

	#corps-page #liste-actus-membres .liste-actus {
		padding: 15px;
	}

	#corps-page #liste-actus-membres .liste-actus h1 {
		padding-bottom: 15px;
		font-size: 2.4em;
	}

	#corps-page #liste-actus-membres .twitter-timeline {
		display: none !important;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#corps-page #liste-actus-membres .liste-actus {
		padding: 20px;
	}

	#corps-page #liste-actus-membres .liste-actus h1 {
		padding-bottom: 20px;
		font-size: 3em;
	}

}

@media screen and (max-width: 1024px) { /* Mobile + Tablette */

	#corps-page #liste-actus-membres .twitter-timeline {
		display: none !important;
	}

}

@media screen and (min-width: 1025px) { /* Bureau */

	#corps-page #liste-actus-membres .liste-actus {
		position: relative;
		min-height: 700px;
	}

	#corps-page #liste-actus-membres .liste-actus article {
		position: relative;
		width: 600px;
	}

	#corps-page #liste-actus-membres .twitter-timeline {
		position: absolute !important;
		top: 100px;
		right: 20px;
	}

}



/*-------------------------------------------------------------------------------+
+ Mise en forme des actus                                                        +
+-------------------------------------------------------------------------------*/

#corps-page #liste-actus-membres .liste-actus article header {
	position: relative;
	padding: 20px 0 0 0;
}

#corps-page #liste-actus-membres .liste-actus article header h2 {
	color: #000;
	line-height: 1em;
}

#corps-page #liste-actus-membres .liste-actus article header h2 a {
	color: #000;
	text-decoration: none;
}

#corps-page #liste-actus-membres .liste-actus article header h2 a:hover {
	text-decoration: underline;
}

#corps-page #liste-actus-membres .liste-actus article header .info-contextuelles {
	position: absolute;
	top: 0;
	left: 0;
	color: #777 !important;
	font-size: 1.2em !important;
}

#corps-page #liste-actus-membres .liste-actus article p .plus {
	color: #1375fb;
	text-decoration: none;
}

#corps-page #liste-actus-membres .liste-actus article p .plus:hover {
	text-decoration: underline;
}


@media screen and (max-width: 767px) { /* Mobile */

	#corps-page #liste-actus-membres .liste-actus article {
		padding: 10px 0;
	}

	#corps-page #liste-actus-membres .liste-actus article header h2 {
		margin-bottom: 10px;
		font-size: 1.8em;
	}

	#corps-page #liste-actus-membres .liste-actus article p {
		font-size: 1.3em;
	}
	
}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#corps-page #liste-actus-membres .liste-actus article {
		padding: 10px 0;
	}
	
	#corps-page #liste-actus-membres .liste-actus article header h2 {
		margin-bottom: 15px;
		font-size: 2.4em;
	}
	
	.ie #corps-page #liste-actus-membres .liste-actus article header h2 {
		font-size: 2.2em;
	}
	
	#corps-page #liste-actus-membres .liste-actus article p {
		font-size: 1.4em;
	}
	
}




/*///////////////////////////////////////////////////////////////////////////////////////////////
//                                                                                             //
//  GABARIT "Detail actu"                                                                      //
//                                                                                             //
///////////////////////////////////////////////////////////////////////////////////////////////*/


#corps-page #detail-actu-membres {
	position: relative;
	padding: 0 10px;
}



/*-------------------------------------------------------------------------------+
+ Mise en forme de l'article                                                     +
+-------------------------------------------------------------------------------*/

/* Styles communs ******************************************************/

#corps-page #detail-actu-membres article {
	background-color: #fff;
}

#corps-page #detail-actu-membres article header {
	position: relative;
	margin-bottom: 10px;
	padding-top: 25px;
}

#corps-page #detail-actu-membres article header h1 {
	color: #000;
}

#corps-page #detail-actu-membres article header .info-contextuelles {
	position: absolute;
	top: 0;
	left: 0;
}

#corps-page #detail-actu-membres article header .info-contextuelles .date {
	display: inline-block;
	color: #777;
	font-size: 1.2em;
}

#corps-page #detail-actu-membres article section {
	overflow: hidden;
}

#corps-page #detail-actu-membres article section h2 {
	margin-bottom: 0.5em;
	color: #1375fa;
}

#corps-page #detail-actu-membres article section p + h2, #corps-page #detail-actu-membres article section ul + h2, #corps-page #detail-actu-membres article section ol + h2 {
	margin-top: 1.1em;
}

#corps-page #detail-actu-membres article section h3 {
	margin-bottom: 0.5em;
	color: #000;
}

#corps-page #detail-actu-membres article section p + h3, #corps-page #detail-actu-membres article section ul + h3, #corps-page #detail-actu-membres article section ol + h3 {
	margin-top: 1em;
}

#corps-page #detail-actu-membres article section h4 {
	margin-bottom: 0.5em;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #000;
}

#corps-page #detail-actu-membres article section p + h4, #corps-page #detail-actu-membres article section ul + h4, #corps-page #detail-actu-membres article section ol + h4 {
	margin-top: 0.9em;
}

#corps-page #detail-actu-membres article section ul, #corps-page #detail-actu-membres article section ol {
	margin-bottom: 1em;
	padding-left: 2.5em;
}

#corps-page #detail-actu-membres article section li ul, #corps-page #detail-actu-membres article section li ol {
	margin: 0.5em 0 0.3em 0;
}

#corps-page #detail-actu-membres article section ul li {
	list-style-type: disc;
}

#corps-page #detail-actu-membres article section ol li {
	list-style-type: decimal;
}

#corps-page #detail-actu-membres article section ul li, #corps-page #detail-actu-membres article section ol li {
	padding-bottom: 0.5em;
	line-height: 1.3em;
}

#corps-page #detail-actu-membres article section li li {
	font-size: 1em;
}

#corps-page #detail-actu-membres article section li ul li {
	list-style-type: circle;
}

#corps-page #detail-actu-membres article iframe, #corps-page #detail-actu-membres article img {
	margin: 0.7em auto;
}

@media screen and (max-width: 767px) { /* Mobile */

	#corps-page #detail-actu-membres article {
		margin-bottom: 20px;
		padding: 15px;
	}

	#corps-page #detail-actu-membres article header {
		margin-bottom: 20px;
	}

	#corps-page #detail-actu-membres article header h1 {
		margin-bottom: 10px;
		font-size: 2.4em;
	}

	#corps-page #detail-actu-membres article section h2 {
		font-size: 2em;
	}

	#corps-page #detail-actu-membres article section h3 {
		font-size: 1.7em;
	}

	#corps-page #detail-actu-membres article section h4 {
		font-size: 1.5em;
	}

	#corps-page #detail-actu-membres article section p, #corps-page #detail-actu-membres article section li {
		font-size: 1.4em;
	}

	#corps-page #detail-actu-membres article iframe, #corps-page #detail-actu-membres article object, #corps-page #detail-actu-membres article embed, #corps-page #detail-actu-membres article img {
		max-width: 100%;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#corps-page #detail-actu-membres article {
		margin-bottom: 30px;
		padding: 20px;
	}

	#corps-page #detail-actu-membres article header {
		margin-bottom: 25px;
	}

	#corps-page #detail-actu-membres article header h1 {
		margin-bottom: 15px;
		font-size: 3em;
	}

	#corps-page #detail-actu-membres article section h2 {
		font-size: 2.4em;
	}

	#corps-page #detail-actu-membres article section h3 {
		font-size: 2em;
	}

	#corps-page #detail-actu-membres article section h4 {
		font-size: 1.7em;
	}

	#corps-page #detail-actu-membres article section p, #corps-page #detail-actu-membres article section li {
		font-size: 1.5em;
	}

}

@media screen and (min-width: 768px) and (max-width: 1024px) { /* Tablette */

	#corps-page #detail-actu-membres article iframe, #corps-page #detail-actu-membres article object, #corps-page #detail-actu-membres article embed, #corps-page #detail-actu-membres article img {
		max-width: 100%;
	}

}

@media screen and (min-width: 1025px) { /* Bureau */

	#corps-page #detail-actu-membres article iframe, #corps-page #detail-actu-membres article object, #corps-page #detail-actu-membres article embed, #corps-page #detail-actu-membres article img {
		max-width: 950px;
	}

}




/*///////////////////////////////////////////////////////////////////////////////////////////////
//                                                                                             //
//  GABARIT "Publier une offre d'emploi"                                                       //
//                                                                                             //
///////////////////////////////////////////////////////////////////////////////////////////////*/


#corps-page #publier-offre-emploi {
	position: relative;
	padding: 0 10px;
}



/*-------------------------------------------------------------------------------+
+ Styles communs                                                                 +
+-------------------------------------------------------------------------------*/

#corps-page #publier-offre-emploi article {
	background-color: #fff;
}

#corps-page #publier-offre-emploi article h1 {
	background: url(../img/pictos/2hommes-noir.png) no-repeat right 6px;
	padding-right: 40px;
	color: #000;
}

@media screen and (max-width: 767px) { /* Mobile */

	#corps-page #publier-offre-emploi article {
		padding: 15px;
	}

	#corps-page #publier-offre-emploi article h1 {
		padding-bottom: 15px;
		font-size: 2.4em;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#corps-page #publier-offre-emploi article {
		padding: 20px;
	}

	#corps-page #publier-offre-emploi article h1 {
		padding-bottom: 20px;
		font-size: 3em;
	}

}



/*-------------------------------------------------------------------------------+
+ Etape 1                                                                        +
+-------------------------------------------------------------------------------*/

#corps-page #publier-offre-emploi .etape1 #formulaire-emploi {
	display: none; /* masque par defaut */
}

#corps-page #publier-offre-emploi .etape1 #formulaire-emploi fieldset#infos-suivi #precision-infos-suivi {
	font-style: italic;
}

@media screen and (max-width: 767px) { /* Mobile */

	#corps-page #publier-offre-emploi .etape1 #formulaire-emploi fieldset#infos-suivi #precision-infos-suivi {
		font-size: 1.3em;
	}

	#corps-page #publier-offre-emploi .etape1 #formulaire-emploi #validation {
		padding-top: 70px;
	}

	#corps-page #publier-offre-emploi .etape1 #formulaire-emploi #validation p {
		font-size: 1.3em;
		text-align: center;
	}

	#corps-page #publier-offre-emploi .etape1 #formulaire-emploi #validation .bouton {
		left: 50%;
		width: 150px;
		margin-left: -75px;
		text-align: center;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#corps-page #publier-offre-emploi .etape1 #formulaire-emploi fieldset#infos-suivi {
		position: relative;
		background: url(../img/divers/fleche-fondu-drt-bleu-XL.png);
		background-repeat: no-repeat;
	}

	#corps-page #publier-offre-emploi .etape1 #formulaire-emploi fieldset#infos-suivi #precision-infos-suivi {
		position: absolute;
		top: 85px;
		font-size: 1.4em;
	}

	#corps-page #publier-offre-emploi .etape1 #formulaire-emploi #validation {
		padding-right: 150px;
	}

	#corps-page #publier-offre-emploi .etape1 #formulaire-emploi #validation p {
		padding-top: 10px;
		font-size: 1.4em;
	}

	#corps-page #publier-offre-emploi .etape1 #formulaire-emploi #validation .bouton {
		right: 0;
	}

}

@media screen and (min-width: 768px) and (max-width: 1024px) { /* Tablette */

	#corps-page #publier-offre-emploi .etape1 #formulaire-emploi fieldset .col-gauche {
		width: 44%;
	}

	#corps-page #publier-offre-emploi .etape1 #formulaire-emploi fieldset .col-droite {
		width: 56%;
	}

	#corps-page #publier-offre-emploi .etape1 #formulaire-emploi fieldset .ligne input[type=text], #corps-page #publier-offre-emploi .etape1 #formulaire-emploi fieldset .ligne input[type=email] {
		width: 75%;
	}
	
	#corps-page #publier-offre-emploi .etape1 #formulaire-emploi fieldset #ligne-societe-url .complement-input {
		width: 40px;
	}
	
	#corps-page #publier-offre-emploi .etape1 #formulaire-emploi fieldset #ligne-societe-url input[type=text] {
		width: 65%;
	}

	#corps-page #publier-offre-emploi .etape1 #formulaire-emploi fieldset .ligne textarea {
		width: 99%;
	}
	
	#corps-page #publier-offre-emploi .etape1 #formulaire-emploi fieldset#infos-suivi {
		background-position: 30% 42px;
		padding-right: 57%;
	}

	#corps-page #publier-offre-emploi .etape1 #formulaire-emploi fieldset#infos-suivi #precision-infos-suivi {
		left: 44%;
	}

}

@media screen and (min-width: 1025px) { /* Bureau */

	#corps-page #publier-offre-emploi .etape1 #formulaire-emploi fieldset .col-gauche {
		width: 410px;
	}

	#corps-page #publier-offre-emploi .etape1 #formulaire-emploi fieldset .col-droite {
		width: 540px;
	}

	#corps-page #publier-offre-emploi .etape1 #formulaire-emploi fieldset .ligne input[type=text], #corps-page #publier-offre-emploi .etape1 #formulaire-emploi fieldset .ligne input[type=email] {
		width: 310px;
	}
	
	#corps-page #publier-offre-emploi .etape1 #formulaire-emploi fieldset #ligne-societe-url .complement-input {
		width: 40px;
	}
	
	#corps-page #publier-offre-emploi .etape1 #formulaire-emploi fieldset #ligne-societe-url input[type=text] {
		width: 270px;
	}

	#corps-page #publier-offre-emploi .etape1 #formulaire-emploi fieldset .ligne textarea {
		width: 530px;
	}
	
	#corps-page #publier-offre-emploi .etape1 #formulaire-emploi fieldset#infos-suivi {
		background-position: 250px 42px;
		padding-right: 540px;
	}

	#corps-page #publier-offre-emploi .etape1 #formulaire-emploi fieldset#infos-suivi #precision-infos-suivi {
		left: 410px;
		width: 500px;
	}

}


/* Validation du formulaire ********************************************/

#corps-page #publier-offre-emploi .etape1 #formulaire-emploi .validation-failed {
	border: 1px solid #ff0000;
}

#corps-page #publier-offre-emploi .etape1 #formulaire-emploi input[type="file"].validation-failed {
	color: #ff0000;
	border: 0;
}

#corps-page #publier-offre-emploi .etape1 #formulaire-emploi .validation-advice {
	padding: 8px  3px 0;
	color: #ff0000;
	font-style: italic;
}


/* Benefice membre *****************************************************/

#corps-page #publier-offre-emploi .etape1 #benefice-membre {
	position: relative;
}

@media screen and (max-width: 767px) { /* Mobile */

	#corps-page #publier-offre-emploi .etape1 #benefice-membre {
		margin: 10px 0 25px 0;
	}

	#corps-page #publier-offre-emploi .etape1 #benefice-membre p {
		font-size: 1.3em;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#corps-page #publier-offre-emploi .etape1 #benefice-membre {
		margin: 20px 0 40px 0;
	}

	#corps-page #publier-offre-emploi .etape1 #benefice-membre p {
		font-size: 1.4em;
	}

}




/*///////////////////////////////////////////////////////////////////////////////////////////////
//                                                                                             //
//  GABARIT "Page basique"                                                                     //
//                                                                                             //
///////////////////////////////////////////////////////////////////////////////////////////////*/


#corps-page #page-basique {
	position: relative;
	padding: 0 10px;
}

#corps-page #page-basique article {
	background-color: #fff;
}

#corps-page #page-basique article header h1 {
	color: #000;
}

#corps-page #page-basique article section h2 {
	margin-bottom: 0.5em;
	color: #1375fa;
}

#corps-page #page-basique article section p + h2, #corps-page #page-basique article section ul + h2, #corps-page #page-basique article section ol + h2 {
	margin-top: 1.1em;
}

#corps-page #page-basique article section h3 {
	margin-bottom: 0.5em;
	color: #000;
}

#corps-page #page-basique article section p + h3, #corps-page #page-basique article section ul + h3, #corps-page #page-basique article section ol + h3 {
	margin-top: 1em;
}

#corps-page #page-basique article section h4 {
	margin-bottom: 0.5em;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	color: #000;
}

#corps-page #page-basique article section p + h4, #corps-page #page-basique article section ul + h4, #corps-page #page-basique article section ol + h4 {
	margin-top: 0.9em;
}

#corps-page #page-basique article section ul, #corps-page #page-basique article section ol {
	margin-bottom: 0.7em;
}

#corps-page #page-basique article section ul, #corps-page #page-basique article section ol {
	padding-left: 2.5em;
}

#corps-page #page-basique article section li ul, #corps-page #page-basique article section li ol {
	margin: 0.5em 0 0.3em 0;
}

#corps-page #page-basique article section ul li {
	list-style-type: disc;
}

#corps-page #page-basique article section ol li {
	list-style-type: decimal;
}

#corps-page #page-basique article section ul li, #corps-page #page-basique article section ol li {
	margin-bottom: 0.5em;
	line-height: 1.3em;
}

#corps-page #page-basique article section li li {
	font-size: 1em;
}

#corps-page #page-basique article section li ul li {
	list-style-type: circle;
}

@media screen and (max-width: 767px) { /* Mobile */

	#corps-page #page-basique article {
		padding: 15px;
	}

	#corps-page #page-basique article header {
		margin-bottom: 15px;
	}

	#corps-page #page-basique article header h1 {
		font-size: 2.4em;
	}

	#corps-page #page-basique article section h2 {
		font-size: 2em;
	}

	#corps-page #page-basique article section h3 {
		font-size: 1.7em;
	}

	#corps-page #page-basique article section h4 {
		font-size: 1.5em;
	}

	#corps-page #page-basique article section p, #corps-page #page-basique article section li {
		font-size: 1.4em;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#corps-page #page-basique article {
		padding: 20px;
	}
	
	#corps-page #page-basique article header {
		margin-bottom: 30px;
	}

	#corps-page #page-basique article header h1 {
		font-size: 3em;
	}

	#corps-page #page-basique article section h2 {
		font-size: 2.4em;
	}

	#corps-page #page-basique article section h3 {
		font-size: 2em;
	}

	#corps-page #page-basique article section h4 {
		font-size: 1.7em;
	}

	#corps-page #page-basique article section p, #corps-page #page-basique article section li {
		font-size: 1.5em;
	}

}




/*///////////////////////////////////////////////////////////////////////////////////////////////
//                                                                                             //
//  GABARIT "404"                                                                              //
//                                                                                             //
///////////////////////////////////////////////////////////////////////////////////////////////*/


#corps-page #page-404 {
	padding: 0 10px;
}

#corps-page #page-404 .conteneur {
	background-color: #fff;
}
	
#corps-page #page-404 article h1 {
	background-image: url(../img/pictos/rond-attention-rouge.png);
	background-repeat: no-repeat;
	margin-bottom: 0.5em;
	padding-right: 30px;
	color: #ff0000;
}

@media screen and (max-width: 767px) { /* Mobile */
	
	#corps-page #page-404 article {
		padding: 15px;
	}
	
	#corps-page #page-404 article h1 {
		background-position: right 7px;
		font-size: 2.4em;
	}
	
	#corps-page #page-404 article p {
		font-size: 1.4em;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */
	
	#corps-page #page-404 article {
		padding: 20px;
	}
	
	#corps-page #page-404 article h1 {
		background-position: right 10px;
		font-size: 3em;
	}
	
	#corps-page #page-404 article p {
		font-size: 1.5em;
	}

}




/*///////////////////////////////////////////////////////////////////////////////////////////////
//                                                                                             //
//  PIED DE PAGE                                                                               //
//                                                                                             //
///////////////////////////////////////////////////////////////////////////////////////////////*/


#pied-page {
	background-repeat: repeat-x;
	background-position: left top;
	margin: -5px auto 0 auto;
	padding: 5px 10px 0 10px;
	z-index: 10;
}

@media screen and (max-width: 767px) { /* Mobile */

	#pied-page {
		background-image: url(../img/fonds/fd-pied-m.png);
	}

}

@media screen and (min-width: 768px) and (max-width: 1024px) { /* Tablette */

	#pied-page {
		background-image: url(../img/fonds/fd-pied-t.png);
	}

}

@media screen and (min-width: 1025px) { /* Bureau */

	#pied-page {
		background-image: url(../img/fonds/fd-pied-b.png);
	}

}



/*-------------------------------------------------------------------------------+
+ Bandeau                                                                        +
+-------------------------------------------------------------------------------*/

#pied-page #footer-bandeau small {
	display: block;
	color: #fff;
	font-size: 1.2em;
}

#pied-page #footer-bandeau small a {
	display: inline-block;
	color: #fff;
	text-decoration: none;
}

#pied-page #footer-bandeau small a:hover {
	text-decoration: underline;
}

@media screen and (max-width: 767px) { /* Mobile */

	#pied-page #footer-bandeau .conteneur {
		height: 70px;
	}

	#pied-page #footer-bandeau small {
		padding-top: 15px;
		text-align: center;
	}
	
	#pied-page #footer-bandeau small #footer-copyright {
		display: block;
		margin-bottom: 10px;
	}
	
	#pied-page #footer-bandeau small #footer-contact {
		margin-left: 10px;
		padding-left: 10px;
		border-left: 1px solid #fff;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#pied-page #footer-bandeau .conteneur {
		height: 50px;
	}

	#pied-page #footer-bandeau .logo-di {
		position: absolute;
		top: 10px;
		left: 0;
	}

	#pied-page #footer-bandeau .logo-di img {
		height: 30px;
	}

	#pied-page #footer-bandeau small {
		padding: 20px 150px 0 150px;
		text-align: center;
	}

	#pied-page #footer-bandeau small a {
		margin-left: 10px;
		padding-left: 10px;
		border-left: 1px solid #fff;
	}
	
	#pied-page #footer-bandeau small #footer-copyright {
		display: inline!important;
	}
	
}


/* Reseaux sociaux + contact *******************************************/

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#pied-page #footer-bandeau #footer-twitter, #pied-page #footer-bandeau #footer-facebook {
		display: block;
		position: absolute;
		top: 10px;
		background-repeat: no-repeat;
		background-position: center center;
		width: 30px;
		height: 30px;
	}
	
	#pied-page #footer-bandeau #footer-twitter {
		right: 40px;
		background-image: url(../img/logos/social/lg-twitter-blanc-transp.png);
	}
	
	#pied-page #footer-bandeau #footer-facebook {
		right: 0;
		background-image: url(../img/logos/social/lg-facebook-blanc-transp.png);
	}
	
}



/*-------------------------------------------------------------------------------+
+ Partenaires                                                                    +
+-------------------------------------------------------------------------------*/

#pied-page #footer-partenaires {
	color: #666;
}

#pied-page #footer-partenaires h4 {
	font-weight: normal;
}

#pied-page #footer-partenaires ul li a {
	background-repeat: no-repeat;
	background-position: center center;
	height: 37px;
}

#pied-page #footer-partenaires ul li #partenaire-apci {
	background-image: url(../img/logos/partenaires/lg-apci.png);
	width: 141px;
}

#pied-page #footer-partenaires ul li #partenaire-afd {
	background-image: url(../img/logos/partenaires/lg-afd.png);
	width: 98px;
}

#pied-page #footer-partenaires ul li #partenaire-blogwebdesign {
	background-image: url(../img/logos/partenaires/lg-blogwebdesign.png);
	width: 150px;
}

#pied-page #footer-partenaires ul li #partenaire-wif {
	background-image: url(../img/logos/partenaires/lg-wif.png);
	width: 35px;
}

#pied-page #footer-partenaires ul li #partenaire-digikaa {
	background-image: url(../img/logos/partenaires/lg-digikaa.png);
	width: 67px;
}


@media screen and (max-width: 767px) { /* Mobile */

	#pied-page #footer-partenaires {
		min-height: 190px;
		padding: 15px 0;
	}

	#pied-page #footer-partenaires h4 {
		margin-bottom: 15px;
		font-size: 1.4em;
		text-align: center;
	}

	#pied-page #footer-partenaires ul {
		width: 300px;
		margin: 0 auto;
		text-align: center;
	}
	
	#pied-page #footer-partenaires ul li {
		display: inline-block;
		margin: 0 10px 15px 10px;
	}

}

@media screen and (min-width: 768px) { /* Tablette + Bureau */

	#pied-page #footer-partenaires {
		min-height: 80px;
	}

	#pied-page #footer-partenaires h4 {
		position: absolute;
	}

	#pied-page #footer-partenaires ul {
		padding-top: 20px;
		overflow: hidden;
	}

	#pied-page #footer-partenaires ul li {
		float: left;
	}

}

@media screen and (min-width: 768px) and (max-width: 1024px) { /* Tablette */

	#pied-page #footer-partenaires h4 {
		top: 35px;
		left: 0;
		font-size: 1.3em;
	}

	#pied-page #footer-partenaires ul {
		width: 87%;
		padding-left: 13%;
	}

	#pied-page #footer-partenaires ul li {
		margin-right: 4.5%;
	}

}

@media screen and (min-width: 1025px) { /* Bureau */

	#pied-page #footer-partenaires h4 {
		top: 30px;
		left: 40px;
		font-size: 1.7em;
	}

	#pied-page #footer-partenaires ul {
		padding-left: 200px;
	}

	#pied-page #footer-partenaires ul li {
		margin-right: 50px;
	}

}