@charset "utf-8";
/* CSS Document */

/*INITIALISATION*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: middle;
	background: transparent;
	text-decoration:none;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}


/* ********* */
/* MAIN MENU */
/* ********* */

#mainMenu {
padding-top:13px;
float:left;
}

#mainMenu li {
float:left;
}

#mainMenu li a {
display:block;
}

#mainMenu li.course a {
background:url(../design/course.gif) no-repeat top left;
width:95px;
height:50px;
}

#mainMenu li.course a:hover,
#mainMenu li.course a.actif {
background:url(../design/course.gif) no-repeat top right;
width:95px;
height:50px;
}

#mainMenu li.agenda a {
background:url(../design/agenda.gif) no-repeat top left;
width:78px;
height:50px;
}

#mainMenu li.agenda a:hover,
#mainMenu li.agenda a.actif {
background:url(../design/agenda.gif) no-repeat top right;
width:78px;
height:50px;
}

#mainMenu li.media a {
background:url(../design/media.gif) no-repeat top left;
width:133px;
height:50px;
}

#mainMenu li.media a:hover,
#mainMenu li.media a.actif {
background:url(../design/media.gif) no-repeat top right;
width:133px;
height:50px;
}

#mainMenu li.partenaire a {
background:url(../design/partenaire.gif) no-repeat top left;
width:112px;
height:50px;
}

#mainMenu li.partenaire a:hover,
#mainMenu li.partenaire a.actif {
background:url(../design/partenaire.gif) no-repeat top right;
width:112px;
height:50px;
}

#mainMenu li.queyras a {
background:url(../design/queyras.gif) no-repeat top left;
width:118px;
height:50px;
}


/* ************ */
/* FOOTER		*/
/* ************ */
#mainFooter {
background:url(../design/mainFooter.png) no-repeat center;
height:45px;
}

#mainFooter ul {
width:790px;
margin:auto;
}

#mainFooter li {
float:right;
}

#mainFooter li a {
display:block;
height: 21px;
}

/* admin */
#mainFooter li.admin a {
background:url(../design/admin.gif) no-repeat top left;
width:29px;
margin-right:15px;
}

/* deconnexion */
#mainFooter li.deconnexion a {
font-weight:bold;
color:#528D95;
line-height:21px;
margin-right:15px;
}

#mainFooter li.deconnexion a:hover {
color:#C00;
}

/* rss */
#mainFooter li.rss a {
background:url(../design/rss.gif) no-repeat top left;
width: 86px; 
}

#mainFooter li.rss a:hover,
#mainFooter li.rss a.actif {
background:url(../design/rss.gif) no-repeat top right;
}

/* facebook */
#mainFooter li.facebook a
{background:url(../design/ico-facebook.png) no-repeat top left;
width:21px;margin:0 20px 0 0;
}

/* Flag FR */
#mainFooter li.flagFr a {
background:url(../design/flagFr.gif) no-repeat top left;
width: 41px;
}

#mainFooter li.flagFr a.actif {
background:url(../design/flagFr.gif) no-repeat -82px 0px;
}

/* Flag UK */
#mainFooter li.flagUk a {
background:url(../design/flagUk.gif) no-repeat top left;
width: 37px;
}

#mainFooter li.flagUk a.actif {
background:url(../design/flagUk.gif) no-repeat -74px 0px;
}

/* Flag It */
#mainFooter li.flagIt a {
background:url(../design/flagIt.gif) no-repeat top left;
width: 51px;
}

#mainFooter li.flagIt a.actif {
background:url(../design/flagIt.gif) no-repeat -102px 0px;
}

/* credit */
#mainFooter li.credit a {
background:url(../design/credit.gif) no-repeat top left;
width: 61px;
}

#mainFooter li.credit a:hover,
#mainFooter li.credit a.actif {
background:url(../design/credit.gif) no-repeat top right;
}

/* contact */
#mainFooter li.contact a {
background:url(../design/contact.gif) no-repeat top left;
width: 65px;
}

#mainFooter li.contact a:hover,
#mainFooter li.contact a.actif {
background:url(../design/contact.gif) no-repeat top right;
}