html{
	overflow:scroll;
}
body{
background-color:#778ACE;
background-image:url(/images/charte/fond-degrade.gif);
background-repeat:repeat-x;
margin:auto;
font-family:Verdana, Arial, Helvetica, sans-serif;
_font-size:0px;
}

p, li, ul, div, a, h1, h2, h3, h4, h5, h6, form, input, b, strong, hr, ol, u, em ,br, a, table{
	margin:0;
	padding:0;
}

.obligatoire {
	font-weight:bold;
	font-size:9px;
	color:#FF0000;
}

hr{
	color: red;
	background-color:#ED6E29;
	height: 1px;
	border: 0;	
}

.clearBoth{
	clear:both;
}

.conteneur-principal{
width:1001px;
margin:auto;
background-color:#FFFFFF;
}
.milieu{
background:#FFFFFF;
width:1001px;
float:left;}

.contenu{
background:#FFFFFF;
min-height:400px;
float:left;
margin-left:10px;
_margin-left:0px;}

a{
color:#ed6e29;
font-size:11px;
text-decoration:none;}

a:hover{
text-decoration:none;
color:#104FA0;
font-size:11px;}

img{
border:0px}


input.bouton{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	border-Bottom-Width: thin;
	border-Bottom-Color: #FFFFFF;
	border-Top-Color: #FFFFFF;
	border-Left-Color: #FFFFFF;
	border-Right-Color: #FFFFFF;
	font-Size: 11px;
	font-Style: normal;
	background-color:#EE7939;
	cursor:pointer;
	color:#FFFFFF;
}

input.input_texteOffre{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
.TextArea_texteOffre{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	width:430px;
}

/********************************************************************************
				ENTETE
*********************************************************************************/
.bord-haut{
background:url(/images/charte/bord-haut.gif) no-repeat;
height:10px;
}
.entete{
width:1001px;
height:173px;
}

.logo a, .logo a:visited{
background:url(/images/charte/logo.jpg) no-repeat;
width:454px;
height:173px;
float:left;
cursor:pointer;
}

.logoPrint{
display:none;}

.T-sofop a, .T-sofop a:visited{
background:url(/images/charte/menu-sofop.jpg) no-repeat;
width:187px;
height:173px;
float:left;
cursor:pointer;
}

.T-sofop a:hover{
background:url(/images/charte/menu-sofop-hover.jpg) no-repeat;
width:187px;
height:173px;
}

.T-bibliotheque a, .T-bibliotheque a:visited{
background:url(/images/charte/menu-bibliotheque.jpg) no-repeat;
width:184px;
height:173px;
float:left;
cursor:pointer;
}
.T-bibliotheque a:hover{
background:url(/images/charte/menu-bibliotheque-hover.jpg) no-repeat;
width:184px;
height:173px;
}

.T-infos-personnelles a, .T-infos-personnelles a:visited{
background:url(/images/charte/menu-infoPersonelles.jpg) no-repeat;
width:176px;
height:173px;
float:left;
cursor:pointer;
}
.T-infos-personnelles a:hover{
background:url(/images/charte/menu-infoPersonelles-hover.jpg) no-repeat;
width:176px;
height:173px;
}

/********************************************************************
				MENU HAUT
**********************************************************************/
.menu-haut-g{
background:url(/images/charte/menu-haut-g.gif) no-repeat ;
width:16px;
height:22px;
float:left;
}

.menu-haut{
font-size:11px;
color:#104FA0;
background-color:#cfdcec;
float:left;
padding-top:3px;
text-align:center;
width:967px;
height:19px;
}
.menu-haut-d{
background:url(/images/charte/menu-haut-d.gif) no-repeat ;
width:18px;
height:22px;
float:left;
}

.lien01{
font-size:11px;
color:#104FA0;
text-decoration:none;
}
.lien01:hover{
font-size:11px;
color:#ed6e29;
}


/**********************************************************************
					MENU GAUCHE
********************************************************************/
.lienMenuSelectionne02{
text-decoration: none;
font-size: 11px;
color: #104FA0;
font-family: Verdana,Arial,Helvetica,sans-serif;
padding-left: 0px;
}

/*survol en couleur*/
.lienMenuSelectionne02:hover{
text-decoration: none;
font-size: 11px;
color: #104FA0;
font-family: Verdana,Arial,Helvetica,sans-serif;
padding-left: 0px;
}

.lien02{
	text-decoration:none;
	font-size: 11px;
	color: #e59303;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left:0px;
}
/*.lien02 a{
	text-decoration:none;
	font-size: 11px;
	color: #104FA0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left:0px;
}*/

.lien02:hover{
	text-decoration:none;
	font-size: 11px;
	color: #104FA0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left:0px;
}
#menu-gauche{
	position: relative;
	left: 15px;
	display: block;
	margin-right:22px;
	width: 186px;
	float:left;
}	
.logo-autres{
	/*background-color:#FDE9E0;*/
	border:1px solid #F3AE84;
	width:186px;
	height:130px;
}
.M{
	display: block;
	width: 186px;
	height: 25px;
	background: url(/images/charte/menu-gauche.gif) no-repeat;
	text-align: left;
	padding-left:10px;
	color: #ffffff;
	line-height: 20px;
	text-decoration: none;
	font-weight:bold;
	font-family: verdana, arial,sans-serif;
	font-size:10px;
	margin-top: 2px;
	cursor:pointer;
}	
	

.partenaires{
width:183px;
padding-top:10px;
float:left;
}

.partenaires .haut{
background:url(/images/charte/bordure-partenaire-haut.gif) no-repeat;
width:183px;
height:11px;
}

.partenaires .milieu{
background: url(/images/charte/bordure-partenaire.gif) repeat-y;
width:183px;
text-align:center;
}

.partenaires .bas{
background:url(/images/charte/bordure-partenaire-bas.gif) no-repeat;
width:183px;
height:23px;
}

.menuleftSelection{ 
	background:url(/images/charte/menu-gauche-select.gif) no-repeat;
	display: block;
	width: 186px;
	height: 25px;
	text-align: left;
	padding-left:10px;
	color: #ffffff;
	line-height: 20px;
	text-decoration: none;
	font-weight:normal;
	font-family: verdana, arial,sans-serif;
	font-size:10px;
	margin-top: 2px;}

#menu-gauche .conteneurSousMenu{
	width:170px;
	padding-left:5px;
}
#menu-gauche .sous-menu .fond-menu-deroulant a{
	/*text-decoration:none;
	font-size: 10px;*/
	/*padding-left:15px;*/
	/*color:#ed6e29;
	font-weight:inherit;
	font-weight:lighter;
	font-family: Verdana, Arial, Helvetica, sans-serif;*/
}

#menu-gauche ul{
	padding-left:9px;
}


#menu-gauche .sous-menu .fond-menu-deroulant a:hover{
/*text-decoration:none;
font-size: 10px;
color:#104FA0;
font-style:normal;
font-weight:inherit;
font-family: Verdana, Arial, Helvetica, sans-serif;*/
}


#menu-gauche .sous-menu .fond-menu-deroulant a:active{
	/*color:blue;
	text-decoration:underline;*/
}

#menu-gauche .sous-menu .fond-menu-deroulant a:focus{
	/*color:#104FA0;
	text-decoration:underline;*/
}

.sous-menu {
	display:none;
}
.sous-menu   ul{
	list-style:none;
}


.fond-menu-deroulant{
background-image: url(/images/charte/bordure-ss-menuG.gif) ;
background-repeat:repeat-y;
width:184px;
}

.bas-menu-deroulant{
background-image: url(../images/charte/bas-bordure-ss-menuG.gif);
width:184px;
background-repeat:no-repeat;
height:9px;
}
/****************************************************************************
			PAGE INTERNE
****************************************************************************/

/*.lien02{

text-decoration:none;
font-size: 11px;
padding-left:19px;
font-weight:inherit;
font-family: Verdana, Arial, Helvetica, sans-serif;
}*/

.contenu-pageinterne{
background:#FFFFFF;
padding-left:30px;
min-height:400px;
_height:400px;
float:left;
width:750px;
}

.vie-professionnelles{
background:url(/images/charte/pageInterne/T-vieProfessionnelle.gif) no-repeat;
width:168px;
height:21px;
margin-top:30px;
float:left;}

.petites-annonces{
background:url(/images/charte/pageInterne/T-petitesAnnonces.gif) no-repeat;
width:168px;
height:21px;
margin-top:30px;
float:left;}

.sofop{
background:url(/images/charte/pageInterne/T-sofop.gif) no-repeat;
width:168px;
height:21px;
margin-top:30px;

float:left;}

.bibliotheque{
background:url(/images/charte/pageInterne/T-bibliotheque.gif) no-repeat;
width:168px;
height:21px;
margin-top:30px;
float:left;}




.surlignement-contenu{
	background:url(/images/charte/surlignement.gif) repeat-x;
	width:730px;
	height:7px;
	float:left;
	margin-top:0px;
}

.print{
float:right;
}


.contenu-pageinterne h1{
	background:url(/images/charte/pageInterne/T-h1.gif) no-repeat top left;
	margin-top:30px;
	text-indent:13px;
	font-size:13px;
	color:#104FA0;
	text-transform:uppercase;
	font-weight:bold;
	margin-bottom:0px;
}

.contenu-pageinterne h2{
	clear:both;
	font-size:12px;
	color:#ed6e29;
	text-transform:uppercase;
	font-weight:bold;
	margin-bottom:10px;
	padding-left:0px;
	padding-top:10px;
}

.contenu-pageinterne h3{
	font-size:11px;
	color:#104FA0;
	font-weight:bold;
	margin-bottom:10px;
	padding-left:0px;
}

.contenu-pageinterne .TitreH3{
	font-size:11px;
	font-weight:bold;
	color:#104fa0;
	font-weight:bold;
	margin-bottom:10px;
	padding-left:0px;
}

.contenu-pageinterne h4{
	font-size:11px;
	color:#ed6e29;
	font-weight:bold;
	margin-bottom:10px;
	padding-left:0px;
}

.contenu-pageinterne h5{
	font-size:11px;
	color:#104FA0;
	margin-bottom:10px;
	padding-left:90px;
	font-weight:normal;
}

.contenu-pageinterne h6{
	font-size:11px;
	color:#ed6e29;
	font-weight:normal;
	margin-bottom:10px;
	padding-left:110px;
}

.contenu-pageinterne p{
	font-size:11px;
	color:#666666;
	margin-right:5px;
	text-align:justify;
	font-weight:normal;
	margin-bottom:10px;
}

.contenu-pageinterne a{
	font-size:11px;
	color:#104FA0;
	text-align:left;
	font-weight:normal;
	margin-bottom:10px;
}
.contenu-pageinterne a:hover{
	font-size:11px;
	color:#ed6e29;
	text-align:justify;
	font-weight:normal;
	margin-bottom:10px;
}

.contenu-pageinterne table{
	width:80%;
	/*border:1px solid #104FA0;*/
	font-size:11px;
	color:#666666;
	text-align:left;
	font-weight:normal;
	margin:0px;
	padding-left:0px;
}


.contenu-pageinterne ul{
	list-style: url(/images/charte/pageInterne/puce-bleue.gif);
	font-size:11px;
	color:#666666;
	text-align:left;
	font-weight:normal;
	margin:0px;
	padding-left:20px;
}

.contenu-pageinterne li{
	padding-bottom:3px;
}
.image{
	border:none;
	float:left;
	width:250px;
	height:166px; 
	padding:5px;
}

.contenu-pageinterne .intitulePoste{
	font-size:13px;
	color:#104FA0;
	font-weight:bold;
	margin-bottom:10px;
	padding-left:0px;
	text-decoration:underline;
}
/*boite à outils*/
.titre-outils {
	margin-left: 60px;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color:#4457A0;
}
/*******************************************************************
						PAGE INTERNE COLLEGE
*********************************************************************/

.contenu-college{
	background: url(/images/charte/college/bordure-college.gif) repeat-y;
	float:left;
	width:782px;
	margin-left:10px;
	_margin-left:0px;
}
.T-coteG{
background:url(/images/charte/college/T-gauche-College.gif) no-repeat;
width:46px;
height:526px;
text-align:left;
float:left;
}

.haut-college{

background:url(/images/charte/college/T-college.gif) no-repeat;
width:720px;
height:59px;
float:left;
}

.bas-college{
background:url(/images/charte/college/bas-contenu-college.gif) no-repeat;
width:741px;
height:7px;
float:left;
margin-left:243px;
_margin-left:121px;
padding-bottom:10px;
}


.imprimer a, .imprimer a:visited{
float:right;
padding-right:5px;
background:url(/images/charte/college/imprimer.gif) no-repeat;
width:63px;
height:16px;
}

.imprimer a:hover{
background:url(/images/charte/college/imprimer-hover.gif) no-repeat;
width:63px;
height:16px;

}

.text-college{
width:710px;
padding-top:5px;
background:#E7EDF5;
float:left;
padding-left:10px;
min-height:481px;
_height:481px;
margin-right:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
}
.text-college ul{
	width:100%;
	margin-right:0px;
	padding-right:0px;
}
.text-college li{
	width:100%;
	margin-right:0px;
	padding-right:0px;
}
.contenu-college h1{
	background:url(/images/charte/college/H1-College.gif) no-repeat top left;
	text-indent:13px;
	font-size:13px;
	color:#ed6e29;
	text-transform:uppercase;
	font-weight:bold;
	margin-bottom:10px;
}

.contenu-college h2{
	font-size:12px;
	color:#104FA0;
	text-transform:uppercase;
	font-weight:bold;
	margin-bottom:10px;
	padding-left:0px;
}

.contenu-college h3{
	font-size:11px;
	color:#ed6e29;
	font-weight:bold;
	margin-bottom:10px;
	padding-left:50px;
}

.TitreH3{
	font-size:11px;
	font-weight:bold;
	color:
	color:#104fa0;;
	font-weight:bold;
	margin-bottom:10px;
	padding-left:0px;
}
.contenu-college h4{
	font-size:11px;
	color:#104FA0;
	
	font-weight:bold;
	margin-bottom:10px;
	padding-left:70px;
}

.contenu-college h5{
	font-size:11px;
	color:#ed6e29;
	margin-bottom:10px;
	padding-left:90px;
	font-weight:normal;
}

.contenu-college h6{
	font-size:11px;
	color:#104FA0;
	font-weight:normal;
	margin-bottom:10px;
	padding-left:110px;
}

.contenu-college p{
	font-size:11px;
	color:#666666;
	margin-right:5px;
	text-align:left;
	font-weight:normal;
	margin-bottom:10px;
	margin-right:0px;
}

.contenu-college a{
	font-size:11px;
	color:#ed6e29;
	text-align:left;
	font-weight:normal;
	margin-bottom:10px;
}
.contenu-college a:hover{
	font-size:11px;
	color:#104FA0;
	text-align:left;
	font-weight:normal;
	margin-bottom:10px;
}

.contenu-college table{
	width:80%;
	font-size:11px;
	color:#666666;
	text-align:justyfy;
	font-weight:normal;
	margin:5px;
	padding-left:0px;
}


.contenu-college ul{
	list-style: url(/images/charte/pageInterne/puce-orange.gif);
	font-size:11px;
	color:#666666;
	text-align:left;
	font-weight:normal;
	margin:5px;
	/*margin-right:20px;*/
	padding-left:0px;

}

.contenu-college li{
	padding-bottom:3px;
	list-style: url(/images/charte/pageInterne/puce-orange.gif);
	font-size:11px;
	color:#666666;
	text-align:left;
	font-weight:normal;
	margin:5px;
	/*margin-right:20px;*/
	padding-left:0px;
}
/*****************************************************************************
					A la UNE
******************************************************************************/

.AlaUne{
float:left;
background:url(/images/charte/A-la-une.jpg) no-repeat;
width:774px;
height:206px;
margin-top:28px;
}

.T-alaUne{
display:none;}

.Actualite{
float:left;
background:url(/images/charte/trait-v.gif) repeat-y;
background-position:right;
padding-right:15px;
}

.T-actualites{
background:url(/images/charte/T-actualite.gif) no-repeat;
width:76px;
height:15px;
margin-top:10px;
float:left;

}
.surlignement{
background:url(/images/charte/surlignement.gif) repeat-x;
width:350px;
margin-top:17px;
height:7px;
float:left;
margin-bottom:10px;}

.separation-actu{
background:url(/images/charte/surlignement.gif) repeat-x;
height:7px;
width:425px;}

.toutes-actu{
text-align:right;
padding-bottom:10px;}

/*****************************************************************************************
					AGENDA
*******************************************************************************************/

.T-evenements{
background:url(/images/charte/T-evenements.gif) no-repeat;
width:169px;
height:18px;
margin-top:10px;
float:left;
}

.Evenements{
float:left;
width:299px;
margin-left:15px;
}
.surlignement-evt{
background:url(/images/charte/surlignement.gif) repeat-x;
width:130px;
margin-top:17px;
height:7px;
margin-bottom:20px;
float:left;
}

.separation-agd{
background:url(/images/charte/surlignement.gif) repeat-x;
height:7px;
width:299px;
}

.agd-complet{
text-align:right;
padding-bottom:10px;}

/***************************************************************************
				Module Lien
****************************************************************************/

.separation-lien{
background:url(/images/charte/surlignement.gif) repeat-x;
height:7px;
width:400px;
}

/***************************************************************************
				PIED PAGE
****************************************************************************/
.piedPage{
font-size:10px;
margin:auto;
}

.bas-page{
background:url(/images/charte/bas.gif) no-repeat;
width:633px;
height:32px;
}

#piedPageAdresseSociete{
color:#104FA0;
float:left;
}

#piedPageAdresseSociete p{
color:#104FA0;
text-align:center;
padding-top:5px;
}

#piedPageMenu{
background:url(/images/charte/pied-d.gif) no-repeat;
width:368px;
height:32px;
float:left;
color:#FFFFFF;
}

#piedPageMenu a{
color:#FFFFFF;
text-align:center;

}

#piedPageMenu a:hover{
color:#FFFFFF;
text-align:center;
text-decoration:underline;
}

#piedPageMenu p{
color:#FFFFFF;
text-align:center;
padding-top:7px;
margin-left:20px;
}

/*******************************************/
#tableauEtapeAdherent{
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #778aae;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #778aae;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #778aae;

}

#tableauEtapeAdherent th, #tableauEtapeAdherent tr{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #778aae;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #778aae;
	
}

#tableauEtapeAdherent th{
	background-color: #ecebe9;
}