/* CSS Ingenio Document */

h1 {font-size: 120% }

body {
 	font-family: Arial;
    margin: 0px; 
    background-image: url(../images/interface/bkgd_ingenio.gif); 
    background-repeat: repeat;
}

body, div, p, img, ul, li, h1, h2, h3, h4, h5, h6, form {
	margin: 0;
	padding: 0;
	border: 0;
}


#page {
    margin-left: auto; 
    margin-right: auto; 
    margin-top: 0px; 
    width: 984px; 
    background-color: #ffffff;
}

#document{
	background-color:#EFF4F6;
	/*padding-left: 22px;*/
	border: 1px solid #404348;
	border-width: 1px 1px 0px 1px;
	/*border-left: 1px solid black;
	border-right: 1px solid black;*/
}

#conteneur {
	margin: 0px;
    padding: 0px 0px 35px 0px;
    /*border: 1px solid #BDD2D7;*/
    width: 967px;
    visibility: hidden;
}

#contenu-accueil, #contenu-contact, #contenu-carte-site{
	margin: 0px 0px 0px 262px;
	padding: 60px 0px 0px 0px;
	width: 700px;
	/*border: 1px solid #BDD2D7;*/
	height: 448px;
}
*> #contenu-accueil, *> #contenu-contact, *> #contenu-carte-site{
	height: auto;
	min-height: 448px;
}

#contenu-contact, #contenu-carte-site{
	padding-top: 95px;
}

*> #contenu-contact, #contenu-carte-site{
	padding-top: 82px;
}

#contenu-a-propos, #contenu-creer, #contenu-collaborer, #contenu-divertir {
	margin: 0px 0px 0px 229px;
	padding: 60px 0px 0px 0px;
	height: 448px;
}

*> #contenu-a-propos, *> #contenu-creer, *> #contenu-collaborer, *> #contenu-divertir {
	height: auto;
	min-height: 448px;
}

.contenu-deroulant {
	overflow:scroll;
	overflow-x:hidden;
	overflow-y:scroll;
	height: 348px;
}

#contenu-a-propos,#contenu-collaborer {
	width: 695px;
}

#contenu-a-propos, #contenu-collaborer {
	padding-left: 35px;
	font-size: 0.9em;
}

*> #contenu-a-propos, *> #contenu-creer, *> #contenu-collaborer, *> #contenu-divertir {
	margin-left: 232px;
}

#menu-principal {
	margin-top:98px;
	float:left;
	display:inline;
	margin-left: 22px;
}

*> #menu-principal {
	margin-top:99px;
}

#conteneur p { 
	font-size:0.75em;
	margin: 15px 0px 0px 0px
}

#conteneur p.note { 
	font-size:0.7em;
	clear: left;
}

#conteneur a, #conteneur a:link, #conteneur a:active, #conteneur a:visited { 
    color: #000000;
}

#logo-get-flash img {
	margin: 15px 0px 15px 0px;
}


#conteneur h1 {
	width: 730px;
	padding: 8px 0px 3px 0px;
	font-size: 1.4em;
}

#contenu-carte-site h1 {
	width: auto;
	padding-top: 0px;
}

#contenu-a-propos h1, #contenu-collaborer h1 {
	margin-left: -35px;
	font-size: 1.5em;
}

#contenu-accueil h1,  #contenu-a-propos h2, #contenu-collaborer h2{
	margin: 0px 0px -15px 0px;
	padding: 37px 0px 0px 0px;
	font-size: 0.75em;
	width: auto;
}

#contenu-contact h2 {
	margin: 0px 0px 10px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 0.75em;
	width: auto;
}

#contenu-a-propos h2, #contenu-collaborer h2 {
	padding-top: 15px;
}

#contenu-collaborer h3 {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 1em;
	font-style: italic;
}

#contenu-collaborer h4 {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-size: 1em;
	font-weight: normal;
	font-style: italic;
	
}

#contenu-collaborer h5 {
	margin: 0px 455px 0px 0px;
	padding: 10px 0px 0px 0px;
	font-size: 0.8em;
	font-style: italic;
}

#contenu-collaborer p.description-partenaire {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 450px;
	float: right;
	display: inline;
}

div.fin-partenaire {
	clear: right;
}

#contenu-carte-site ul#carte-site ul{
	list-style-type: none;
	margin: 0px 0px 0px 8px;
}

#contenu-carte-site ul#carte-site ul li{
	background-image: url(../images/puce.gif);
	background-repeat: no-repeat;
	background-position: 0px 6px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 8px;
}

#contenu-a-propos ul {
	list-style-type: none;
	margin: 0px 0px 0px 8px;
}

#contenu-a-propos li {
	background-image: url(../images/puce.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 8px;
	font-size: 0.75em;
	line-height: 115%;
}


#conteneur h1 img {
	margin-right: 10px;
}

#conteneur h1 span {
	font-weight: normal;
}

#contenu-a-propos h1 {
	border-top: 1px dotted #848587;
	color:#858587;
	border-bottom: 24px solid #848587;
}

#contenu-creer h1 {
	border-top: 1px dotted #50C8FD;
	color:#35A1E2;
	border-bottom: 24px solid #50C8FD;
}

#contenu-collaborer h1 {
	border-top: 1px dotted #95CF00;
	color:#6E9403;
	border-bottom: 24px solid #95CF00;
}

#contenu-divertir h1 {
	border-top: 1px dotted #D78F00;
	color:#D28511;
	/*border-bottom: 24px solid #D78F00;*/
}

#contenu-divertir ul.menu-section {
	list-style-type: none;
	width: 710px;
	background-color: #D78F00;
	padding-left: 20px;
	height: 1.55em;
}

*> #contenu-divertir ul.menu-section {
	height: 1.6em;
}

#contenu-divertir ul.menu-section li {
	float: left;
	display: inline;
	/*width: 106px;*/
	border: 0px solid #EFF4F6;
	font-size: 1em;
	font-weight: bold;
	/*padding:5px 10px 3px 10px;*/
	line-height: 110%;
	color: #EAC993;
}

#contenu-divertir ul.menu-section li.selection-actuelle {
	padding:5px 10px 3px 10px;
	color: #ffffff;
	background-color: #CD6502;
}

#contenu-divertir ul.menu-section li a,
#contenu-divertir ul.menu-section li a:visited{
	display: block;
	padding:5px 10px 3px 10px;
	color: #EAC993;
	text-decoration: none;
}

#contenu-divertir ul.menu-section li a:hover {
	color: #ffffff;
	background-color: #CD6502;
	text-decoration: none;
}

div.espace-media {
	width: 455px;
	height: 292px;
	float: left;
	display: inline;
	color: #ffffff;
	text-align: center;
	font-size: 0.9em;
	margin: 20px 0px 0px 33px;
}

#contenu-creer div.espace-media {
	background-color: #000000;
}

div.espace-media p {
	padding-top: 120px;
}

#conteneur div.espace-media a, #conteneur div.espace-media a:hover, #conteneur div.espace-media a:visited{
	color: #ffffff;
}

div.texte {
	width: 226px;
	margin: 20px 0px 0px 500px;
}

*> div.texte {
	margin-left: 503px;	
}

#contenu-creer div.onglet {
	width: 226px;
	background-color:#0277AC;
	color: #ffffff;
}

#contenu-divertir div.onglet {
	width: 226px;
	background-color:#CD6502;
	color: #ffffff;
}

div.onglet ul {
	list-style-type: none;
}

div.onglet li {
	float: right;
	display: inline;
	width: 106px;
	border: 0px solid #EFF4F6;
	font-size: 0.8em;
	font-weight: bold;
	padding:3px 0px 3px 5px;
	line-height: 110%;
}

div.onglet li.approche {
	border-width: 0px 3px 3px 0px;
	padding:3px 0px 3px 6px;
	margin-left: -1px;
}

div.onglet li.expertise {
	border-width: 0px 0px 3px 3px;
}

div.contenu-texte ul {
	list-style-type: none;
	margin: 10px 0px 0px 6px;
}

div.contenu-texte li {
	background-image: url(../images/puce.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 8px;
	font-size: 0.75em;
	line-height: 115%;
}
#conteneur  #contenu-creer div.onglet a,
#conteneur  #contenu-creer div.onglet a:visited,
#conteneur  #contenu-creer div.onglet a:hover {
	color: #519FC6;
	text-decoration: none;
}

#contenu-creer div.contenu-texte {
	border-top: 7px solid #0277AC;
	font-size: 0.9em;
}

#conteneur  #contenu-divertir div.onglet a,
#conteneur  #contenu-divertir div.onglet a:visited,
#conteneur  #contenu-divertir div.onglet a:hover {
	color: #D9A576;
	text-decoration: none;
}

#contenu-divertir div.contenu-texte {
	border-top: 7px solid #CD6502;
	font-size: 0.9em;
}

div.contenu-texte#contenu-texte-demarche {
	border-top-width: 0px;
}

#conteneur div.contenu-texte p {
	padding-left: 6px;
	margin-top: 0px;
	padding-top: 10px;
}

/**BOITE TEXTE ***/

#boiteTexte{
	width: 226px;
	color:#FFFFFF;
	font-family:Arial;
	font-weight:bold;
	line-height: 90%;
	font-size: 85%
}
	

#contenuGauche .entete{
	width: 226px;
	height: 33px;
	background-image: url(../images/left_tab_header_bg.gif); 
}


#contenuDroit .entete{
	width: 226px;
	height: 33px;
	background-image: url(../images/right_tab_header_bg.gif); 
}

.changeCursor{
	cursor:pointer;
	cursor:hand;
}

/* Menu A Propos */

#menu-creer a, #menu-collaborer a, #menu-divertir a {
	font-size: 20px;
	display:block;
	text-decoration: none;
	padding: 6px 0px 0px 30px;
	font-weight: bold;
	background-position: 10px 10px;
}

#menu-a-propos{
	width: 207px;
	font-family:Arial;
	line-height: 125%;
}

#menu-a-propos a#entete-menu-a-propos,
#menu-a-propos a:visited#entete-menu-a-propos {     
    display:block;
    width: 182px;
    height: 19px;
    background-image: url(../images/carre_gris.gif);
	background-repeat:no-repeat;
	background-color: #848587;
	background-position: 5px 5px;
	font-size: 0.95em;
	text-decoration: none;
	padding: 4px 0px 0px 25px;
	font-weight: bold;
}

#menu-creer{
	width: 207px;
	font-family:Arial;
	line-height: 150%;
	border-top: 1px solid #eff4f6;
	margin-top: 30px;
}

#menu-creer a#entete-menu-creer,
#menu-creer a:visited#entete-menu-creer {     
    display:block;
    width: 177px;
    height: 27px;
    padding-top: 6px;
	background-image: url(../images/carre_bleu.gif);
	background-repeat:no-repeat;
	background-color: #50C8FE;
	color: #14395D;
}

#menu-collaborer{
	width: 207px;
	font-family:Arial;
	line-height: 150%;
	border-top: 1px solid #eff4f6;
}

#menu-collaborer a#entete-menu-collaborer,
#menu-collaborer a:visited#entete-menu-collaborer {     
    display:block;
    width: 177px;
    height: 27px;
	background-image: url(../images/carre_vert.gif);
	background-repeat:no-repeat;
	background-color: #95CF00;
	color: #215500;
}

#menu-divertir{
	width: 207px;
	font-family:Arial;
	line-height: 150%;
	border-top: 1px solid #eff4f6;
}

#menu-divertir a#entete-menu-divertir,
#menu-divertir a:visited#entete-menu-divertir {     
    display:block;
    width: 177px;
    height: 27px;
	background-image: url(../images/carre_orange.gif);
	background-repeat:no-repeat;
	background-color: #D88F00;
	color: #994F02;
}

#menu-a-propos a.section-actuelle#entete-menu-a-propos,
#menu-a-propos a:visited.section-actuelle#entete-menu-a-propos,
#menu-a-propos a:hover#entete-menu-a-propos,
#menu-creer a.section-actuelle#entete-menu-creer,
#menu-creer a:visited.section-actuelle#entete-menu-creer,
#menu-creer a:hover#entete-menu-creer,
#menu-collaborer a.section-actuelle#entete-menu-collaborer,
#menu-collaborer a:visited.section-actuelle#entete-menu-collaborer,
#menu-collaborer a:hover#entete-menu-collaborer,
#menu-divertir a.section-actuelle#entete-menu-divertir,
#menu-divertir a:visited.section-actuelle#entete-menu-divertir,
#menu-divertir a:hover#entete-menu-divertir {
	background-image: url(../images/carre_blanc_over.gif);
	color: #ffffff;
}

#menu-a-propos li {
	list-style-type: none;
	background-color:#e2e6e8;
	width: 207px;
	
}

#menu-a-propos li a,
#menu-a-propos li a:visited {     
    color:#333333;
	text-decoration:none;
	display:block;
    padding: 0px 0px 0px 29px;
	width: 178px;
	height: 19px;
	margin: 0px;
	background-color:#e2e6e8;
	border-top: 1px solid #eff4f6;
	font-size: 0.7em;
	font-weight: normal;
}

#menu-a-propos li a.section-actuelle,
#menu-a-propos li a:visited.section-actuelle{
	color:#FFFFFF;
	background-color:#c3c4c5;
}

#menu-a-propos li a:hover {
	color:#FFFFFF;
	background-color:#c3c4c5;
	
}

/* Menu dans le contenu de la page - Accueil */

div#menu-accueil{
	margin: 35px 0px 75px 0px;
	padding: 0px 0px 128px 0px;
}

#menu-accueil a,
#menu-accueil a:visited {
	display:inline;
	float:left;
	width: 177px;
	height: 122px;
	margin-right: 5px;
	background-repeat:no-repeat;
    font-size: 1.25em;
	display:block;
	text-decoration: none;
	padding: 6px 0px 0px 30px;
	font-weight: bold;
	background-position: 10px 10px;
}

#menu-accueil a#lien-creer {
	background-image: url(../images/carre_bleu.gif);
	background-color: #50C8FE;
	color: #14395D;
}

#menu-accueil a:hover#lien-creer {
	background-image: url(../images/carre_blanc_over.gif);
	color: #ffffff;
}

#menu-accueil a#lien-collaborer {
	background-image: url(../images/carre_vert.gif);
	background-color: #95CF00;
	color: #215500;
}

#menu-accueil a:hover#lien-collaborer {
	background-image: url(../images/carre_blanc_over.gif);
	color: #ffffff;
}

#menu-accueil a#lien-divertir {
	background-image: url(../images/carre_orange.gif);
	background-color: #D88F00;
	color: #994F02;
}

#menu-accueil a:hover#lien-divertir {
	background-image: url(../images/carre_blanc_over.gif);
	color: #ffffff;
}


/**ENTETE PAGE ***/

#menu-barrePortail {
    position: relative;
    background-color: #0f276e; 
    width: 984px;  
    height: 28px; 
    border-bottom: 1px solid #334353;
    z-index: 99;
    border: 0px solid white;
}

#ingenio-logo{
	/*float:left;
	margin: 0px;
	height: 80px; */
	position: absolute;
	top: 28px;
	left: 1px;
}

#entete {
    background-color: #EFF4F6; 
    background-image: url(../images/interface/entete_degrade.gif); 
    background-repeat: repeat-x;
    background-position: top left;  
	height: 20px;
    z-index: 1;
}

/*Ici on déplace la ligne des fonctions de l'entete (changement de langue, grossissement de police...)*/
#entete  #fonctions-entete {
	margin-right: 10px;
    font-size: 0.65em;
    color: #4a587f;
}

#entete #fonctions-entete div {
	float: right;
	display: inline;
	margin-left: 20px;
}

#entete #fonctions-entete div img {
	vertical-align: middle;
	margin: 0px 0px 4px 0px;
}

#entete #fonctions-entete div.lien-texte {
	margin-top: 5px;
}

*> #entete #fonctions-entete div.lien-texte {
	margin-top: 3px;
}




#entete #fonctions-entete a, #entete #fonctions-entete a:link, #entete #fonctions-entete a:visited, #entete #fonctions-entete a:visited {
    text-decoration: none;  
    line-height: 100%;
    color: #0c246c; 
    margin: 0px;
    padding: 0px;       
}

#entete #fonctions-entete a:hover {
    color: #4a587f;
}


/**PIED PAGE ***/


#pied{
	background-color:#FFFFFF;
	border: 1px solid #404348;
	border-width: 0px 1px 1px 1px;
}



#pied-centre {   
    width: 960px;   
    margin-left: 22px;  
	  
}



#pied-txt { 
	border: 0px solid #dae9f4;
	text-align: right;
    font-size: 0.65em;     
    width: 500px;
    float: right;
    display: inline;
    margin: 5px 10px 5px 0px;
    line-height: 125%;
    color:#999999;
}

#pied-txt a, #pied-txt a:link, #pied-txt a:active, #pied-txt a:visited { 
    text-decoration: none;
    color: #999999;
}

#pied-txt a:hover {
    color: #9eb0c8;
}

#pied-loto-quebec {
	float: left;
	display: inline;
	margin-top: 4px;
	padding: 0px; 
	width: 110px;
}

#pied-loto-quebec #logo-lq{
	border: 0px;
	margin-top: 7px;
	float:left

}

#pied-sos-jeux {
	float: left; 
	margin: 7px 0px 0px 15px;	
	width: 164px;
}

#pied-logo-fondation{
	float: left; 
	margin: 7px;
}

#pied-texte-logo-fondation {
	font-family: Arial; 
	font-size: 9px; 
	color: #004489; 
	margin-top: 9px;
}

#pied-logo-SOS-jeu{
	float: right; 
	margin: 7px;
}

#pied-texte-logo-SOS-jeu {
	float: right; 
	font-family: Arial; 
	font-size: 9px; 
	color: #004489; 
	margin-top: 11px;
}


/************ CARTE DU SITE ***********/

ul#carte-site {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	font-size: 80%;
	list-style-type: none;
}

ul#carte-site li {
	margin: 0px 0px 0px 0px;
	padding: 0px;
}

ul#carte-site ul li {
	margin-left: 30px;
}

ul#carte-site li, ul#carte-site ul li {
	line-height: 150%;
}

ul#carte-site li, ul#carte-site li h2, ul#carte-site li span{
	color: #0f276e;
	font-size: 100%;
}

ul#carte-site h2 {
	padding: 4px 2px 4px 6px;
	margin: 10px 0px 0px 0px;
	width: 550px;
	background-color: #c3c4c5;
}

ul#carte-site h2 a, ul#carte-site h2 a:visited {
	text-decoration: underline;
	color: #11296f;
}


ul#carte-site h2 a:hover {
	color: #5288b5;
}

/**************** AIDE TECHNIQUE ***********************/

.fermer-fenetre{
	font-size: 0.7em;
	text-align: right;
}

#div-popup-aide{
	padding:10px;
	z-index:10;
	font-size: 100%;
	position:absolute;
	display:none;
	top: 70px;
	left:140px;
	width: 685px; 
	height:525px;
	color:#000000;
	border:1px solid #000066;
	background-color:#e2e6e8;
	font:verdana;
	font-color:#666666;
	overflow-x:hidden;
	overflow:scroll;
	overflow-y:scroll;
}


#div-popup-aide a{
	color:#000000;
}
/*
#div-popup-aide {
	position:relative;
	top:0px;
	width: 786px;
	background-repeat: no-repeat;
	font-size: 100%;
	margin:auto;
}
*/



#contenu-aide-technique {
	margin: 0px 0px 0px 262px;
	padding: 60px 0px 0px 0px;
}


#div-popup-aide #contenu-aide-technique{
	position:relative;
	/*top:0px;*/
	width: 650px;
	margin:0px 0px 0px 0px;
	padding:12px 10px 12px 10px;
	text-align:left;
	overflow:auto;
	overflow-x:auto;
	overflow-y:auto;
	height: auto;
}

#div-popup-aide #contenu-aide-technique .contenu-deroulant {
	overflow:visible;
	overflow-x:visible;
	overflow-y:visible;
	height: auto;
}

#contenu-aide-technique p{
	font-size:0.7em;
	margin-top: 0px;
	margin-bottom: 10px;
}

#contenu-aide-technique p.important{
	border-top: 2px solid #9EA7BF;
	border-bottom: 2px solid #9EA7BF;
	margin-top: 15px;
	margin-bottom: 15px;
}

#contenu-aide-technique h2 {
	font-size: 0.9em;
	margin: 35px 0px 15px 0px;
}

#contenu-aide-technique h3 {
	font-size: 0.8em;
	margin: 10px 0px 10px 0px;
}

#contenu-aide-technique h4 {
	font-size: 0.7em;
	margin: 0px 0px 0px 0px;
}

#contenu-aide-technique #logo-jeu {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

#contenu-aide-technique #logo-flash-player {
	position:relative;
	display: inline;
	left:200px;
}

#contenu-aide-technique .encadre_alert {
	width: 500px;
	margin: 10px auto;
	padding:10px 10px 10px 10px;
	border: 1px solid #bd2727;
	background-color:#fff7f7;
}

#contenu-aide-technique .entete {
	width:786px;
	background-color:#cf4001;
	text-align:left;
}


#contenu-aide-technique #lien-flash-player {
	position:relative;
	left:250px;
	display: inline;
	width: auto;
	height:auto;
}

#contenu-aide-technique a, #contenu-aide-technique a:hover, #contenu-aide-technique a:visited  {
	color:#3a2c84;
	font-size: 100%;
}

#contenu-aide-technique ul {
	list-style-type: square;
	margin: 0px 0px 0px 8px;
}

#contenu-aide-technique  li {
	margin: 0px 0px 0px 8px;
	padding: 0px 0px 0px 0px;
	font-size: 0.70em;
	line-height: 115%;
}

#configuration td, #configuration th {
	border: 0px;
	vertical-align: top;
	text-align: left;
	font-size: 1em;
	color:#000000;
}

#configuration th {
	font-weight: bold;
	background-color: #ffdd00;
	color:#000000;
}

#configuration td {
	font-weight: normal;
	background-color: #ffffff;
	color: #000000;
}

#configuration td.col1, #configuration th.col1 {
	width: 223px;
	padding-left: 10px;
}

#configuration td.col2, #configuration th.col2 {
	width: 192px;
}



.tableCleAcces {
	border-style: solid;
	border-color: #9EA7BF;
	border-width: 2px;
	border-spacing: 0px;
	background-color: #EFF4F6; 
	width: 434px;
 	color: #000000;
 	font-size: 0.7em;
	margin: 2px auto 12px auto;
	font-weight: normal;
}

.tableCleAcces tr {
	border-style: solid;
	border-color: #9EA7BF;
	border-width: 3px;
}

.tableCleAcces th.col1 {
	border-bottom-style: solid;
	border-color: #9EA7BF;
	border-width: 1px;
	text-align: center;
	margin-left: 2px;
	width: 20%;
}

.tableCleAcces th.col2 {
	border-bottom-style: solid;
	border-color: #9EA7BF;
	border-width: 1px;
	margin-left: 2px;
	text-align: left;
	width: 80%;
}

.tableCleAcces td.col1 {
	margin-left: 2px;
	width: 20%;
	text-align: center;
}
.tableCleAcces td.col2 {
	margin-left: 2px;
	width: 80%;
}

div#boitePlugiciels {
	margin: 2px 2px 12px 150px;
	background-color: #EFF4F6; 
	border-color: #9EA7BF; 
	border-style: solid; 
	border-width: 2px; 
	width: 350px;
	font-weight: bold;
	font-size: 0.8em;
}

.exposant {
	font-size:0.8em;
	vertical-align: top;
}

#conteneur-changement-version {
	display: none;
}