body {
    margin : 0; 
    padding : 0; 
    font-family : Verdana, Tahoma, Arial, sans-serif; 
    background-color : #182e60; 
    text-align : center; 
    font-size : small; 
    voice-family : "\"}\""; 
    voice-family : inherit; 
    font-size : small; 
} 
html > body {
    font-size : small; 
} 
a {
    text-decoration : none; 
    border-bottom : 0 dotted #c91300; 
    font-size : 100%; 
} 
a:link {
    color : #c91300; 
    border-bottom : 0 dotted #c91300; 
} 
a:visited {
    color : #c91300; 
} 
a:active {
    color : #c91300; 
} 
a:hover {
    color : #830909; 
    border-bottom : 0 solid #830909; 
} 
h1, h2, h3 {
    margin : 0; 
    padding : 0; 
    font-weight : normal; 
} 
p {
    margin : 0; 
    padding : 0; 
} 
ul {
    margin : 0 7px 0 0; 
    padding : 0 0 12px 8px; 
    list-style : none; 
} 
li {
    margin : 0; 
    padding : 0; 
} 
li a {
    margin : 0; 
    padding : 2px 0; 
    font-size : 100%; 
    color : #000; 
    border-bottom : 0 solid #ccc; 
} 
li a:link {
    text-decoration : underline; 
} 
li a:visited {
    text-decoration : underline; 
    color : #c90e0a; 
} 
li a:active {
    text-decoration : underline; 
} 
li a:hover {
    text-decoration : underline; 
    color : #c90e0a; 
} 
.clear {
    clear : both; 
    display : block; 
    margin : 0; 
    padding : 0; 
    height : 1px; 
    line-height : 1px; 
    font-size : 1px; 
} 
#wrap {
    margin : 0 auto; 
    padding : 0; 
} 
#teaser {
    margin : 0; 
    padding : 65px 0 50px 0; 
    background-color : #fff; 
    color : #1c3670; 
} 
#teaser p {
    font : italic bold 200%/100% Arial, sans-serif; 
} 
#navigation {
    width : 750px; 
} 
#nav {
    margin : 0; 
    padding : 0; 
    background : #fff url(/images/nav-bg.gif) repeat-x bottom left; 
    list-style : none; 
} 
#nav li {
    margin : 0; 
    padding : 0; 
    display : inline; 
} 
#nav li a {
    margin : 0 3px 0 2px; 
    padding : 4px 8px 1px 8px; 
    text-decoration : none; 
    border : 1px solid #90ab00; 
    border-bottom : none; 
    color : #31578e; 
    font-size : 90%;
    background : #fff url(/images/white-tab.gif) repeat-x top left; 
    voice-family : "\"}\""; 
    voice-family : inherit; 
    background : #fff url(/images/white-tab.gif) repeat-x 1px 0px;  
} 

#nav li a:hover,  #nav li a.active  {
    color : #333; 
    border : 1px solid #90ab00; 
    border-bottom : 1px solid #CFEA3C; 
    background : #cfea3b url(/images/green-tab.gif) repeat-x top left; 
    voice-family : "\"}\""; 
    voice-family : inherit; 
    background :  #cfea3b url(/images/green-tab.gif) repeat-x 1px 0px;  
} 

#logo {
    clear : left; 
    margin : 0; 
    padding :0; 
    background : #31578e url(/images/logo-bg.jpg) repeat-x top left; 
    height : 125px; 
} 

#logo-userneed h1{
    color : #fff; 
    font-size: 3em;
}

#core {
    margin : 0 auto; 
    padding : 0; 
    width : 786px; 
    text-align : left; 
    background : white url(/images/core-bg.jpg) repeat-x top left; 
    clear : both; 
} 
#central {
    float : left; 
} 
#promo {
    margin : 25px 0 60px 25px; 
    padding : 10px; 
    background : #fff url(/images/bgd-promo.jpg) repeat-x bottom left; 
    width : 450px;
    border : 2px solid #1648b7; 
} 
#promo h3 {
    font-size : 120%; 
    font-weight : bold; 
    line-height : 140%; 
    padding-left : 36px; 
    color : #1648b7; 
    margin : 8px 0; 
} 
#promo h4 {
    font-size : 110%; 
    padding-left : 36px; 
    margin : 0; 
    color : #1648b7; 
} 
#promo ul {
    margin : 8px 0 8px 15px; 
    padding : 0 0 0 36px; 
    list-style : none; 
} 
#promo li {
    padding : 2px 0 3px 20px; 
    background: transparent url(/images/arrow-icon.gif) no-repeat 2px 4px ;
} 

#promo p {
    padding : 12px 0 0 36px;
 
}
h2#newsletter {
    font-size : 250%; 
    font-weight : bolder;
    margin-left : 8px; 
    padding-left : 60px; 
    color : #a7c600; 
    background : #fff; 
    letter-spacing : 2px;
    background: transparent url(/images/mail-icon.gif) no-repeat 0px 4px;
    width: auto;
    height: 40px;
}

h2#contactus {
    font-size : 250%; 
    font-weight : bolder;
    margin-left : 8px; 
    padding-left : 50px; 
    color : #a7c600; 
    letter-spacing : 2px;
    background: transparent  url(/images/contact-icon.gif) no-repeat 0px 0px;
    width: auto;
    height: 40px;
} 

h2#references {
    font-size : 250%; 
    font-weight : bolder;
    margin-left : 8px; 
    padding-left : 50px; 
    color : #a7c600; 
    letter-spacing : 2px;
    background: transparent url(/images/refrence-large-icon.gif) no-repeat 5px 2px;
    width: auto;
    height: 40px;
} 

h2#aboutus {
    font-size : 250%; 
    font-weight : bolder;
    margin-left : 8px; 
    padding-left : 50px; 
    color : #a7c600; 
    letter-spacing : 2px;
    background: transparent url(/images/house-large-icon.gif) no-repeat 0px 0px;
    width: auto;
    height: 40px;
} 

.bouton-promo {
    margin : 0 0 0 100px; 
    padding : 0; 
    border : 1px solid #ccc; 
} 
.note {
    margin : 25px 15px 0 15px; 
    width : 500px; 
    font-size : 1em; 
} 
.note h2 {
    font-size:  160%; 
    line-height: 140%;
    font-weight: bold;
    color : #a7c600;
    /* white-space: normal;*/
    width: 430px;
    background: transparent url(/images/folder-icon.gif) no-repeat 2px 2px ;
    padding: 0 0 0 36px;
    margin: 0 0 8px 0;
} 

.note h3 {
    margin : 8px 0 3px 5px; 
    padding : 3px 0 3px 30px; 
    font-size : 130%; 
    font-weight : bolder; 
    color : #4c73cb; 
    background : transparent url(/images/box-h2.gif) no-repeat 3px 5px; 
} 
.note p {
    margin : 0px 0 5px 12px; 
    padding : 0 25px; 
    line-height : 135%; 
} 
.note img {
    margin : 15px 25px; 
    padding : 5px; 
    border : 1px solid #ccc; 
} 

.note ul {
    margin: 15px 0 8px 60px;
    list-style: disc;
}

.note ul ul,.note ul ul ul, .note ul ul ul ul {
    margin: 10px 0 8px 10px;
}

.note ol {
    margin: 15px 0 8px 35px;
}

.note ul li{
    padding: 2px 0 2px 12px;
    background: transparent url(/images/bullet.gif) no-repeat 0px 7px;
    list-style: none;
}

.note a:link{
    color: #4C73CB;
    text-decoration: underline;
}
.note a:hover, .note a:active{
    color: #F8F8FF;
    background: #A7C600;
    text-decoration: none;
    border-top: 1px solid #A7C600;
    border-bottom: 1px solid #A7C600;
}

.note a:visited{
    color: #1B3264;
    border-bottom: 1px dotted #1B3264;
}

.liensexternes li{
    padding : 2px 0 3px 20px; 
    background: transparent url(/images/arrow-icon.gif) no-repeat 0px 6px ;
    list-style: none;
} 

#lateral {
    margin : 0; 
    padding : 0; 
    float : right; 
    width : 200px; 
} 
.about {
    margin : 80px 0 0; 
    padding : 100px 0 0; 
    /*background-image : url(/images/rails-icon.gif); */
    background-position : top center; 
    background-repeat : no-repeat; 
} 
.about h3 {
    color : #bd394a; 
    font-size : 140%; 
    font-weight : bolder; 
    text-align : center;
    background : transparent url(/images/about-icon.gif) no-repeat 150px 5px; 
} 
.about p {
    font-size : 90%; 
    padding : 2px 4px 2px 0; 
} 
.projets {
    margin : 45px 0 0; 
} 
.projetgrey {
    margin : 35px 15px 0 0; 
    padding : 1px 3px 0 7px; 
    border : 1px solid #666; 
    background : #fff url(/images/bg-projetgrey.jpg) repeat-x top left; 
    voice-family : "\"}\""; 
    voice-family : inherit; 
    background : #fff url(/images/bg-projetgrey.jpg) repeat-x 1px 0px;  
} 
.projetred {
    margin : 35px 15px 0 0; 
    padding : 1px 3px 0 7px; 
    border : 1px solid #df2c00; 
    background : #fff7f4 url(/images/bg-projetred.jpg) repeat-x top left; 
    voice-family : "\"}\""; 
    voice-family : inherit; 
    background : #fff7f4 url(/images/bg-projetred.jpg) repeat-x 1px 0px;  
} 
.projetgreen {
    margin : 35px 15px 0 0; 
    padding : 1px 3px 0 7px; 
    border : 1px solid #8faa00; 
    background : #f7fbdc url(/images/bg-projetgreen.jpg) repeat-x top left; 
    voice-family : "\"}\""; 
    voice-family : inherit; 
    background : #f7fbdc url(/images/bg-projetgreen.jpg) repeat-x 1px 0px;  
} 

.projetblue {
    margin : 35px 15px 0 0; 
    padding : 1px 3px 0 7px; 
    border : 1px solid #002881; 
    background : #ebeffa url(/images/bg-projetblue.jpg) repeat-x top left; 
    voice-family : "\"}\""; 
    voice-family : inherit; 
    background : #ebeffa url(/images/bg-projetblue.jpg) repeat-x 1px 0px;  
} 
.projetgrey h3, .projetred h3, .projetblue h3, .projetgreen h3 {
    margin : 0; 
    font : normal bolder 115%/120% Verdana, Tahoma, Arial, sans-serif; 
    text-align : center; 
} 
.projetgrey h3 {
    color : #333; 
} 

.projetred h3{
    color: #5F1300;
}

.projetblue h3{
    color: #305DC1;
}

.projetgreen h3{
    color: #778D00;
}
.projetgrey p, .projetred p, .projetblue p, .projetgreen p {
    font-size : 86%; 
    padding : 5px 10px 5px 0; 
    text-align : justify; 
} 
.projets .ensavoir {
    margin : 0 10px 0 0; 
    float : right; 
} 
.ensavoir a {
    font-size : 85%; 
}