/* CSS Document  AFEM*/


* 
{
 padding:0;
 margin:0;
}

/*Styles Généraux*/

html , body
{
background: url(../img/body_background.jpg) no-repeat top right;
}

/*Insertion d'une bannière flash afem*/
#myContent
{
margin-left:50px;
}
/*Insertion d'une bannière flash afem*/

/*Insertion du bouton d'accès aux pages d'actu*/
#btn_acces
{
width:800px;
height:53px;
}
#btn_acces img
{
float:right;
}

#btn_acces img:hover
{
border:1px solid #999999;
}

body
{
margin: 0px;
padding: 0px;
color: #000000;
font-size: 0.80em;
font-family: Arial, Helvetica, sans-serif;
background-color: transparent;
}

a
{
text-decoration: none;
}

img
{
border: none;
}

li
{
list-style-type: none;
}



/*css du bloc div #contenant : ce bloc englobe l'ensemble du contenu*/

#contenant
{
background: transparent;
width: 840px;
height: 620px;
margin: 0 auto;
padding-top: 30px;
/*border: 1px solid #CCCCCC;*/
position: relative;
}

#contenant ul li a.bouton-retour
{
position: absolute;
top: 165px;
left: 26px;
color: #00C8FF;
}



/*css du bloc div .header : header intégrant le logo de l'AFEM, ainsi que les titres et l'espace boursier*/

.header
{
width: 820px;
background: transparent;
/*border: 1px solid #CCCCCC;*/
padding-left: 13px;
position: relative;
}

.header .logo_afem
{
width: 500px;
height: 90px;
}

.header .logo_afem img
{
width: 72px;
height: 89px;
float: left;
padding-right: 8px;
}

.header .logo_afem h1 h2
{
float: left;
}

.header .logo_afem h1 
{
font-size: 17px;
font-weight: bold;
color: #00C8FF;
}

.header .logo_afem h2 
{
font-size: 12px;
font-weight: normal;
color: #808080;
font-style: italic;
}

.header .background_espaceboursier
{
width: 186px;
height: 90px;
background: url(../img/bg_boursier.png) no-repeat top right;
position: absolute;
top: 1px;
right: 25px;
color: #808080;
padding-top: 20px;
}

.header .espace_boursier
{
width: 186px;
height: 90px;
/*background: url(../img/bg_boursier.png) no-repeat top right;*/
position: absolute;
top: 1px;
right: 25px;
color: #808080;
padding-top: 20px;
}

.espace_boursier p 
{
font-size: 10px;
width: 120px;
height: 35px;
padding-left: 20px;
}

.espace_boursier a
{
color: #00C8FF;
}

.espace_boursier a:hover
{
color: #00C8FF;
font-weight: bold;
text-decoration: underline;
}

/*css du div .bloc_menu englobant les vignettes d'accès au différentes rubriques du site*/

.bloc_menu
{
width: 830px;
height: 350px;
float: left;
/*border: 1px solid #CCCCCC;*/
/*margin-top: 70px;*/
background: transparent;
}



/*css de la vignette AFEM********************************/

.bloc_menu .vignette_afem
{
float: left;
width: 190px;
height: 312px;
background: url(../img/bg_vignette.png) no-repeat top left;
padding-top: 15px;
padding-left: 15px;
}

.vignette_afem a h1
{
font-size: 15px;
font-weight: bold;
color: #00C8FF;
}

.vignette_afem a:hover h1
{
color: #808080;
}

.vignette_afem h2
{
font-size: 12px;
color: #808080;
width: 170px;
}

.vignette_afem p
{
width: 170px;
text-align: left;
padding-top: 8px;
color: #808080;
}

.vignette_afem p.signature
{
font-style: italic;
text-align: right;
padding-top: 5px;
font-weight: bold;
}

.vignette_afem p.extrait
{
font-size: 10px;
color: #00C8FF;
font-weight: bold;
margin-bottom: 10px!important;
width: 170px;
}

.vignette_afem span.texte_gris
{
font-size: 7px;
color: #808080;
padding-top: 5px;
font-weight: lighter;
}

.vignette_afem span.en_savoir_plus  
{
/*background: url(../img/bouton/btn_ensavoirplus.png) no-repeat bottom left;*/
width:100px;
height: 50px;
padding-top: 10px!important;
/*padding-left: 8px;*/
padding-bottom: 5px;
}

span.en_savoir_plus a
{
font-size: 9px;
width:100px;
height: 50px;
padding-right: 10px;
color: #FF0000;
font-weight: bold;
}

span.en_savoir_plus a:hover
{
text-decoration: underline;
}

/*css de la vignette FAMILLES**************************/

.bloc_menu .vignette_familles
{
float: left;
width: 190px;
height: 312px;
background: url(../img/bg_vignette.png) no-repeat top left;
padding-top: 15px;
padding-left: 15px;
}

.vignette_familles a h1
{
font-size: 15px;
font-weight: bold;
color: #00C8FF;
padding-bottom: 10px;
}

.vignette_familles a:hover h1
{
color: #808080;
}



/*css de la vignette ETUDIANTS**************************/

.bloc_menu .vignette_etudiants
{
float: left;
width: 190px;
height: 312px;
background: url(../img/bg_vignette.png) no-repeat top left;
padding-top: 15px;
padding-left: 15px;
}

.vignette_etudiants a h1
{
font-size: 15px;
font-weight: bold;
color: #00C8FF;
padding-bottom: 10px;
}

.vignette_etudiants a:hover h1
{
color: #808080;
}

/*css de la vignette DON**************************/

.bloc_menu .vignette_don
{
float: left;
width: 190px;
height: 312px;
background: url(../img/bg_vignette.png) no-repeat top left;
padding-top: 15px;
padding-left: 15px;
}

.vignette_don a h1
{
font-size: 15px;
font-weight: bold;
color: #00C8FF;
padding-bottom: 10px;
}

.vignette_don a:hover h1
{
color: #808080;
}

/*css de la div .footer contenant les mentions légales et autres informations*/

.footer
{
width: 820px;
height: 50px;
margin-top: 90px;
}

.footer p.mentions_legales 
{
font-size: 0.80em;
color: #808080;
width: 750px;
letter-spacing: -1px;
text-align: center;
position: absolute;
bottom: 10px;
left: 0px;
}

p.mentions_legales a
{
color: #808080;
letter-spacing: -1px;
}

p.mentions_legales a:hover
{
color: #00C8FF;
text-decoration: underline;
letter-spacing: -1px;
}

/*CSS GLOBAL DES PAGES LIENS INCLUANT TOUTES LES INFORMATIONS CONCERNANT L'AFEM*******************************************************/

/*css de la div .contenu*/
#contenant .background
{
width: 840px;
/*height: 371px;*/
height:451px;
background: url(../img/bg_contenu_bg.png) no-repeat  -5px -19px;
/*margin-top: 175px!important;
margin-top: 130px;
padding: 0;*/
position: absolute;
top: 180px;
left: 8px;
z-index: 1;
}

.contenu
{
width: 820px;
height: 371px;
padding: 0;
position: absolute;
top: 181px!important;
top: 200px;
left: 10px!important;
left: 18px;
z-index: 2;
}

.contenu .menu_navigation
{
width: 820px;
height: 33px;
/*background: url(../img/bg_menu_navigation.png) no-repeat top left;*/
}

.contenu .menu_navigation ul
{
list-style-type: none;
padding-top: 12px;
font-size: 0.80em;
padding-left: 10px;
font-weight: bold;
}

.contenu .menu_navigation li
{
display: inline;
width: 765px;
height: 33px;
}

.contenu .menu_navigation li a
{
padding-left: 10px;
text-decoration: none;
color: #FFFFFF;
}

.contenu .menu_navigation li a:hover
{
color: #808080;
}

.contenu .menu_navigation li a:hover span
{
color: #808080;
}

.contenu .menu_navigation li a span
{
color: #00C8FF;
word-spacing: -1px;
padding-right: 18px;
}

.contenu .menu_navigation li a.active 
{
color: #333333;
}

.contenu .menu_navigation li a.active span
{
color: #333333;
}

/*css de la div .bloc_info conteant les images + textes*/

.contenu .bloc_info
{
width: 820px;
height: 400px;
padding: 15px 0 0 0;
/*background: url(../img/bg_bloc_info.png) repeat-y;*/
}

.contenu .bloc_info .bloc_image
{
width: 330px;
height: 300px;
float: left;
padding: 18px 0 0 14px;
margin: 0;
}

.contenu .bloc_info .bloc_texte
{
width: 400px;
height: 300px;
float: left;
padding-left: 14px;
}

.contenu .bloc_info .bloc_texte .scrollnews
{
background-color: #FFFFFF;
display: block;
float: left;
width: 400px;
height: 360px;
overflow-y: scroll;
overflow-x: hidden;
position: relative;
}

.contenu .bloc_info .bloc_texte .scrollnews .bloc_paragraphe 
{
width: 380px;
text-align: left;
color: #808080;
padding-right: 5px;
}


.contenu .bloc_info .bloc_texte .scrollnews .bloc_paragraphe .titre
{
font-size: 15px;
color: #00C8FF;
padding-bottom: 10px;
}

.contenu .bloc_info .bloc_texte .scrollnews .bloc_paragraphe .sous-titre
{
font-size: 13px;
color: #00C8FF;
padding-top: 10px;
padding-bottom: 5px;
}

.contenu .bloc_info .bloc_texte .scrollnews .bloc_paragraphe a img
{
float: left;
}

.contenu .bloc_info_bottom
{
width: 820px;
height: 33px;
background: url(../img/bg_bloc_info_bottom.png) no-repeat top left;
}

/*CSS de la page Plan du site*********************************************************/

#contenant .background_plansite
{
width: 820px;
height: 356px;
background: url(../img/bg_menu_plansite.png) no-repeat top left;
position: absolute;
top: 180px;
left: 8px;
z-index: 1;
}


.contenu .menu_navigation_plansite
{
width: 820px;
height: 33px;
/*background: url(../img/bg_menu_plansite.png) no-repeat top left;*/
}

.contenu .menu_navigation_plansite ul
{
list-style-type: none;
padding-top: 18px;
font-size: 0.80em;
padding-left: 10px;
font-weight: bold;
}

.contenu .menu_navigation_plansite li
{
display: inline;
width: 765px;
height: 33px;
}

.contenu .menu_navigation_plansite li a
{
padding-left: 6px;
text-decoration: none;
color: #FFFFFF;
}

.contenu .menu_navigation_plansite li a:hover
{
color: #808080;
}

.contenu .menu_navigation_plansite li a:hover span
{
color: #808080;
}

.contenu .menu_navigation_plansite li a span
{
color: #00C8FF;
word-spacing: -1px;
}

.contenu .menu_navigation_plansite li a.active 
{
color: #808080;
}

.contenu .menu_navigation_plansite li a.active span
{
color: #808080;
}

.contenu .bloc_info .plan_site
{
display: block;
height: 290px;
width: 800px;
padding-left: 17px;
}
.plan_site  .sous-titre
{
color: #00C8FF;
font-size: 12px;
padding-top: 10px;
padding-bottom: 10px;
}

.plan_site  .menu1
{
float: left;
display: block;
height: 270px;
width: 220px;
font-size: 11px;
color: #808080;
}


.plan_site  .menu2
{
float: left;
display: block;
height: 270px;
width: 210px;
font-size: 11px;
color: #808080;
}


.plan_site  .menu3
{
float: left;
display: block;
height: 270px;
width: 210px;
font-size: 11px;
color: #808080;
}

.plan_site .texte_bleu
{
color: #00C8FF;
font-weight: bold;
}

/*CSS DE LA PAGE ESPACE MEMBRES PERMETTANT AU ÉTUDIANTS PAR UN SYSTÈME SÉCURISÉ DE RENTRER DANS UN ESPACE QUI LEUR  EST TOTALEMENT DÉDIÉ */

table {

background-color: #ffffff;
background-repeat:no-repeat;
color: #000000;
width: 4OOpx;
/* border: 1px solid #D7E5F2;*/
border-collapse: collapse;
margin-left: 10px;
font-size: 1em;
font-family: Arial, Verdana, Helvetica;

}


tr td {

/*border: 1px solid #D7E5F2;*/
padding: 2px 5px 2px 0;
margin: 0px;
color: #00C8FF;
font-weight: bold;

}



span

{

color: #00C8FF;

}


.fieldcell input 
{
width: 200px;
background-color: #CCCCCC;
padding: 4px;
font-size: 1em;
font-family: Arial, Verdana, Helvetica;
color: #000000;
border: 1px solid  #CCCCCC;
margin-right: 0px;

}

.smallfieldcell input 
{
 width: 100px;
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color: #D7E5F2;
 color: #102132;
 border: 1px solid #284279;
}

.smallfieldcell select
 {
 font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
 background-color: #D7E5F2;
 color: #102132;
 border: 1px solid #284279;

}

.button 
{
 font-size: 10px;
 font-family: Arial, Verdana, Helvetica;
 font-weight: bold;
 color: #102132;
 margin-left: 12px;
 margin-top: 3px;
 margin-bottom: 2px;
 text-align: right;

}

.button input
{
background: #00C8FF;
font-family: Arial, Verdana, Helvetica;
font-size: 10px;
font-weight: bold;
color: #FFFFFF;
border: 1px solid #ffffff;
width: 80px;
height: 15px;
padding-bottom: 2px;
}

p#liens
{
font-weight: bold;
color: #00C8FF;
font-size: 12px;
}

a span.liens_gris
{
color: #808080;
text-decoration: none;
font-weight: normal;
}

a:hover span.liens_gris
{
text-decoration: underline;
}

.mentions_gris
{
color: #808080;
font-size: 12px;
}

#xiti-logo
{
position: absolute;
bottom: 10px;
right: 15px;
}