@charset "utf-8";
/* CSS Document */
body {
font-family : arial;
font-size : 13px;
color : #626161;
/*background: url('../image/fond_vert.jpg') repeat-x;
background-color : #4db151;*/
}

dl#menu_gauche {
font-size : 12px;
}

.b1 {background: url('../image/fond_jaune.jpg') repeat-x; background-color : #fdec0c; }

.b2 {background: url('../image/fond_bleu.jpg') repeat-x; background-color : #05a4da;}

.b3 {background: url('../image/fond_vert.jpg') repeat-x; background-color : #4db151;}

.b4 {background: url('../image/fond_rouge.jpg') repeat-x; background-color : #e31e23;}



div#general {
width : 933px;
margin : 20px auto;
position : relative;
}

div#bandeau {
width :933px;
height : 190px;
background: url('../image/bandeau_haut.png') no-repeat;
margin-bottom : -12px;
}

div#anim_flash {
margin-left :3px;
float :left;
margin-top : -5px;
background : red;
}

div#animation {
float : left;
}

div#logo_entreprise {
margin-left : 50px;
float : left;
}

.son {
margin-bottom : -5px;
}

/* DIV LIEN BANDEAU*/
div#foyer {
width :121px;
height : 88px;
background: url('../image/foyer.png') no-repeat;
position : absolute;
margin-left : 430px;
margin-top : 105px;
color: #000000;
}
div#formation{
width :121px;
height : 89px;
background: url('../image/formation.png') no-repeat;
position : absolute;
margin-left : 610px;
margin-top : 45px;
}

div#insertion{
width :120px;
height : 87px;
background: url('../image/insertion.png') no-repeat;
position : absolute;
margin-left : 770px;
margin-top : 105px;
}
div#esat{
width :119px;
height : 87px;
background: url('../image/esat.png') no-repeat;
position : absolute;
margin-left : 270px;
margin-top : 45px;
}
/* FIN DIV LIEN BANDEAU*/

div#plan {
text-align : center;
width : 600px;
height : 600px;
background: url('../image/plan.jpg') no-repeat;
}

div#contenu{
  width:933px;
  background: url('../image/contenu.png') repeat-y;
  text-align:justify;
  min-height : 500px;
  
}

div#menu {
	margin-top : -150px;
	margin-left : 70px;
	width : 179px;
	height :589px;
	background: url('../image/bandeau_menu.png') no-repeat;
	position : absolute;
	
}

div#pieddepage {
width : 933px;
height : 80px;
background: url('../image/pieddepage.png') no-repeat;
margin-top : -13px;

}


/* FIN DE POUR IE6 ET IE7 */


*+ html hr {
margin-top : -22px;
color: #42a847;
height: 1px;
border: 0;
}

div#form_contact {
float : left;
}

div#adresse {
float : left;
margin-top : -10px;
margin-left : 40px;
}

/***** TEXTE *****/
div#texte {
margin-left : 280px;
margin-right : 50px;
font-size : 100%;

}

div#texte2 {
margin-left : 280px;
margin-right : 50px;
font-size : 100%;
color : #313131;
}

div#texte3 {
margin-left : 280px;
margin-right : 50px;
font-size : 100%;
}

div#texte4{
margin-left : 280px;
margin-right : 50px;
font-size : 100%;

}

div#zoom {
text-align : right;
margin-right : 42px;
padding-top : 40px;
margin-bottom : -40px;
}

/* TITRE */
h1 {
font-size : 1.2em;
background : url('../image/favicon.png') no-repeat;
text-indent : 35px;
color : #313131;
border-bottom : 1px solid #2aa22f;
padding-bottom : 0.3em;
}

h1#insert{
text-indent : 0px;}

h1.simple {
font-size : 1.2em;
color : #313131;
background:none;
border-bottom:none;
}


h1.bleu {
font-size : 1.2em;
border-bottom : 1px solid #039dd7;
padding-bottom : 0.3em;
}

h1.vert {
font-size : 1.2em;
border-bottom : 1px solid #2aa22f;
padding-bottom : 0.3em;
}

h1.rouge {
font-size : 1.2em;
border-bottom : 1px solid #e31721;
padding-bottom : 0.3em;
}

h1.jaune {
font-size : 1.2em;
border-bottom : 1px solid #fdec0d;
padding-bottom : 0.3em;
}

h2 {
font-size : 1.1em;
}

/* FIN TITRE */

*+ html .texte_pieddepage2 {
line-height : .8em;
text-align : center;
margin-top : -20px;
}

.texte_pieddepage2 {
line-height : 0.1em;
text-align : center;
margin-top : -12px;
}

.texte_pieddepage1{
text-align : center;
}


a {
	color : #626161;
	text-decoration : none;
	border : none;
}

a.lien_bandeau {
display : block;
width : 100%;
height : 100%;
}

dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}

dl#menu_gauche {
margin-top : 168px;
}

dl#menu_gauche dt a {
display : block;
width : 100%;
height : 100%;
background-color:#ffffff;
padding-top : 2px;
padding-left : 4px;
border : 1px solid #b5b5b5;
border-left : 10px solid #b5b5b5;

}

dt {
list-style-type : none;
height : 19px;
width : 153px;
margin : 11px;
margin-left : 3px;
text-decoration : none;
}

dd#sous_menu {
padding-left : 40px;
}

dd#sous_menu2 {
padding-left : 30px;
}

a:hover {
text-decoration: underline;
}

p.lien {
text-decoration : underline;
}


ul#plan_site li{
margin : 5px;
}

ul.sous_plan {
text-indent : 20px;
}

ul.sous_plan2 {
text-indent : 40px;
/*background: url('../image/fleche_test.png') no-repeat;*/
}

ul#menu_mission {
padding-left : 50px;
}


ul.puce li{
list-style-type : square;
margin-left : 30px;
}


p.foyer {
margin-left : 15px;
margin-right : 15px;
}

p.insertion {
margin-left : 15px;
margin-right : 15px;
padding-top : 10px;
}

div.fond_rouge ul li {

margin-right : 25px;
}
/******** photo ISATIS *************/

.photo {
border : 1px solid #000;
}

/*photo MISSION SOCIALES */
#esat1 {
float : left;
margin-right : 15px;
}

#esat2 {
float : left;
margin-right : 15px;
}

#foyer1 {
float : left;
margin-right : 15px;
}

#foyer2 {
float : left;
margin-right : 15px;
}

#formation1 {
float : left;
margin-right : 15px;
}

#formation2 {
float : left;
margin-right : 15px;
}

#insertion1 {
float : left;
margin-right : 15px;
}

#insertion2 {
float : left;
margin-right : 15px;
}


#photo_formation {
float : left;
margin-right : 15px;
}

#photo_insertion{
float : left;
margin-right : 15px;
}

img#sous_traitance {
float : left;
margin-right : 15px;
}

img#espace_vert {
float : left;
margin-right : 15px;
}

img#personnel {
float : left;
margin-right : 15px;

}

/* FIN photo MISSION SOCIALES */


div#icone {
margin-left : 40px;
}

div#icone a {
border : none;
margin-right : 10px;
}

div.icone {
margin-left : 40px;
}

div.icone a {
border : none;
margin-right : 10px;
}


/* CADRE de couleurs pour les MISSIONS SOCIALES + LISTE */
div.fond_vert{
background: url('../image/couleur/fond_esat.png') no-repeat;
height : 230px;
width : 600px;
margin-top:40px;
}

* html div.fond_vert{

margin-top:15px;
}

div.fond_vert ul {
margin-left : 15px;
margin-top : -5px;
margin-right : 20px;
}

div.fond_bleu{
background: url('../image/couleur/fond_formation.png') no-repeat;
height : 164px;
width : 619px;
}

div.fond_bleu ul {
margin-left : 15px;
margin-right : 20px;
}

div.fond_bleu2 ul {
margin-left : 15px;
}

div.fond_vert2 ul {
margin-left : 15px;
}

div.fond_jaune{
background: url('../image/couleur/fond_foyer.png') no-repeat;
padding-top : 30px;
height : 335px;
width : 620px;
margin-top:40px;
}

* html div.fond_jaune{

margin-top:15px;
}
div.fond_jaune p {
padding-top : 5px;
}

div.fond_bleu{
background: url('../image/couleur/fond_formation.png') no-repeat;
height : 193px;
width : 620px;
margin-top:40px;
}

* html div.fond_bleu{

margin-top:15px;
}

div.fond_vert2{
background: url('../image/couleur/fond_espacevert.png') no-repeat;
height : 176px;
width : 455px;
margin-top:40px;
}

* html div.fond_vert2{

margin-top:15px;
}

div.fond_rouge{
background: url('../image/couleur/fond_insertion.png') no-repeat;
height : 190px;
width : 620px;
margin-top:40px;
}

* html div.fond_rouge{

margin-top:15px;
}


*+html div.fond_rouge{
padding-top:20px;
}

/* FIN CADRE de couleurs pour les MISSIONS SOCIALES */



/* attributs généraux */
.center {
text-align : center;
}

.underline {
text-decoration : underline;
}

.espace_liste li{
padding-bottom : 10px;
}

div#left {
float : left;
}
div#right {
text-align : right;
}

div.clearer {
clear : both;
}

div.savoir {
color : red;
font-weight:bold;
text-align : right;
padding-right:15px;
}

div.savoir a{
color : red;
font-weight:bold;
}

/* FIN attributs généraux */

div#parcours {
background : url('../image/parcours.png') no-repeat;
width : 178px;
height : 114px;
margin-top : 30px;
margin-left : 11px;
}

p.filariane {
color :#25b6e9;
}

p.filariane a {
color :#25b6e9;
}

.img_depasse{
	margin-top:-25px;
	margin-left:-5px;
}

.img_depasse2{
	margin-top:-5px;
	margin-left:0px;
}

* html .img_depasse{
	margin-top:5px;
	margin-left:5px;
}

* html .img_depasse2{
	margin-top:10px;
	margin-left:10px;
}


/* ************* Organigramme ************** */
ul.detail_orga {
text-indent : 15px;
margin-top : -10px;
}

dt.sous_cat {
text-indent : 30px;
}

.sous_cat {
text-indent : 30px;
}

.sous_cat2 {
text-indent : 45px;
}

#sous_orga {
text-indent : 15px;
}
/* *********** Fin Organigramme ************ */

.nettoyeur { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; }

div#texte3 ul.puce{
	position: relative;
	left:7px}
	
.styleapajh {
	color: #333333;
	font-weight: bold;
}

.stylemissions {
	color: #FF0000;
	font-weight: bold;
}

.imgprocedure{
	border:1px solid #000000;
	}
	
.stylecontact {font-weight: bold}


.Style4esat{
	color: #000000;
	font-weight: bold;
}

.Style6esat{
	color: #000000;
	font-weight: bold;
	padding-left:15px;
}

.Style5esat {color: #000000}

.Style1form {color: #000000}
.Style3form {color: #000000; font-size: 12px; }
.Style4form {color: #000000; font-size: 12px; }

div#valide{
	text-align:center;}
	
div#valide a img{
	border:none}