html, body 
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

#site
{
    position: relative;
    margin: 0 auto 0 auto;
    padding: 0px 0px 0px 0px;
    width: 909px;
    height:100%;
    background-image: url(../image/background1.gif);
    background-repeat: repeat-y;
}
#page
{
    margin: 0px 0px 0px 9px;
    padding: 0px 0px 0px 0px;
    width: 893px;
    height:100%;
    
    border-width: 0px;
    border-collapse: collapse;
    border-spacing: 0px;

}
#page td
{
    border-width: 0px;
    border-collapse: collapse;
    border-spacing: 0px;
}
#pagebottom
{
    background-repeat: no-repeat;
    background-image:url(../image/bottom_page.gif);
    background-position: 1px 0px;
    height:25px;
    width:909px;

    color: White;
    font-family: Arial;
    font-size: 10px;
}
#pagebottom a
{
    text-indent: 30px;
    vertical-align: middle;
    text-decoration: none;
    color: White;
}
#pagebottom a:hover
{
    color: #5B7BC6;
}



#newsletter
{
    position: absolute;
    background-image: url(../image/onglet_newsletter1.png);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    left: 690px;
    z-index:20;
    width: 156px;
    height: 28px;
    cursor: pointer;
}

#header
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    height:169px;
    background-image: url(../image/header2.gif);
    background-repeat: repeat-x;
}

#headerlogo
{
    float: left;
    width: 237px;
    height: 161px;
    background-image: url(../image/logo_strategicscout.gif);
    background-repeat: no-repeat;
    background-position: 30px 28px;
    background-color: White;

}
.headerdiv
{
    float: left;
    width: 4px;
    height: 100%;
    background-image: url(../image/header5.gif);
}
.headeritem
{
    height: 100%;
    float: left;
    width: 90px;
    background-image: url(../image/header1.gif);
    text-transform: uppercase;
    text-align: center;
    cursor: pointer;
    font-size: 11px;
    font-family: Arial;
    /*color: #b3b3b3;*/
    color: #555555;
}
.headeritem:hover
{
    background-image: url(../image/header4.gif);
    color: #dbdada;
}
.headeritem p
{
    margin: 140px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

#left
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    width: 229px;
    background-repeat: no-repeat;
    background-position: 0px 18px;
    vertical-align: top;
}
#leftsep
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
    margin-top:17px;
    height:344px;
    border-top: solid 1px white;
    border-bottom: solid 1px white;
}
#left form
{
    margin: 0px 0px 0px 0px;
    padding: 47px 0px 0px 40px;
    background-image: url(../image/extranet.gif);
    background-repeat: no-repeat;
    background-position: 0 0px;
    color: #5B7BC6;
    font-family: Arial;
    font-size: 10px;
}
.leftinput
{
    border: solid 1px #2d84ec;
}

#copy
{
    text-align:center;
    vertical-align: bottom;
    color: White;
    font-family: Arial;
    font-size: 10px;
}
#copy a
{
    text-decoration: none;
    color: White;
}
#copy a:hover
{
    color: #5B7BC6;
}


#main
{
   vertical-align: top;
}
#mainmenu
{
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 8px;
    background-color: #193570;
    height: 18px;
    width: 648px;
}
#mainmenu div
{
    float: left;
    padding: 0px 10px 0px 5px;
    margin: 1px 0px 0px 0px;
}
#mainmenu div a
{
    font-family: Arial;
    font-size: 12px;
    color: White;
    text-decoration: none;
}
#mainmenu div a:hover
{
    color: #7c9be1;
}
#maintext
{
}
#maintext h1
{
    margin: 25px 0px 0px 46px;
    padding: 0px 0px 0px 0px;
    width: 600px;
    height: 31px;
    color: #193570;
    text-transform: uppercase;
    font-size: 18px;
    font-family: Arial;
}
#maintext h2
{
    margin: 10px 0px 20px 46px;
    padding: 0px 0px 0px 0px;
    width: 600px;
    color: #193570;
    font-size: 14px;
    font-family: Arial;
}
#maintext p
{
    margin-left: 46px;
    color: #555555;
    width: 600px;
    font-size: 12px;
    font-family: Arial;
    text-align: justify;
}
#maintext ul
{
    padding: 0px 0px 0px 0px;
    margin: 8px 0px 0px 18px;
}
#maintext li
{
    padding: 0px 0px 0px 12px;
    margin: 5px 0px 5px 30px;
    color: #555555;
    width: 600px;
    font-size: 12px;
    font-family: Arial;
    text-align: justify;
    clear: both;
    list-style-type: none;
    width: 550px;
    background-image: url(../image/puce_bleue.gif);
    background-repeat: no-repeat;
    background-position: 0px 5px;
}
#maintext a
{
    color: #555555;
    text-decoration: none;
}
#maintext a:hover
{
   color: #5B7BC6;
}
/*#maintext img
{
    position: relative;
    top: 0px;
    left: 0px;
    float: left; 
    margin-right: 10px;
    margin-bottom: -5px;
    text-align: center;
}*/
#mainnav
{
    margin: 40px 0px 10px 0px;
}
#mainnav a
{
    margin: 0px 0px 0px 0px; 
    padding: 0px 0px 0px 0px; 
    text-decoration: none;
    font-size: 9px;
    font-family: Arial;
    /*color: #a5a5a5;*/
    color: #555555;
    display: list-item;
	list-style-type: none;
}
#mainnav a:hover
{
    color: #193570;
}

#bouton
{
   margin-top: 8px;
   margin-left: 437px;
   width: 218px;
}
#bouton_telecommunications img 
{
    display: none;
} 
#bouton_telecommunications
{ 
    position: relative;
    top: 33px;
    padding: 40px 0px 0px 0px;
    text-transform: uppercase;
    font-size: 8px;
    font-family: Arial;
    font-weight: bold;
    color: White;
    text-decoration: none;
    display: inline; 
    width:41px; 
    height:39px; 
    background-image: url(../image/bouton_telecommunications.jpg);
    background-repeat: no-repeat;
    background-position: 56px 0px;
    z-index: 20;
    left: 65px;
} 
#bouton_telecommunications:hover 
{ 
    color: #115ED4;
    background-image: url(../image/rollover_telecommunications.gif);
} 
#bouton_telecommunications span
{ 
    visibility: hidden;
    z-index: 20;
}
#bouton_telecommunications:hover span
{
    visibility: visible;
}
#bouton_devdurable img 
{
    display: none;
} 
#bouton_devdurable
{ 
    position: relative;
    top: 33px;
    padding: 40px 0px 0px 0px;
    text-transform: uppercase;
    font-weight: bold;
    font-size: 8px;
    font-family: Arial;
    color: White;
    text-decoration: none;
    display: inline; 
    width:100px; 
    height:39px; 
    background-image: url(../image/bouton_dev_durable.jpg);
    background-repeat: no-repeat;
    background-position: 70px 0px;
} 
#bouton_devdurable:hover 
{ 
    color: #5EAB45;
    background-image: url(../image/rollover_dev_durable.gif);
} 



#motpresident
{
    padding: 0px 0px 0px 20px;
    margin: 15px 0px 0px 35px;
    background-image: url(../image/fond_texte_president.gif);
    background-repeat: no-repeat;
    background-position: 0px 7px;
    width: 586px;
    height: 424px;
}
#motpresident h1
{
    padding: 0px 0px 0px 25px;
    margin: 0px 0px 0px -25px;
    width: 550px;
}
#motpresident p
{
    color: #193570;
    width: 550px;
    font-size: 12px;
    font-style: italic;
    font-weight: bold;
    line-height: 18px;
    
    top: 5px;
    margin: 0px 0px 0px 0px;
    padding: 12px 0px 0px 0px;
}

#degrade
{
    margin: 25px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
       
    background-image: url(../image/fond_degrade.gif);
    background-repeat: no-repeat;
    background-position: 0px 0px;
    /*height: 528px;*/
    height: 400px;
    width: 434px;
}
#degrade input,
#degrade textarea
{
    color: #555555;
    border: solid 1px #DBDBDC;
    width: 220px;
}

#contact
{
    font-size: 12px;
    font-family: Arial;
    font-weight: bold;
    color: #193570;
    margin-left:30px;
}

.plan
{
    border-bottom: solid 1px #193570;
    width: 605px;
    padding: 10px 0px 10px 0px;
    margin: 0px 0px 0px 0px;
}