@import url(reset.css);

body {color: black; background-color: white; 
font-size: 0.8em;
color: #222;
}

a:link { color: #f00; }
a:visited { color: #f00; }

a:hover { 
text-decoration: underline;
color: #F26101; }

a:active { color: #46483C; }


h2,h3,h4,h5,h6{
font-family:Georgia,Palatino,Times,serif;
}

p{
font-family:Verdana,Arial,sans-serif;
line-height:150%;
}


/* ----- BOITES ----- */

div#global{
margin:0 auto;
width: 950px;
}

div#enveloppe{
overflow:hidden;
margin:0 0 40px 0;
}


div#colg {
float: left;
/*Bug IE - La boite doit etre inferieure à son contenant */
width: 310px;
/*background:#555;*/
}

div#cold{
margin-left: 310px;
width: 630px;
/*background:#777;*/
}

div#cold_bas{
width: 100%;
}

div#logo{
height: 170px;
}
div#logo img{
margin: 5px 0 0 0;
height: 160px;
}


/* ----- ENTETE ----- */
#entete {
position:relative;
height:160px;
width: 100%;
border-bottom: 1px solid #A69C8D;
margin: 0 0 20px 0;
}

#entete h1{
position: absolute;
top:0;
right: 0;
margin: 0;
}

#entete h1 a{
background: url(../../images/fond/cours-yoga-lyon.jpg) no-repeat top left;
/*Taille logo : 216x160*/
display: block;
height: 160px;
width: 216px;
text-indent: -9000px;
}

/* ----- PIED ----- */

div#pied {
width:100%;
text-align: center;
height: 50px;
border-top: 1px #A69C8D solid;
font-size: 0.85em;
line-height: 100%;
color: #555;
padding: 10px 0 0 0;
/*margin: 10px 0 0 0;*/
}

#pied a{
color:#f99;
}

/* ----- MENU ----- */


#menu{
margin: 0 0 0 81px;
background-color: #999;
height:160px;
}

#menu li{
width: 340px;

}

#menu a  {
display:block;
text-indent:-9000px;
}

#nav1 a{
background: url(../../images/nav/menu.gif) no-repeat top;
height: 32px;
width: 333px;
}
#nav1 a:hover{
background: url(../../images/nav/menu2.gif) no-repeat top;
}
#page_sommaire #nav1 a{
background: url(../../images/nav/menu2.gif) no-repeat top;
}

#nav2 a{
background: url(../../images/nav/menu.gif) no-repeat 0 -32px ;
height: 32px;
width: 333px;
}
#nav2 a:hover{
background: url(../../images/nav/menu2.gif) no-repeat 0 -32px ;
}
#page_cours_1 #nav2 a,#page_cours_2 #nav2 a{
background: url(../../images/nav/menu2.gif) no-repeat 0 -32px ;
}

#nav3 a{
background: url(../../images/nav/menu.gif) no-repeat 0 -64px;
height: 32px;
width: 333px;
}
#nav3 a:hover{
background: url(../../images/nav/menu2.gif) no-repeat 0 -64px;
}
#page_cahiers_1 #nav3 a,#page_cahiers_2 #nav3 a{
background: url(../../images/nav/menu2.gif) no-repeat 0 -64px;
}
#nav4 a{
background: url(../../images/nav/menu.gif) no-repeat 0 -96px;
height: 32px;
width: 333px;
}
#nav4 a:hover{
background: url(../../images/nav/menu2.gif) no-repeat 0 -96px;
}
#page_maison_1 #nav4 a,#page_maison_2 #nav4 a{
background: url(../../images/nav/menu2.gif) no-repeat 0 -96px;
}

#nav5 a{
background: url(../../images/nav/menu.gif) no-repeat 0 -128px;
height: 32px;
width: 333px;
}
#nav5 a:hover{
background: url(../../images/nav/menu2.gif) no-repeat 0 -128px;
}
#page_liens #nav5 a{
background: url(../../images/nav/menu2.gif) no-repeat 0 -128px;
}

/* -----  COLONNE GAUCHE -----  */
/*#colg ul{
margin: 0em 0 0 0;
}*/

#colg h5{
font-size: 1.1em;
}

/* -----  COLONNE DROITE -----  */

#cold p{
margin: 0 0 0.9em 0;
}
#cold h3{
font-size: 1.3em;
margin: 2em 0 0.5em 50px;
height: 2.6em;
}

#cold h4{
font-size: 1.2em;
margin: 0 0 1em 50px;
}

#cold_bas h1{
font-size: 2em;
margin: 2em 0 1.5em 30px;
}

#cold_bas h2{
font-size: 1.8em;
margin: 2em 0 1em 25px;
}

#cold_bas h5{
font-size: 1.2em;
}

/* ----- MENU LATERAL GAUCHE ----- */

.actu{
/*background: #ccc;*/
margin: 0 0 0 0;
}

.actu h3{
background: url(../../images/fond/bando2-menu.jpg) no-repeat right -7px;
height: 60px;
margin:0 20px 0 0;
padding:0 0 0 4px;
font-size: 1.5em;
line-height: 130%;
color:#fff;
}

.actu h4{
margin:0 20px 0 0;
font-size: 1.3em;
}

.actu p{
font-size: 1em;
}
.actu ul{
margin: 0 0 2em 0;
}

.bordure_g{
margin: 1em 20px 1.5em 1.5em;
border-left: 1px #ddd solid;
padding: 0 0 0 5px;
}



.liste-cours {
margin: 1em 0 1em 1.5em;
}

#page_sommaire #cold h3, #page_cours_1 #cold h3{
height: 100%;
margin: 1.5em 50px 1.5em 30px;
padding: 2em 0 0 0;
border-bottom: 1px solid #f00;
}

#page_sommaire #cold p{
margin: 1em 60px 0 60px;
}
 
.actu img{
float: left;
margin:0 5px 0 0;
}




 

/* ----- PAGE CAHIERS ----- */
/*
#page_cahiers_1 #colg ul li, #page_cahiers_2 #colg ul li{
margin: 0 0 1.5em 0;
}
*/
/*
#page_cahiers_1 #colg ul h3, #page_cahiers_2 #colg ul h3{
font-size: 1.2em;
font-style: italic;
}
*/



#page_cahiers_2 #cold_bas h3{
font-size: 1.3em;
margin:2em 0 1em 30px;
}
#page_cahiers_2 #cold_bas h4{
font-size: 1.1em;
max-width: 300px;
margin:0 0 1em 0;
}

#page_cahiers_1 #cold p, #page_cahiers_2 #cold p, #page_cours_1 #cold p, #page_cours_2 #cold p, #page_maison_1 #cold p, #page_maison_2 #cold p, 
#page_liens #cold p{
margin: 0 0 1em 4em;
/*max-width: 40em;*/
font-size: 1em
} 

.descriptif_cahier{
margin: 0 0 1em 1em;
text-align: right;
font-weight: bold;
}

.boutons_paypal{
margin: 1em 0 0 1em;
text-align: right;
}

/* ----- PAGES COURS ----- */

#menu-cours{
margin: 2em 0 0 0;
}

.liste-stages{
margin: 0 0 1em 0;
}

.sous-menu{
margin: 0 0 2em 0.6em;
/*border-top: 1px solid #ccc;*/
}

/*.sous-menu h3{
font-size: 1.2em;
background: #ccc;
}*/

/*.sous-sous-menu h4{
font-size: 1.1em;
background: #eee;
margin: 0.7em 0 0 0;
}
*/

.sous-menu h5{
font-size: 1.2em;
margin: 0 0 0 0;
}
.sous-menu p{
font-size: 1em;
margin: 0 0 0 0;
}

/*
.sous-sous-menu{
margin: 0 0 0 1em;
}
*/

/*
.liste-cours{
margin: 0 0.3em 0.3em 1em;
}
*/

.article-titre{
background: #ccc;
color: #F00;
}
/* ----- TELECHARGER PDF ----- */

#cold .spip_logos {
display:inline;
float:left;
padding:0.5em 0.75em 4em 0;
border: 0 none;
}

/*
#page_cours_2 h5{
margin: 0 0 0 1em;
font-size: 1em;
}
*/

.telecharger-pdf{
color: #aaa;
font-size: 1em;
margin: 50px 0 0 0;
padding:30px 0 0 1.5em;
border:1px solid #ccc;
/*clear: both;*/
}

h4{
margin: 0.6em 0 0.6em 1em;
}
/* ----- STYLES SPIP ---- */
blockquote {
font-style: italic;
padding: 0 1em 0 1em;
}

/* ------ TABLEAUX ----- */
#page_cours_2 table.spip{
font-family:Verdana,Arial,sans-serif;
border: 1px solid #777;
border-collapse: collapse;
margin: 3em 0 1em 4em;
}

#page_cours_2 table.spip td{
padding: 1em;
border: 1px solid #DDD;
}


/* ------ IMAGES ----- */
#encart-livre img{
margin:10px 0 10px 10px;

}

.vignette-couverture {
height: 85px;
margin: 1em 20px 2em 1.5em;
border-left: 1px #ddd solid;
padding: 0 0 0 5px;
}

.couverture{
height: 400px;

}

#encart-livre{
float:right;
text-align: right;
width: 300px;
}

.spip_documents {
margin: 10px;
}
.spip_documents img{
padding:24px 0 12px 0;
border-bottom: 1px solid #A69C8D;
}
.legende{
font-size: 0.9em;
font-style: italic;
color:#A69C8D;
padding:0 0 0 2px;
}

.spip_documents_left{
margin: 0 2em 2em 0;
}