body
{
font-family:verdana, Arial, Helvetica;
background-color:#D3D3D3;

margin:0px;
padding:0px;
}

div#fond /*bloc contenant l'ensemble de la page*/
{
width:799px;
height:100%;
margin-left:auto;
margin-right:auto;
}

div#menu  /*bloc contenant l'ensemble du menu*/
{
padding-left:0.6em;
margin-bottom:0px;
margin-left:auto;
margin-right:auto;

}
p#menu0>a
{
color:black;
margin-left:1em;
}

p#menu0
{
margin-right:1em;
}

div#dernieres_actu
{
height:auto;
width:500px;
}


div.actualites
{
width:480px;

position:relative;

}

img#logo  /*position du logo*/
{
margin-left:1em;
float:left;
margin-top:1em;
}

/*style des differentes partie du menu...................................................................*/
body { font:12px Verdana, Arial, Helvetica}
* {padding:0; margin:0}
.dropdown {float:left; }  
.dropdown dt {width:87px; height:22px; border:1px solid gray; padding:0.365em; font-weight:bold; cursor:pointer; background:url(design/header.gif)}
.dropdown dt a{ text-align:center;margin-left:-5px; padding:0px;}
.dropdown dd {position:absolute;  background-color:#FCFCFC; border-left:1px solid gray; border-right:1px solid gray;  overflow:hidden; width:96px; display:none;   z-index:200;}
.dropdown ul {width:88px; list-style:none;}
.dropdown li {display:inline; width:80px;}
.dropdown a, .dropdown a:active, .dropdown a:visited {display:block; padding:3px; color:#333; text-decoration:none;  width:92px}
.dropdown a:hover { color:black;}
.dropdown .underline { width:94px;border-bottom:1px solid gray;}

a#crous:hover, a#crous1:hover,a#crous2:hover,a#crous3:hover, #one-ddheader a:hover
{
color:#3366ff;
}



a#logement:hover, a#logement1:hover,a#logement2:hover,a#logement3:hover,a#logement4:hover,a#logement5:hover,  #trois-ddheader a:hover
{
color:#661100;
}


a#bourse:hover, a#bourse1:hover,a#bourse2:hover,a#bourse3:hover, #two-ddheader a:hover
{
color:#880088;
}


a#resto:hover,a#resto1:hover,a#resto2:hover,a#resto3:hover,a#resto4:hover,#quatre-ddheader a:hover
{
color:#ee0033;
}

a#inter:hover, a#inter1:hover,a#inter2:hover,a#inter3:hover, #cinq-ddheader a:hover
{
color:#00dd00;
}

a#soc:hover, a#soc1:hover,a#soc2:hover,#six-ddheader a:hover
{
color:#33bbff;
}

a#job:hover, a#job1:hover,a#job2:hover,#huit-ddheader a:hover
{
color:#ff5a00;
}

a#culture1:hover,a#culture2:hover,a#culture3:hover,a#culture4:hover,a#culture5:hover,#sept-ddheader a:hover
{
color:#dd00dd;
}

/*................................................................................................style des differentes partie du menu*/

div#page
{

width:781px;
background-color:white;
height:auto;
margin-left:0.7em;
padding-bottom:1em;
}

div#bandeau
{
background-image:url(design/bandeau_3-20.png);
height:150px;
width:791px;
margin-left:-1px;
}

div#bas
{

background-image:url(design/bas_50_2.png);
height:52px;
width:788px;
margin-top:-2em;
margin-left:1px;
}

p#menu_bas
{

padding-top:0.8em;
text-align:center;
clear:both;
}



p
{
margin-left:3em;
margin-top:2em;
}

p.titre
{
font-weight:bold;
font-size:110%;
}



 div.actu_crous>p>a
{
padding-top:1em;
color:gray;
font-weight:bold;
padding:0.5em;
text-decoration:none;
}

p#menu_bas>a
{
color:#242424;
font-weight:bold;
padding:0.5em;
text-decoration:underline;
}

.crous /*style des éléments relatif au CROUS	*/
{
color:#3366ff;
}

hr.crous
{
background-color:#3366ff;
}

hr.logement
{
background-color:#661100;
}

hr.bourses
{
background-color:#880088;
}

hr.resto
{
background-color:#ee0033;
}

hr.inter
{
background-color:#00dd00;
}
hr.social
{
background-color:#33bbff;
}

hr.culture
{
background-color:#dd00dd;
}

hr.job
{
background-color:#ff5a00;
}



.logement /*style des éléments relatif au logement	*/
{
color:#661100;
}

.bourses /*style des éléments relatif aux bourses	*/
{
color:#880088;
}

.resto/*style des éléments relatif aux restaurants	*/
{
color:#ee0033;
}

.inter/*style des éléments relatif international	*/
{
color:#00dd00;
}

.social /*style des éléments relatif au soc	*/
{
color:#33bbff;
}

.culture/*style des éléments relatif culture	*/
{
color:#dd00dd;
}

.job/*style des éléments relatif job	*/
{
color:#ff5a00;
}
/*SPECIAL MENU....................................................................*/

.crousm
{
color:#3366ff!important;
text-decoration:underline;
}
.logementm 
{
color:#661100!important;
text-decoration:underline;
}

.boursesm
{
color:#880088!important;
text-decoration:underline;
}

.restom
{
color:#ee0033!important;
text-decoration:underline;
}

.interm
{
color:#00dd00!important;
text-decoration:underline;
}

.socm
{
color:#33bbff!important;
text-decoration:underline;
}

.culturem
{
color:#dd00dd!important;
text-decoration:underline;
}

.jobm
{
color:#ff5a00!important;
text-decoration:underline;
}
/*...............................................................SPECIAL MENU*/


ul.liste_contenu2>li
{
margin-top:0.5em;
margin-left:6em;
}


div#contenu_autre, div#contenu/*Contenu informatif de chaque page*/
{
width:720px;
height:auto;
padding:1em;
padding-top:0.25em;
padding-left:3em;
overflow: auto;
}

div#contenu_accueil
{
width:720px;
height:auto;
padding:2em;
padding-left:3em;
overflow: auto;
}



div#contenu_gauche /*bloc contenant le bloc actu ou partenaire*/
{
float:right;
margin-top:2.5em;
width:180px;
padding:1em;
margin-left:0.5em;

}

/* ACTUALITES RELATIVES AU CROUS*/
div.actu_crous>div.haut_actu
{
background-image:url(design/haut_actu_crous.png);
width:200px;
height:53px;
padding-top:0.5em;
}

div.actu_crous>div.details_actu
{
background-image:url(design/details_actu_crous.png);
*background: none;
*filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='design/details_actu_crous.png', sizingMethod='scale');
*zoom: 1;
width:200px;
height:auto;
margin-top:-2em;
}

div.actu_crous>div.bas_actu
{
background-image:url(design/bas_actu_crous.png);
width:200px;
height:49px;
}

/*FIN ACTU CROUS*/

div.actu_crous_accueil>div>p, div.actu_logement_accueil>div>p, div.actu_bourses_accueil>div>p
{
margin-left:3em;
margin-right:1em;
}

div.actu_crous>div>p, div.actu_logement>div>p, div.actu_bourses>div>p, div.actu_resto>div>p, div.actu_inter>div>p, div.actu_social>div>p, div.actu_culture>div>p, div.actu_job>div>p
{
margin-left:1em;
margin-right:1em;
}

/*ACTUALITES RELATIVES AU  LOGEMENT*/
div.actu_logement>div.haut_actu
{
background-image:url(design/haut_actu_logement.png);
width:200px;
height:64px;
padding-top:0.5em;
margin-left:-2px;
}

div.actu_logement>div.details_actu
{
background-image:url(design/details_actu_logement.png);
width:200px;
height:auto;
margin-top:-2em;
}

div.actu_logement>div.bas_actu
{
background-image:url(design/bas_actu_logement.png);
width:200px;
height:46px;
}



/*FIN ACTU BOURSES*/

div.actu_bourses>div.haut_actu
{
background-image:url(design/haut_actu_bourse.png);
width:200px;
height:54px;
padding-top:0.5em;
}

div.actu_bourses>div.details_actu
{
background-image:url(design/details_actu_bourse.png);
width:200px;
height:auto;
margin-top:-2em;
}

div.actu_bourses>div.bas_actu
{
background-image:url(design/bas_actu_bourse.png);
width:200px;
height:43px;
}

/* ACTUALITES RELATIVES AU RESTO*/
div.actu_resto>div.haut_actu
{
background-image:url(design/haut_actu_resto.png);
width:200px;
height:47px;
margin-left:-2px;
padding-top:0.5em;

}

div.actu_resto>div.details_actu
{
background-image:url(design/details_actu_resto.png);
width:200px;
height:auto;
margin-top:-2em;
}

div.actu_resto>div.bas_actu
{
background-image:url(design/bas_actu_resto.png);
width:200px;
height:41px;
}

/*FIN ACTU RESTO*/

/* ACTUALITES RELATIVES  INTER*/
div.actu_inter>div.haut_actu
{
background-image:url(design/haut_actu_inter.png);
width:200px;
height:47px;
margin-left:-2px;
padding-top:0.5em;
}

div.actu_inter>div.details_actu
{
background-image:url(design/details_actu_inter.png);
width:200px;
height:auto;
margin-top:-2em;
}

div.actu_inter>div.bas_actu
{
background-image:url(design/bas_actu_inter.png);
width:200px;
height:41px;
}

/*FIN ACTU INTER*/

/* ACTUALITES RELATIVES  SOCIAL*/
div.actu_social>div.haut_actu
{
background-image:url(design/haut_actu_soc.png);
width:200px;
height:50px;
margin-left:-2px;
padding-top:0.5em;
}

div.actu_social>div.details_actu
{
background-image:url(design/details_actu_soc.png);
width:200px;
height:auto;
margin-top:-2.5em;
}

div.actu_social>div.bas_actu
{
background-image:url(design/bas_actu_soc.png);
width:200px;
height:41px;
}

/*FIN ACTU SOCIAL*/

/* ACTUALITES RELATIVES  CULTURE*/
div.actu_culture>div.haut_actu
{
background-image:url(design/haut_actu_culture.png);
width:200px;
height:45px;
margin-left:-2px;
padding-top:0.5em;
}

div.actu_culture>div.details_actu
{
background-image:url(design/details_actu_culture.png);
width:200px;
height:auto;
margin-top:-2em;
}

div.actu_culture>div.bas_actu
{
background-image:url(design/bas_actu_culture.png);
width:200px;
height:41px;
}

/*FIN ACTU CULTURE*/

/* ACTUALITES RELATIVES  JOB*/
div.actu_job>div.haut_actu
{
background-image:url(design/haut_actu_job.png);
width:200px;
height:47px;
margin-left:-2px;
padding-top:0.5em;
}

div.actu_job>div.details_actu
{
background-image:url(design/details_actu_job.png);
width:200px;
height:auto;
margin-top:-2em;
}

div.actu_job>div.bas_actu
{
background-image:url(design/bas_actu_job.png);
width:200px;
height:41px;
}

/*FIN ACTU JOB*/


h1 /*style des titres dans le bloc contenu*/
{
display:list-item;
list-style-image:url(design/list_autres.png);
margin-left:2.5em;
margin-top:2em;
color:#242424;
font-size:1.2em;
}

h1.crous /*style des titres dans le bloc contenu*/
{
display:list-item;
list-style-image:url(design/list_crous.png);
margin-left:2.5em;
margin-top:2em;
font-size:1.2em;
}

h1.bourses /*style des titres dans le bloc contenu*/
{
display:list-item;
list-style-image:url(design/list_bourse.png);
margin-left:2.5em;
margin-top:2em;
font-size:1.2em;
}

h1.logement /*style des titres dans le bloc contenu*/
{
display:list-item;
list-style-image:url(design/list_logement.png);
margin-left:2.5em;
margin-top:2em;
font-size:1.2em;
}

h1.resto /*style des titres dans le bloc contenu*/
{
display:list-item;
list-style-image:url(design/list_resto.png);
margin-left:2.5em;
margin-top:2em;
font-size:1.2em;
}

h1.inter /*style des titres dans le bloc contenu*/
{
display:list-item;
list-style-image:url(design/list_inter.png);
margin-left:2.5em;
margin-top:2em;
font-size:1.2em;
}


h1.social  /*style des titres dans le bloc contenu*/
{
display:list-item;
list-style-image:url(design/list_soc.png);
margin-left:2.5em;
margin-top:2em;
font-size:1.2em;
}

h1.culture /*style des titres dans le bloc contenu*/
{
display:list-item;
list-style-image:url(design/list_culture.png);
margin-left:2.5em;
margin-top:2em;
font-size:1.2em;
}

h1.job  /*style des titres dans le bloc contenu*/
{
display:list-item;
list-style-image:url(design/list_job.png);
margin-left:2.5em;
margin-top:2em;
font-size:1.2em;
}

div#tri
{

margin-top:2em;
width:300px;
height:auto;
}

span
{
font-weight:bold;
}

div#reponse
{
float:right;
margin-top:2em;
width:270px;
height:270px;
margin-left:3em;
padding:1em;
padding-top:1em;
background-image:url(design/reponse.png);
}

hr
{
background-color:gray;
margin-left:3em;
margin-top:0.5em;
}

form#tri_lien>input
{
margin-left:1em;
}


div#reponse_lien
{
margin-top:2em;
clear:both;
}

div#reponse_lien>hr
{
margin-top:0.5em;
}

h2
{
margin-left:3em;
margin-top:0.5em;
font-size:1em;
}

div#nice
{
margin-top:1em;
float:left;
}

div#toulon
{
margin:1.5em;
}

div.haut_part
{
background-image:url(design/haut_partenaire.png);
width:200px;
height:45px;
padding-top:0.5em;
margin-left:-2px;
}

div.details_part
{
background-image:url(design/details_partenaire.png);
width:200px;
height:auto;
padding-top:0.5em;
}

div.bas_part
{
background-image:url(design/bas_partenaire.png);
width:200px;
height:42px;
padding-top:0.5em;
}

p.nom_part
{
text-align:center;
margin-left:0px;
font-weight:bold;
}

.div_part
{
float:left;
display:inline;
}

p.img_res, p.img_resto
{
float:right;
margin-top:-1em;
margin-right:1em;
}

#sous_menu
{
margin-bottom:1em;
margin-left:-2em;
}

#sous_menu p
{
text-align:right;
margin-top:-0.2em;
width:170px;
}

#sous_menu p a
{
color:black;
}

div.categorie
{
float:left;
}
p.alert
{
color:red;
}

div#contenu ul li
{
margin-left:6em;
margin-top:1em;
}

h1#bienvenue
{
font-size:98%;
}

p.localisation
{
padding:0.5em;
margin:1em; 
text-align:center;
font-weight:bold!important;
}

#local_resto
{
padding:0.5em;
margin:1em; 
text-align:center;
font-weight:bold!important;
}

div.details_actu  p
{
padding-top:0.5em;
}

#bas_localisation
{
height:25px;background-position:bottom;
}

.picto
{
margin-right:-3em;
}

.hr_picto
{
margin-top:-0.7em;
}

.img_actu_accueil>img
{
margin-top:-2em;
margin-bottom:0.25em;
}

#saisie
{
margin-top:-1em;
}

.div_part
{
width:200px;
}

#lien_bp
{
margin-top:-1.5em;
}