/* -------------------------------------------------------
Reset
------------------------------------------------------- */
*, html{
	padding : 0px;
	margin : 0px;
	font-family : "Lucida Sans Unicode", "Trebuchet MS", Verdana, Geneva, Arial, Helvetica, sans-serif;
}
a,
a img,
blockquote,
body,
caption,
div,
em,
fieldset,
font,
form,
h1,
h2,
h3,
h4,
h5,
h6,
html,
img,
label,
legend,
object,
p,
pre,
span,
strong
{
	border: 0;
	font-family: inherit;
	font-size: 100%;
	font-style: inherit;
	font-weight: inherit;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
}
a:link,
a:visited,
a:active,
a:hover {
  text-decoration: none;
  color: #777; 
  outline : none;
}
img a:hover {
}
fieldset,
img {
  border: 0;
}
ul, ol, li {
	list-style-position: inside;
	margin : 0px;
}

/* -------------------------------------------------------
Reset
------------------------------------------------------- */


/* -------------------------------------------------------
Global
------------------------------------------------------- */
body{
	background : #fff url(body.png) top left repeat;	
	font-family : Arial, sans-serif;
	font-size : 12px;
}
.cBoth{
	display : block;
	clear : both;
}
.fRight{
     float : right;   
}
.fLeft{
     float : left;   
}
.c{
	width : 980px;
	margin : 0 auto;
}
/* -------------------------------------------------------
Global
------------------------------------------------------- */




/* -------------------------------------------------------
Header
------------------------------------------------------- */
#header{
     background : url(page.png) 0px -228px repeat-x;    
}
#header .c{
     height : 222px; 
     position : relative;  
}
#header h1{
     display : block;
     height : 24px;
     line-height : 24px;
     text-align : center;
     color : #aaa;
     font-size : 11px;   
}
#header a#logo{
    display : block;
    height : 142px;
    width : 230px;
    text-indent : -5000px;
    outline : none;
    background : url(calendrier2010.jpg) center right no-repeat;
}
#header .ads{
     width : 728px;
     height : 90px;
     position : absolute;
     right : 10px;
     top : 54px;
}
#header #menu{
     height : 57px;
     background : url(page.png) 0px 0px repeat-x;   
     position : relative;
}
#header #menu .fLeft,
#header #menu .fRight{
    width : 30px;   
    height : 57px;
    display : block;
    position : absolute;
    top : 0px;
    left : 0px;
    background : url(page.png) 0px -57px no-repeat; 
}
#header #menu .fRight{
    left : 950px;
    background : url(page.png) 0px -114px no-repeat;
}
#header #menu ul{
    display : block;
    position : absolute;
    top : 0px;
    left : 10px; 
    width : 960px;
}
#header #menu ul li{
     display : inline;   
}
#header #menu ul li a{
     float : left;
     display : block;
     height : 57px;
     width : 160px;
     background : url(page.png) 130px -171px no-repeat;
     line-height : 57px;
     text-align : center;
}
#header #menu ul li a:hover{
     color : #333;   
}
#header #menu ul li a.last{
     background : none;   
}
/* -------------------------------------------------------
Header
------------------------------------------------------- */





/* -------------------------------------------------------
Page
------------------------------------------------------- */
#page{
    background : url(page.png) 0px -452px repeat-x;
    margin-bottom : 40px;
}
#page .c{
    background : url(blop.png) top right repeat-y;
}
#page .bottom{
    clear : both;
    height : 30px;
    background : url(content.png) bottom left no-repeat;
}
/* -------------------------------------------------------
Page
------------------------------------------------------- */



/* -------------------------------------------------------
Content
------------------------------------------------------- */
#content{
    height : auto !important;
    height : 1000px;
    min-height : 1000px;
    float : right;
    width : 620px;
    margin-right  : 20px !important;
    margin-right : 10px;
}
#content .bloc{
    padding-bottom : 10px;
    padding-top : 10px;
    border-bottom : 1px solid #efefef;
}
#content h2{
    color:#A4A4A4;
    font-family:Helvetica,Arial,sans-serif;
    font-size:18px;
    display : block;
    background : #fcfcfc;
    padding : 10px 5px;
}
#content h3{
    clear : both;
    color:#646464;
    font-family:Helvetica,Arial,sans-serif;
    font-size:28px;
}
#content h4{
     color:#646464;
    font-family:Helvetica,Arial,sans-serif;
    font-size:14px;
    text-transform : uppercase;
}
#content p{
     font-size : 13px;
     line-height : 18px;
     padding-top : 10px;
     text-align : justify;
     color : #A4A4A4;   
}
#content .ads{
     width : 300px;
     height : 250px;
}
#content .summary{
    float : right;
    height : auto !important;
    height : 250px ;
    min-height : 250px;
    width : 300px;
    text-indent : 30px;
}
#content .summary a{
    font-size : 13px;
    padding : 5px;
    line-height : 22px;
    height : 22px;
    display : block;
    color : #A4A4A4;   
}
#content .summary a.bg{
    background : #fcfcfc;
}
#content .summary p{
	text-indent: 0px;
}
#content .summary p.links{
     padding-top : 0px;   
     text-indent: 30px;
}
#content p em{
     font-weight : bold;
}
#content p span em{
    color : #F400A1;
    font-weight : normal;
}
#content p a{
    color : #DF73FF;
}
#content p a.external{
     color : #A4A4A4;
     border-bottom  : 1px dotted #A4A4A4;   
}

#content .dl{
     float : left;
     width : 200px;
     padding : 10px 3px; 
     text-align : center;
}
#content .dl.bg{
    background : #fcfcfc;
}
#content .dl p{
     padding : 0px;
     text-indent : 15px;
     font-size : 11px;   
}
#content .dl p a{
    color : #A4A4A4;
     border-bottom  : 1px dotted #A4A4A4; 
}

img.fLeft {
	margin: 0 10px 10px 0;	
}
img.fRight {
	margin: 0 0 10px 10px;
}

#content ol, #content ul {
	list-style: none;
	margin : 10px 0px;
}
#content ol li, #content ul li {
	text-indent: 10px;
	color:#A4A4A4;
	font-size:13px;
	line-height:16px;
}


#content .ads468{
     width : 468px;
     margin : 0 auto;
}
/* -------------------------------------------------------
Content
------------------------------------------------------- */



/* -------------------------------------------------------
Calendar
------------------------------------------------------- */
table{
    border-collapse : collapse;
    margin : 20px auto;
}
table.semester{
    
}
table.semester thead{
}
table.semester tbody{
    
}
table.semester tr{
    
}
table.semester thead th{
    background : #999;
    width : 100px;
    height : 35px;
    line-height : 35px;
    text-indent : 4px;
    color : #fff;
    text-transform : uppercase;
    font-weight : normal;
}
table.semester td{
    width : 100px;
    height : 25px;
    line-height : 25px;
    text-indent : 4px;
    color : #888;
    position : relative;
}

table td.lundi{
   background : url(semaine.png) 0px 0px;   
}
table td.mardi{
   background : url(semaine.png) 0px -25px;   
}
table td.mercredi{
   background : url(semaine.png) 0px -50px;   
}
table td.jeudi{
   background : url(semaine.png) 0px -75px;   
}
table td.vendredi{
   background : url(semaine.png) 0px -100px;   
}
table td.samedi{
   background : url(semaine.png) 0px -125px;
   color : #DF73FF;   
}
table td.dimanche{
   background : url(semaine.png) 0px -150px;   
   color : #F400A1;
}
table.semester td.no{
   background : url(semaine.png) 0px -175px;
}
table.semester td span{
    font-size : 9px;
    width : 70px;
    overflow : hidden;   
}
span.vacA{
    background : #E9E836;
    color : #fff;
    padding : 5px;
}
span.vacB{
    background : #F50081;
    color : #fff;
    padding : 5px;
}
span.vacC{
    background : #BC1EBD;
    color : #fff;
    padding : 5px;
}
table.semester td span.vacA,
table.semester td span.vacB,
table.semester td span.vacC{
     float : right; 
     margin-right : 2px; 
     display : block;
     height : 24px;
     width : 4px; 
     padding : 0px;
     opacity : 0.8;
}

table.semester td span.no{
    background : none;   
}

/* -------------------------------------------------------
Calendar
------------------------------------------------------- */




/* -------------------------------------------------------
Side
------------------------------------------------------- */
#side{
   float : left;
   width : 300px;
   margin-left : 20px !important;
   margin-left : 10px;
}
#side .bloc{
     padding-bottom : 10px;
     padding-top : 10px;
     border-bottom : 1px solid #d9d8d9;   
}
#side .bloc.h12{
     height : auto !important;
     height : 125px;
     min-height : 125px;   
}
#side .bloc.h25{
     height : auto !important;
     height : 250px;
     min-height : 250px;   
}
#side .bloc.h12.know,
#side .bloc.h12.story,
#side .bloc.h12.fun,
#side .bloc.h12.ecolo,
#side .bloc.h12.menu{
    padding-top : 34px;
    height : auto !important;
    height : 75px;
    min-height : 75px; 
}
#side .bloc.h25.know,
#side .bloc.h25.story,
#side .bloc.h25.fun,
#side .bloc.h25.ecolo,
#side .bloc.h25.menu{
    padding-top : 34px;
    height : auto !important;
    height : 200px;
    min-height : 200px; 
}
#side .know{
     background : url(know.png) 0px 10px no-repeat;
}
#side .story{
     background : url(story.png) 0px 10px no-repeat;
}
#side .fun{
     background : url(fun.png) 0px 10px no-repeat;
}
#side .ecolo{
     background : url(ecolo.png) 0px 10px no-repeat;
}
#side .menu{
     background : url(menu.png) 0px 10px no-repeat;
}
#side .ads{
     width : 300px;
     height : 250px;
}
#side p{
     font-size : 12px;
     line-height : 18px;
     padding-top : 18px;
     text-indent : 10px;
     text-align : justify;
     color : #A4A4A4;   
}
#side em{
     font-weight : bold;   
}
#side ul{
	font-size : 14px;
     line-height : 18px;
     padding-top : 18px;
     text-indent : 10px;
     text-align : justify;
     color : #A4A4A4;
}
/* -------------------------------------------------------
Side
------------------------------------------------------- */




/* -------------------------------------------------------
Footer
------------------------------------------------------- */
#footer{
    border-top : 1px solid #444;
    background : url(page.png) 0px -228px repeat-x;   
    height : 24px; 
}
#footer .c{
     width : 940px;   
}
#footer p{
    line-height : 24px;
    display : block;
    color : #aaa;   
    font-size : 11px;
}
#footer p a{
     color : #aaa;   
}
#footer p a:hover{
     color : #ccc;
     text-decoration : underline;   
}
/* -------------------------------------------------------
Footer
------------------------------------------------------- */