/*La page parente*/


html, body
{
    height: 100%;
}

body
{
	behavior: url("/css/csshover.htc");
    background-color:#fbbd39;
    margin: 0;
    padding: 0;
}


#divMaster
{
    width: 720px;
    position:relative;
    float: left;
    z-index:10;
}

#leftBorder
{
    position: relative;
    float: left;
    width: 100%;
}

#rightBorder
{
    position: relative;
    float: right;
    width: 100%;
}


/*Background de top de la page*/
#bgTopLeft
{
    float:left;
    width:50%;    
    margin-right:-360px;

}

#imgChildLeft
{
    margin-right:360px;
    height:190px;
    background-image:url('/layout/topBgCarre.jpg') ;
    background-repeat:repeat-x;
    background-position:right top;    
}

#imgBgLeft
{
    float:right;
    width:180px;
    height:190px;
    background-image:url('/layout/carreTopGauche.jpg');
    background-repeat:no-repeat;
}

#bgTopRight
{
    float:right;
    width:50%;
    margin-left:-361px;
    height: 253px;
}



#imgChildRight
{
    margin-left:360px;
    height:190px;
    background-image:url('/layout/topBgCarre.jpg') ;
    background-repeat:repeat-x;
    background-position:left top ;
}

#imgBgRight
{
    float:left;
    max-width:180px;
    width:100%;
    height:190px;
    background-image:url('/layout/carreTopDroit.jpg');
    background-repeat:no-repeat;
}
/**/


#divContent1
{
    width: 720px;
    background-color: #e5e5e5;
    position: relative;
    float: left;
}

.divHeader
{
    width: 720px;
    height: 270px;
}

div#divMenuLang
{
    position: absolute;
    top: 246px;
    left: 380px;
    cursor: pointer;
}

#divMenuLangReflet
{
    position: absolute;
    top: 274px;
    left: 380px; 
    cursor: default;
}
div#divLogoEduinter
{
    position: absolute;
    top: 50px;
    left: 10px;
    width: 210px;
    height: 120px;
    background-image: url('/textures/logo_eduinter.gif');
}

div#divImageTop
{
    position: absolute;
    top: 0px;
    left: 420px;
    width: 320px;
    height: 278px;
    background-image: url('/textures/topImages/1.gif');
}



#divMiddle
{
    width: 720px;
    /*z-index:10;*/
    background: url('/layout/bg_middle.jpg') repeat-y;
}

#divMenu
{
    position: relative;
    float: left;
    width: 157px;
    display:inline;
}

#divMenuContent
{
    padding: 0px;
    margin: 0px;
    width: 100%;
    background-color:#e5e5e5;

}


#divContent2
{
    /*position: relative;*/
    float: right;
    width: 562px;
    background-color: #ffffff;
    display:inline;
    
}

#divContent3
{
    padding: 10px;
}

/*Page parente d'une section langue*/
#divFooter
{
    clear:both;
    text-align:center;
    border: 0;
    background-color:#FFFFFF;
}

#footerImage
{
    height:70px;
    width:720px;
    background-image:url('/layout/footer.jpg') ;
    background-repeat:no-repeat;
}



#spanInfo
{
    font-size:small;
    font-family:Arial ;
    color : #000000;
    margin:5px;
}


/**************************
**** Définition du menu ***
***************************
*/




div#menu
{
    width: 100%;
    font-family:Tahoma;
    font-size:11px;
    font-style:normal;
    font-variant:normal;
    font-weight:bold;
}

/* fond blanc pour le menu */
div#menu a
{
    text-align:left;
    color: #000000;
}
div#menu ul
{
    
    padding: 0;
    width: 100%;
    margin: 0px;
    background:#e5e5e5;
}

/* fond different au survol de la souris pour les sous menu et les "basiques"*/
div#menu li:hover, div#menu li.sousmenu:hover
{
    background: #fbbd39;
}



div#menu ul li
{
    position: relative;
    list-style: none;
}
div#menu ul ul
{
    position: absolute;
    top: -1px;
    left: 100%;
    display: none;
    width:208px;
	z-index:1;
}

/* on rajoute une bordure a gauche et des padding, on doit donc réajuster la taille 100-(8 de bordure + 8 de padding) =84 */
div#menu li a
{
    text-decoration: none;
    padding: 4px 0 4px 8px;
    display: block;
    width: 150px;
}
div#menu ul.niveau1 li.sousmenu:hover ul.niveau2, div#menu ul.niveau2 li.sousmenu:hover ul.niveau3
{
    display: block;
    margin: 1px 0 0 0;
}

div#menu li a:active
{
    outline: none;
}

div#menu li a:focus
{
    -moz-outline-style: none;
}

/*Images*/
.imageL
{
    text-align: left;
    float:left;
    margin: 0px 10px 10px 0px;
    width: 215px;
}

.imageR
{
    text-align: right;
    float: right;
    margin: 0px 0px 10px 10px;
    width: 215px;
}

.imageL img
{
    width: 215px;
}

.imageR img
{
    width: 215px;
}


img#facebook
{

}

div.whiteBgMenu
{
    background-color:#ffffff;
    width:158px;
    text-align:center;
}

.links:hover 
{
 color: Black;   
}
.links 
{
 color: Red;
 text-decoration: underline;
 font-family: Calibri, Arial, Sans-Serif;
 font-size: 110%;  
}

.listColor
{
 color: #f67716;
 font-family: Calibri, Arial, Sans-Serif;
 font-size: 106%;
}

#container
{
 position:relative;
 width:157px;
 height:125px;
}

#brochure
{
 position:absolute;
 background-image: url('/layout/DSC_0106 downstate.jpg');
 width:157px;
 height:125px;
 left:0px;
 top:0px;
}

#imageOne
{
 position:absolute;
 width:157px;
 height:125px;
 left:0px;
 top:0px;
}

.smalltext 
{
	font-size: 90%;
	font-family: Arial, sans-serif;
}

.bullets
{
	list-style-type: disc;
}

.socialNetwork 
{
    text-align: right; 
}

.promo 
{
    color: Red;
    font-weight:bold;
    letter-spacing: 0.1em;
    -moz-box-shadow: 2px 2px 2px #666;
    -webkit-box-shadow: 2px 2px 2px #666;
    box-shadow: 2px 2px 2px #666;
}

.promotion 
{
    background-image: url(layout/Promo Image.jpg);
    background-position: right;
}


iframe.twitter-share-button
{
    width:100px !important;
}


#skypedetectionswf
{
	display:none;
}