*
{
	margin : 0;
	padding : 0;
}
body
{
	font-family : arial, sans-serif;
	font-size : 0.75em;
	text-align : justify;
}

address, blockquote, div, h1, h2, h3, h4, h5, h6, hr, noscript, p, pre, 
dl, dt, dd, ul, ol, li, 
table, caption, colgroup, col, thead, tfoot, tbody, tr, td, th,
form, button, fieldset, legend, input, label, select, optgroup, option, textarea,
a, img, q, span, sub, sup, cite, code, del, dfn, em ,ins, strong
{
	font-size : 1em;
	line-height : 1.2em;
	font-weight : normal;
	font-style : normal;
}

strong
{
	font-weight : bold;
}

em
{
	font-style : italic;
}

p
{
	line-height : 1.2em;
}

sup {font-size: 0.7em;}

th
{
	font-weight : bold;
}


a img
{
	border : 0;
}


* {
margin: 0;
padding: 0;
}



/* __________ je dispose les blocs______________*/

#global {
width: 960px;
margin-top: 40px;
}

#bloc_un {
float: left;
}

#titre_numero {
width: 440px;
text-align: left;
font-size: 1.4em;
border-bottom: solid 20px #FFFFFF;
}

#colonne_un {
width: 200px;
float: left;
margin : 0 10px 0 10px;
}

#remonteeauto {
margin-bottom: 20px;
}

#sommaire {
width: 200px;
padding: 10px 5px 5px 5px;
background: #e5edf2 url(../images/home/fond_sommaire.png) top left no-repeat;
border: 1px solid #005380;
text-align: left;
margin-bottom: 40px;
}

#sommaire ul {
list-style-type: none;
}

#a_paraitre {
width: 160px;
padding: 0px 5px 5px 5px;
background: #FFF url(../images/home/fond_aparaitre.png) top left repeat-x;
border: 1px solid #005380;
text-align: left; 
}


#colonne_deux {
width: 440px;
margin-left: 230px;
}

#article_un, #article_deux, #article_trois {
margin: 0px 5px 25px 10px;
}



/* le 2eme bloc */

#bloc_deux {
width: 220px;
float: left;
border-left: dotted #333333 1px;
margin: 40px 5px 0px 20px;
background: url(../images/home/fond_blocdeux.png) top left;
}


#ecouter, #lire {
width: 210px;
margin: 0px 0px 20px 10px;
padding: 4px;
border: 1px solid #95dbff;
background: #fff url(../images/home/fond_ecouter.png) top left repeat-x;
font-size: 0.8em;
}

#participer {
width: 210px;
margin: 0px 0px 20px 10px;
padding: 4px;
border: 1px solid #95dbff;
background: #fff url(../images/home/fond_ecouter.png) top left repeat-x;
font-size: 0.8em;
}

#debateco {
width: 210px;
font-size: 0.8em;
margin: 0px 0px 20px 10px;
border: 1px solid #ccc;
padding: 45px 4px 4px 4px;
background: #fff url(../images/home/debateco.png) top left no-repeat;
}

#ecouter {
list-style: url(../images/home/ecouter.png) inside;
}

#lire {
list-style: url(../images/home/livre.png) inside;
}

#participer {
list-style: url(../images/home/participer.png) inside;
}

#piedpage {
clear: both;
width: 940px;
margin: auto;
padding-top: 50px;
text-align: center;
}

#a_propos {
width: 200px;
float: left;
font: bold 1em Arial, sans-serif;
text-decoration: underline
}

#presentation {
text-align:left;
width: 680px;
padding: 20px 5px;
margin-left: 220px;
margin-bottom: 20px;
background: url(../images/home/fond_presentation.png) top left;
}

#presentation p {font-size:0.8em;}


/* ________   les classes et balises pour le texte ___*/



.cartouche {
font: bold 1.2em Arial, Helvetica, sans-serif;
text-transform: uppercase;
color: #0086ac;
margin-bottom: 12px;
padding: 2px;
background: url(../images/home/fond_cartouche.png) 0 0 repeat-x;
}


h1 {
width: 100%;
font: bold 1.2em Verdana;
color: #005380;
background: url(../images/home/cartouche.png) 0px 4px no-repeat;
margin-bottom: 4px;
padding-left: 10px;
text-align:left;
}

h2 {
font: bold 1em arial;
margin-bottom: 4px;
color: #666666;
text-align:left;}

h3 {
font: bold 1.1em arial;
margin-bottom: 4px;
text-align: left;
}

.hr {
width: 70%;
border-bottom: 1px dotted #ccc;
}

a {
color: #0000ff;
line-height: 1.1em;
}

a.bleu {color:#0086ac;}

a:hover, a.bleu:hover {
color: #a1e0ff;
}


.left {text-align:left;}

.titrerevue {
font: bold 1.3em Arial, sans-serif;
color: #005380;
line-height: 2em;
}

.titre_ecouter {
font: bold 1.4em Arial, sans-serif;
line-height: 1.2 em;
color: #0135ad;
margin-bottom: 10px;
}



.souligne {
text-decoration: underline;
}

.numerorevue {
font: bold 1em Arial, sans-serif;
color: #000000;
text-decoration: none;
}

.listecourant {
	list-style: square url(none) inside;
	text-indent: 10px;
	line-height: 1.2em;
}

.auteur {font:normal 0.9em Arial;color:#666666;}

.au_sommaire {
font: bold 1em Arial, sans-serif;
color: #fff;
text-transform: uppercase;
padding-left: 5px;
margin-bottom: 20px;
}

.aparaitre {
font: bold 1.2em Verdana;
color: #005380;
padding: 2px;
margin-bottom: 10px;
}

.retour {
text-align: right;
}