/* 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:80%;}
.grand{font-size:120%;}
.tgrand{font-size:140%;}
.textcenter{text-align:center;}
.textleft{text-align:left;}
.textright{text-align:right;}
.left{float:left;}
.right{float:right;}
.both{clear:both;}
.none{display:none;}
.noir{color:#000;}

/* ---------- Balises ---------- */
body{
font-family:Arial, Helvetica, sans-serif;
font-size:medium; /* medium => 16 px*/
font-size:60%;
line-height:150%;
color:#000;
text-align:center;
background-color:#FFF;
margin-bottom:10px;
}
#centrage{
width:960px;
margin:0 auto;
display:table;
text-align:left;
position:relative;
background-image:url(../pics/fr/fond-page.gif);
background-repeat:no-repeat;
background-position:top right;
}
a:link, a:visited{
text-decoration:none;
color:#e1243e;
}
a:hover, a:active{
text-decoration:underline;
color:#e1243e;
}
h1{
color:#e1243e;
}
h2{
font-size:12px;
clear:both;
color:#e1243e;
}
h3{
font-size:12px;
clear:both;
color:#e1243e;
}
ul{
list-style:none outside none;
}
input.champ{
border:1px inset #e2243e;
width:107px;
height:13px;
font-size:100%;
padding:0 2px 1px 2px;
}
select {
border:1px inset #999;
width:107px;
font-size:100%;
padding:0 0 0 0;
}
input.ok{
background-color:#e2243e;
font-size:11px;
font-weight:bold;
color:#FFFFFF;
clear:both;
float:right;
margin-top:1px;
}
input.radio{
margin-bottom:-3px;
}
td{vertical-align:top;}
.separateur{
background-image:url(../pics/separateur-noir.gif);
background-repeat: repeat-x;
clear:both;
height:1px;
font-size:1px;
}
input{
cursor:hand;
}
/* ---------- En tete ---------- */
#entete {
height:250px;
color:#FFFFFF;
position:relative;
}
#entete img#logo{
position:absolute;
margin-top:90px;
}
#entete img#cdt21{
position:absolute;
margin:145px 0 0 200px;
height:30px;
width:300px;
}
#entete img#adt21{
position:absolute;
margin:20px 0 0 180px;
height:90px;
width:90px;
}#entete img#nature{
position:absolute;
margin:40px 0 0 300px;
height:90px;
width:90px;
}#entete img#divine{
position:absolute;
margin:60px 0 0 250px;
height:90px;
width:90px;
}
#entete form#identification{
position:absolute;
width:190px;
left:512px;
top:105px;
}
#entete form#identification input.champ{
width:80px;
}
#entete form#identification a.mdpoubli{
clear:both;
font-weight:bold;
font-size:12px;
position:relative;
top:25px;
}
html>body #entete form#identification a.mdpoubli{
top:15px;
}
#entete form#newsletter{
position:absolute;
width:125px;
left:780px;
top:135px;
}
#entete form#newsletter input.champ{
width:120px;
}
#logo{
position:absolute;
left:-15px;
top:-15px;
}
/* ---------- Recherche ---------- */
#calage{
position:relative;
z-index:2;
}
form#recherchelibre,form#rechercheavancee{
}
form#recherchelibre{
margin-top:40px;
left:15px;
width:100px;
position:relative;
}
form#recherchelibre input{
width:90px;
}
form#recherchelibre input.ok{
float:none;
background-color:#f39b40;
color:#000000;
padding:0;
width:60px;
font-weight:100;
margin-left:30px;
margin-top:7px;
}
form#rechercheavancee{
margin-top:32px;
left:50px;
width:100px;
position:relative;
}
form#rechercheavancee select{
width:120px;
margin-top:-3px;
}
form#rechercheavancee input.ok{
float:none;
background-color:#f08a15;
color:#000000;
padding:0;
width:60px;
font-weight:100;
margin-left:42px;
margin-top:5px;
}
html>body form#rechercheavancee input.ok{
margin-top:11px;
}
/* ---------- Navigation ---------- */
#navigation{
width:233px;
padding-right:5px;
background-image:url(../pics/fr/fond-recherche.gif);
background-repeat:no-repeat;
background-position:left 30px;
padding-top:30px;
}
#navigation ul{
font-weight:bold;
margin:25px 0 0 40px;
display:table;
}
#navigation ul li{
margin:0 0 5px 0;
}
/* ---------- Contenu ---------- */
#contenu{
padding:0 20px 30px 26px;
width:469px;
}
#contenu a{
font-weight:bold;
font-size:11px;
}
#ban{
position:relative;
margin-top:-40px;
margin-left:0px;
}
ul#ariane {
margin:10px 0;
}
ul#ariane li{
background-image:none;
display:inline;
margin:10px 0;
color:#e1243e;
padding-left:0;
}
ul#ariane li a{
font-weight:bold;
}
/* ---------- Annexes ---------- */
#annexes{
padding-top:15px;
}
#annexes .separateur{
margin:10px 20px 10px 20px;
}
#annexes div#panier{
margin-top:-55px;
position:absolute;
}
#annexes div#panier span{
position:relative;
top:-15px;
left:10px;
text-decoration:underline;
}
#annexes div#panier a{
color:#000000;
}
#annexes div#videos{
margin-bottom:15px;
margin-left:20px;
}
#annexes div#videos span{
position:relative;
left:15px;
text-decoration:underline;
}
#annexes div#videos a{
color:#000000;
}
#annexes ul li{
background-image:url(../pics/puce-rose-blanc-of.gif);
background-repeat:no-repeat;
font-weight:bold;
font-size:12px;
padding:0 0 5px 22px;
margin-left:20px;
}
#annexes ul li.on{
background-image:url(../pics/puce-rose-blanc-on.gif);
padding-top:10px;
padding-bottom:10px;
margin-left:2px;
padding-left:41px;
}
#annexes ul.un{
background-image:url(../pics/fond-annexe-actus.gif);
background-repeat:no-repeat;
background-position:40px 0;
}
#annexes ul.trois{
background-image:url(../pics/fond-annexe.gif);
background-repeat:no-repeat;
background-position:right;
}
#annexes ul.quatre li{
background-image:url(../pics/puce-orange-blanc-of.gif);
margin-bottom:5px;
clear:both;
}
#annexes ul.quatre li.on{
background-image:url(../pics/puce-orange-blanc-on.gif);
}
#annexes ul.quatre li a{
color:#f08a15;
text-decoration:none;
}
#annexes ul.quatre img{
float:right;
}
#annexes ul.quatre span{
font-size:10px;
color:#000000;
font-weight:100;
}
/* ---------- Pied de Page ---------- */
#pied {
background-image:url(../pics/fond-pied.gif);
background-repeat:no-repeat;
height:200px;
text-align:right;
padding-right:115px;
font-size:90%;
margin-top:-30px;
position:relative;
z-index:1;
}
#pied a{
color:#000000;
}
#pied ul{
margin:52px 0 0 0;
float:right;
}
#pied ul li{
float:left;
font-weight:500;
}
#coordonnees{
clear:both;
font-weight:bold;
}
/* ----- Identification ----- */
div#mod-identification input.champ{
width:158px;
border:1px inset #fff;
padding:1px 2px;
margin-right:10px;
}
div#mod-identification fieldset{
border:1px solid #e1243e;
color:#000000;
margin:10px;
padding:10px;
padding-right:0;
clear:both;
}
div#mod-identification input.champ{
border:1px solid #e1243e;
width:183px;
}
div#mod-identification legend{
font-size:12px;
font-weight:bold;
color:#e1243e;
padding:0 3px;
}
div#mod-identification p.gauche{
float:left;
}
div#mod-identification input.ok{
margin-right:10px;
clear:both;
}


fieldset{
border:1px solid #e1243e;
color:#000000;
margin:10px;
padding-right:0;
clear:both;
}