@charset "utf-8";
/*
	-- -- -- -- -- -- -- -- -- -- -- -- -- -- --
	global.css - Styles de mise en page
	Création: 04 décembre 2008 [Erick] http://www.ixmedia.com/
	Dernière modification: 08 décembre 2008 [Erick]
	-- -- -- -- -- -- -- -- -- -- -- -- -- -- --
*/

@import url("reset.css");
html { height:100%;}
body{font-size: 62.5%; /* <- Resets 1em to 10px */ line-height:1.2; color:#000; background:#ffffff; font-family: Arial, Verdana, Sans-Serif; text-align: center;}
a, a:visited{text-decoration:none;color:#2d7c9e;}
* a:visited {color:#92AECA;}
a:hover{text-decoration:underline;}
a img, button {border: none;}
abbr, acronym{border-bottom:.1em dotted;cursor:help;}
h1{font-size:1em;margin:0 0 1em 0;}
h2{font-size:1em;margin:0 0 1em 0;}
h3{font-size:1em;margin:0 0 1em 0;}
h4{font-size:1em;margin:0 0 1em 0;}
h5{font-size:1em;margin:0 0 1em 0;}
h6{font-size:1em;margin:0 0 1em 0;}
em{font-style:italic;}
strong{font-weight:bold;}
p{margin:0.8em 1em 0.8em 0;font-size:1.2em;}
ul, ol{margin:0 0 .9em 0;padding-left: 2.5em;list-style:none;}
dt{margin:0.5em 0 0;}
dd{margin:0.25em 0 0.5em 2.5em;}
sup{font-size: smaller; vertical-align: 0.5em; line-height: 1px;}
.clear, .espace, .space { clear:both; margin:0; padding:0; height:0; line-height:0;}
.space {padding-top:15px;}
.espace { margin-top:15px;}
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix {display: inline-block;}
/* Hides from IE-mac \*/ * html .clearfix {height: 1%;} .clearfix {display: block;} /* End hide from IE-mac */

.bleu { color:#2d7c9e;}

#enrobage { width:960px; height:100%; margin:0 auto; position:relative; text-align:left; }

/*-----------------------------------------------------
  ACCUEIL
------------------------------------------------------*/
body#accueil { background: #FFFDEC url(../images/bkg-accueil.jpg) no-repeat 50% 0; height:100%;}

#bande-entete,
#bande-menu-top { width:100%; height:37px; clear:right;}
#bande-entete img,
#bande-menu-top img { margin: 3px 0 0 20px;}
#bande-entete p,
#bande-menu-top p { float:right; margin-left:20px; margin-top:10px;}
#bande-entete p a, #bande-entete p a:visited,
#bande-menu-top p a, #bande-menu-top p a:visited { color:#fff;}

#titre-accueil { width:464px; color:#fff;}
#titre-accueil p { font-size:1.2em; letter-spacing:1px; line-height:1.4;}
#titre-accueil p span { font-weight:bold; border-bottom:1px solid #99bccd; }

form#login { position:absolute; top:190px; left:555px; width:317px; height:240px; background:url(../images/bkg-boite-login.gif) no-repeat 0 0;}
form#login p { font-size:1.4em; margin:0 20px; line-height:1.4; font-weight:bold;}
form#login p.erreur { border: 3px solid #000; position: absolute; right: 120px; width: 200px; top: -25px; background: #c00; padding: 6px; color: #fff; font-weight: bold; }
form#login h3 { font-family:Arial, Helvetica, sans-serif; font-size:1.8em;  margin:10px 20px 0 20px; padding:0; line-height:1.2;}
form#login label { display:block; margin:10px 0 0 15px; font-size:1.2em;}
form#login input { margin:5px 0 0 15px; font-size:1.2em; width:277px;}
form#login em { position:absolute; bottom:25px; left:15px;}
form#login em a { font-style:normal; font-size:1.2em; border-bottom:1px solid #bfab00; color:#2d7c9c; }
form#login em a:hover { text-decoration:none; border-bottom:1px solid #000;}
form#login button { position:absolute; bottom:15px; right:15px; width:173px; height:35px; font-style:normal; font-size:1.2em; font-weight:bold; text-align:center; background:url(../images/bkg-bouton-login.gif) no-repeat 0 0; outline:none; padding-bottom:5px; cursor:pointer;}
form#login button#ouvrir-inscription { position:absolute; top:135px; left:45px; width:223px; height:35px; font-style:normal; font-size:1.2em; font-weight:bold; text-align:center; background:url(../images/bkg-bouton-inscription.gif) no-repeat 0 0; outline:none; padding-bottom:5px; cursor:pointer; }
#bas-formulaire-connexion { display:none; }

#transparence { display:none; position:fixed !important; position:absolute; top:0; left:0; width:100%; height:100%; z-index:9998; background: #000;  }
#inscription { display:none; position:absolute; width:800px; top:100px; left:50%; margin-left:-420px; padding:20px; text-align:left; background:#fff; z-index:9999; }
#inscription h2 { font-size:1.6em; font-family:Georgia, "Times New Roman", Times, serif; color:#2d7c9e; margin-bottom:0; padding-bottom:0;}
#formulaire { float:left; width:450px; padding-right:20px; }
#formulaire p { margin-top:0;}
#formulaire p.erreur { color: #a00; font-weight: bold; }
#formulaire label { display:inline; font-size:1.3em; line-height:2; font-weight:bold; margin-bottom:0; padding: 5px 0; clear:both;}
#username, #password, #confirm-password { float:right; width:225px;}
#username br, #password br, #confirm-password br { clear:both;}
#bas-formulaire-connexion #username, #bas-formulaire-connexion #password { float:none; width:175px;}
#bas-formulaire-connexion p { padding: 10px 0 0 0; line-height:1;}
#formulaire blockquote, blockquote { margin:0 20px 0 40px;}
#formulaire blockquote p { color:#696969;;}
#formulaire #offres { line-height:1.2; }
#infos-et-bouton { float:right; width:290px; padding-top:20px; }
#infos-et-bouton h2 { color:#000; padding-bottom:10px;}
#infos-et-bouton button {  width:173px; height:35px; font-style:normal; font-size:1.2em; font-weight:bold; text-align:center; background:url(../images/btn-inscription.gif) no-repeat 0 0; outline:none; padding-bottom:5px; cursor:pointer;}
#inscription #fermer { position:absolute; bottom:10px; right:10px; height:26px; width:26px; background:#fff url(../images/btn-x-fermer.gif) no-repeat 0 0; cursor:pointer;}

#couverture { position:absolute; width:175px; height:235px; top:365px; left:87px; background:url(../images/couverture-magazine.jpg) no-repeat 0 0;}
#couverture a { position:absolute; left:3px; padding:2px 0 2px 20px; color:#000; font-size:1.2em;}
#couverture a.question { top:190px; background: url(../images/icones/point-interrogation.gif) no-repeat 0 50%;}
#couverture a.loupe { top:210px; background: url(../images/icones/feuille-loupe.gif) no-repeat 0 50%; }

#screenshot { position:absolute; width:224px; height:198px; top:405px; left:288px; background:url(../images/screenshot-site-web.jpg) no-repeat 0 0;}
#screenshot p { position:absolute; top:145px; left:5px; padding: 2px 0 2px 0;}
#screenshot p a { padding: 2px 0 2px 20px; color:#000; background: url(../images/icones/rond-fleche-droite.gif) no-repeat 0 50%; font-size:1.2em;}

#presente-par {position:absolute; top:435px; right:0; width:400px; clear:left;}
#presente-par p { margin-bottom: 0.2em;}
#presente-par img { float:left; margin-right:8px;}
#presente-par img.dernier { margin-right:0;}

#infos-bas-de-page { position:absolute; top:535px; left:596px; color:#000; line-height:1.3;}
#infos-bas-de-page span { border-bottom:1px solid #99abb7;}
#infos-bas-de-page a { color:#000;}


/*-----------------------------------------------------
  ENTETE
------------------------------------------------------*/
#entete { width:100%; height:80px; background-color:#FFFDEC; position:relative;}
#entete h1 { height:80px; text-indent:-9999px; background:url(../images/entete.jpg) no-repeat 0 0;}

#entete h2 { font-family:Georgia, "Times New Roman", Times, serif; font-size:2.2em; font-weight:normal; color:#ffe400;}
#entete h2 a { position:absolute; padding-left:335px; top:0; padding-top:13px; padding-bottom: 14px; padding-right: 30px; display: block; color: #441429; text-decoration: none; }
#entete h2 a:hover {color: #441429;}

#entete p { position:absolute; left:510px; top:0px; font-family: Arial, Helvetica, sans-serif; font-size:1.2em; color:#000; margin-top:5px;}
#entete img { margin-top:3px;}
#entete p.logout {
	position: absolute;
	top: 0;
	right: 0;
	left: auto;

}

#entete p.logout a {
	color: #000;
}

#entete p.logout a:hover {
	color: #000;
}

#bande-menu-top { height:40px; background:#000000 url(../images/bkg_bande-menu-top.png) repeat-x 0 0;}
#bande-menu-top img { margin-top: 5px;}
#bande-menu-top p { margin-top:15px;}

#recherche-info-utilisateur { width:100%; height:40px; position:relative;}
#recherche-info-utilisateur form { position:absolute; left:115px; top:5px;}
#recherche-info-utilisateur label {  font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; margin-right:15px;}
#recherche-info-utilisateur input {  font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; margin-right:10px; margin-top:10px; width:265px;}
#recherche-info-utilisateur button {  position:absolute; left:380px; top:9px; display:inline; width:33px; height:28px; background:url(../images/btn_recherche_off.jpg) no-repeat 0 0; outline:none; }
#recherche-info-utilisateur button:hover { background:url(../images/btn_recherche_on.jpg) no-repeat 0 0;}
#recherche-info-utilisateur p { position:absolute; right:10px; top:10px; font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; font-size:1.1em;}
#recherche-info-utilisateur p a { font-family:Arial, Helvetica, sans-serif; font-weight:normal; margin-left:15px; color:#2d7c9e;}


/*-----------------------------------------------------
  CONTENU
------------------------------------------------------*/
#contenu { float:left; width:660px; padding-left:20px; padding-top:23px; position:relative;}
a#retour, a:visited#retour { float:right; font-family:Arial, Helvetica, sans-serif; font-weight:normal; font-size:0.9em; color:#2d7c9e; background:none; margin:0 15px 0 0;padding:0 0 10px 0; font-size:1.2em;  }
h3 { font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; font-size:1.3em; display:block;}
h5 { font-family:Georgia, "Times New Roman", Times, serif; font-weight:bold; font-size:1.1em; margin:25px 0 5px 0;}
h3 strong {
	float: left;
	padding:10px 7px; background-color:#9faa23;
}
p.phrase-top-recherche {margin:8px 0 0 7px;}
ul.avant,
ul.moteurs { border-top:1px solid #dedede; margin:0; padding:0; list-style:none; }
ul.avant li,
ul.moteurs li { margin:0; padding:0; border-bottom:1px solid #dedede; width:100%; overflow:hidden; }
ul.avant li div.icones,
ul.moteurs li div.icones { float:left; margin:10px 0 0 0; padding:0; width:40px; text-align:center; }
ul.avant li div.icones img,
ul.moteurs li div.icones img { display:block; margin: 0 auto; padding-bottom:5px; }
ul.avant li img,
ul.moteurs li img {  float:left; margin-top:10px; padding-bottom:10px; }
ul.avant li div.description,
ul.moteurs li div.description { float:right; margin-top:10px; margin-bottom:5px; width:620px;   }
ul.avant li div.description h6,
ul.moteurs li div.description h6 { color:#92aeca; font-size:1.2em; margin-bottom:0; padding-bottom:0;}
ul.avant li div.description p,
ul.moteurs li div.description p { margin-top:2px;}
ul.avant li div.description a,
ul.moteurs li div.description a { color:#2D7C9E;}

div.paging {
	font-size: 110%;
	position: relative;
	width: 100%;
	overflow: hidden;
	padding: 6px 0;
	margin: 0 0 5px 0;
	background: #eee;
}

div.paging .status {
	position: absolute;
	width: 10em;
	left: 50%;
	margin-left: -5em;
	top: 0.55em;
	text-align: center;
}

div.paging a {
	color: #32576E;
}

div.paging .left span,
div.paging .right span {
	color: #777;
}

div.paging .left {
	float: left;
	width: 40%;
	text-align: left;
	padding-left: 6px;
}

div.paging .left a,
div.paging .left span {
	margin-right: 1em;
}

div.paging .right {
	width: 40%;
	float: right;
	text-align: right;
	padding-right: 6px;
}

div.paging .right a,
div.paging .right span {
	margin-left: 1em;
}

#quatre-colonnes { width:100%; padding-top:10px; clear:both;}
#quatre-colonnes div { float:left; width:239px;}

/*-----------------------------------------------------
  CONTENU STATIQUE
------------------------------------------------------*/

#contenu.statique {
	font-size: 112%;
	padding-bottom: 2em;
	width:940px;
}

#contenu.statique h1 {
	font-size: 140%;
}
.statique h3{ font-size:1.8em; color:#2d7c9e;}

.statique h5{ font-size:1.6em; color:#696969; margin: 0 0 7px 0;font-family:Georgia, "Times New Roman", Times, serif;}

.statique h6{ font-size:1.6em; color:#000; margin: 0 0 .25em 0;font-family:Georgia, "Times New Roman", Times, serif;}

#colonne1 { float:left; width:435px; padding-right:20px;}

#colonne1 ul { list-style:disc; padding-right:10px; padding-left:10px; margin-top:10px; margin-left:10px;}

#colonne1 ul li { margin-bottom: 10px; list-style:disc;}

#colonne2 { float:left;}

#colonne3 { float:right; width:270px;}

#colonne3 ul { padding-right:10px; padding-top:20px; padding-bottom:15px; margin-top:10px; margin-left:10px; border-bottom:1px solid #e5e5e5; border-top:1px solid #e5e5e5;}

#colonne3 ul li { margin-bottom: 13px;}

#colonne3 li span { display:block; padding-left:22px;}

#colonne3 a.je-m-inscris { display:block; padding-left:22px; padding-bottom:2px; background:url(../images/icones/bonhomme.gif) no-repeat 0 0;}

#colonne3 a.je-feuillette { display:block; padding-left:22px; padding-bottom:2px; padding-top:1px; background:url(../images/icones/feuille-loupe2.gif) no-repeat 0 0;}

#colonne3 a.cart { display:block; padding-left:22px; padding-bottom:3px; background:url(../images/icones/Cart.jpg) no-repeat 0 0;}

#colonne4 { float:left; width:550px; padding-left:75px;}

#bottom-qui { clear:both; display:block;}

#bottom-qui p { display:block; padding-left:75px;}

/*  CATÉGORIES
------------------------------------------------------*/

h3.adaptation-scolaire strong { background: #767A7D; }
#quatre-colonnes div li a.adaptation-scolaire,
#navigation li a.adaptation-scolaire { color: #767A7D; }

h3.arts strong { background: #DE6100; }
#quatre-colonnes div li a.arts,
#navigation li a.arts { color: #DE6100; }

h3.des-sites-de-reference strong { background: #7E2271; }
#quatre-colonnes div li a.des-sites-de-reference,
#navigation li a.des-sites-de-reference { color: #7E2271; }

h3.developpement-professionnel strong { background: #006644; }
#quatre-colonnes div li a.developpement-professionnel,
#navigation li a.developpement-professionnel { color: #006644; }

h3.domaines-generaux-de-formation strong { background: #4FA006; }
#quatre-colonnes div li a.domaines-generaux-de-formation,
#navigation li a.domaines-generaux-de-formation { color: #4FA006; }

h3.aide-aux-devoirs strong { background: #C50027; }
#quatre-colonnes div li a.aide-aux-devoirs,
#navigation li a.aide-aux-devoirs { color: #C50027; }

h3.langues strong { background: #D49100; }
#quatre-colonnes div li a.langues,
#navigation li a.langues { color: #D49100; }

h3.l-art-de-naviguer-sur-internet strong { background: #9FAA00; }
#quatre-colonnes div li a.l-art-de-naviguer-sur-internet,
#navigation li a.l-art-de-naviguer-sur-internet { color: #9FAA00; }

h3.incontournable strong { background: #00A7D4; }
#quatre-colonnes div li a.incontournable,
#navigation li a.incontournable { color: #00A7D4; }

h3.le-parent-bien-informe strong { background: #57527E; }
#quatre-colonnes div li a.le-parent-bien-informe,
#navigation li a.le-parent-bien-informe { color: #57527E; }

h3.le-prof-banche strong { background: #C2510F; }
#quatre-colonnes div li a.le-prof-banche,
#navigation li a.le-prof-banche { color: #C2510F; }

h3.mathematique strong { background: #296DC1; }
#quatre-colonnes div li a.mathematique,
#navigation li a.mathematique { color: #296DC1; }

h3.prescolaire strong { background: #CE62A4; }
#quatre-colonnes div li a.prescolaire,
#navigation li a.prescolaire { color: #CE62A4; }

h3.science-et-technologie strong { background: #646822; }
#quatre-colonnes div li a.science-et-technologie,
#navigation li a.science-et-technologie { color: #646822; }

h3.univers-social strong { background: #007CA4; }
#quatre-colonnes div li a.univers-social,
#navigation li a.univers-social { color: #007CA4; }

/*  BONUS
------------------------------------------------------*/
.groupe-de-zones { width:750px;}
.zone { float:left; position:relative; width:240px; background:url(../images/carre-blanc-coins-ronds.gif) no-repeat 0 0;}
.zone img { display: block; height: 97px; margin-top:10px; margin-left:15px; background: url("../images/bkg-extra.jpg") no-repeat top left; padding: 1px 1px 9px 7px; }
.zone img.noshadow { margin-left:9px; background: none; padding: 0 0 4px; }
.zone .premiere-ligne { margin-left: 55px; margin-top: 0; font-weight:bold; }
.zone .premiere-ligne span { color: #888; }
.zone .infos { padding-top: 3px; }
.telechargement { background:url(../images/icones/fleche-verte-vers-le-bas.gif) no-repeat 100% 0; padding-right:10px;}
.pdf { background:url(../images/icones/pdf.gif) no-repeat 0 0; padding-left:21px;}

/*-----------------------------------------------------
  BARRE DE NAVIGATION
------------------------------------------------------*/
#navigation { float:right; width:250px; padding-left:30px; padding-top:23px;}
h4 { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:1.3em; margin-bottom:0.2em;}
#navigation ul,
#quatre-colonnes div ul { margin:0 0 0 5px; padding:0; list-style:none; }
#navigation li,
#quatre-colonnes div li { margin:0; padding:2px 0; height:24px; width:100%; overflow:hidden; }
#navigation li img,
#quatre-colonnes div li img,
#navigation table tr td img { vertical-align:middle;}
#navigation li a,
#quatre-colonnes div li a { color:#2D7C9E; font-size:1.2em;}

table { margin:0 0 0 -3px; padding:0;}
td { vertical-align:top; padding: 0 0 5px 0; text-align:left;}
td.rangee1 { width:23px;}
td a, td a:visited { font-size:1.2em; color:#2D7C9E; display:block; margin-left:8px;display:block; line-height:1;}
td p { font-size:1.2em; margin: 0 0 2px 8px; line-height:1.1;}


/*-----------------------------------------------------
  BAS DE PAGE
------------------------------------------------------*/
#bandeau {
	width: 100%;
	padding: 15px 0;
	clear: both;
}

#bandeau a {
	display: block;
	width: 728px;
	margin: 0 auto;
}

#pied-rouge { width:100%; height:100px; clear:both; background-color:#a20135; position:relative; padding:0;}
#pied-rouge #logo-1{ position:absolute; top:5px; left:10px;}
#pied-rouge #logo-2{ position:absolute; top:21px; right:10px;}

#pied-bleu { width:100%; height:35px; clear:both; background-color:#61c7c9; color:#fff; text-align:center; margin:2px 0 0 0; padding:0;}
#pied-bleu p { margin:0;padding:10px 0 2px 0;}
#pied-bleu p span { border-bottom:1px solid #99abb7;}
#pied-bleu p a { color:#fff;}