/* CSS DDO, Zourga. */
/* Style gŽnŽraux */
html, body {
	height:100%;
}
body {
	background-color:#A5AEAD;
	text-align:center;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:12px;
	color:#000000;
}
body, img, div, table, td, tr, th, h1, ul, li, h1, h2, h3, p {
	margin:0;
	padding:0;
	border:none;
}
p {
	margin-bottom:15px;
}
a, a:link, a:visited {
    color:#660000;
    text-decoration:none;
}
a:hover, a:visited:hover {
    color:#CC1100;
    text-decoration:none;
}
/* Container global */
#site {
    width:880px;
    height:100%;
    margin:0 auto 0 auto;
}
/* Header */
#entete {
    width:880px;
    height:253px;
    background-image:url('http://jolstatic.fr/ddo/site/img/entete.jpg');
    background-repeat:no-repeat;
}
#menu_top { /* Voir en bas pour le style dŽtaillŽ du menu */
    width:816px;
    height:28px;
    margin:1px auto 0 auto;
    background-color:#A7A28F;
}
#lien_entete {
    display:block;
    width:100%;
    height:200px;
}
/* Corps de la page */
#corps {
    width:880px;
    min-height:100%;
}
/* Cadres forum-actus-capture */
#cadres {
    width:880px;
    height:160px;
    padding-left:30px;
    background-image:url('http://jolstatic.fr/ddo/site/img/cadres.jpg');
    background-repeat:no-repeat;
    background-position:left top;
    text-align:left;
}
#cadre_gauche {
    float:left;
    width:192px;
    height:105px;
    overflow:hidden;
    margin-left:25px;
    margin-top:26px;
    padding-left:3px;
}
#cadre_gauche ul {
    list-style:none;
}
#cadre_gauche li {
    padding:1px;
}
#cadre_droite {
    float:right;
    width:290px;
    height:105px;
    overflow:hidden;
    margin-top:27px;
    margin-right:84px;
}
#capture {
    width:160px;
    height:105px;
    margin-left:280px;
    padding-top:29px;
    text-align:center;
	cursor:default;
}
#capture img {
    max-height:102px;
    margin: 0 auto 0 auto;
}
/* Sous les cadres */
#contenu {
    overflow:auto;
    width:100%;
    background-image:url('http://jolstatic.fr/ddo/site/img/bg_centre.jpg');
    background-repeat:repeat-y;
    background-position:center top;
}
#pub {
    float:left;
    border:1px solid #43413A;
    width:120px;
    margin-left:50px;
    background-color:#9D988A;
}
#cadre_news {
    width:640px;
    margin-left:190px;
}
/* Style des news */
.news {
    width:646px;
    min-height:166px;
    background-image:url('http://jolstatic.fr/ddo/site/img/news_haut.png');
    background-repeat:no-repeat;
    margin-bottom:15px;
    padding-top:10px;
}
.news_titre {
    margin:0px 4px 0px 3px;
    width:632px;
    height:27px;
    text-align:left;
    padding-left:3px;
}
.news_titre h1, .news_titre h2 {
    color:#660000;
    font-size:12px;
}
.news_titre h2 {
    font-size:10px;
}
.news_contenu {
    text-align:left;
    margin:3px 3px 0px 0px;
    background-color:#A6A18F;
    background-image:url('http://jolstatic.fr/ddo/site/img/news_bas.jpg');
    background-repeat:no-repeat;
    background-position:-1px -1px;
    border:1px solid #000000;
    border-top:none;
    width:638px;
    min-height:110px;
}
.news_texte {
    margin:8px;
    margin-top:0px;
    padding-top:5px;
}
.news_texte .vignette {
    float:right;
    margin:5px;
}
.news ul {
    margin:15px;
}
/* Footer */
#bas {
    width:100%;
    height:179px;
    background-image:url('http://jolstatic.fr/ddo/site/img/bas.jpg');
    background-repeat:no-repeat;
}
#bas span {
    display:block;
    font-size:10px;
    padding-top:110px;
}
/* Menu */
#menu, #menu ul {
	list-style : none;
	line-height : 28px;
	text-align : center;
}
#menu ul {
        border:1px solid #000000;
}
#menu {
	font-weight : bold;
	font-size : 11px;
	z-index:300; !important
}
#menu a {
	display	: block;
	color : #660000;
        background-color:#A7A28F;
	text-decoration : none;
	width : 115px;
}
#menu li ul a {
        width:165px;
}
#menu li { 
	float : left; 
}
html>body #menu li {
	border-right:1px solid #000000;
}

#menu li ul { 
	position: absolute;
	width: 165px;
	left: -999em;
        margin-left:-1px;
        z-index:300;
}
#menu li ul li {
	border-bottom : none;
}
html>body #menu li ul li {
	border-bottom : none;
}
#menu li ul ul {
	margin		: -29px 0 0 165px ;
}
#menu a:hover {
	color: #CC1100;
	background: #BFB9A4;
}
#menu li:hover ul ul, #menu li.sfhover ul ul {
	left: -999em;
}
#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul {
	left: auto;
	min-height: 0;
}
/* Les trucs ˆ D_A... */

/* Ce qui concerne le tableau des compŽtences par classe */

.tableaucompetences
{
	width : 100%;
	text-align : center;
}

.tableaucompetences td
{
	padding : 2px;
}

.tableaucompetences img
{
	width : 32px;
}

.celluleimagetextehaut
{
	vertical-align : top;
}

.celluleimagetextegauche
{
	text-align : left;
}

/* Ce qui concerne le tableau dynamique des Žvolutions */

.tableauevolutions
{
	width : 100%;
}
/**
 * Tags - Container des tags
 */
div.jol_actus_tags {
    background-image:       url(http://jolstatic.fr/www/modules/Actualites/tag.gif);
    background-repeat:      no-repeat;
    background-position:    0 50%;
    margin:                 0;
    min-height:             15px;
    padding:                0 0 0 20px;
}

/**
 *  Tags - Liste des tags
 */
div.jol_actus_tags ul.jol_actus_tags_liste {
    list-style-type:    none;
    margin:             0;
    padding:            0;
}

/**
 *  Tags - Tag
 */
div.jol_actus_tags li.jol_actus_tags_tag {
    display:            inline;
    padding-right:      5px;
}

/**
 * Tags - SŽparateur
 */
div.jol_actus_tags li.jol_actus_tags_tag:after {
    content:    ',';
}
div.jol_actus_tags li.jol_actus_tags_tag_dernier:after {
    content:    '';
}
/**
 * Pages - Container
 */
div.jol_actus_pages {
    color:  #999;
    margin: 10px 100px;
}

/**
 * Pages - Liste des pages
 */
div.jol_actus_pages ul.jol_actus_pages_liste {
    margin:     0;
    padding:    0;
    text-align: left;
}

/**
 * Pages - Page
 */
div.jol_actus_pages li.jol_actus_page {
    list-style-type:    none;
    display:            inline;
    padding-bottom:     1px;
    margin-right:       3px;
}

/**
 * Pages - SŽparateur
 */
div.jol_actus_pages li.jol_actus_page_separateur {
    color:#000;
}

/**
 * Pages - Lien vers une page
 */
div.jol_actus_pages a.jol_actus_page_lien {
    border:             1px solid #000000;
    color:              #660000;
    padding:            2px 5px;
    text-decoration:    none;
    background-color:#A6A18F;
}

/**
 * Pages - Lien vers une page (survolŽ ou actif)
 */
div.jol_actus_pages a.jol_actus_page_lien:hover,
div.jol_actus_pages a.jol_actus_page_lien:active {
    border:             1px solid #444;
    color:              #CC1100;
}

/**
 * Pages - Lien vers la page courante
 */
div.jol_actus_pages a.jol_actus_page_lien_actif,
div.jol_actus_pages a.jol_actus_page_lien_actif:hover {
    background-color:   #A6A18F;
    color:              #fff;
    border-color:       #fff;
    font-weight:        bold;
    cursor:             default;
}

/**
 * Pages - Lien vers la page prŽcŽdente ou suivante
 */
div.jol_actus_pages a.jol_actus_page_lien_suivprec {
    color:              #00468C;
    font-weight:        bold;
}
div.jol_actus_pages a.jol_actus_page_lien_suivprec:hover {
    color:              #00468C
}

/**
 * Pages - Liens dŽsactivŽs
 */
div.jol_actus_pages a.jol_actus_page_lien_desactive,
div.jol_actus_pages a.jol_actus_page_lien_desactive:hover {
    border-color:       #ccc;
    color:              #ccc;
    cursor:             default;
    font-weight:        normal;
}