/* CSS Document */

body 
{
    behavior:url("./htc/csshover.htc");
}

html, body {
min-height : 100%; 
width : 100%; 
height : 100%; 

} 

html > body {
height : auto; 
} 
body {
margin : 0; 
padding : 0; 
font-family : Arial, Helvetica, sans-serif; 
} 

* 
{font-size:12px;
    }


/* TEXTE */
iframe h1{
background-image:url('http://www.brusselsstudies.be/images/red_square.jpg');
background-repeat:no-repeat;
font-size:16px;
text-indent:25px;
font-weight:bold;
color:#d13328; 
}
h1{
background-image:url('http://www.brusselsstudies.be/images/red_square.jpg');
background-repeat:no-repeat;
font-size:16px;
text-indent:25px;
font-weight:bold;
color:#d13328; 
}

h2{
padding:10px;
border:solid 1px #678d82;
background-color:#f0fffa;
font-weight:bold;
font-size:14px;
color:#005447;
 }

h3{
font-weight:bold;
font-size:12px;
color:#005447;
text-align:justify;
}


h5{
padding:10px;
background-color:#f0fffa;
font-weight:bold;
font-size:12px;
color:#005447;
 }

p{
margin : 0; 
font-size : 12px; 
color : #005447;
padding:5px;
padding-left:10px;
border-left:solid 1px #678d82;
text-align:justify;
} 
 label{
margin : 0; 
font-size : 12px; 
color : #005447;
text-indent:10px;
text-align:justify;
} 

a {
text-decoration : none; 
color : #d13328; 
} 
a:hover {
text-decoration : underline; 
color : #d13328; 
} 

.Publication
{
font-weight:bold;
font-size:16px;
color:#005447;
}



/* DIVs >>>  Dans l'ordre ds lequel ils apparaissent ds le code */

marquee 
{
	font-weight:bold;
	font-size:12px;
	color:#005447;
	margin:0;
}

#global 
{
	margin-top:60px;
	
	width : 80%;
	margin-left:auto;
	margin-right:auto;


} 


#bs_top{
	width : 100%; 
	height : 74px;
	background-image:url('http://www.brusselsstudies.be/images/persos.jpg');
	background-repeat:repeat-x;
}

#logo {
	width : 422px; 
	height : 74px;
	background-image:url('http://www.brusselsstudies.be/images/logo.jpg');
	background-repeat : no-repeat; 
} 


#titre_page{
	height:30px;
	background-image:url('http://www.brusselsstudies.be/images/titre_page.jpg');
	background-repeat:no-repeat;
}
.lblPageTitre 
{
	width:248px;
}
#titre_page h3
{
	margin-top:8px;
	display:block;
	height:30px;
	float:left;
	margin:Opx;
	font-size:14px;
	color:#FFFFFF;
	padding-left:50px;
}


#lng{
	height:30px;
	width:84px;
	background-image:url('http://www.brusselsstudies.be/images/lng.jpg');
	float:right;
	background-repeat:no-repeat;
}

#lng a {
	color:#FFFFFF;
	font-size:12px;
	font-weight:bold;
	padding-left:12px;
}

#menu_global{
	clear:left;
	margin-top:10px;
	margin-bottom:30px;
	margin-left:10px;
	margin-right:25px;
	float:left;
	width:175px;
}
#center 
{

}
#menu_top {
	background-image:url('http://www.brusselsstudies.be/images/menu_top.jpg');
	background-repeat:no-repeat;
	width:200px;
	height:40px;
} 


#menu_bottom{
	background-image:url('http://www.brusselsstudies.be/images/menu_bottom.jpg');
	background-position:bottom;
	background-repeat:no-repeat;
	width:200px;
	height:140px;
}

#menu_bottom h4{
	padding-top:60px;
	font-size:10px;
	color:#005447;
	margin:0px;
	padding-left:20px;
}

#menu_global ul {
	margin : 0px; 
	padding : 0px; 
	padding-bottom: 30px;
	display:block;
	height:auto;
	width:197px;
	border-left:solid 1px #678d82;
	border-right:solid 1px #678d82;
	background-color:#f0fffa;
	font-size:12px;
	font-weight:bold;

} 

#menu_global li {
list-style-type:none;
line-height:30px;
color: #005447;
font-size:11px;
margin : 0px; 
padding: 0px;
padding-left:10px;
} 


#menu_global a
{
background:url('http://www.brusselsstudies.be/images/arrow_empty_menu.jpg') left center no-repeat;
padding-left:30px;


}

#menu_global li :hover
{
	background-image:url('images/arrow_menu.jpg');
	background-position:left;
	background-repeat:no-repeat;

}

/*#menu_global a:visited{
background:url('http://www.brusselsstudies.be/images/arrow_blue_menu.jpg) left center no-repeat;
} apparement ça ne fonctionne pas comme souhaité...*/


/* chemin_liens >> probablement pas sur la page d'accueil dans la version définitive. Ici à titre d'example pour savoir où le placer */

#chemin_liens{
	height:auto;
	padding-top:10px;
	margin-bottom:30px;
	margin-left:275px;
	color: #005447;
	font-size:11px;
}
/*
#chemin_liens  {
width:auto;
margin : 0px; 
padding : 0px; 
font-size:12px;
font-weight:bold;
border:none;

} */

#chemin_liens a {
	color: #005447;
	font-size:11px;
	margin : 0px; 
	padding: 0px;
	font-weight:bold;
	text-decoration:underline;
} 
#chemin_liens a:hover 
{
	text-decoration:none;
} 


/* Cadre contenant le contenu de la page */

#contenu_page{
	height:auto;
	width:60%;
	margin-left:235px;
	margin-bottom:30px;
	margin-right:30px;
}

#contenu_page ul {
	margin : 0px; 
	padding : 0px; 
	border:none;
	font-size:11px;
} 

#contenu_page li {
	line-height:normal;
	list-style-type:none;
	margin : 0px; 
	padding: 0px;
	padding-left:10px;
	background-color:#FFFFFF;
	font-weight:normal;
} 


#pdf{
	margin-top:30px;
	margin-bottom:30px;
	height:37px;
	width:100%;
	background-image:url('http://www.brusselsstudies.be/images/arrow_pdf.jpg');
	background-repeat:no-repeat;
}

#pdf a{
	padding-left:80px;
	font-size:10px;
}

hr{
	color:#678d82;
}

span 
{
	margin:0;
	padding:0;
}

#bas_page
{
    clear:both;
	height:43px;
	background-image:url('http://www.brusselsstudies.be/images/bottom_back.jpg');
	background-position:0 0;
	background-repeat:repeat-x;
	text-align:center;
	position:relative;
	width:768px; margin:auto;

}

#bas_page ul 
{
    
	width:auto;
	margin : 0px; 
	padding : 0px; 
	font-size:12px;
	font-weight:bold;
	border:none;
	height:46px;
	padding-top:15px;

} 

#bas_page li {
	display:inline;
	list-style-type:none;
	color: #005447;
	font-size:11px;
	margin : 0px; 
	padding: 0px;
	padding-left:15px;
} 

#image-left{
height:43px;
width:46px;
float:left;
background-image:url('http://www.brusselsstudies.be/images/bottom_left.jpg');
}

#image-right{
height:43px;
width:46px;
float:right;
background-image:url('http://www.brusselsstudies.be/images/bottom_right.jpg');
}


/* Fin structure page type */


/*PAGE "qui sommes-nous?"  >>  STRUCTURE: page de base + insertion du div sommaire juste avant le div "#contenu_page" (qui contient h5 et p)*/


/* sommaire > contient h1 ul,li,a    a pointant vers une ancre nommée correspondant au titre du paragraphe */

#sommaire{
height:auto;
width:70%;
float:right;
margin-bottom:30px;
}

#sommaire ul {
width:auto;
margin : 0px; 
padding : 0px; 
font-size:12px;
font-weight:bold;
border:none;

} 

#sommaire li {
float:left;
list-style-type:none;
line-height:30px;
color: #005447;
font-size:11px;
margin : 0px; 
padding: 0px;
padding-left:30px;
} 




/*PAGE "s'incrire/se désinscrire" >> je t'envoie le code et images du div formulaire ce lundi ds la journée*/

/*PAGE "Soumettre un article" >> similaire à "Qui sommes-nous"*/

/*PAGE espace presse >> h3 pour le chapeau, h1 et h3 pour les différents communiqués de presse. Lien "a" sous la forme de la mention "lire" à la suite du h3*/ 

/*PAGE contact >> formulaire standard avec #005447 pour le texte des boutons et des champs, #678d82 pour les contours de champ (si possible). Le rouge #d13328 pour marquer les champs obligatoires*/

/*PAGE Archives >> je t'envoie le code et les images du div formulaire ds la journée. Je te laisse organiser cette page parce que je ne sais pas comment tu vas la faire. Tu trouveras un visuel ds le zip layout*/



/*ESPACE MEMBRE >> je dois encore réaliser le design de l'espace membres*/




/*PAGE "s'incrire/se désinscrire" >> */

#inscription 
{

}
#inscription{
height:auto;
width:700px;
margin-top:10px;
background-image:url('http://www.brusselsstudies.be/images/inscription_right_back.jpg');
background-repeat:repeat-y;
background-position:right top;
z-index:1;
}

#inscription_right_global
{
height:100%;
width:156px;
background-image:url('http://www.brusselsstudies.be/images/inscription_right_back.jpg');
background-repeat:repeat;
float:right;
}

#inscription_right
{
z-index:2;
height:443px;
width:156px;
background-image:url('http://www.brusselsstudies.be/images/inscription_right.jpg');
background-repeat:no-repeat;
}
#inscription_right_bottom{
height:23px;
width:156px;
background-image:url('http://www.brusselsstudies.be/images/inscription_right_bottom.jpg');
background-repeat:no-repeat;
float:right;
}
#inscription_button{
background-image:url('http://www.brusselsstudies.be/images/inscription_button.jpg');			
height:42px;
width:105px;
position:relative;
left:10px;
top:220px;}



#inscription_left_global{
height:auto;
width:544px;
background-image:url('http://www.brusselsstudies.be/images/inscription_left_back.jpg');
background-repeat:repeat-y;
float:left;

}
	
#inscription_left{
height:443px;
width:544px;
background-image:url('http://www.brusselsstudies.be/images/inscription_left.jpg');
background-repeat:no-repeat;
}
#inscription_form{
height:auto;
width:510px;
padding-left:20px;
padding-top:20px;

}




#inscription_left_bottom{
    height:23px;
    width:544px;
    background-image:url('http://www.brusselsstudies.be/images/inscription_left_bottom.jpg');
    background-repeat:no-repeat;
    float:left; 
}

#chk label 
{
    width:350px;
    clear:both;
  

}
#chk 
{
margin-bottom:0;

}
select 
{
font-size:10px;
 
}

#archivesCSS h3 
{
    margin-bottom:5px;
    margin-top:15px;
}

#archivesCSS input, #archivesCSS select 
{
    border:1px solid #d13328;
}

#archivesCSS span 
{
    color:#d13328;
    font-size:10px;
    font-style:italic;
}

.ddarchive
{
    width:400px;    
}