*
{
margin:0;
padding:0;
}



html,body
{
   background-color:#F8F8F8;
   height:100%;
 
       
}

#doc {
position:relative;
text-align:center;
margin:0 auto;
max-width:960px;
width:auto !important;
width:960px;
/*height:100%;*/
min-height:100%;
height:auto !important;
height:100%;
border:solid 1px #DDDDDD;
background-color:#FFFFFF;
/*margin-bottom:0;*/



}


#entete {
position:relative;
max-width:960px;
width:100%;
/*height:223px;*/
margin:0 auto;
/*margin-top:1%;*/
padding:0;



}
#deg {
position:relative;
max-width:960px;
width:100%;
height:150px;
background-image:url(images/deg.gif);
background-repeat:repeat-y;
display:block;
margin:0;
padding:0;


}


#traitrouge {
position:relative;
font-size:0;
margin:0;
padding:0;
top:67px;
width:100%;
height:2px;

}

#traitrougeac {
position:absolute;
font-size:0;
margin:0;
padding:0;
width:100%;
height:2px;
top:67px;
left:0px;


}

a.bouton1 {
position:absolute;
display: block;
width: 70px; 
height: 90px; 
background-image:url(images/accueil/bouton1.gif);
background-repeat: no-repeat;
text-align:left;
margin:0;
top:80px;
left:30px;
padding:0;
}
     
a.bouton1:hover {
background-image:url(images/accueil/bouton1over.gif);
} 

a.bouton2 {
position:absolute;
display: block;
width: 70px; 
height: 90px; 
background-image:url(images/accueil/bouton2.gif);
background-repeat: no-repeat;
text-align:left;
margin:0;
top:80px;
left:110px;
padding:0;
}
     
a.bouton2:hover {
background-image:url(images/accueil/bouton2over.gif);
} 

a.bouton3 {
position:absolute;
display: block;
width: 70px; 
height: 90px; 
background-image:url(images/accueil/bouton3.gif);
background-repeat: no-repeat;
text-align:left;
margin:0;
top:80px;
left:190px;
padding:0;
}
     
a.bouton3:hover {
background-image:url(images/accueil/bouton3over.gif);
} 

a.bouton4 {
position:absolute;
display: block;
width: 70px; 
height: 90px; 
background-image:url(images/accueil/bouton4.gif);
background-repeat: no-repeat;
text-align:left;
margin:0;
top:80px;
left:270px;
padding:0;
}
     
a.bouton4:hover {
background-image:url(images/accueil/bouton4over.gif);
} 

a.bouton5 {
position:absolute;
display: block;
width: 70px; 
height: 90px; 
background-image:url(images/accueil/bouton5.gif);
background-repeat: no-repeat;
text-align:left;
margin:0;
top:80px;
left:350px;
padding:0;
}
     
a.bouton5:hover {
background-image:url(images/accueil/bouton5over.gif);
} 

#traitgris {

max-width:960px;
width:100%;
height:9px;
background-image:url(images/deg.gif);
background-repeat:repeat-y;
margin:0;
margin-top:9px;
padding:0;
z-index:0;


}
.bandeau {
display:block;
float:right;

}

/* titre entete */
#titre1 {
	position:absolute;
	float:left;
	text-align:left;
	font-size: large;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	left: 30px;
	top: 40px;
}

.titre2 {
color: #CB1009;
}

.titre3 {
font-family: Arial, Helvetica, sans-serif;
font-size:medium;
font-weight:normal;
}
/* fin */

#chateau {
position:absolute;
text-align:left;
margin:0;
/*margin-top:100px;
margin-left:30px;*/
padding:0;
top:100px;
left:30px;
z-index:1;

}

a.chateau {
display: block;
width: 300px; 
height: 300px; 
background-image:url(images/chateau.gif);
background-repeat: no-repeat;
}
     
a.chateau:hover {
background-image:url(images/chateau_gris.gif);
} 


.ac {
margin:30px;
margin-right:0;
margin-bottom:0;
}

.cr {
margin:30px;
margin-bottom:0;
}

#blanc {

margin:0;
padding:0;
background-color:#FFFFFF;
height:300px;

}

#pied {
position:absolute;
bottom:0;
left:0;
margin:0;
padding:0;
width:100%;
}

#traitgris2 {

font-size:0;
margin:0;
padding:0;
width:100%;
height:2px;

}

#gris {
background-image:url(images/accueil/gris_large.gif);
background-repeat:repeat-y;
width:100%;
min-width:100%;
max-width:960px;
height:40px;
margin-top:5px;
margin-bottom:0px;
padding:0;
line-height:2em;
text-align:left;
text-indent:30px;
}
#grisfor {
position:relative;
background-image:url(images/accueil/gris_large.gif);
background-repeat:repeat-y;
width:100%;
min-width:100%;
max-width:960px;
height:40px;
margin-top:5px;
margin-bottom:0px;
padding:0;
line-height:2em;
text-align:left;
text-indent:2px;
}

A.pied:link {
   text-decoration: none; 
   color:#CB1009; 
   font-family: Arial, Helvetica, sans-serif;
   font-size:medium;
   }
   
A.pied:visited {
   text-decoration: none; 
   color: #CB1009;
   font-family: Arial, Helvetica, sans-serif; 
   font-size:medium;
   }
   
A.pied:hover {
   text-decoration: underline;
   color: black;
   font-family: Arial, Helvetica, sans-serif;
   font-size:medium;
   }
   
A.lien:link {
   text-decoration: underline; 
   color: black; 
   font-family: Arial, Helvetica, sans-serif;
   font-size:small;
   }
   
A.lien:visited {
   text-decoration: underline; 
   color: black;
   font-family: Arial, Helvetica, sans-serif; 
   font-size:small;
   }
   
A.lien:hover {
   text-decoration: underline;
   color:#CB1009;
   font-family: Arial, Helvetica, sans-serif;
   font-size:small;
   }
   
#titre {
width:100%;
/*height:30px !important;
/height:20px;
line-height:2em !important;
/line-height:1em;
-line-height:1.2em;
/margin-top:5px;*/

}

h1.filiere {
font-family: Arial, Helvetica, sans-serif;
color:#D9D9D9;
font-size:medium;
text-align:left;
text-indent:40px;
padding:0px;
margin:0px;
margin-top:15px;
}

#texte {
position:relative;
/*background-image:url(images/filiaire/degfiliaire2.gif);
background-repeat:repeat-y;*/
margin-top:10px;
margin-left:100px;
margin-right:100px;
max-width:830px;
/*max-height:274px;*/
/*overflow:auto;*/

}
#texteaccueil {
position:relative;
margin-top:50px;
max-width:830px;
}

#bgfiliaire {
background-image:url(images/filiaire/degfiliaire2.gif);
background-repeat:repeat-y;
}

.ptxt {
text-align:justify;
font-family: Arial, Helvetica, sans-serif;
font-size:small;
}

.ptxtr {
text-align:right;
font-family: Arial, Helvetica, sans-serif;
font-size:small;
}

.pblc {
padding-top:200px;
}
.pblc2 {
padding-top:120px;
}
.pblc3 {
padding-top:65px;
}
.pblc4 {
padding-top:15px;
}
.pblc5 {
padding-top:400px;
}

.legende {
text-align:center; 
padding:0px; 
font-family:Arial, Helvetica, sans-serif; 
font-style:italic;
font-size:small;
}
.pfiliairefin {
text-align:left;
font-family: Arial, Helvetica, sans-serif;
font-size:medium;
padding-bottom: 4em;
}

#fincontenu {
margin-bottom: 0;
padding-bottom: 4em;
}
#fincontenu2 {
margin-bottom: 0;
padding-bottom: 3em;
}
p{
padding:5px;
}

ul.pied {
margin-top:2px;
}
li.pied {
   display:inline;
   background-image: url(images/puce.gif);
   background-repeat: no-repeat;
   background-position: 0% 65%;
   padding-left: 15px; 
   margin-left:15px;
   color:#CB1009;
   font-family: Arial, Helvetica, sans-serif;
  
   }
#accueil {
margin-top:30px;
}
   
H1.accueil {
   font-size: 18px;
   font-family: Arial, Helvetica, sans-serif;
   margin:15px;
   margin-left:0px;
   color:#777777;
}

.accueil {
   font-family: Arial, Helvetica, sans-serif;
 }

#titreh1 {
margin-left:300px;

}

 #info{
 font-family: Arial, Helvetica, sans-serif;
 text-align:left;
 margin-top:15px;
 font-size:small;
 font-weight:bold;
 }
 
 #infoaccueil{
 float:right;
 }  
 
 .style1 {
 text-align:left;
  font-size:small;
  font-family: Arial, Helvetica, sans-serif;
  }
  
 .style2 {
 font-family: Arial, Helvetica, sans-serif;
 }
 
 .style3 {
 color: #CB1009;
 font-family: Arial, Helvetica, sans-serif;
 } 
.style4 {
color: #2a0899;
font-family: Arial, Helvetica, sans-serif;
}

a.info{
    position:relative; 
    z-index:24;
    color:#CB1009;
	font-family: Arial, Helvetica, sans-serif;
    text-decoration:underline;
	}

a.info:hover{z-index:25; background-color:#FFFFFF}

a.info span{display: none}

a.info:hover span{ 
 display:block; 
 position:absolute;
    top:2em; left:6em; width:17em;
    border:1px solid #000000;
    background-color:#FFFFFF; color:#000000;
    text-align: left;
    font-weight:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
    padding:1px;
	text-decoration:none;
    
    } 
#infopuce {
margin-top:70px;
margin-left:50px;
/*display:list-item;*/
/*text-align:left;*/
/*left:20px;*/
/*width:500px;*/
}

/*presentation*/
H2.lycee {
font-family: Arial, Helvetica, sans-serif;
font-size:large;
text-align:left;
margin:15px;
margin-left:0px;
text-indent:320px;
color:#777777;
}

H2.center {
text-align:center;
font-family: Arial, Helvetica, sans-serif;
font-size:large;
margin:15px;
color:#777777;
}

H3 {
margin:15px;
margin-top:30px;
margin-left:5px;
font-family: Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:medium;
}

p
{
	padding: 5px;
	text-align:justify;
}

.image {
padding:20px;
padding-bottom:5px;
padding-top:10px;
}
.imageg {
float:left;
padding:20px;
padding-bottom:5px;
padding-top:10px;
}

.imagerev {
padding:20px;
padding-bottom:5px;
padding-top:5px;
}

.imagetab {
border:0px;
}

dfn {
padding:35px;
}

em.leg{
font-family: Arial, Helvetica, sans-serif;
font-size:small;
}

.italic {
font-family: Arial, Helvetica, sans-serif;
font-size:small;
font-style:italic;
}
.legd{
margin-right:20px;
}

#colg {
float:left;
margin-left:25px
margin: 0;
padding: 0;
width:400px;
}

#cold{
/*float:left;*/
margin-left:400px;
margin-right:100px;
/*margin: 0;
padding: 0;
max-width:65%;
max-width:auto !important;
width:65%;*/
}
#colgac {
float:left;
margin: 0;
padding: 0;
margin-top:10px;
width:315px;
}

#coldac{
margin-top:70px;
margin-left:315px;
margin-right:20px;
}
A.haut:link {
   text-decoration:underline; 
   color:black; 
   font-family: Arial, Helvetica, sans-serif;
   font-size:small;
   }
A.haut:visited {
   text-decoration:underline; 
   color: black;
   font-family: Arial, Helvetica, sans-serif; 
   font-size:small;
   }
   
A.haut:hover {
   text-decoration: underline;
   color: #CB1009;
   font-family: Arial, Helvetica, sans-serif;
   font-size:small;
   }

A.infolien:link {
   text-decoration:underline; 
   color:black; 
   font-family: Arial, Helvetica, sans-serif;
   font-size:small;
   }
A.infolien:visited {
   text-decoration:underline; 
   color: black;
   font-family: Arial, Helvetica, sans-serif; 
   font-size:small;
   }
   
A.infolien:hover {
   text-decoration: underline;
   color: #CB1009;
   font-family: Arial, Helvetica, sans-serif;
   font-size:small;
   }
 A.infolien2:link {
   text-decoration:none; 
   color:#000099; 
   font-family: Arial, Helvetica, sans-serif;
   font-size:small;
   }
A.infolien2:visited {
   text-decoration:none; 
   /*color:black*/
   font-family: Arial, Helvetica, sans-serif; 
   font-size:small;
   }
   
A.infolien2:hover {
   text-decoration: underline;
   color: #CB1009;
   font-family: Arial, Helvetica, sans-serif;
   font-size:small;
   }  
#espace {
margin:5px;
}   

li.txt {
margin-left:20px;
}

.puce {
margin-left:40px;
text-align:justify;
font-family: Arial, Helvetica, sans-serif;
font-size:small;
text-align:left;
}

#menu dl,#menu dt,#menu dd,#menu ul,#menu li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu {
position:absolute;
top: /*24*/2px;
left: 45px;
z-index:200;
/*width: 100%;*/
}
#menu dl {
float: left;
width: 120px;
margin: 0px;
/*margin:0px;*/
padding-left:0px;
}
#menu dt {
cursor: pointer;
text-align:center;
background-position:0px 12px !important;
/background-position:12px left;
background-image: url(images/puce.gif);
background-repeat: no-repeat;
color:#CB1009;
font-family: Arial, Helvetica, sans-serif;
margin:0px;
padding:0px;
/*background: #ccc;
border: 1px solid gray;*/
}
#menu dd {
font-family: Arial, Helvetica, sans-serif;
font-size:small;
border: 1px solid gray;
margin:0;
padding:0;
}
#menu li {
/*text-align: center;*/
width:100%;
background: #fff;
}
#menu li a, #menu dt a {
position:relative;
color: #CB1009;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
text-align:center;
}
#menu li a:hover, #menu dt a:hover {
background:#E3E3E3;
}
#menu .menuseul li a:hover, #menu dt a:hover {
background:none;
}

table {
font-family: Arial, Helvetica, sans-serif;
}
h4 {
font-family: Arial, Helvetica, sans-serif;
padding:5px;
}

em.bt{
font-family: Arial, Helvetica, sans-serif;
text-align:left;
margin:5px;
}

ol {
font-family: Arial, Helvetica, sans-serif;
text-align:left;
margin:15px;
margin-left:5px;
padding-left:30px;
}

.center {
font-family: Arial, Helvetica, sans-serif;
text-align:center;
}

ol.bordeau {
font-family: Arial, Helvetica, sans-serif;
color: #CB1009;
}
li.plan {
font-family: Arial, Helvetica, sans-serif;
color:#000000;
margin-left:15px;
font-size:small;
}

li.bts {
font-family: Arial, Helvetica, sans-serif;
padding-bottom:10px;
font-size:small;
}

A.plan:link {
   text-decoration:none; 
   color:black; 
   font-family: Arial, Helvetica, sans-serif;
   font-size:small;
   }
A.plan:visited {
   text-decoration:none; 
   color: black;
   font-family: Arial, Helvetica, sans-serif; 
   font-size:small;
   }
   
A.plan:hover {
   text-decoration: underline;
   color: #CB1009;
   font-family: Arial, Helvetica, sans-serif;
   font-size:small;
   } 

.maj {
font-family: Arial, Helvetica, sans-serif;
font-size:small;
} 

.retour {
text-align:center;
}

a.retour:link {
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
font-size:x-small;
text-align:center;
color: black;
}
a.retour:hover {
text-decoration:underline;
font-family: Arial, Helvetica, sans-serif;
font-size:x-small;
text-align:center;
color: #CB1009;
}

a.retour:visited {
text-decoration:none;
font-family: Arial, Helvetica, sans-serif;
font-size:x-small;
text-align:center;
color: black;
}

.video {
font-family: Arial, Helvetica, sans-serif;
font-size:small;
text-align:center;
}

.centerimg {
margin-left:250px;
}

.small {
font-size:small;
}   
/*#imgz {
position:relative;
top:100px;
left:100px;
z-index:100;
}
*/ 


  
/*galerie*/
div#galerie
{
	width: 820px;
	height: 600px;
	background: #F4F4F4;
	border: 1px solid #DDDDDD;
	padding: 15px;
	/*margin: 15px 30px ;*/
	text-align: center;
	font: small Arial, Helvetica, sans-serif;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
div#galerieCITE
{
	width: 820px;
	height: 480px;
	background: #F4F4F4;
	border: 1px solid #DDDDDD;
	padding: 15px;
	/*margin: 15px 30px ;*/
	text-align: center;
	font: small Arial, Helvetica, sans-serif;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
div#galerieMarieSamson
{
	width: 820px;
	height: 600px;
	background: #F4F4F4;
	border: 1px solid #DDDDDD;
	padding: 15px;
	/*margin: 15px 30px ;*/
	text-align: center;
	font: small Arial, Helvetica, sans-serif;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
div#galerieRaku
{
	width: 820px;
	height: 550px;
	background: #F4F4F4;
	border: 1px solid #DDDDDD;
	padding: 15px;
	/*margin: 15px 30px ;*/
	text-align: center;
	font: small Arial, Helvetica, sans-serif;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
div#galerieSP.InterLP
{
	width: 820px;
	height: 550px;
	background: #F4F4F4;
	border: 1px solid #DDDDDD;
	padding: 15px;
	/*margin: 15px 30px ;*/
	text-align: center;
	font: small Arial, Helvetica, sans-serif;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
div#galerieBTSchu
{
	width: 820px;
	height: 950px;
	background: #F4F4F4;
	border: 1px solid #DDDDDD;
	padding: 15px;
	/*margin: 15px 30px ;*/
	text-align: center;
	font: small Arial, Helvetica, sans-serif;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
div#galerieBTStvx
{
	width: 820px;
	height: 600px;
	background: #F4F4F4;
	border: 1px solid #DDDDDD;
	padding: 15px;
	/*margin: 15px 30px ;*/
	text-align: center;
	font: small Arial, Helvetica, sans-serif;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
div#galerieARTStvx
{
	width: 820px;
	height: 535px;
	background: #F4F4F4;
	border: 1px solid #DDDDDD;
	padding: 15px;
	/*margin: 15px 30px ;*/
	text-align: center;
	font: small Arial, Helvetica, sans-serif;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
div#galerieDECOtvx
{
	width: 820px;
	height: 535px;
	background: #F4F4F4;
	border: 1px solid #DDDDDD;
	padding: 15px;
	/*margin: 15px 30px ;*/
	text-align: center;
	font: small Arial, Helvetica, sans-serif;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
div#galerieCERAtvx
{
	width: 820px;
	height: 535px;
	background: #F4F4F4;
	border: 1px solid #DDDDDD;
	padding: 15px;
	/*margin: 15px 30px ;*/
	text-align: center;
	font: small Arial, Helvetica, sans-serif;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
div#galerieMODtvx
{
	width: 820px;
	height: 535px;
	background: #F4F4F4;
	border: 1px solid #DDDDDD;
	padding: 15px;
	/*margin: 15px 30px ;*/
	text-align: center;
	font: small Arial, Helvetica, sans-serif;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
div#galeriePASCGIR
{
	width: 820px;
	height: 470px;
	background: #F4F4F4;
	border: 1px solid #DDDDDD;
	padding: 15px;
	/*margin: 15px 30px ;*/
	text-align: center;
	font: small Arial, Helvetica, sans-serif;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
div#galerieMOVEtvx
{
	width: 820px;
	height: 570px;
	background: #F4F4F4;
	border: 1px solid #DDDDDD;
	padding: 15px;
	/*margin: 15px 30px ;*/
	text-align: center;
	font: small Arial, Helvetica, sans-serif;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#galerie p {
text-align:center;
}

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

ul#galerie_mini li
{
display:inline;
	/*float:left ;*/
}

ul#galerie_mini li a img
{
	margin: 2px 1px ;
	border: 1px solid #dcb ;
}

dl#photo
{
	clear: both ;
	margin: 0 auto ;
}

dl#photo dt
{
	font: italic 2.0em/1.5em Georgia, serif ;
	color: #777777 ;
}

dl#photo dd
{
	margin: 0 ;
}

dl#photo img
{
	border: 1px solid #dcb ;
}
/*fin galerie */

p.itsmal {
font:italic x-small Arial, Helvetica, sans-serif;
text-align:center;
}

h2.italie {
font:medium Arial, Helvetica, sans-serif;

}
a.bouton6 {

position:absolute;
display: block;
width: 70px; 
height: 90px; 
background-image:url(images/accueil/bouton6.gif);
background-repeat: no-repeat;
text-align:left;
margin:0;
top:80px;
left:430px;
padding:0;
}
a.bouton6:hover {

background-image:url(images/accueil/bouton6over.gif);
}
a.EMA {
position:absolute;
display: block;
width: 130px; 
height: 120px; 
background-image:url(images/EMA.jpg);
background-repeat: no-repeat;
text-align:left;
margin:0;
top:580px;
left:96px;
padding:0;
}
a.BandeauJPO {
position:absolute;
display: block;
width: 252px; 
height: 150px; 
background-image:url(images/accueil/bandeau_portes_ouvertes.gif);
background-repeat: no-repeat;
text-align:left;
margin:0;
top:0px;
left:710px;
padding:0;
}