﻿.Col-Grand-Titre {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: 58ab27;
}
body{
	margin:0;padding:0;
	background:#E9DFC7 url(../img/back.gif) repeat-x;
	color:#8D6337;
	font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
	font-size:62.5%;
	text-align:center;
}


h1{
	margin:0;
	padding:0;
	font-size:medium;
}
h2.hidden
{
	visibility:hidden;
	display:none;
	
	}
h2,h3,h4,h5,h6{margin:0;padding:0;}

p{margin:0;padding: 0 0 1.5em 0;line-height:1.3em;}

a{color:#8D6337;}

.jaune{color:#FFF15E;}

.uppercase{text-transform:uppercase;}

.clearboth{
  clear:both;
  height:1px;
  overflow:hidden;
	display:block;
}

#page{
	width:776px;
	margin:0 auto;
	text-align:left;
	font-size:1.2em;
	position:relative;
	background:url(../img/back-page.gif) no-repeat;
}

#logos{
	/*text-align:center;*/
}
#logos img{
	margin:30px;
}

#pdf {
	background:url(/img/pdfIcon.jpg) right no-repeat;
	padding-right:30px;
	margin-left:10px;
}

#maf {
	float:right; padding-left:10px;
}

/*******************************************************************************
ENTETE
*******************************************************************************/
#entete{
	position:relative;
	background:#FFF;
	width:748px;
	margin:0 auto;
}

#entete h1{width:314px;height:92px;}
#entete h1 a{
	display:block;
	width:100%;height:100%;
}
#banniere {
	width:746px;
	height:60px;
	text-align:right;
	border:#000000 1px solid;
	background:#eace4a;
	position:relative;
	margin-bottom:2px;
	margin-top:1px;
}
#banniere a {
	display:block;
	width:100%;
	height:100%;
}


#bandeau{
	margin-top:2px;
	width:748px; height:102px;
}

#bandeau p{
	margin-left:350px;
	padding-top:25px;
	width:375px;
	color:#8B5E35;
	font-weight:bold;
	font-size:1.1em;
	line-height:1.3em;
}

#bandeau p span{
	color:#EA6A00;
	font-size:1.1em;
}

.bandeauMIT{	background:url(../img/bandeau/img_MIT.jpg) no-repeat;}
.bandeauLivres{	background:url(../img/bandeau/img_livres.jpg) no-repeat;}
.bandeauCalendrier{background:url(../img/bandeau/img_calendrier.jpg) no-repeat;}
.bandeauRDV{	background:url(../img/bandeau/enteteRDV.gif) no-repeat;}

#panier{
	position:absolute;
	right:0px;top:50px;
	width:125px;
}

#panier a{
	display:block;
	margin-top:5px;
	background:#FAEBE0 url(../img/icone_panier.gif) no-repeat;
	height:18px;
	padding-left:30px;
	font-size:0.9em;
	text-decoration:none;
	line-height:18px;
}

#panier a:hover{
	background:#FAEBE0 url(../img/icone_panier.gif) 0 -36px no-repeat;
}

#panierItems {
	margin-bottom:5px;
}
#panierItems h4{
	margin:20px 0 10px 0;
	background:#EEC7A1;
	font-size:1.2em;
	line-height:1.4em;
}
#panierItems label.nom{
	float:left;
	width:363px;
	padding-top:3px;
}
#panierItems label.type{
	float:left;
	width:100px;
	padding-top:3px;
	padding-left:5px;
	text-align:center;
}
#panierItems label.prix, #panierItems label.quantite, #panierItems label.total{
	float:left;
	width:85px;
	text-align:center;
	padding-top:3px;
}
#panierItems input{
	width:30px;
	text-align:center;
}
#panierItems input.ro{
	width:30px;
	text-align:center;
	border:none;
	border-width:0px;
}
#panierItems label.btnSupprimer{
	float:right;
	width:20px;
	padding-top:3px;
	padding-right:5px;
}
#panierItems label.updateItems{
	float:right;
	width:120px;
	text-align:center;
	
	
}
#panierItems label.updateItems a{
	display:block;
	margin-top:5px;
	height:18px;
	text-decoration:none;
	line-height:18px;
	border:#999999 1px solid;
	padding-top:2px;
	padding-bottom:2px;	
}
#confirmation {
	margin:10px;padding:0;
}

#confirmation ol {
	width:750px;
	text-transform:uppercase;
	font-size:0.8em;
}	
#confirmation fieldset {
	border-bottom:none;
}
#confirmation legend {
	font-size:1em;
	text-transform:uppercase;
}

#confirmation ol li{
	list-style:none;
	width:360px;
	float:left;

}
#confirmation input, #confirmation select {
	font-size:0.9em;
}
#confirmation select {
	width:206px;
}

#confirmation label{
	width:100px;
	text-align:right;
	padding-right:3px;
}
#confirmation .formLigne{
	width:375px;
}

/*******************************************************************************
CORPS
*******************************************************************************/
span.star {
	padding-left:3px;
	font-size:1em;
	font-style:italic;
	font-family:Arial, Helvetica, sans-serif;
	color:#FF0000;
}

#corps{
	background:#FFF;
	width:748px;height:1%;
	margin:0 auto;
}

#degrade{
	background:#EAE1CA url(../img/accueil/backinfo.gif) 0 0 repeat-x;
	overflow:hidden;
}

/**** Section Livres ****/
#colNouveautes, #colPromotion, #colInfo{
	background:#FFF;
	width:250px;
	float:left;
	display:inline;
	margin-right:2px;
	margin-bottom:-1000px;padding-bottom:1000px;
}

#colInfo{width:502px;}

#colCatalogue, #colInfo2, #colVigieThemes{
	background:#FFF;
	width:244px;
	float:left;
	display:inline;
	margin-bottom:-4000px;padding-bottom:4000px;
}

#colInfo2 a, #colVigieThemes a{
	font-size:0.9em;
	color:#8D6337;
}

#colNouveautes h2, #colPromotion h2, #colCatalogue h2, #colInfo h2, #colInfo2 h2, #colVigieThemes h2{
	background:url(../img/accueil/bande_onglet.jpg) repeat-x;
	padding-left:10px;
	height:27px;
	color:#FFF;
	line-height:27px;
	font-size:1em;
}

#list-entete{
	background:url(../img/accueil/bande_onglet.jpg) repeat-x;
	height:27px;
	margin:0;padding:0 0 0 10px;
}

#list-entete li{
	list-style:none;
	margin:5px 0 0;padding:0;
	float:left;
	width:170px;height:22px;
	text-align:center;
	font-weight:bold;
}

#list-entete li.actif{background:url(../img/fond_onglet.gif) no-repeat;}

#list-entete li a{
	line-height:22px;
	text-decoration:none;
	color:#FFDDB4;
}

#list-entete li.actif a{color:#FC8B00;}

.infoLivre{
	margin:10px;
	padding-bottom:10px;
	border-bottom:1px solid #F4F1ED;
}



.plusInfo .infoLivre{
	margin:10px 0;
	border-bottom:1px solid #FFDC92;
}

.infoLivre h3{padding-bottom:5px;font-size:1em;}

.infoLivre h3 a{
	text-decoration:none;
	color:#8D6337;
}

.infoLivre h3 a:hover{text-decoration:underline;}

.infoLivre .imgBox {
	width:150px;
	float:left;
}
.infoLivre .imgBoxGroup {
	width:600px;
	float:left;
	height:100px;
}

.infoLivre .imgLivre{
	width:59px;height:73px;
	margin-right:5px;
	background:#EEE8E3;
	overflow:hidden;
	float:left;
	border:000000 1px solid;
	text-align:center;
}

.infoLivre .auteur{
	padding-left:64px;
	font-size:0.9em;
}

.infoLivre .auteur a{	color:#8D6337;}

.plusInfo .infoLivre .auteur{	padding:0 0 5px 0;}

.infoLivre .annee{
	font-size:0.9em;
	font-weight:bold;
	padding-left:64px;
}

.infoLivre .description, .infoLivre .satisfaction{
	padding:10px 0 0 64px;
	font-size:0.9em;
}

.plusInfo .infoLivre .description{padding:0;}

.infoLivre .prix{
	font-size:1.2em;
	line-height:1.2em;
	font-weight:bold;
	position:absolute;
	margin:8px 20px 0 0;
	padding-left:64px;
}


.plusInfo .infoLivre .prix{padding-left:0;}

.infoLivre .savoirplus{
	padding-left:125px;
	background:url(../img/fleches/rollover_fleche.gif) 125px -13px no-repeat;
}

.infoLivre .savoirplus a{
	display:block;
	margin-top:10px;
	background:url(../img/fleches/rollover_fleche.gif) 0 3px no-repeat;
	padding-left:10px;
	color:#8D6337;
	text-decoration:none;
	font-size:0.9em;
}

.infoLivre .savoirplus a:hover{	background:none;}

.infoLivreInt{
	margin:10px;
	padding-bottom:10px;
}

.infoLivreInt .bigImgLivre{
	width:122px;
	margin-right:15px;
	background:#FFFFFF;
	overflow:hidden;
	border:000000 1px solid;
	text-align:center;
	float:left;

}

.infoLivreInt .ColImgBigLivre{
	width:122px;
	margin-right:15px;
	background:#FFFFFF;
	border:000000 1px solid;
	text-align:center;
	position:fixed;
}


.infoLivreInt .infoContenu{
	clear:left;
	float:left;
	width:129px;
	text-align:center;
}

.infoLivreInt .infoContenu a{
	color:#8D6337;
	font-size:0.9em;
	padding-top:10px;
	display:block;
}

.infoLivreInt h3{
	font-size:1.4em;
	padding-left:144px;
}

.infoLivreInt .infoLivreContenu{padding-left:0px;margin-bottom:15px;color:#BAA48D;}
.infoLivreInt .infoLivreContenuHappening{
	padding-left:144px;
	margin-bottom:15px;
	color:#BAA48D;
	display:block;
	}

.infoLivreInt .infoLivreContenu a{color:#BAA48D;}

.infoLivreInt .resume{
	padding-left:144px;
	line-height:1.6em;
	margin-bottom:15px;
}

.infoLivreInt .prix, .infoLivreInt .prixMembre{
	font-size:1.1em;
	font-weight:bold;
	padding-left:144px;
}

.infoLivreInt .prixMembre{
	color:#FC8B00;
	margin-bottom:10px;
}

.prixBarre{
	font-size:1.1em;
	font-weight:bold;
	padding-left:144px;
	text-decoration:line-through;
}

.prixPromoLivres
{
	color:#FF0000;
	margin-bottom:10px;
	margin-top:10px;
	padding-left:144px;
	font-size:14px;
	font-weight:bold;
}

.infoLivreInt .ajoutPanier{
	padding-left:144px;
	text-align:right;
}

.infoLivreInt .ajoutPanier a{
	background:url(../img/fleches/rollover_fleche.gif) 0 3px no-repeat;
	padding-left:10px;
	color:#8D6337;
	text-decoration:none;
	font-size:0.9em;
	font-weight:bold;
}

.infoLivreInt .ajoutPanier a:hover{	background:url(../img/fleches/rollover_fleche.gif) 0 -13px no-repeat;}

.infoLivreInt .description{
	padding-left:144px;
	margin-top:20px;
}

#recherche, #repertoireCategories, .plusInfo{
	margin-top:5px;
	padding:5px 10px 30px 10px;
	background:#FEF7C1 url(../img/degrade_fondboite.jpg) repeat-x;
}

#recherche h3, #repertoireCategories h3{
	padding-bottom:5px;
	font-size:1em;
}

#recherche p, #repertoireCategories p{
	padding:0 5px 10px;
	font-size:0.9em;
}

#recherche form{
	margin:0;padding:0 5px;
	position:relative;
}
#recherche form input{width:150px;height:15px;}

#recherche form a{
	background:url(../img/fleches/btn_fleche.jpg) no-repeat;
	width:19px;height:19px;
	display:block;
	position:absolute;
	top:1px;left:170px;
}

#repertoireCategories ul{margin:0 5px;padding:0;}

#repertoireCategories ul li{
	list-style:none;
	float:left;
	display:inline;
	width:104px;
	margin:0 3px 2px 0;
	border-bottom:1px solid #b6983e;
}

#repertoireCategories ul li a{
 	background:#fff28c url(../img/fleches/fleche-jaune.gif) 5px 5px no-repeat;
	display:block;
	padding:2px 3px 2px 15px;
	font-size:0.9em;
	text-decoration:none;
	color:#b6983e;
	height:45px;
}

#repertoireCategories ul li a:hover{background:#fff28c url(../img/fleches/fleche-brune.gif) 5px 5px no-repeat;}

#repertoireCategories ul li#tousLivres{
	clear:both;
	width:211px;
	text-align:center;
}

#repertoireCategories ul li#tousLivres a{padding:2px 0;	background:#ffce72; height:15px}

/**** Contenu 1 colonne ****/
#colContenu h2{
	background:url(../img/accueil/bande_onglet.jpg) repeat-x;
	padding-left:10px;
	margin-bottom:30px;
	height:27px;
	color:#FFF;
	line-height:27px;
	font-size:1em;
}

#colContenu p{margin:0 20px;}

#colContenu p.plus{
	text-align:right;
	margin-left:5px;
}
#colContenu p.plus a{
	color:#8D6337;
	font-size:0.9em;
}
#colContenu ul{	margin:0;padding:0 20px 1.5em 50px;}

#colContenu ul li{
	list-style:dics;
	padding-bottom:5px;
	/*padding:0 0 10px 10px;
	background:url(../img/fleches/fleche-brune.gif) 0 4px no-repeat;*/
}



ul.navigation{
	margin:20px 20px 0 0;padding:0;
	border-bottom:1px solid #F4F1ED;
	height:20px;
}

ul.navigation li{
	float:right;
	display:inline;
	margin-left:5px;
}
ul.navigation li.choix{
	background:#FC8B00;
	margin-left:5px;
	float:right;
	display:inline;
}

ul.navigation li a{
	color:#8D6337;
	font-size:0.9em;
}

/*** contenu avec un sous menu ***/
#contenu3Niveau{padding-left:200px;}

#colContenu #listeActualites, #colContenu #listeRevue{	margin:0;padding:0;}

#colContenu #listeColloque{	margin:0;padding:0 0 0 20px;}

#colContenu #listeActualites li, #colContenu #listeRevue li, #colContenu #listeColloque li{
	list-style:none;
	background:none;
	border-bottom:1px solid #F4F1ED;
	padding:0 0 10px;
	margin: 0 20px 10px 0;
}

#colContenu #listeRevue li h3{font-size:1.2em;}
#colContenu #listeColloque li h3{font-size:1.3em;}
#colContenu #listeColloque li h3 span{
	display:block;
	font-size:0.8em;
	font-weight:normal;
}


#colContenu #listeActualites li h3{
	font-size:1em;
	font-weight:normal;margin:0;
}

#colContenu #listeActualites li h3 a{
	text-decoration:none;
	font-size:1.4em;
	font-weight:bold;
}

#colContenu #listeActualites li h3 a:hover{text-decoration:underline;}

#colContenu #listeActualites li p, #colContenu #listeRevue li p{
	padding:5px 20px 0 0;
	margin:0;
}
#colContenu #listeColloque li p{
	padding:10px 20px 0 0;
	margin:0;
}

#colContenu #contenu3Niveau .date{font-size:0.9em;margin:0;}

#colContenu .date{font-size:0.9em; margin-left:20px;}

#colContenu h3{
	font-size:1.4em;
	margin:0 0 10px 20px;
}

#colContenu #contenu3Niveau h3{
	font-size:1.4em;
	margin:0 0 10px 0;
}

#colContenu #contenu3Niveau p{	margin-left:0;}

/*** calendrier ***/

table.calendrier{
	float:left;
	display:block;
	margin:40px 20px 0 0;
}

table.calendrier th{
	background:#EBE3DD;
	color:#B6A088;
	width:20px;height:20px;
	text-align:center;
	text-transform:uppercase;
}

table.calendrier th.mois{
	background:#FC8B00;
	text-align:center;
	color:#FFF;
	text-transform:none;
}

table.calendrier td{
	background:#FFF39D;
	height:20px;
	text-align:center;
	color:#FC8B00;
}

table.calendrier td.actif{background:#FC8B00;}
table.calendrier td.actif2{background:#7d0849;}




table.calendrier td.actif a,table.calendrier td.actif2 a{
	font-weight:bold;
	color:#FFF;
	text-decoration:none;
	display:block;
}

#flecheg, #fleched{
	margin:40px 15px 0 0;
	width:50px;height:150px;
	float:left;
	background:url(../img/fleches/fleche_precedente.gif) 50% no-repeat;
	position:relative;
}

#fleched{
	margin-right:0;
	width:45px;
	background:url(../img/fleches/fleche_suivante.gif) 50% no-repeat;
}

#flecheg a,#fleched a{
	position:absolute;
	top:69px;
	left:22px;
	width:7px;
	height:13px;
	display:block;
}

#contenuFormation{margin:20px 0 0 10px;}

#contenuFormation ul{padding:0 0 0 2px;}

#contenuFormation ul li{
	list-style:none;
	padding-bottom:5px;
}

#contenuFormation ul li a{
	margin-left:10px;
	text-decoration:none;
}

#contenuFormation ul li a:hover{
	text-decoration:underline;
}

p.rss{
	background:url(../img/picto_fil.gif) no-repeat;
	padding-left:20px;
	margin-top:30px;
}

/*** formulaire mentor ***/
#formMentor{margin:10px 20px;}

fieldset{
	border:none;
	border-bottom:1px solid #F4F1ED;
	padding-bottom:20px;
	margin-bottom:20px;
}

legend{
	font-weight:bold;
	font-size:1.1em;
	margin-left:-10px;
	margin-bottom:10px;
}

.formLigne, .formLigne2, .formLigne3, .formLigne4{margin-bottom:5px;}

.formLigne label, .formLigne2 label{
	float:left;
	width:160px;
	padding-top:3px;
}
.formLigne4 label, .formLigne3 label{ margin-right:10px;}

.formLigne input, .formLigne3 input{width:200px;}

.formLigne textarea{width:200px;height:75px;}

.formLigne .prefixe{width:50px;margin-right:10px;}

form ol{
	margin:0;padding:0;
	width:600px;
}

form ol li{
	list-style:none;
	width:300px;
	float:left;
}

.formText label{	display:block;}

.formText textarea{
	width:500px;height:100px;
	margin-bottom:10px;
}

.formBtn{margin:20px 0;text-align:center;}

/*** programmtion du forum ***/
#legende{
	border:1px solid #FC8B00;
	padding:10px;
	width:470px
}
#legende ul{margin:0;padding:0;width:450px;}
#legende ul li{
	list-style:none;
	float:left;
	width:225px;
	background:none;
	padding:0 0 3px;
	font-size:0.9em;
}

h4{
	margin:20px 20px 10px 0;
	padding:5px 15px;
	background:#EEC7A1;
	font-size:1.2em;
	line-height:1.4em;
}

h4 span{
	float:right;
	font-size:1.3em;
	color:#FC8B00;
}

.small{	font-size:0.9em;}
.orange{color:#FC8B00;}

#pagesmProjetsPedagogiques2-2 ol li p{padding-bottom:10px;}
#pagesmProjetsPedagogiques2-2 ol{padding-left:35px;}

#pagesmProjetsPedagogiques2-2 ol li{padding-bottom:20px;}

.forumProg{	margin-left:15px;}

/*** Colloque Annuel ***/
#pagesmColloqueAnnuel1-1 #colContenu h3{font-size:1.6em;}

#pagesmColloqueAnnuel1-1 #colContenu ul.prog{
	margin:0 20px 0 0;padding:0;
	float:left;
}

#pagesmColloqueAnnuel1-1 #colContenu ul.prog li{
	clear:left;
	background:none;
	padding:0 0 10px;
	margin-top:10px;
	border-bottom:1px solid #F4F1ED;
}

#pagesmColloqueAnnuel1-1 #colContenu ul.prog li .col1{
	float:left;
	width:75px;
}

#pagesmColloqueAnnuel1-1 #colContenu ul.prog li .col1 strong, #pagesmColloqueAnnuel1-1 #colContenu ul.prog li .col1 img{
	display:block;
	margin-bottom:10px;
}

#pagesmColloqueAnnuel1-1 #colContenu ul.prog li .col2{padding-left:75px;}

#pagesmColloqueAnnuel1-1 #colContenu ul.prog li .col2 h4{
	background:#FFF;
	font-size:1.2em;
	line-height:1.2em;
	padding:0;margin:0;
	color:#FC8B00;
}
#pagesmColloqueAnnuel1-1 #colContenu ul.prog li .col2 h5{
	background:#FFF;
	font-size:1em;
	line-height:1em;
	font-weight:normal;
	padding:0;margin:0 0 10px;
	color:#FC8B00;
}

#pagesmColloqueAnnuel1-1 #colContenu ul.prog li .col2 p{
	margin:0;padding:0;
}
.tableau_donnees {
	margin:0 10px 1em 0;
	padding:0;
	width:600px;
	border-collapse:collapse;
	border:1px solid #efc8a2;
}

.tableau_donnees th {
	margin:0;
	padding:8px 4px;
	background-color:#efc8a2;
	font-weight:bold;
	text-align:left;
}

.tableau_donnees td {
	margin:0;
	padding:4px;
	border-bottom:1px solid #efc8a2;
}

.tableau_donnees tr.impair td {
	background-color:#fdf7f1;
}



/*******************************************************************************
PIED
*******************************************************************************/

#pied{
	background:#E9DFC7 url(../img/bas.gif) no-repeat;
	padding-top:15px;
}

#pied ul{
	margin:0;padding:0 20px;
	height:30px;
}

#pied ul li#copyright{
	color:#CFBCA4;
	font-size:0.9em;
	float:left;
	list-style:none;
}

#pied ul li#realisation{
	list-style:none;
	font-size:0.9em;
	float:right;
	color:#CFBCA4;
}
#pied ul li#realisation a{color:#CFBCA4;}

#pied ul li#realisation a:hover{color:#8D6337;}
.Mentorat-Texte {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	cursor: text;
	line-height: 18px;
}
.Mentorat-GrandTitre {
	font-family: Lucida Sans Unicode,Arial;
	font-size: 18px;
	font-weight: normal;
	color: #666666;
	line-height: 25px;
}
.Mentorat-Puce {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #000000;
	list-style-position: outside;
}
.Mentorat-Source {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	cursor: text;
	line-height: 18px;
}
.Mentorat-SousTitre {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	line-height: 20px;
}
.Mentorat-Tableau {
	background-color: ff9900;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 14px;
}
.bandeauForum {
	background-image: url(../img/bandeau/Forum2010.jpg);
	background-repeat: no-repeat;
}
.bandeauMentores {background:url(/fr/mentorat-affaires/images/entete-mentores.jpg) no-repeat;}

