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

/*
PAGES :: GENERAL
RECHERCHE (CLASSIQUE + CARTO)
RECHERCHE CARTOGRAPHIQUE
INSCRIPTION
CONFIRMATION
COMPTE CONNEXION
COMPTE
MODIFIER + AJOUTER
SUPPRIMER MON COMPTE
OUBLI MDP
CONTACT
CGU + A PROPOS + FAQ (+ OUBLI + CONFIRMATION)
À PROPOS
FAQ
*/



/* === PAGES :: GENERAL === */


/* ------ formatage listes publications (page Recherche (= Accueil), Compte, A Propos) ------ */
div.liste {
	display: table;
	position: relative;
	margin: 0px;
	max-width: 955px;
	width: 100%;
	background-color: #fff;
	-webkit-box-shadow: 0px 2px 18px #222;
	-moz-box-shadow: 0px 2px 18px #222; 
	box-shadow: 0px 2px 18px #222;
	z-index: 100;
}
.liste .publication, .liste .libelles { display: table-row; }
.liste .publication:hover { background-color: #F4F3EF; }
.liste .publication:hover div.nom {
	background-color: #fff;
	border-right: 1px solid #C7C6C2;
	padding-right: 7px;
}
.liste .publication > div, .libelles > div {
	display: table-cell;
	width: auto;
	padding: 11px 8px 15px;
	border-bottom: 1px solid #bbb;
	vertical-align: top;
}
.liste div.libelles div {
	padding: 10px 2px;
	background-color: #F4F3EF;
	vertical-align: middle;
	/* typo */
	text-align: center;
	font: 0.95em/1em "Source Sans Pro", 'Open Serif', Georgia, serif;
	font-weight: 600;
	font-variant: small-caps;
	letter-spacing: 0.1em;
}
.liste .publications { display: table-row-group; }
.liste .publication div.nom {
	width: 120px;
	text-align: center;
	height: auto;
}
div.nom a:link, div.nom a:visited {
	display: inline-block;
	padding: 1px 4px;
	border: none;
}
div.nom:hover a { background-color: #333; color: #fff; }
div.nom a:hover { background-color: #333; color: #fff; }
div.nom a.logo {
	margin-bottom: 4px;
	padding: 4px;
	border: none;
	background: none;
}
div.nom a { border: none; }
div.nom .activite {
	border-top: 1px solid #C7C6C2;
	padding-top: 10px;
	margin: 8px 4px 0px;
}
li.statut {
	text-align: center;
	border-bottom: 1px solid #C7C6C2;
	padding-bottom: 10px;
	margin-bottom: 15px;
}
li.statut span {
	padding-bottom: 1px;
	/* typo */
	color: #069;
	text-align: center;
}
div.act, div.localisation, div.commune, div.contact { font-size: 0.92em; font-weight: bold; color: #444; }
.liste div.portfolio {
	position: relative;
	min-width: 140px;
	max-width: 140px;
	width: 140px;
	height: 100%;
	padding: 15px 7px 15px 11px;
	text-align: center;
}
.liste .portfolio .vignettes { display: block; text-align: left; }
.liste div.portfolio img { display: inline-block; margin: 0px 1px 1px 0px; }
.liste div.pres {
	width: auto;
	min-width: 295px;
	height: 100%;
	padding-bottom: 35px;
	padding-right: 12px;
	vertical-align: text-top;
	/* typo */
	text-align: left;
	font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 17px;
	font: 1.03em/1.5em "Open Sans", "Lucida Grande", sans-serif;
}
.liste div.pres a.url:link, .liste div.pres a.url:visited {
	border-bottom-color: #999;
	color: #a00;
}
.liste div.pres:hover a.url {
	background-color: #333;
	padding: 0px 4px 1px;
	color: #fff;
}
.liste div.pres .portfolio a { border: none; }
.liste .publication .localisation {
	position: relative;
	width: auto;
	min-width: 130px;
	border-left: 1px solid #C7C6C2;
	/* typo */
	text-align: left;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
	word-wrap: break-word;
}
.liste div.commune { width: 50px; }
.liste div.contact { width: 100px; text-align: left; }




div.pub, .pub div.promo {
	height: 135px;
	text-align: center;
	vertical-align: bottom;
	cursor: pointer;
}
div.pub {
	display: table-row;
	position: relative;
	width: auto;
	background-color: #F4F3EF;
}
.pub > div {
	display: table-cell;
	height: 0px;
}
div.pub div.promo {
	position: absolute;
/*
	background: rgba(255, 255, 255, 0.4) url('fonds/10-0037.jpg') fixed repeat-y center center;
*/
	width: 100%;
	border-bottom: 1px solid #bbb;
	/* typo */
	font-size: 17px;
	line-height: 135px;
}
div.pub .services {
	position: relative;
	background: rgba(255, 255, 255, 0) url('../imports/pubs/services.png') fixed calc(50% - 125px) center repeat-y;
	display: inline-block;
	width: 206px;
	height: 100%;
}
/*
.pub .mot {
	display:none;
	position: absolute;
	left: 15px;
	top: 38px;
	transform:rotate(270deg);
	-o-transform:rotate(270deg); /* Opera
	-ms-transform:rotate(270deg); /* Internet Explorer
	-moz-transform:rotate(270deg); /* Firefox
	-webkit-transform:rotate(270deg); /* Safari et Chrome
}
.pub .cont {
	display: none;
	background-color: #C00;
	position: absolute;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 20px;
	padding: 0px;
	border: none;
	text-align: right;
}
*/
/* ------ / formatage listes publications (page Recherche (= Accueil), Compte, A Propos) ------ */


/* ------ formulaires ------ */
.contenu form.infos, form .compte, form .enreg {
	position: relative;
	margin: 0px auto;
	padding: 30px 15px 50px;
	width: 800px;
}
.contenu form.infos h3, form .compte h3, form .enreg h3 {
	top: -5px;
	margin: 0px 0px 20px;
	padding: 0px 0px 3px;
	border-bottom: 2px dotted #fff;
}
.obl { font-weight: bold; }
.obl:before {
	content: url(fleche.png) " ";
	padding-bottom: 2px;
}
label, .label, form h3, label.logo, .cgu {
	position: relative;
	display: inline-block;
	width: 450px;
	margin: 0px 10px 8px 0px;
	/* typo */
	text-align: right;
}
span.label {
	position: relative;
	display: block;
	right: -87px;
	width: 97px;
	border: none;
}
label.logo {
	text-align: left;
	left: 152px;
	width: 450px;
}
img.logo {
	position: relative;
	margin: 10px 0px;
	left: 194px;
}
input.fichier {
	border: none;
	width: 220px;
}
label.logo input {
	position: relative;
	width: auto;
	max-width: 242px;
	margin-left: 8px;
}
	/* pages inscription, ajout, modifier... */
	.groupe {
		position: relative;
		right: -82px;
		width: 360px;
		border-top: 1px solid #999;
		border-bottom: 1px solid #999;
		padding: 8px 3px 8px;
		margin-bottom: 15px;
	}
	.groupe {
		display: block;
		width: 366px;
		padding: 8px 0px 3px;
	}
	.activite label { width: auto; }
	.activite input, .cgu input { width: 15px; height: 15px; border: none; }
	.presentation { position: relative; display: block; }
	.presentation .info {
		position: absolute;
		top: 50%;
		width: 280px;
		margin-left: 460px;
	}
	.portfolio label {
		display: block;
		position: relative;
		right: 0px;
		width: auto;
		margin: 2px 0px 4px;
	}
	.portfolio img { vertical-align: middle; }
	.portfolio .info {
		position: absolute;
		top: 12px;
		width: 280px;
		margin-left: 377px;
		padding-top: 7px;
	}
	.portfolio br { display: none; }
	.portfolio .info br { display: block; }
	
	.option { display: block; width: 400px; margin: 8px 0px 6px 183px; text-align: left; }
	.option input { width: auto; }
	.option a:link, .option a:visited { border-bottom: 1px solid; }
	
	form.infos button, #compte td.modifier button,
	#oubli .contenu button, #suppression button, #compteConnexion .contenu button,
	#admin .contenu button
	{
		padding: 2px 4px 4px;
		padding: 0px 4px;
		height: 22px;
		background-color: #c24a63;
		border: 0px solid #000;
		-webkit-box-shadow: 0px 2px 7px #333;  
		-moz-box-shadow: 0px 2px 7px #333;  
		box-shadow: 0px 2px 7px #333;
		cursor: pointer;
		outline: none;
		/* typo */
		text-align: center !important;
		line-height: 14px;
		color: #FFF;
		font-weight: bold;
		letter-spacing: 0.08em;
	}
	form.infos button {
		position: relative;
		margin: 30px auto 0px;
		-webkit-box-shadow: 0px 2px 8px #222;  
		-moz-box-shadow: 0px 2px 8px #222;  
		box-shadow: 0px 2px 8px #222;
		width: 100px;
		left: 350px;
	}
	form.infos button:hover, #compte td.modifier button:hover,
	#oubli .contenu button:hover, #suppression button:hover, #compteConnexion .contenu button:hover,
	#admin .contenu button:hover
	{
		background-color: #000;
		color: #fff;
	}
	/* / pages inscription, ajout, modifier... */
/* ------ / formulaires ------ */

.nav {
	position: relative;
	background-color: rgba(111, 135, 170, 0.75);
/*
	height: 45px;
*/
	height: auto;
	padding: 14px 15px 15px;
	margin: 0px auto;
	z-index: 50;
	/* typo */
	color: #fff;
	line-height: 29px;
	text-align: center;
}
.nav a:link, .nav a:visited {
	display: inline-block;
	padding: 1px;
	border: none;
	width: 28px;
	height: 28px;
	margin-left: -8px;
	/* typo */
	color: #fff;
}
.nav a:hover {
	border-radius: 25px;
	background-color: #eaeeff;
	/* typo */
	color: #fff;
	color: #ea6476;
}
.nav a.on {
	display: inline-block;
	width: 30px;
	height: 30px;
	padding: 1px !important;
	border: none !important;
	border-radius: 25px;
	background-color: #fff;
	/* typo */
	color: #6d7f92;
	line-height: 30px;
	text-align: center;
	font-size: 15px;
	font-weight: bold;
}
.nav a.lienAv, .nav a.lienAp {
	margin: 0px;
	font-size: 1.58em;
	vertical-align: bottom;
	line-height: 1.2em;
}
.nav a.lienAv { margin-right: 15px; }
.nav a.lienAp { margin-left: 15px; }
.nav a.lienAv:hover, .nav a.lienAp:hover { background-color: #eaeeff; }
.nav a.lienAp { margin-left: 9px; }


/* === / PAGES :: GENERAL === */
/* === RECHERCHE (CLASSIQUE + CARTO) === */


body.recherche .onglets span { display: none; }
body.recherche .onglets { text-align: center; }
body.recherche a.onglet:link, body.recherche a.onglet:visited {
	position: relative;
	display: inline-block;
	background-color: #C2CED8;
	background-color: rgba(196, 216, 240, 0.95);
	border: none;
	width: 300px;
	margin: 0px 4px 0px 0px;
	padding: 7px 10px 8px;
	z-index: 115;
	/* typo */
	text-align: center;
	color: #4d6479;
	color: #000;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 0.08em;
}
body#rechClassique a.ongletCarto:link, body#rechClassique a.ongletCarto:visited {
	background-color: #768daf;
	z-index: 105 !important;
	color: #3C4D62;
	color: #fff;
}
body#rechClassique a.ongletCarto:hover {
	background-color: rgba(196, 216, 240, 0.95);
	color: #4d6479;
	color: #000;
}
body#rechClassique #formSelection {
	position: relative;
	background-color: #C2CED8;
	background-color: rgba(196, 216, 240, 0.95);
	margin: 0px 0px 0px;
	padding: 26px 15px 26px;
	border-radius: 8px 8px 0px 0px;
	z-index: 110 !important;
	/* typo */
	color: #000;
	text-align: center;
}
.recherche .selection {
	position: relative;
	margin: 0px;
	overflow: hidden;
	padding-bottom: 0px;
	/* typo */
	text-align: center;
}
.recherche .selection select { font-size: 1.1em; }
.recherche .selection input {
	font-size: 0.9em;
	height: 15px;
	width: 190px;
	margin: 0px;
	padding: 1px 2px;
	border: 1px solid #a2a2a2;
}
.recherche .selection select {
	width: 188px;
	height: 24px;
	margin: 0px;
	padding: 1px 3px 3px;
	font-size: 1em;
	font-weight: bold;
}
.recherche .selection span { margin-right: 12px; line-height: 20px; }

.recherche .commande {
	display: inline-block;
	margin: 0px auto;
	border: none;
	height: 19px;
	min-width: 20px;
	background: url(options-plus.png) no-repeat center left;
	vertical-align: middle; 
	/* typo */
}
.recherche #affOptions span, .recherche .commande span { display: none; }
.recherche #affOptions span.options { display: inline; padding-left: 30px; }
.recherche #masqOptions { background: url('options-moins.png') no-repeat center left; }
.recherche #rappOptions { display: block; margin-top: 12px; border: none; }
.recherche #options { display: none; padding-top: 4px; }
.recherche #options span { margin: 0px 10px 0px 0px; }
.recherche #options input, .recherche #options select { width: 150px; margin-left: 4px; }

.recherche .selection span.info { /* (annonces (ex. mots clés facultatifs...) */
	/* typo */
	color: #444;
	font: italic 11px Georgia, "Times New Roman", Times, serif;
	letter-spacing: 0.08em;
	margin: 4px 0px 12px;
}
.recherche #options button {
	right: 0px;
	margin-top: 13px;
	padding: 0px 4px 2px;
	width: 90px;
	height: 23px;
	background-color: #c24a63;
	border: 0px solid #000;
	-webkit-box-shadow: 0px 2px 7px #2c2c2c;
	-moz-box-shadow: 0px 2px 7px #2c2c2c;
	box-shadow: 0px 2px 7px #2c2c2c;
	cursor: pointer;
	outline: none;
	/* typo */
	text-align: center !important;
	color: #FFF;
	font-weight: bold;
}
.recherche #options button:hover { background-color: #000; }
.recherche #options button:active {
	-webkit-box-shadow: 0px 1px 5px #a5a5a5;
	-moz-box-shadow: 0px 1px 5px #a5a5a5;
	box-shadow: 0px 1px 5px #a5a5a5;
}
.recherche .tri {
	display: block;
	border-top: 1px solid #fff;
	padding-top: 15px;
	margin-top: 13px;
}
.recherche .tri select {
	width: auto; height: auto;
	margin: 0px;
	font-size: 1em;
}
.recherche .tri select:first-child { margin-left: 5px; }
.pasDeSite { color: #999; }

body#rechClassique .aucun { text-align: center; padding: 40px; background-color: rgba(196, 216, 240, 0.95); font-size: 1.2em; }
body#rechClassique #liste {
	background-color: #fff;
	width: 100%;
	-webkit-box-shadow: 0px 2px 18px #222;
	-moz-box-shadow: 0px 2px 18px #222;
	box-shadow: 0px 2px 18px #222;
	z-index: 150;
}


/* === RECHERCHE (CLASSIQUE + CARTO) === */
/* === RECHERCHE CARTOGRAPHIQUE === */


body#carto a.onglet:link, body#carto a.onglet:visited {
	background-color: rgba(196, 216, 240, 0.95);
	border-bottom: none;
	z-index: 115 !important;
}
body#carto a.ongletClassique:link, body#carto a.ongletClassique:visited {
	background-color: #768daf;
	z-index: 105 !important;
	color: #E3EFFC;
}
body#carto a.ongletClassique:hover {
	background-color: rgba(196, 216, 240, 0.95);
	color: #000;
}

#carto .contenu #formSelection {
	position: relative;
	background-color: rgba(196, 216, 240, 0.95);
	z-index: 110;
	margin: 0px 0px -1px;
	padding: 15px;
	border-radius: 8px 8px 0px 0px;
	/* typo */
	color: #000000;
	text-align: center;
}
#carto .recherche span.act { display: none; }
#carto .recherche .selection {
	display: inline-block;
	border: none;
	overflow: visible;
	margin: 10px auto;
	width: auto;
}
#carto .recherche select {
	height: 24px;
	padding: 2px 3px 3px;
	width: 300px;
}
#carto #map {
	position: relative;
	max-width: 955px !important;
	height: 650px;
	margin: 8px auto;
/*
	border-bottom: 1px solid #768daf;
*/
	-webkit-box-shadow: 0px 0px 22px #000;
	-moz-box-shadow: 0px 0px 22px #000;
	box-shadow: 0px 0px 22px #222;
	z-index: 150;
}
/* div#infoarea div.messagehtml { top: 0px !important; } Sans effet :( (message chargement interne à la carte) */

/* elements Google Maps */
#map div.i4ewOd-pzNkMb-haAclf {
	background-color: rgba(111, 135, 170, 0.95) !important;
}


#carto p.texte { padding: 20px; margin: -5px 0px 0px; background-color: rgba(111, 135, 170, 0.95); color: #fff; }


/* === / RECHERCHE CARTOGRAPHIQUE === */
/* === INSCRIPTION === */


#inscription form h3 { width: 470px; }
#inscription .alerte, #inscription p.mention { margin-left: 23px; max-width: 350px; }

#inscription form.infos {
	position: relative;
	background-color: rgba(202, 222, 246, 0.95);
	border-top: 1px solid #A9A9A9;
	border-bottom: 1px solid #A9A9A9;
	margin-bottom: 25px;
	padding: 0px;
	-webkit-box-shadow: 0px 3px 18px #222;  
	-moz-box-shadow: 0px 3px 18px #222;  
    box-shadow: 0px 3px 18px #222;
	z-index: 200;
	width: 909px;
}
#inscription .compte, #inscription .enreg {
	position: relative;
	width: auto;
	padding: 30px 30px 30px 55px;
	margin: 0px;
	/* typo */
	color: #000;
}
#inscription .coord input, #inscription .coord .contact textarea { background-color: #E6EEF8; }
#inscription .enreg { margin-top: -1px; background: url('inscript-degrade.png') repeat-x left top; }
#inscription form.infos label { width: 470px; }
#inscription form.infos .cgu,
#modifier form.infos .cgu,
#ajout form.infos .cgu
{ width: 400px; }
#inscription form.infos label.logo { left: 172px; }
#inscription form.infos .label { width: 123px; }
#inscription form.infos .groupe, #inscription form.infos textarea { width: 380px; }
#inscription div.activite label, #inscription div.portfolio label { width: auto; }
#inscription form.infos .info,
#modifier form.infos .info,
#ajout form.infos .info
{ font-style: italic; color: #057; }
#inscription form.infos span.info,
#modifier form.infos span.info {
	display: inline-block;
	margin-top: 1px;
	padding-right: 20px;
}
#inscription form.infos .presentation textarea { margin-bottom: 20px; border: 1px solid #999; }
#inscription form.infos .presentation .info,
#inscription form.infos .contact .info { margin-left: 480px; }
#inscription form.infos .groupe.portfolio { margin-bottom: 24px; padding: 10px 0px; }
#inscription form.infos .portfolio .info { margin-left: 399px; }
#inscription form.infos .contact { display: block; min-height: 120px; font: inherit; color: inherit; }
#inscription form.infos .contact .label { display: inline-block; }
#inscription form.infos .contact textarea { width: 250px; height: 74px; margin-left: 3px; }
#inscription form.infos .contact p.info { margin-top: -95px; }
#inscription form.infos .option { margin-left: 203px; }
#inscription form.infos button { left: 370px; }


/* === / INSCRIPTION === */
/* === CONFIRMATION === */


#confirmation h3 { margin: 19px 0px 14px; }


/* === / CONFIRMATION === */
/* === COMPTE CONNEXION === */


#compteConnexion .contenu {
	padding: 100px 0px;
	background-color: #c2ced8;
	background-color: rgba(194,206,216,0.95);
	background-color: rgba(196, 216, 240, 0.95);
	text-align: center;
}
#compteConnexion .contenu span { color: #000; }
#compteConnexion .contenu form { margin-bottom: 20px; }
#compteConnexion .contenu input { margin: 0px 2px 0px; width: 200px; border: 1px solid #ADA7A2; }
#compteConnexion .contenu button {
	margin-left: 4px;
	-webkit-box-shadow: 0px 0px 7px #222;  
	-moz-box-shadow: 0px 0px 7px #222;  
	box-shadow: 0px 0px 7px #222;
}
#compteConnexion .contenu button span { color: #fff; }


/* === / COMPTE CONNEXION === */
/* === COMPTE === */


#compte .contenu { padding-top: 46px; }
#compte .info {
	margin: 20px auto;
	padding: 15px;
	background-color: #FFDABF;
	/* typo */
	text-align: center;
	color: #000;
	font-size: 12px;
}
#compte form.infos {
	background-color: #768daf;
	width: auto;
	margin: 0px;
	padding: 20px 2%;
	overflow: hidden;
	/* typo */
	color: #fff;
	text-align: center;
}
#compte form.infos h3 { display: none; width: 380px; }
#compte form.infos label {
	width: 372px;
/*
	float: left;
*/
	display: inline-block;
	text-align: right;
}
#compte form.infos input { width: 210px; }
#compte form.infos br { display: none; }
#compte form.infos button {
	position: relative;
	display: block;
	clear: both;
	top: 12px;
	left: auto;
	margin: 10px auto 20px;
}

#compte form.tri {
	padding: 20px 0px;
	background-color: #c2ced8;
	background-color: rgba(196, 216, 240, 0.95);
	/* typo */
	text-align: center;
}

#compte .contenu h2 {
	transform: rotate(0deg);
	-webkit-transform: rotate(0deg);
	-moz-transform: rotate(0deg);
	-ms-transform: rotate(0deg);
	-o-transform: rotate(0deg);
	top: -8px;
	right: 0px;
	color: rgba(157,178,192,0.5);
}

#compte h3 {
	margin: 0px;
	padding: 20px;
	background: url('transp-brun.png');
	/* typo */
	text-align: center;
	color: #fff;
	font: italic 19px Georgia, "Times New Roman", Times, serif;	
}
#compte .nav {
	background-color: #c2ced8;
	background-color: rgba(196, 216, 240, 0.95);
	padding-bottom: 25px;
	/* typo */
	color: #000;
}
#compte .nav span { margin-right: 5px; }
#compte p.ajouter {
	display: inline-block;
	margin: 15px 25px 0px 25px;
}
#compte p.ajouter a {
	position: relative;
	display: block;
	background-color: #C24A63;
	border: 0px solid #999;
	padding: 3px 16px;
	-webkit-box-shadow: 0px 2px 8px #333;  
	-moz-box-shadow: 0px 2px 8px #333;  
	box-shadow: 0px 2px 8px #333;
	width: auto;
	height: auto;
	/* typo */
	letter-spacing: 0.06em;
	line-height: 23px;
	font-weight: 600;
	text-align: center;
}
#compte p.ajouter a:hover {
	background-color: #000;
	color: #fff;
}
#compte .liste .publication > div, #compte .libelles > div { border-bottom-color: #000; }
#compte button.suppr {
	padding: 0px 0px 1px;
	border: none;
	background: none;
	margin-bottom: 6px;
	cursor: pointer;
	color: #8E0034;
}
#compte button.suppr:hover {
	background-color: #c24a63;
	color: #fff;
}
#compte .publication .modifier {
	padding-left: 6px;
	border-left: 1px solid #c7c6c2;
	background-color: #efefef;
}
 #compte .publication:hover .modifier {
	background-color: #f4f3ef;
	background-color: #e6e3df;
}
#compte .modifier button {
	border: none;
	background-color: #a3a3a3;
	width: 90px;
	padding: 6px;
	margin: 0px 3px;
	cursor: pointer;
	/* typo */
	text-transform: uppercase;
	color: #fff;
	letter-spacing: 0.1em;
}
#compte .modifier button:hover {
	background-color: #000;
	background-color: #C24A63;
	color: #C24A63;
	color: #fff;
}

/*
#compte table {
	margin: 0px auto;
	-webkit-box-shadow: 0px 1px 10px #222;  
	-moz-box-shadow: 0px 1px 10px #222;  
	box-shadow: 0px 1px 10px #222;
	z-index: 200;
}
#compte td.portfolio {
	width: 274px !important;
	max-width: none;
	text-align: center;
}
#compte td.portfolio .imBook {
	width: 77px;
	float: left;
}

#compte td.portfolio img { float: none; }
#compte table button.suppr:hover {
	border-bottom: 1px solid #8E0034;
	margin-bottom: 5px;
}
*/
#compte div.portfolio {
	width: 305px;
	max-width: none;
	text-align: center;
}
#compte .imBook {
    display: inline-block;
    margin: 4px 2px;
    text-align: center;
}
#compte .actifs p.aucun, #compte .enAttente p.aucun {
	background-color: #F4F3EF;
	margin: 0px auto;
	padding: 15px 0px;
	text-align: center;
}


/* === / COMPTE === */
/* === MODIFIER + AJOUTER === */


#ajout .contenu h2, #modifier .contenu h2 {
	right: 128px;
	top: 60px;
	/* rotation */
	transform: rotate(270deg);
	-webkit-transform: rotate(270deg);
	-ms-transform: rotate(270deg);
	-o-transform: rotate(270deg);
	transform: rotate(270deg);
	transform-origin: top right;
	-webkit-transform-origin: top right;
	-ms-transform-origin: top right;
	-o-transform-origin: top right;
	/* typo */
	color: #4c7197;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
}

#ajout .alerte, #modifier .alerte {
	width: auto;
	max-width: 350px;
	margin: 0px auto 0px 63px;
}

#ajout form.infos, #modifier form.infos {
	background-color: #c2ced8;
	background-color: rgba(202, 222, 246, 0.95);
	-webkit-box-shadow: 0px 2px 15px #222;  
	-moz-box-shadow: 0px 2px 15px #222;  
	box-shadow: 0px 2px 15px #222;
	color: #000;
}

#modifier span.label, #ajout span.label { right: -89px; }

#modifier form.infos .contact, #ajout form.infos .contact { font: inherit; color: inherit; }
#modifier form.infos .contact p.info, #ajout form.infos .contact p.info { margin-top: -95px; margin-left: 460px; }
#modifier form.infos .contact, #ajout form.infos .contact { display: block; min-height: 120px; }
#modifier form.infos .contact .label, #ajout form.infos .contact .label { display: inline-block; right: -92px; }
#modifier form.infos .contact textarea, #ajout form.infos .contact textarea { width: 250px; height: 74px; margin-left: 7px; }
#modifier form.infos .portfolio a { display: inline-block; height: auto; margin-right: 10px; border: none; }
#modifier form.infos .contact p.info { margin-top: -95px; }


#modifier div.carto {
	margin: 5px 0px 25px 193px;
	width: 310px;
	line-height: 1.6em;
}


/* === / MODIFIER + AJOUTER === */
/* === SUPPRIMER MON COMPTE === */


#suppression .contenu {
	background-color: #99A8B9;
	padding: 40px 25px;
	width: 905px;
	/* typo */
	color: #fff;
	font-weight: bold;
	text-align: center;
}
#suppression button { margin: 0px 9px 15px; }


/* === / SUPPRIMER MON COMPTE === */
/* === OUBLI MDP === */


#oubli div.contenu { width: 955px; padding: 110px 0px 70px; }
#oubli .contenu h2 {
	position: absolute;
	padding: 15px 0px 20px;
	text-align: center;
	right: 0px;
	top: 0px;
	width: 100%;
	/* typo */
	text-align: center;
	color: #fff;
}
#oubli .contenu input { margin: 0px 10px 15px 0px; }


/* === / OUBLI MDP === */
/* === CONTACT === */


#contact .contenu {
	background-color: #c2ced8;
	padding: 38px 0px;
	background-color: rgba(194,206,216,0.95);
	background-color: rgba(196, 216, 240, 0.95);
}
#contact .contenu h2 { right: 242px; color: #fff; }
#contact .partie {
	padding: 25px;
	position: relative;
	top: 15px;
	color: #000;
}
#contact .partie > h3 { margin: 10% auto; text-align: center; }
#contact .partie > h3 a:link, #contact .partie > h3 a:visited { color: #444; }
#contact .partie > h3 a:hover { color: #69c; }
#contact .contenu form {
	position: relative;
	margin: 19px auto 28px;
	width: 600px;
	line-height: 1.1em;
}
#contact form p { margin: 0px 0px 15px; }
#contact .contenu form div {
	position: relative;
	margin: 0px auto;
	width: 450px;
}
#contact .contenu input, #contact .contenu textarea {
	position: relative;
	left: auto; right: 0px;
	margin: -2px auto;
	padding: 4px;
	width: 450px;
/*
	-webkit-box-shadow: -3px 3px 6px #CACACA;  
	-moz-box-shadow: -3px 3px 6px #CACACA;  
	box-shadow: -3px 3px 6px #CACACA;
*/
	border: 1px solid #2a2a2a;
	/* typo */
	font-family: "Source Sans Pro", "Open Sans", "Lucida Grande", "Lucida Sans Unicode", Verdana, Helvetica, Arial, sans-serif;
	font-size: 1em;
}
#contact #expediteur { width: 335px; }
#contact button { left: 8px; margin: 0px 0px 10px; }


/* === / CONTACT === */
/* === CGU + A PROPOS + FAQ (+ OUBLI + CONFIRMATION) === */


#oubli .contenu, #confirmation .contenu,
#cgu .contenu, #aPropos .contenu, #faq .contenu {
	padding: 70px 25px 70px 25px;
	width: 905px;
	background-color: #c2ced8;
	background-color: rgba(194,206,216,0.95);
	background-color: rgba(228, 224, 219, 0.95);
	/* typo */
	text-align: left;
	color: #000;
}
#oubli .contenu { text-align: center; }
#oubli .alerte { margin-bottom: 12px; }
#aPropos table {
	-webkit-box-shadow: 0px 2px 12px #222;  
	-moz-box-shadow: 0px 2px 12px #222;  
	box-shadow: 0px 2px 12px #222;
}
#aPropos th { text-align: center; }

#cgu .contenu, #faq .contenu { line-height: 1.6em; }
#cgu .contenu h2, #faq .contenu h2 { line-height: normal; }


#cgu .contenu h2, #aPropos .contenu h2, #faq .contenu h2 {
	padding-top: 10px;
	color: #363636;
	font-family: "Times New Roman", Times, serif;
	font-style: italic;
}
#cgu h2 { right: 21px; }
#cgu h3 {
	margin: 19px 0px 14px;
	padding: 10px 0px 0px;
	border-top: 1px dotted #999;
	/* typo */
	color: #7c2c0a;
}


/* === / CGU + A PROPOS + FAQ === */
/* === A PROPOS === */


#aPropos .contenu h3 {
	margin: 19px 0px 14px;
	padding: 10px 0px 0px;
	border-top: 1px dotted #999;
	/* typo */
	color: #7c2c0a;
	font: italic 16px Georgia, "Times New Roman", Times, serif;
}
#aPropos .contenu p { width: 788px; }
#aPropos .liste p { width: auto; }
#aPropos .contenu ul { margin: 15px 0px; }
#aPropos .contenu table ul { margin: 0px; }
#aPropos .contenu li { margin: 0px 0px 8px; }


/* === / A PROPOS === */
/* === FAQ === */



/* === / FAQ === */