@import url(fonts.css);
@import url(reset.css);
@import url(formulaire.css);
@import url(h2-h3.css);
@import url(bloc.css);
@import url(dialog.css);
@import url(gauche.css);
@import url(droite.css);
@import url(agenda.css);
@import url(home.css);

body {
	line-height: 1;
	color: #42423d;
	background: url("../images/bg-bleu.gif") #082841;
	font: 12px 'Lucida Grande', Arial, Helvetica, sans-serif;
	height: 100%;
}
html, body {
	height: 100%;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
blockquote {
	line-height: 1.2em;
	font-style: italic;
	background: url(../images/quotes-noir.png) no-repeat 0 0;
}
acronym {
	cursor: help;
	border-bottom: 1px dashed #333;
}
strong {
	font-weight: bold;
}
em {
	font-style: italic;
}
hr {
	display: none;
}
.right {
	float: right;
}
.left {
	float: left;
}
.hide {
	display: none;
}
.clear {
	clear: both;
}
.center {
	text-align: center;
}
.petit {
	letter-spacing: 0;
	font-size: 11px;
}

/* HTML5 tags */
header, section, footer, aside, nav, article, figure {
	display:block;
}

/* Link Styles */
a {
	color: #1358a5;
	text-decoration: none;
}
a:hover {
	color: #193659;
}
a:active {
	color: #193659;
}
a.bleu {
	color: #007fe1;
}
a.rose {
	color: #f646ec;
}

img.ajax {
	display: block;
	margin: 0 auto;
	margin-top: 10px;
	clear: both;
}

/* Headings */
h1, h2, h3, h4, h5, h6 {
	font-family: Helvetica, Arial, sans-serif;
	font-weight: bold;
}

/* Taille */
div.largeur {
	width: 1000px;
	margin: 0 auto;
}

/* Execution */
div#execution {
	color: #34A9E9;
	position: absolute;
	right: 10px;
	top: 10px;
	
	padding: 5px 10px;
	background: #143D5B;
	
	border: 1px solid #164466;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
#ui-datepicker-div {
	display: none;
}

/* Effet ombre image */
.ombre {
	border: 5px solid #FFF;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 1px 1px 1px 1px #CFCFCF;
	-webkit-box-shadow: 1px 1px 1px 1px #CFCFCF;
}

/* Photo */
figure { 
	display: inline-block;
}
figure.photo, a.photo { 
	-moz-box-shadow: #999 0px 2px 6px;
	-webkit-box-shadow: #999 0px 2px 6px;
	box-shadow: #999 0px 2px 6px;
	margin-bottom: 10px;
	padding: 4px;
	border: 1px solid #999;
	display: inline-block;
	background: #FFF;
}
a.photo:hover {
	border-color: #6ab2ef;
}
a.photo img {
	margin: -1px;
}


/* Vignette */
a.vignette, .bloc figure.vignette {
	border: 1px solid #BBB;
	display: block;
}
a.vignette, .bloc {
	margin: -1px;
}
a.vignette:hover {
	border: 1px solid #6aa6de;
}
a.vignette img, .bloc figure.vignette img {
	border: 2px solid #FFF;
	margin-bottom: -3px;
}

/* Icone commentaires */
a.commentaires {
	display: block;
	text-decoration: none;
}
a.commentaires span {
	font-size: 10px;
	color: #FFF;
	display: block;
	float: left;
	background: url("../images/bulle-bleu.gif") no-repeat 0px;
	text-align: center;
	line-height: 15px;
	width: 20px;
	height: 18px;
	margin-right: 5px;
	margin-top: 0px;
	margin-bottom: -3px;
}
a.commentaires.non-lu span {
	background-image: url("../images/bulle-rouge.gif");
}

/* clearFix */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

/* Haut */
header#haut {
	color: #FFF;
	background: url("../images/fond_haut_noir.jpg") repeat-x bottom #112232;
	background: url("../images/fond_haut_bleu.jpg") repeat-x bottom #112232;
}

header#haut h1 {
	padding: 10px 0;
}
header#haut h1 a {
	display: block;
	height: 100px;
	width: 500px;
	background: url("../images/logo-bleu.png");
	text-indent: -1000px;
	overflow: hidden;
}

header#haut section.moment {
	float: right;
	border: 1px solid #18496D;
	padding: 10pxpx;
	width: 400px;
	background: url(../images/quotes-noir.png) 95% no-repeat #082841;
	background-color: rgba(0, 0, 0, 0.5);
	margin: 20px;
	padding: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
header#haut section.moment h2 {
	font-family: 'Lobster', 'Lucida Grande', 'Lucida Grande2', Arial, Helvetica, sans-serif;
	font-size: 20px;
	padding: 5px;
	padding-top: 0;
	padding-bottom: 0;
	font-weight: normal;
}
header#haut section.moment blockquote {
	line-height: 1.2em;
	font-style: italic;
	padding: 5px;
	background: none;
}
header#haut section.moment blockquote a {
	color: #2F8FBF;
	text-decoration: none;
}

header#haut nav a:link, header#haut nav a:visited  {
	color: #FFF;
	text-decoration: none;
}
header#haut nav > ul > li {
	float: left;
}
header#haut nav > ul > li > a {
	font-size: 18px;
	display: block;
	padding: 0 13px;
	letter-spacing: 1px;
	height: 34px;
	line-height: 33px;
	background: url("../images/onglets.png");
	text-shadow: 1px 1px 0 #000;
	font-family: 'Yanone Kaffeesatz', Arial, Helvetica, sans-serif;
	height: 34px;
}
header#haut nav > ul > li > a {
	font-size: 14px;
	display: block;
	padding: 0 13px;
	letter-spacing: 0.5px;
	height: 34px;
	font-weight: normal;
	line-height: 33px;
	background: url("../images/onglets.png");
	text-shadow: 1px 1px 0 #000;
	font-family: 'Superstar',  Arial, Helvetica, sans-serif;
	height: 34px;
}
header#haut nav > ul > li.home > a {
	background-position: -2px -140px;
}
header#haut nav > ul > li.home > ul > li > a  {
	background: #17408A;
	border-top: 1px solid #2f59a4;
	border-bottom: 1px solid #102d61;
}
header#haut nav > ul > li.home > ul > li > a:hover  {
	background: #123574;
}
header#haut nav > ul > li.actualites > a {
	background-position: -2px -175px;
}
header#haut nav > ul > li.actualites > ul > li > a  {
	background: #156F95;
	border-top: 1px solid #409ac0;
	border-bottom: 1px solid #11536f;
}
header#haut nav > ul > li.actualites > ul > li > a:hover  {
	background: #105d7e;
}
header#haut nav > ul > li.photos a {
	background-position: -2px -210px;
}
header#haut nav > ul > li.photos > ul > li > a  {
	background: #1B5D4A;
	border-top: 1px solid #32836c;
	border-bottom: 1px solid #0e3e30;
}
header#haut nav > ul > li.photos > ul > li > a:hover  {
	background: #16483a;
}
header#haut nav > ul > li.communaute > a {
	background-position: -2px -245px;
}
header#haut nav > ul > li.communaute > ul > li > a  {
	background: #2D893B;
	border-top: 1px solid #4dab5b;
	border-bottom: 1px solid #1c6326;
}
header#haut nav > ul > li.communaute > ul > li > a:hover  {
	background: #267733;
}
header#haut nav > ul > li.cours > a {
	background-position: -2px -280px;
}
header#haut nav > ul > li.cours > ul > li > a  {
	background: #B88C1B;
	border-top: 1px solid #d9ac39;
	border-bottom: 1px solid #957114;
}
header#haut nav > ul > li.cours > ul > li > a:hover  {
	background: #9b7618;
}
header#haut nav > ul > li.doa > a {
	background-position: -2px -315px;
}
header#haut nav > ul > li.doa > ul > li > a  {
	background: #B06214;
	border-top: 1px solid #c57d35;
	border-bottom: 1px solid #8b4e11;
}
header#haut nav > ul > li.doa > ul > li > a:hover  {
	background: #97520c;
}
header#haut nav > ul > li.annonce > a {
	background-position: -2px -350px;
}
header#haut nav > ul > li.annonce > ul > li > a  {
	background: #691315;
	border-top: 1px solid #9d3437;
	border-bottom: 1px solid #400a0b;
}
header#haut nav > ul > li.annonce > ul > li > a:hover  {
	background: #530e0f;
}
header#haut nav > ul > li.association > a {
	background-position: -2px -35px;
}
header#haut nav > ul > li.association > ul > li > a  {
	background: #830C11;
	border-top: 1px solid #ac1e1e;
	border-bottom: 1px solid #630c0c;
}
header#haut nav > ul > li.association > ul > li > a:hover  {
	background: #71090d;
}
header#haut nav > ul > li.jeux > a {
	background-position: -2px -70px;
}
header#haut nav > ul > li.jeux > ul > li > a  {
	background: #971C97;
	border-top: 1px solid #a830a8;
	border-bottom: 1px solid #6b186b;
}
header#haut nav > ul > li.jeux > ul > li > a:hover  {
	background: #801580;
}
header#haut nav > ul > li.faq > a {
	background-position: -2px -105px;
}
header#haut nav > ul > li.faq > ul > li > a  {
	background: #571D8C;
	border-top: 1px solid #6e389f;
	border-bottom: 1px solid #3b1161;
}
header#haut nav > ul > li.faq > ul > li > a:hover  {
	background: #481675;
}
header#haut nav > ul > li.home > a {
	-moz-border-radius: 5px 0 0 0;
	-webkit-border-top-left-radius: 5px;
}
header#haut nav > ul > li.faq > a {
	-moz-border-radius: 0 5px 0 0;
	-webkit-border-top-right-radius: 5px;
}
header#haut nav > ul > li.recherche {
	background: url("../images/onglets.png");
	background-position: -2px 0px;
	float: right;
	height: 34px;
	padding: 0px 10px;
	-moz-border-radius: 5px 5px 0 0;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
}
header#haut input[type=text] {
	width: 150px;
	background: url("../images/txt.gif") repeat-x #FFF;
	border: 1px solid #BFBFBF;	
	border-color: #999999 #BFBFBF #BFBFBF #999999;
	margin-right: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
header#haut button {
	background: url("../images/loupe.png") no-repeat;
	text-indent: -2000px;
	overflow: hidden;
	cursor: pointer;
	border: 0;
	height: 23px;
	width: 22px;
}
header#haut nav > ul > li > ul  {
	display: none;
	position: absolute;
	z-index: 1;
}
header#haut nav > ul > li > ul > li > a  {
	font-size: 100%;
	display: block;
	padding: 4px 10px; 
	min-width: 100px;
	font-weight: normal;
}
header#haut nav > ul > li > ul > li:first-child > a {
	-moz-border-radius: 0 5px 0 0;
	-webkit-border-top-right-radius:  5px;
	border-top: 0;
}
header#haut nav > ul > li > ul > li:last-child > a {
	-moz-border-radius: 0 0 5px 5px;
	-webkit-border-bottom-left-radius: 5px;
	-webkit-border-bottom-right-radius:  5px;
	border-bottom: 0;
	padding-bottom: 6px;
}

/* Messages */
p.ok, p.ko, p.info, p.warn, p.aucun {
	padding: 4px;
	margin: 5px 0;
	text-align: center;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
p.ok {
	color: #556652;
	background: url("../images/icones/fugue/tick-circle.png") no-repeat 5px #cbf3c9;
	border: 1px solid #97db94;
}
p.ko {
	color: #665252;
	background: url("../images/icones/fugue/cross-circle.png") no-repeat 5px #FFCECE;
	border: 1px solid #DF8F8F;
}
p.info {
	color: #5580bb;
	background: url("../images/icones/fugue/information-small.png") no-repeat 5px #dbeaff;
	border: 1px solid #c7daf5;
}
p.warn {
	color: #666452;
	background: url("../images/icones/fugue/exclamation.png") no-repeat 5px #FFFBCC;
	border: 1px solid #E6DB55;
}
p.aucun {
	background: url("../images/icones/fugue/exclamation-small.png") no-repeat 5px #F5F5F5;
	border: 0px;
}

/* Sondage */
section.sondage p.question, section.sondage p.reponse {
	padding: 3px;
}
section.sondage ul li {
	margin-left: 5px;
}
section.sondage ul li {
	list-style: disc inside;
	clear: left;
}
section.sondage ul li span.pourcent {
	display: block;
	color: #505050;
	font-size: 0.9em;
	float: left;
	line-height: 23px;
}
section.sondage ul li span.bar {
	display: block;
	float: left;
	width: 35px;
	height: 12px;
	margin: 5px 3px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
section.sondage ul li span.rouge {
	background: #EA0000;
	background-image: -moz-linear-gradient(#EA0000 0%, #9B1515 100%);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EA0000), to(#9B1515));
}
section.sondage ul li span.bleu {
	background: #206BC7;	
	background-image: -moz-linear-gradient(#206BC7 0%, #175097 100%);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#206BC7), to(#175097));
}
section.sondage ul li span.vert {
	background: #4BB91F;	
	background-image: -moz-linear-gradient(#4BB91F 0%, #3B9418 100%);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#4BB91F), to(#3B9418));
	
}
section.sondage ul li span.orange {
	background: #EBA51E;	
	background-image: -moz-linear-gradient(#EBA51E 0%, #EB751E 100%);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#EBA51E), to(#EB751E));
}
section.sondage ul li span.violet {
	background: #9814CF;	
	background-image: -moz-linear-gradient(#9814CF 0%, #8F17C1 100%);
	background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#9814CF), to(#8F17C1));
}

/* Note */
span.etoile-on, span.etoile-off, span.etoile-demi {
	display: inline-block;
	width: 7px;
	height: 9px;
	background-repeat: no-repeat;
	background-position: -4px -4px;
	margin: 1px;
	padding: 0;
}
span.etoile-on { background-image: url("../images/icones/note/star-small.png"); }
span.etoile-off { background-image: url("../images/icones/note/star-small-empty.png"); }
span.etoile-demi { background-image: url("../images/icones/note/star-small-half.png"); }

/* Precdent et suivant */
a.precedent, a.suivant {
	display: block;
	width: 16px;
	height: 16px;
	text-indent: 100px;
	overflow: hidden;
	background-position: 0;
	background-repeat: no-repeat;
	background-color: #E0E0E0;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	float: left;
	margin: 3px 0;
}
a.precedent:hover, a.suivant:hover {
	background-color: #D0D0D0;
}
a.precedent {
	margin-right: 5px;
	background-image: url("../images/icones/fugue/control-180-small.png");
}
a.suivant {
	margin-left: 5px;
	background-image: url("../images/icones/fugue/control-000-small.png");
}

/* Contenu */
div#contenu {
	color: #555;
	background: url("../images/fond_contenu.gif") #FFF;
	min-height: 700px;
}

/* Bas */
footer#bas {
	font-size: 95%;
	color: #E3DFD7;
	background: url("../images/fond_bas_noir.jpg") repeat-x top #212121;
	background: url("../images/fond_bas_bleu.jpg") repeat-x top #06253A;
}
footer#bas a:link, footer#bas a:visited {
	color: #A79578;
}
footer#bas a:hover {
	color: #d29b44;
}
footer#bas nav {
	float: left;
	margin: 10px 20px;
}
footer#bas nav.jeux {
	clear: left;
}
footer#bas nav:nth-child(8) {
	clear: left;
}
footer#bas h3 {
	color: #E3DFD7;
	font: 17px Arial, Helvetica, sans-serif;
	font-size: 17px;
	font-family: "Trebuchet MS",Arial,Helvetica,san-serif;
	text-transform: uppercase;
	font-weight: normal;
	margin: 4px 0;
	text-shadow:1px 1px 1px #000;
}
footer#bas nav.nb_membres {
	background: url("../images/icones/woo/users.png") no-repeat 50% 0;
}
footer#bas nav.nb_articles {
	background: url("../images/icones/woo/newspaper.png") no-repeat 50% 0;
}
footer#bas nav.nb_photos {
	background: url("../images/icones/woo/camera.png") no-repeat 50% 0;
}
footer#bas nav.nb_cours {
	background: url("../images/icones/woo/book_bookmarks.png") no-repeat 50% 0;
}
footer#bas nav.chiffre {
	padding-top:  35px;
	text-align: center;
}
footer#bas nav.chiffre h3 {
	color: #A79578;
}
footer#bas nav.chiffre h3.nombre {
	color: #E3DFD7;
	font-family: Helvetica,Geneva;
	font-size: 26px;
	font-weight: normal;
}
footer#bas ul li {
	color: #7f6045;
	padding: 3px 0;
	list-style: disc inside;
}
footer#bas p.copyright {
	border-top: 1px solid #393939;
	text-align: center;
	padding: 15px;
	margin-top: 15px;
}