/* 2. ROOT
----------------------------------------------------------------------------------------*/
html { 
  	background-image: none;
  
  }


#container{
	margin-left: 3cm;
	margin-right: 1cm;
}


/* 3. CORE TYPOGRAPHY
----------------------------------------------------------------------------------------*/
body {
	color: black;
	height:100%;
	font: normal 400 10pt/12pt "adelle-1", Georgia, "Times New Roman", serif;
}

h1, h2, h3, h4, h5, h6 {
  margin-bottom: 6pt;
  line-height: 10pt;
  }

p, ul, ol, dl, blockquote {
    font-size: 10pt;
    line-height: 12pt;
    margin-bottom: 12pt; 
  }
    
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: black; text-decoration: none; }  
a:hover { outline: none; text-decoration:none; }  
a:active, a:focus { outline: none; }



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

header.home h1, header h1 a{
	color: black;
	font-size: 1em;
	font-weight: 800;
	text-decoration: none;
}

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

nav{display:none;}


#sub-nav{display:none;}


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

.case{
	width: 16em;
	border: 1pt 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;
}



.reponse{
	border-top: 1pt solid;
	padding-top: 1em;
}

.reponse:after{
	text-align: center;
	font: normal normal 3em "MrDogDog";
	position: relative;
	bottom: -.5em;
}




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

.reponse.punitions-ecole:after{
	content: "s";
	color: black;
}



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

.reponse.decalage-prive-public:after{
	content: "t";
	color: black;
}



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

.reponse.contexte-socio-historique:after{
	content: "B";
	color: black;
}



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

.reponse.differences-fille-garcon-naissance:after{
	content: "q";
	color: black;
}



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

.reponse.historique-recherches-genre-enfance:after{
	content: "Y";
	color: black;
}



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

.reponse.paradoxe-avant-maintenant:after{
	content: "H";
	color: black;
}



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

.reponse.multiples-axes-socialisation:after{
	content: "B";
	color: black;
}



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

.reponse.implications-socialisation-differencie:after{
	content: "\005C";
	color: black;
}



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

.reponse.sexuation-ameublement-enfants:after{
	content: "j";
	color: black;
}



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

.reponse.equitation-sport-mixte:after{
	content: "u";
	color: black;
}



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

.reponse.litterature-enfantine-images-sexisme:after{
	content: "K";
	color: black;
}



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

.reponse.competences-sports:after{
	content: "e";
	color: black;
}



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

.reponse.sports-ecole:after{
	content: "\005B";
	color: black;
}



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

.reponse.sports-filles-garcons:after{
	content: "V";
	color: black;
}



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

.reponse.comparaison-evolution-jouets-habits:after{
	content: "]";
	color: black;
}



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

.reponse.enfants-publicites:after{
	content: "D";
	color: black;
}



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

.reponse.ActionMan-figurines:after{
	content: "T";
	color: black;
}



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

.reponse.reussite-scolaire-filles-travail:after{
	content: "U";
	color: black;
}



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

.reponse.mixite-scolaire:after{
	content: "y";
	color: black;
}



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

.reponse.manuels-scolaires-sexistes:after{
	content: "Q";
	color: black;
}



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

.reponse.attribution-reussite-echec:after{
	content: "v";
	color: black;
}



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

.reponse.agir-contre-marketing-sexue-jouets:after{
	content: "F";
	color: black;
}



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

.reponse.socialisation-differenciee-ecole:after{
	content: "U";
	color: black;
}



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

.reponse.frontieres-inter-sexes:after{
	content: "\005B";
	color: black;
}



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

.reponse.socialisation-differenciee-creche:after{
	content: "x";
	color: black;
}



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

.reponse.rose-bleu:after{
	content: "C";
	color: black;
}



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

.reponse.vetements-filles-garcons:after{
	content: "P";
	color: black;
}



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

.reponse.difficultes-pionnier-pionniere:after{
	content: "W";
	color: black;
}



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

.reponse.evolution-historique-vetements:after{
	content: "J";
	color: black;
}



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

.reponse.succes-mitige-programmes-incitatifs:after{
	content: "Y";
	color: black;
}



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

.reponse.rigidite-adolescence:after{
	content: "X";
	color: black;
}



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

.reponse.orientation-scolaire-professionnelle:after{
	content: "T";
	color: black;
}



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

.reponse.menace-stereotype:after{
	content: "Q";
	color: black;
}



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

.reponse.coin-poupee-creche:after{
	content: "N";
	color: black;
}



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

.reponse.parents-fille-garcon:after{
	content: "M";
	color: black;
}



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

.reponse.pere-fille-pere-garcon:after{
	content: "S";
	color: black;
}



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

.reponse.communication-emotionnelle:after{
	content: "y";
	color: black;
}



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

.reponse.trouble-identite-sexuee:after{
	content: "G";
	color: black;
}



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

.reponse.garcon-transforme-fille:after{
	content: "K";
	color: black;
}



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

.reponse.anomalies-chromosomiques-hormonales:after{
	content: "l";
	color: black;
}



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

.reponse.developpement-sexe-foetus:after{
	content: "Y";
	color: black;
}



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

.reponse.magasins-catalogues-jouets:after{
	content: "s";
	color: black;
}



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

.reponse.poupee-jouet-feminin:after{
	content: "r";
	color: black;
}



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

.reponse.competences-jouets:after{
	content: "t";
	color: black;
}



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

.reponse.sursexuation-jouets:after{
	content: "m";
	color: black;
}



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

.reponse.barbie-figurines:after{
	content: "q";
	color: black;
}



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

.reponse.plasticite-cerveau:after{
	content: "p";
	color: black;
}



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

.reponse.neutre-fausse-bonne-idee:after{
	content: "o";
	color: black;
}



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

.reponse.origine-difference-sexe-adultes:after{
	content: "n";
	color: black;
}



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

.reponse.reconstruction-realite-sociale:after{
	content: "|";
	color: black;
}



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

.reponse.conformisme-codes-sexues:after{
	content: "k";
	color: black;
}



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

.reponse.garcon-poupee:after{
	content: "i";
	color: black;
}



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

.reponse.rigidite-codes-sexues:after{
	content: "g";
	color: black;
}



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

.reponse.attentes-attitudes:after{
	content: "h";
	color: black;
}



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

.reponse.representations-stereotypes-realite:after{
	content: "f";
	color: black;
}



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

.reponse.etiquettes-masculin-feminin:after{
	content: "e";
	color: black;
}



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

.reponse.activite-sexe-enfant:after{
	content: "d";
	color: black;
}



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

.reponse.encouragement-decouragement-differencie:after{
	content: "o";
	color: black;
}



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

.reponse.periode-rose-filles:after{
	content: "c";
	color: black;
}



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

.reponse.test-constance-genre:after{
	content: "b";
	color: black;
}



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

.reponse.construction-identite-sexuee:after{
	content: "a";
	color: black;
}




/* MAIN REPONSES
----------------------------------------------------------------------------------------*/
#main{
	margin: 0 auto;
}

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

#main h3{
	font-size: 10pt;
	font-weight: bold;
	margin-bottom: 0;
}

#main p, #main ul{
	position: relative;

}

aside.question{
	font-weight: 600;
}

aside.question p{
	margin: 0;
}

aside.question p.auteur{
	font-style: italic;
	text-align: right;
	margin: 0;
}

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


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

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

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

#pour-qui{
	border-bottom: 1pt 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: 1pt solid;
	border-bottom: 1pt solid #01a497;
	padding-top: 6em;
}

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

#fictions{
	border-bottom: 1pt 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;
}


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


/* LIENS SPECIAUX
----------------------------------------------------------------------------------------*/
div.note{display:none;}

 a.interne, a.camera, a.doc, a.externe, a.movie, a.biblio{display:none;}


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

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

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





/*social*/

div.social{display:none;}

img.typekit-badge{
	display:none;
	visibility: hidden;
}