/* [2007]CNPmusic par kiwii.fr */

/* ====================================================================
BASIC re.DEFINITIONS
-------------------------------------------------------------------- */

* { margin:0; padding:0; }
body { font: .9em "Arial", Tahoma, Helvetica, sans-serif; background-color: #fff; }  
a { color:#903; text-decoration:none; }
a:hover { color:#c90; }
a:active { color:#f00; text-decoration:none; }
p { color: #333; }
ul, ol { padding-left: 22px; }
img { border:0; }
abbr, acronym { font-style: normal; border-bottom: dotted 1px #ABB1B7; cursor: help; }
cite { font-style:italic; font-family: "Trebuchet MS"; font-size: 2.4em; color: #fff; }
code { font-size:110%; background-color: #fff; color: #000; padding:2px; }
kbd { font-size:100%; border:1px solid #ccc; padding:2px; color:#333; }
blockquote { padding:6px 20px 3px 20px; font-style: italic; text-align: justify; font-size:90%; }
fieldset, form, label { border: 0; }
del { color:#f00; font-size:90%; }  
table { width: 100%; }
hr.clear { clear:left; visibility: hidden; } /* question d'esthetique... */

/* code couleurs hexa de CNP */
.logoColor { color: #903; }
.logoFont { font-family: Arial Black; }
.jaune { color: #ff0; }
.orange { color: #fc0; }
.orangefonce { color: #f90; }
.rougefonce { color: #900; }
.bleufonce { color: #036; }
.vertSousligne { color: #690; border-bottom: 2px solid #8EB046; margin-bottom: 10px; }

/* ====================================================================
COLUMNS LAYOUT 
-------------------------------------------------------------------- */

#page { width: 800px; left: 50%; margin: 24px auto 0 auto; background-color: transparent; text-align: left; }
#contenu { margin-bottom: 20px; } 
#footer { clear: both; border-top: 1px solid #EAEBEE; text-align: center; padding-top: 14px; margin: 30px 0 20px 0; color: #666; font-size: .8em; }

/* ====================================================================
HEADER 
-------------------------------------------------------------------- */

#header h1 { margin-top: -40px; font-family: "Trebuchet MS"; font-style: italic; text-align: right; line-height: 70%; font-size: 2em; z-index: 3; }
#header h1 span {  font-size: 60%; color: #999; font-weight: 100;}
#header .logo { z-index: 4; } 

ul#menu { margin: 20px 0 0 0; padding: 0; height: 30px; }
ul#menu li { display: inline; list-style-type: none; margin: 0; padding: 0; }
ul#menu li a { display: block; float: left; color: #666; font-size: 12px; padding: 9px 12px 7px 14px; background: #C5E776 url(img/cours-guitare/menu-split.gif) left no-repeat; }
ul#menu li a:hover { color: #000; background-color: #fff; }
ul#menu li.selected a { color: #fff; background-color: #000; }
ul#menu li.accueil a { color: #fff; background-color: #fc0; }
ul#menu li img { border: 0; display: block; padding-left: 2px; }

/* ====================================================================
CONTENU 
-------------------------------------------------------------------- */

/* images aleatoires */
.rand-indexImg { height: 300px; background-color: #000; margin-bottom: 5px; }
.rand-indexImg-reduite { height: 100px; background-color: #000; margin-bottom: 20px; }
.rand-indexImg img, .rand-indexImg-reduite img { float: left; }
.aleas { position: absolute; z-index: 1}
		.positionne { position: absolute; margin: 24px 0 0 370px; z-index: 2; }
		.rand-indexImg ul { margin-top: 26px; }
		.rand-indexImg-reduite ul { margin-top: 0; }
		.rand-indexImg ul li, .rand-indexImg-reduite ul li  { margin-bottom: 20px; list-style-type: none; font-style: italic; line-height: 150%; }
		.rand-indexImg ul li a, .rand-indexImg-reduite ul li { color: #fff; font-size: 1.3em; }
		.rand-indexImg ul li a:hover { color: #999; }

/* taille des colonnes 1/3 */
.entier { padding: 16px; margin: 10px 0; }
.tiers { width: 216px; float: left; margin: 0 0 15px 0; }
.tiers h3 { padding: 0 0 10px 0; }

/* cadres page accueil */
.cadre1 { background-color: #00EC9F; color: #333; height: 260px; padding: 10px; }
		.cadre1 h3, .cadre1 small { color: #000;  }
		.cadre1 h3 { font-weight: bold; }
		
.cadre2 { background-color: #E7D769; color: #333; height: 260px; padding: 10px; }
		.cadre2 h2 { font-size: 1em; margin-bottom: 6px; }
		.cadre2 p { margin-bottom: 10px; font-size: .9em; }
		.cadre2 p a { color: #666; }
		.cadre2 img { float: right; border: 2px solid #CCCCCC; margin: 4px 0 4px 4px; }

.cadre3 { background-color: #FFFFFF; padding: 16px; }
		.cadre3 a { color: #000; }
		.cadre3 a:hover { color: #fc0; }
		.cadre3 h2, .cadre3 h3, .cadre3 h4, .cadre3 h5 { padding:0 0 8px 0; font-style: normal; font-weight: bolder; line-height: 100%; }
		.cadre3 h2 { font-size: 1.8em; }
		.cadre3 h2 a { color: #666; }
		.cadre3 h3 { font-size: 1.4em; }
		.cadre3 h4 { font-size: 1.2em; }

/* cadres niveau 2 */
.cadre4 { background-color: #EFFBF5; border: 1px solid #E7F3EE; padding: 16px; }
.cadre5 { background-color: #E7F3EE; border: 1px solid #DEE9E5; padding: 16px; }
.cadre6 { background-color: #F0E8E8; border: 1px solid #E0DBDB; padding: 16px; }
.cadre7 { background-color: #99FF99; border: 1px solid #E0DBDB; padding: 16px; }

.sansPuce { list-style-type: none; font-size: 90%; padding-left: 0; }
.sansPuce a { color: #333; }
.sansPuce a:hover { color: #900; }

/* cadre degrade */
#bg-degrade { background: #000 url(../img/cours-guitare/bg-video.png) repeat-x; margin-bottom: 20px; height: 292px; }
#bg-degrade2 { background: #fff url(../img/cours-guitare/bg-video2.png) repeat-x; margin-bottom: 20px; height: 292px; }
#bg-degrade3 { background: #fff url(../img/cours-guitare/bg-video3.png) repeat-x; margin-bottom: 20px; height: 292px; }
#bg-degrade4 { background: #fff url(../img/cours-guitare/bg-video4.png) repeat-x; margin-bottom: 20px; height: 292px; }
#bg-degrade5 { background: #fff url(../img/cours-guitare/bg-video5.png) repeat-x; margin-bottom: 20px; height: 292px; }
#bg-degrade6 { background: #fff url(../img/cours-guitare/bg-video6.png) repeat-x; margin-bottom: 20px; height: 292px; }
#bg-degrade7 { background: #fff url(../img/cours-guitare/bg-video7.png) repeat-x; margin-bottom: 20px; height: 292px; }
.chapeau { width: 410px; color: #fff; padding: 20px; }
.chapeau h1 { color: #ff0; font-family: "Trebuchet MS"; font-weight: 100; margin: 0 0 20px 0; font-size: 2em;  }
.chapeau p { color: #fff; line-height: 130%; font-weight: 100; }
.chapeau p a, .chapeau li a { color: #DAE68E; }
.chapeau p a:hover, .chapeau li a:hover { text-decoration: underline; }
.chapeau p a.lienfondvert { background-color: #690; padding: 4px 8px; margin: 20px 0 10px 180px; color: #fff; text-decoration: none; }
.player { border: 3px solid #000; padding: 0; }