/* 1. RESET
----------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
  margin: 0;
  padding: 0;
  border: 0;
  font-size:100%;
  font: inherit;
  vertical-align: baseline;
  }

article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
  display: block;
  }
  
  
/* 2. ROOT
----------------------------------------------------------------------------------------*/
html { 
  overflow-y: scroll;
  	background: url('../images/uploads/template/papier.jpg') #eeeded;
  }

/* /ht Ethan Marcotte - http://front.ie/l8rJaA */
img, embed, object, video { max-width: 100%; }
.ie6 img.full, .ie6 object.full, .ie6 embed, .ie6 video { width: 100%; }

body{
}

#container{
	position: relative;
	width: 100%;
}


/* BETA TEST
----------------------------------------------------------------------------------------*/
#bientot{
	width: 272px;
	height: 276px;
	margin: 0 auto;
	background-image: url('../images/uploads/template/bientot.png');
	text-indent:-9000px;
	margin-top:15%;
}

#login{
	position: absolute;
	top: 2em;
	right:2em;
}

/* 3. CORE TYPOGRAPHY
----------------------------------------------------------------------------------------*/
body {
	color: #4b4b4b;
	height:100%;
	font: normal 400 1em/1.618em Adelle, "adelle-1", Georgia, "Times New Roman", serif;
}

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 0.809em;
  line-height: 1em;
  }

p, ul, ol, dl, blockquote {
    font-size: 1em;
    line-height: 1.618em;
    margin-bottom: 1.618em; 
    max-width: 33em; /* Optimal width for long-form text */
  }
    
ul { list-style-type: disc; margin-left: 0; }
ol { list-style-type: decimal; margin-left: 0; }
nav ul, nav ol { list-style: none; margin: 0; padding: 0;}

b, strong { font-weight: bold; }
i, em { font-style: italic; }
small { font-size: 80%; }

sup {font-size: 80%; vertical-align: super; line-height:80%;}

/* 4. LINKS
----------------------------------------------------------------------------------------*/
a, a:visited { outline: none; color: #439BBD; text-decoration: underline; }  
a:hover { outline: none; text-decoration:none; }  
a:active, a:focus { outline: none; }



/* HEADER
----------------------------------------------------------------------------------------*/
header{
	width: 100%;
	text-align: center;
}

header.home h1, header h1 a{
	display: block;
	width: 250px;
	height: 47px;
	text-indent: -9000px;
	background: url('https://aussi.ch/images/uploads/template/logo.png') 0 0 no-repeat;
	margin:  2em auto;
}

header h1 a:hover{
	background-position: 0 -50px;	
}


/* NAV
----------------------------------------------------------------------------------------*/

nav{
	width: 100%;
	margin:3em auto 4.5em auto;
}


nav ul{
	max-width: 100%;
	text-align: center;
}

nav li{
	display:inline-block;
	margin: .25em .5em;
	list-style: none;
}

nav a{
	display:block;
	color: #aba9a9;
	border: 1px solid #d1cfcf;
	text-decoration: none;
	padding: .25em 1em;
	-webkit-border-radius: 1em;
	-moz-border-radius: 1em;
	border-radius: 1em;
	background: transparent;
	-webkit-transition-property: background-color;
	-webkit-transition-duration: .3s;
	-moz-transition-property: background-color;
	-moz-transition-duration: .3s;
	transition-property: background-color;
	transition-duration: .3s;
}

nav a:visited{
	color: #aba9a9;
}

nav a:hover{
	color: white ;
	background-color: #d1cfcf;
}

nav a:active{
	color: white ;
	background-color: #d1cfcf;
	box-shadow: 0 3px 3px #fff, inset 0 1px 1px #a6a0a0;	
}

nav a.active{
	color: white ;
	background-color: #8d8d82;
	border: 1px solid #8d8d82;
}

#sub-nav{
	position: absolute;
	right: 2em;
	top: 1em;
}

#presentation{
	position: relative;
	display: block;
	float: left;
	padding: 0;
	margin-right: .5em;
	height: 25px;
	width: 25px;
	text-indent: -9000px;
	background: url('../images/uploads/template/presentation.png') no-repeat 0 0 transparent;
		
}

#presentation:hover{
	background-position: 0 -30px;		
}

#contact{
	position: relative;
	display: block;
	float: left;
	padding: 0;
	margin-right: .5em;
	height: 25px;
	width: 25px;
	text-indent: -9000px;
	background: url('../images/uploads/template/presentation.png') no-repeat -60px 0 transparent;
		
}

#contact:hover{
	background-position: -60px -30px;		
}



#bibliographie{
	position: relative;
	display: block;
	float: left;
	padding: 0;
	height: 25px;
	width: 25px;
	text-indent: -9000px;
	background: url('../images/uploads/template/presentation.png') no-repeat -30px 0 transparent;
		
}

#bibliographie:hover{
	background-position: -30px -30px;		
}



/* MAIN HOMEPAGE
----------------------------------------------------------------------------------------*/
#home #main{
	max-width: 100%;
	padding: 0;
	border: 0;
	margin: 0 auto;
	clear: both;
}

.case{
	width: 16em;
	border: 1px solid #dedede;
	float:left;
	font-size: 1.2em;
	line-height: 1.5em;
	border-top: 4px solid;
}

.case:before{
	position: absolute;
	right: .5em;
	text-shadow: -2px 0 #eee, 0 2px #eee, 2px 0 #eee, 0 -2px #eee;
	font: normal normal 3em "MrDogDog";
	top: -.8em;
}

.case a:link{
	color: #555555;
	text-decoration: none;
	display:block;
	padding:1.5em;
	background: transparent;
	-webkit-transition-property: background-color;
	-webkit-transition-duration: .3s;
	-moz-transition-property: background-color;
	-moz-transition-duration: .3s;
	transition-property: background-color;
	transition-duration: .3s;
}

.case a:visited{
	color: #aba9a9;
}

.case a:hover{
	color: white;
}

.case a:active{
	color: white;
}


.reponse{
	border-top: 1px solid;
	border-bottom: 1px solid;
	padding-top: 6em;
	margin-bottom: 6em;
}

.reponse:after{
	text-align: center;
	text-shadow: -2px 0 #eee, 0 2px #eee, 2px 0 #eee, 0 -2px #eee;
	font: normal normal 3em "MrDogDog";
	position: relative;
	bottom: -.5em;
}




.punitions-ecole{border-top-color:#eb6f11;
}
.case.punitions-ecole:before{
	content: "s";
	color: #eb6f11;
}
.punitions-ecole a:hover{background-color:#eb6f11;
}

.punitions-ecole div.note a:hover{background-color:#eb6f11;
}

.reponse.punitions-ecole{border-bottom-color:#eb6f11;
}
.reponse.punitions-ecole:after{
	content: "s";
	color: #eb6f11;
}



.decalage-prive-public{border-top-color:#ff911c;
}
.case.decalage-prive-public:before{
	content: "t";
	color: #ff911c;
}
.decalage-prive-public a:hover{background-color:#ff911c;
}

.decalage-prive-public div.note a:hover{background-color:#ff911c;
}

.reponse.decalage-prive-public{border-bottom-color:#ff911c;
}
.reponse.decalage-prive-public:after{
	content: "t";
	color: #ff911c;
}



.contexte-socio-historique{border-top-color:#26d1c8;
}
.case.contexte-socio-historique:before{
	content: "B";
	color: #26d1c8;
}
.contexte-socio-historique a:hover{background-color:#26d1c8;
}

.contexte-socio-historique div.note a:hover{background-color:#26d1c8;
}

.reponse.contexte-socio-historique{border-bottom-color:#26d1c8;
}
.reponse.contexte-socio-historique:after{
	content: "B";
	color: #26d1c8;
}



.differences-fille-garcon-naissance{border-top-color:#ad7403;
}
.case.differences-fille-garcon-naissance:before{
	content: "q";
	color: #ad7403;
}
.differences-fille-garcon-naissance a:hover{background-color:#ad7403;
}

.differences-fille-garcon-naissance div.note a:hover{background-color:#ad7403;
}

.reponse.differences-fille-garcon-naissance{border-bottom-color:#ad7403;
}
.reponse.differences-fille-garcon-naissance:after{
	content: "q";
	color: #ad7403;
}



.historique-recherches-genre-enfance{border-top-color:#8f73ff;
}
.case.historique-recherches-genre-enfance:before{
	content: "Y";
	color: #8f73ff;
}
.historique-recherches-genre-enfance a:hover{background-color:#8f73ff;
}

.historique-recherches-genre-enfance div.note a:hover{background-color:#8f73ff;
}

.reponse.historique-recherches-genre-enfance{border-bottom-color:#8f73ff;
}
.reponse.historique-recherches-genre-enfance:after{
	content: "Y";
	color: #8f73ff;
}



.paradoxe-avant-maintenant{border-top-color:#b50000;
}
.case.paradoxe-avant-maintenant:before{
	content: "H";
	color: #b50000;
}
.paradoxe-avant-maintenant a:hover{background-color:#b50000;
}

.paradoxe-avant-maintenant div.note a:hover{background-color:#b50000;
}

.reponse.paradoxe-avant-maintenant{border-bottom-color:#b50000;
}
.reponse.paradoxe-avant-maintenant:after{
	content: "H";
	color: #b50000;
}



.multiples-axes-socialisation{border-top-color:#b2d15c;
}
.case.multiples-axes-socialisation:before{
	content: "B";
	color: #b2d15c;
}
.multiples-axes-socialisation a:hover{background-color:#b2d15c;
}

.multiples-axes-socialisation div.note a:hover{background-color:#b2d15c;
}

.reponse.multiples-axes-socialisation{border-bottom-color:#b2d15c;
}
.reponse.multiples-axes-socialisation:after{
	content: "B";
	color: #b2d15c;
}



.implications-socialisation-differencie{border-top-color:#52a4eb;
}
.case.implications-socialisation-differencie:before{
	content: "\005C";
	color: #52a4eb;
}
.implications-socialisation-differencie a:hover{background-color:#52a4eb;
}

.implications-socialisation-differencie div.note a:hover{background-color:#52a4eb;
}

.reponse.implications-socialisation-differencie{border-bottom-color:#52a4eb;
}
.reponse.implications-socialisation-differencie:after{
	content: "\005C";
	color: #52a4eb;
}



.sexuation-ameublement-enfants{border-top-color:#0bd6bb;
}
.case.sexuation-ameublement-enfants:before{
	content: "j";
	color: #0bd6bb;
}
.sexuation-ameublement-enfants a:hover{background-color:#0bd6bb;
}

.sexuation-ameublement-enfants div.note a:hover{background-color:#0bd6bb;
}

.reponse.sexuation-ameublement-enfants{border-bottom-color:#0bd6bb;
}
.reponse.sexuation-ameublement-enfants:after{
	content: "j";
	color: #0bd6bb;
}



.equitation-sport-mixte{border-top-color:#77069c;
}
.case.equitation-sport-mixte:before{
	content: "u";
	color: #77069c;
}
.equitation-sport-mixte a:hover{background-color:#77069c;
}

.equitation-sport-mixte div.note a:hover{background-color:#77069c;
}

.reponse.equitation-sport-mixte{border-bottom-color:#77069c;
}
.reponse.equitation-sport-mixte:after{
	content: "u";
	color: #77069c;
}



.litterature-enfantine-images-sexisme{border-top-color:#fa9696;
}
.case.litterature-enfantine-images-sexisme:before{
	content: "K";
	color: #fa9696;
}
.litterature-enfantine-images-sexisme a:hover{background-color:#fa9696;
}

.litterature-enfantine-images-sexisme div.note a:hover{background-color:#fa9696;
}

.reponse.litterature-enfantine-images-sexisme{border-bottom-color:#fa9696;
}
.reponse.litterature-enfantine-images-sexisme:after{
	content: "K";
	color: #fa9696;
}



.competences-sports{border-top-color:#d44c0c;
}
.case.competences-sports:before{
	content: "e";
	color: #d44c0c;
}
.competences-sports a:hover{background-color:#d44c0c;
}

.competences-sports div.note a:hover{background-color:#d44c0c;
}

.reponse.competences-sports{border-bottom-color:#d44c0c;
}
.reponse.competences-sports:after{
	content: "e";
	color: #d44c0c;
}



.sports-ecole{border-top-color:#60b1e8;
}
.case.sports-ecole:before{
	content: "\005B";
	color: #60b1e8;
}
.sports-ecole a:hover{background-color:#60b1e8;
}

.sports-ecole div.note a:hover{background-color:#60b1e8;
}

.reponse.sports-ecole{border-bottom-color:#60b1e8;
}
.reponse.sports-ecole:after{
	content: "\005B";
	color: #60b1e8;
}



.sports-filles-garcons{border-top-color:#36738a;
}
.case.sports-filles-garcons:before{
	content: "V";
	color: #36738a;
}
.sports-filles-garcons a:hover{background-color:#36738a;
}

.sports-filles-garcons div.note a:hover{background-color:#36738a;
}

.reponse.sports-filles-garcons{border-bottom-color:#36738a;
}
.reponse.sports-filles-garcons:after{
	content: "V";
	color: #36738a;
}



.comparaison-evolution-jouets-habits{border-top-color:#6b6033;
}
.case.comparaison-evolution-jouets-habits:before{
	content: "]";
	color: #6b6033;
}
.comparaison-evolution-jouets-habits a:hover{background-color:#6b6033;
}

.comparaison-evolution-jouets-habits div.note a:hover{background-color:#6b6033;
}

.reponse.comparaison-evolution-jouets-habits{border-bottom-color:#6b6033;
}
.reponse.comparaison-evolution-jouets-habits:after{
	content: "]";
	color: #6b6033;
}



.enfants-publicites{border-top-color:#7aa602;
}
.case.enfants-publicites:before{
	content: "D";
	color: #7aa602;
}
.enfants-publicites a:hover{background-color:#7aa602;
}

.enfants-publicites div.note a:hover{background-color:#7aa602;
}

.reponse.enfants-publicites{border-bottom-color:#7aa602;
}
.reponse.enfants-publicites:after{
	content: "D";
	color: #7aa602;
}



.ActionMan-figurines{border-top-color:#616949;
}
.case.ActionMan-figurines:before{
	content: "T";
	color: #616949;
}
.ActionMan-figurines a:hover{background-color:#616949;
}

.ActionMan-figurines div.note a:hover{background-color:#616949;
}

.reponse.ActionMan-figurines{border-bottom-color:#616949;
}
.reponse.ActionMan-figurines:after{
	content: "T";
	color: #616949;
}



.reussite-scolaire-filles-travail{border-top-color:#b88912;
}
.case.reussite-scolaire-filles-travail:before{
	content: "U";
	color: #b88912;
}
.reussite-scolaire-filles-travail a:hover{background-color:#b88912;
}

.reussite-scolaire-filles-travail div.note a:hover{background-color:#b88912;
}

.reponse.reussite-scolaire-filles-travail{border-bottom-color:#b88912;
}
.reponse.reussite-scolaire-filles-travail:after{
	content: "U";
	color: #b88912;
}



.mixite-scolaire{border-top-color:#4c52c7;
}
.case.mixite-scolaire:before{
	content: "y";
	color: #4c52c7;
}
.mixite-scolaire a:hover{background-color:#4c52c7;
}

.mixite-scolaire div.note a:hover{background-color:#4c52c7;
}

.reponse.mixite-scolaire{border-bottom-color:#4c52c7;
}
.reponse.mixite-scolaire:after{
	content: "y";
	color: #4c52c7;
}



.manuels-scolaires-sexistes{border-top-color:#f26161;
}
.case.manuels-scolaires-sexistes:before{
	content: "Q";
	color: #f26161;
}
.manuels-scolaires-sexistes a:hover{background-color:#f26161;
}

.manuels-scolaires-sexistes div.note a:hover{background-color:#f26161;
}

.reponse.manuels-scolaires-sexistes{border-bottom-color:#f26161;
}
.reponse.manuels-scolaires-sexistes:after{
	content: "Q";
	color: #f26161;
}



.attribution-reussite-echec{border-top-color:#6e2b8f;
}
.case.attribution-reussite-echec:before{
	content: "v";
	color: #6e2b8f;
}
.attribution-reussite-echec a:hover{background-color:#6e2b8f;
}

.attribution-reussite-echec div.note a:hover{background-color:#6e2b8f;
}

.reponse.attribution-reussite-echec{border-bottom-color:#6e2b8f;
}
.reponse.attribution-reussite-echec:after{
	content: "v";
	color: #6e2b8f;
}



.agir-contre-marketing-sexue-jouets{border-top-color:#421278;
}
.case.agir-contre-marketing-sexue-jouets:before{
	content: "F";
	color: #421278;
}
.agir-contre-marketing-sexue-jouets a:hover{background-color:#421278;
}

.agir-contre-marketing-sexue-jouets div.note a:hover{background-color:#421278;
}

.reponse.agir-contre-marketing-sexue-jouets{border-bottom-color:#421278;
}
.reponse.agir-contre-marketing-sexue-jouets:after{
	content: "F";
	color: #421278;
}



.socialisation-differenciee-ecole{border-top-color:#b05ab5;
}
.case.socialisation-differenciee-ecole:before{
	content: "U";
	color: #b05ab5;
}
.socialisation-differenciee-ecole a:hover{background-color:#b05ab5;
}

.socialisation-differenciee-ecole div.note a:hover{background-color:#b05ab5;
}

.reponse.socialisation-differenciee-ecole{border-bottom-color:#b05ab5;
}
.reponse.socialisation-differenciee-ecole:after{
	content: "U";
	color: #b05ab5;
}



.frontieres-inter-sexes{border-top-color:#445707;
}
.case.frontieres-inter-sexes:before{
	content: "\005B";
	color: #445707;
}
.frontieres-inter-sexes a:hover{background-color:#445707;
}

.frontieres-inter-sexes div.note a:hover{background-color:#445707;
}

.reponse.frontieres-inter-sexes{border-bottom-color:#445707;
}
.reponse.frontieres-inter-sexes:after{
	content: "\005B";
	color: #445707;
}



.socialisation-differenciee-creche{border-top-color:#cc02a4;
}
.case.socialisation-differenciee-creche:before{
	content: "x";
	color: #cc02a4;
}
.socialisation-differenciee-creche a:hover{background-color:#cc02a4;
}

.socialisation-differenciee-creche div.note a:hover{background-color:#cc02a4;
}

.reponse.socialisation-differenciee-creche{border-bottom-color:#cc02a4;
}
.reponse.socialisation-differenciee-creche:after{
	content: "x";
	color: #cc02a4;
}



.rose-bleu{border-top-color:#d2e007;
}
.case.rose-bleu:before{
	content: "C";
	color: #d2e007;
}
.rose-bleu a:hover{background-color:#d2e007;
}

.rose-bleu div.note a:hover{background-color:#d2e007;
}

.reponse.rose-bleu{border-bottom-color:#d2e007;
}
.reponse.rose-bleu:after{
	content: "C";
	color: #d2e007;
}



.vetements-filles-garcons{border-top-color:#5c2121;
}
.case.vetements-filles-garcons:before{
	content: "P";
	color: #5c2121;
}
.vetements-filles-garcons a:hover{background-color:#5c2121;
}

.vetements-filles-garcons div.note a:hover{background-color:#5c2121;
}

.reponse.vetements-filles-garcons{border-bottom-color:#5c2121;
}
.reponse.vetements-filles-garcons:after{
	content: "P";
	color: #5c2121;
}



.difficultes-pionnier-pionniere{border-top-color:#69117a;
}
.case.difficultes-pionnier-pionniere:before{
	content: "W";
	color: #69117a;
}
.difficultes-pionnier-pionniere a:hover{background-color:#69117a;
}

.difficultes-pionnier-pionniere div.note a:hover{background-color:#69117a;
}

.reponse.difficultes-pionnier-pionniere{border-bottom-color:#69117a;
}
.reponse.difficultes-pionnier-pionniere:after{
	content: "W";
	color: #69117a;
}



.evolution-historique-vetements{border-top-color:#395953;
}
.case.evolution-historique-vetements:before{
	content: "J";
	color: #395953;
}
.evolution-historique-vetements a:hover{background-color:#395953;
}

.evolution-historique-vetements div.note a:hover{background-color:#395953;
}

.reponse.evolution-historique-vetements{border-bottom-color:#395953;
}
.reponse.evolution-historique-vetements:after{
	content: "J";
	color: #395953;
}



.succes-mitige-programmes-incitatifs{border-top-color:#ffa6a6;
}
.case.succes-mitige-programmes-incitatifs:before{
	content: "Y";
	color: #ffa6a6;
}
.succes-mitige-programmes-incitatifs a:hover{background-color:#ffa6a6;
}

.succes-mitige-programmes-incitatifs div.note a:hover{background-color:#ffa6a6;
}

.reponse.succes-mitige-programmes-incitatifs{border-bottom-color:#ffa6a6;
}
.reponse.succes-mitige-programmes-incitatifs:after{
	content: "Y";
	color: #ffa6a6;
}



.rigidite-adolescence{border-top-color:#7a6d85;
}
.case.rigidite-adolescence:before{
	content: "X";
	color: #7a6d85;
}
.rigidite-adolescence a:hover{background-color:#7a6d85;
}

.rigidite-adolescence div.note a:hover{background-color:#7a6d85;
}

.reponse.rigidite-adolescence{border-bottom-color:#7a6d85;
}
.reponse.rigidite-adolescence:after{
	content: "X";
	color: #7a6d85;
}



.orientation-scolaire-professionnelle{border-top-color:#789e25;
}
.case.orientation-scolaire-professionnelle:before{
	content: "T";
	color: #789e25;
}
.orientation-scolaire-professionnelle a:hover{background-color:#789e25;
}

.orientation-scolaire-professionnelle div.note a:hover{background-color:#789e25;
}

.reponse.orientation-scolaire-professionnelle{border-bottom-color:#789e25;
}
.reponse.orientation-scolaire-professionnelle:after{
	content: "T";
	color: #789e25;
}



.menace-stereotype{border-top-color:#226c82;
}
.case.menace-stereotype:before{
	content: "Q";
	color: #226c82;
}
.menace-stereotype a:hover{background-color:#226c82;
}

.menace-stereotype div.note a:hover{background-color:#226c82;
}

.reponse.menace-stereotype{border-bottom-color:#226c82;
}
.reponse.menace-stereotype:after{
	content: "Q";
	color: #226c82;
}



.coin-poupee-creche{border-top-color:#d9ca27;
}
.case.coin-poupee-creche:before{
	content: "N";
	color: #d9ca27;
}
.coin-poupee-creche a:hover{background-color:#d9ca27;
}

.coin-poupee-creche div.note a:hover{background-color:#d9ca27;
}

.reponse.coin-poupee-creche{border-bottom-color:#d9ca27;
}
.reponse.coin-poupee-creche:after{
	content: "N";
	color: #d9ca27;
}



.parents-fille-garcon{border-top-color:#f0224b;
}
.case.parents-fille-garcon:before{
	content: "M";
	color: #f0224b;
}
.parents-fille-garcon a:hover{background-color:#f0224b;
}

.parents-fille-garcon div.note a:hover{background-color:#f0224b;
}

.reponse.parents-fille-garcon{border-bottom-color:#f0224b;
}
.reponse.parents-fille-garcon:after{
	content: "M";
	color: #f0224b;
}



.pere-fille-pere-garcon{border-top-color:#a2d446;
}
.case.pere-fille-pere-garcon:before{
	content: "S";
	color: #a2d446;
}
.pere-fille-pere-garcon a:hover{background-color:#a2d446;
}

.pere-fille-pere-garcon div.note a:hover{background-color:#a2d446;
}

.reponse.pere-fille-pere-garcon{border-bottom-color:#a2d446;
}
.reponse.pere-fille-pere-garcon:after{
	content: "S";
	color: #a2d446;
}



.communication-emotionnelle{border-top-color:#756e52;
}
.case.communication-emotionnelle:before{
	content: "y";
	color: #756e52;
}
.communication-emotionnelle a:hover{background-color:#756e52;
}

.communication-emotionnelle div.note a:hover{background-color:#756e52;
}

.reponse.communication-emotionnelle{border-bottom-color:#756e52;
}
.reponse.communication-emotionnelle:after{
	content: "y";
	color: #756e52;
}



.trouble-identite-sexuee{border-top-color:#468069;
}
.case.trouble-identite-sexuee:before{
	content: "G";
	color: #468069;
}
.trouble-identite-sexuee a:hover{background-color:#468069;
}

.trouble-identite-sexuee div.note a:hover{background-color:#468069;
}

.reponse.trouble-identite-sexuee{border-bottom-color:#468069;
}
.reponse.trouble-identite-sexuee:after{
	content: "G";
	color: #468069;
}



.garcon-transforme-fille{border-top-color:#b80606;
}
.case.garcon-transforme-fille:before{
	content: "K";
	color: #b80606;
}
.garcon-transforme-fille a:hover{background-color:#b80606;
}

.garcon-transforme-fille div.note a:hover{background-color:#b80606;
}

.reponse.garcon-transforme-fille{border-bottom-color:#b80606;
}
.reponse.garcon-transforme-fille:after{
	content: "K";
	color: #b80606;
}



.anomalies-chromosomiques-hormonales{border-top-color:#9e763a;
}
.case.anomalies-chromosomiques-hormonales:before{
	content: "l";
	color: #9e763a;
}
.anomalies-chromosomiques-hormonales a:hover{background-color:#9e763a;
}

.anomalies-chromosomiques-hormonales div.note a:hover{background-color:#9e763a;
}

.reponse.anomalies-chromosomiques-hormonales{border-bottom-color:#9e763a;
}
.reponse.anomalies-chromosomiques-hormonales:after{
	content: "l";
	color: #9e763a;
}



.developpement-sexe-foetus{border-top-color:#39b6cc;
}
.case.developpement-sexe-foetus:before{
	content: "Y";
	color: #39b6cc;
}
.developpement-sexe-foetus a:hover{background-color:#39b6cc;
}

.developpement-sexe-foetus div.note a:hover{background-color:#39b6cc;
}

.reponse.developpement-sexe-foetus{border-bottom-color:#39b6cc;
}
.reponse.developpement-sexe-foetus:after{
	content: "Y";
	color: #39b6cc;
}



.magasins-catalogues-jouets{border-top-color:#b3822d;
}
.case.magasins-catalogues-jouets:before{
	content: "s";
	color: #b3822d;
}
.magasins-catalogues-jouets a:hover{background-color:#b3822d;
}

.magasins-catalogues-jouets div.note a:hover{background-color:#b3822d;
}

.reponse.magasins-catalogues-jouets{border-bottom-color:#b3822d;
}
.reponse.magasins-catalogues-jouets:after{
	content: "s";
	color: #b3822d;
}



.poupee-jouet-feminin{border-top-color:#b3354e;
}
.case.poupee-jouet-feminin:before{
	content: "r";
	color: #b3354e;
}
.poupee-jouet-feminin a:hover{background-color:#b3354e;
}

.poupee-jouet-feminin div.note a:hover{background-color:#b3354e;
}

.reponse.poupee-jouet-feminin{border-bottom-color:#b3354e;
}
.reponse.poupee-jouet-feminin:after{
	content: "r";
	color: #b3354e;
}



.competences-jouets{border-top-color:#6ca81e;
}
.case.competences-jouets:before{
	content: "t";
	color: #6ca81e;
}
.competences-jouets a:hover{background-color:#6ca81e;
}

.competences-jouets div.note a:hover{background-color:#6ca81e;
}

.reponse.competences-jouets{border-bottom-color:#6ca81e;
}
.reponse.competences-jouets:after{
	content: "t";
	color: #6ca81e;
}



.sursexuation-jouets{border-top-color:#52bd84;
}
.case.sursexuation-jouets:before{
	content: "m";
	color: #52bd84;
}
.sursexuation-jouets a:hover{background-color:#52bd84;
}

.sursexuation-jouets div.note a:hover{background-color:#52bd84;
}

.reponse.sursexuation-jouets{border-bottom-color:#52bd84;
}
.reponse.sursexuation-jouets:after{
	content: "m";
	color: #52bd84;
}



.barbie-figurines{border-top-color:#4aadba;
}
.case.barbie-figurines:before{
	content: "q";
	color: #4aadba;
}
.barbie-figurines a:hover{background-color:#4aadba;
}

.barbie-figurines div.note a:hover{background-color:#4aadba;
}

.reponse.barbie-figurines{border-bottom-color:#4aadba;
}
.reponse.barbie-figurines:after{
	content: "q";
	color: #4aadba;
}



.plasticite-cerveau{border-top-color:#758f2e;
}
.case.plasticite-cerveau:before{
	content: "p";
	color: #758f2e;
}
.plasticite-cerveau a:hover{background-color:#758f2e;
}

.plasticite-cerveau div.note a:hover{background-color:#758f2e;
}

.reponse.plasticite-cerveau{border-bottom-color:#758f2e;
}
.reponse.plasticite-cerveau:after{
	content: "p";
	color: #758f2e;
}



.neutre-fausse-bonne-idee{border-top-color:#0a63b0;
}
.case.neutre-fausse-bonne-idee:before{
	content: "o";
	color: #0a63b0;
}
.neutre-fausse-bonne-idee a:hover{background-color:#0a63b0;
}

.neutre-fausse-bonne-idee div.note a:hover{background-color:#0a63b0;
}

.reponse.neutre-fausse-bonne-idee{border-bottom-color:#0a63b0;
}
.reponse.neutre-fausse-bonne-idee:after{
	content: "o";
	color: #0a63b0;
}



.origine-difference-sexe-adultes{border-top-color:#497ead;
}
.case.origine-difference-sexe-adultes:before{
	content: "n";
	color: #497ead;
}
.origine-difference-sexe-adultes a:hover{background-color:#497ead;
}

.origine-difference-sexe-adultes div.note a:hover{background-color:#497ead;
}

.reponse.origine-difference-sexe-adultes{border-bottom-color:#497ead;
}
.reponse.origine-difference-sexe-adultes:after{
	content: "n";
	color: #497ead;
}



.reconstruction-realite-sociale{border-top-color:#736b0f;
}
.case.reconstruction-realite-sociale:before{
	content: "|";
	color: #736b0f;
}
.reconstruction-realite-sociale a:hover{background-color:#736b0f;
}

.reconstruction-realite-sociale div.note a:hover{background-color:#736b0f;
}

.reponse.reconstruction-realite-sociale{border-bottom-color:#736b0f;
}
.reponse.reconstruction-realite-sociale:after{
	content: "|";
	color: #736b0f;
}



.conformisme-codes-sexues{border-top-color:#9069b5;
}
.case.conformisme-codes-sexues:before{
	content: "k";
	color: #9069b5;
}
.conformisme-codes-sexues a:hover{background-color:#9069b5;
}

.conformisme-codes-sexues div.note a:hover{background-color:#9069b5;
}

.reponse.conformisme-codes-sexues{border-bottom-color:#9069b5;
}
.reponse.conformisme-codes-sexues:after{
	content: "k";
	color: #9069b5;
}



.garcon-poupee{border-top-color:#8cab26;
}
.case.garcon-poupee:before{
	content: "i";
	color: #8cab26;
}
.garcon-poupee a:hover{background-color:#8cab26;
}

.garcon-poupee div.note a:hover{background-color:#8cab26;
}

.reponse.garcon-poupee{border-bottom-color:#8cab26;
}
.reponse.garcon-poupee:after{
	content: "i";
	color: #8cab26;
}



.rigidite-codes-sexues{border-top-color:#59b371;
}
.case.rigidite-codes-sexues:before{
	content: "g";
	color: #59b371;
}
.rigidite-codes-sexues a:hover{background-color:#59b371;
}

.rigidite-codes-sexues div.note a:hover{background-color:#59b371;
}

.reponse.rigidite-codes-sexues{border-bottom-color:#59b371;
}
.reponse.rigidite-codes-sexues:after{
	content: "g";
	color: #59b371;
}



.attentes-attitudes{border-top-color:#0d384f;
}
.case.attentes-attitudes:before{
	content: "h";
	color: #0d384f;
}
.attentes-attitudes a:hover{background-color:#0d384f;
}

.attentes-attitudes div.note a:hover{background-color:#0d384f;
}

.reponse.attentes-attitudes{border-bottom-color:#0d384f;
}
.reponse.attentes-attitudes:after{
	content: "h";
	color: #0d384f;
}



.representations-stereotypes-realite{border-top-color:#cc8a58;
}
.case.representations-stereotypes-realite:before{
	content: "f";
	color: #cc8a58;
}
.representations-stereotypes-realite a:hover{background-color:#cc8a58;
}

.representations-stereotypes-realite div.note a:hover{background-color:#cc8a58;
}

.reponse.representations-stereotypes-realite{border-bottom-color:#cc8a58;
}
.reponse.representations-stereotypes-realite:after{
	content: "f";
	color: #cc8a58;
}



.etiquettes-masculin-feminin{border-top-color:#5c946b;
}
.case.etiquettes-masculin-feminin:before{
	content: "e";
	color: #5c946b;
}
.etiquettes-masculin-feminin a:hover{background-color:#5c946b;
}

.etiquettes-masculin-feminin div.note a:hover{background-color:#5c946b;
}

.reponse.etiquettes-masculin-feminin{border-bottom-color:#5c946b;
}
.reponse.etiquettes-masculin-feminin:after{
	content: "e";
	color: #5c946b;
}



.activite-sexe-enfant{border-top-color:#6d8bb0;
}
.case.activite-sexe-enfant:before{
	content: "d";
	color: #6d8bb0;
}
.activite-sexe-enfant a:hover{background-color:#6d8bb0;
}

.activite-sexe-enfant div.note a:hover{background-color:#6d8bb0;
}

.reponse.activite-sexe-enfant{border-bottom-color:#6d8bb0;
}
.reponse.activite-sexe-enfant:after{
	content: "d";
	color: #6d8bb0;
}



.encouragement-decouragement-differencie{border-top-color:#b83354;
}
.case.encouragement-decouragement-differencie:before{
	content: "o";
	color: #b83354;
}
.encouragement-decouragement-differencie a:hover{background-color:#b83354;
}

.encouragement-decouragement-differencie div.note a:hover{background-color:#b83354;
}

.reponse.encouragement-decouragement-differencie{border-bottom-color:#b83354;
}
.reponse.encouragement-decouragement-differencie:after{
	content: "o";
	color: #b83354;
}



.periode-rose-filles{border-top-color:#8978b8;
}
.case.periode-rose-filles:before{
	content: "c";
	color: #8978b8;
}
.periode-rose-filles a:hover{background-color:#8978b8;
}

.periode-rose-filles div.note a:hover{background-color:#8978b8;
}

.reponse.periode-rose-filles{border-bottom-color:#8978b8;
}
.reponse.periode-rose-filles:after{
	content: "c";
	color: #8978b8;
}



.test-constance-genre{border-top-color:#5199a6;
}
.case.test-constance-genre:before{
	content: "b";
	color: #5199a6;
}
.test-constance-genre a:hover{background-color:#5199a6;
}

.test-constance-genre div.note a:hover{background-color:#5199a6;
}

.reponse.test-constance-genre{border-bottom-color:#5199a6;
}
.reponse.test-constance-genre:after{
	content: "b";
	color: #5199a6;
}



.construction-identite-sexuee{border-top-color:#ad8282;
}
.case.construction-identite-sexuee:before{
	content: "a";
	color: #ad8282;
}
.construction-identite-sexuee a:hover{background-color:#ad8282;
}

.construction-identite-sexuee div.note a:hover{background-color:#ad8282;
}

.reponse.construction-identite-sexuee{border-bottom-color:#ad8282;
}
.reponse.construction-identite-sexuee:after{
	content: "a";
	color: #ad8282;
}




/* MAIN REPONSES
----------------------------------------------------------------------------------------*/
#main{
	max-width: 35em;
	margin: 0 auto;
}

#main h2{
	text-transform: uppercase;
	font-weight: bold;
}

#main h3{
	line-height: 1.618em;
	font-weight: bold;
	max-width: 30em;
	margin-bottom: 0;
}

#main p, #main ul{
	position: relative;
	max-width: 31em;
}

#main p{
	text-align: justify;
}

aside.question{
	display: block;
	max-width: 16em;
	float: left;
	margin-left: -9em;
	margin-right: 2em;
	margin-top: -1em;
	background-color: #8d8d82;
	color: white;
	padding: 1em;
	font-weight: 600;
	
}

#main aside.question p{
	margin: 0;
	text-align:left;
}

#main aside.question p.auteur{
	font-style: italic;
	text-align: right;
	margin: 0;
	margin-top: 1.618em;
}

aside.question>p.auteur:before{
	content: "\2014 \0020";
}


/* Presentation*/
.presentation h2{
	text-transform: uppercase;
	font-weight: bold;
}

#pourquoi{
	border-top: 1px solid;
	border-bottom: 1px solid #9c9c1a;
	padding-top: 6em;
}

#comment{
	border-bottom: 1px solid #c58205;
	padding-top: 6em;
}

#pour-qui{
	border-bottom: 1px solid #04b83f;
	padding-top: 6em;
}

#par-qui{
	padding-top: 6em;
	padding-bottom: 6em;
}

.presentation:after{
	text-align: center;
	text-shadow: -2px 0 #eee, 0 2px #eee, 2px 0 #eee, 0 -2px #eee;
	font: normal normal 3em "MrDogDog";
	position: relative;
	bottom: -.5em;
}

#pourquoi:after{
	content: "o";
	color: #9c9c1a;
}

#comment:after{
	content: "m";
	color: #c58205;
}

#pour-qui:after{
	content: "b";
	color: #04b83f;
}

.presentation ul+p, #par-qui h2+p{
    margin-bottom: 0; 
}

.no-bullet{
	list-style-type: none;
}

#Loro, #CDF{
	text-indent: -9000px;
	display: block;
	width: 200px;
	height: 82px;
	float:  left;
	margin-right: 2em;
	margin-top: 2em;
}

#Loro{
	background: url('../images/uploads/template/loro.gif') no-repeat;
}

#CDF{
		background: url('../images/uploads/template/CDF.png') no-repeat;
	
}

/* Bibliographie*/
.bibliographie ul+p{
    margin-bottom: 0; 
	
}

.bibliographie h3+p{
    margin-bottom: 0; 
	
}

#ouvrages-scientifiques{
	border-top: 1px solid;
	border-bottom: 1px solid #01a497;
	padding-top: 6em;
}

#documentaires{
	border-bottom: 1px solid #c10c71;
	padding-top: 6em;
}

#outils{
	border-bottom: 1px solid #068f37;
	padding-top: 6em;
}

#fictions{
	border-bottom: 1px solid;
	padding-top: 6em;
	padding-bottom: 6em;
}

.bibliographie:after{
	text-align: center;
	text-shadow: -2px 0 #eee, 0 2px #eee, 2px 0 #eee, 0 -2px #eee;
	font: normal normal 3em "MrDogDog";
	position: relative;
	bottom: -.5em;
}

#ouvrages-scientifiques:after{
	content: "Q";
	color: #01a497;
}

#documentaires:after{
	content: "M";
	color: #c10c71;
}

#outils:after{
	content: "R";
	color: #068f37;
}


div.contact{
	border-top: 1px solid;
	border-bottom: 1px solid;
	padding-top: 6em;
	padding-bottom:  6em;
	margin-bottom: 6em;
}


/* LIENS SPECIAUX
----------------------------------------------------------------------------------------*/
div.note{
	float: right;
	display: block;
	width: 2.2em;
	position: relative;
	top: -0.5em;
}

.note a:visited{
}

 a.interne, a.camera, a.doc, a.externe, a.movie, a.biblio{
	display: block;
	height: 2em;
	width: 2em;
	text-indent: -9000px;
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	background: url('../images/uploads/template/lien-interne.png') no-repeat center center #d1cfcf;
	margin-bottom:.5em;
	background-size:55%;
	}

a.camera{
	background: url('../images/uploads/template/camera.png') no-repeat center center #d1cfcf;
}

a.movie{
	background: url('../images/uploads/template/movie.png') no-repeat center center #d1cfcf;
}

a.doc{
	background: url('../images/uploads/template/doc.png') no-repeat center center #d1cfcf;
}

a.externe{
	background: url('../images/uploads/template/lien.png') no-repeat center center #d1cfcf;
}

a.biblio{
	background: url('../images/uploads/template/biblio.png') no-repeat center center #d1cfcf;
	background-size: 50%;
}

ul.legende{
	list-style-type: none;
}

ul.legende a{
	display:  inline-block;
	margin-right: 1em;
}

ul.legende li{line-height:2em;}

.my-custom-theme {
	-webkit-border-radius: 25px;
	-moz-border-radius: 25px;
	border-radius: 25px;
	color: white;
	box-shadow: 0px 0px 12px rgba(0,0,0,0.3);
  	background: #8d8d82;
}

/* Use this next selector to style things like font-size and line-height: */
.my-custom-theme .tooltipster-content {
	font: normal 600 1em/1.618em "adelle-1", Georgia, "Times New Roman", serif;
	font-size: 16px;
	line-height: 1.5em;
	padding: .5em;
}



/*social*/

.social{
	color: #8d8d82;
	font-weight: 600;
	font-style: italic;
	margin-bottom: 6em;
	list-style-type: none;
	}

.social p{
	margin-bottom: .5em;
}

.social li{
display:  inline-block;
margin-right: .5em;
}

.social li a{
	display: block;
	text-indent: -9000px;
	width: 16px;
	height: 16px;
}

.fb{
	background: #f5f5f5 url('https://aussi.ch/images/hj-social-bookmarks/facebook.png') no-repeat left top;
}
.tw{
	background: #f5f5f5 url('https://aussi.ch/images/hj-social-bookmarks/twitter.png') no-repeat left top;
}
.gplus{
	background: #f5f5f5 url('https://aussi.ch/images/hj-social-bookmarks/googleplus.png') no-repeat left top;
}
.mail{
	background: #f5f5f5 url('https://aussi.ch/images/hj-social-bookmarks/email.png') no-repeat left top;
}


/*signature binocle*/
#binocle{
position: relative;
bottom: 0;
right:0;
font-size:60%;
}

#binocle a{
text-indent: -9000px;
background:url("https://aussi.ch/images/uploads/template/binocle_icone_ombre_15x15.gif") no-repeat scroll 0 0 transparent;
color:#BCBBAC;
display:block;
height:18px;
width:18px;
padding: 5px;
position:absolute;
right:0;
bottom:0;
}

#binocle a:hover{color:#FF004E;}


/* 6. CUSTOM LAYOUT & TYPOGRAPHY (Baby bear)
----------------------------------------------------------------------------------------*/
#container {
  }

aside { width: 100%; }


/* 7. BROWSER AND NON-SEMANTIC STYLING
----------------------------------------------------------------------------------------*/
.cf:before, .cf:after { content: ""; display: block; }
.cf:after { clear: both; }
.ie6 .cf { zoom: 1 }