/* CSS Document */

body	{
padding: 0;
margin: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
background: #FFFFFF;
font-size: 12px;
}

#container	{
width: 960px;
margin: 0 auto 0 auto;
align : center;
}

#container div	{
float: left;
}

#header	{
width: 960px;
height: 120px;
}

#menu	{
width: 400px;
height: 120px;
background: url(img/menu.jpg) left top no-repeat;
}

#menu01	{
padding: 0 0 0 261px;
}

#menu01	a {
display: block;
width: 132px;
height: 36px;
background: url(img/menu01off.jpg) no-repeat;
}

#menu01	a:hover {
display: block;
width: 132px;
height: 36px;
background: url(img/menu01on.jpg) no-repeat;
}

#menu02	{
padding: 2px 0 0 210px;
}

#menu02	a {
display: block;
width: 148px;
height: 29px;
background: url(img/menu02off.jpg) no-repeat;
}

#menu02	a:hover {
display: block;
width: 148px;
height: 29px;
background: url(img/menu02on.jpg) no-repeat;
}

#accueil	{
width: 150px;
height: 28px;
}

#menu03	{
padding: 2px 0 0 0;
}

#menu03	a {
display: block;
width: 166px;
height: 28px;
background: url(img/menu03off.jpg) no-repeat;
}

#menu03	a:hover {
display: block;
width: 166px;
height: 28px;
background: url(img/menu03on.jpg) no-repeat;
}

#logo {
width: 253px;
height: 120px;
padding: 0 0 0 297px;
}

#main	{
width: 860px;
height: 346px;
background: url(img/bocflashbg.gif) top no-repeat;
padding: 30px 0 0 100px;
}

#bloc01	{
width: 348px;
height: 333px;
background: url(img/bloc02bg.jpg) top no-repeat;
}


#bloc01lien1 {
margin: 40px 0 0 40px;
}

#bloc01lien1 a {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #777777;
text-decoration: none;
display: block;
width: 120px;
height: 80px;
padding: 12px 0 0 130px;
background: url(img/bloc02_1off.jpg) left top no-repeat;
}

#bloc01lien1 a:hover {
color: #999999;
display: block;
width: 120px;
height: 80px;
padding: 12px 0 0 130px;
background: url(img/bloc02_1on.jpg) left no-repeat;
}


#bloc01lien2 {
margin: 20px 0 0 40px;
}

#bloc01lien2 a {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #777777;
text-decoration: none;
display: block;
width: 120px;
height: 80px;
padding: 12px 0 0 130px;
background: url(img/bloc02_2off.jpg) left top no-repeat;
}

#bloc01lien2 a:hover {
color: #999999;
display: block;
width: 120px;
height: 80px;
padding: 12px 0 0 130px;
background: url(img/bloc02_2on.jpg) left no-repeat;
}

#bloc01lien3 {
margin: 20px 0 0 40px;
}

#bloc01lien3 a {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #777777;
text-decoration: none;
display: block;
width: 120px;
height: 80px;
padding: 12px 0 0 130px;
background: url(img/bloc02_3off.jpg) left top no-repeat;
}

#bloc01lien3 a:hover {
color: #999999;
display: block;
width: 120px;
height: 80px;
padding: 12px 0 0 130px;
background: url(img/bloc02_3on.jpg) left no-repeat;
}

#bloc02	{
width: 280px;
height: 333px;
background: url(img/bloc03bg.jpg) top no-repeat;
/* border: 1px solid black; */
}

#bloc02lien1 {
margin: 40px 0 0 0;
}

#bloc02lien1 a {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #777777;
text-decoration: none;
display: block;
width: 100px;
height: 80px;
padding: 12px 0 0 130px;
background: url(img/bloc03_1off.jpg) left top no-repeat;
}

#bloc02lien1 a:hover {
color: #999999;
display: block;
width: 100px;
height: 80px;
padding: 12px 0 0 130px;
background: url(img/bloc03_1on.jpg) left no-repeat;
}


#bloc02lien2 {
margin: 20px 0 0 0;
}

#bloc02lien2 a {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #777777;
text-decoration: none;
display: block;
width: 100px;
height: 80px;
padding: 12px 0 0 130px;
background: url(img/bloc03_2off.jpg) left top no-repeat;
}

#bloc02lien2 a:hover {
color: #999999;
display: block;
width: 100px;
height: 80px;
padding: 12px 0 0 130px;
background: url(img/bloc03_2on.jpg) left no-repeat;
}

#bloc02lien3 {
margin: 20px 0 0 0;
}

#bloc02lien3 a {
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #777777;
text-decoration: none;
display: block;
width: 120px;
height: 80px;
padding: 12px 0 0 130px;
background: url(img/bloc03_3off.jpg) left top no-repeat;
}

#bloc02lien3 a:hover {
color: #999999;
display: block;
width: 120px;
height: 80px;
padding: 12px 0 0 130px;
background: url(img/bloc03_3on.jpg) left no-repeat;
}

#bloc03	{
width: 284px;
height: 356px;
font-size: 11px;
}

#bloc03_top	{
width: 284px;
height: 21px;
background: url(img/bloc04_top.jpg) no-repeat;
}

#bloc03_mid	{
width: 284px;
height: 328px;
background: url(img/bloc04_mid.gif) repeat-y;
}

#bloc03_bot	{
width: 284px;
height: 7px;
background: url(img/bloc04_bot.gif) no-repeat;
}

#bloc04	{
width: 920px;
height: 118px;
background: url(img/bloc05bg.jpg) no-repeat;
margin: 20px 0 0 0;
padding: 40px 0 0 60px;
}

#quinoussommes	{
width: 860px;
height: 326px;
background: url(img/quinoussommestitre.jpg) top no-repeat;
padding: 45px 0 0 50px;
}

#nosservices	{
width: 860px;
height: 326px;
background: url(img/nosservices.jpg) top no-repeat;
padding: 45px 0 0 50px;
}

#cabouge	{
width: 860px;
height: 326px;
background: url(img/cabouge.jpg) top no-repeat;
padding: 45px 0 0 50px;
}

#parcours	{
width: 860px;
height: 40px;
background: url(img/parcours.jpg) top no-repeat;
padding: 0 0 0 50px;
}

#contactbg	{
width: 860px;
height: 40px;
background: url(img/contact.jpg) top no-repeat;
padding: 0 0 0 50px;
}

#contact	{
width: 680px;
border-top: 1px solid #888888;
padding: 15px;
}


#parcoursmain{
width: 860px;
padding: 0 0 40px 100px;
}


.parcoursbloc {
width: 572px;
height: 212px;
padding: 40px 20px 0 200px;
text-align: justify;
}

.parcoursbloc a {
font-weight: bold;
text-decoration: none;
color: #FF6633;
display: block;
padding: 10px 0 0 0;
}

.parcoursbloc a:hover {
text-decoration: underline;
}

#parcoursbg01 {
background: url(img/parcours01.jpg) bottom left no-repeat;
}

#parcoursbg02 {
background: url(img/parcours02.jpg) bottom left no-repeat;
}

#parcoursbg03 {
background: url(img/parcours03.jpg) bottom left no-repeat;
}
#parcoursbg04 {
background: url(img/parcours04.jpg) bottom left no-repeat;
}

#parcoursbg05 {
background: url(img/parcours05.jpg) bottom left no-repeat;
}

#parcoursdetail {
width: 880px;
padding: 30px;
margin: 30px auto 30px auto;
border: 1px solid #666666;
}


h1	{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 16px;
color: #f76300;
font-weight: bold;
line-height: 18px;
padding: 0 0 6px 0;
margin: 0;
}

h3	{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 15px;
color: #f76300;
font-weight: bold;
line-height: 18px;
padding: 0 0 6px 0;
margin: 0;
}

#maintext	{
width: 860px;
padding: 0 50px 0 50px;
font-size: 12px;
line-height: 18px;
text-align: justify;
}

.bloctexte	{
width: 840px;
margin: 0 0 20px 0;
}

.blocnews	{
width: 378px;
margin: 20px 20px 20px 0;
padding: 20px;
background: #ffffff;
border: 1px solid red;
}

.blocnews2	{
width: 378px;
margin: 20px 0 20px 0;
padding: 20px;
background: #ffffff;
border: 1px solid red;
}

.blocarchives	{
width: 840px;
padding: 20px 0 20px 0;
text-align: center;
margin: 0 auto 0 auto;
border-top: 2px dotted grey;
}

.blocarchives a	{
font-size: 14px;
color: #CC3399;
text-decoration: none;
}

.blocarchives a:hover {
font-size: 14px;
color: #CC3399;
text-decoration: underline;
}

.tahomabig	{
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 19px;
color: red;
font-weight: bold;
}

.blocdetail	{
width: 800px;
padding: 12px 10px 20px 30px;
margin: 0 0 20px 0;
color: #444444;
background: #f3f3f3;
}


.blocdetail	li {
padding: 5px 0 5px 0;
}

.blocdetail_texte	{
width: 500px;
padding: 15px 0 0 0;
}

.blocdetail_texte2	{
width: 780px;
}

.blocdetail_image	{
width: 250px;
padding: 15px 0 0 30px;
}

.blocdetail_container	{
width: 780px;
}

.bloccandidats	{
width: 810px;

padding: 30px 0 0 50px;
}

.blocrecruteurs	{
width: 810px;
background: url(img/recruteursbg.gif) top left no-repeat;
padding: 40px 0 0 50px;
}

.bloccandidats_flash {
width: 768px;
height: 700px;
padding: 10px 0 0 0;
}


.bloc01	{
width: 700px;
height: 450px;
padding: 70px 50px 0 50px;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 15px;
background: url(img/candidat-scanbg.gif) no-repeat left top;
}

.bloc01	ul {
list-style: none;
}

.bloc01	li {
background: url(img/puce1.jpg) no-repeat left top; 
padding: 2px 0 20px 44px;
}

.bloc02	{
width: 530px;
height: 230px;
padding: 60px 0 0 330px;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 15px;
}

.bloc02	ul {
list-style: none;
}

.bloc02	li {
background: url(img/puce1.jpg) no-repeat left top; 
padding: 2px 0 6px 44px;
}


.bloc03	{
width: 760px;
height: 40px;
padding: 60px 50px 0 50px;
}

.bloc04	{
width: 330px;
padding: 30px 50px 0 50px;
}

.bloc05	{
width: 330px;
padding: 30px 50px 0 50px;
}

.bloc06	{
width: 330px;
padding: 120px 50px 0 50px;
}

.bloc07	{
width: 330px;
padding: 120px 50px 0 50px;
}

.bloc08	{
width: 700px;
height: 450px;
padding: 70px 50px 0 50px;
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 15px;
background:  url(img/candidat-profilQtP.jpg) no-repeat left top;
}

.textebleu	{
font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
color: #666666;
}

.ensavoirplus	{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
color: #000000;
font-weight: bold;
background: url(img/puceorange.gif) top left no-repeat;
padding: 0 0 0 20px;
margin: 0;
}

h3	{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
color: #f76300;
font-weight: bold;
/*border-bottom: 1px solid #CCCCCC;*/
}

.puce01 {
background: url(img/puceverte.gif) left no-repeat;
padding: 0 0 0 30px;
}

.puce02 {
background: url(img/pucebleue.gif) left no-repeat;
padding: 0 0 0 30px;
}

.puce03 {
background: url(img/pucerouge.gif) left top no-repeat;
padding: 0 0 0 30px;
}

.photogauche {
margin: 0 12px 0 0;
}

.photodroite {
margin: 0  0 0 12px;
}

.table01	{
border: 1px solid #0066CC;
padding: 8px;
}

.td01	{
border-bottom: 1px solid #0066CC;
background: #EEF9FB;
}

.td02	{
border-bottom: 1px solid #0066CC;
background: #EEF9FB;
}

.text01	{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #0066CC;
}

.text01	a {
color: #0066CC;
text-decoration: none;
}

.text01	a:hover {
color: #0066CC;
text-decoration: underline;
}

.text02	{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}

.text03	{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
color: #660066;
}

.text04	{
font-family: Tahoma, Arial, Helvetica, sans-serif;
font-size: 11px;
color: #949494;
}

.text04 a	{
color: #red;
text-decoration: underline;
}

.text04 a:hover	{
color: #949494;
text-decoration: none;
}

#footer	{
width: 100%;
height: 87px;
margin: 10px auto 10px auto;
text-align: center;
border-top: 1px solid #BBBBBB;
padding: 6px 0 0 0;
background: url(img/footer.gif) no-repeat;
}

#footer	span a {
color: red;
text-decoration: underline;
}
#footer	span a:hover {
color: red;
text-decoration: none;
}

#footer2	{
width: 100%;
height: 87px;
margin: 10px auto 10px auto;
text-align: center;
border-top: 1px solid #BBBBBB;
padding: 6px 0 0 0;
background: url(img/labelqtp.gif) right no-repeat;
}

#footer2	span a {
color: red;
text-decoration: underline;
}
#footer2	span a:hover {
color: red;
text-decoration: none;
}