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

body.article_linguakey2010 #contenu {width : 100%;}
body.article_linguakey2010 #extra {display:none;}
#titre_page{float:left; width:100%; height:30px;}
#titre_page p {text-align:left;font-size:30px;text-transform:uppercase;}
#linguamap {float:left; width: 100%;height:350px;}
#map_legend {
	float:left;
	width:100%;
	background-color: #e5e5e5; 
	pading:5px;
}
#map_legend p {text-align:center}
#map_legend ul {list-style-type : none;}
#map_legend ul li {	
	float:left;
	width:33%;
	height:40px;
	line-height:35px;
	vertical-align:middle;
	pading:0;
	margin:0;
}
#map_legend ul li span {	
	float:left;
	width:35px;
	line-height:35px;
	vertical-align:middle;
	padding:0;
	margin:0;
}

#linguapub {float:left; width: 80%;height:400px;  background-color:#CC9900;padding:20px 10% 20px 10%;}
#linguapub p {text-align:center; font-size: 36px;}

div.grand_titre {float:left;width:100%;height:80px;}
#contenu div.grand_titre h3 {
	width: 190px;
	height:20px;
	margin:auto;
	text-align:center;
	padding:5px;
	font-family: "Luxi sans", "Lucida Grande", Lucida, "Lucida Sans Unicode", sans-serif; 
	text-transform:none;
	background-color:#0A0A4F;
	color: #FAF9CD; 
	border:1px solid #0A0A4F;
	border-radius:15px;
	-moz-border-radius:15px;
}
div.grand_titre p {
	cursor:move;
	width: 190px;
	height:10px;
	margin: 5px auto 0 auto;
	text-align:center;
	padding:5px;
	font-family: "Luxi sans", "Lucida Grande", Lucida, "Lucida Sans Unicode", sans-serif; 
	text-transform:uppercase;
	background-color:#EDE9B9;
	color:#666; 
	font-size:0.8em;
	border:1px solid #EDE9B9;
	border-radius:15px;
	-moz-border-radius:15px;	
}

#extra div.grand_titre h2 {text-align:left; font-size : 2.5em;text-transform:none;}
#extra div.grand_titre h3 {
	font-family: "Luxi sans", "Lucida Grande", Lucida, "Lucida Sans Unicode", sans-serif; 
	font-weight:normal;
	text-align:left; 
	font-size : 1.6em;
}
div.grand_titre h3 a {text-transform:uppercase;}
div.grand_titre p {cursor:move;text-indent:5px;}

a.geosector, a.geozone {color:#6F9100;}
a.phylosector, a.phylozone {color:#C25400;}

#accordion {
	float:left;
	width:100%;
	height:430px;
	
}
#accordion h3, #linguascale h3 {
	font-family: "Luxi sans", "Lucida Grande", Lucida, "Lucida Sans Unicode", sans-serif; 
	font-weight:bold;
	text-align:left;
	font-size: 1.1em;
	border-bottom:1px solid #0A0A4F;
	line-height:1.3em;
}
#accordion h3.Geosector, #linguascale h3.Geosector{border-color:#6F9100;}
#accordion h3.Phylosector, #linguascale h3.Phylosector {border-color:#C25400;}
#accordion h3 a, #linguascale h3 a {display:inline-block;width:230px;text-align:left}
#accordion h3.Geosector a, #linguascale h3.Geosector a {color:#6F9100;}
#accordion h3.Phylosector a, #linguascale h3.Phylosector a  {color:#C25400;}

#accordion h3.Geosector span, #linguascale h3.Geosector span {background-color:#6F9100;}
#accordion h3.Phylosector span, #linguascale h3.Phylosector span {background-color:#C25400;}
#accordion h3.Geosector span a, #accordion h3.Phylosector span a, #linguascale h3.Geosector span a, #linguascale h3.Phylosector span a {color:white;}

#accordion h3.Geosector a span.key, #linguascale h3.Geosector a span.key {background:none; color: #6F9100;}
#accordion h3.Phylosector a span.key, #linguascale h3.Phylosector a span.key {background:none; color: #C25400;}

#accordion ul, #linguascale ul {
	list-style-type:none;
	padding:0; 
	margin:0;
}
#accordion li, #linguascale li {
	border-bottom:1px solid #0A0A4F;
	list-style-type:none;
}
#accordion li.Geozone, #linguascale li.Geozone {border-color:#6F9100;}
#accordion li.Phylozone, #linguascale li.Phylozone {border-color:#C25400}
#accordion li a, #linguascale li a {display:inline-block;width:230px;text-align:left;}
#accordion li.Geozone a, #linguascale li.Geozone a {color:grey;}
#accordion li.Phylozone a, #linguascale li.Phylozone a {color:grey;}
#accordion li.Geozone span, #linguascale li.Geozone span {background-color:#C7BD00;}
#accordion li.Phylozone span, #linguascale li.Phylozone span {background-color:#FFC14F;}
#accordion li.Geozone span a, #accordion li.Phylozone span a, #linguascale li.Geozone span a, #linguascale li.Phylozone span a {text-align:center; color:black; text-indent:2px;}
#accordion li.Geozone a span.key, #linguascale li.Geozone a span.key {background:none; color: #6F9100;}
#accordion li.Phylozone a span.key, #linguascale li.Phylozone a span.key {background:none; color: #C25400;}
#accordion h3 span a, #accordion li span a, #linguascale h3 span a, #linguascale li span a  {
	display:inline-block;
	width:80px;
	text-transform:uppercase;
	text-align:left;
	font-size:9px;
	color:black;
	margin:0;
}
#accordion h3 a:focus, #accordion h3 a:active, #linguascale h3 a:focus, #linguascale h3 a:active {color:black; text-decoration: none;border:none }

#linguascale li.Geozone ul, #linguascale li.Phylozone ul {border-top:1px solid grey}
#linguascale li.Phylozone span a {text-align:left; color:black; text-indent:5px;}
#linguascale li.Geozone span a {text-align:left; color:black; text-indent:5px;}
#linguascale li.Set span a {text-align:left; color:black; text-indent:5px;}
#linguascale li.Chain span a {text-align:left; color:black; text-indent:5px;}
#linguascale li.Net span a {text-align:left; color:black; text-indent:5px;}
#linguascale li.Outer-unit span a {text-align:left; color:black; text-indent:10px;}
#linguascale li.Inner-unit span a {text-align:left; color:black; text-indent:10px;}
#linguascale li.Variety span a {text-align:left; color:black; text-indent:15px;}




#linguascale nav {
	float:right;
	width : 14px;
	height: 14px;
	cursor:move;
}
#accordion nav.Phylosector span {
	display:block;
	width : 12px;
	height: 12px;
	line-height:12px;
	vertical-align:middle;
	text-align:center;
	border: 1px solid grey;
}

#linguascale nav.Set span, #linguascale nav.Chain span, #linguascale nav.Net span, #linguascale nav.Outer-unit span, #linguascale nav.Inner-unit span #linguascale nav.Variety span {
	display:block;
	width : 12px;
	height: 12px;
	line-height:12px;
	vertical-align:middle;
	text-align:center;
	border: 1px solid grey;
}

.contenant {
	width:100%;
	padding: 20px 0 10px 0;
	border: 1px solid #EEE;
	font-size:1.2em;
}

.deux_col {
	float:left; 
	width:47%;
	padding-right:1.5%;
	padding-left:1.5%;
}
.deux_col_left {border-right: 1px solid #EEE;}
.deux_col_right {border: 1px solid #EEE;}


.trois_col {
	float:left;
	width:30%;
	padding-right:1.5%;
	padding-left:1.5%;
}

.cinq_col {
	float:left;
	width:17%;
	padding:1.5%;
}

.trois_col_left, .cinq_col_left {border-right: 1px solid #EEE;}
.trois_col_center, .cinq_col_center {border: 1px solid #EEE;}
.trois_col_right, .cinq_col_right {border-right: 1px solid #EEE;}



div.index ul.liste {
	padding:0;
	margin :0;
	font-size:0.8em;
}
div.index ul.liste li {list-style-type:none;padding:1px;}
div.index ul.liste li a.reference_name {padding:0 2px 0 2px; background-color:#CCC;}
div.index ul.liste li em {font-style:oblique;color:#999;}

.index_titre {
	float:left;
	width:100%;
	border-bottom:1px solid black;
	margin-top:10px;
	margin-bottom:5px;
}

/* Secteurs et zones */
div.noisette_linguakeys div.cartouche {
	text-transform:uppercase;
	padding:0;
	margin:0;
}

div.noisette_linguakeys div.contenant {
	text-transform:uppercase;
	padding: 0;
	margin:25px 0 10px 0;
	border: 1px solid #CCC;
}


div.secteur {
	width:100%;
	height:35px;
	padding-top:5px;
	border:1px solid #CCC;
	margin-bottom:3px;
	line-height:15px;
	font-size :0.65em;
	text-align:center;
}
div.zone {
	width:100%;
	height:30px;
	padding-top:5px;
	border:1px solid #CCC;
	margin-top:2px;
	line-height:10px;
	font-size :0.65em;
	text-align:center;
}
div.secteur a {color:white;}
div.zone a {color:black;}
div.secteur p, div.zone p {padding:0;margin:0;text-align:center;font-size:0.9em;}
div.contenant div.Geosector {background-color:#3CB371;}
div.contenant div.Phylosector {background-color:#FF4500;}
div.contenant div.Geozone {background-color:#9ACD32}
div.contenant div.Phylozone {background-color:#FFA500;}