body {
    margin: 0;
    padding: 0;
	text-align:center;
	background:#d1d2d6 url(/images/design_2/fond_body.jpg) top center no-repeat fixed;
	font-family:Arial, Helvetica, sans-serif;
}


h1{
font-size:21px;
font-family:tahoma, Arial,helvetica,sans-serif; 
font-weight:normal;
color:#000;
margin:5px 0;
padding:5px 0;
}
h1 span {position:absolute;left:-4000px;border:none;margin:0;padding:0;}

h2{

font-family: arial, helvetica, sans-serif;
font-weight:normal;
font-size:16px; 
font-weight:bold;
}

h2 a {color:#5C2F68}

h2 a:hover {color:#000;background:none;}

h3 {font-family: arial, helvetica, sans serif; font-size:14px; font-weight:bold; color:#313131;}

h3 a {text-decoration:none;color:#660000}

h4 {font-family:verdana, arial, helvetica, sans serif; font-size:12px; font-weight:bold; color:#e89d02;}

a {color:#5C2F68;text-decoration:none;}
a:hover {background:#00B9F2;text-decoration:none;color:#fff;}



p {margin:10px 0}



ul {list-style-type:square} 
li {margin:5px;list-style-type:square}

img {border:none}
acronym { 
	cursor: help; 
	border-bottom: 1px dotted; 
}

table {
font-family: verdana, arial, helvetica, sans serif;
font-size:11px;
border:1px solid #000;
border-collapse: collapse;font-weight:normal;
}
table#sans-bordure, table#sans-bordure td{border:0}

table.sans-bordure, table.sans-bordure td{border:0}

table#cursus td, table#cursus img{border:none}
table#cursus {margin:0}

table.sans-bordure, table.sans-bordure td{border:0;text-align:left}

table.sans-bordure, table.sans-bordure td{border:0}

table.sans-bordure ul,  {margin:0;padding:0;}
table.sans-bordure li {padding:0;}

table#cursus td, table#cursus img{border:none}
table#cursus {margin:0}

td,th {border: 1px solid #dfe0e3}

tr.titre {background:#e7e9eb;
color:#000;font-weight:bold;}
tr.soustitre {background-color:#f1f1f2;color:#333;font-weight:bold;}

/* forms

-------------------------------------------*/
form fieldset {
padding: 5px;

border:none;
margin: ;

display: block;
}
 
form fieldset legend {
display:none;
}
 
form label {
display:inline;
width: 250px;
float:left;
margin: 3px 0 3px 0;
}
 
form select {width:170px}
form ul{list-style-type:none;margin:0;padding:0}
form li{list-style-type:none;padding:0}
form #genre li {display:inline}
#genre label  {float:none;width:auto}

/* layout

-------------------------------------------*/

#page {

border-top:15px solid #fff;
border-bottom:15px solid #fff;
position:relative;
text-align:left;
margin:0 auto;

background:#f1f1f2;
width:1000px;
font-family: verdana, arial, helvetica, sans serif;
font-size:11px;

}

#prelude {position : absolute;
	margin-top : -1600px;}

/* top

-------------------------------------------*/
#top {
position:relative;
background:#f5f5f5 url(../../../images/design_2/bandeau-ece_2.png) bottom right no-repeat;
padding: 0;
margin:0;
height:164px;
border-bottom:1px solid #fff;

}

#top h1#logo {float:left;margin:0;padding:0;display:block;border:0;}

#top #lien a{
display:block;
position:absolute;
top:20;left:0;
width:250px;
height:150px;
background:transparent;
}

#top #jpo a{
display:block;
position:absolute;
top:25px;left:260px;
width:200px;
height:150px;
background:transparent;
}
/* menu_top

-------------------------------------------*/

#menu_formation {background:#000 url(../../../images/design_2/fond_body.png) repeat-x top left;color:#999;padding:5px;margin:0px 0;border-bottom:1px solid #fff;}


#menu_formation a{color:#fff;font-weight:bold;}


/* content 

-------------------------------------------*/

#content {
float:left;
width:530px;
margin:0;padding:0;
background:#fff;
}


#chemin{
font-size:10px;
font-weight:normal;
color:#000;
padding:5px 10px;
background:#f1f1f2;
margin:0;
}
#chemin a {color:#5C2F68;font-weight:normal;text-decoration:none}
#chemin a:hover {color:#b9c5d9;font-weight:normal;text-decoration:none;background:none}


#centre {
text-align:justify;
padding:5px 15px 5px 0px !important;
padding:5px 5px 5px 0px ;
}

#centre ul, #centre ol {margin-left:40px;}


#centre form {}
#centre form p{margin:5px}

#centre h1 {
background:#7A97A7 url(../../../images/design_2/fond_h1.png) bottom right no-repeat;
padding:5px 30px 5px 5px;
border-left:20px solid #000;
color:#fff;
}

#centre h2 {
background:transparent url(../../../images/design_2/fond_h2.png) top left no-repeat;
padding:5px  5px 0px 30px;
color:#00B9F2;
margin:25px 0 15px 0;
}

#centre h2.normal {margin:10px;padding:5px;background:none;}

#centre h3 {color:#5C2F68;margin:20px 0 15px 5px;}
#centre h4 {color:#000;margin-left:10px;}

#centre p {margin-left:10px;}

#centre a {
font-weight:bold;
}


/* sidebarleft 

-------------------------------------------*/
.sidebar {
float:left;
padding:5px;
}

.sidebar h2 {margin:0;font-size:12px;padding:2px;padding-left:5px;}

#sidebarleft1 {
width:260px;
background:#f1f1f2;margin-left:10px;}

#sidebarleft2 {
width:170px!important;

background:#f1f1f2;
margin-left:10px!important;
margin-left:5px;
padding:0;}

#sidebarleft1 h2{
background:#5C2F68 url(../../../images/design_2/fond_h2_side.png) top left repeat-x;
color:#fff;
border-right:15px #000 solid;
border-left:5px solid #d1d2d6;}

#sidebarleft2 h2{
background:#fff;
color:#00B9F2;
border-left:15px #d1d2d6 solid;
}



.sidebar ul li a {
display:block;
padding:5px;
border-bottom:1px solid #f5f5f5;
background:#fff;
}

.sidebar ul li a:hover {
background:#e7e9eb;
color:#00B9F2;
text-decoration:none;
}



#sidebarleft2 div#box_docs {padding:3px;
border:1px solid #d1d2d6;
background:#fff url(../../../images/design_2/fond_footer.png) top repeat-x;
margin-bottom:10px;
font-size:10px;
}

.sidebar div#box_docs ul li a {background:transparent;height:1%}

.sidebar div#box_docs ul li a:hover {background:#e7e9eb;}





/* menu  

------------------------------------------- */
#menu_academics {
text-align:center; 
border: 2px solid #d1d2d6;
margin:10px 0;
} 

#menu_academics ul, #menu_academics li {
list-style-type:none;
margin:0;padding:0;
} 

#menu_academics ul {background:#7A97A7}

#menu_academics li a {
display:block;
text-decoration:none;
font-weight:bold;
color:#fff;
background:transparent;
height:1%;
}


#menu_academics a:hover {
background:#f9f8fc;
color:#000;
}




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

ul#profils {background:#f1f3f8;padding:2px 0}
ul#profils li{color:#000;margin:0px 2px 0px 20px; list-style-type:square}
ul#profils a {color:#000; font-weight:bold;text-decoration:none}
ul#profils a:hover {background:none;color:#fdb825}

dl#menu {
background:#fff;
margin-bottom:5px 0;
padding:5px;
border:1px solid #d1d2d6;}

dl#menu dt {
cursor: pointer;


font-weight: bold;

}
dl#menu dd {
background:#f0f2f7;
}
dl#menu li {
font-size:10px;
text-align: left;
}
dl#menu li a, dl#menu dt a {
padding-left:10px;
text-decoration: none;
display: block;
border:none;
height: 100%;
border-bottom:1px solid #f5f5f5;
font-size:14px;
font-family:Arial, Helvetica, sans-serif;
}

dl#menu li a {
padding:2px 0px 2px 10px;
}
dl#menu dt a {
padding:5px;
}

dl#menu dt a:hover {background:#fff;
color:#00B9F2;
text-decoration:none;
}
dl#menu dt a:active {color:#000;}
dl#menu li a:hover{background:#fff;}
/* footer 

-------------------------------------------*/

#docs p, #docs2 p, #docs3 p {border:3px solid #ccc;margin:10px 0;padding:0;}
#docs p img, #docs2 p img, #docs3 p img{display:block}

.docs p {border:3px solid #ccc;margin:10px 0;padding:0;}
.docs p img {display:block}

#actus{
padding:5px;
background:#fff;
border:1px solid #d1d2d6;
padding-bottom:30px;
margin:5px 0
}
#actus_2, #syndicate, #archives, #lastcom {
padding:5px;
background:#fff;
border:1px solid #d1d2d6;
margin:5px 0
}


#projets{
margin:10px 160px 0 170px;
border:1px solid #000;
padding:5px;
}




#footer {
clear:both;
color:#000;
font-size:10px;
margin:0px 0 ;
padding:15px 0 0 25px;;
background:#fff url(../../../images/design_2/fond_footer.png) top repeat-x;
border:3px solid #e7e9eb;

}

.footer {width:220px;
padding:10px;
float:left;

}

#footer a {color:#000}
#footer a:hover {background:#00B9F2;text-decoration:none;color:#fff;}

#footer h2 {color:#00B9F2;font-size:12px;font-weight:bold;margin:0 0 5px 0}

#validation{
clear:both;
padding:5px;
text-align:center;
color:#999;
background:#e7e9eb;
margin-left:-25px;
}

#validation a{
color:#666;
}




#lang {margin:2px 0 0 0;text-align:center;padding:0}
/* class 
-------------------------------------------*/

blockquote {margin-left:10px;padding-left:35px;background:  url(../../../images/design/ece/quote.gif) top left no-repeat}


.border{border-top:#000 solid; border:1px solid #000;margin:0;padding:5px;}

.border_top_jaune{border-top:1px solid #e89d02;}
.en_savoir_plus{
padding:5px;
background: #f1f1f2;
border-top:1px solid #d1d2d6;
} 

.clear_both{clear:both}

.border-centre{border:1px #000 dashed;margin:5px 50px 5px 50px;padding:5px;}
.fond_noir_texte_gris {background:#000;color:#d4d0c8}
.float_left {float:left;margin:0 10px 0 0;padding:0 }
.float_right {float:right;margin:0 1px 0 5px}
.petit{font-size:10px;}
.italic{font-style:italic}
.colonne-droite {border:#000 solid; border-width:1px 3px;margin:0 0 0 10%;padding:5px;background:#fff}
.bleu {color:#dae0eb;}
.jaune {color:#fdb825;}
.center {text-align:center;}




.bloc {display:block;float:left;width:200px;margin:5px;padding:0px;}
#centre .bloc h2 {background:none;padding-left:0;}
.desc {margin-left:205px;height:auto !important; height:65px; min-height:65px;}
.rouge{color:#ff0000;}
/* bloc
-------------------------------------------*/
.bloc_photo {border:1px solid #d1d2d6;padding:5px;margin-bottom:10px;}
.bloc_photo img {float:left;padding:2px; margin-right:10px;background:#fff}
.bloc_photo a {

display:block;

padding:5px;}

.bloc_photo h2 a {

display:block;
border-top:none;
padding:0px;}


.bloc_photo a:hover {background:none;color:#00B9F2;text-decoration:none;}	
#centre .bloc_photo h2  {margin:5px 0;padding:0;background:none;}

#maj_tr, #maj_si, #maj_se {padding:5px 0 10px 5px;}
#maj_tr a, #maj_si a, #maj_se a {color:#fff;}
#maj_tr a:hover, #maj_si a:hover, #maj_se a:hover {color:#fff;}
#maj_tr{background:#003366;}
#maj_se{background:#38a7cb;}
#maj_si{background:#8f7c75;}



#doc {background:url(/images/design/accueil/picto_info.gif)  0% 50% no-repeat; padding-left:25px;}
#renc {background:url(/images/design/accueil/picto_renc.gif)  0% 50% no-repeat; padding-left:25px;}
#plan {background:url(/images/design/accueil/picto_plan.gif)  0% 50% no-repeat; padding-left:25px;}
#co {background:url(/images/design/accueil/picto_co.gif)  0% 50% no-repeat; padding-left:25px;}
#gpe {background:url(/images/design/accueil/picto_gpe.gif)  0% 50% no-repeat; padding-left:25px;}

.chapo {background:#e7e9eb;padding:5px; font-size:12px;}

.focus_accueil {border: 1px solid #5C2F68;padding:5px; font-size:12px;margin:15px 0;color:#5C2F68}


#forums {

background:#f1f1f2 url(../images/design_2/fond_div.gif) bottom right no-repeat;
margin-bottom:15px;
margin-top:15px;
padding-bottom:25px;

}

#centre #forums h2 {
margin:0px 0 10px 0;padding:0;background:#fff;padding:3px;
}

#centre #forums ul,  #centre #forums ul li{
margin:5px 0;padding:0;list-style-type:none;
}


#search {margin:0 0 10px 0;font-size:12px;}

#search input.text {background:#fff;border:0px solid #fff;width:219px;padding:2px;margin:0;}
#search input.ok {background:#333;border:1px solid #ccc;color:#fff;margin:0;padding:0}


/* styles actus collés là 
----------------------------------- */

a {color:#6F8AC5}

a:hover {background:#6F8AC5;color:#fff;}

/*#top {background:url(../images/design_2/bandeau-actus_2.png) bottom left no-repeat}*/

#centre h1 {background:#6F8AC5 url(../images/design_2/fond_h1_actus.png) bottom right no-repeat}

#centre h2 {color:#5C2F68}

#centre h3 {color:#6F8AC5}

#sidebarleft2 h2 {color:#5C2F68;}

#sidebarleft1 h2{background:#5C2F68 url(../../../images/design_2/fond_h2_side_actus.png) top left repeat-x;}

dl#menu dt a:hover {color:#5C2F68;}

.sidebar ul li a:hover {color:#5C2F68;}

#footer h2 {color:#5C2F68;}

#menu_academics ul {background:#6F8AC5;}

.post-chapo, .resume {
font-size:11px;
margin:20px 0 0px 0;
background:#f1f1f2 url(../images/design_2/fond_div.gif) bottom right no-repeat;
padding:15px;
font-size:12px;
}

.lecteur{text-align:center;margin:5px 0;border:2px solid #ccc;}

#centre .post-chapo h2.norm {padding-left:5px;margin-top:0;background:#fff;border:1px solid #5C2F68} 

/* flipper
--------------------------------------------*/

#flipper-wrapper {						
width: 516px!important;						
height:276px!important;			
height:291px;			
z-index:-1000;
margin:10px 0px 15px 0px;
padding:0;

}		


ul#autre {
width: 516px !important;	
height: 276px;		
margin:0;	
padding:0;
}		

#autre li {			
display:block;		
width: 516px !important;			
height: 276px;			
margin:0;
padding:0;	
	  
} 
						
#autre li h1{			
border-left:0px;
font-size:18px;			 
font-family:Arial, Helvetica, sans-serif;			
background:#fff;			
color:#000;			
padding:7px;			
margin:0 5px;			
	
filter : alpha(opacity=90);    
-moz-opacity : 0.9;    
opacity : 0.9;	
position:relative;
top:70px;
left:0px;



}				
			
#autre li p{	

border-left:0px;	
font-size:12px;			
font-family:Arial, Helvetica, sans-serif;
background:#fff;			
color:#000;					
padding:7px;
margin:0 5px ;

line-height:100%;
filter : alpha(opacity=90);    
-moz-opacity : 0.9;    
opacity : 0.9;	
position:relative;
top:70px;
left:0px;


}		

		
.box a:hover {background:none;}
.box {margin-bottom:10px;}

.box2{border:3px solid #ccc;}

#top-banner{position:absolute;top:50px;right:0px;}