body {
	padding: 0;
	margin: 0;
	background-color: #0058a2;
	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}
a:hover {text-decoration: underline}
a {text-decoration: none; color: #494747}
p {margin: 5px 0; padding: 5px 0}
div {text-align: justify}

h1 {
position: relative;
left: -22px;
font-size: 14px;
font-weight: 800;
color: #e9e000;
border-bottom: 1px solid #003257;
width: 865px;
text-transform: uppercase;
margin: 20px 0;
}

h1 span {
padding: 0 5px 0 22px;
background-color: #003257;
}

.liste {margin:0; padding: 0; list-style: none}

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

.titre1 {
height: 100%; /*IE6*/
font-size: 20px;
font-weight: bold;
color: #df591c;
padding: 2px 0 0 45px;
background: transparent url(../imgs/mini-logo.gif) no-repeat 0 0;
}

#conteneur {
position: relative;
margin: 0 auto;
padding-top: 47px;
width: 1032px;
background: #002637 url(../imgs/bg_img.jpg) top center no-repeat;
}

#contenu {
padding: 0;
width: 886px;
min-height: 800px;
height: auto !important ;
height: 800px;
margin: 0 auto;
background-color: white;
}

#ariane {position:relative; left: 20px;}
#colG {float: left; position:relative; left: 20px; width: 580px}
#colD {margin: 35px 0 0 630px; padding: 0 10px 0 10px; width: 215px; border: 1px solid #003257}
#colD img {margin-top: 10px}
#mainCol {width: 845px; position: relative; left: 22px}

#entete {
position: relative;
left: 73px;
height: 175px;
width: 886px;
margin: 0;	
background: white url(../imgs/bg_entete.jpg) no-repeat top;
z-index: 5;
}

/*Entete*/
#logoSite {position: relative; top: 5px; left: 4px;}
#entete .baseline {display: none}

#accueil {
	position: absolute;
	top: 130px;
	left: 0
}

#menu {
	position: absolute;
	top: 130px;
right: 0;
	margin: 0;
	padding: 0;
	z-index: 3;
}

#menu li
{
	float: left;
	list-style-type: none;
	text-align: center;
margin-left: 5px

}
	
#menu li a, #menu li span {
	display: block;
	height: 20px;
        width: 154px;
	padding: 3px 0;
	text-decoration: none;
	font-size: 14px;
line-height: 19px;
vertical-align: middle;
background-color: #003257;
color: white;
border: 1px solid #d0cfcf
}

#menu li span:hover {color: #e9e000; font-weight: 800}

#sousMenu1, #sousMenu2, #sousMenu3, #sousMenu4 {
	position: absolute;
	top: 28px;
width: 154px;
background-color: #c3d7e9;
padding: 0;
margin-left: 1px;
}

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

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

#menu ul li a:link, #menu ul li a:visited{
background-color: #c3d7e9;
border-color: #003257;
color: #003257;
padding: 5px;
height: auto;
width: 142px;
margin-top: -1px;
}

#menu ul li a:hover{
text-decoration: underline;
font-weight: normal;
}

#menu .doc {background-color: #e9e000; color: #003257; font-weight: 800}
#menu .doc:hover {color: #003257}

#menuTop{
position: absolute;
top: 0;
right: 0;
}

#menuTop li{
float: left;
}

#menuTop a{
display: block;
background-color: white;
border: 1px solid #cccccd;
padding: 3px 7px 3px 7px;
}

/*pied*/
#pied {
position: relative;
height: 320px;
width: 100%;
text-align: center;
background: transparent url(../imgs/bg_pied.jpg) no-repeat;
}

#pied p {
font-size: 10px;
margin: 0;
padding: 0
}

#pied p a {color: #00335c; margin-left: 10px}
/*-- Pied*/

/*HomePage*/
#verticalEx {float: left}

#btn_droit {margin: 0 0 50px 625px}
#btn_droit h2 {margin: 2px 0}
#btn_droit a {
text-align: right;
font-size: 17px;
display: block;
width: 207px;
height: 33px;
padding: 10px 10px 0 0;
color: #e9e000;
}
#btn_droit #btn_bac {background: #003257 url(../imgs/hp_apres_bac.jpg) no-repeat}
#btn_droit #btn_bac2 {background: #003257 url(../imgs/hp_apres_bac_2.jpg) no-repeat}
#btn_droit #btn_bac3 {background: #003257 url(../imgs/hp_apres_bac_3.jpg) no-repeat}
#btn_droit #btn_bac4 {background: #003257 url(../imgs/hp_apres_bac_4.jpg) no-repeat}
#btn_droit #btn_form_cont {background: #003257 url(../imgs/hp_formation_continue.jpg) no-repeat}

.actuIPI div {float: left; width: 253px; height: 123px; border: 1px solid #CFD1D3; position: relative;}
.actuIPI .actu {width: 31px; height: 127px; text-indent: -9999px; background: #003257 url(../imgs/hp_actu_ipi.gif) no-repeat;}
.actuIPI .actu_cont {width: 236px; height: 127px; padding: 0 10px;}
.actuIPI .actu-plus {width: 30px; height: 127px; padding: 0;}
.actuIPI .actu-plus img {border: none;}
.actuIPI h2 {font-size: 14px; font-weight: 900; color: #003257; margin: 5px 0 8px 0}
.actuIPI .tof {float: left}
.actuIPI p {position: relative; top: -8px; margin: 0 0 0 140px; text-align: left;}

.bloc {
position: relative;
float: left;
height: 271px;
width: 274px;
background: #003257 url(../imgs/hp_bg_vie_campus.jpg) no-repeat bottom;
border: 1px solid #CFD1D3;
margin-top: 15px;
}

.bloc h2 {
margin: 0;
padding: 5px;
color: white;
font-weight: 800;
font-size: 14px;
background-color: #003257
}

.bloc .bloc_btn {
position: absolute;
bottom: 0;
width: 67px;
height: 57px;
padding-top: 3px;
font-weight: 800;
color: white;
border: 1px solid #CFD1D3;
text-align: center;
}

.bloc a{color: white}
.bloc_btn a:hover {text-decoration: none}

.bloc #btn2 {left: 68px}
.bloc #btn3 {left: 136px}
.bloc #btn4 {left: 204px; width: 68px}

.bloc ul {
margin: 10px;
padding: 0;
height: 160px;
overflow: hidden;
list-style-type: none
}
.bloc li {padding-bottom: 15px}

.emploi {background: #003257 url(../imgs/hp_bg_emploi.jpg) no-repeat bottom}
.chiffres {background: #003257 url(../imgs/hp_bg_chiffres.jpg) no-repeat bottom}
.emploi div, .chiffres div {width: 130px; padding: 10px; color: white; text-align: left}
.chiffres span {font-weight: 800}

.vieCampus, .emploi {margin-right: 5px}
.vieCampus {text-align: left}

/*Contenu froid et chaud*/
.contf h1, .contc h1 {width: 600px}
.contf h2, .contc h2 {font-size: 14px; color: #003257; margin-top: 20px}
.formation li {margin-bottom: 10px}

.contc img {float: left; position: relative; top: 8px; padding: 0 10px 15px 0;}
.contc .rubrique {font-size: 14px; font-weight: 800; color: #003257}

#atom_ipi {position: absolute; top: 5px; left: 5px}
#atom_ipi_campus {position: absolute; top: 3px; right: 3px}

/*formulaire*/
label {display: block; float: left; text-align: right; font-weight: 800; margin-right: 5px; padding-top: 10px; width: 190px;}
.champs {margin: 8px 0; width: 320px}
.submit{margin-left: 250px;}
.mess_erreur {text-align: center; color: red;}
#info {width: 320px; height: 150px}

/* Carrousel */
#verticalEx {
position: relative;
width: 618px;
height: 222px;
border: 1px solid #CFD1D3;
}
#etiquette {
	position: absolute;
right: 0;
bottom: 0;
height: 60px;
width: 550px;
overflow: hidden;
border-top: 1px solid #CFD1D3;
}
.etiquette_content {margin: 0 3px}
.etiquette_content p {margin: 0; padding: 0; font-size: 12px; color: white}
#alpha {
background: #003257;
opacity: 0.6;
filter:alpha(opacity=60);
position: absolute;
right: 0;
bottom: 0;
height: 60px;
width: 550px;
}
#vCarrouselVWrapper {
float: left;
width: 618px;
height: 222px;
margin: 0;
}
#vCarrouVPrev {position: absolute; bottom: 29px; left: -1px}
#vCarrouVNext {position: absolute; bottom: -1px; left: -1px}
#vCarrouVPrev img, #vCarrouVNext img {border: 1px solid #CFD1D3}


#vCarrouselV {
width: 618px;
height: 222px;
position: relative;
overflow: hidden;
}
.vCarrouVItem {	
width: 618px;
height: 222px;
float: left;
}