@charset "iso-8859-1";
body{background:#666; font-family:arial,verdana,sans-serif; font-size:10px; color:black; text-align:center; }
#page{position:relative; margin:0 auto; text-align:left; background:url(images/beca_index/beca_fd_index.jpg); width:950px; height:486px;}
#page_interieur{position:relative; margin:0 auto; padding:0; text-align:left; background:url(images/font_page.gif); width:950px;}

.beca{display:none; */

}

/* Entete */
#entete{position:relative; margin:0 auto; text-align:left; background:url(images/beca_entete/beca_entete.gif); width:950px; height:102px;}

/* Logo */
#beca_logo{position:absolute; left:30px; top:140px;; }
#entete #logo{background:url(images/beca_index/beca_logo.gif) 0px -25px; width:300px; height:65px; position:absolute; left:10px; top:10px;}
#entete #logo a{display:block; width:270px; height:60px;}

/* Pied */
#pied{position:relative;margin:0 auto; text-align:left; background:url(images/beca_pied/beca_fond_pied.jpg) no-repeat; width:950px; height:15px;}

/* Navigation */
ul#nav_h, ul#nav_b, ul#nav_int, ul#legales{position:absolute; list-style-type:none; color:white; margin:0px; padding:0px;}
ul#nav_h{top:5px; position:absolute; left:450px;}
ul#nav_b{top:20px; left:400px;}
ul#nav_int{top:15px; left:400px;}

#nav_h li, #nav_b li, #nav_int li, #legales li{display:inline;}
#nav_h a, #nav_b a, #nav_int a, #legales a{color:white; font-weight:bold; text-decoration:none; font-size:1.1em;}
#nav_h a:hover, #nav_b a:hover, #nav_int a:hover, #legales a:hover{color:yellow;}
#gb{position:absolute; left:393px; border:solid 1px #039;}
#gb_interieur{position:absolute; left:-40px; border:solid 1px #039;}

/* Présentation */
#presentation{position:absolute; left:25px; bottom:15px; margin:0px; padding:0px; line-height:1.4em; color:#039; font-size:1.5em; width:250px;}
cite{font-weight:bold;}

/* Texte défilant */
#texte_defilant{position:absolute; left:30px; bottom:190px;}

/* Colonnes */
#principal{position:relative; margin:0; padding:0;}
#gauche{float:left; width:320px; margin:25px 25px 0 25px; font-size:1.2em;}
#gauche h1{font-size:1.2em; margin-top:20px;}
#gauche h2{font-size:1.1em; margin-top:20px;}
#droite{float:left; width:550px; position:relative; left:30px; top:-20px;}
#gauche ul h1{margin:0 0 10px -20px;; padding:0;}

/* cadres */
dl{position:relative; background:url(images/cadre_page.gif) no-repeat bottom; width:545px; height:210px; margin:0; padding:0; font-size:0.9em;}
dl#double{height:413px;}
dl ul{list-style-type:square; margin:0px; padding:0; width:200px;}
dl li{margin-left:30px; padding:0;}
dt{background:url(images/cadre_page.gif);  font-size:1.2em; color:#369; padding:20px 20px 0px 20px;}
dt .titre{font-weight:bold; margin-bottom:10px;}
dt p{width:200px; margin:3px 0px;}
dd{padding-bottom:20px;}
dd img{position:absolute; width:300px; height:200px; right:5px; top:5px;}

/* Actualité page index */
#actu{position:absolute; width:340px; height:110px; top:15px; left:25px; padding:5px;}
#actu h1{font-size:2em; margin:0px; padding:0px;}
#actu p{font-size:1.1em; width:250px;}
#actu img{display:block; position:absolute; right:35px;}


/* Actualités pages intérieures */
ul.actualites{position:relative; min-height:250px; padding:0 0 10px 0; margin:0 10px 10px 25px; border-bottom:1px dotted #666;}
ul.actualites li{list-style-type:none; position:relative; width:350px;}
ul.actualites h2{font-size:1em; font-weight:bold; letter-spacing:1px; margin:0; padding:5px 0;}
ul.actualites h3{font-size:1.5em; letter-spacing:1px; margin:0; padding:5px 0;}
ul.actualites p{font-size:1em; margin:0; padding:5px 0; color:black;}
ul.actualites img{position:absolute; right:50px; top:0; width:500px; height:250px;}

/* Formulaire */
form{text-align:left;}
label{display:inline; float:left; width:150px; font-weight:bold; text-align:right; margin-right:10px; padding-top:5px;} 
input, textarea{margin:3px;font-family:arial;font-size:12px;}
.rouge{color:red;}