﻿/*accueil*/

.boxOne
{
    display: block;
    position: absolute;
    left: 0px;
    width: 48%;
    top: 0;
    border-top: 1px solid #eef3f9;
    bottom: 10px;
    height: 95%;
    border-right: 1px solid #13499f;
    border-bottom: 1px solid #13499f;
    background-color: #F2F6FA;
    white-space: normal;
}

.boxTwoo
{
    float: right;
    position: absolute;
    right: 0px;
    width: 48%;
    top: 0;
    height: 95%;
    padding: 0;
    bottom: 0;
    margin-bottom: 10px;
    border-left: 1px solid #13499f;
    white-space: normal;
    border-bottom: 1px solid #13499f;
    background-color: #F2F6FA;
}




/*maintain twoo line*/

.twooline
{
    position: relative;
    background: #f9fdfd;
    display: block;
    margin-top: 0px;
    margin: 0;
    padding: 0;
    margin-bottom: -5px; 
    border-bottom: 1px solid #13499f;
    min-height: 200px;
    max-height:100%; 
}

.blockdown
{
    display: block;
    border-top: 1px solid #13499f;
    background-color: #eef3f9;
    bottom: 0;
    margin: 0;
    padding: 0;
}


.bloctitle
{
    display: block;
    position: relative;
    margin-left: 10px;
    white-space: nowrap;
    margin-right: 10px;
    padding: 0;
    border-left: 1px solid #13499f;
    border-right: 1px solid #13499f;
    border-bottom: 1px solid #13499f;
    background-color: #F9FDFD;
    font-weight: bolder;
}

.titleLeft, .titleRight
{
    padding: 2px 0px 2px 0px;
    color: #13499f;
    text-indent: 5px;
    font-variant: small-caps;
    font-size: 13px;
}
.titleLeft
{
    text-align: left;
    position: absolute;
}
.titleRight
{
    text-align: right;
    margin-right: 5px;
    padding: 2px 0px 2px 0px;
}


/*for title*/
.Title_One, .Title_twoo, .Title_tree, .Title_four, .Title_five, .Title_six, .Title_seven
{
    color: white;
    top: 0;
    padding: 2px 0px 2px 0px;
    text-indent: 5px;
    font-size: 12px;
    font-weight: bold;
}

.space
{
    background-color: White;
    display: block;
    height: 5px;
}

.conteneur
{
    position: relative;
    display: block;
    line-height: 2em;
    margin-bottom: 5px;
    padding-left: 35px; 
}

/*for background title, view weblistMenu.css*/

/*border box*/
.boxContent_One
{
    border: 1px solid #13499F;
}
.boxContent_twoo
{
    border: 1px solid #1D4D75;
}
.boxContent_tree
{
    border: 1px solid #2B72AC;
}
.boxContent_four
{
    border: 1px solid #3285C9;
}
.boxContent_five
{
    border: 1px solid #006666;
}
.boxContent_six
{
    border: 1px solid #008484;
}
.boxContent_seven
{
    border: 1px solid #00A6A6;
}


.boxContent_One
{
    background-color: #ffffff;
    display: block;
    position: relative;
    margin: 0;
    padding: 0;
    height: auto;
    margin: 0 auto;
    height: 100%;
}



.boxContent_One, .boxContent_twoo, .boxContent_tree, .boxContent_four, .boxContent_five, .boxContent_six, .boxContent_seven
{
    font-family: Arial,verdana;
    font-size: 11px;
}



/*txt*/


/*imgbox*/

.boximgRight
{
    display: block;
    float: right;
    position: relative;
    top: 1px;
    right: 0;
    width: 105px;
    height: 105px;

    background-color: white;
}


.boximgLeft
{
    float: left;
    position: relative;
    left: 0;
   margin-top:1px; 
 
 
 }

/*puce*/

ul#ListRight
{
    position: absolute;
    top: 10px;
    display: block;
    padding: 0; 
}
ul#listacc
{
    position: relative;
    top: 10px;
    margin-left: 20px;
    padding: 0;
}
ul#listacc li, ul#ListRight li
{
    padding-left: 25px;
    padding-bottom: 5px;
   background-image: url(../../files/-/img/layout/bullet.gif); background-repeat: no-repeat;
background-position: 0% 5px;
    white-space: normal;
 display: block; 
list-style-type: none;
}
/*button*/

a.buttonptLeft, a.buttonptRight, input.buttonptLeft
{
    text-decoration: none;
    background-image: url(../../files/-/img/layout/pt_button.png);
    background-repeat: no-repeat;
    width: 60px;
    height: 20px;
    text-align: center;
    font-size: 85%;
    padding-top: 5px;
    font-weight: 400;
}

a.buttonptRight
{
    position: absolute;
    float: left;
    top: 110px;
    left: 13px;
}




.buttonptLeft
{
    position: absolute;
    float: right;
    top: 110px;
    right: 13px;
}

#content a.buttonptLeft, #content a.buttonptRight, #content a.buttonptLeft:hover, #content a.buttonptRight:hover
{
    border: 0;
    color: #ffffff;
    text-decoration: none;
}

a.buttonptLeft
{
    right: 30px;
}
a.buttonptRight
{
    right: 25%;
    float: left;
}


/*contact*/


.BoxBlue{
background-color: #eef3f9; 
padding-bottom: 10px;
padding-right: 10px;

display: block; 
font-family: Arial,verdana; font-size: 11px;  
border: 1px solid #13499F; 
margin-bottom: 0; 
position: relative; 
margin: 0;    
padding: 0;
}


.batTSTL{left: 5px; position: absolute; margin-top: 10px; margin-bottom: 15px; clear: right; }
.posTxtLeft{left: 300px; display: block; line-height: 14pt;  
            white-space: normal; 
            position: relative; top: 10px; width:48%; margin-bottom: 30px; 
            color: #000000;  padding: 5px; font-size: 11px; }

.BlockYellow{position: relative; 
             display: block;background-color: #ffffcc; 
             margin-bottom: 0px;   
             padding-top: 20px; padding-left: 5px; }

.txtmini{FONT-SIZE: 10px; }




/*popin plan grd*/
a.infoPlan{  position:absolute; float: left; left: 5px; z-index:0; top: 55px;  }   
a.infoPlan:hover{ background: none; /* correction d'un bug IE6 */
z-index: 500; cursor: inherit;}   


a.infoPlan span{ z-index: 0;  display:none;   }   
a.infoPlan:hover span{ 
      display:block;   
      position:absolute;   
      top:-220px;  
      left:10px;
      z-index: 500; 
      
      }   


a.infoPlan:hover span
{background-image:url(../../files/-/img/content/contact/contactPLan_grd.gif); width: 599px; height: 505px;
 border: 1px solid #666666; margin-right: 0px;}   

.planMini{position: relative; background-image:url(../../files/-/img/content/contact/plan_mini.gif); 
          background-repeat: no-repeat;  z-index: 0; display: block;  width: 151px; height: 122px; border: 1px solid #666666; 
          margin-left: 60px;}



