﻿html {
	height: 100%;
}

body {
    background-color: #dfe9f5;
    color: #002f5f;
    font-family:Segoe UI, Arial,Verdana,Helvetica,sans-serif;
    font-size: 12px;
    font-weight: normal;
    text-align: justify;
    margin: 0px;
    padding: 0px;       
    height:100%;
}


#bodyHaut {
    background-image: url(Images/Pages/JPG/FondHaut.jpg);
    background-repeat: repeat-x;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 525px;
}

#masterPage {
    background-color: transparent;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    position: relative;    
    width: 820px;
    height: auto;
}

#divPage {
    background-color: transparent;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;   
    position: relative;    
    width: 810px;
    height: auto;
}

#topPage {
    background-image: url(Images/Pages/PNG/TopPage.png);
    background-repeat: no-repeat;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;   
    position: relative;    
    width: 810px;
    height: 25px;
}

#header {
    background-image: url(Images/Pages/PNG/Header.png);
    background-repeat: no-repeat;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;   
    position: relative;    
    width: 810px;
    height: 155px;
}

#topPremierMenuMasterPage {
    background-image: url(Images/Pages/PNG/TopPremierMenu.png);
    background-repeat: no-repeat;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;   
    position: relative;    
    width: 810px;
    height: 5px;
}

#centerPremierMenuMasterPage {
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;   
    position: relative;    
    width: 810px;
    height: 17px;
    z-index: 1750;
}

#bottomPremierMenuMasterPage {
    background-image: url(Images/Pages/PNG/BottomPremierMenu.png);
    background-repeat: no-repeat;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;   
    position: relative;    
    width: 810px;
    height: 5px;
}

#topMenuMasterPage {
    background-image: url(Images/Pages/PNG/TopMenu.png);
    background-repeat: no-repeat;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;   
    position: relative;    
    width: 810px;
    height: 5px;
}

#centerMenuMasterPage {
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;   
    position: relative;    
    width: 810px;
    height: 26px;
    z-index: 1000;
}

#bottomMenuMasterPage {
    background-image: url(Images/Pages/PNG/BottomMenu.png);
    background-repeat: no-repeat;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;   
    position: relative;    
    width: 810px;
    height: 5px;
}

#contenuMasterPage {
    background-image: url(Images/Pages/PNG/Contenu1px.png);
    background-repeat: repeat-y;
    clear: both;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;   
    position: relative;    
    width: 810px;
    height: auto;
}

#contenuPagesEnfants {
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;   
    position: relative;    
    width: 790px;
    height: auto;
}

#finContenuMasterPage {
    background-image: url(Images/Pages/PNG/InfoTexteEcole.png);
    background-repeat: no-repeat;
    clear: both;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;   
    position: relative;    
    width: 810px;
    height: 30px;
}

#divPageFooter {
    background-image: url(Images/Pages/PNG/Footer.png);
    background-repeat: no-repeat;
    clear: both;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    position: relative;    
    width: 810px;
    height: 25px;
}

#masterPageFooter {
    background-color: transparent;
    clear: both;
    margin-top: 0px;
    margin-left: auto;
    margin-right: auto;
    position: relative;    
    width: 820px;
    height: 50px;
}

div#subwrap { 
 text-align: left ; 
}

#trans-active a {
 color: #F6E22C; 
}

.transMenu {
 	font-size: 16px; 
 	font-family: Forgotten Futurist; 
 	text-align: left; 
 	font-weight: normal; 
 	color: #002f5f;   
    position: relative;    
}

.transMenu .items {	
	border-left-color: #accdec;
	border-left-width: 1px;
	border-left-style: solid;
	border-right-color: #accdec;
	border-right-width: 1px;
	border-right-style: solid;
	border-bottom-color: #accdec;
	border-bottom-width: 1px;
	border-bottom-style: solid;
}

.transMenu  .item.hover { 
 	color: #a71930;
}

.transMenu .item {
    background-color: #e8f1fe;
 	text-decoration: none;
 	cursor:pointer; 
 	cursor:hand;	
}

.contenu {
    margin: 0px 0px 0px 190px;
    padding-top: 10px;
    width: 600px;        
    height: auto;
}

.contenumenu {
    margin: 0px 0px 0px 20px;
    padding-top: 10px;
    width: 780px;        
    height: auto;
}

.contenuBlocInside {
    color: #6b6e7c;
    margin: 0px;
    padding: 0px;
    width: 590px;        
    height: auto;
}

.contenuBlocInside a {
	color: #a71930;
	text-decoration: underline;
}

.contenuBlocInside a:visited {
	color: #b37730;
	text-decoration: underline;
}

.contenuBlocInside a:hover {
	color: #a71930;
	text-decoration: underline;
}