

html {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	}
.style_switcher{
position:absolute;
top:0px;
left:0px;
}
.clearboth {
	clear: both;
	}
	
p ul li form {
padding: 0px;
margin: 0px;
}
	
	body {
/*  background-image: url(../images/fond2.gif);
	background-repeat: repeat-x; */
	background-color: #E8EEF5;
	text-align: left;
	margin-bottom: 0px;
    margin-left: 0px;
    margin-right: 0px;
    margin-top: 0px;
			}
.container {
    position:relative; 
    background-image: url(../images/bg_center_2.gif);
	background-repeat: repeat-y;
	width: 773px;
	margin:auto;
	textalign: left;
	padding-left: 18px;
	}
	.pdf {
    position:relative; 
    width: 773px;
	margin:auto;
	textalign: left;
	padding-left: 18px;
	}
.footer {
    position: relative;	
	background-image: url(../images/footer2.gif);
	height: 145px;
	width: 755px;
}
#footer2 {margin:auto; width: 767px; height:31px;  background-image: url(../images/footer.gif); text-align:center; font-size: 11px; }

.header {
   	height:1px;
	background-image: url(../images/header2.gif);
	width: 755px;
}
.hide {
  text-indent: -5000px;
  font-size: 0px;
  line-height: 1px;
  text-decoration: none;
}
.right{
margin-left:45px;
}
#homelink {
   position: absolute;
  left: 0px;
  top: 0px;
  width: 755px;
  height: 70px;
}
.bubble a{
display:block;

}
.bubble a:hover {
text-decoration:none;
background-color: #96c6d0;
color:#fff;
}

#homelink2 {
  position: absolute;
  left: 0px;
  top: 80px;
  width: 755px;
  height: 70px;
}

.boxContent {
		margin :0px 10px 0 5px;
        height: 140px;		
		border-bottom: 1px solid #DBE2E8; 
		color:#4C4C4C;		 
					 }
					 
 .boxContent ul  {
        margin: 0px;
 		text-indent:40px; 
		list-style: none;       
 }
  .boxContent h4{
     background-color: #fee;
     margin: 0px;
     font-size: 13px;
     color:#445566;
  }
  .lettrine {
font-size: 20px;
font-weight: bold;
line-height: 1em;

}
.leftcol {
   position:absolute;
     text-align:left;
    width: 755px;
	z-index: 30;
				}
.leftcol_bis {
   position:absolute;
      text-align:left;
    width: 755px;
	z-index: 1;
				}

.leftcol #title {
margin:0 10px 0 10px;
font-size: 22px;
font-weight: bold;
line-height: 1.2em;
color:#fff;
}
.leftcol #content {
margin:0 10px 0 10px;
color:#111;
}
.leftcol #title1 {
font-size: 22px;
font-weight: bold;
color:#eee;

}

.rightcol {
    position:absolute;
    width: 480px;	
		}
		
.rightcol_accueil {
    position:relative;
 	width: 740px;
	z-index: 51;
	text-align: justify;
	margin:0px 0px 760px 0px;	
			}
.rightcol_mention {
    
 	width: 740px;
	z-index: 52;
	text-align: justify;
	margin:0px 0px 0px 0px;	
			}
.rightcol_offre {
    position:relative;
 	width: 740px;
	z-index: 11;	
			}		
.rightcol #title {
margin:0 5px 0 5px;
}

.marge { margin:130px 10px 0 230px;
}
.marge2 { margin:0 10px 0 10px;}
.marge21 { margin:0px 0px 0 0px;}
.marge3 { margin:210px 10px 0 10px;}
.marge31 { margin:230px 10px 0 10px;}
.marge32 { margin:0px 0px 0 20px;}
.marge4 { margin:170px 10px 0 10px;}
.marge5 { margin:130px 10px 0px 230px;}
.marge6 {
    margin:150px 0px 0px 10px;
	  	   }
	.marge7 {
    margin:150px 0px 0px 0px;
	  	   }
		   
	.marge77 {
	float:right;
    margin:160px 0px 0px 0px;
	width:480px;
	  	   }
		   
		   .marge72 {
		   
		   float:left;
		   	width: 240px;
			height:780px;
			  margin:180px 15px 0 0px;
		background: url(../images/chiffres.gif) left no-repeat;
	  	   }
		   .marge72 #content {
		   font-size:12px;
		   color:#ffffff;
		   width:210px;
		   margin:100px 15px 0 15px;
		   }
		p.titre115
{
margin:0;
color: #fff;
font-size: 14pt; 
font-weight:bold;
text-align: right;
}  			   
		   
		   
		   
		   
		   	
.rightcol_evol {
    position:relative;
 	width: 740px;
	z-index: 11;
	text-align: justify;	
			}


.quatre1 {
display:block;
 background: url(../images/quatre1.gif) bottom repeat-x;
}
.quatre2 {
display:block;
 background: url(../images/quatre2.gif) bottom repeat-x;
}
.quatre3 {
display:block;
 background: url(../images/quatre3.gif) bottom repeat-x;
}
.quatre4 {
display:block;
 background: url(../images/quatre4.gif) bottom repeat-x;
}


/* LIENS */

a
	{
	color:#3377AE ; text-decoration: none ;
	}

a:hover 
{
	color : #FF6347 ;  text-decoration: underline ; cursor: hand;
}

a.linkblanc
	{
	color:#ffffff ; text-decoration: underline ;
	}


/* Style redefini des liens du menu gauche des pages */
a.acc:link {
	color: #F86147;
	background-color: transparent;
	font-family: Verdana, arial, helvetica, Tahoma, serif;
	font-size: 10pt;
	text-decoration: none;
}

/* Style redefini des liens du menu : visited */
a.acc:visited {
	color: #F86147;
	background-color: transparent;
	font-family: Verdana, arial, helvetica, Tahoma, serif;
	font-size: 10pt;
	text-decoration: none;
}

/* Style redefini des liens du menu : hover */
a.acc:hover {
	color: #6E9FDC;
	background-color: transparent;
	cursor: pointer;
	font-family: Verdana, arial, helvetica, Tahoma, serif;
	font-size: 10pt;
	text-decoration: underline;
}

/* Style redefini des liens du menu : active */
a.acc:active {
	color: #6E9FDC;
	background-color: transparent;
	font-family: Verdana, arial, helvetica, Tahoma, serif;
	font-size: 10pt;
	text-decoration: none;
}	
	
/* Style redefini des liens DU MENU DU BAS */
a.menubas:link {
	color: #F86147;
	background-color: transparent;
	font-family: Verdana, arial, helvetica, Tahoma, serif;
	font-size: 9pt; 
	text-decoration: none;
}

/* Style redefini des liens du menu : visited */
a.menubas:visited {
	color: #F86147;
	background-color: transparent;
	font-family: Verdana, arial, helvetica, Tahoma, serif;
	font-size: 9pt; 
	text-decoration: none;
}

/* Style redefini des liens du menu : hover */
a.menubas:hover {
	color: #6E9FDC;
	background-color: transparent;
	cursor: pointer;
	font-family: Verdana, arial, helvetica, Tahoma, serif;
	font-size: 9pt; 
	text-decoration: underline;
}

/* Style redefini des liens du menu : active */
a.menubas:active {
	color: #F86147;
	background-color: transparent;
	font-family: Verdana, arial, helvetica, Tahoma, serif;
	font-size: 9pt; 
	text-decoration: none;
}	

a.postuler:link {
	color:#3377AE ;
	background-color: transparent;
	font-family: Verdana, arial, helvetica, Tahoma, serif;
	font-size: 10pt; 
	text-decoration: none;
	text-align: center;
	font-weight : bold; 	
}

a.postuler:visited {
	color:#3377AE ;
	background-color: transparent;
	font-family: Verdana, arial, helvetica, Tahoma, serif;
	font-size: 10pt; 
	text-decoration: none;
	text-align: center;
	font-weight : bold; 	
}

/* Style redefini des liens du menu : hover */
a.postuler:hover {
	color: #F86147;
	background-color: transparent;
	cursor: pointer;
	font-family: Verdana, arial, helvetica, Tahoma, serif;
	font-size: 10pt; 
	text-decoration: underline;
	text-align: center;
	font-weight : bold; 	
}

/* Style redefini des liens du menu : active */
a.postuler:active {
	color: #F86147;
	background-color: transparent;
	font-family: Verdana, arial, helvetica, Tahoma, serif;
	font-size: 10pt; 
	text-decoration: none;
	text-align: center;
	font-weight : bold; 	
}	
	
a.offres {
 	font-size: 8pt; 
	color: #4C4C4C;
	font-family: Verdana, arial, helvetica, Tahoma, cursive;		
	line-height: 19px;	
}

			
a.offres:hover {color : #fff}

a.valider{
 	font-size: 10pt;
	font-weight : bold;  
	font-family: Verdana, arial, helvetica, Tahoma, cursive;		
	line-height: 19px;	
}

			
a.valider:hover {color : #111111 ;  text-decoration: underline ;}

/* LES MISES EN FORME SPECIALES */
	
/*.orange
{
color:#F08451;
font-weight : bold; 
}
.orange2
{
color:#F08451;
} */

.copy
{
color:gray;
font-size: 8pt; 
text-align: center;
}

.menusm
{
color: #6E9FDC;
font-size: 12pt; 
	
}
.slogan{
align: center;
color: #999;
font-size: 13pt;
font-weight : bold;  
}
p.titre1
{
color: #E79902;
font-size: 16pt;  
line-height:1em;
}
.titre1
{
color: #E79902;
font-size: 16pt; 
text-align: left;
}
p.titre12
{
margin:0;
color: #E79902;
font-size: 14pt; 
font-weight:bold;
}
.titre122
{
margin:0px;
color: #777;
font-size: 16pt; 
line-height:1.3em;
}
.titre123
{
margin:0;
color: #777;
font-size: 16pt; 
line-height:1.3em;
}
p.titre14
{
margin:0 0 0 40px;
color: #E79902;
font-size: 16pt; 

}
p.titre15
{
margin:0px;
color: #fff;
font-size: 18pt; 
font-weight:bold;
text-align: center;
}
.titre15 a
{
color: #fff;
}
.titre15 a:hover
{
color: #fff;
text-decoration:none;
}
p.titre13
{
margin:0px;
color: #aaa;
font-size: 17pt; 
font-weight:bold;
}
.titre12.quatre12{
text-align: center;
}

.titre2
{
color: black;
font-size: 11pt; 
font-weight : bold;
font-variant: small-caps;
}

.titre3
{
color: #F08451;
font-size: 11pt; 
font-weight : bold;
}

.titre4
{
/*color: #6DB335; */
color: #3366CC;
font-size: 11pt; 
font-weight : bold;
font-variant: small-caps;

}

.titrecorps
{
/*color: #1B69C9; */
color: #3366CC;
font-size: 13pt; 
font-weight : bold;
font-family: Verdana, arial, helvetica, Tahoma, cursive;
}

.smtexte1 {
 	font-size: 11pt;
	font-weight : bold; 
	color: #ACB7C9;
	font-family: Verdana, arial, helvetica, Tahoma, cursive;
	line-height: 19px;		
}

/* texte justifié droite - gauche 
.smtextejust {

 	font-size: 8pt; 
	color: #003366;
	font-family: Verdana, arial, helvetica, Tahoma, cursive;		
	text-align: justify; 	
}
*/
.smtexte2 {
 	font-size: 8pt; 
	color: #4C4C4C;
	font-family: Verdana, arial, helvetica, Tahoma, cursive;		
	line-height: 19px;	
}
.smtexte {
	line-height: 19px;
 	font-size: 8pt; 
	color: #4C4C4C;
	font-family: Verdana, arial, helvetica, Tahoma, cursive;		
	}
.smtexte ul li  {
line-height: 19px;
	padding: 0;
	margin: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #333;
	font-size: 11px;
	}
.smtexte p{line-height: 19px;
}	
.smtexte1 p{line-height: 19px;
}
.smtexte2 p{line-height: 19px;
}	
p.saisie
{
color: #4C4C4C;
font-size: 9 pt; 
font-weight : bold; 
}
.saisie2
{
color: #777;
font-size: 16pt; 
}
.menugche
{
	line-height: 20px;
	font-size: 10pt ;
	color: #F86147 ;		
	list-style-type: none;
/*	list-style-image: url(/../images/new/fleche_dte_orange.gif);	*/
	/*text-indent: -30pt;	*/
	text-align: left;
}

.smtextepetit {

 	font-size: 7pt; 
	color: #4c4c4c;
	font-family: Verdana, arial, helvetica, Tahoma, cursive;		
}

.mention1
{
color: black;
font-size: 10pt; 
font-weight : bold;
}

/* LES FORMS  */

form.saisie input {

 	font-size: 9pt; 
	color: #4c4c4c;
	font-family: Verdana, arial, helvetica, Tahoma, cursive;		
	line-height: 18px;	
}

form.saisie textarea {

 	font-size: 9pt; 
	color: #4c4c4c;
	font-family: Verdana, arial, helvetica, Tahoma, cursive;		
	line-height: 18px;	
}

form.saisie select {

 	font-size: 9pt; 
	color: #4c4c4c;
	font-family: Verdana, arial, helvetica, Tahoma, cursive;		
	line-height: 18px;	
}

form.saisie label {

 	font-size: 9pt; 
	color: #4c4c4c;
	font-family: Verdana, arial, helvetica, Tahoma, cursive;		
	line-height: 18px;
	font-weight : bold;
}

form.saisie_accueil  input {

 	font-size: 8pt; 
	color: #4c4c4c;
	font-family: Verdana, arial, helvetica, Tahoma, cursive;		
	line-height: 18px;	
}

form.saisie_accueil  select {

 	font-size: 8pt; 
	color: #4c4c4c;
	font-family: Verdana, arial, helvetica, Tahoma, cursive;		
	line-height: 18px;	
}

form.saisie_accueil  label {

 	font-size: 8pt; 
	color: #4c4c4c;
	font-family: Verdana, arial, helvetica, Tahoma, cursive;		
	line-height: 18px;
}

.lien_accueil
{
	line-height: 25px;
	text-indent: -2pt;
	font-size: 8pt ;
}

/* LES TABLES  */


table.vert
{
	border: 1pt #60CF64 solid;
	background-color: #DAF3DB;
 	font-size: 8pt; 
}

table.jaune
{
	border: 1pt #FFC400 solid;
	background-color: #FFF4CE;
 	font-size: 8pt; 
}

table.rouge
{
	border: 1pt #F15C44 solid;
	background-color: #FDE6E1;
 	font-size: 8pt; 
}

table.violet
{
	border: 1pt #7E7ABD solid;
	background-color: #DFDEEF;
 	font-size: 8pt; 
}

table.bleu
{
	border: 1pt #6AC4E5 solid;
	background-color: #C4E7F4;
 	font-size: 8pt; 
}




.saisie {

 	font-size: 8pt; 
	color: #4C4C4C;
	font-family: Verdana, arial, helvetica, Tahoma, cursive;		
	line-height: 18px;	
}


td.titre_reg_offres {
	font-size: 10pt;
	color: #333333;
	font-weight : bold;
	font-family: Verdana, arial, helvetica, Tahoma, cursive;
	line-height: 18px;
}

td.titre_tab_offres {
 	font-size: 10pt;
	font-weight : bold; 
	color: #ffffff;
	font-family: Verdana, arial, helvetica, Tahoma, cursive;		
	line-height: 18px;
	background : #96c6d0;
	}
	td.titre_tab_offres1 {
	 background: #96c6d0 url(../images/offre_back1.gif) left no-repeat;
 	font-size: 10pt;
	font-weight : bold; 
	color: #ffffff;
	font-family: Verdana, arial, helvetica, Tahoma, cursive;		
	line-height: 18px;
	}
	td.titre_tab_offres2 {
	 background: #96c6d0  url(../images/offre_back2.gif) right no-repeat;
 	font-size: 10pt;
	font-weight : bold; 
	color: #ffffff;
	font-family: Verdana, arial, helvetica, Tahoma, cursive;		
	line-height: 18px;
			}
.titre_tab_offres_2 {
background-color:#96c6d0;
 	font-size: 10pt;
	font-weight : bold; 
	color: #ffffff;
	font-family: Verdana, arial, helvetica, Tahoma, cursive;		
	line-height: 18px;
		}
	.titre_tab_offres1_2 {
	 	font-size: 10pt;
	font-weight : bold; 
	color: #ffffff;
	font-family: Verdana, arial, helvetica, Tahoma, cursive;		
	line-height: 18px;
	}
	.titre_tab_offres2_2 {
	 	font-size: 10pt;
	font-weight : bold; 
	color: #ffffff;
	font-family: Verdana, arial, helvetica, Tahoma, cursive;		
	line-height: 18px;
			}

/* ENCART VALEURS FORTES */
table.valeurs {
	font-size: 9pt;
	background:#ffffff;
	font-family: Verdana, arial, helvetica, Tahoma, cursive;
	float: right;
	width: 265px;	
	border: 1pt #a369b4 solid;	
	
}

td.val_titre {
	font-size: 12pt;
	color: #FFFFFF;
	font-weight : bold;
	font-family: Verdana, arial, helvetica, Tahoma, cursive;
	background : #a369b4;
 font-variant: small-caps;	
}

td.val_corps {
	font-size: 8pt;
	font-family: Verdana, arial, helvetica, Tahoma, cursive;
	background : #ffffff;
	line-height: 12pt;
/*	border-bottom: 1pt #4777B4 solid;		*/
}

td.val_pied
{
color: #FF815B;
font-size: 8pt;
text-align: left;

}

/* FIN ENCART VALEURS FORTES */



/* LES DIV */

div.lireint {
	color:#F08451;
 	font-size: 9pt;
	font-weight : bold; 	 	
	font-family: Verdana, arial, helvetica, Tahoma, cursive;
	text-align: right;	
	
}



/* LES TABLEAUX */

td.bandeau
{
	border-bottom: 1px solid #5FB6FD;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;	
}

td.trait
{
	border-bottom: 1px solid #F56B53;
	border-top: 0px;
	border-right: 0px;
	border-left: 0px;	
}

td.titre_rub {

 	font-size: 10pt; 
	color: #003366;
	font-weight : bold; 
}

table.tabcorps
{
	border: 0px;
	background-image:  url(../images/visuel_bas.jpg);
	background-repeat: no-repeat;
	background-position: bottom;
}

table.temoignages
{
	border: 1pt #E79902 solid;
	background-color: #ffffff;

}

td.nom
 {

 	font-size: 8pt; 
	color: #003366;

}

td.temoi
 {

 	font-size: 9pt; 
	color: #003366;

}

/* LES FIELDSET */

fieldset.interview {
  margin: 0px 2px 2px 0px;
  padding: 5px;
	height: 75px;
	width: 200px;
	background-color: #CCE3F7;
 	font-size: 8pt; 	
	font-family: Verdana, arial, helvetica, Tahoma, cursive;	
	
}

fieldset.edito {
  margin: 0px 2px 2px 0px;
  padding: 5px;
	width: 162px;
	background-color: #E7F2FB;
 	font-size: 8pt; 	
	font-family: Verdana, arial, helvetica, Tahoma, cursive;	
	
}


fieldset.corps {
  margin: 10px 5px 5px 5px;
	padding: 10px;
	width: 800px;
	height: 520px;	
/*	background-color: #EDF6FE;*/
 	font-size: 9pt; 	
	font-family: Verdana, arial, helvetica, Tahoma, cursive;	
	
}

/* LES IMAGES */


img.vignette
{
margin-left: 10px;

float: right;
	}
img.vignettebis
{
margin-left: 10px;
margin-right: 10px;
float: right;
}

img.vignette2
{
margin-left: 30px;
margin-top: 30px;
margin-bottom: 20px;
float: right;
}

img.vignette3
{
	border-top: 0px solid #E79902;
	border-bottom: 5px solid #E79902;
	border-left: 5px solid #E79902;
	border-right: 0px solid #E79902;
}

img.vignette4
{
margin-left: 10px;
margin-right: 10px;
float: right;
}

img.vignette5
{
margin-left: 10px;
margin-right: 17px;
float: left;
}
img.vignette6
{
margin-top:30px;
margin-left: 2px;
margin-right: 15px;
float: left;
}

img.metiers
{
margin-top: 5px;
}

div.encadre
{
 	font-size: 8pt; 		
/*	text-align: left; */
		
	/*border-bottom: thin #E79902 solid; */
	margin: 0.5em;
	padding: 0.5em;
	background: #BFE6EE;
	width: 40%;
	float: right;
	
	
}

div.divparle
{
 	font-size: 8pt;
	margin-top: 20px;	
	/*margin: 1em;*/
	padding: 0.3em;
	width: 150px;
	float: right;
/*	border: 1pt #E79902 dashed;*/
	}


