body 
{
    margin: 0;
	padding: 0;
	font-family : Arial;
	font-size : 12px;
	background-color : #003399;
}
span.exposant
{
    vertical-align: 4px; 
    font-size: 70%
}
div#page
{
    width:100%;
    margin:0 auto;
    background-color : #fff;
}

/* header */
div#header
{
    position:relative;
}

/* menu */ 
div#menu
{
    display : none;
}
div.bandeauimage
{
    width : 100%;
}
div.bandeauimage img
{
    width : 100%;    
}

/* bandeau sous anim */
div#subtitle
{
    position : relative;
    width:100%;
    height:34px;
    background-color : #003399;
    margin-bottom : 2px;
    margin-top : 2px;
    font-family : Trebuchet MS;
    color : #FFFFFF;
    font-size : 16px;
    vertical-align : middle;
    line-height:34px;
}
div#subtitle span
{
    margin-left : 15px;
    vertical-align : middle;
    height : 100%;
}
/* pele mele */
div#pelemele
{
    display : none;
}

/* conteneur dynamique unique --> extended */
div#uniquedynamiccontent
{
    position:relative;
    width : 100%;
    font-family : arial;
    font-size : 12px;
    color : #000;
}
div#uniquedynamiccontent input
{
    font-family : arial;
    font-size : 12px;
    color : #000;
}
div#uniquecontentarea
{
    
    position:relative;
    text-align : justify;
}
/* conteneur dynamique 1 */
div#dynamiccontent1
{
    position:relative;
    width : 612px !important;
    width : 605px;
    height : 95px;
    background-image : url("images/trait_mont.jpg");
    background-repeat : no-repeat;
    background-position: bottom;
    font-family : arial;
    font-size : 12px;
    color : #000;
    
}
span#txtcontentarea1
{
    vertical-align:text-bottom;
}
div#contentarea1
{
    margin:5px;
    position:relative;
    width : 83% !important;
    width : 83%;
    height : 80% !important;
    height : 80%;  
    text-align : justify;
}
div#contentarea1:first-letter
{
    font-family : Trebuchet MS;
    font-size : 36px;
    color : #003399;
    float  : left;
}

/* tableau pictos */
div#pictos
{
    position:relative;
    float:left;
    width : 300px;
    height : 162px;
    margin-left : 2px;
    font-family : arial;
    font-size : 10px;
    color : #000;
}
div#pictos table
{
    margin : 0px !important;
    margin-top : 2px;
    border-collapse : collapse;
}
div#pictos table tr td
{
    padding : 0px;
}
div#pictos table tr td img
{
    margin : -1px !important;
    margin : -1px;
}
/* conteneur dynamique 2 */
div#dynamiccontent2
{
    position:relative;
    width : 300px;
    height : 162px;
    font-family : arial;
    font-size : 12px;
    color : #000;
    text-align : justify;
}
div#contentarea2
{
    margin-top : 10px;
    position:relative;
    width : 100% !important;
    width : 97%;
    height : 90%;
    font-family : arial;
    font-size : 12px;
    color : #000;
}

/* footer */
div#footer
{
    display : none;
}


span#ctl00_ContentPlaceHolder2_LBLTitle
{
    color : #003399;
    font-weight : bold;
}
div#etape5text
{
    position : relative;
    width : 100%;
    height : 100%;
    line-height : 1em;
}

div#etape5text table
{
    width : 95%;
}
/* Survol de la categorie --> pop d'une image*/
a.categorie 
{
    position : relative;
    text-decoration : none;
}
a.categorie img
{
    display : none;
}
a.categorie:hover
{
    background : none;
    z-index : 500;
}
a.categorie:hover img
{
    display : inline;
    position : absolute;
    z-index :500;
    top : -2em;
    left : 3em;
}

/*survol du prix -->pop du type de tarif*/
a.prixdate 
{
    position : relative;
    text-decoration : none;
    color : #000;
}
a.prixdate span
{
    display : none;
}
a.prixdate:hover
{
    background : none;
    z-index : 500;
    
}
a.prixdate:hover span
{
    display : inline;
    position : absolute;
    z-index :500;
    top : 2em;
    left : 1em;
    background-color : #003399;
    text-align : center;
    padding : 0.2em;
    color : #fff;
}

span.etapeerreur
{
    color : Red;
}

/*survol des conditions --> POP DU TEXT DES CONDITIONS*/
a.condition
{
    position : relative;
}
a.condition span
{
    display : none;
}
a.condition:hover
{
    background : none;
    z-index : 500;
}
a.condition:hover span
{
    display : inline;
    text-decoration : none;
    position : absolute;
    z-index :500;
    top : 2em;
    left : -200px;
    background-color : InfoBackground;
    text-align : center;
    padding : 0.2em;
    width : 375px;
    border : 1px solid #000;
    text-align : justify;
    color : #000;
}

#boutonetape
{
    display : none;
}