@import url('../menu_tpl/css/menu.css');
@import url('../../css/actualites.css');
@import url('../../elem_produit/css/produit.css');
@import url('search.engine.css');
@import url('survol.css');

/*

Css Editions SED , Themes Elementaire

*/


body{
background-color:#ffffff;
margin-top: 0px;
margin-bottom: 0px;
margin-left: 0px;
margin-right: 0px;
margin: 0; /* pour éviter les marges */
text-align: center; /* pour corriger le bug de centrage IE */
font-family: Trebuchet MS,sans-serif;
font-size: 80%;
scrollbar-arrow-color: #A0B203;
scrollbar-track-color: #EEF3B6;
scrollbar-shadow-color:#EEF3B6;
scrollbar-face-color:#EEF3B6;
scrollbar-highlight-color:#EEF3B6;
scrollbar-darkshadow-color:#EEF3B6;
scrollbar-3dlight-color:#EEF3B6;

}
#main{
margin-top: 1%;
position: relative; /* on positionne le conteneur */
margin-left: auto;
margin-right: auto;
width : 1024px;
height : 800px;
text-align: left;
}
#onglet-rech-rapide {
position:absolute;
left:18px;
top:354px;
width:91px;
height:28px;
}
#onglet-rech-avancee {
position:absolute;
left:109px;
top:354px;
width:109px;
height:28px;
}

#onglet-art {
	position 		: absolute;
	top 			: 195px;
	left 			: 870px;
	font-weight 	: bold;
	text-decoration : none;
	color 			: blue;
	}

#product_link {

	text-decoration : none;
	color 			: color: #5286a6;

	}


/*Résultats moteur de recherche*/

h2#name,
h2#name a
{
font-size:12pt;
color : #73a652;
width: 600px;
text-decoration :none;
}


h2#nom_produit{
font-size:12pt;
color: #5286a6;
}

img.img_recherche{
text-align: left;
padding:1ex;
margin-top: 30px;
}

hr.ligne_recherche{
color: #B9CA21;
background-color: #B9CA21;
height: 2px;
border: 0;
width: 600px;
text-align: left;
}

#objec {
color: #5286a6;
font-size : 15px;
font-weight : bold;
}

#bandeau {
position:absolute;
left:20px;
top:11px;
width:995px;
height:88px;
background-image: url("../images_css/bandeau.gif");
}
/*Caler le menu flash vers la droite*/
div#bandeau object, div#bandeau param{
margin-bottom: 0;
float: right;
}
/*Faire cohabiter le logo et le menu Flash */
div#bandeau img{
float: left;
margin:auto;
}


span.pathway{
    font-size: 10px;
    position:absolute;
    top: 0;
    height: 10px;
}
span.pathway a{
	color:#000000;
	text-decoration:underline;
}

#titre-vientdeparaitre {
    position:absolute;
    left:220px;
    top:144px;
    width:665px;
    height:46px;
    padding-top: 0px !important;
    padding-top: 10px;
}

div#titre-vientdeparaitre h2{
    height:36px;
    margin-top:20px;
    position:absolute;
    top: 63;
}



#decouvrir {
position:absolute;
left:20px;
/*top:137px;*/
top: 147px;
width:200px;
height:217px;
z-index: 2;

}

#vient-de-paraitre a, #vient-de-paraitre a:hover, #vient-de-paraitre a:visited{
text-decoration: none;
color: #5286a6;
}
#detail_pro a {
color: #5286a6;
}

/**************************************/
#vient-de-paraitre {
position:absolute;
left:220px;
top:195px;
width:665px;
height:280px;
padding:0;
margin:0;
}
span.pathway{
font-size: 10px;
display:block;
position:absolute;
top: 0;
height: 10px;
}
span.pathway a{
	color:#000000;
	text-decoration:underline;
}

#titre-vientdeparaitre {
position:absolute;
left:220px;
top:144px;
width:665px;
height:46px;
padding-top: 0px !important;
padding-top: 10px;
}

div#vient-de-paraitre a{
	font-size: 12px;
}
div#vient-de-paraitre #titre_produit{
	font-weight: bold;
}


div#vient-de-paraitre table#latest_prod{
position:absolute;
top: 0;
margin-left: 13px;
width : 643px;
}

div#vient-de-paraitre div.moduletable table.unproduit{
height: 250px;
}
div#vient-de-paraitre td.untiers{
padding:0;
width : 33%;
text-align : left;
}

div#vient-de-paraitre td.untiers #nom_collection,
div#vient-de-paraitre td.untiers #nom_collection a,
div#vient-de-paraitre td.untiers #nom_collection a:link,
div#vient-de-paraitre td.untiers #nom_collection a:hover,
div#vient-de-paraitre td.untiers #nom_collection a:visited
{
color: #c0c0c0;
font-size: 11px;
}

#titre-actualites {
position:absolute;
left:220px;
top:462px!important;
top:471px;
width:279px;
height:49px;
}

#votre-delegue-peda {
position:absolute;
left:499px;
top:462px!important;
top:471px;
width:386px;
height:49px;
}

#actualites {
position:absolute;
left:220px;
top:520px;
width:279px;
height:161px;
}

#image-delegue-peda {
position:absolute;
left:499px;
top:510px;
width:386px;
height:161px;
}
/**************************************/


tr.images_produits{
height: 120px;
}
tr.images_produits td a img{
text-align:center;
margin:auto;
}
tr.infos_produits{
height: 30px;
}

#detail_pro2 {
color : #B75703;
}


#detail_pro{
font-family : Helvetica;
position:absolute;
left: 220px;
top:140px;
width:675px;
color: #797B7C;
}




#case-boutons {
position:absolute;
left:889px;
top:144px;
width:122px;
height:42px;
margin-right: 1px;
padding-right : 1px;
text-align :right;
}
#case_boutons img{
padding-right: 1em;
}





input#titre{
	background-image : url("../images_css/bg_input.gif");
	width            : 113px;
	height           : 15px;
	border           : 0;
	margin-left      : 30px;
	position 		 : absolute;
	top 			 : 40px;
	left 		     : -5px;
}
/* Texte dans les formulaires   */
#rechpar {
	color 		: #7AB1D0;
	size  		: 11px;
	font-weight : bolder;
	position 	: absolute;
	top 		: 20px;
	left 		: 25px;
	width : 100px;
}
#t_nouvo {
	color 		: #7AB1D0;
	size  		: 11px;
	font-weight : bolder;
	position 	: absolute;
	top 		: 150px;
	left 		: 35px;
}
#t_ext {
	color 		: #7AB1D0;
	size  		: 11px;
	font-weight : bolder;
	text-align  : left;
	position 	: absolute;
	top 		: 150px;
	left 		: 115px;
	width 		: 100px;
}

/*       Fin    */

#tab-product
{
width : 250px;
}


a img {border: 0;}

pre {
color : #000000;
text-align : left;
font-size : 14px;
font-weight: bold;
}

/*Focus col droite*/
#fond-focus {
position:absolute;
left:885px;
top: 210px;
width:130px;
height:438px;
background-image: url("../images_css/motif_focus.gif");
z-index:1;
text-align:center;
}
#onglet-focus {
position:absolute;
left:885px;
top:175px;
width:130px;
height:37px;
z-index:2;
}

#focus_show {
margin-left: 8px;
width:110px;
z-index:1;
text-align:center;
overflow:auto;
font-size:8pt;
padding-top: 20px;
}
#focus_show a{
	text-decoration:none;
	color: #5286a6;
}
#same_show {
position : absolute;
left : 644px;
top : 107px;
width : 145px;
border : 0px;
height : 287px;
overflow : scroll;

}

#motif-focus {
position:absolute;
left:887px;
top:212px;
width:130px;
height: 440px;
background-image: url("../images_css/motif_focus.gif");
background-repeat: repeat-y;
}

#bas-focus {
position:absolute;
left:885px;
top: 648px;
width:130px;
height:22px;
z-index:1;
}
/*Pour que le texte soit dans le vert*/
#motif-focus *{
margin-left: 17px;
margin-right : 10px;
}
/*Pour que le bas soit aligné avec le haut du focus*/
#motif-focus img.bas_focus{
position: absolute; /*Trucage pour que sous MSIE le bas focus soit tout en bas*/
margin-left: 0;
bottom: 0;/*Trucage pour que sous MSIE le bas focus soit tout en bas*/
}


div.fond-avancee {

	position		: relative;
	left			: 20px;
	top				: 382px;
	width			: 200px;
	height			: 167px;
	background-image: url("../images_css/fond_avance.gif");
	text-align		: left;
	font-size		: 80%;
	display 		: block;
}

div.fond-avancee2 {

position:relative;
left:20px;
top:382px;
width:200px;
height:167px;
background-image: url("../images_css/fond_rapide.gif");
text-align: left;
font-size: 80%;
}

#bas_recherche {

position:relative;
left:0px;
top:20px;

}

div.fond-avancee-fond {

position : absolute;
top 	 : 565px;
left 	 : 26px;

}


div.fond-avancee *, div.trier-par *{

margin-left : 20px;

}
div.fond-avancee select {
width:150px;
margin-left: 0;
font-size: 100%;
}

div.fond-avancee2 select {

margin-left : 20px;
width:150px;
font-size: 100%;

}

div.fond-avancee option {

margin-left : 20px;

}
div.fond-avancee input#text,div.fond-avancee2 input#text{

margin-left: 20px;
font-size: 100%;
width : 150px;
}

div.fond-avancee input,div.fond-avancee2 input{
margin-left: 20px;
font-size: 100%;
}

div.trier-par {
position:absolute;
left:20px;
top:549px;
width:200px;
height:128px;
background-image: url("../images_css/trier_par.gif");
text-align: left;
font-size: 80%;
}
input#bouton-rechercher{
background-image: url("../images_css/bouton_valider.gif");
width:70px;
height:21px;
border :0;
cursor: pointer;
margin-left: 20px;
}






/*Titres de la page d'accueil*/
div#votre-delegue-peda h2,
div#titre-actualites h2,
div#titre-vientdeparaitre h2
{
	background-image : url("../images_css/shape.gif");
	background-repeat: no-repeat;
	background-position: top left;
	padding-left: 15px;
	padding-top: 7px;
	color: #8bc6ea;
	height: 39px;
	font-size: 14pt;
}

/*Liens d'actus qui doivent être dans le ton de la rubrique*/
#actualites a,
#actualites a:link,
#actualites a:hover
{
color: #8bc6ea;
font-weight: bold;
}
/*Extraits à télécharger*/
.extrait
{
margin-left: 10px;
}
.extrait a:link,
.extrait a:hover,
.extrait a
{
color: #8bc6ea;
text-decoration:underline;
}





/*
* Bas de la page.
*/

#adresse-sed
{
	position:					absolute;
	left:						215px;
	top:						684px;
	color:						#888888;
	font-size:					11px;
}

#plan-du-site
{
	position:					absolute;
	top:						684px;
	left:						795px;
	color:						#888888;
	font-size:					11px;
	z-index:					4;
}

#plan-du-site a
{
	color:						#888888;
	font-size:					11px;
	text-decoration:			none;
}

/*Décalage du moteur de recherche vers le bas */

div.buttonfast
{
	position:				absolute;
	left:					032px;
	top:					363px;
}

div.buttonadvanced
{
	position:				absolute;
	left:					115px;
	top:					363px;

}

/*
* Mise en place des principaux blocs du moteur de recherche.
*/

div.methodadvanced
{
	position:				absolute;
	left:					030px;
	top:					361px;
}

div.methodfast
{
	position:				absolute;
	left:					030px;
	top:					361px;
}

div.optionsadvanced
{

	position:				absolute;
	left:					030px;
	top:					390px;
}

div.optionsfast
{
	position:				absolute;
	left:					030px;
	top:					390px;
}

div.optionssorting
{
	position:				absolute;
	left:					030px;
	top:					580px;
}
hr.article_seperator
{
	clear: both;
	width: 90%;
	border: 0; /* enleve toute bordure */
	border-bottom: 1px #5286a6 dashed; /*a la couleur bleue*/
	height: 1px; /* pour IE */
}

/** Bas de la page.*/


#adresse-sed
{
	position:					absolute;
	left:						215px;
	top:						684px;
	color:						#888888;
	font-size:					11px;
}


#adresse-sed a
{
	color:						#888888;
	font-size:					11px;
	text-decoration:			underline;
}

/** Bas de la page pour la présentation de projet*/

#adresse-sed-bas
{
	color:						#888888;
	font-size:					11px;
}

#plan-du-site-bas
{

	color:						#888888;
	font-size:					11px;

	z-index:					4;
}

#plan-du-site-bas a
{
	color:						#888888;
	font-size:					11px;
	text-decoration:			underline;
}

table#pied-bas{
	width:600;
	color:						#888888;
	font-size:					11px;
}
table#pied-rigide{
	width:600;
	color:						#888888;
	font-size:					11px;

}



/*Particularités de la fiche produit pour cette catégorie*/
td#spec h2,
p.obj,
td#onglet-p-bas-panier a,
h2#nom_produit,
div.objectif h3,
span.extrait a,/*Extraits à télécharger*/
div#onglet-p-fond-collection,
div#product_link a
{
color: #5286a6;
}
hr.produit{
border-bottom: 1px #5286a6 solid; /* une seule bordure (sinon firefox met une bordure en haut ET en bas mais pas IE */
}