/* --- COULEURS --- */

/* Note: vous pouvez modifier simplement l'aspect de ce gabarit en modifiant
   uniquement les couleurs de fond (propriétés background) et les couleurs
   du texte (propriété color).
   Pour modifier la disposition des blocs, voir plus bas dans la feuille de
   styles la partie «positionnement». */

/* Général */
body {
	color: #000000;
	background : url(../img/gen/half-earth.jpg) no-repeat right top;margin: 0;
	background-color : #fff;
	padding: 0px 0px;
	font-family: Verdana, "Bitstream Vera Sans", "Lucida Grande", sans-serif; /* 3 */
	font-size: .8em;
	line-height: 1.25;

}


#global {
	width: 100%;
	max-width: 100em;
	min-width: 991px;
	margin-left: auto;
	margin-right: auto;
}

/* En-tête */
#entete {
	padding: 0px 0px 20px 80px;
	min-height: 100px;
	max-width: 100em;
	min-width: 950px;
	background : url(/img/gen/bg-gris-logo.png)repeat-y left top;
}
#entete h1 {
	margin: 0;
}
#entete h1 img {
	float: left;
	margin: 0px 20px 10px 0;
}
#entete .sous-titre {
	margin: 4px 0 15px 0;
}

#entete #slogan{
font-size:1,2em;
font-weight:bold;
color:#333;
margin:0;
padding:20px 40px 0 50px;
text-align:center;
line-height : 1.2em;
vertical-align : middle;
display : inline; 
float : left;}

#entete #login { display : inline; float : left}

#entete p  { display : inline; }

#entete #connexion{
font-size:9px;
font-weight:bold;
color:#E5E5E5;
margin:0;
padding:10px 0px 0 50px;
text-align:right}

#entete #connexion .btn_cnx{
border:none;
background:url(/img/gen/connecion-alternate1.png);
padding:0 5px 5px;
margin:0;
font:10px Verdana;
color:white;
width:84px;
height:24px;
font-weight:bold}

#entete #connexion .champs{
border:dashed 1px;
color:#aaa;
background-color:#eee;
font-size:12px;
height:12px;
padding:5px;
width:59px;
font-size:9px;
font-family:Verdana;
font-weight:normal;
padding-left:20px}

#entete a.inscription {
	color: gray;
	font-size:1em;
	padding : 4px;
	text-decoration : none;
	font-weight:normal;
	text-align : center;
}

#entete a.inscription:hover, #entete a.inscription:focus {
	color: #026;
}

#entete #connexion .champs:hover,#entete #connexion .champs:focus{
color:#000}

#form_connexion .login,#form_connexion .pass{
background-color:white;}

#form_connexion .login{background-image:url(/img/gen/login.png) }
#form_connexion .pass{background-image:url(/img/gen/lock.png) }

#entete #deconnexion{
float:right;
width:100px;
font-size:10px;
color:#000;
text-align:left}

#entete #deconnexion .btn_decnx{
border:none;
background:url(/img/gen/connecion-alternate1.png);
padding:0 5px 5px;
margin:4px 0 0 0;
font:10px Verdana;
color:white;
width:84px;
height:24px;
font-weight:bold}

#entete #deconnexion a, #entete #deconnexion a:link{
color:#059;
text-decoration:none}

#entete #deconnexion a:hover, #entete #deconnexion a:focus{
color:#E5E5E5;
text-decoration:none}

#entete #deconnexion img{
margin-right:5px}

#deconnexion strong{
font-size:14px}


/* Bloc central */
#centre-bis {
	width: 100%;
	overflow: hidden;
}

a {
	color: gray;
}
a:hover, a:focus {
	color: #0c0;
}


/* Conteneur central */
#centre {
	
}




/* Navigation */
#navigation {
	background: url(../img/gen/navbar-reflet-alternate1.jpg) repeat-x left top;
	margin : 0;
	height: 32px;
	text-align : center;
	width: 100%;
	min-width: 1020px;
}
#navigation ul {
	display : inline;
}

#navigation ul li {
	margin :0;
	list-style : none;
	float : left;
	padding:0 12px 0 12px;
	list-style-type:none;
}

#navigation ul li:hover, #navigation ul li:focus {
	background : url(../img/gen/navbar-reflet-hover-alternate1.jpg) repeat-x left top;
}

#navigation a {
	color: white;
	font-weight: bold;
	text-transform: uppercase;
	font-size: .8em;
	text-decoration: none;
	padding:8px 6px 0 0; /* le 2ème chiffre gère l'espacement entre les catégories */
	display:block;
	height:16px;
	text-align:center;
}
#navigation a:hover, #navigation a:focus {
	color: white; font-size: .80em;
	font-weight: bold;
}

#navigation a.active {
	color: #000;
	font-weight: bold;
}

#navigation a.active:hover, #navigation a.active:focus {
	color: #0c0;
	font-weight: bold;
}

*html #navigation li{width:1px; white-space:nowrap;}
#navigation ul li.borderleft { padding:0 32px 0 32px; }
#navigation ul li.active{ height:32px; margin:0; padding:0px; background:url(../img/gen/select-categ-gauche-alternate1.jpg) left top no-repeat;}
#navigation a.active{ background:url(../img/gen/select-categ-droite-alternate1.jpg) right top no-repeat; padding:0 8px 0 8px; height:32px;}
#navigation span{ display:block; background:url(../img/gen/select-categ-middle-alternate1.jpg) repeat-x; height:16px; padding:10px 5px 10px 5px}


/* Question */
#question {
	
	float: left;
	width: 162px;
	margin : 0 20px 0 4px;
	padding : 0px 0 0 0; /*à supprimer*/
	
}
#question a {
	display: block;
	height: 1%;
	padding: 6px 2px 6px 4px;
	line-height: 1;
	
	text-decoration: none;
}
#question hr {color:gray;}

#question .top {overflow:hidden; background:url(../img/gen/question/top-alternate1.jpg) top no-repeat; margin :0; padding:0; min-height:37px; min-width: 162px; width:162px}
#question .body {overflow:hidden; background:url(../img/gen/question/body-alternate1.jpg) repeat-y; margin :0; padding:0; min-height:20px; width: 162px}
#question .bottom {overflow:hidden; background:url(../img/gen/question/bottom-alternate1.jpg) top no-repeat; margin : 0 0 20px 0; padding:0; min-height:38px; min-width: 162px}
#question .bodytxt {padding :10px 5px;}
#question .vote {min-height : 34px; text-align : center; margin : 5px 0 10px 0;}
#question #qvotepour {float : left;}
#question #qvotecontre {float : right;}
#question #qvotepour img{filter:alpha(opacity=60);-moz-opacity:0.60;opacity:0.60; }
#question #qvotecontre img{filter:alpha(opacity=60);-moz-opacity:0.60;opacity:0.60;}
#question #qvotepour img:hover, #question .votepour img:focus{ filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
#question #qvotecontre img:hover, #question .votecontre img:focus{ filter:alpha(opacity=100);-moz-opacity:1;opacity:1;}
#question .votez {vertical-align:middle; padding : 0px 0 0 0; font-size: 0.7em;}
#question .resume {vertical-align:middle; padding : 0px 0 60px 5px; font-size: 0.7em; text-align : center;}
#question .bodyress {overflow:hidden; background:url(../img/gen/question/body-alternate1.jpg) repeat-y; margin :0; padding:0; min-height:20px; width: 162px}
#question .ressourcestop {overflow:hidden; background:url(../img/gen/question/ressources-alternate1.jpg) top no-repeat; margin : 0; padding:0; min-height:20px; width:162px;}
#question .ressourcesbottom {overflow:hidden; background:url(../img/gen/question/ressources-bottom-alternate1.jpg) top no-repeat; margin : 0 0 20px 0; ; padding:0; min-height:18px; min-width: 162px}




#question h1{
	font-size: 1em; /* -> 8 */
	font-style: normal;
	margin : 20px 0 30px 0;
	text-align : left;
	line-height: 1.5;
}

#question #qkeywords a{
	font-size: 0.9em; /* -> 8 */
	font-style: normal;
	margin : 0px 0 14px 0;
	text-align : left;
	line-height: 1.5;
	color : #2582F4 ;
	font-family: Verdana;
	font-weight:bold;
}
#question #qkeywords  a:hover, #question #qkeywords a:focus {
	color : red ;
	text-decoration:none;
}

#question .detail { text-align : right; margin : 10px 0 20px 0;}

#question fieldset#statscat { border : 1px solid gray; background : #E5E5E5; margin : 40px 0; font-size : 0.8em; padding : 10px 5px;}
#question fieldset#statscat i{ font-weight : bold; color:#046; margin : 20px 0 0 0; display : block;}

#question fieldset#edito { border : 1px solid gray; background : #E5E5E5; margin : 10px 0 40px 0; font-size : 0.8em; padding : 10px 5px;}


/* Solutions */
#principal {
	color: #181A12;
	margin-left: auto;
	margin-right: auto;
	padding: 0 0 10px 0;
}


#principal > :first-child {
	margin-top: 0px;
}
#principal p, #principal li {
	line-height: 1.5;
}

/* PUB 468x60 */
#principal .pubtop { text-align : center; vertical-align : middle; margin:4px 0 0 0; padding :0;}
#principal .pubtopmiddle {overflow:hidden; background:url(../img/gen/pub-alternate1.jpg) top repeat-x; margin :0; padding:0; height:80px; }
#principal .pubtopgauche {overflow:hidden; float:left; background:url(../img/gen/pub-gauche-alternate1.jpg) top no-repeat; margin :0; padding:0; height:80px; width: 11px}
#principal .pubtopdroite {overflow:hidden; float:right; background:url(../img/gen/pub-droite-alternate1.jpg) top no-repeat; margin :0; padding:0; height:80px; min-width: 11px}

#principal .pubtop  img, #principal .pubtop  embed, #principal .pubtop  iframe{ margin : 8px 4px;}


/* PUB 728x90 */

#principal .pubtop2 { text-align : center; vertical-align : middle; margin:4px 0 0 0; padding :0;}
#principal .pubtopmiddle2 {overflow:hidden; background:url(../img/gen/pub-alternate1.gif) top repeat-x; margin :0; padding:0; height:100px;}
#principal .pubtopgauche2 {overflow:hidden; float:left; background:url(../img/gen/pub-gauche-alternate1.gif) top no-repeat; margin :0; padding:0; height:100px; width: 12px}
#principal .pubtopdroite2 {overflow:hidden; float:right; background:url(../img/gen/pub-droite-alternate1.gif) top no-repeat; margin :0; padding:0; height:100px; min-width: 12px}
#principal .pubtop2  img, #principal .pubtop2  embed, #principal .pubtop2  iframe{ margin : 4px 4px;}

/* SOLUTION */

#principal .topleft {overflow:auto; float:left; background:url(../img/gen/solution/haut-g-alternate1.jpg) top no-repeat; margin :0; padding:0; min-height:41px; width:79px}
#principal .topmiddle {overflow:auto; background:url(../img/gen/solution/haut-alternate1.jpg) top repeat-x; margin :0; padding:0; min-height:41px; }
#principal .topright {overflow:auto; float:right; background:url(../img/gen/solution/haut-d-alternate1.jpg) top no-repeat; margin :0; padding:0; min-height:41px; width:60px}
#principal .body {
overflow:auto; 
margin :0; 
padding:0; 
min-height:20px; 

border-right-style:solid; 
border-right-color:#999; 
border-right-width:2px;
border-left-style:solid; 
border-left-color:#999; 
border-left-width:2px;
}
#principal .bottom {
	overflow:auto; 
	background:url(../img/gen/solution/bas-alternate1.jpg) top repeat-x; 
	margin :0; padding:0; height:38px; 
	text-align : center;
	padding: 8px 0; 
	}
	#principal .bottom  a{
	
	margin: 0px 6px;
	line-height: 1;
	font-size: .7em;
	text-decoration: none;
}
#principal .bottomleft {overflow:auto; float:left; background:url(../img/gen/solution/bas-g-alternate1.jpg) top no-repeat; margin :0; padding:0; height:36px; width: 19px}
#principal .bottomright {overflow:auto; float:right; background:url(../img/gen/solution/bas-d-alternate1.jpg) top no-repeat; margin :0; padding:0; height:36px; width: 60px}
#principal .bodytxt {padding :10px 5px 0 5px;}

#principal .bulle{ float : left; background:url(../img/gen/comment/comments-48.png) top left no-repeat; margin :10px 0 0 20px ; padding:0 0 0 5px; height : 49px;}
#principal .bulle span { font-weight : bold; padding:20px 0  0 60px; vertical-align: middle; text-transform: uppercase; color : #048;}
#principal .comment {padding :10px 5px 0 5px; font-size : 0.85em; border-top: 1px dashed #CCC; margin : 25px 0 0 0;}
#principal .comment ul {margin :50px 0 0 100px; }
#principal .comment ul li span{font-size : 0.8em; color : gray}
#principal .comment li { list-style-type: disc; border-top: 1px dotted #CCC; padding: 3px 0 3px 3px;
margin : 5px 0 5px 10px; }
.dashedLine { border-bottom: 1px dashed #CCC; margin : 50px 0 0 0;}

.clicCacher
  {
  top: -20px;
  position: relative;
  text-align:right;
  }

#principal .tri {
border-bottom-style:none;
color : gray;
font-size: .8em;
margin : 5px;
text-align : center;
}
#principal .tri  a {
margin : 0 10px;
}
#principal .tri  a.active {
color: #0c0;
text-decoration : none;
}

#principal .user {
float : left;
color : gray;
font-size: 0.7em;
margin : 10px 20px 10px 10px;
text-align : center;
}

#principal .vote {
float : right;
color : gray;
font-size: 0.85em;
line-height: 1.6;
margin : 10px 5px 10px 20px;
text-align : left;
}
#principal h1  { font-size: 1.5em; }
#principal h2  { font-size: 2em; }

#principal h5 { margin : 0 0 10px 0;}
#principal h6 { margin : 0; font-family: Georgia, "Bitstream Vera Serif", Norasi, serif; font-size: 1em; font-style: normal; line-height: 1.5; text-indent:10px; text-align : justify;}

#principal h5 a { color: black; text-decoration : none;}
#principal h5 a:focus, #principal h5 a:hover { color: #2582F4;}

#principal .tri  a.active {
color: #0c0;
text-decoration : none;
}

#principal a.choice {
margin : 8px;
text-align : center;
}

#principal fieldset.princ{ border : 1px solid gray; margin : 20px 0; background : #E5E5E5;}
#principal fieldset legend { color : #059; font-size : 16px;}
#principal fieldset a { text-decoration : none;}
#principal fieldset.princ  span{ padding : 0 0 20px 0}
#principal fieldset.princ a:hover, fieldset a:focus { color : #0c0; text-decoration : none;}
#principal fieldset.princ a{
color : black;
display : block;
border-top: 1px dotted gray;
font-size :0.85em;
padding: 3px 0 3px 3px;
margin : 5px 0 0px 10px;
width: 95%;}

#principal fieldset.profil { vertical-align : middle; background : white; border : 1px solid gray; margin : 20px 0;}
#principal fieldset.profil a { color : gray; }
#principal fieldset.profil a:hover, fieldset a:focus { color : red; text-decoration : none;}

#principal fieldset.subcat { border : 1px solid gray; margin : 20px; padding : 10px; background : #E5E5E5;}
#principal fieldset.subcat a:hover, fieldset a:focus { color : #0c0; text-decoration : none;}
#principal fieldset.subcat a{
color : black;
display : block;
border-bottom: 1px dotted gray;
font-size :0.85em;
padding: 3px 0 3px 3px;
margin : 5px 0 0px 5px;
width: 142px;}
#principal fieldset.subcat a.cat{
display : block;
border-bottom: 1px dotted gray;
font-size :0.9em;
padding: 3px 0 3px 3px;
margin : 5px 0 0px 5px;
width: 142px; font-weight : bold;}
#principal fieldset.subcat a.cat img{ padding : 0 10px 0 0;}
#principal fieldset.allcat { border : 1px solid gray; margin : 20px; padding : 10px; background : #f5f5f2;}
#principal fieldset.allcat a:hover, fieldset a:focus { color : #0c0; text-decoration : none;}
#principal fieldset.allcat a{
color : black;
display : block;
border-bottom: 1px dotted gray;
font-size :0.85em;
padding: 3px 0 3px 3px;
margin : 5px 0 0px 5px;
width: 142px;}
#principal fieldset.allcat a.cat{
display : block;
border-bottom: 1px dotted gray;
font-size :0.9em;
padding: 3px 0 3px 3px;
margin : 5px 0 0px 5px;
width: 142px; font-weight : bold;}
#principal fieldset.allcat a.cat img{ padding : 0 10px 0 0;}
#principal fieldset.legende { background : white; border : 1px solid gray; margin : 20px 0; padding:10px; width:250px;}
#principal fieldset#bricolage { border :0; margin :0; padding : 0;}
#principal #listeSujet {min-width : 20em; max-width : 100%; margin:20px 0 20px 0; padding:0; border-spacing:0;  width:100%;}
#listeSujet th { text-align : left; font-size : 0.8em; padding : 10px 10px 10px 0; border-top : 1px solid gray; border-bottom : 1px solid gray; color : gray; text-transform : uppercase;}
#listeSujet th:first-letter { font-size : 1.2em; }
#listeSujet tr td{ font-size : 0.7em; padding : 4px 4px;}
#listeSujet tr.bleu { background-color : #E5E5E5;}
#listeSujet .localListe img{ width : 20px; }
#listeSujet a { text-decoration : none; }
#listeSujet .sujetListe { min-width :60px;}
#listeSujet .sujetListe a{ font-size : 1.1em; color : #046;}
#listeSujet .sujetListe a:hover, #listeSujet .sujetListe a:focus{ color : #0c0;}
#listeSujet .themeListe a { color : black; }
#listeSujet .themeListe a:hover, #listeSujet .themeListe a:focus{ color : #0c0;}
#listeSujet .textListe{ color : red;}
#principal .vote a{text-decoration : none;}


/*affichage des numeros de pages dans les catégories*/

div.pages {
	text-align: left;
	background: url(../img/modele/bgpages.jpg) no-repeat top right;
	padding:10px;
	line-height:2;
	font-family: "Verdana";
	color:#046;
}
div.pages span.select{
	font-weight: bold;
	font-family: "Verdana";
	color:#046;
	
}
div.pages a{
	color: #046;
	background: #E5E5E5;
	border: 1px solid gray;
	padding: 1px 5px;
	text-decoration : none;
}
div.pages a:hover{
	color: #046;
	background: #fff;
	border: 1px solid #068;
	text-decoration : none;
	font-weight: bold;
}

/* Contenu secondaire */
#secondaire {
	float: right;
	width: 250px;
	min-height : 400px;
	padding: 12px 4px;
	margin : 0px 4px 0 20px;
	background:url(../img/gen/second/bgtop-alternate1.jpg) 0px 78px repeat-x;
}
#secondaire .folder {padding :0; margin :0px 10px 0 5px; float:left;}
#secondaire .localsujet {padding :0; margin :3px 20px 0 0px; float:left; font-size : 0.8em; color: white; text-align : right;}
#secondaire .localzone {padding :0; margin :0px 5px 0 10px; float:right;}
#secondaire h2 {padding :0; margin :5px 0 5px 5px; font-size: 1.65em;}
#secondaire h3 {padding :0; margin :10px 0px 30px 0px;}

#secondaire  a{text-decoration : none;}

#secondaire fieldset.sujets a{
display : block;
border-top: 1px dotted #fff;
font-size :0.85em;
padding: 3px 0 3px 3px;
margin : 5px 0 0px 10px;
width: 210px}

#secondaire fieldset.sujets a span{
display:inline;
white-space:pre-wrap}

#secondaire fieldset.archives .arc{
display : block;
border-top: 1px dotted #fff;
font-size :0.85em;
padding: 3px 0 3px 3px;
margin : 5px 0 0px 10px;
width: 210px}

#secondaire fieldset.archives span a {
display:inline;
white-space:pre-wrap}

#secondaire fieldset.archives span .flright {
float : right ;
padding : 0 0 0 10px;}

#secondaire fieldset { border : 1px solid white; margin : 10px 0; -moz-border-radius : 4px;}
#secondaire fieldset legend { color : white; font-size : 11px;}
#secondaire fieldset a { color : #022; text-decoration : none;}
#secondaire fieldset a:hover, fieldset a:focus { color : white; text-decoration : none; }
#secondaire fieldset:hover, #secondaire  fieldset:focus { border-color : #046; }
#secondaire  fieldset legend:hover, #secondaire  fieldset legend:focus  { color : #046; }

#secondaire img:hover, #secondaire img:focus { filter:alpha(opacity=80);-moz-opacity:.80;opacity:.80; }

/* Pied de page */
#pied {
	margin: 0;
	text-align : center;
	padding: 28px 50px 0 50px;
	font-size: .85em;
	background : url(../img/gen/pied.jpg) repeat-x;
	height : 105px;
	vertical-align : middle;
}


/* Mention de copyright */
#copyright {
	margin: 8px 0 0 0;
	font-size: 1em;

}