*{margin:0;padding:0;}

html,
body {height: 100%;}
ul {list-style:none}
a img, 
fieldset, 
input{border:0;}
fieldset{margin: 0;padding: 0;border: 0;outline: 0;vertical-align: baseline;background: transparent;}
a{text-decoration:none;color:#000;}
h3 a.lienComment{border-bottom:0;}
/* Typo */
html{font-size: 100%;color:#000;}
body{font:normal 0.625em/1em Verdana, sans-serif;}
.clear{clear:both}
a:focus, input:focus, select:focus, textarea:focus{
	outline:2px dashed #D66;
}
img.logo{
	margin:1em auto 0;
	display:block;
}
h1, 
h2, 
h3, 
h4, 
h5{
	font-weight:bold;
	font-family:'Trebuchet MS', sans-serif;
	padding:0 0 0;
}
h1{
	font-size:2.4em;
	line-height:2em;
	color:#06b;
	padding-top:0;
	text-align:center;
}
h2{
	font-size:2.2em;
	line-height:2.6em;
	color:#06b;
	padding:0 0 0 0.8em;
	background:url(../_img/puceBleu.gif) no-repeat 0.2em 50%;
	font-style:italic
}
h3{
	font-size:1.4em;
	line-height:1.5em;
	color:#000;
}
h4{
	font-size:1.3em;
	line-height:1.5em;
	color:#000;
	padding:0 0.5em;
	background:#eee;
	margin-top:1em;
}

p, li{
	font-size:1em;
	line-height:1.5em;
}
code{
	font-size:1.2em;
}
a{
	border-bottom:2px solid #A8BFCF;
}
	a:hover {
		border-bottom:2px solid #06b;
	}

body{
	background:url(../_img/alveole.jpg) repeat 0 0;
}

#wrapper{
	width:720px;
	margin:2em auto 0;
}

#content{
	
}
#navMenu ul, #navPrincipale ul{
	padding:1em 2em;
	height:100%;
	overflow:auto;
	position:relative;
}
#navPrincipale ul{
	text-align:center;
}
#navMenu ul li{
	display: block;
	width:50%;
	font-size:1.2em;
	line-height:1.8em;
}
#navPrincipale ul li{
	display:inline;
	font-size:1.2em;
	line-height:1.8em;
	padding:0 1em;
}
#navMenu ul li:nth-of-type(-n+8){
	position:relative; 
	left: 0;
	top:0;
}
#navMenu ul li:nth-of-type(8){ 
	margin-top: -12.6em
}
#navMenu ul li:nth-of-type(n+8){
	position:relative; 
	left:50%;
	top:0;
}
#navMenu ul li:last-child{
	margin-bottom:2em;
}
#glossaire #navMenu ul li:nth-of-type(-n+11){
	position:relative; 
	left: 0;
	top:0;
}
#glossaire #navMenu ul li:nth-of-type(8){ 
	margin-top: 0;
}
#glossaire  #navMenu ul li:nth-of-type(11){ 
	margin-top: -18em
}
#glossaire  #navMenu ul li:nth-of-type(n+11){
	position:relative; 
	left:50%;
	top:0;
}


/*#navigation ul  li:nth-of-type(n+6){
	float:right;
}*/

ul.correspondance{
	padding:0 0.3em 1.5em 1em;
	background:#eee;
}

.tests, .ssTests, .gloLi, #glossaire .thematique p, .listErrata{
	padding:0.2em 5em 0 1em;
	
}
.numeric{
	padding:0.2em 5em 0 3em;
}
.tests li{
	margin-bottom:0.8em;
	padding-left:1.2em;
	background:url(../_img/rondBleu.gif) no-repeat 0 0.4em;
}
.tests .ssTests li, .gloLi li{
	padding-left:0.8em;
	background:url(../_img/checkBleu.gif) no-repeat 0 0.6em;
}
.navTheme{
	position:absolute;
	right:0;
	top:0;
	padding-top:0.5em;
}
.hautdepage{
	text-align:right;
}
.navTheme li, .hautdepage li {
	line-height:1.8em;
	padding: 0 0.5em 0 2.4em;
	margin-bottom:0.5em;
}
.hautdepage li {
	padding-right:2.4em;
}
.navTheme li a, .hautdepage li  a{
	font-size:1.2em;
}
.navTheme li.bas {
	background:url(../_img/flecheBas.gif) no-repeat 0 -20px;
}
.navTheme li.haut{
	background:url(../_img/flecheHaut.gif) no-repeat 0 -20px;
}
	.navTheme li:hover  {
		background-position:0 0;
	}
.hautdepage li  {
	background:url(../_img/flecheHaut.gif) no-repeat 100% -20px;
}
	.hautdepage li:hover  {
		background-position:100% 0;
	}
	
	
.fdOpaque,
.thematique,
.fdForm{
	position:relative;
	background:#fff;
	border:solid 3px #06b;
	-moz-border-radius: 0.4em;
	-webkit-border-radius: 0.4em;
	-moz-box-shadow: 0.1em 0.1em 0.2em #000;
	-webkit-box-shadow: 0.1em 0.1em 0.2em #000;
	margin-bottom:2em;
}
.ilEstOuLeRobot{
	display:none;
}

.fdForm{
	border-color:#A8BFCF;
	padding:0.5em;
}

.fdForm form{
	overflow:auto;
	height:100%;
}
 .fdForm p{
	margin-bottom:1em;
	font-weight:bold;
 }
.fdForm form fieldset.full{
	width:98%;
}
.fdForm form fieldset.full label{
	display:block;
	float:none;
	text-align:left;
}
.fdForm form fieldset{
	width:50%;
	float:left;
}
.fdForm form fieldset label{
	width:30%;
	display:block;
	float:left;
	margin-bottom:1em;
	text-align:right;
	padding-right:1em;
	line-height:1.5em;
}
.fdForm form fieldset label:after{
	content:" :";
}
.fdForm form fieldset input, .fdForm form fieldset textarea{
	display:block;
	float:left;
	margin-bottom:1em;
	border:solid 1px #06b;
}
 .fdForm form fieldset textarea{
	width:100%;
	height:10em;
 }
.errorForm{
	background:#f9a;
	padding-left:1em;
}
.fdForm form p.errorForm{
	margin-bottom:0;
	padding-bottom:1em;
}
ul.errorForm{
	margin-bottom:2em;
	padding-bottom:0.5em;
}
.fdForm form fieldset.full ul.messages{
	padding-left:0;
}
.fdForm form fieldset.full ul.messages li{
	margin-left:0;
}
ul.messages {
	padding-left:1.5em;
}
ul.messages li{
	margin-left:30%;
	background:#f9a;
	padding:0.3em;
}

.fdOpaque{
	background-color:#c5ebfe;
	padding:0.3em;

}
.fdOpaque h2{
	padding:0 0.3em;
	color:#000;
	background:none;
}

.fdOpaque h3{
	margin-bottom:0.5em
}
.fdOpaque a{
	border-color:#777;
}
	.fdOpaque a:hover{
		border-color:#000;
	}
.fdOpaque p, .fdOpaque ul ul, .fdOpaque ul.listExperts {
	padding:0 0.5em 0 1em;
	margin-bottom:1.5em;
}
#introP ul{
	margin-bottom:1.5em;
}
.fdOpaque ul{
	padding-left:2.5em;
}
.fdOpaque ul.listExperts li{
	list-style:none;
	display:inline;
}
.fdOpaque ul li{
	list-style:circle;
}
.fdOpaque ul ul li{
	list-style:square;
}
.thematique h3{
	border-top:solid 2px #06b;
	padding:0 5em 0 0.3em;
	position:relative;
}
.thematique .introCrit{
	padding-bottom:2em;
	font-style:italic;
	font-size:1.1em;
}
.thematique .introCrit p{
	padding-left:0.5em;
}
.thematique .introCrit h3{
	border-top:0;
}

.thematique h3 a.lienComment{
	top:0.3em;
	right:0.3em;
	position:absolute;
}

#glossaire .thematique h3{
	margin-top:1.5em;
}