body {
	position: relative;
	padding: 0;
	margin: 0;
	background-color: #fafafa;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
color: #494747
}

img {border: none;}
h1 {padding: 0; margin: 0}
h2 {padding: 0; margin: 10px 0; color: #025d78; font-size: 14px}
h3 {font-size: 14px}
a:hover {text-decoration: underline}
a {text-decoration: none; color: #494747}
p {margin: 5px 0; padding: 5px 0}
div {text-align: justify}
ul {margin: 0 0 0 20px; padding: 0 0 0 20px}

.lireSuite {color: #025d78; font-weight: bold}
.alert {background-color: #C0BFFF}
#log_mess {text-align: center; color: red; font-weight: bold}

.cache {display: none;}
.hidden {clear: both; visibility: hidden; padding: 0; margin: 0; height: 1px;}
.hidden2 {clear: both; visibility: hidden;}
.hidden3 {visibility: hidden}


#conteneur {
position: relative;
margin: 0 auto;
padding-top: 230px;
width: 934px;
background: white url(../imgs/conteneur_fond.gif) repeat-y;
}

#contenu {padding: 0}

#colG {float: left; position:relative; left: 20px; width: 740px}
#colD {margin: 0 0 0 765px; width: 150px}

#ariane {position: absolute; top: -45px; left: 330px; width: 563px}

#entete {
position: absolute;
top: 0;
height: 183px;
width: 926px;
margin: 0 4px;	
background: transparent url(../imgs/head_fond.gif) repeat-x;
z-index: 1
}

#logoSite {
	position: absolute;
	left: 10px;
	top: 20px;
}

.baseline {
color:#EC1D25;
font-size:24px;
left:160px;
width:580px;
position:absolute;
top:0;
background:  white url(../imgs/logo_campus.gif) top right no-repeat;
height:148px;

}

.baselinetitre{
color:#77B7E0;
font-size:21px;
height:148px;
left:190px;
position:absolute;
text-transform:uppercase;
top:25px;
width:380px;
}
.baselinetitre span{
color:#00476f;
}
/*
.rebour {
position: absolute;
height: 33px;
width: 64px;
top: 141px;
text-align: center;
padding-top: 3px;
background-color: black;
color: white
}*/

.btn_top {
position: absolute;
top: 10px;
font-size: 10px;
width:200px;
}
.btn_top a {margin-right: 10px}
#btn_top1 {left:750px; top:70px;}
#btn_top2 {left: 750px}
#btn_top3 {left: 860px}


#menu {
	position: absolute;
	top: 141px;
	left: 345px;
	margin: 0;
	padding: 0;
width: 600px;
}

#menu li
{
	float: left;
margin-right: 20px;
	list-style-type: none;
	text-align: center;
	width: 126px;
}
	
#menu li a {
display: block;
	height: 36px;
	padding-top: 9px;
	color: #025d78;
	text-decoration: none;
	font-size: 15px;
	 font-weight:bold;
line-height: 16px;
text-transform: uppercase;
background: transparent url(../imgs/onglet_fond.gif) no-repeat 0 0;
}

#menu li a.deuxLignes {padding-top: 2px; }

#sousMenu1, #sousMenu2, #sousMenu3, #sousMenu4 {
	position: absolute;
	top: 33px;
width: 143px;
background: #bfd8e8 url(../imgs/sousmenu_fond2.gif) left bottom;
padding: 10px 0;
margin: 0;
z-index: 2
}

#sousMenu1 {left: 0px}
#sousMenu2 {left: 146px}
#sousMenu3 {left: 292px}
#sousMenu4 {left: 438px}

#menu ul li {
text-align: left;
margin: 5px 0 5px 8px;
}

#menu ul li ul {
padding: 0; margin: 0;
}

#menu ul li a:link, #menu ul li a:visited{
display: inline;
padding: 0;
background-image: none;
color: #025d78;
font-size: 12px;
text-transform: none;
}
	
#menu ul li a:hover{
text-decoration: underline
}

/*BOX*/
.padding {position: relative; top: -5px; padding: 0 20px;}

.pied {clear: right}

.box1 {
width: 735px;
background: transparent url(../imgs/box1_fond.gif) repeat-y;
}

.box1 .titre {
height: 25px;
text-transform: uppercase;
color: black;
background: transparent url(../imgs/box1_entete.gif) no-repeat 0 0;
}

.box1 .titre h1, .box2 .titre h1 {
position: relative;
display: inline;
top: -8px;
left: 35px;
font-size: 15px;
padding: 5px 0 5px 37px;
background: white url(../imgs/box_fond_titre.gif) no-repeat 0 0px
}

.box1 .pied {
font-size: 1px; /*IE6*/
height: 11px;
background: transparent url(../imgs/box1_pied.gif) no-repeat bottom left;
}


.box2 {
width: 366px;
background: transparent url(../imgs/box2_fond.gif) repeat-y;
}

.box2 .titre {
height: 25px;
font-size: 8px;
text-transform: uppercase;
color: black;
background: transparent url(../imgs/box2_entete.gif) no-repeat 0 0;
}

.box2 .pied {
font-size: 1px; /*IE6*/
height: 11px;
background: transparent url(../imgs/box2_pied.gif) no-repeat bottom left;
}

.box3 {
width: 150px;
/*ackground: transparent url(../imgs/box3_fond.gif) repeat-y;*/
}

.box3 .titre {
height: 25px;
text-transform: uppercase;
color: black;
/*background: transparent url(../imgs/box3_entete.gif) no-repeat 0 0;*/
}

.box3 .pied {
font-size: 1px; /*IE6*/
height: 5px;
/*background: transparent url(../imgs/box3_pied.gif) no-repeat bottom left;*/
}

/*pied*/
#pied {
position: relative;
top: 3px;
left: 4px;
height: 27px;
width: 926px;
background: transparent url(../imgs/pied_fond.gif) repeat-x;
}

#pied p {
position: relative;
top: 4px;
margin: 0;
padding: 0
}

#pied p a {color: white; margin-left: 10px}
#pied span {position: absolute; right: 10px; color: white}
/*-- Pied*/


/*Colonne droite*/
.partenaire .titre span {position: relative; top: -8px; left: 24px; background-color: white; font-size: 15px; font-weight: bold}
.partenaire img {margin: 0px 3px;}
/*---*/


/*Accueil*/
.accueil .cols {margin-top: 25px;}
.accueil .une img {float: right; margin: 0 0 30px 20px}
.accueil .une .size {height:300px;}
.accueil .programme {float: left;}
/*.accueil .programme h2 {background: transparent url(../imgs/picto_1.gif) no-repeat; padding-left: 20px; height: 17px}*/
.accueil .programme h2, .accueil .droit h2, .accueil .une h2 {color: #025d78; font-size: 14px; }
.accueil .programme span {color: #025d78; font-weight: bold;}
.accueil .programme hr {color: #025d78; background-color: #025d78; height: 1px; border: 0}
.accueil .suiteProg {display: block; color: #025d78; font-size: 14px; font-weight: bold; padding-top: 5px}
.accueil .droit {margin-left: 369px}

.accueil .badge {margin-top: 40px}

.accueil .theme {clear: both; margin-top: 30px}
.accueil .thematique {
position: relative;
margin: 15px 0 15px 0;
min-height: 60px;
height: auto !important ;
height: 60px;
border-bottom: 5px solid #025d78;
}
.accueil .thematique img {float: left; position: relative; top: 6px}
.accueil .thematique p {margin-left: 130px; position: relative; top: 5px}
/*---*/


.img_art {padding-top: 15px}
#outil_1 {position: absolute; top: -12px; right: 30px}
#outil_2 {display: block; margin-top: 20px}


/*Formulaires*/
fieldset {margin:20px 0 20px 0; padding: 10px 0; border: none; border: 1px solid #025d78}
fieldset legend {font-size: 14px; font-weight: bold; color: #025d78}
fieldset th {padding-right: 5px; text-align: right}
fieldset tr {height: 30px}
fieldset .champs_long {width: 422px}
fieldset .champs {width: 150px}
fieldset .montant {color: red; font-weight: bold}
.submit {
margin: 0px 0 20px 280px;
padding: 2px 5px;
font-weight: bold;
color: white;
background-color: #025d78;
border-top: 2px solid #FFE8CF;
border-right:2px solid #AF5A00;
border-bottom:2px solid #AF5A00;
border-left:2px solid #FFE8CF;
}


/*Outils*/
#o_outils {
position: absolute;
padding: 10px;
background-color: white;
border: 1px solid black;
z-index: 9999;
}

#o_outils .champ {width: 100%; border: 1px solid gray}
#o_outils label {display: block; height: 0px; margin:5px 0}
#o_outils #envoyerAmi {margin-top: 20px; background-color: orange; border: 1px solid black}

#o_outils #fermer {position: absolute; bottom: 5px; right: 8px}

.spinner {background: white url(../imgs/spinner.gif) no-repeat center}

#lbOverlay {
	position: fixed;
	z-index: 9999;
	left: 0;
	top: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	cursor: pointer;
}