html, body {
margin: 0;
padding: 0;
background-color: #EDEDED;
}



/* Bloc logo toutes pages*/

#conteneurlogo {
width: 100%;
height: 60px;
margin-top: 0px;
margin-bottom: 0px;
background-color:#EDEDED; 
}

#logo {
width: 850px;
margin-left: auto;
margin-right: auto;
}

/* Bloc separateur des blocs toutes pages*/

#conteneurseparbloc {
width: 100%;
margin-top: 0px;
margin-bottom: 0px;
background-color:#8FA9BC; 
}

#separbloc {
width: 850px;
height: 5px;
font-size: 1px; 
margin-left: auto;
margin-right: auto;
background-color:#A7C7DB; 
}

/* bloc menu toutes pages*/

#conteneurmenu {
width: 100%;
height: 160px;
margin-top: 0px;
margin-bottom: 0px;
background-color:#CCCCCC; 
}

#menu {
width: 850px;
margin-left: auto;
margin-right: auto;
}

/* Page acc conteneur centre toutes pages*/

#centre {
width: 850px;
margin-left: auto;
margin-right: auto;
padding: 0;
background-color : #FFFFFF;
}


/* bloc pied de page toutes pages*/

#conteneurpiedpage {
width: 100%;
height: 10px;
margin-top: 0px;
margin-bottom: 0px;
padding: 0;
background-color:#EDEDED; 
}

#piedpage {
width: 850px;
padding: 0;
margin-left: auto;
margin-right: auto;
}



/* PAGE OFFRES DE STAGE*/

/* Menu gauche catégories*/

#menucategorie {
float:left;
margin-top: 20px;
width: 240px;
margin-left: 4px;
}

#btmenu {
width: 232px;
list-style-type: none;
margin: 0;
padding: 0;
}

#btmenufichiers {
width: 500px;
list-style-type: none;
margin: 0;
padding: 0;
}

.btmenucate a {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #454545;
text-decoration: none;
background: url(images/icmenu2.gif) left center no-repeat;
}

.btmenucate a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #0B4B9C;
text-decoration: none;
background-image: url(images/icbtifiche3.gif);
}

.lignecate {
width: 232px;
height: 8px;
margin: 0px;
bottom: 0px;
background: url(images/lignemenu.gif) left center no-repeat;
}

/* txt introduction Offres de stage et pour consulter la charte de stage*/

#blocintrostage {
float: right;
margin-top: 20px;
margin-right: 0px;
margin-bottom: 0px;
padding: 0;
width: 570px;
}

#titreintrostage {
float: left;
margin-top: 0px;
margin-right: 0px;
padding: 0;
width: 150px;
}

#lignetitreoffrestage {
float: left;
margin-top: 8px;
margin-right: 0px;
padding: 0;
width: 400px;
}

#txtintrostage {
width: 550px;
background-color: #FFFFFF;
margin-top: 8px;
margin-right: 0;
padding: 0;
}

#ligneintrostage {
width: 550px;
margin-bottom: 0;
margin-top: 6px;
}

/* Fiche Stage*/


#blocfichestage1 {
float: right;
margin-top: 20px;
margin-right: 0px;
padding: 0;
width: 570px;
}


#fichestage {
width: 550px;
background-color: #FFFFFF;
margin: 0;
padding: 0;
}

#lignefiche {
width: 550px;
margin-bottom: 20px;
margin-top: 20px;
}

#btfiche1 {
width: 200px;
list-style-type: none;
margin-top: 10px;
margin-left: 0;
margin-right: 0;
margin-bottom: 0;
padding: 0;
}

.btfiche2 a {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #034EA2;
text-decoration: none;
background: url(images/icbtifiche.gif) left center no-repeat;
}

.btfiche2 a:hover {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #C60000;
text-decoration: none;
background-image: url(images/icbtifiche2.gif);
}

/* Formulaire de reponse Offre de stage*/

#blocformulaire {
float: right;
margin-top: 20px;
margin-left: 20px;
margin-right: 0px;
padding: 0;
width: 570px;
}

#bloctitreformulaire {
float: left;
margin-top: 20px;
margin-right: 0px;
margin-left: 0px;
margin-bottom: 0px;
padding: 0;
width: 150px;
}

#lignetitreformulaire {
float: left;
width: 395px;
margin-bottom: 0px;
margin-top: 22px;
margin-right: 4px;
margin-left: 10px;
padding: 0;
}

#bloctxtformulaire {
float: left;
margin-top: 8px;
margin-bottom: 15px;
margin-right: 0px;
padding: 0;
width: 570px;
}

#formulaire {
float: left;
margin-top: 20px;
margin-right: 10px;
padding: 0;
width: 570px;
}

/* PAGE DEMANDES DE STAGE*/

#blocpagesansmenu {
float: right;
margin-top: 20px;
margin-right: 0px;
margin-left: 0px;
margin-bottom: 0px;
padding: 0;
width: 830px;
}

#titredemandestage {
float: left;
margin-top: 0px;
margin-right: 0px;
padding: 0;
width: 180px;
}

#lignetitredemandestage {
float: left;
margin-top: 8px;
margin-right: 0px;
padding: 0;
width: 630px;
}

#bloccontenu {
float: right;
margin-top: 8px;
margin-right: 0px;
margin-left: 0px;
margin-bottom: 0px;
padding: 0;
width: 830px;
}

#bloccontenuform {
float: right;
margin-top: 30px;
margin-right: 0px;
margin-left: 0px;
margin-bottom: 0px;
padding: 0;
width: 830px;
}

#txtdemandestage {
float: left;
width: 529px;
background-color: #FFFFFF;
margin-top: 0px;
margin-right: 0;
margin-left: 0;
margin-bottom: 0;
padding: 0;
}

#photodemandestage {
float: left;
width: 260px;
height: 125px;
background-color: #FFFFFF;
margin-top: 0px;
margin-left: 21px;
margin-right: 0;
margin-bottom: 0;
padding: 0;
}

#bloctitrelettremotiv {
float: left;
width: 260px;
background-color: #FFFFFF;
margin-top: 15px;
margin-right: 0;
margin-left: 0;
margin-bottom: 0;
padding: 0;
}

#bloctitrecv {
float: left;
width: 540px;
background-color: #FFFFFF;
margin-top: 15px;
margin-right: 0;
margin-left: 0;
margin-bottom: 0;
padding: 0;
}

#blocparcmotiv {
float: left;
width: 260px;
background-color: #FFFFFF;
margin-top: 8px;
margin-right: 0;
margin-left: 0;
margin-bottom: 0;
padding: 0;
}

#blocparcourircv {
float: left;
width: 260px;
background-color: #FFFFFF;
margin-top: 8px;
margin-right: 0;
margin-left: 0;
margin-bottom: 0;
padding: 0;
}

#blocenvoyerannuler {
float: left;
width: 200px;
background-color: #FFFFFF;
margin-top: 6px;
margin-right: 0;
margin-left: 0;
margin-bottom: 0;
padding: 0;
}

#titretemoignage {
float: left;
margin-top: 30px;
margin-right: 0;
margin-left: 0;
margin-bottom: 0;
padding: 0;
width: 222px;
}

#lignetitretemoignage {
float: left;
margin-top: 37px;
margin-right: 0px;
margin-left: 0;
margin-bottom: 0;
padding: 0;
width: 582px;
}

#bloctemoignage {
float: left;
width: 805px;
background-color: #FFFFFF;
margin-top: 0;
margin-right: 0;
margin-left: 0;
margin-bottom: 0;
padding: 0;
}

#temoignage {
width: 805px;
background-color: #FFFFFF;
margin-top: 10px;
margin-right: 0;
margin-left: 20px;
margin-bottom: 0;
padding: 0;
}

#txttemoignage {
width: 805px;
background-color: #FFFFFF;
margin-top: 5px;
margin-right: 0;
margin-left: 20px;
margin-bottom: 0;
padding: 0;
}

/* PAGE ENTREPRISE*/

#titreentreprise {
float: left;
margin-top: 0px;
margin-right: 0px;
padding: 0;
width: 392px;
}

#lignetitreentreprise {
float: left;
margin-top: 8px;
margin-right: 0px;
padding: 0;
width: 418px;
}

#blocenvoyerannuler2 {
float: right;
width: 175px;
background-color: #FFFFFF;
margin-top: 6px;
margin-right: 0;
margin-left: 0;
margin-bottom: 0;
padding: 0;
}

/* PAGE ACCUEIL*/

#titreaccueil {
float: left;
margin-top: 0px;
margin-right: 0px;
padding: 0;
width: 280px;
}

#lignetitreaccueil {
float: left;
margin-top: 8px;
margin-right: 0px;
padding: 0;
width: 530px;
}

#txtacc1 {
float: left;
width: 529px;
background-color: #FFFFFF;
margin-top: 0px;
margin-right: 0;
margin-left: 0;
margin-bottom: 0;
padding: 0;
}

#photoaccueilacc1 {
float: left;
width: 260px;
height: 150px;
background-color: #FFFFFF;
margin-top: 0px;
margin-left: 21px;
margin-right: 0;
margin-bottom: 0;
padding: 0;
}

#txtacc2 {
float: left;
width: 810px;
background-color: #FFFFFF;
margin-top: 10px;
margin-right: 0;
margin-left: 0;
margin-bottom: 0;
padding: 0;
}

#titreaccueil2 {
float: left;
margin-top: 0px;
margin-right: 0px;
padding: 0;
width: 82px;
}

#lignetitreaccueil2 {
float: left;
margin-top: 8px;
margin-right: 0px;
padding: 0;
width: 726px;
}

#txtacc3 {
float: left;
width: 810px;
background-color: #FFFFFF;
margin-top: 0;
margin-right: 0;
margin-left: 0;
margin-bottom: 0;
padding: 0;
}

#blocaesco1 {
float: left;
margin-top: 0;
margin-right: 0px;
margin-left: 0px;
margin-bottom: 0px;
padding: 0;
width: 390px;
height: 295px;
background-color:#F6F6F6;
}

#blocaescotitre {
height: 22px;
margin-top: 0;
margin-right: 0;
margin-left: 0;
margin-bottom: 0;
padding: 0;
background-image: url(images/bloctitreacc.jpg);
background-repeat: no-repeat;
background-position: left top;
}

#blocaesco1flash {
float: left;
margin-top: 8px;
margin-right: 0;
margin-left: 0;
margin-bottom: 0;
padding-left: 8px;
width: 180px;
height: 120px;
}

#blocaesco1txt1 {
float: left;
margin-top: 6px;
margin-right: 0;
margin-left: 0;
margin-bottom: 0;
padding-left: 8px;
width: 184px;
height: 120px;
}

#blocaesco1txt2 {
float: left;
margin-top: 5px;
margin-right: 0;
margin-left: 0;
margin-bottom: 0;
padding-left: 8px;
width: 371px;
height: 120px;
}

#blocaesco2 {
float: left;
margin-top: 0;
margin-right: 0px;
margin-left: 28px;
margin-bottom: 0px;
padding: 0;
width: 390px;
height: 295px;
background-color:#F6F6F6;
}

#blocaescotitre2 {
height: 22px;
background-image: url(images/bloctitreacc2.jpg);
background-repeat: no-repeat;
background-position: left top;
}

#blocaesco2flash {
float: left;
margin-top: 8px;
margin-right: 0;
margin-left: 0;
margin-bottom: 0;
padding-left: 8px;
width: 170px;
height: 120px;
}

#blocaesco2txt1 {
float: left;
margin-top: 6px;
margin-right: 0;
margin-left: 0;
margin-bottom: 0;
padding-left: 8px;
width: 195px;
height: 120px;
}

#blocaesco2txt2 {
float: left;
margin-top: 5px;
margin-right: 0;
margin-left: 0;
margin-bottom: 0;
padding-left: 8px;
width: 373px;
height: 120px;
}

#titreaccueil3 {
float: left;
margin-top: 0px;
margin-right: 0px;
padding: 0;
width: 160px;
}

#lignetitreaccueil3 {
float: left;
margin-top: 8px;
margin-right: 0px;
padding: 0;
width: 650px;
}

#flashpartenaires {
float: left;
width: 810px;
background-color: #FFFFFF;
margin-top: 0;
margin-right: 0;
margin-left: 0;
margin-bottom: 0;
padding: 0;
}

/* PAGE CONTACT*/

#titrecontact {
float: left;
margin-top: 0px;
margin-right: 0px;
padding: 0;
width: 85px;
}

#lignetitrecontact {
float: left;
margin-top: 8px;
margin-right: 0px;
padding: 0;
width: 725px;
}

#blocaddcontact {
float: left;
width: 529px;
background-color: #FFFFFF;
margin-top: 0px;
margin-right: 0;
margin-left: 0;
margin-bottom: 0;
padding: 0;
}

#contacttxt1 {
float: left;
width: 138px;
background-color: #FFFFFF;
margin-top: 0px;
margin-right: 0;
margin-left: 0;
margin-bottom: 0;
padding-left: 4px;
}

#trait1 {
float: left;
width: 1px;
height: 33px;
margin-top: 9px;
margin-right: 0;
margin-left: 32px;
margin-bottom: 0;
padding-left: 0;
background-color: #454545;
}

#contacttxt2 {
float: left;
width: 100px;
background-color: #FFFFFF;
margin-top: 0px;
margin-right: 0;
margin-left: 32px;
margin-bottom: 0;
padding: 0;
}

#contacttxt3 {
float: left;
width: 155px;
background-color: #FFFFFF;
margin-top: 0px;
margin-right: 0;
margin-left: 32px;
margin-bottom: 0;
padding: 0;
}

#contacttxt4 {
float: left;
width: 138px;
background-color: #FFFFFF;
margin-top: 46px;
margin-right: 0;
margin-left: 0;
margin-bottom: 0;
padding-left: 4px;
}

#trait2 {
float: left;
width: 1px;
height: 33px;
margin-top: 55px;
margin-right: 0;
margin-left: 32px;
margin-bottom: 0;
padding-left: 0;
background-color: #454545;
}

#contacttxt5 {
float: left;
width: 100px;
background-color: #FFFFFF;
margin-top: 46px;
margin-right: 0;
margin-left: 32px;
margin-bottom: 0;
padding: 0;
}

#contacttxt6 {
float: left;
width: 155px;
background-color: #FFFFFF;
margin-top: 46px;
margin-right: 0;
margin-left: 32px;
margin-bottom: 0;
padding: 0;
}
p {
margin: 0;
}


.txtgrasbleu {
font-family: Arial, Helvetica, sans-serif;
color: #2A5496;
font-size: 11px;
font-weight: bold;
text-align: justify;
}

.txtgrasbleu2 {
font-family: Arial, Helvetica, sans-serif;
color: #2A5496;
font-size: 11px;
font-weight: bold;
text-align: justify;
margin-top: 10px;
margin-right: 0;
margin-left: 0;
margin-bottom: 0;
padding: 0;
}

.txt {
font-family: Arial, Helvetica, sans-serif;
color: #454545;
font-size: 11px;
font-weight: normal;
text-align: justify;
margin: 0;
padding: 0;
}

.txtaccbloc1 {
font-family: Arial, Helvetica, sans-serif;
color: #454545;
font-size: 11px;
font-weight: normal;
text-align: justify;
margin-top: 10px;
margin-right: 0;
margin-left: 0;
margin-bottom: 0;
padding: 0;
}

.txtcharte {
font-family: Arial, Helvetica, sans-serif;
color: #454545;
font-size: 11px;
font-weight: normal;
text-align: justify;
margin-top: 10px;
}

.titre {
font-family: Arial, Helvetica, sans-serif;
color: #1F3E70;
font-size: 18px;
font-weight: bold;
text-align: left;
margin: 0px;
}

.titrefiche {
font-family: Arial, Helvetica, sans-serif;
color: #1F3E70;
font-size: 16px;
font-weight: bold;
text-align: left;
margin: 0px;
}

.soustitrefiche {
font-family: Arial, Helvetica, sans-serif;
color: #454545;
font-size: 12px;
font-weight: bold;
text-align: left;
margin: 0px;
}

.titrerubriquefiche {
font-family: Arial, Helvetica, sans-serif;
color: #454545;
font-size: 11px;
font-weight: bold;
text-align: left;
margin-top: 6px;
}

.txtpiedpage {
font-family: Arial, Helvetica, sans-serif;
color: #A5A5A5;
font-size: 10px;
font-weight: normal;
text-align: center;
margin: 0px;
}

.titreformulaire {
font-family: Arial, Helvetica, sans-serif;
color: #034EA2;
font-size: 14px;
font-weight: bold;
text-align: left;
margin: 0px;
}

a.lienpage {
color: #454545;
text-decoration: none;
}

a.lienpage:hover {
color: #2A5496;
text-decoration: none;
}

a.lienpiedpage {
color: #A5A5A5;
text-decoration: none;
}

a.lienpiedpage:hover {
color: #2A5496;
text-decoration: none;
}

.separation {
clear: both;
visibility: hidden;
}


.titretxtform {
font-family: Arial, Helvetica, sans-serif;
color: #454545;
font-size: 11px;
font-weight: bold;
text-align: left;
margin-top: 0px;
}