* {
z-index:10;
}

@font-face {
font-family:fontTitle; src:url('polices/foo.ttf');
} 

a {
text-decoration:none;
}
       
aside {
float:right;
padding:10px;
width:290px;
}

aside #calendrier {
background:url("fond-header-calendrier.png") top repeat-x;
text-align:center;
padding:8px 0px 10px 0px;
overflow:hidden;
}

aside #calendrier #event {
color:#CCCCCC;
font-weight:bold;
}

aside #chat {
padding:0px;
}

aside #chat input[type="text"] {
border:none;
border-top:1px solid #333333;
padding:5px;
width:280px;
-moz-border-radius:0px 0px 10px 10px;   
-webkit-border-radius:0px 0px 10px 10px; 
-khtml-border-radius:0px 0px 10px 10px;  
border-radius:0px 0px 10px 10px;
}

aside #chat #messages {
font-size:0.8em;
height:250px;
overflow:auto;
padding:5px;
word-wrap:break-word;
}

aside #chat #messages .smiley {
vertical-align:top;
}

aside #chat #messages .me:before {
content:'Moi : ';
}

aside #chat #messages .them:before {
content:'Eux : ';
}

aside #chat #messages .me:before, aside #chat #messages .them:before {
font-weight:bold;
color:#777777;
}

aside #chat #messages .me {

}

aside #chat #messages .them {

}

aside #note {
padding:0px !important;
}

aside .titre_boite {
background:url("gradient-violet.png") repeat-x; // ou -webkit-gradient(linear, 0% 0%, 0% 100%, from(#942E99), to(#4C174F), color-stop(.6,#68206B))
background-size:100% 100%;
-moz-background-size:100% 100%;         /* Gecko 1.9.2 (Firefox 3.6) */
-o-background-size:100% 100%;           /* Opera 9.5 */
-webkit-background-size:100% 100%;      /* Safari 3.0 */
-khtml-background-size:100% 100%;       /* Konqueror 3.5.4 */
}

.attention {
background-color:#D38F63;
background-image:url("attention.png");
border:1px solid orange;
}

.attention, .attention a {
color:#C0390A;
}

input[type="search"] {
background-image:url("loupe.png");
background-color:white;
background-repeat:no-repeat;
background-position:left center;
border:1px solid #616161;
padding-top:2px;
padding-left:20px;
padding-bottom:2px;
font:11px "Lucida Grande", Arial, sans-serif;
-moz-border-radius:20px;   
-webkit-border-radius:20px;
-khtml-border-radius:20px;  
border-radius:20px;
}

#barreRecherche {
-moz-border-radius:0px 0px 10px 10px;   
-webkit-border-radius:0px 0px 10px 10px;
-khtml-border-radius:0px 0px 10px 10px;
-moz-box-shadow:0px 3px 7px #444444;
-webkit-box-shadow:0px 3px 7px #444444;
box-shadow:0px 3px 7px #444444;	 
border-radius:0px 0px 10px 10px;
margin-bottom:20px;
position:relative;
bottom:10px;
left:60px;
padding:7px;
padding-top:2px;
width:210px;
}

body {
background:white;
font-family:Arial, Helvetica, Calibri,Tahoma,Verdana,'Times New Roman',Times, sans-serif;
font-size:1.0em;
width:100%;
min-width:1200px;
margin:auto;
}

/* CSS3 BUTTON */ 
.button, input[type="submit"] {
display:inline-block;
background:url("button_bg.png") repeat-x 0px 0px;
padding:5px 10px 6px 10px;
font-weight:bold;
font-size:13px;
text-shadow:1px 1px 1px rgba(255,255,255,0.5);
border:1px solid rgba(0,0,0,0.4);
-moz-border-radius:5px;
-moz-box-shadow:0px 0px 2px rgba(0,0,0,0.5);
-webkit-border-radius:5px;
-webkit-box-shadow:0px 0px 2px rgba(0,0,0,0.5);
border-radius:5px;
box-shadow:0px 0px 2px rgba(0,0,0,0.5);

background-color:#CCCCCC;
color:#141414;
}
 
.button:hover, input[type="submit"]:hover {
	cursor:pointer;
}

.center {
text-align:center;
}

#content {
margin:0px 40px;
z-index:5;
}

.contenu_boite {
font-size:0.9em;
margin-bottom:40px;
padding:10px;
-moz-border-radius:0px 0px 10px 10px;   
-webkit-border-radius:0px 0px 10px 10px; 
-khtml-border-radius:0px 0px 10px 10px;  
border-radius:0px 0px 10px 10px;
-moz-box-shadow:0px 0px 10px #333333;
-webkit-box-shadow:0px 0px 10px #333333;
box-shadow:0px 0px 10px #333333;	
}

#corps {
min-height:100px;
margin-right:370px;
padding:20px;
}

#corps .contenu_boite {
font-size:0.8em;
line-height:130%;
}

#corps h1 {
font-family:fontTitle, sans-serif;
text-align:center;
}
#corps .infos_news {
color:#333333;
float:right;
font-size:x-small;
}

#corps .piece_jointe_news:before {
content:url("paper-clip.png");
float:left;
}

#corps .piece_jointe_news {
margin-left:5px;
text-align:left;
font-size:x-small;
}

#corps .titre_boite {
background:url("gradient-noir.png") repeat-x; // ou -webkit-gradient(linear, 0% 0%, 0% 100%, from(#454545), to(#1C1C1C), color-stop(.6,#2B2B2B))
background-size:100% 100%;
font-size:0.9em;
font-weight:normal;
-moz-background-size:100% 100%;         /* Gecko 1.9.2 (Firefox 3.6) */
-o-background-size:100% 100%;           /* Opera 9.5 */
-webkit-background-size:100% 100%;      /* Safari 3.0 */
-khtml-background-size:100% 100%;       /* Konqueror 3.5.4 */
}

.description {
font-size:0.8em;
text-align:center;
}

.erreur {
background-color:#E30D0D;
background-image:url("erreur.png");
border:1px solid red;
}

.erreur, .erreur a {
color:#700707;
}

footer {
background-image:url("http://www.frigodor.com/lyceens-au-cinema/fond-footer.png");
background-repeat:repeat-x;
color:rgb(122, 122, 122);
width:100%;
font-family:Calibri,"Trebuchet MS",Tahoma,Verdana,"Times New Roman",Times,serif;
font-size:80%;
text-align:center;
padding:7px;
float:right;
}

footer:first-line, footer a {
color:white;
}

footer a:hover {
text-decoration:underline;
}

#header, #barreRecherche {
background:#641F68;
color:white;
}

#header h2 {
font-family:"Arial Black",Arial,Helvetica,Sans-Serif;
font-size:1.9em;
line-height:1.3;
}

#header, #header video {
height:300px;
}

#header td {
vertical-align:top;
padding:0px 40px;
}

#header video {
width:600px;
float:left;
}

.information {
background-color:#8AAB0B;
background-image:url("information.png");
border:1px solid green;
}

.information, .information a {
color:#485905;
}

img {
border:none;	
}

a img {
border:none;	
}

.left {
text-align:left;
}

.legende {
font-size:small;
font-style:italic;
}

#logo {
background:white;
position:absolute;
top:-105px;
left:120px;
-moz-border-radius:0px 0px 10px 10px;  
-webkit-border-radius:0px 0px 10px 10px; 
-khtml-border-radius:0px 0px 10px 10px; 
border-radius:0px 0px 10px 10px;
padding:3px;
-moz-transition:top 0.4s ease-out;
-webkit-transition:top 0.4s ease-out;
-o-transition:top 0.4s ease-out;
transition:top 0.4s ease-out;
z-index:1000;
}

#logo:hover, #logo:focus {
top:0px;
}

.menu {
padding-right:40px;
vertical-align:middle;
}

.menu a {
color:white;
}

.menu a:hover {
text-shadow:0px 0px 25px #FFFFFF;
}

#nav {
background:#252525;
color:white;
font-weight:bold;
height:70px;
text-transform:uppercase;
vertical-align:bottom;
}

#nav a:not(.reseau_social) {
color:white;
margin-right:20px;
padding:5px;
padding-bottom:15px;

/*	 	TRANSITIONS		*/
-webkit-transition-property:background, color;
-webkit-transition-duration:0.5s;
-webkit-transition-timing-function:ease-in-out;		
/* Bientôt supporté par Firefox */
-moz-transition-property:background, color;
-moz-transition-duration:0.5s;
-moz-transition-timing-function:ease-in-out;				
/* … et lorsque ce sera standardisé */
transition-property:background, color;
transition-duration:0.5s;
transition-timing-function:ease-in-out;
}

#nav a:not(.reseau_social):hover, #nav a:not(.reseau_social):focus {
background:white;
color:#252525;
}

#nav img {
height:30px;
margin-right:10px;
-moz-transition-duration:0.7s;
-moz-transition-timing-function:ease;
-webkit-transition-duration:0.7s;
-webkit-transition-timing-function:ease;
transition-duration:0.7s;
transition-timing-function:ease;
}

#nav img:hover {
-moz-transform:rotate(360deg);
-webkit-transform:rotate(360deg);
transform:rotate(360deg);
}

#nav td {
padding-bottom:15px;
vertical-align:bottom;
}

p {
font-size:0.9em;
}

.question {
background-color:#1E6ADE;
background-image:url("question.png");
border:1px solid blue;
}

.question, .question a {
color:#0A2D61;
}

.remarque {
background-position:center left;
background-repeat:no-repeat;
padding:10px;
padding-left:50px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-khtml-border-radius:10px;
border-radius:10px;
font-size:small;
}

.remarque a {
text-decoration:underline;
}

.right {
text-align:right;
}

table {
width:100%;
border-collapse:collapse;
}

table, tr, td, th {
margin:0px;
padding:0px;
}

#tableCalendar {
border-collapse:collapse;
-moz-box-shadow:0px 7px 10px #E4E4E4;
-webkit-box-shadow:0px 7px 10px #E4E4E4;
box-shadow:0px 7px 10px #E4E4E4;
width:100%;
-moz-user-select:none;
-webkit-user-select:none;
user-select:none;
}

#tableCalendar th {
color:#545454;
font-size:10px;
text-shadow:0px 1px 1px #FFFFFF;
}

#tableCalendar td {
background:url("fond-cellule-calendrier.png");
background-size:100%;
border:1px solid #A1A5AD;
color:#2F3A46;
font-size:15px;
font-weight:900;
padding:5px 0px;
width:14.3%; // car 100% / 7colonnes = 14.3%
}

#tableCalendar .current {
background:url("fond-cellule-courante-calendrier.png");
background-size:100%;
// border:1px solid #364F72;
color:white;
text-shadow:0px 1px 1px #333333;
}

#tableCalendar .disabled {
color:#99A2AC;
}

#tableCalendar #focus:not(.disabled) {
background:url("fond-cellule-focus-courante-calendrier.png");
background-size:100%;
color:white;
}

.titre_boite {
-moz-border-radius:10px 10px 0px 0px;   
-webkit-border-radius:10px 10px 0px 0px;
-khtml-border-radius:10px 10px 0px 0px;  
border-radius:10px 10px 0px 0px;
-moz-box-shadow:0px 0px 10px #333333;
-webkit-box-shadow:0px 0px 10px #333333;
box-shadow:0px 0px 10px #333333;
font-weight:bold;
padding:5px 20px;
}

.titre_boite, .titre_boite a {
color:white;
}

.titre_boite .icone {
float:right;
margin-left:10px;
}

.titre_boite sup {
font-size:x-small;
}

.titre_boite img {
margin-left:5px;
}