/* Caractéristiques générales communes à toutes les pages ----- */
*{margin:0; padding:0; border:0;}

.gras{font-weight:bold;}
.italique{font-style:italic;}
.souligne{text-decoration:underline;}
.tpetit{font-size:70%;}
.petit{font-size:90%;}
.grand{font-size:120%;}
.tgrand{font-size:140%;}
.textcenter{text-align:center;}
.textleft{text-align:left;}
.textright{text-align:right;}
.blanc{color:#fff;}
.left{float:left;}
.right{float:right;}
.both{clear:both;}
.none{display:none;}

/* ---------- Références couleurs ---------- */
.ae, .ep, a.ae, a.ep{color:#db011c;}
.aebg, .epbg{background-color:#db011c;}
.ai, a.ai{color:#005981;}
.aibg{background-color:#005981;}
.li, a.li{color:#0033b2;}
.libg{background-color:#0033b2;}
.st, a.st{color:#8dbd00;}
.stbg{background-color:#8dbd00;}
.au, a.au{color:#adb2b7;}
.aubg{background-color:#adb2b7;}
.gris, a.gris{color:#0F1113;}
a.blanc{color:#fff;}
/* ---------- Balises ---------- */
body{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
line-height:150%;
color:#000;
text-align:center;
background-color:#EEE;
}
#centrage {
width:960px;
margin:0 auto;
text-align:left;
position:relative;
border-right:10px solid #e1e3e3;
border-left:10px solid #e1e3e3;
background-color:#FFFFFF;
/* color:#0F1113; */
color:#000000;
clear:both;
z-index:1;
}
a:link, a:visited{
text-decoration:none;
}
a:hover, a:active{
text-decoration:underline;
}
a{color:#db011c;}
h1{
font-size:14px;
}
h2{
font-size:12px;
}
/* 
h2.web{
background-image:url(../pics/specialweb.gif);
background-position:left top;
background-repeat:no-repeat;
padding-left:80px;
height:15px;
}
html>body h2.web{
height:auto;
}
*/
h3{
font-size:12px;
}
ul{
list-style:none outside none;
}
td{
vertical-align:top;
}
td.bottom{
vertical-align:bottom;
}
/* ---------- Formulaires ---------- */
input.champ{
border:1px inset #CCC;
width:157px;
height:13px;
font-size:11px;
padding:1px 2px;
}
select {
border:1px inset #CCC;
font-size:10px;
width:145px;
}
input.radio{
margin:0 -4px -3px -4px;
}
html>/**/body input.radio{
margin:0 -2px -3px 0;
}
input.checkbox{
margin:0 -1px -2px -3px;
}
html>/**/body input.checkbox{
margin:0 2px 0 0;
}
select.mois{
width:90px;
font-size:10px;
}
select.annee{
width:50px;
font-size:9px;
}
select.numero{
width:155px;
font-size:9px;
}
/* ---------- En tete ---------- */
img#logo{
margin:0 10px 5px 0;
}
/* ---------- Thématiques ---------- */
ul#thematiques{
border-top:3px double #898e93;
border-bottom:3px double #898e93;
height:25px;
background-color:#898e93;
margin-bottom:7px;
}
html>/**/body ul#thematiques{
height:27px;
border-top:2px groove #FFF;
border-bottom:3px double #FFF;
}
ul#thematiques li{
float:left;
padding:0 6px;
}
ul#thematiques li div{
position:absolute;
background-color:#fff;
border:1px solid #0F1113;
margin-top:23px;
display:none;
padding:5px;
width:200px;
z-index:101;
}
ul#thematiques li:hover div{
display:block;
}
ul#thematiques li.premier{
float:left;
padding:0 1px 0 0;
background-color:#FFFFFF;
}
ul#thematiques li.liae{
float:left;
/*padding:0 3px;*/
padding:0 0px;
margin:0 3px;
}
ul#thematiques li img{
margin-bottom:-3px;
}
/* ---------- Navigation et recherche ---------- */
ul#navigation{
    background-image:url(../pics/fond-nav.gif);
    background-repeat:repeat-x;
    height:43px; /* MSIE */
    font-weight:bold;
    padding-left:10px;
    color:#db011c;
    width:645px;
}
html>/**/body ul#navigation{
  height:50px; /* F.Fox */
}
ul#navigation a, div#recherche a{
  color:#FFFFFF;
}
ul#navigation li{
  float:left;
  padding:5px 8px 0 0;
  
}

ul#navigation li#boutique a{
  color:#FFD057;
  font-size:110%;
  text-decoration:none;
}

ul#navigation li#boutique a:hover, ul#navigation li#boutique:hover{
  color:#FFFC11;
  text-decoration:none;
}

ul#navigation li#boutique-on a{
  color:#FFFC11;
  font-size:110%;
  text-decoration:none;
}

ul#navigation li.on{
    background-image:url(../pics/fond-nav-on.gif);
    background-repeat:repeat-x;
    background-position:right 0;
    margin-right:5px;
    position:relative;
    z-index:2;
	padding-right:10px;
}
ul#navigation li.on img{
margin-top:-5px;
}
ul#navigation li.on span{
top:-16px;
position:relative;
}
div#recherche{
width:290px;
background-image:url(../pics/fond-rech.gif);
background-repeat:repeat-x;
height:26px;
padding-left:10px;
color:#FFFFFF;
float:right;
}
div#recherche input.champ{
width:250px;
}
input.loupe{
position:relative;
top:4px;
}

/* ---------- Corps ---------- */
div#corps {
/*background-color:#CC0000;*/
position:relative;
margin:0;
z-index:1;
clear:both;
padding-bottom:15px;
}
div#corps.navon {
margin-top:-11px;
}
html>body div#corps.navon {
margin-top:-4px;
}
html>/**/body div#corps.navon {
top:-14px;
}
	/* ---------- Contenu ---------- */
	table#calage{
	position:relative;
	z-index:400;
	}
	td#contenu{
	background-repeat:no-repeat;
	padding:15px 10px 0 8px;
	width:100%;
	position:relative;
	z-index:200;
	}
	/* tag-box */
	td#contenu #tag-box {
		padding:0 28px 0 17px;
		overflow:hidden;
		margin:10px 0 0;
	}
	td#contenu #tag-box-mini {
		overflow:hidden;
	}
	td#contenu #tag-box ul, td#contenu #tag-box-mini ul {
		background-color:#FFFFFF;
		margin:0;
		list-style:none;
		overflow:hidden;
		text-align:center;
	}
	td#contenu #tag-box ul li {
		min-height: 25px;
		display: -moz-inline-stack;
		display: inline-block;
		zoom: 1;
		*display: inline;
		_height: 25px;
		padding-left:25px;
		padding-right:25px;
		background-image:none;
	}
	td#contenu #tag-box-mini ul li {
		min-height: 25px;
		display: -moz-inline-stack;
		display: inline-block;
		zoom: 1;
		*display: inline;
		_height: 25px;
		background-image:none;
		padding_right:5px;
		margin:0px;
	}
	td#contenu #tag-box ul li a, td#contenu #tag-box-mini ul li a {
		font-family:Arial, Helvetica, sans-serif;
		color:#3d3d3d;
	}
	/* tag-box */
	td#contenu h1.dico{
	color:#898E93;
	text-align:center;
	margin:10px 5px 5px 0;
	font-size:160%;
	}
	td#contenu h2.dico{
	margin:20px 0 5px 0;
	border-bottom:1px solid #db011c;
	color:#db011c;
	}
	td#contenu h2.dico_entree{
	margin:20px 0 5px 0;
	border-bottom:1px solid #db011c;
	color:#db011c;
	font-size:130%;
	}
	td#contenu div.para_dico u{
	font-weight:bold;
	color:#DB011C;
	text-decoration:none;
	}
	div#bloc_modif_def table td{
	border-top:1px solid #a7abaf;
	border-right:1px solid #a7abaf;
	}
	div#bloc_modif_def table td.titre{
	background-image:url(../pics/fond-titre-panier.gif);
	height:20px;
	padding:7px 0 0 2px;
	border-left:1px solid #a7abaf;
	border-top:1px solid #a7abaf;
	}
	div#bloc_modif_def table td.descriptif{
	padding:3px 5px;
	border-left:1px solid #a7abaf;
	}
	div#bloc_modif_def table td.stotal{
	border:none;
	border-top:1px solid #a7abaf;
	text-align:right;
	font-style:italic;
	}
	div#bloc_modif_def form.coordonnees fieldset{
	border-top:none;
	color:#000000;
	clear:both;
	padding:5px;
	}
	div#bloc_modif_def form.coordonnees legend{
	display:none;
	}
	div#bloc_modif_def form.coordonnees input.champ{
	width:260px;
	border:1px solid #999;
	padding:1px 2px;
	margin-right:10px;
	}
	div#bloc_modif_def form.coordonnees textarea{
	width:450px;
	height:100px;
	border:1px solid #999;
	padding:1px 2px;
	margin-right:10px;
	}
	div#bloc_modif_def form.coordonnees .submit{
	font-size:90%;
	color:#FFF;
	margin:5px 7px 5px 0;
	width:auto;
	font-weight:bold;
	float:right;
	background-image:url(../pics/fond-bouton.gif);
	background-repeat:repeat-x;
	background-color:#8c9195;
	border:0;
	}
	td#contenu div ul{
	margin:5px 0 0 10px;
	/*background-color:#f6f6f6;*/
	padding:5px;
	}
	td#contenu div ul li{
	padding-left:10px;
	background-image:url(../pics/picto-puce.gif);
	background-repeat:no-repeat;
	background-position:0 5px;
	}
	td#contenu div ul li a{
	color:#0F1113;
	}
	.visuel.left{
	margin:0 10px 5px 0;
	float:left;
	}
	.visuel.right{
	margin:0 10px 5px 0;
	float:left;
	}
	p{
	margin-bottom:0px;
	}
	a.lire{
	display:block;
	text-align:right;
	color:#0F1113;
	text-decoration:underline;
	padding-bottom:30px;
	position:relative;
	margin-top:10px;
	}
	a.lire img{
	position:relative;
	bottom:-2px;
	}
	img.couv{
	padding:1px;
	border:1px solid #cfd1d4;
	}
	ul#ariane{
	position:relative;
	margin:-5px 0 10px 0;
	padding-bottom:5px;
	float:left;
	width:440px;
	border-bottom:1px solid #EEE;
	font-style:italic;
	}
	ul#ariane li{
	display:inline;
	}
	ul#ariane li a{
	color:#0F1113;
	}
	ul#raccourci{
	position:relative;
	margin-top:-4px;
	float:right;
	width:520px;
	padding-right:5px;
	text-align:right;
	top:-4px;
	right:-5px;
	margin-bottom:5px;
	}
	ul#raccourci li{
	display:inline;
	margin-left:5px;
	}
	ul#raccourci_barre{
		position:relative;
		margin-top:-4px;
		float:right;
		width:620px;
		text-align:right;
		top:-4px;
		margin-bottom:5px;
	}
	ul#raccourci_barre li{
		display:inline;
		margin-left:-3px;
	}
	div#egalement, div.egalement_dico{
	background-color:#f5f6f6;
	border:1px solid #cfd1d4;
	width:114px;
	margin-right:1px;
	padding:10px 5px;
	}
	html>/**/body div#egalement, html>/**/body div.egalement_dico{
	margin-left:19px;
	}
	.bouton{
	background-image:url(../pics/fond-bouton.gif);
	background-repeat:repeat-x;
	background-position:right;
	color:#FFFFFF;
	height:15px;
	font-size:11px;
	}
	.bouton a{
	color:#FFFFFF;
	margin:0 8px 0 0;
	}
	.bouton span.debut{
	background-image:url(../pics/fond-bouton-debut.gif);
	background-repeat:no-repeat;
	background-position:left -1px;
	margin-right:2px;
	}
	.boutoncouleur{
	font-size:12px;
	background-color:#db011c;
	background-image:url(../pics/fond-bouton-couleur.gif);
	background-repeat:repeat-x;
	background-position:right;
	color:#FFFFFF;
	height:15px;
	}
	.boutoncouleur a{
	color:#FFFFFF;
	/*color:#db011c;*/
	/*font-weight:bold;*/
	text-decoration:underline;
	margin:0 5px 0 0;
	}
	.boutoncouleur span.debut{
	background-image:url(../pics/fond-bouton-couleur-debut.gif);
	background-repeat:no-repeat;
	background-position:left -1px;
	margin-right:2px;
	}

	.boutoncouleurhaut{
	font-size:11px;
	background-color:#db011c;
	background-image:url(../pics/fond-bouton-couleur-haut.gif);
	background-repeat:repeat-x;
	background-position:right 0;
	color:#FFFFFF;
	height:22px;
	}
	.boutoncouleurhaut a{
	color:#FFFFFF;
	margin:-17px 0 0 0;
	text-align:center;
	display:block;
	line-height:9px;
	position:relative;
	}
	html>/**/body .boutoncouleurhaut a{
	margin:-16px 0 0 0;
	}
	.boutoncouleurhaut span.debut{
	background-image:url(../pics/fond-bouton-couleur-haut-debut.gif);
	background-repeat:no-repeat;
	background-position:left top;
	top:-3px;
	position:relative;
	}
	html>/**/body .boutoncouleurhaut span.debut{
	top:-2px;
	}
	ul.colonne li{
	float:left;
	width:45%;
	}
	td#contenu div.classique{
	clear:both;
	margin:0 0 30px 0;
	display:table;
	}
	td#contenu div.classique h1{
	font-size:160%;
	color:#898e93;
	text-align:center;
	text-transform:uppercase;
	margin:10px 0 0 0;
	clear:both;
	}
	td#contenu div.classique h2{
	margin-top:10px;
	font-size:14px;
	}
	td#contenu div.classique h3{
	font-size:11px;
	text-decoration:underline;
	}
	td#contenu div.classique img{
	float:right;
	margin:0 0 5px 15px;
	}
	td#contenu div.classique ul, ul.dico_liens{
	background-color:transparent;
	margin:0 0 30px 0;
	padding:0 0 0 0;
	position:relative;
	z-index:800;
	}
	td#contenu div.classique ul li, ul.dico_liens li{
	background-image:url(../pics/picto-puce-couleur.gif);
	background-repeat:no-repeat;
	color:#db011c;
	position:relative;
	z-index:900;
	padding:0 0 0 10px;
	background-position:0 7px;
	}
	td#contenu div.classique ul.liens li a , ul.dico_liens li a{
	color:#db011c;
	font-weight:bold;
	}
	/* ---------- Objets ---------- */
	div.objet2col{
	clear:both;
	padding-bottom:10px;
	padding-top:5px;
	}
	div.objet2col h2 a{
	font-size:14px;
	color:#0F1113;
	display:block;
	/*margin-bottom:3px;*/
	}
	div.objet2col div.item{
	display:table;
	height:110%;
	}
	table#objets{
	clear:both;
	width:100%;
	}
	table#objets td.droite{
	padding-left:25px;
	/*padding-left:25px;*/
	}
	table#objets div.both{
	padding-bottom:10px;
	}
	table#objets div.objet2col .both{
	padding-bottom:0;
	}
	table#objets div.objet2col div.affinage{
		width:200px;
		background-color:#fff;
		float:right;
	}
	table#objets div.objet2col div.affinage h2{
	font-size:12px;
	font-weight:bold;
	text-decoration:underline;
	text-align:left;
	}
	table#objets div.objet2col div.affinage ul{
		background-color:#efefef;
		border:1px solid #ccc;
		margin:20px;
	}
	table#objets div.objet2col div.affinage ul li.sans{
	background-image:none;
	padding:0 0 5px 5px;
	margin-top:-15px; 
	}
	td#contenu table#objets div.objet2col div.item.actus {
	line-height:140%;
	padding-bottom:20px;
	}
	td#contenu table#objets div.objet2col div.item.actus.premiere {
	font-size:14px;
	line-height:120%;
	padding-bottom:20px;
	position:relative;
	}
	td#contenu table#objets div.objet2col div.item.actus h2 a{
	font-size:20px;
	line-height:120%;
	text-decoration:none;
	}
	td#contenu table#objets div.objet2col div.item.actus.premiere h2, td#contenu table#objets div.objet2col div.item.actus.premiere h2 a{
	font-size:26px;
	line-height:120%;
	text-decoration:none;
	}
	table#objets div.objet2col div#actualitesdyn {
	padding-bottom:0;
	margin-bottom:10px;
	}
	html>body table#objets div.objet2col div#actualitesdyn {
	margin-bottom:0;
	}
	table#objets div.objet2col div#actualitesdyn ul {
	background-color:#fff;
	margin:0 0 20px 0;
	padding:0 0 0 0;
	}
	table#objets div.objet2col div#actualitesdyn ul li{
      	width:295px;
      	float:left;
      	margin-left:0;
      	border:0px;
      	/*padding:0 15px 10px 0;*/
        padding:0 15px 0px 0;
      	font-size:14px;
      	background-image:none;
      	line-height:120%;
      	font-weight:bold;
      	/*margin-right:5px;
      	*/
       height: 50px;

	}
	html>body table#objets div.objet2col div#actualitesdyn ul li{
      	 min-height: 50px;
         /*margin-bottom:10px;*/
	}
	table#objets .bouton{
	padding-top:0px;
	}
	table#objets .bouton.right{
	float:right;
	}
	HTML>/**/BODY table#objets .bouton img.debut{
	top:0;
	}
	table#objets .flux{
	position:absolute;
	z-index:101;
	margin-left:575px;
	margin-top:-19px;
	}
	table.objet{
	margin-bottom:25px;
	text-align:justify;
	}
	table.objet td.texte{
	padding:5px 5px 0 5px;
	}
	table.objet td.titrev{
	background-image:url(../pics/hachures-grises.gif);
	padding:5px 0 0 0;
	text-align:right;
	width:25px;
	}
	table.objet td.titreh{
	border-bottom:1px solid #898e93;
	height:1px;
	font-size:1px;
	padding:0;
	}
	table.objet .boutoncouleur{
	position:relative;
	float:right;
	margin:-10px -5px 0 0;
	padding-top:0px;
	}
	td#contenu table.objet div.classique h2{
	font-size:12px;
	/* margin:20px 0 2px 0;
	border-bottom:1px solid #898e93;
	padding-bottom:0;
	clear:both; */
	}
	table.objet h3{
	margin-top:10px;
	text-align:left;
	}
	table#objets table.objet h3 a{
	color:#0F1113;
	}
	table.objet .visuel{
	margin-left:-5px;
	position:relative;
	z-index:20;
	margin-top:10px;
	}
	table.objet ul li{
	padding-left:10px;
	background-image:url(../pics/picto-puce.gif);
	background-repeat:no-repeat;
	background-position:0 4px;
	margin:5px 5px 10px 5px;
	line-height:110%;
	}
	table.objet ul li a{
	color:#0F1113;
	}
	/*----------Objet couleur-------------*/
	table.objet.couleur td.titrev{
	background-image:url(../pics/hachures-couleur.gif);
	}
	
	/*----------Objet fonce-------------*/
	table.objet.fonce td.titrev{
	background-color:none;
	width:0;	
	}
	table.objet.couleur td.titreh{
	border-bottom:1px solid #ca1329;
	}
	html>/**/body table.objet.fonce td.titreh img{
	margin-bottom:-8px;
	}
	table.objet.fonce img.visuel.left{
	margin-left:0;
	}
	table.objet.fonce .boutoncouleur{
	margin:-10px 0 0 0;
	}
	/*----------ABONNEMENT-------------*/
		div#espaces div.abonnement{
		width:520px;
		}
		td.gauche div.abonnement{
		width:370px;
		margin:0 auto 30px auto;
		}
		td.droite div.abonnement{
		margin-bottom:10px;
		margin:0 auto;
		}
		div.abonnement h2{
		color:#898e93;
		margin:15px 0 5px 0;
		padding:3px 5px;
		border-bottom:1px solid #db011c;
		color:#FFFFFF;
		background-image:url(../pics/fond-nav.gif);
		background-repeat:repeat-x;
		background-color:#ca1329;
		text-align:center;
		}
		div.abonnement.aboep h2 {
		background-image:url(../pics/EP/fond-nav.gif);
		border-bottom:1px solid #db011c;
		background-color:#ca1329;
		}
		div.abonnement.aboai h2{
			background-image:url(../pics/AI/fond-nav.gif);
			border-bottom:1px solid #005981;
			background-color:#0c577a;
		}
		div.abonnement.aboliae h2{
			background-image:url(../pics/LIAE/fond-nav.gif);
			border-bottom:1px solid #0033b2;
			background-color:#0c37a4;
		}
		div.abonnement.abost h2{
			background-image:url(../pics/ST/fond-nav.gif);
			border-bottom:1px solid #8dbd00;
			background-color:#84ad0c;
		}
		div.abonnement h2 a{
		color:#FFFFFF;
		}
		div.abonnement h3{
		margin:5px 0 0 0;
		color:#db011c;
		text-align:center;
		}
		div.abonnement table td{
		vertical-align:middle;
		text-align:center;
		}
		div.abonnement table{
		width:100%;
		}
		div.abonnement table *{
		margin:0 auto;
		}
		div.abonnement .cadeau{
		width:180px;
		background-color:#e6e8e9;
		border:1px solid #ccc;
		padding:3px;
		text-align:left;
		display:table;
		}
		div.abonnement .plus{
		font-size:18px;
		font-weight:bold;
		padding:0 10px;
		vertical-align:middle;
		}
		div.abonnement .cadeau .visuel{
		border:1px solid #ccc;
		padding:1px;
		}
		td.droite div.abonnement .visuabo{
		width:150px;
		}
		div.abonnement form{
		padding-top:10px;
		font-weight:bold;
		color:#db011c;
		}
		div.abonnement input.radio{
		margin-bottom:-2px;
		margin-right:0;
		}
		div.abonnement .jemabonne{
		float:right;
		margin:10px 0 0 0;
		top:5px;
		}
		div.abonnement .jemabonne.left{
		float:left;
		}
		td.droite div.abonnement .jemabonne{
		float:none;
		clear:both;
		margin:20px 0 -10px 45px;
		}
		td.droite div.abonnement .jemabonne.left{
		float:none;
		}
		div.abonnement.aboep a, div.abonnement.aboep h3, div.abonnement.aboep form {
		color:#ca1329;
		}
		div.abonnement.aboai a, div.abonnement.aboai h3, div.abonnement.aboai form{
		color:#0c577a;
		}
		div.abonnement.aboliae a, div.abonnement.aboliae h3, div.abonnement.aboliae form{
		color:#0c37a4;
		}
		div.abonnement.abost a, div.abonnement.abost h3, div.abonnement.abost form{
		color:#84ad0c;
		}
		
		/*----------boutique-------------*/
		div.magazine{
		margin-bottom:30px;
		margin-top:15px;
		position:relative;
		margin-right:-23px;
		left:-5px;
		width:410px;
		}
		div.magazine div.scroll{
		width:410px;
		overflow:auto;
		height:285px;
		padding:0;
		text-align:center;	
		}
		html>body div.magazine{
		width:418px;
		}
		html>body div.magazine div.scroll{
		width:418px;
		}
		div.magazine div.scrollno{
		height:auto;
		width:410px;
		overflow:hidden;
		}
		div.bloc_droite{
		width:300px;
		margin-bottom:20px;
		}
		div.bloc_droite ul li, div.bloc_droite ul li a{
		/*list-style:square;*/
		color:#222222;
		font-size:12px;
		padding-bottom:5px;
		/*border-bottom:1px dotted #999999;*/
		}
		div.bloc_droite ul li a{
		text-decoration:underline;
		}
		div.rubrique_droite{
		font-size:16px;
		padding:5px;
		background-image:url(http://www.sante-et-travail.fr/pics/fond-vert-cartouche.gif);
		color:#FFFFFF;
		margin-bottom:10px;
		}
		div.rubrique_droiteAE{
		font-size:16px;
		padding:5px;
		background-image:url(http://www.sante-et-travail.fr/pics/fond-rouge-cartouche.gif);
		color:#FFFFFF;
		margin-bottom:10px;
		}
		div.magazine .boutoncouleur{
		position:relative;
		bottom:-24px;
		right:0;
		float:right;
		}
		html>/**/body div.magazine .boutoncouleur{
		bottom:-8px;
		}
		html>/**/body div.magazine .boutoncouleur span.debut{
		top:-1px;
		position:relative;
		}
		html>/**/body div.magazine .boutoncouleur a{
		top:-1px;
		position:relative;
		}
		div.magazine h2{
		font-size:14px;
		margin:15px 0 20px 0;
		border-bottom:1px solid #0F1113;
		}
		div.magazine .annee{
		margin:-5px 0 10px 0;
		text-align:right;
		}
		div.magazine h3{
		font-size:12px;
		font-weight:bold;
		height:35px;
		}
		html>body div.magazine h3{
		height:auto;
		min-height:35px;
		}
		div.magazine h3.sansvisuel{
		margin-top:-190px;
		height:130px;
		margin-left:10px;
		margin-right:10px;
		}
		div.magazine div.scroll div, div.magazine div.scrollno div{
		vertical-align:middle;
		text-align:center;
		margin:0 3px 0 2px;
		line-height:13px;
		width:120px;
		}
		html>body div.magazine div.scroll div, div.magazine div.scrollno div{
		width:128px;
		min-height:20px;
		}
		div.magazine div.scroll div.both, div.magazine div.scrollno div.both{
		height:10px;
		margin:0;
		padding:0;
		width:auto;
		}
		div.magazine .visuel{
		border:1px solid #ccc;
		padding:1px;
		margin:0;
		}
		div.magazine img.visuel.contraint{
		width:110px;
		}
		div.magazine .prix{
		margin:0;
		padding:5px 0 0 0;
		}
		div.magazine a.ae:link, div.magazine a.ae:hover, div.magazine a.ae:visited, div.magazine a.ae:active{
		color:#db011c;
		background-image:none;
		}
		div.magazine a.ep:link, div.magazine a.ep:hover, div.magazine a.ep:visited, div.magazine a.ep:active{
		color:#db011c;
		background-image:none;
		}
		div.magazine a.ai:link, div.magazine a.ai:hover, div.magazine a.ai:visited, div.magazine a.ai:active{
		color:#005981;
		background-image:none;
		}
		div.magazine a.liae:link, div.magazine a.liae:hover, div.magazine a.liae:visited, div.magazine a.liae:active{
		color:#0033b2;
		background-image:none;
		}
		div.magazine a.st:link, div.magazine a.st:hover, div.magazine a.st:visited, div.magazine a.st:active{
		color:#8dbd00;
		background-image:none;
		}
		div.magazine a.au:link, div.magazine a.au:hover, div.magazine a.au:visited, div.magazine a.ai:active{
		color:#db011c;
		background-image:none;
		}
		
		div.bloc_boutique{
		text-align:left;
		margin-bottom:30px;
		margin-top:15px;
		position:relative;
		margin-right:-23px;
		left:-5px;
		}
		
		div.bloc_boutique div.scroll{
		overflow:auto;
		height:285px;
		padding:0;
		text-align:left;	
		}
		html>body div.bloc_boutique{
		text-align:left;
		}
		
		html>body div.bloc_boutique div.scroll{
		}
		
		div.bloc_boutique div.scrollno{
		background-image:url(../pics/noel/AEnoel2.gif);
		width:640px;
		background-repeat:no-repeat;
		overflow:hidden;
		text-align:left;
		height:auto;
		vertical-align:bottom;
		display:table;
		}
		
		div.bloc_boutique .bloc_boutique_item{
		float:left;
		padding:15px;
		text-align:center;
		width:120px;
		}
		
		div.bloc_boutique .bloc_boutique_item liens{
		height:30px;
		}
		
		div.bloc_boutique .bloc_boutique_libelle{
		font-size:25px;
		color:#CC0000;
		margin:15px 10px; 20px 0;
		border-bottom:1px solid #0F1113;
		}
		
		div.bloc_boutique_description{
		font-size:15px;
		margin:15px 10px; 20px 0;
		}
		
		
		div.bloc_boutique .prix{
		margin:0;
		padding:5px 0 0 0;
		}
		
		/*----------VPC-------------*/
		div.vpc{
		text-align:center;
		display:table;
		margin:15px auto 15px auto;
		}
		div.vpc h2{
		font-size:14px;
		margin:15px 0 20px 0;
		border-bottom:1px solid #0F1113;
		}
		div.vpc h3{
		font-size:12px;
		font-weight:bold;
		height:25px;
		text-align:center;
		}
		html>/**/body div.vpc h3{
		height:auto;
		min-height:25px;
		}
		div.vpc h3.sansvisuel{
		margin-top:-190px;
		height:130px;
		margin-left:10px;
		margin-right:10px;
		}
		div.vpc div{
		vertical-align:middle;
		text-align:center;
		margin:0 3px 0 5px;
		line-height:13px;
		}
		html>body div.vpc div{
		min-height:20px;
		margin:0 auto;
		}
		div.vpc div.both{
		height:10px;
		margin:0;
		padding:0;
		width:auto;
		}
		div.vpc .visuel{
		border:1px solid #ccc;
		padding:1px;
		margin:0;
		}
		div.vpc .prix{
		margin:0;
		padding:5px 0 0 0;
		}
		div.vpc a.ae:link, div.vpc a.ae:hover, div.vpc a.ae:visited, div.vpc a.ae:active{
		color:#db011c;
		background-image:none;
		}
		div.vpc a.ep:link, div.vpc a.ep:hover, div.vpc a.ep:visited, div.vpc a.ep:active{
		color:#db011c;
		background-image:none;
		}
		div.vpc a.ai:link, div.vpc a.ai:hover, div.vpc a.ai:visited, div.vpc a.ai:active{
		color:#005981;
		background-image:none;
		}
		div.vpc a.liae:link, div.vpc a.liae:hover, div.vpc a.liae:visited, div.vpc a.liae:active{
		color:#0033b2;
		background-image:none;
		}
		div.vpc a.st:link, div.vpc a.st:hover, div.vpc a.st:visited, div.vpc a.st:active{
		color:#8dbd00;
		background-image:none;
		}
		div.vpc a.au:link, div.vpc a.au:hover, div.vpc a.au:visited, div.vpc a.ai:active{
		color:#db011c;
		background-image:none;
		}
		/*----------Histoire-------------*/
		form.choix div{
		margin-top:10px;
		}
		form.choix select{
		width:180px;
		}
		td.droite form.choix select{
		width:215px;
		}
		div#choix h1{
		font-size:160%;
		color:#898e93;
		text-align:center;
		text-transform:uppercase;
		margin:10px 5px 5px 0;
		clear:both;
		}
		div#choix form{
		padding:5px 0 10px 0;
		text-align:center;
		margin:0 5px;
		border-bottom:1px solid #898e93;
		}
		div#choix form select{
		width:290px;
		margin-top:5px;
		}		
		div#choix h2{
		font-style:italic;
		text-align:center;
		padding-top:20px;
		font-size:16px;
		}
		div#choix h3{
		border-bottom:1px solid #898e93;
		margin-top:25px;
		background-color:#EFEFEF;
		padding:2px 2px 0 2px;
		}
		div#choix h4{
		font-size:11px;
		padding-top:15px;
		}
		div#choix h4 a{
		text-decoration:underline;
		}
	/*----------DROITE-------------*/
	td.droite{
	width:200px;
	}
	td.droite table.objet h3{
	font-size:12px;
	text-decoration:underline;
	}
	td.droite table.objet td.texte{
	width:208px;
	}
	td.droite table.objet td.texte p{
	margin-bottom:5px;
	}
	td.droite table.objet.fonce .titreh{
	text-align:right;
	}
	td.droite table.objet.fonce td.texte{
	background-color:#eff0f0;
	width:218px;
	}
	td.droite table.objet.fonce .boutoncouleur{
	margin:0 -5px -10px 0;
	}
	td.droite table.objet.fonce img.visuel.left{
	margin-left:-5px;
	}
	
	
	
	/* ---------- Annexes ---------- */
	td#annexe{
	/*padding:1px 0 0 0;*/
	width:300px;
	}
	td#annexe #identification{
	vertical-align:top;
	/*height:30px;*/
	font-size:11px;
	text-align:right;
	background-image:url(../pics/fr/identification-h.gif);
	background-repeat:no-repeat;
	/*padding:3px 0 3px 15px;*/
	background-color:#c50018;
	margin:0 0 8px 0;
	display:table;
	width:300px;
	}
	td#annexe #identification a{
	color:#FFFFFF;
	}
	td#annexe #identification a.visite{
	float:right;
	margin:0 20px 0 0;
	font-weight:bold;
	text-decoration:underline;
	}
	html>/**/body td#annexe #identification a.visite{
	font-size:16px;
	margin:4px 5px 0 0;
	}
	td#annexe #identification a.mdpoubli{
	margin-right:20px;
	font-style:italic;
	}
	td#annexe #identification p{
	color:#FFFFFF;
	text-align:right;
	padding:4px 0 6px 10px;
	float:left;
	width:250px;
	}
	html>/**/body td#annexe #identification p{
	color:#FFFFFF;
	text-align:right;
	padding:4px 0 6px 20px;
	float:left;
	width:240px;
	}
	td#annexe #identification p span{
	left:0px;
	position:relative;
	top:5px;
	}
	td#annexe form#identification_form input.champ{
	width:130px;
	margin-left:3px;
	}
	td#annexe #identification .ok, td#annexe #identification .aide{
	position:relative;
	top:24px;
	float:right;
	right:18px;
	}
	html>/**/body td#annexe #identification .ok, td#annexe #identification .aide{
	right:5px;
	top:22px;
	}
	
	td#annexe div#parutions{
	width:98%;
	background-image:url(../pics/degrage.jpg);
	background-repeat:repeat-x;
	background-position:0 -80px;
	}
	 
	td#annexe table#actuellement{
	margin-bottom:10px;
	margin-top:-5px;
	}
	td#annexe table#actuellement td{
	width:100%;
	text-align:left;
	vertical-align:bottom;
	height:185px;
	}
	td#annexe table#actuellement td .boutoncouleurhaut{
	width:85px;
	margin:-2px auto 5px auto;
	text-align:left;
	position:relative;
	}
	html>body td#annexe table#actuellement td .boutoncouleurhaut{
	margin:-10px auto 5px auto;
	}	
	
  td#annexe table#actuellement2{
    margin: 0 auto;


  }
  td#annexe table#actuellement2 td .boutoncouleurhaut{
     width:85px;
     margin:-2px 5px 5px 5px;
     text-align:left;
     position:relative;
	}
	html>body td#annexe table#actuellement2 td .boutoncouleurhaut{
	margin:-10px 5px 5px 5px;
	}	
	td#annexe img.decouvrir{
	float:right;
	margin:7px 7px 10px 0;
	}
	td#annexe h2.achats{
	margin:10px 0 20px 0;
	}
	td#annexe ul#aboetbout li{
	font-size:11px;
	margin:5px 0 0 0;
	}
	td#annexe ul#aboetbout a{
	color:#0F1113;
	}
	td#annexe ul#logos{
	margin:5px 0 15px 0;
	}
	td#annexe ul#logos li{
	display:inline;
	margin:0 15px;
	}
	td#annexe ul.offre li{
	float:left;
	margin:0;
	padding:0;
	} 
	td#annexe ul.offres{
	border:1px solid #c5c7c8;
	background-repeat:no-repeat;
	background-position:right top;
	height:100px;
	padding-top:5px;
	margin-bottom:15px;
	} 
	td#annexe ul.offres.ins{
	background-image:url(../pics/fond-offre-institutions.jpg);
	}
	td#annexe ul.offres.ens{
	background-image:url(../pics/fond-offre-prof.jpg);
	} 
	td#annexe ul.offres.etu{
	background-image:url(../pics/fond-offre-etudiants.jpg);
	}  
	td#annexe ul.offres li{
	padding-left:10px;
	background-image:url(../pics/picto-puce.gif);
	background-repeat:no-repeat;
	background-position:0 5px;
	width:40%;
	margin-left:10px;
	}
	td#annexe ul.offres li a{
	color:#0F1113;
	}
	td#annexe ul#expression{
	background-image:url(../pics/espace-discussion.gif);
	background-repeat:no-repeat;
	background-color:#bf0118;
	margin:20px 0 20px 0;
	padding:7px 0 5px 15px;
	clear:both;
	} 
	td#annexe ul#expression li{
	display:inline;
	color:#FFFFFF;
	}
	td#annexe ul#expression li a{
	color:#FFFFFF;
	font-weight:bold;
	}
	td#annexe ul#ressources{
	margin:-10px 0 0 0;
	} 
	td#annexe ul#ressources li a{
	font-size:11px;
	color:#0F1113;
	padding-left:10px;
	background-image:url(../pics/picto-puce.gif);
	background-repeat:no-repeat;
	background-position:0 4px;
	}    
/* ---------- Pied de Page ---------- */
div#pied {
display:table;
padding:0;
font-size:10px;
clear:both;
}
ul#liensutiles{
width:955px;
background-color:#e1e3e3;
padding-right:5px;
height:18px;
float:right;
}
ul#liensutiles li{
margin:0 0 0 3px;
display:inline;
position:relative;
text-align:right;
}
ul#liensutiles li.loin{
/*margin-left:540px;*/
}
ul#liensutiles li a{
color:#0F1113;
}
div#pied p{
padding:0 10px;
color:#fff;
background-color:#db011c;
}
div#pied p a{
color:#fff;
}
div#copyright{
text-align:center;
width:960px;
padding: 7px 0;
}

.subcolumns { display:table; width:100%; table-layout:fixed; }
.subcolumns_oldgecko { width: 100%; float:left; }


.c20l, .c25l, .c33l, .c40l, .c38l, .c50l,
.c60l, .c62l, .c66l, .c75l, .c80l {float: left; }
 
.c20r, .c25r, .c33r, .c40r, .c38r, .c50r,
.c60r, .c66r, .c62r, .c75r, .c80r {float: right; margin-left: -5px; }

.subc { padding: 0 0.5em 0 0.5em; overflow: hidden; }
.subcl { padding: 0 1em 0 0; overflow: hidden; }
.subcr { padding: 0 0 0 1em; overflow: hidden; } 

.c20l, .c25l, .c33l, .c38l, .c40l, .c50l, .c60l,
.c62l, .c66l, .c75l, .c80l, .c20r, .c25r, .c33r,
.c38r, .c40r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r {
   display:inline;
}

* html .subcolumns .subc,
* html .subcolumns .subcl,
* html .subcolumns .subcr { 
  word-wrap: break-word;
  overflow:hidden;
}


.c20l, .c20r { width: 20%; }
.c40l, .c40r { width: 40%; }
.c60l, .c60r { width: 60%; }
.c80l, .c80r { width: 80%; }
.c25l, .c25r { width: 24.3%; }
.c33l, .c33r { width: 33.333%; }
.c50l, .c50r { width: 50%; }
.c66l, .c66r { width: 66.666%; }
.c75l, .c75r { width: 75.7%; }
.c38l, .c38r { width: 38.2%; }
.c62l, .c62r { width: 61.8%; }

.subc { padding: 0 0.5em 0 0.5em; }
.subcl { padding: 0 1em 0 0; }
.subcr { padding: 0 0 0 1em; } 



/*STYLE DANS LE CAROUSEL*/

.carousel_surtitre{
	text-transform:uppercase;
	color:#666666;}
.carousel_titre a{
font-weight:bold;
color:#666666;}

img.carousel_image{
padding-right:10px;
float:left;	

}
 

/*NAVIGATION ALTERNATIVE BAS DE PAGE*/

.nav_alter{
background-color:#FFFFFF;	
padding:10px;
}

.nav_alter h3{
text-transform:uppercase;
font-family:arial, helvetica, sans-serif;
color:#333333;
font-size:13px;
letter-spacing:0.02em;
}

.nav_alter h3 a{
color:#333333;}

.nav_alter h3 img{
margin-top:5px;	
}

.alter_droite{
border-right:1px solid #666666;	
}


.bas_statistiques{
	
}

.bas_statistiques ul{
margin:5px 0 10px 10px;
font-size:11px;
color:#333333;	
list-style: none;
}



.enkiosque{border:1px solid #DDDDDD;background:#FFFFFF;font-family:helvetica, arial, sans-serif;font-size:18px;font-weight:normal;line-height:2.2em;letter-spacing:0.015em;color:#333333;margin-bottom:15px;padding:0 10px 0 10px;}
.enkiosque img.couv{padding:2px;border:1px solid #DDDDDD;}
.enkiosque img.couv1{padding:2px;border:1px solid #DDDDDD;margin-right:19px;}
.enkiosque .tous{padding:0 0 10px 0;text-align:center;}
.enkiosque .tous .bouton{width:87px;height:28px;font-size:10px;padding:2px;background:#FFFFFF url(/pics/boutique/2011_fondtous.gif) no-repeat top left;color:#666666;line-height:1.2em;text-align:center;margin:0 auto;}
.enkiosque .tous .bouton a{color:#666666;text-decoration:none;margin:0;}
.enkiosque .tous .bouton a:hover{color:#D00017;text-decoration:none;}
.enkiosque .subcolumns{padding:0;}
.enkiosque .subcr{padding-left:5px;text-align:center;}
.enkiosque .subcl{padding-right:5px;}
.enkiosque .subc{padding:0;}




	
.bas_statistiques ul li{
padding:3px 0 3px 0;
line-height:1.2em;
}



.bas_statistiques ul li a{
color:#333333;	
}



/*BAS AUTOPROMO*/

.autopromo{
border-top:1px solid #999999;
padding:10px;
text-align:center;
}

img.autopromo1{
	border:1px solid #E5E5E5;
	margin-left:50px;
}

img.autopromo2{
	border:1px solid #E5E5E5;
	margin-right:40px;}






	
/*PIED ROUGE*/

.piedrouge{
background-color:#e4101b;
color:#FFFFFF;
font-family:arial, helvetica, sans-serif;
font-size:11px;
letter-spacing:0.03em;
font-weight:normal;
line-height:1em;
height:auto;
padding-top:5px;
padding-left:10px;
padding-bottom:2px;	
}

.piedrouge img{
float:left;
margin-right:5px;	
}

.piedrouge a{
color:#FFFFFF;	
}

.piedrouge p{
background-color:#e4101b;
text-align:center;
padding-top:8px;
}






td#annexe #identification2{
vertical-align:top;
/*height:30px;*/
font-size:11px;
text-align:right;
background-image:url(../pics/fr/identification2-h.gif);
background-repeat:no-repeat;
/*padding:3px 0 3px 15px;*/
background-color:#c50018;
margin:0 0 8px 0;-
display:table;
width:300px;
}
td#annexe #identification2 a{
color:#FFFFFF;
}
td#annexe #identification2 a.visite{
float:right;
margin:0 20px 0 0;
font-weight:bold;
text-decoration:underline;
}
html>/**/body td#annexe #identification2 a.visite{
font-size:16px;
margin:4px 5px 0 0;
}
td#annexe #identification2 a.mdpoubli{
margin-right:20px;
font-style:italic;
}
td#annexe #identification2 p{
color:#FFFFFF;
text-align:right;
padding:4px 0 6px 10px;
float:left;
width:250px;
}
html>/**/body td#annexe #identification2 p{
color:#FFFFFF;
text-align:right;
padding:4px 0 6px 20px;
float:left;
width:240px;
}
td#annexe #identification2 p span{
left:0px;
position:relative;
top:5px;
}
td#annexe form#identification2_form input.champ{
width:130px;
margin-left:3px;
}
td#annexe #identification2 .ok, td#annexe #identification2 .aide{
position:relative;
top:24px;
float:right;
right:18px;
}
html>/**/body td#annexe #identification2 .ok, td#annexe #identification2 .aide{
right:5px;
top:22px;
}

#identification_form_block2{
background-color:#CC0000;
margin-top:-5px;
width:299px;
display:none;
margin-bottom:10px;
}

#identification_form_block2 label{
color:#FFFFFF;
padding-left:10px;
}

.date_article{
font-size:12px;
font-weight:normal;
color:#999999;
}

a.appelnote{
color:#CC0000;
}

.switch_mobile_link{
font-size:40px;
line-height:40px;
margin-bottom:30px;
}




/*navigation*/

.contournav{width:960px;border-top:1px solid #CACCCE;border-bottom:1px solid #CACCCE;background-color:#FFFFFF;padding:4px 0 4px 0;}

.newnav{background-color:#D00017;color:#FFFFFF;font-family:helvetica, arial, sans-serif;text-transform:uppercase;font-weight:bold;font-size:10px;height:22px;}

#corps{
/*
background-color:#F5F5F5;
*/
border:none;
margin-top:2px;
}

#navlist{    margin: 0 ; 
    padding: 0 ; 
    list-style: none ; }

#slider_block{background-color:#FFFFF;padding:10px 10px 5px 0;text-align:right;}
form.moncompte{color:#666666;font-size:12px;font-family:helvetica, arial, sans-serif;}
form.moncompte input {
border:1px solid #DDDDDD;
background-color:#EFEFEF;
color:#666666;
height:18px;
padding-left:3px;}
form.moncompte input.btn {display:inline-block;height:20px;width:20px;background-color:#666666;color:#FFFFFF;margin:0 0 0 4px;padding-bottom:2px;padding-left:0;}


#navcontainer ul{
padding-left: 0;
margin-left: 0;
color: White;
float: left;
width: 100%;
font-family: helvetica, arial, sans-serif;
font-size:12px;
letter-spacing:0.02em;
font-weight:normal;}

#navcontainer ul li { display: inline; background-color: #D00017;}

#navcontainer ul li img{
padding: 0 10px 1px 10px;margin:0 55px 0 40px;
background-color: #FFFFFF;
float: left;}

#navcontainer ul li a{padding: 3px 2em 1px 2em;
background-color: #D00017;
color: White;
text-decoration: none;
float: left;}

#navcontainer ul li a:hover{
background-color: #FFFFFF;
color: #D00017;}

#navcontainer ul li a.on{background-color:#FFFFFF;color:#D00017;}


/*menu de gauche*/