* {
	margin: 0;
	padding: 0;
	border: 0;
	background-position: 0 0;
	font-family:Century Gothic, Tahoma;
}

body{
    font-size: 12px;
    /*color : #FF0080;*/
    color:#FFEAA8;
    background-color: #171717;
    background: url(img/back_dark.jpg);
}

#header{
    border: 0px solid #FF0080;
    font-size: 24px;
    font-style: italic;
    font-weight: bold;
    text-align: center;
    width: 1001px;
    height: 90px;
}

#headerBig{
    border: 0px solid #FF0080;
    font-size: 24px;
    font-style: italic;
    font-weight: bold;
    text-align: center;
    width: 1001px;
    height: 150px;
}

#headerIndex{
    border: 0px solid #FF0080;
    font-size: 24px;
    font-style: italic;
    font-weight: bold;
    text-align: center;
    width: 1001px;
    height: 100px;
}

.title{
    font-size: 24px;
    font-style: italic;
    font-weight: bold;
    margin-top:20px;
}

#page{
    position: absolute;
    left: 50%;
    margin-left: -500px;
    width: 1001px;
    height:90px;
    background-image: url(img/borderHeader.gif);
    background-repeat: no-repeat;
    background-position : 0 0;
}

#pageBig{
    position: absolute;
    left: 50%;
    margin-left: -500px;
    width: 1001px;
    height:150px;
    background-image: url(img/borderHeaderBig.gif);
    background-repeat: no-repeat;
    background-position : 0 0;
}

#global{
    background-image: url(img/borderTop.gif);
    overflow:hidden;
    background-repeat: no-repeat;
    background-position : 0 0;
    margin: 0 0 0 0;

}


#leftColumn, #leftColumnFormation, #leftColumnCours, #rightColumn{
    float : left;
    margin : 11px 0 0 0;
    background-repeat : repeat-y;
}

#leftColumn{
    width: 211px;
    overflow: hidden;
}

#leftColumnFormation{
    width: 211px;
    background-image: url(images/bg_roche_left.gif);
    overflow: hidden;
}


#rightColumn{
    width: 715px;
    padding : 0 37px;
    background-image: url(img/borderRight.gif);
}

html>body #rightColumn {
    width: 715px;
}

#content{
    height : 800px;
    font-size: 14px;
    text-align: justify;
}

#contentFormation{
    height : 1200px;
    font-size: 14px;
    text-align: justify;
}

#contentCours{
    height : 1600px;
    font-size: 14px;
    text-align: justify;
}

html>body #global{
    padding-top : -5px;
}

#leftColumn div#leftContent{
    width: 211px;
    background-image: url(img/borderColumn.gif);
    overflow: hidden;
    height : 800px;
}

#leftColumnFormation div#leftContentFormation{
    width: 211px;
    background-image: url(img/borderColumn.gif);
    overflow: hidden;
    height : 1200px;
}

#leftColumnCours div#leftContentCours{
    width: 211px;
    background-image: url(img/borderColumn.gif);
    overflow: hidden;
    height : 1600px;
}

#barreV{
    float : left;
}

#menu{
    margin-left : 15px;
    margin-top : 40px;
}

#menuList{
    background-repeat: no-repeat;
    background-position : 0 0;
    margin-left : 15px;
    margin-top : -3px;
    margin-bottom : -12px;
}

#menuList p{
    
    padding-left : 30px;
    width : 100px;
    height : 30px;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 40px;
}

#spacer{
    height : 100%;
}

#footer {
    background-image: url(img/borderBottom.gif);
    background-repeat: no-repeat;
    text-align: center;
    display : block;
    clear: left;
    font-size: 12px;
    padding-top: 20px;
}

#footerAccueil {
    background-image: url(img/borderBottomAccueil.gif);
    background-repeat: no-repeat;
    text-align: center;
    display : block;
    clear: left;
    font-size: 12px;
    padding-top: 20px;
}


a{
    text-decoration : none;
    color: white;
}


a:hover{
    text-decoration : underline;
    color: white;
}



#menuList a{
    text-align : center;
    /*color : #FF0080;*/
    color:#FFFFFF;
    cursor: hand;
}



.italic{
    font-style: italic;
}

.center{
    text-align: center;
}

p#center{
    text-align: center;
}

.underline{
    text-decoration: underline;
}

.cours{
    text-decoration: underline;
    font-weight: bold;
}

/*mettre des tirets pour les listes en image */
ul#spectacles li{
    list-style-type: none;
}

ul.listEvents li{
    margin-top : 5px;
}

ul.listEvents ul{
    margin-bottom : 25px;
}

li.subEvent{
    text-decoration: none;
    font-weight: normal;
    font-size: 14px;
}

.event{
    text-decoration: underline;
    font-weight: bold;
    font-size: 16px;
}

.eventBig{
    text-decoration: underline;
    font-weight: bold;
    font-size: 18px;
}

p.indent{
    text-indent: 40px;
}

#animes{
    text-align: center;
    font-size: 16px;
    font-weight: bold;
}

div.textBlock p {
    margin : 0px 5px 5px 5px;
    font-size: 14px;
    text-align : justify;
}

.textBlock ul,li {
    margin-left : 15px;
    
}

#reductions{
    border: 1px solid #FFFFFF;
    width: 500px;
    font-weight: bold;
    margin-left: 100px;
    padding: 5px 5px 5px 5px;
}

#renseignements{
    font-weight: bold;
    font-size : 15px;
    margin-top: 20px;
}

#photoPresentation{
    background-image: url(img/photo_presentation2.jpg);
    background-repeat: no-repeat;
    background-position: 190px 215px;
}

#photoCours{
    background-image: url(img/photo_cours.jpg);
    background-repeat: no-repeat;
}

#photoEvenements{
    background-image: url(img/photo_evenements.gif);
    background-repeat: no-repeat;
    background-position : 305px 0;
}

#photoFormation{
    background-image: url(img/photo_formation.jpg);
    background-repeat: no-repeat;
    background-position : 0 0;
    height:1300px;
}

/*************************************************
                    DISPOSITION ACCUEIL
**************************************************/

#menuAccueil{
    text-align: center;
    font-size: 20px;
    width: 100%;
    background: url(img/borderAccueil.gif) repeat-y;
    height:800px;
}

#gauche,#milieu,#droite{
    display: inline;
    float: left;
}

#gauche {
    width: 295px;
}

#milieu {
    width: 410px;
}

#droite {
    width: 295px;
}

#blank, #accueil{
    display: block;
    padding-bottom: 100px;
}

#blank{
    padding-top: 200px;
}

#stages{
    padding-top: 140px;
    padding-bottom: 60px;
}

#formations, #photos, #videos{
    padding-bottom: 60px;
}

#presentation, #tarifs{
    display: inline;
    float: left;
    width : 50%;
}

#photo{
    clear:left;
    height: 1200px;
    background: url(img/photo_formation.jpg) no-repeat;
}

#stages, #formations, #photos, #videos{
    display: block;
}

#contentIndex{
    margin-top: 10px;
    background: url(img/photo_formation.jpg) no-repeat;
    background-position :150px 40px;
    
}

#globalIndex{
    background-image: url(img/borderTopAccueil.gif);
    overflow:hidden;
    background-repeat: no-repeat;
    background-position : 0 0;
    margin: 0 0 0 0;

}

html>body #globalIndex{
    padding-top : -5px;
}