* {
    font-family: Arial, Helvetica, sans-serif;
}


td.news {
    text-align: justify;
    color: #FFFFFF;
}
ul { margin-left: 0px; list-style: square outside }

body {
 font: 12px verdana, sans-serif;
 background: url("../img/architecture/v2/menu/fond.png") top left repeat;
 margin: 0;
 padding: 0;
}




/* TEST */

#menu dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

#menu {
top: -5px;
width: 100%;
height:34px;
position: relative; /* position du menu. */
z-index:1000;
}

#menu dl {
float: left;
width: 150px;
margin: 0;
height:35px;
vertical-align: middle;
display: block;
}

#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
font: 16px Arial, Helvetica, sans-serif;
height:35px;
padding-top: 5px;
background: url('../img/architecture/v2/menu/fond_menu.gif') repeat;
border: 0px;
}

#menu dt a {
cursor: pointer;
color: #000;
text-decoration: none;
border: 0;
}

#menu dd {
border: 1px solid black;
position : absolute;
top : 24px;
display:none;
width: 147px;
background: #fff;
}

#menu li {

position:relative;
text-align: left;
margin-left: 3px;
height: 16px;
line-height: 16px;
vertical-align: middle;
background: url('../img/architecture/v2/menu/fond_menu_deroulant.jpg') repeat;
}

#menu li a:hover{
text-decoration: none;
}

#menu li:hover{
background: url('../img/architecture/v2/menu/fond_menu_deroulant.jpg') repeat;
}

#menu li a{
width: 147px;
font: 14px Arial, Helvetica, sans-serif;
color: #000;
text-decoration: none;
border: 0;
background: url('../img/architecture/v2/menu/fond_menu_deroulant.jpg') repeat;
}


.spacer {
position:relative;
float:left;
left: -6px;
right: -6px;
width: 730px;
height: 20px;
background-color:#e6e6e6;
border-top:1px solid black;
border-bottom:1px solid black;
border-left:0px;
border-right:0px;
}

#logo a img
{
height: 187px;
border: 0px;
}

#logo-gauche a
{
float: left;
}

#logo-droite
{
margin-bottom: 4px;
height: 195px;
}

#principale {
position: relative;
width: 900px;
margin-left: auto;
margin-right: auto;
margin-top: 15px;
background-color:#e6e6e6;
}

#gauche {
background-color:#ffffff;
margin-right: 180px;
margin-top: 5px;
margin-left: 5px;
border-style:solid;
border-width:1px;
border-color:black;
height: auto;
padding: 5px;
_height: 700px; /*IE HACK (fucked IE :o)*/
min-height:900px;
}

#banner-index {
text-align: center;
margin-top: 2px;
}

#banner-index a img {
border: 1px black solid;
}

#droite {
position: absolute;
right:0;
margin-top: 0px;
width: 165px;
background-color:#e6e6e6;
margin-right: 5px;
}

#droite-haut {
padding-left: 2px;
padding-top: 1px;
border-style: solid;
border-width: 1px;
border-color: black;
background-color: #ffffff;
text-decoration: none;
}

#droite-haut a {
text-decoration: none;
color: black;
font-size: 13px;
font-familly: Arial;
line-height: 24px;
vertical-align: middle;
}

#droite-haut a img {
text-decoration: none;
float: left;
border-width: 0px;
width: 15px;
height: 20px;
margin-right: 2px;
margin-bottom: 2px;
margin-top: 2px;
}

#droite-bas {
padding:2px;
padding-top:5px;
padding-bottom:5px;
border-style:solid;
border-width:1px;
border-color:black;
background-color:#ffffff;
margin-top: 10px;
text-align: center;
}

#droite-bas a img {
width: 150px;
height: 50px;
border-width: 0px;
}

#copyright{
padding-top:5px;
padding-bottom:5px;
margin: auto;
text-align: center;
background-color: #e6e6e6;
}

.news-titre {
border-bottom:1px solid black;
margin-bottom: 10px;
}

.news-titre a {
font-size: 120%;
color: black;
text-decoration: none;
font-weight: bold;
text-align: left;
}

.news-navigation{
text-align: center;
text-decoration: none;
color: black;
}

.news-navigation a{
text-align: center;
text-decoration: none;
color: black;
}

.img_news{
float: right;
width: auto;
text-align:center;
margin-right: 5px;
margin-left: 5px;
margin-bottom: 5px;
border:1px solid black;
}

.news-texte{
position:relative;
text-align: justify;
margin-bottom: 30px;
}
.news-date a{
text-decoration: none;
}
.news-date{
text-align: right;
border-bottom:1px solid black;
margin-top:10px;
padding-right:5px;
margin-bottom: 20px;
}
.source a{
text-decoration: none;
color:black;
}
.source {
float:right;
text-align:center;
width:50px;
border-style:solid;
border-width:1px;
padding-right:5px;
border-color:black;
margin-bottom: 5px;
}



/*  ARTICLE-LIST  */

.list-article-titre {
border-bottom:1px solid black;
margin-bottom: 10px;
font-size: 120%;
color: black;
text-decoration: none;
font-weight: bold;
text-align: left;
}
.list-article-texte img{
float:left;
width:150px;
height:113px;
position:relative;
top: 0px;
left: 0px;
margin-right: 5px;
border:1px solid black;
}
.list-article-texte{
vertical-align: middle;
height: 113px;
margin-bottom: 5px;
}
.list-article-texte a{
text-decoration: none;
color: black;
}
.list-article-date a{
text-decoration: none;
margin-right: 4px;
}
.list-article-date{
text-align: right;
border-bottom:1px solid black;
margin-top:10px;
padding-right:5px;
margin-bottom: 20px;
}




.accueil-titre{
border-bottom:1px solid black;
margin-bottom: 10px;
font-size: 120%;
color: black;
text-decoration: none;
font-weight: bold;
text-align: left;
}
.accueil-news-texte a {
color: navy;
text-decoration: none;
}

.accueil-article-texte img{
float:left;
width:150px;
height:113px;
position:relative;
top: 0px;
left: 0px;
margin-right: 5px;
margin-bottom: 5px;
border:1px solid black;
}
.accueil-article-texte{
vertical-align:middle;
height:100px;
}

a {
text-decoration: none;
}






/* Ajout Par Trouffman pour mise en forme des articles */

#art_bordure{
 border-style: solid;
 border-color: #6699CC;
 border-width: 1px;
 padding: 2px;
 }

#art_auteur{ font-family: arial;
 color: #6699CC;
 font-weight: bold;
 float: left;
 padding-left: 10px;
 }

#art_auteur a{ color:Blue;
 text-decoration:underline;}

#art_heure { font-family: arial;
 color: #6699CC;
 font-weight: bold;
 text-align: right;}



#art_titre{     /* Mise en forme du titre de l'article (écriture Bleu clair avec bordure inférieur noire) */
 border-bottom:1px solid black;
 margin-bottom: 10px;
 margin-top:4px;
 padding-left:12px;
 font-size: 120%;
 color: #6699CC;
 text-decoration: none;
 font-weight: bold;
 text-align: left;
 }


#art_titre_old{                    /* Mise en forme de l'article suivant l'ancien modele (texte blanc sur fond bleu) */
 border: none;
 margin-bottom: 10px;
 margin-top: 4px;
 padding-left: 12px;
 font-size: 120%;
 color: white;
 text-decoration: none;
 font-weight: bold;
 text-align: left;
 background-image: url(images/bandeau.gif);
 line-height: 20px;
 width: 688px;
 vertical-align: middle;
 }

#art_contenu {
 text-align: justify;
 font-size: 12px;
 line-height:normal;
 }

.art_contenu {
 text-align: justify;
 font-size: 12px;
 line-height:normal;
 }

.art_bordure_img a img {
border-width: 1px;
border-color: black;
border-style: solid;
}

.art_non_bordure_img a img {
border-style: none;
border-color: white;
border-width: 0px;
}

.art_non_bordure_img img {
border-style: none;
border-color: white;
border-width: 0px;
}

a img {
 border-style: none;
}




#art_intro{                 /* Défini le style pour le bloc de l'intro! */
padding: 5px 5px 5px 5px;
 }


#art_intro_centre{   /* Défini le style pour le bloc de l'intro(centrée) */
 padding: 5px 5px 5px 5px;
 text-align: center;     /* Aligne les éléments au centre */
 }


#art_sign     /* Défini le style pour la signatureen fin d'article */
{
 text-align: right;
 text-decoration: underline;}



.art_warning_red   /* Met en forme un bloc de mise en garde ou d'information importante */
{
 font-size: 10pt ;
 color: Red;             /* Ecrit le texte en rouge */
 font-weight: bold ;     /* Ecrit le texte en gras */
 text-align:center;     /* Aligne le texte au centre */
 }

.art_img_centre    /* A utiliser pourmettre une image au centre du bloc */
{
 text-align:center;
 margin:1%;    /* Crée une marge de 1% autour de l'image */
   }


.art_txt_img{                  /* A utiliser pour mettre le texte a gauche et une image a droite */
 text-align: justify;          /* Aligne le texte à gauche */
 margin-top: 1%;           /* crée une marge externe en haut du bloc */
 margin-left: 2%;       /* crée une marge externe à gauche du bloc */
 margin-right: 2%;         /* crée une marge externe à droite du bloc */
 margin-bottom: 3%;        /* crée une marge externe en bas du bloc */
 }


.art_txt_img img{               /* Classe automatique : assigne l'image dans le bord droit du bloc */
 float:right;               /* L'image est positionnée à droite sans bloquer la partie gauche */
 margin-left:4%;            /* Crée une marge à gauche de l'image (n'affecte les bord del'image) */
 position:relative;}

.art_spacer { clear:both;}    /* Permet d'adapter la taille du bloc suivant le plus gros element. */



.art_img_txt{                  /* A utiliser pour mettre une image à gauche et le texte à droite */
 text-align:left;          /* Aligne le texte à gauche */
 margin-top: 1%;           /* crée une marge externe en haut du bloc */
 margin-left: 2%;       /* crée une marge externe à gauche du bloc */
 margin-right: 2%;         /* crée une marge externe à droite du bloc */
 margin-bottom: 3%;        /* crée une marge externe en bas du bloc */
 }


.art_img_txt img{             /* Classe automatique : assigne l'image dans le bord droit du bloc */
float:left;                  /* L'image est positionnée à gauche sans bloquer la partie gauche */
margin-right:4%;             /* Crée une marge externe à gauche de l'image */
position:relative;}


.art_bordure_img a img{
border-width: 1px;
border-color: Black;
border-style: solid;
}

.art_bordure_img img{
border-width: 1px;
border-color: Black;
border-style: solid;
}

.art_img_bordure a img{
border-width: 1px;
border-color: Black;
border-style: solid;
}

.art_img_bordure img{
border-width: 1px;
border-color: Black;
border-style: solid;
}


.art_img_album{               /* A utiliser pour afficher au centre un groupe de photo */
    text-align:center;     /* permet d'aligner au centre */
                           /* Il n'y as pas de nombre d'images limite ;) */
 }
.art_img_album img{           /* Classe automatique des images contenue dans le bloc */
 margin: 1%;               /* Défini l'espacement entre chaque photos de la classe maitrésses */
 height: 180px;            /* Hauteur de l'image */
 width: 240px;             /* Largeur de l'image */
}

.art_titre_partie           /* A utiliser pour mettre en forme les titres à l'intérieur des articles */
{
    font-family:Verdana;
    font-style:normal;
    font-weight:bold;
    color: Black;
    margin-bottom:5px;
    font-size: 14px;
    font-style:italic;
}

h1 .art_titre_partie            /* A utiliser pour mettre en forme les titres à l'intérieur des articles */
{
    font-family:Verdana;
    font-style:normal;
    font-weight:bold;
    color: Black;
    margin-bottom:5px;
    font-size: 2;
    font-style:italic;
}


.art_bilan                  /* A utiliser pour afficher le bilan  */
{ width:500px;
margin-left:auto;
margin-right:auto;
border-color: black;
border-width: 1px;
border-style: solid;
}

.art_col_double {
width: 50%;
float: left;
text-align: center;
margin-left: auto;
margin-right: auto;
}

.art_col_double a img{
text-align: center;
margin-bottom: 2%;
}

.art_col_double p {
margin-top: 0px;
padding-top: 0px;
}

.art_img_leg {
width: 280px;
text-align: center;
margin-left: auto;
margin-right: auto;
}

.art_img_leg a img {
text-align: center;
margin-left: auto;
margin-right: auto;
}

.art_img_col_droite{
float: right;
width: auto;
}



.art_materiel_prog {
width: 50%;
float: left;
margin-bottom: 4%;
}



.art_bilan td
{
    width:250px;
    text-align:left;}

.art_bilan td div
{
    text-align:center;}



.art_liste_rond li
{
list-style-type : circle;
margin-left: 20px;
}


.rouge{color:Red;}

.vert_clair{color:#009966;}

.gras{font-weight:900;
    font-size: 16px;}


.socplayer{
text-align: center;
}

//-- Style concernant la page des Vmods du net

.vmods_categorie{
text-align: center;
margin-bottom: 2%;
}

.vmods_logo_categorie{
float: left;
padding-right: 2%;
}

.vmods_texte_intro{
height: 90px;
}

.vmods_logo_marque {
text-align: center;
width: 90px;
height: 11px;
_height: 11px;
}

.vmods_logo_marque img{
height: 100%;
}

.vmods_td_titre {
width: 210px;
}

.vmods_td_description {
width: 210px;
}

.vmods_td_url {
width: 25px;
}

.vmods_td_origine {

}

.vmods_categorie table{
width: 100%;
margin-bottom: 5%;
border-color: #778899;
border-width: 1px;
border-style: solid;
}

.vmods_categorie table td {
border-color: white;
border-width: 2px;
border-style: solid;
}

.vmods_categorie th{
font-weight: bold;
text-align: left;
}


/* Questionnaire event */

.event-info-div
{
width: 49%;
margin: 0px;
padding: 0px;
float: left;
}

.event-info-div input
{

}

.event-info-m
{
margin-top: 10px;
}

.event-membre
{
font-size: 15px;
}

.event-question
{
margin-top: 10px;
margin-bottom: 0px;
}

#questionnaire
{
margin-bottom: 10px;
}

#questionnaire input
{
margin: 0px;
width: 500px;
}