@charset "utf-8";
/*******    FEUILLE DE STYLE      ********/
/*******    © MBA MULTIMEDIA      ********/
/*******  www.mba-multimedia.com  ********/

/* LISTE d'éléments */
.elements								{ }
.elements ul							{ }
.elements li							{ list-style:none; }

.element								{ position:relative; overflow:hidden; }
.element.on								{ background:#f8fafd; cursor:pointer; }

.element .surtitre						{ padding-bottom:0; }
.element .surtitre span					{ }
.element .date							{ }
.element h3.titre						{ }
.element .ttr							{ }
.element .titre a						{ }
.element .titre a:link,
.element .titre a:visited				{ }
.element .titre a:active,
.element .titre a:hover					{ }
.element .etoiles						{ }
.element .localisation					{ }
.element p.chapo 						{ font-weight:bold; color:#547981; line-height:16px; }
.element .texte 						{ color:#547981; line-height:16px;  }
.element .texte p 						{ padding:0; }
.element .texte table					{ border-spacing:4px; }
.element .texte td.libelle				{ }
.element .texte td.a-partir				{ }
.element .texte td.reserver				{ width:92px; }

.element .vignette						{ }
.element .vignette a					{ }
.element .vignette img					{ }

.element .btn-voir						{ position:relative; width:190px; margin:10px 10px 10px auto; }
.element .btn-voir .picto				{ left:auto; right:0; top:auto; bottom:0; width:58px; height:27px; background-position:-40px -80px; }
.element .btn-voir a					{ background:#ccc; color:#fff; display:block; font-size:11px; padding:3px 57px 3px 5px; margin-right:10px; text-align:center; text-decoration:none; font-family:UbuntuLight, Verdana, Geneva, sans-serif; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; }
.element .btn-voir a:link,
.element .btn-voir a:visited			{ }
.element .btn-voir a:hover,
.element .btn-voir a:active				{ }

.element .btn-savoir-plus				{ }
.element .btn-savoir-plus .picto		{ }
.element .btn-savoir-plus a				{ }
.element .btn-savoir-plus a:link,
.element .btn-savoir-plus a:visited		{ }
.element .btn-savoir-plus a:hover,
.element .btn-savoir-plus a:active		{ }

.element .btn-reserver					{ position:relative; width:92px; }
.element .btn-reserver .picto			{ left:auto; right:3px; top:auto; bottom:0; width:20px; height:15px; background-position:-110px -92px; }
.element .btn-reserver a				{ background:#ccc; color:#fff; display:block; font-size:11px; padding:0px 29px 1px 8px; text-align:center; text-decoration:none; font-family:UbuntuLight, Verdana, Geneva, sans-serif; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; }
.element .btn-reserver a:link,
.element .btn-reserver a:visited		{ }
.element .btn-reserver a:hover,
.element .btn-reserver a:active			{ }

.plus-elements							{ clear:both; border-bottom:2px solid #f0f4f7; }
.btn-plus-elements						{ position:relative; width:180px; margin:0 auto;}
.btn-plus-elements .picto				{ left:auto; right:-5px; top:-4px; width:26px; height:26px; background-position:-50px -20px; }
.btn-plus-elements a					{ background:#ccc; color:#fff; display:block; font-size:11px; padding:2px 25px 2px 5px; text-align:center; text-decoration:none; font-family:UbuntuLight, Verdana, Geneva, sans-serif; -webkit-border-radius:6px 6px 0 0; -moz-border-radius:6px 6px 0 0; border-radius:6px 6px 0 0; }
.btn-plus-elements a:link,
.btn-plus-elements a:visited			{ }
.btn-plus-elements a:hover,
.btn-plus-elements a:active				{ }

.elements dl							{ }
.elements dt							{ }
.elements dd							{ }

.element-btm	 						{ }

/* Liens */
.elements .liens						{ }
.elements .liens .ttr					{ }
.elements .liens .ttr h4				{ }
.elements .liens .ttr h4 span			{ }
.elements .liens .ctn					{ }
.elements .liens ul						{ }
.elements .liens li						{ }
.elements .liens a						{ }
.elements .liens a:link,
.elements .liens a:visited				{ }
.elements .liens a:active,
.elements .liens a:hover				{ }

/* Fichiers */
.elements .fichiers						{ }
.elements .fichiers .ttr				{ }
.elements .fichiers .ttr h4				{ }
.elements .fichiers .ttr h4 span		{ }
.elements .fichiers .ctn				{ }
.elements .fichiers ul					{ }
.elements .fichiers li					{ }
.elements .fichiers a					{ }
.elements .fichiers a:link,
.elements .fichiers a:visited			{ }
.elements .fichiers a:active,
.elements .fichiers a:hover				{ }

/* MISE EN FORME */

/*.h0 .element							{ padding:2px; margin:0 0 5px 0; border-bottom:1px solid #dae6f3; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;  }
.h0 .element .left 						{ float:left; width:105px; }
.h0 .element .right 					{ float:right; width:131px; }
.h0 .element .vignette					{ width:100px; height:66px; background:none; padding:0; overflow:hidden; }
.h0 .element .vignette a				{ padding:0; }
.h0 .element h3.titre,
.h0 .element h3.titre a					{ font-size:11px; }
.h0 .element .surtitre					{ font-size:10px; font-weight:bold; }
.h0 .element .localisation 				{ font-size:10px; }
.h0 .element .date		 				{ font-size:9px; font-weight:normal; padding:0; }*/

.h1 									{ overflow:hidden; }
.h1 .element							{ float:left; width:266px; height:75px; padding:7px; margin:0 7px 7px 0; overflow:hidden; border:1px solid #dae6f3; -webkit-border-radius:9px; -moz-border-radius:9px; border-radius:9px; }
.h1 .element .left 						{ float:left; width:105px; }
.h1 .element .right 					{ float:right;width:161px; }
.h1 .element .vignette					{ width:100px; height:75px; }
.h1 .element .vignette a				{ }
.h1 .element h3.titre,
.h1 .element h3.titre a					{ font-size:14px; font-weight:bold; }
.h1 .element .surtitre					{ font-size:11px; }

.h2 .element							{ /*width:236px;*/ padding:2px; margin:0 0 5px 0; border-bottom:1px solid #dae6f3; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px;  }
.h2 .element .left 						{ float:left; width:105px; }
.h2 .element .right 					{ float:right; width:131px; }
.h2 .element .vignette					{ width:100px; height:66px; background:none; padding:0; overflow:hidden; }
.h2 .element .vignette a				{ padding:0; }
.h2 .element h3.titre,
.h2 .element h3.titre a					{ font-size:11px; }
.h2 .element .surtitre					{ font-size:10px; font-weight:bold; }
.h2 .element .localisation 				{ font-size:10px; }
.h2 .element .date		 				{ font-size:9px; font-weight:normal; padding:0; }

.h3 .element							{ padding:7px 9px 7px 4px; margin-bottom:20px; border:1px solid #dae6f3; -webkit-border-radius:9px; -moz-border-radius:9px; border-radius:9px; }
.h3 .element .left						{ float:left; width:140px; }
.h3 .element .right						{ float:right; width:725px; }
.h3 .element .vignette 					{ width:121px; height:90px; padding:30px 0 0 19px; background:url(/media/gabarit/element_vignette.png) 0 0 no-repeat; }
.h3 .element .vignette a				{ width:100px; padding:5px; color:#fff; }
.h3 .element .ttr						{ border-bottom:1px solid #dae6f3; padding-bottom:7px; margin-bottom:7px; }
.h3 .element .date						{ font-size:11px; font-weight:bold; padding-bottom:3px; }
.h3 .element h3.titre					{ font-size:18px; font-weight:bold; margin-right:10px; }

.h4 .element							{ background:#fbfcfd; padding:7px; margin-bottom:10px; border:1px solid #eff2f6; -webkit-border-radius:9px; -moz-border-radius:9px; border-radius:9px; }
.h4 .element.on							{ background:#fff; }
.h4 .element .left						{ float:left; width:120px; }
.h4 .element .right						{ float:right; width:735px; }
.h4 .element .vignette 					{ width:100px; height:75px; padding:5px; background:#e2eaeb; color:#fff; }
.h4 .element .vignette a				{ }
.h4 .element .ttr						{ border-bottom:1px solid #dae6f3; padding-bottom:5px; margin-bottom:5px; }
.h4 .element h3.titre					{ font-size:18px; font-weight:bold; margin-right:10px; }
.h4 .element .surtitre					{ font-size:13px; }
.h4 .element .chapo						{ font-size:11px; font-weight:bold; line-height:16px; }

.h4 .btn-savoir-plus a					{ margin:0 10px 0 auto; }

/*#onglet1 .elements .on					{ background:#fff; border-color:#f5bfdc; }
#onglet1 .element						{ }
#onglet1 .element .left 				{ width:120px; }
#onglet1 .element .right 				{ }
#onglet1 .element h3.titre,
#onglet1 .element h3.titre a			{ color:#c80f72; }
#onglet1 .element .vignette				{ background:none; padding:0; }
#onglet1 .element .vignette a			{ background:#e2eaeb; }
#onglet1 .element .chapo				{ color:#547981; font-weight:bold; }
*/

.v1										{ overflow:hidden; }
.v1 .element.last	 					{ text-align:center; margin-right:0; }
.v1 .element							{ float:left; width:124px; padding:15px 5px 20px 5px; margin:0 25px 22px 0; border:1px solid #dae6f3; -webkit-border-radius:9px; -moz-border-radius:9px; border-radius:9px;}
.v1 .element .vignette					{ width:100px; height:75px; background:none; padding:0 0 5px 0 ; margin:0 auto; }
.v1 .element .vignette a				{ padding:0; }
.v1 .element .titre 					{ font-size:14px; font-weight:bold; text-align:center; }
.v1 .element .surtitre 					{ font-size:11px; text-align:center; }
.v1 .element .texte 					{ font-size:9px; text-align:center; }

/* BLEU */
.elements.bleu							{ /*overflow:hidden; padding-bottom:7px;*/ }
.bleu h2								{ color:#01508e; }
.bleu h2 a								{ color:#01508e; }
.bleu .element.on						{ background:#fbfcfd; border-color:#a2d4e4; }
.bleu .element							{ background:#fff; }
.bleu .element .vignette 				{ background-position:0 0; }
.bleu .element h3.titre,
.bleu .element h3.titre a				{ color:#0066b2; }
.bleu .element .surtitre				{ color:#2c8cd1; }
.bleu .element .localisation 			{ }
.bleu .btn-plus-elements a:link,
.bleu .btn-plus-elements a:visited		{ background:#3379be; margin: 0 auto; }
.bleu .btn-plus-elements a:hover,
.bleu .btn-plus-elements a:active		{ background:#1eb4e8; margin: 0 auto; }
.bleu .btn-plus-elements .picto 		{ background-position:-50px -50px; }
.bleu .btn-savoir-plus					{ }
.bleu .btn-savoir-plus .picto			{ background-position:-80px -10px; }
.bleu .btn-savoir-plus a				{ }
.bleu .btn-savoir-plus a:link,
.bleu .btn-savoir-plus a:visited		{ background-color:#0ea1c6; background-position:0 0; }
.bleu .btn-savoir-plus a:hover,
.bleu .btn-savoir-plus a:active			{ background-color:#006ab2; background-position:0 -15px; }

/* CYAN */
.cyan h2								{ color:#09a2c6; }
.cyan h2 a								{ color:#09a2c6; }
.cyan .element.on						{ border-color:#cadeea; }
.cyan .element .vignette 				{ background-position:0 -125px; }
.cyan .element .vignette a				{ background:#cadeea; }
.cyan .element .date		 			{ color:#ff6600; } 
.cyan .element h3.titre,
.cyan .element h3.titre a				{ color:#c80f72; }
/*.cyan .element h3.titre a				{ color:#09a2c6; }*/
.cyan .element .surtitre				{ color:#09a2c6; }
.cyan .element .btn-reserver a:link,
.cyan .element .btn-reserver a:visited	{ background:#b90e69; }
.cyan .element .btn-reserver a:hover,
.cyan .element .btn-reserver a:active	{ background:#d443a3; }
.cyan .btn-savoir-plus					{ }
.cyan .btn-savoir-plus .picto			{ background-position:-80px -10px; }
.cyan .btn-savoir-plus a				{ }
.cyan .btn-savoir-plus a:link,
.cyan .btn-savoir-plus a:visited		{ background-color:#0ea1c6; background-position:0 0; }
.cyan .btn-savoir-plus a:hover,
.cyan .btn-savoir-plus a:active			{ background-color:#006ab2; background-position:0 -15px; }

/* FUSHIA */
.fushia h2								{ color:#de0662; }
.fushia h2 a							{ color:#de0662; }
.fushia .element.on						{ border-color:#fbd3e8; }
.fushia .element .vignette 				{ background-position:-160px 0; }
.fushia .element .vignette a			{ background:#fbd3e8; }
.fushia .element .date		 			{ color:#c74e96; }
.fushia .element h3.titre,
.fushia .element h3.titre a				{ color:#e10186; }
.fushia .element .chapo					{ color:#547981; }
.fushia .element .btn-reserver a:link,
.fushia .element .btn-reserver a:visited { background:#b90e69; }
.fushia .element .btn-reserver a:hover,
.fushia .element .btn-reserver a:active	{ background:#d443a3; }
.fushia .element .btn-voir				{ width:170px; margin:0 0 0 auto; }
.fushia .element .btn-voir a:link,
.fushia .element .btn-voir a:visited	{ background:#d3207b; }
.fushia .element .btn-voir a:hover,
.fushia .element .btn-voir a:active		{ background:#e83aa1; }
.fushia .btn-plus-elements a:link,
.fushia .btn-plus-elements a:visited	{ background:#b90e69; }
.fushia .btn-plus-elements a:hover,
.fushia .btn-plus-elements a:active		{ background:#d443a3; }
.fushia .btn-plus-elements .picto 		{ background-position:-80px -20px; }
.fushia .btn-savoir-plus				{ }
.fushia .btn-savoir-plus .picto			{ background-position:-100px -10px; }
.fushia .btn-savoir-plus a				{ }
.fushia .btn-savoir-plus a:link,
.fushia .btn-savoir-plus a:visited		{ background-color:#e83aa1; background-position:0 -60px; }
.fushia .btn-savoir-plus a:hover,
.fushia .btn-savoir-plus a:active		{ background-color:#ff40b1; background-position:0 -75px; }
/*.srub_a08 .element h3.titre,
.srub_a08 .element h3.titre a			{ color:#c80f72; }*/

/* VIOLET */
.elements.violet						{ }
.entete.violet h1.titre					{ color:#7b0d7c; }
.entete.violet h2.chapo					{ color:#7d097e; }
.entete.violet .chapo p					{ color:#800384; }
.violet h2								{ color:#7d097e; }
.violet h2 a							{ color:#7d097e; }
.violet .element.on						{ border-color:#c594c5; }
.violet .element .vignette				{ background-position:0 0; }
.violet .element .vignette a			{ background:#c594c5; }
.violet .element .date		 			{ color:#ff6600; } 
.violet .element h3.titre,
.violet .element h3.titre a				{ color:#7b0d7c; }
.violet .element .surtitre				{ color:#be4cb7; }
.violet .element .btn-voir a:link,
.violet .element .btn-voir a:visited	{ background:#82258a; }
.violet .element .btn-voir a:hover,
.violet .element .btn-voir a:active		{ background:#a652a6; }
.violet .btn-plus-elements a:link,
.violet .btn-plus-elements a:visited	{ background:#9c257c; }
.violet .btn-plus-elements a:hover,
.violet .btn-plus-elements a:active		{ background:#a652a6; }
.violet .btn-plus-elements .picto 		{ background-position:-50px -20px; }
.violet .btn-savoir-plus				{ }
.violet .btn-savoir-plus .picto			{ background-position:-90px -10px; }
.violet .btn-savoir-plus a				{ }
.violet .btn-savoir-plus a:link,
.violet .btn-savoir-plus a:visited		{ background-color:#88268b; background-position:0 -30px; }
.violet .btn-savoir-plus a:hover,
.violet .btn-savoir-plus a:active		{ background-color:#be4cb7; background-position:0 -45px; }

/* TRI */
#tri									{ background:#fff; border:1px solid #eef2f6; padding:5px; margin-bottom:20px; -moz-box-shadow: 0px 0px 4px #eef2f6; -webkit-box-shadow: 0px 0px 4px #eef2f6; box-shadow: 0px 0px 4px #eef2f6; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px;  }
#tri span								{ font-size:9px; text-transform:uppercase; }
#tri p									{ padding:5px; }
#tri span.libelle						{ display:block; float:left; width:95px; text-align:right; padding:2px 10px 0 0; }
#tri button								{ background:#7e9cb8; color:#fff; text-transform:uppercase; padding:1px 2px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
#tri button:hover						{ background:#61c3dc; }
#tri #tri_criteres						{ }
#tri #tri_criteres p					{ }
#tri #tri_criteres .libelle				{ color:#e560a7; }
#tri #tri_criteres select				{ width:200px; padding:0 0 0 5px; border:1px solid #7e9cb8; color:#e560a7; }
#tri #tri_criteres .option				{ overflow:hidden; color:#547981; font-size:9px; padding-left:110px; }
#tri #tri_criteres .option input		{ display:block; float:left; }
#tri #tri_criteres .option label		{ padding-left:5px; }
#tri #tri_trier-par						{ position:relative; color:#fff; background:#408fbe; -webkit-border-radius:0 0 4px 4px; -moz-border-radius:0 0 4px 4px; border-radius:0 0 4px 4px; }
#tri #tri_trier-par .picto				{ width:26px; height:17px; left:10px; top:auto; bottom:0; background-position:0 -107px; }
#tri #tri_trier-par p					{ }
#tri #tri_trier-par input				{ position:absolute; left:-5000px; }
#tri #tri_trier-par label				{ background:#0b6397 url(/media/gabarit/degrade_27b1b6_0b6397.png) 0 0 repeat-x; padding:0px 6px 2px 6px; -webkit-border-radius:6px; -moz-border-radius:6px; border-radius:6px; cursor:pointer; }
#tri #tri_trier-par label.checked,
#tri #tri_trier-par label:hover			{ background:#61c3dc; }