/************************ Global ************************/
*{margin:0;}
html, body{height:100%; font-family:Arial, Helvetica, sans-serif; color:#484848; text-align:left;}
h1, h2, h3, h4, h5, h6 {margin:0; font-weight: bold; font-style: normal; font-family:Arial, Helvetica, sans-serif; color:#a51410;} 
h1 {border:0;}
h2 {font-size: 1.5em;} 
h3 {font-size: 1.25em; color:#a51410; margin:10px 0px;} 
h3 a{color:#a51410; margin:10px 0px;}
h3 a:hover{color:#a51410; margin:10px 0px; text-decoration:underline;}
h4 {font-size: 1em;} 
.wrapper {min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -30px; width:100%; padding:0; text-align:left;}
.push{height:30px;}
a{text-decoration:none;}
a:hover{text-decoration:underline;}
.bold{font-weight:bold;}
img{border:0;}
.stop{clear:both;}
.left{float:left;}
.right{float:right;}
.hidden{display:none;}


/************************ Banner ************************/
#banner{position:absolute; width:100%; margin:0; padding-top:7px; text-align:left; background:url(../images/bg_banner.png) repeat-x top left; height:32px; color:#fff;}
#banner ul{list-style-type:none; margin:0; padding-left:10px;}
#banner li{display:inline;}
#banner img{vertical-align:middle;}
#banner a, #banner a:hover{color:#fff;}
.logo_banner{}
#publications_banner{display:inline;}
#acces_publication_banner{border:0px; background:url(../images/banner_select.png) no-repeat top left; padding-left:3px; color:#999; width:200px; font-size:0.9em; height:18px;}


/************************ Header ************************/
#header{width:auto; height:191px; background:url(../images/bg_header.png) no-repeat top center;}
#header_content{width:960px; margin:0 auto;}
#logo{float:left; margin-top:40px;}
#slogan{float:left; margin:72px 0px 0px 20px;}
#compteur{float:right; background:url(../images/bg_compteur.png) no-repeat top left; width:265px; height:63px; margin-top:30px; text-align:center; color:#fff; padding-top:2px;}
.titre_compteur{font-size:1.1em; font-weight:bold; line-height:25px;}
.date_actus{font-size:0.9em; font-weight:bold;}

/************************ Contenu ************************/
#content{width:80%; margin:0 auto; padding-top:20px;}
#left{float:left; width:200px;}
#right{width:auto; overflow:hidden; padding-left:10px;}
#fildariane{width:auto; height:30px; line-height:30px; vertical-align:middle; background:url(../images/bg_fildariane.png) repeat-x top left; margin:7px 0px 14px 0px; padding-left:10px; color:#484848;}
#fildariane a, #fildariane a:hover{color:#484848;}
#presentation{font-size:1.1em; font-weight:bold; font-style:italic; width:80%; margin:25px auto 25px auto; text-align:center;}
.content_text, .content_plan{margin:0 auto; padding:10px 0px;}
.content_plan{line-height:30px;}
.content_text p, .content_text ul{margin-bottom:10px;}
.content_text a, .content_plan a{color:#484848; text-decoration:underline;}
.content_text a:hover, .content_plan a:hover{text-decoration:none; color:#fff; background-color:#a51410;}
#formulaire_ecrire_auteur_ar3{margin-top:20px;}
#formulaire_ecrire_auteur_ar3 legend{font-size: 1.25em; color:#a51410; margin:0px;}
#formulaire_ecrire_auteur_ar3 input.submit{background:url(../images/bg_envoyer.png) no-repeat top left; text-align:center; color:#fff; border:0; width:143px; height:24px; cursor:pointer;}
.content_plan{line-height:30px;}

/************************ Menu ************************/
#menu{width:200px; list-style-type:none; margin:0; padding:0;}
#menu li a{display:block; width:191px; height:44px; background:url(../images/bg_menu1.png) no-repeat top left; line-height:44px; vertical-align:middle; padding-left:15px; color:#fff; /*font-size:1.1em; font-weight:bold;*/}
#menu li a:hover, #menu li a.on{background:url(../images/bg_menu2.png) no-repeat top left; color:#fff; text-decoration:none; font-weight:bold;}


/************************ Actus ************************/
#actus{margin-top:30px; padding:0; width:200px;}
#actus_top{display:block; width:191px; height:40px; background:url(../images/bg_actus_top.png) no-repeat top left; line-height:40px; vertical-align:middle; padding-left:15px; padding-top:2px; color:#fff; /*font-size:1.1em; font-weight:bold;*/}
#actus_content{display:block; margin-left:8px; border:1px solid #ccc; border-top:0; padding:10px; margin-top:-2px; width:152px; font-size:0.9em;}
#actus_content ul, #actus_content li{list-style-type:none; margin:0; padding:0;}
#actus_content li{margin-bottom:10px; line-height:13px;}
#actus_content li a, #actus_content li a:hover{color:#484848;}
#tteslesactus{display:block; float:right; width:107px; height:21px; background:url(../images/bg_tteslesactus.png) no-repeat top left; line-height:21px; vertical-align:middle; padding-left:5px; color:#fff; font-size:0.9em;}

/************************ Footer ************************/
#footer{height:30px; line-height:30px; vertical-align:middle; text-align:center; color:#fff; background:url(../images/bg_footer.png) repeat-x top left;}
#footer a, #footer a:hover{color:#fff;}

/************************ Dialog 2.1 ************************/
/* DONT CHANGE */
* html .fixed { position:absolute }
.fixed { position:fixed }

/* DIALOG CORE */
#dialog-overlay { top:0;left:0;width:100%;height:100%;z-index:900 }
#dialog-container { overflow:hidden;z-index:901 }

/* DIALOG TOP */
#dialog-top{display:none;}
#dialog-title{color:#333}
#dialog-close{color:#fff;padding-left:5px}
#dialog-close:hover{color:#ccc}

/* DIALOG BOTTOM */
#dialog-bottom {background:#eee;border-top:1px solid #ccc;color:#666;padding:5px;text-align:center;font-size:12px}
#dialog-bottom .next,
#dialog-bottom .prev{color:#ccc;font-weight:bold;color:#333}
#dialog-bottom .next:hover,
#dialog-bottom .prev:hover{color:#f90}
#dialog-bottom .next{padding-left:10px}
#dialog-bottom .prev{padding-right:10px}
#dialog-bottom .curr{}

/* DIALOG MISC */
#dialog-loading{color:#ccc;font-weight:bold;text-align:center;padding:20px}

/* DIALOG PREDEFINED */
/*#dialog-container {border:1px solid #82745A;}*/
#dialog-container .alert,
#dialog-container .confirm { text-align:center;color:#999 }
#dialog-container .alert input,
#dialog-container .confirm input { font-weight:bold;width:75px }

/* DIALOG PERSONAL */
#dialog-container .myFirstDialog { color:orange;font-size:20px;}


/************************ MMD ************************/
.mmd_entete{font-weight:bold; font-size:1.2em; color:#fff; background:url(../images/mmd_entete.png) repeat-x top left; height:31px; line-height:31px; vertical-align:middle;}
.mmd_entete_left{display:block; float:left; background:url(../images/mmd_entete_left.png) no-repeat top left; width:11px; height:31px;}
.mmd_entete_right{float:right; background:url(../images/mmd_entete_right.png) no-repeat top left; width:11px; height:31px;}
.mmd_content{border:1px solid #e2e2e2; padding:15px 10px; margin-bottom:30px; background:url(../images/mmd_content.png) repeat-x bottom left;}
.mmd_titre_detail{font-weight:bold;font-size:1.5em; color:#a51410;}
.float_left{display:block; float:left; margin:0; padding:0;}
.btn_liste{background:url(../images/bg_liste.png) no-repeat top left; text-align:center; color:#fff; border:0; width:65px; height:24px; cursor:pointer;}