/* CSS Document */

body {
	font-family:'Trebuchet MS', Verdana, sans-serif;
	font-size:0.9em;
	height:100%;
	margin:0;
	padding:0;
	text-align:center;
	background-image:url(../img/home/fond.gif);
	background-repeat:repeat-x;
	
	
}


smenu1, #smenu2, #smenu3, #smenu4 , #smenu5 , #smenu6 , #smenu6 , #smenu7 , #smenu8 {
display:none;
}
#contenu{
margin:0;
padding:0;
position:absolute;
width:1000px;
height:auto;
background-image:url(../img/cadredevie/visuel.jpg);
background-repeat:no-repeat;
z-index:0;

}

#contenu-endroit{
margin:90px 0 0 0;
padding:0;
position:absolute;
width:1000px;
height:auto;
background-image:url(../img/endroit/fond.jpg);
background-position:top left;
background-repeat:no-repeat;
z-index:0;

}
#contenu-logistique{
top:380px;
padding:0;
position:absolute;
width:1000px;
height:auto;
background-image:url(../img/logistique/fond.jpg);
background-position:top left;
background-repeat:no-repeat;
z-index:0;

}
#contenu-mention{
padding:0;
width:1000px;
height:auto;
background-position:top left;
background-repeat:no-repeat;
z-index:0;


}

#contenu-formation-continue{
padding:0;
width:1000px;
height:auto;
background-position:top left;
background-repeat:no-repeat;
z-index:0;


}


#contenu-bacpro{
top:230px;
padding:0;
position:absolute;
width:1000px;
height:1000px;
background-image:url(../img/fiche_metier_bacpro/visuel_bacpro.gif);
background-position:center right;
background-repeat:no-repeat;

z-index:3;

}

#contenu-licence{
top:230px;
padding:0;
position:absolute;
width:1000px;
height:1000px;
background-image:url(../img/fiche_metier_licencepro/photodroite.gif);
background-position:center right;
background-repeat:no-repeat;

z-index:3;

}

#contenu-bactechno{
top:230px;
padding:0;
position:absolute;
width:1000px;
height:1000px;
background-image:url(../img/fiche_metier_bac_techno/imagedroite_bactechno.gif);
background-position:center right;
background-repeat:no-repeat;

z-index:3;

}

#contenu-bepa{
top:230px;
padding:0;
position:absolute;
width:1000px;
height:1000px;
background-image:url(../img/fiche_metier_bepa/formation_droite.gif);
background-position:center right;
background-repeat:no-repeat;

z-index:3;

}

#contenu-btsa{
top:230px;
padding:0;
position:absolute;
width:1000px;
height:1000px;
background-image:url(../img/fiche_btsa/image_droite.gif);
background-position:center right;
background-repeat:no-repeat;

z-index:3;

}
#contenu-concretiser{
top:250px;

padding:0;
position:absolute;
width:1000px;
height:auto;
background-image:url(../img/concretiser/fond.gif);
background-position:center right;
background-repeat:no-repeat;
z-index:0;

}



#contenu-actu{
margin:0;
padding:0;
width:1000px;
z-index:0;
height:auto;

}

#contenu-actu a{
color:#333333;

}

#logo  {
position:absolute;
	left:-999em;
	}

img {
border:0;
}

#container-endroit{

width:1000px;
	text-align:left;
	margin:15px auto 0px auto;
	padding:0px;
	z-index:2;
	position:relative;
	background-repeat:no-repeat;
	height:1396px;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
}

#container-mention{

width:1000px;
	text-align:left;
	margin:15px auto 0px auto;
	padding:0px;
	z-index:2;
	position:relative;
	background-repeat:no-repeat;
	height:auto;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
}

#container-concretiser{

width:1000px;
	text-align:left;
	margin:15px auto 0px auto;
	padding:0px;
	z-index:2;
	position:relative;
	background-repeat:no-repeat;
	height:1436px;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
}
#container-cadre{

width:1000px;
	text-align:left;
	margin:10px auto 0px auto;
	padding:0px;
	z-index:2;
	position:relative;
	background-repeat:no-repeat;
	height:1196px;
	border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;
}
#container-actu{

width:1000px;
	text-align:left;
	margin:15px auto 0px auto;
	padding:0px;
	z-index:2;
	position:relative;
	background-repeat:no-repeat;
	height:1366px;
		border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;;
}

#container-emploi{

width:1000px;
	text-align:left;
	margin:15px auto 0px auto;
	padding:0px;
	z-index:2;
	position:relative;
	background-repeat:no-repeat;
	height:auto;
		border-left:1px solid #CCCCCC;
	border-right:1px solid #CCCCCC;
	border-top:1px solid #CCCCCC;;
}


#container-part{

width:1000px;
	text-align:left;
	margin:15px auto 20px auto;
	padding:0px;
	z-index:2;
	position:relative;
	background-repeat:no-repeat;
	height:1696px;
	border:1px solid #CCCCCC;
}
#container{
	width:1000px;
	text-align:left;
	margin:15px auto 20px auto;
	padding:0px;
	z-index:2;
	position:relative;
	background-repeat:no-repeat;
	height:1200px;
	border:1px solid #CCCCCC;
}

#entete{
height:199px;
width:1000px;
padding:0;
margin:0;
}

#entete h1 {
margin:0;
}

/* positionnement des images claude mercier */

#gauche{
float:right;
margin-top:30px;
}
#gauche1{
float:left;
margin-top:30px;
}
#route{
float:right;
margin-top:50px;
margin-right:20px;


z-index:2;
}

#cadreunique{
position:absolute;
top:780px;
left:80px;
z-index:2;
}
img#deco{
position:absolute;
margin-top:300px;
right:0;
}
#navgauche{
float:left;

}



img#formation{

margin-top:190px;
right:0;
z-index:1;
}
img#planformation{

margin-top:260px;
right:0;
z-index:2;
}

#emploi{
float:right;
margin-right:20px;
margin-top:30px;
left:790px;
z-index:3;
}
#poursuite{
float:right;
margin-right:20px;
margin-top:75px;
z-index:3;
}
#poursuitelicence{
float:right;
margin-right:10px;
margin-top:95px;
z-index:3;
}
#poursuitebtsa{
float:right;
margin-right:0px;
margin-top:105px;
z-index:3;
}

#tauxreussite{
float:right;
margin-right:-50px;
margin-top:195px;
z-index:3;
}

#diplome{
float:right;
margin-right:440px;
margin-top:55px;
z-index:3;
}

#diplomebepa{
float:right;
margin-right:430px;
margin-top:85px;
z-index:3;
}

#stage{
float:right;
margin-right:440px;
margin-top:55px;
z-index:3;
}

#stagetechno{
float:right;
margin-right:450px;
margin-top:75px;
z-index:3;
}

#duree{
float:right;
margin-right:380px;
margin-top:95px;
z-index:3;
}
#dureetechno{
float:right;
margin-right:380px;
margin-top:105px;
z-index:3;
}
#admission{
float:right;
margin-right:140px;
margin-top:95px;
z-index:3;
}

#admissionbtsa{
float:right;
margin-right:140px;
margin-top:15px;
z-index:3;
}
#admissiontechno{
float:right;
margin-right:140px;
margin-top:105px;
z-index:3;
}
#fiche{
position:absolute;
top:955px;
left:300px;
z-index:3;
}
#menu a, input
{
position: relative;
z-index: 100;
}

/* définition du menu principal claude mercier */

<!-- 
.java{
text-align:center;
color:red
}
.dynmenu{
 display:none;
 position: absolute;
 z-index:20;
}

#menu {
position:absolute;
top:164px;
left:20px;
z-index:100;
font-size:0.8em;
 }

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

#menu dl {
float: left;
width: 6em;
margin: 0 4px;
}
#menu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
border: 2px outset #c0c0c0;
text-decoration:none;
color:#FFFFFF;
background-color:#a1bc2f;

}
#menu dd {
border: 1px solid gray;
}
#menu li {
text-align: center;
background-color:#a1bc2f;
}
#menu li a, #menu dt a {
color:#FFFFFF;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu dt a:hover {
background-color:#7d9e0a;
}


/* définition du menu gris principal claude mercier */


#menugris {
position:absolute;
top:164px;
left:550px;
z-index:100;
font-size:0.8em;
 }

#menugris ul {
margin: 0;
padding: 0;
list-style-type: none;
}

#menugris dl {
float: left;
width:200px;
margin: 0 7px;
}
#menugris dt {
cursor: pointer;
text-align: center;
font-weight: bold;
border: 0px outset #c0c0c0;
text-decoration:none;
color:#FFFFFF;
background-color:#717171;

}
#menugris dd {
border: 1px solid gray;
background-color:#717171;

}
#menugris li {
text-align: left;


background-color:#717171;;
}
#menugris li a, #menugris dt a {
border: 1px outset #c0c0c0;
text-decoration:none;
color:#FFFFFF;

display: block;
height: 100%;
padding-left:5px;

}
#menugris li a:hover, #menugris dt a:hover {
text-decoration:none;
color:#FFFFFF;
background-color:#333333;
border: 1px inset #c0c0c0;
}







/* définition du bouton vert du bas  claude mercier */
#telecharger{
position:absolute;
top:880px;
left:20px;
margin:0;
padding:0;
font:bold 0.75em Arial, Helvetica, sans-serif;
list-style-type:none;
z-index:4;


}
#telecharger li{
text-align:center;
width:220px;
margin:0 10px;


}

#telecharger a{

padding-left:25px;
padding-right:25px;
display:block;
border: 2px outset #c0c0c0;
text-decoration:none;
color:#FFFFFF;
background-color:#a1bc2f;
}

#telecharger a:hover {

text-decoration:none;
color:#FFFFFF;
background-color:#7c931b;
border: 2px inset #c0c0c0;
}

/*texte lienclaude mercier */
a#telechargerfiche{
position:absolute;
top:1017px;
right:70px;
text-decoration:none;
font-family:Arial, Helvetica, sans-serif;
color:#707072;
font-size:1.1em;
font-weight:bold;
}
#telechargerfiche a:hover{

color:#FF6699;

}
/*chemin */
#chemin{
position:absolute;
top:190px;
left:30px;
font-size:0.7em;
z-index:2;

}

#chemin a{
color:#333333;
text-decoration:underline;
}

#chemin a:hover{
color:#333333;
text-decoration:none;

}

#chemin-actif{

text-decoration:none;

}
/*texte descriptif mercier */
#routetexte{
position:absolute;
left:580px;
top:100px;
width:350px;
list-style:square;
list-style-position:inside;
float:right;
margin-right:20px;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
font-weight:600;
font-style:italic;
z-index:2;
color:#58595b;
letter-spacing: 1px;


}
#cadretexte{
position:relative;
margin-top:850px;
margin-left:80px;
width:850px;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
font-weight:600;
font-style:italic;
z-index:2;
color:#58595b;
letter-spacing: 1px;
z-index:2;
}
#gras{
color:#00FF33;
}
#hautdepage{
margin-top:40px;
float:right;
width:80px;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:0.7em;
z-index:2;
color:#833626;
letter-spacing:0px;

z-index:2;
}

#hautdepage1 {
margin:10px 5px;
float:left;
width:80px;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:0.7em;
z-index:2;
color:#833626;
letter-spacing:0px;

z-index:2;
}
#hautdepage-endroit{
margin-top:90px;
float:right;
width:80px;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:0.7em;
z-index:2;
color:#833626;
letter-spacing:0px;

z-index:2;
}
#hautdepage-endroit a {
color:#333333;
}

#hautdepage a {
color:#333333;
}

/*actualite */

.titre-actu{
background-image:url(../img/actu/titre_concretiser.gif);
background-position:left;
background-repeat:no-repeat;
height:50px;
padding-left:60px;
padding-top:30px;
color:#90bc4b;
margin:10px;
font-size:1.1em;

}


.txtactu img{
float:left;

margin:0px 10px 5px 5px;

}

.txtactu{

background:url(../img/bg/fond-actu.gif) repeat-y left ;
margin:10px 10px 10px 10px;
width:680px;
padding:20px 35px 50px 75px;
text-align:justify;
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
font-weight:500;
height:auto;
z-index:2;
color:#58595b;
letter-spacing: 1px;
z-index:2;
}





.txtarchives {


background:url(../img/bg/fond-actu.gif) repeat-y left ;
margin:10px 10px 10px 10px;
width:680px;
padding:20px 45px 10px 66px;
text-align:justify;
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
font-weight:500;
height:auto;
z-index:2;
color:#58595b;
letter-spacing: 1px;
z-index:2;
line-height:1.7em;
}


.txtarchives img {
float:left;
margin:0 10px 5px 20px;

}


.txtactu a{
color:#58595b;
display:block;
margin:10px auto;
width:280px;
display:list-item;
list-style:square;
list-style-position:inside;
}

.txtactu a:hover{
text-decoration:none;
}

#signature{
position:absolute;
bottom:2px;
}



/*partenaires */

.txtpartenaires p{

border:1px dashed #000000;

margin:10px 10px 10px 10px;
width:750px;
padding:10px;
text-align:justify;
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
font-weight:500;
height:70px;
z-index:2;
color:#58595b;
letter-spacing: 1px;
z-index:2;
}

.txtpartenaires img{
float:left;

margin:0px 10px 0px 0px;

}

.txtpartenaires a {
float:right;
color:#333333;
display:list-item;
list-style-type:square;
list-style-position:inside;
padding-left:50px;
margin-top:10px;
}

.spe{
margin-top:-5px;
}

/*texte descriptif endroit mercier */

.titre-endroit{
position:absolute;
top:-60px;
left:250px;
background-image:url(../img/endroit/titre_environement.gif);
background-position:left;
background-repeat:no-repeat;
height:50px;
padding-left:90px;
padding-top:30px;
color:#973520;
margin:10px;
font-size:1.3em;
width:550px;

}
#vie-image{
margin-top:50px;
margin-left:170px;
}
#vietexte{
list-style-position:inside;
list-style:square;
margin-top:15px;
margin-left:175px;
width:280px;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:0.85em;
font-weight:600;
font-style:italic;
z-index:2;
color:#58595b;
letter-spacing: 1px;
text-align:justify;

}

#vietexte li{
margin-bottom:5px;
}
#loisirstexte{
list-style-position:inside;
list-style-type:square;
margin-top:20px;
margin-left:620px;
width:250px;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
font-weight:600;
font-style:italic;
z-index:2;
color:#58595b;
letter-spacing: 1px;
text-align:justify;
}

#loisirs{

margin-top:430px;
margin-left:630px;
z-index:2;
}


/* positionnement des logistique claude mercier */


/*texte descriptif mercier */
#logistiquetexte{
list-style-position:inside;
list-style-type:square;
margin-top:385px;
margin-left:185px;
width:250px;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
font-weight:600;
font-style:italic;
z-index:2;
color:#58595b;
letter-spacing: -1px;

}
#logistique-txt{

margin-top:50px;
margin-left:730px;
width:250px;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
font-weight:600;
font-style:italic;
z-index:2;
color:#58595b;
letter-spacing: -1px;
z-index:2;

}
#gras{
color:#00FF33;
}

#log1texte{
list-style-position:inside;
list-style-type:square;
position:absolute;
top:-50px;
left:485px;
width:250px;
text-align:left;
font-family:Arial, Helvetica, sans-serif;
font-size:0.9em;
font-weight:600;
font-style:italic;
z-index:2;
color:#58595b;
letter-spacing: -1px;

}

.titre-logistique{
position:absolute;
top:-150px;
left:250px;
background-image:url(../img/endroit/titre_environement.gif);
background-position:left;
background-repeat:no-repeat;
height:50px;
padding-left:90px;
padding-top:30px;
color:#973520;
margin:10px;
font-size:1.3em;
width:550px;

}

#log1{
position:absolute;
left:310px;
top:-10px;

z-index:2;
}

#log2{

margin-top:692px;
margin-left:815px;
z-index:2;
}


#pied-mention {
margin:0px auto 10px;
width:1000px;
height:80px;
text-align:center;
border-top:none;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
background-image:url(../img/pied/pied.jpg);
background-repeat:no-repeat;
font-size:75%;
z-index:150;
color:#FFFFFF;

}
#pied1 {
margin:0px auto 10px;
width:1000px;
height:80px;
text-align:center;
border-top:none;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
background-image:url(../img/pied/pied.jpg);
background-repeat:no-repeat;
font-size:75%;
z-index:150;
color:#FFFFFF;

}

#pied2 {
margin:0px auto 10px;
width:1000px;
height:80px;
text-align:center;
border-top:none;
border-left:1px solid #CCCCCC;
border-right:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
background:url(../img/pied/pied1.gif) no-repeat right;
padding-top:80px;
font-size:75%;
z-index:150;
color:#FFFFFF;

}

.titre-puce{
background-image:url(../img/concretiser/puce-titre.gif);
background-position:left;
background-repeat:no-repeat;
height:50px;
padding-left:90px;
padding-top:30px;
color:#90bc4b;
margin:10px 50px 10px 200px;
font-size:1.2em;
letter-spacing:0.2em;
width:600px;

}


.concretiser_texte{

margin-top:15px;
margin-left:200px;
width:760px;
text-align:justify;
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
font-weight:500;
z-index:2;
color:#58595b;
letter-spacing: 1px;
z-index:2;
}

.concretiser_texte img{

float:right;
margin-left:5px;
}

#technoul{
list-style:square;
margin-top:15px;
margin-left:200px;
width:370px;

font-size:0.87em;
font-weight:500;
z-index:2;
color:#58595b;
text-align:justify;

}

#technoul li{
margin-bottom:5px;
}


ul#inscription{
position:absolute;
top:925px;
left:30px;
margin:0;
padding:0;
font:bold 0.75em Arial, Helvetica, sans-serif;
list-style-type:none;
z-index:4;


}
#inscription li{

width:200px;
margin:0 10px;


}

#inscription a{
margin-top:5px;
padding-left:25px;
padding-right:25px;
display:block;
border: 2px outset #c0c0c0;
text-decoration:none;
color:#FFFFFF;
background-color:#717171;
}

#inscription a:hover {

text-decoration:none;
color:#FFFFFF;
background-color:#333333;
border: 2px inset #c0c0c0;
}


.#erreurzone{
width:50px;
}
.formulaireclient{
margin:0;
text-align:left;
padding: .2em 20px;
margin: 0.5em auto .2em auto;
color:#333333;
height:30px;
width:35em;
border: 1px dotted #666666;
border-left:5px solid #717075;


}
.formulairevalide{
margin:0;
text-align:left;
padding: .2em 20px;
margin: 0.5em auto .2em auto;
color:#333333;
height:30px;
width:25em;


}
.formulaireclient-message{
margin:0;
text-align:left;
padding: .2em 20px;
margin: 0.5em auto .2em auto;
color:#333333;
height:190px;
width:35em;
border: 1px dotted #666666;
border-left:5px solid #717075;

}
.formulaireclient select{
float:right;
width:15em;
margin:5px 10px 0px 0px;
border: 1px dotted #717075;

}

.formulaireclient-message textarea{
float:right;
width:35em;
margin:7px 10px 0px 0px;
border: 1px dotted #717075;
}

.formulaireclient label {

	float: left;
	text-align: right;
	padding-top: 0.2em;

}

#posform{
width:500px;
margin-left:80px;
}
.formulaireclient input{
float:right;
width:15em;
margin:7px 10px 0px 0px;
border: 1px dotted #717075;


}

.valider {
	font-family: "Trebuchet MS", Arial, Heveltica, sans-serif;
	font-size: 0.8em;
	font-style: normal;
	font-weight: bold;
	color: #ffffff;
	border: 1px solid #ffffff;
	background-color: #a3be2f;
	cursor:pointer;
}
.valider:hover{
background-color:#8fa62e;
}

/*mentions */

#contenu-mention h2 {
display:list-item;
list-style:square;
margin:50px auto 10px auto;
text-align:left;
width:350px;
color:#7f392d;
font-size:1em;
}

#contenu-mention h2 span{
color:#333333;
}
#contenu-mention h3 {

margin:5px 5px 10px 50px;
text-align:left;
width:550px;
color:#7f392d;
font-size:0.9em;
display:list-item;
list-style:square;

}
.text-presentation {
text-align:justify;
margin:10px 20px 0px 20px;
}

.text-presentation a{
color:#333333;

}


/*plan */

.plan li{
margin-top:5px;
}


.plan {

	list-style-type:decimal;
	margin:10px 0px 0px 200px;


 }


.ssplan{
list-style-type:lower-alpha ;
 margin:8px 20px 0px 20px;
}

.plan  a{

	color:#333333;


 }
 
 
 .text-coordonnees {
text-align:justify;
margin:10px auto;
width:300px;
color:#333333;
}

 .text-coordonnees a{
color:#333333;
}

/* -------------------------------------------------------------------------------------------- */
/* Affiche teble */
/* -------------------------------------------------------------------------------------------- */

.programmation{
border:1px dashed #333333;
margin:10px auto;
border-collapse:collapse;
width:60%;
color:#666666;

}
tbody {
background-color:#FFFFFF;
border:1px dashed #333333;
width:20%;
}
.programmation th{
font-family:'Trebuchet MS', Verdana, sans-serif;
border:1px dashed #333333;
padding-right:2px;
width:13.38%;

}

.programmation tr{
height:40px;
margin-bottom:10px;
text-align:center;
}
.programmation td{
margin-bottom:10px;
border:1px dashed #333333;
text-align:center;
}
caption{
font-family:'Trebuchet MS', Verdana, sans-serif;
text-align:center;
font-size:100%;
width:60%;
margin-left:100px;
}
thead th, tfoot th {
width:20%;
background-color:#b8dfaf;
border:1px solid #333333;
color:#000000;

}

.programmation ul li {
list-style:square;
color:#666666;
font-weight:bold;
text-align:left;
font-size:0.8em;
}

.form-puce {
margin-top:15px;
margin-left:200px;
width:760px;
text-align:justify;
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
font-weight:500;
z-index:2;
color:#58595b;
letter-spacing: 1px;
z-index:2;
}

#suivant {
margin:10px auto;
}
#suivant a{
color:#333333;
margin:2px 5px;
}