@charset "utf-8";
/* CSS Document */

/* CSS CONCERNANT LE SITE */

body {
margin:0;
padding:0;
background-color:#550090;
background-image:url(img/theme/fond.png);
background-position:bottom;
background-repeat:repeat-x; 
background-attachment:fixed; }

img {
border-style:none;
}

 input, select, textarea
   { font-family:Verdana, Geneva, sans-serif; font-size:12px; color:#380c65;}
 .Bouton
   { cursor: pointer; width: 132px; height: 32px; border: none; background: url("img/menu/bouton.jpg") no-repeat left top; font-size : 0px; letter-spacing: -50px; } 
 .Bouton:hover
   { background: url("img/menu/bouton.jpg") no-repeat right top; font-size : 0px; letter-spacing: -50px; }

/* CSS CONCERNANT LE TITRE CACHE POUR LE REFERENCEMENT */
.titreindex { display:none; }

/* CSS CONCERNANT LE LOGO */
#logo { z-index:-9999; position:absolute; top:10px; left:10px; }

.logo {
position:absolute;
left:148px;
top:162px;
float:left;
z-index:999;
}

.news {
background-image:url(img/news.png);
position:relative;
left:-175px;
width:615px;
height:102px;
z-index:999;
}

#tweets {
position:relative;
width:540px;
left:30px;
top:17px;
font-family:Verdana, Geneva, sans-serif;
font-size:16px;
text-align:justify;
color:#2b034a;
}

ul {
list-style:none;
}

li {
list-style:none;
}

/* CSS CONCERNANT LE CONTAINER PRINCIPAL */
.main_container {
width:990px;
}

/* CSS CONCERNANT LE MENU DU HAUT DU SITE */

.menu_top {
z-index:5;
float:left;
position:absolute;
}

.menu_top_liens {
z-index:99;
position:relative;
float:left;
top:15px;
left:220px;
}

/* CSS CONCERNANT LE CONTENU DU SITE */

.container_top {
z-index:1;
position:relative;
}

.container_bottom {
z-index:1;
position:relative;
}

.container {
z-index:1;
position:relative;
background-image:url(img/fond/container.png);
background-repeat:repeat-y;
width:979px;
}

.container_texte {
width:919px;
text-align:justify;
font-family:Verdana, Geneva, sans-serif;
font-size:11px;
color:#68497d;
}

.nav {
color:#b390cb;
font-size:12px;
float:right;
font-style:italic;
}

.tri {
z-index:99;
font-family:Verdana, Geneva, sans-serif;
position:relative;
float:left;
top:55px;
left:36px;
color:#a293ad;
font-size:11px;
text-align:left;
}

.tri a:link {text-decoration:none; font-weight:bold; color: #a293ad;}
.tri a:visited {text-decoration:none; font-weight:bold; color: #a293ad;}
.tri a:hover {text-decoration:none; font-weight:bold; color: #cea3ed;}

.liste_article {
border:1px dashed #b294c6;
padding:10px;
}

.liste_titre {
font-weight:bold;
font-size:16px;
color:#9600ff;
}

.liste_date {
font-size:13px;
color:#845f9e;
}

.liste_infos {
font-size:10px;
color:#68497d;
}

.liste_page {
font-size:12px;
color:#722aa4;
text-align:right;
}

.liste_page a:link {text-decoration:none; font-weight:bold; color: #6a00b5;}
.liste_page a:visited {text-decoration:none; font-weight:bold; color: #6a00b5;}
.liste_page a:hover {text-decoration:none; font-weight:bold; color: #bb5bff;}

.article_titre {
font-size:18px;
color:#9600ff;
font-weight:bold;
line-height:35px;
}

.article_date {
font-size:13px;
color:#845f9e;
}

.article_lien {
font-size:13px;
color:#845f9e;
letter-spacing:1px;
margin-left:4px;
}

.article_lien a:link {padding-left:17px; background-image:url(img/icons/lien.png); background-repeat:no-repeat; background-position:left; text-decoration:underline; color: #9717f0;}
.article_lien a:visited {padding-left:17px; background-image:url(img/icons/lien.png); background-repeat:no-repeat; background-position:left; text-decoration:underline; color: #9717f0;}
.article_lien a:hover {padding-left:17px; background-image:url(img/icons/lien_hover.png); background-repeat:no-repeat; background-position:left; text-decoration:none; color: #be60ff;}

.article_photo_gauche {
width:620px;
height:465px;
border:solid 1px #a747ea;
text-align:left;
}

.article_photo_droite {
width:263px;
height:451px;
padding:7px;
border:solid 1px #a747ea;
background-color:#e9dff0;
text-align:center;
float:right;
overflow:auto;
}

.article_miniature {
width:240px;
border:solid 1px #bfa1d3;
}

.article_description {
width:897px;
padding:10px;
background-color:#ecdef6;
font-size:11px;
color:#491e67;
border:dashed 1px #b294c6;
}

.article_liens_supplementaires {
color:#3f0268;
font-size:13px;
line-height:20px;
}

.article_liens_supplementaires a:link {padding-left:17px; background-image:url(img/icons/lien.png); background-repeat:no-repeat; background-position:left; text-decoration:underline; color: #9717f0; letter-spacing:1px;}
.article_liens_supplementaires a:visited {padding-left:17px; background-image:url(img/icons/lien.png); background-repeat:no-repeat; background-position:left; text-decoration:underline; color: #9717f0; letter-spacing:1px;}
.article_liens_supplementaires a:hover {padding-left:17px; background-image:url(img/icons/lien_hover.png); background-repeat:no-repeat; background-position:left; text-decoration:none; color: #be60ff; letter-spacing:1px;}

.article_a_voir {
background-color:#e8c9ff;
background-image:url(img/fond/galarts_mini.gif);
background-repeat:no-repeat;
background-position:left;
border:solid 1px #d5acf2;
color:#600b99;
font-size:12px;
text-align:justify;
line-height:18px;
padding:10px 10px 10px 65px;
margin-left:10px;
float:right;
}

.article_a_voir a:link {padding-left:13px; background-image:url(img/icons/lien_interne.png); background-repeat:no-repeat; background-position:left; text-decoration:none; color: #8e13e2; letter-spacing:1px;}
.article_a_voir a:visited {padding-left:13px; background-image:url(img/icons/lien_interne.png); background-repeat:no-repeat; background-position:left; text-decoration:none; color: #8e13e2; letter-spacing:1px;}
.article_a_voir a:hover {padding-left:13px; background-image:url(img/icons/lien_interne_hover.png); background-repeat:no-repeat; background-position:left; text-decoration:underline; color: #5e1491; letter-spacing:1px;}

.spacer {
clear:both;
}

.contact {
background-image:url(img/contact.png);
position:relative;
top:-110px;
left:90px;
width:340px;
height:131px;
z-index:999;
}


/* CSS CONCERNANT LE POST-IT */
#postit { z-index:-9999; position:absolute; top:10px; right:10px; }


/* CSS CONCERNANT LE START MENU */
.startmenu_fond_barre {
width:100%;
height:25px;
position:absolute;
left:0;
bottom:0;
background-color:#ffffff;
background-image:url(startmenu/fond_barre.gif);
background-repeat:repeat-x; 
}

.startmenu {
position:absolute;
left:10px; 
bottom:0px; }

/* CSS CONCERNANT LE MENU CIRCULAIRE */
.menu { 
z-index:-1; 
padding:0; 
margin:0 auto; 
list-style:none; 
width:300px; 
height:300px;
position:absolute;
left: 50%;
margin-left: -150px;
}

.menu_fond {
display:block;
width:100px;
height:100px;
position:relative;
left:-125px;
top:-95px;
text-decoration:none;
}