/*
ORDRE DES PRIORITE DES SPECIFICITÉ CSS (de la moins prioritaire à la plus prioritaire
p {color:red;}
p.largetext
p#largetext
body p#largetext
body p#largetext ul.mylist
body p#largetext ul.mylist li
*/

/*marge et padding = top right bottom left*/
* {margin:0;padding:0;}/*ici on annule les marges par defaut des naigateur pour etre sur de nos dimensions*/
body{
font-family:verdana, helvetica, sans-serif;/*sans-serif sert a definir la police du système par defaut (arial, helvetica...)*/
font-size:100%;/*par defaut la police est à l'échelle 1/1 des préférences de l'utilisateur*/
color:#000;
background-color:#fff;
text-align:center;
}
img{border:none;}
a{text-decoration:none;}/*enlève le soulignement des liens*/

/*toutes les lettres en majuscule=uppercase capitalize=première lettre en maj et lowercase=tout en minuscule none annule cette valeur*/
h1 {
text-align:center;
padding:.2em;
}

h2 {
font-size:1.5em;
font-weight:lighter;
text-decoration:underline;
text-transform:capitalize;
margin:1em .2em;
}

h3 {
font-size:1.2em;
font-weight:lighter;
text-decoration:underline;
text-transform:capitalize;
margin:.5em .5em;
}

p{
font-size:1em;
text-indent:3em;/*remplace la tabulation*/
text-align:justify;
line-height:1.5;/*interligne*/
margin:1em 1.5em;
}

p.intervalle{text-indent:0;text-transform:capitalize;text-align:left;line-height:0.8;font-size:.8em;}
p.intervalle img{}

p.exercice{font-size:.8em;line-height:1.2em;}
p.exercice:before{content:"EXERCICE : ";}

p.exemple{font-size:.8em;line-height:1.2em;}
p.exemple:before{content:"EXEMPLE : ";}

p.note{line-height:1em;}
p.note:before{content:"!-> NOTE <-! : ";font-weight:bold;color:#F00;}

p.arevoir{font-style:italic;font-size:.8em;color: #F00;}
p.arevoir:before{content:"RESTE A FAIRE";border :1px solid #F00;padding:.2em;}

p.travaux{font-weight:bold;font-size:.8em;color: #F00;}

p.navdetect{font-size:.8em;line-height:1em;border:1px solid #f00;}

/*=--=--=--=-- CORRECTION BUG IE --=--=--=--=*/

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

/*backslash hack hides frpù IE mac */
* html .clearfix {height:1%;}
.clearfix {display:block;}
/* end backslash hack*/

/*=--=--=--=--=--  FIN CORRECTION BUG IE --=--=--=--=*/

div#conteneur-principal{margin-left:auto;margin-right:auto;width:774px;background:transparent;}

div.clearfix{clear:both;}

div#entete{
width:774px;
margin-top:15px;
background-color:#F0F0F0;
}

div#contentarea{
width:774px;
}

div#left {float:left;width:165px;}

div#menu{
width:165px;
background-color:#F0F0F0;
float:left;
}
div#menu a{color:#880088;}
div#menu ul li{color:#880088;list-style-type:none;padding:.2em 0;border-bottom:1px solid #8888CC;letter-spacing:.1em;text-align:center;font-weight:bold;}
div#menu ul li a:hover{color:#8888cc;}
div#menu ul li ul li {border:none;letter-spacing:0;font-weight:normal;}
div#menu ul li ul li a:hover{color:#8888cc;}
div#menu ul li ul li a:before{content:"-=";}
div#menu ul li ul li a:after{content:"=-";}
div#menu{position:relative;z-index:1;top:0;left:0;margin:0px;list-style:none;}
div#menu li ul{	position:relative;display:none;margin:0px;list-style:none;}
div#menu li{position:relative;margin:0px;}
div#menu .subMenu{background-repeat:no-repeat;}
div#menu .click ul{display:block;}
div#menu li a{width:100%;}
div#menu li a, li ul li a, li.hover ul li a{text-decoration:none;}
div#menu .dbMenu .subMenu{background-image:url('images/left.gif');background-position:bottom right;}
div#menu .dbMenu .click{background-image:url('images/down.gif');top:0;}

div#news{margin:40px 0;float:left;width:165px;}
div#news a{color:#880088;}


div#centre{
z-index:1;
float:left;
width:604px;
margin-top:-2px;
background-image:url('images/fond-guitare.gif');
}
div#centre ul li {list-style-type:none;padding:0 0 1em 1em;text-align:left;text-indent:1.5em;}
div#centre .bgimage{background-image:url('images/fond-guitare.gif');}

div#footer{
width:774px;
font-size:.8em;
margin-top:3em;
}

div#staff{margin:45px 0 0 5px;}

table#min-melo {width:100%;margin:10px;}
table#min-melo td{border-style:outset; border-width:2px; border-color:black;}

p ul li{margin-top:.1em;}
p.titre{font-size:1.2em;
font-weight:bold;
text-decoration:underline;
margin:0 .4em;}

/*=--=--=--=--=--=--=--=--=--=
        bordures arrondies
=--=--=--=--=--=--=--=--=--=--=*/


.arrondis .b1, .arrondis .b2, .arrondis .b3, .arrondis .b4, .arrondis .b1b, .arrondis .b2b, .arrondis .b3b, .arrondis .b4b {display:block; overflow:hidden;}
.arrondis .b1, .arrondis .b2, .arrondis .b3, .arrondis .b1b, .arrondis .b2b, .arrondis .b3b {height:1px;}
.arrondis .b2, .arrondis .b3, .arrondis .b4, .arrondis .b4b, .arrondis .b3b, .arrondis .b2b
{background:#F0F0F0; border-left:1px solid #8888CC; border-right:1px solid #8888CC;}

        .top, .bottom {display:block;background:transparent;}
        .b1, .b2, .b3, .b4 {display:block;overflow:hidden;}
        .b1, .b2, .b3 {height:1px;}
        .b2, .b3, .b4 {background:#F0F0F0;border-left:1px solid #8888CC;border-right:1px solid #8888CC;}
        .b1 {margin:0 5px; background:#8888CC;}
        .b2 {margin:0 3px; border-width:0 2px;}
        .b3 {margin:0 2px;}
        .b4 {height:2px;margin:0 1px;}
        .boxcontent {display:block;background:#F0F0F0;border:0 solid #8888CC;border-width:0 1px;}

        .arrondis .boxcontent-entete {display:block;  background:#F0F0F0; border-left:1px solid #8888CC; border-right:1px solid #8888CC;}
        .arrondis .top-entete .b1 {margin:0 5px; background:#8888CC;}
        .arrondis .top-entete .b2 {margin:0 3px; border-width:0 2px;}
        .arrondis .top-entete .b3 {margin:0 2px;}
        .arrondis .top-entete .b4 {height:2px; margin:0 1px;}
        .arrondis .bottom-entete .b1b {margin:0 5px 0 0;border-left:1px solid #8888CC;}
        .arrondis .bottom-entete .b2b {margin:0 3px 0 0;border-width:0 2px 0 1px;}
        .arrondis .bottom-entete .b3b {margin:0 2px 0 0;}
        .arrondis .bottom-entete .b4b {height:2px;margin:0 1px 0 0;}

        .arrondis .boxcontent-menu {padding:0 8px;display:block; border-left:1px solid #8888CC; border-right:1px solid #8888CC;}
        .arrondis .top-menu .b1 {margin:0 -4px 0 0;border-left:1px solid #8888CC;}
        .arrondis .top-menu .b2 {margin:0 -3px 0 0; border-width:0 2px 0 1px;}
        .arrondis .top-menu .b3 {margin:0 -2px 0 0;}
        .arrondis .top-menu .b4 {height:2px; margin:0 -1px 0 0;}
        .arrondis .bottom-menu .b1b {margin:0 5px;background:#8888CC;}
        .arrondis .bottom-menu .b2b {margin:0 3px;border-width:0 2px;}
        .arrondis .bottom-menu .b3b {margin:0 2px;}
        .arrondis .bottom-menu .b4b {height:2px;margin:0 1px;}

        .arrondis .boxcontent-centre {}
        .arrondis .top-centre .b1 {margin:0 0 0 5px; background:#8888CC;border-right:0;}
        .arrondis .top-centre .b2 {margin:0 0 0 3px; border-width:0 0 0 2px;border-right:0;background:#fff;}
        .arrondis .top-centre .b3 {margin:0 0 0 2px;border-right:0;background:#fff;}
        .arrondis .top-centre .b4 {height:2px; margin:0 0 0 1px;border-right:0;background:#fff;}