/* --- STYLES DE BASE POUR LE TEXTE ET LES PRINCIPAUX ÉLÉMENTS --- */

/* Page */
html {
	font-size: 100%; /* Voir -> Note 1 à la fin de la feuille de styles. */
}

#logo { padding : 20px 60px 0 0px;}

#shadowbox_title {
  border: 0px solid;
}

#shadowbox_info {
  border: 0px solid;
} 

/* Titres */
 h2, h3, h4, h5, h6 {
	margin: 1em 0 .5em 0; /* -> 6 */
}
h1, h2, h3 {
	font-family: Georgia, "Bitstream Vera Serif", Norasi, serif;
	font-weight: normal; /* -> 7 */
}
h1 {
	font-size: 3em; /* -> 8 */
	font-style: normal;
}
.Qbodytxt h1#text { font-size: 14px; }
.Qbodytxt h1#text a{ font-size: 20px; margin:0; padding:0; }
h2 {font-size: 2em;}
h3 {font-size: 1em;}
h4 {font-size: 1em; text-decoration : uppercase; color : #026;}
h5 {font-size: 1.2em;}
h6 {font-size: 0.8em; font-weight: normal;}

h1#text p a{color:red; /*text-transform:capitalize;*/ }
h1#text p a:hover, h1#text p a:focus{color:blue; text-transform:capitalize; }

.bodytxt h5 a{
	font-family: Georgia, "Bitstream Vera Serif", Norasi, serif;
}

/* Listes */
ul, ol {
	margin: .75em 0 .75em 24px;
	padding: 0; /* -> 9 */
}
ul {
	list-style: square;
}
li {
	margin: 0;
	padding: 0;
}

/* Paragraphes */
p {
	margin: .75em 0;
}
li p, blockquote p {
	margin: .5em 0;
}

/* Citations */
blockquote, q {
	font-size: 1.1em;
	font-style: italic;
	font-family: Georgia, "Bitstream Vera Serif", Norasi, serif;
}
blockquote {
	margin: .75em 0 .75em 24px;
}
cite {
	font-style: italic;
}

/* Liens */

a img {
	border: none; /* -> 10 */
}

/* Divers éléments de type en-ligne */
em {
	font-style: italic;
}
strong {
	font-weight: bold;

}


/* --- STYLES POUR CERTAINS CONTENUS DES GABARITS --- */

pre, code {
	font-size: 100%;
	font-family: "Bitstream Vera Mono", "Lucida Console", "Courier New", monospace;
}
pre {
	width: 90%;
	overflow: auto;
	overflow-y: hidden;
	margin: .75em 0;
	padding: 12px;
	background: #eee;
	color: #555;
}
pre strong {
	font-weight: normal;
	color: black;
}

/* --- ICONES DES CSS ALTERNATIVES --- */

#css-base
{ position : relative; left: 14px; top: -25px; display : inline; margin :0; padding:0; filter:alpha(opacity=20);-moz-opacity:.20;opacity:.20;}
#css-alternate1
{ position : relative; display : inline; left: 22px; top: -25px; margin :0; padding:0; filter:alpha(opacity=20);-moz-opacity:.20;opacity:.20;}
#css-alternate1:hover, #css-alternate1:focus, #css-base:hover, #css-base:focus
{ filter:alpha(opacity=80);-moz-opacity:0.8;opacity:0.8;}


/* --- Comportement des boutons --- */
a.poseques { background-image: url('/img/gen/poser-votre-question.jpg'); display: block; width: 238px; height: 43px; }
a.poseques:hover { background-image: url('/img/gen/poser-votre-question-gloss.jpg'); display: block; width: 238px; height: 43px; }
a.repgloss { background-image: url('/img/gen/repondre.jpg'); display: block; width: 178px; height: 43px; }
a.repgloss:hover { background-image: url('/img/gen/repondre-gloss.jpg'); display: block; width: 178px; height: 43px; }
a.carregloss { background-image: url('/img/gen/question/poser-carre.jpg'); display: block; width: 152px; min-height: 56px; }
a.carregloss:hover { background-image: url('/img/gen/question/poser-carre-gloss.jpg'); display: block; width: 152px; height: 56px; }

/* --- STYLES DE CERTAINS TEXTES --- */
.contenant { visibility : hidden; display : none; }
.logoedito { color: #04A; font-weight:bold; }
a.lienedito { color: purple; font-weight:bold; text-decoration : underline; font-size : 20px; display : block;
border-top: 1px dotted #04a;
border-bottom: 1px dotted #04a;
padding: 3px 0 3px 3px;
margin : 5px 0 0px 5px;}
.detail {
	color: gray;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.statspour { color : blue;}
.statsnsp { color : #73A; }
.statscontre { color : red; }
.texte { font-size : 0.7em;}




.searchbox { margin : 2px 0px;}
 .searchbox .submitbox{

width: 40px;
font-weight:bold;
font-size:1em;
font-family:Verdana;
border:2;
margin:4px 0px;
}
 .searchbox .inputbox{
margin:4px 0px;
width:120px;
height:16px;
}

.floatleft { float : left; }
.floatright { float : right; }

.floatright10px { float : right; margin : 10px;}
.floatright20px { float : right; margin : 25px 20px 0 10px;}
.floatleft30px { float : left; margin : 30px;}
.floatleft10px { float : left; margin : 0 10px;}

.floatrightbutton { float : right; margin : 5px 20px 0 10px; }
.floatrightbottom { float : right;  padding : 0 100px 0 150px;}
.floatleftbottom { float : left; padding : 0 150px 0 100px;}
fieldset {padding :10px; -moz-border-radius : 8px 4px 20px 8px; border-radius: 1em;  }
#principal fieldset.unblock { border :0; margin :0; padding : 0; max-width:1000px; margin-left: auto; margin-right: auto; }
#principal h6 {min-height : 68px;}


/* --- INFOBULLE --- */

.infobullevote span 
{								   
    position       :  absolute;
    top            :  -2000em;
    left           :  -2000em;
    width          :  1px;
    height         :  1px;
    overflow       :  hidden; 
	background:url(../img/gen/solution/4bleu.png) top left no-repeat;
    background-color :  #DDEEFF;   /* Définition du fond, sinon on a le même que notre lien */
    border         :  1px solid #05B; /* Définition des bordures */
	color : #05B;
	font-weight : bold;
	padding : 0 0 0 60px;
	z-index : 0;
	font-size : 1em;
}
.infobullevote span.ibrouge { background:url(../img/gen/solution/4rouge.png) top left no-repeat; background-color : #FBB; border : 1px solid #800; color : #800;  } 
.infobullevote span.ibviolet { background:url(../img/gen/solution/4violet.png) top left no-repeat; background-color : #DBE; border : 1px solid #508; color: #508;}
.infobullevote span.ibqpour { background:url(../img/gen/question/fleche-bleue.jpg) top left no-repeat; background-color : #DEF; border : 1px solid #05B; color: #05B;}
.infobullevote span.ibqcontre { background:url(../img/gen/question/fleche-noire.jpg) top left no-repeat; background-color : #EEE; border : 1px solid #222; color: #222;}

.infobullevote
{				
  padding         : 2px 4px 2px 4px; /*Définition des marges intérieures de notre lien */
 
} 
/* Rend visible tout notre bloc span et lui attribue une taille */
.infobullevote:hover span, .infobullevote:focus span
{
    top        :  auto;
    left       :  auto;
    width      :  160px;
    height     :  auto;
    overflow   :  visible;
	margin-top : 40px;
	
}
.infobullevote:hover 
{
  border : 0;  /* ligne qui corrige le bug d'IE6 et inférieur */
}
.infobullevote img
{
	filter:alpha(opacity=60);-moz-opacity:0.6;opacity:0.6;
}
.infobullevote img:hover, a.infobullevote img:focus
{
	filter:alpha(opacity=100);-moz-opacity:1;opacity:1;
}

/* Affichage des commentaires */
.affcom {font-size: 1em; font-weight: normal; margin: 6px 10px 20px 10px; text-indent : 10px; color : #026;}

/*  --- COPYRIGHT --- */

#copyright {
	margin: 20px 0 0px 0;
	
	font-size: .8em;
	color: #848F63;
}
#copyright a {
	color: #848F63;
	text-decoration: none;
}
#copyright a:hover, #copyright a:focus {
	text-decoration: underline;
}
.slogan{font-size:14px; display:inline; float:left;}