/* --- CONTAINER --- */
@import url("content.css");
@import url("superfish.css");
body {
    margin      : 0;
    padding     : 0;
    color       : #000;
    font-family : arial, helvetica, sans-serif;
}
#fond_home {
    background  : #DEE9F3 url(../images/fond_site.gif) repeat-x;
}
#fondclassique {
    background  : #DEE9F3 url(../images/fond_classique.gif) repeat-x;
}
br.clearfloat {
    clear       : both;
    height      : 0;
    font-size   : 1px;
    line-height : 0px;
}
#main {
    margin-top  : 20px;
}
#main_int {
    margin-top : -25px;
}
#container {
    width      : 995px;
    margin     : 0 auto;
    /*background : #FFF;*/
}
#fond_site {
    width      : 1024px;
    margin     : 0 auto;
    background : url(../images/ombre_site.gif) no-repeat top center;
}
#fond_site_classique {
    width      : 1024px;
    margin     : 0 auto;
    background : url(../images/ombre_site_classique.gif) no-repeat top center;
}
/* --- HEADER --- */
#header {
    width : 990px;
}
#header_background {
    text-align : left;
}
#logo {
    float : left;
}
#drapeau {
    float      : right;
    margin-top : 4px;
}
#header_menu {
    text-align : left;
    float      : left;
    margin-top : 25px;
    width      : 680px;
}
#header ul {
    margin : 0 0 0 50px;
}
#header ul ul {
   background : #EAEAEA;
   margin     : 0;
}
#header ul li {
    background : none;
    display    : inline;
    list-style : none;
    margin     : 0;
}
#header ul li a, #header ul li a:link, #header ul li a:visited {
    text-decoration : none;
    color           : #787878;
    padding         : 0px 10px;
    font-size       : 12px;
}
#header ul li.on a, #header ul li.on a:link, #header ul li.on a:visited {
    color      : #FFF;
}
#header ul li li a, #header ul li li a:link, #header ul li li a:visited {
    padding   : 5px 20px;
    font-size : 11px;
}
#header ul li a:hover {
    color : #787878;
}
/* --- RECHERCHE ---*/
#recherche {
    margin-left   : 26px;
    margin-bottom : 3px;
}
input.search {
    width      : 96px;
    background : none;
    border     : 1px solid #ABABAC;
    color      : #666;
}
input.bouton {
    background : none;
    color      : #F1811F;
    border     : none;
    padding    : 0;
    cursor     : pointer;
}
/*--- TAGS ACTU ---*/
div.tag_logo {
    width  : 659px;
    float  : left;
}
div.tags {
    height      : 143px;
    margin-left : 7px;
    background  : url(../images/fond_tag.jpg);
}
div.logo_ent {
    height     : 65px;
    background : url(../images/ombre_logo.gif) no-repeat top center;
    text-align : right;
}
div.logo_ent a {
    margin-top   : 3px;
    margin-right : 9px;
}
div.actu {
    float      : left;
    width      : 321px;
    height     : 231px;
    background : url(../images/fond_actu.jpg) no-repeat;
}
h2.titre_actu {
    font-size       : 25px;
    color           : #FFF;
    padding         : 0;
    margin          : 5px 0 0 0;
    text-align      : center;
    font-style      : italic;
}
div.contenu_actu {
    height : 155px;
    margin : 16px 0 0 10px;
    width  : 295px;
}
div.contenu_actu span {
    font-size : 24px;
}
/*--- Titre_expertise ---*/
#block_cat {
    float      : left;
    clear      : both;
    background : #DEE9F3;
    margin-top : 2px;
}
#block_cat_int {
    float      : left;
    clear      : both;
    background : #DEE9F3;
    margin-top : 2px;
    position   : relative;
    top        : -25px;
    _top       : -27px;
    z-index    : 5;
}
*:first-child+html #block_cat_int {
    top        : -20px;
}
#block_cat_int {
    top /*\**/: -16px\9   /* Sin punto y coma!! */
}
#cat {
    clear      : both;
    width      : 990px;
}
#titre_expertise {
    text-align : left;
    clear      : both;
    width      : 990px;
    height     : 52px;
    background : url(../images/fond_titre.gif) no-repeat bottom center;
}
#titre_expertise span {
    color       : #F6851F;
    font-size   : 26px;
    margin      : 0;
    margin-left : 10px;
    padding     : 0;
}
/* --- FOOTER --- */
#footer {
    padding    : 10px;
    background : #DEE9F3;
}
#footer_menu {
    text-align : left;
}
#footer ul {
    display:inline;
    margin : 0;
}
#footer ul li {
    background : none;
    display    : inline;
    list-style : none;
    margin     : 0 5px;
    padding    : 0;
}
#footer ul li, #footer ul li a, #footer ul li a:link, #footer ul li a:visited {
    text-decoration : none;
    color           : #787878;
    font-size       : 18px;
}
#footer ul li a:hover {
    text-decoration : underline;
}
#footer ul li li, #footer ul li li a, #footer ul li li a:link, #footer ul li li a:visited {
    background      : none;
    display         : inline;
    text-decoration : none;
    color           : #787878;
    font-size       : 11px;
}
#footer ul li li a:hover {
    text-decoration : underline;
}

/*---FOOTER 2---*/
#footer2 {
    padding    : 10px;
    text-align : center;
    background : #DEE9F3;
}
#footer2 ul {
    display : inline;
    margin  : 0;
}
#footer2 ul li {
    background : none;
    display    : inline;
    list-style : none;
}
#footer2 ul li, #footer2 ul li a, #footer2 ul li a:link, #footer2 ul li a:visited {
    text-decoration : none;
    color           : #2d2d2d;
    font-size       : 11px;
}
#footer2 ul li a:hover {
    text-decoration : underline;
}

/*----Nuage de tags----*/
div#tag_cloud li {
    background          : none;
    float               : left;
    list-style-image    : none;
    list-style-position : outside;
    list-style-type     : none;
    position            : relative;
}
div#tag_cloud {
    position            : relative;
    width               : 620px;
    /*text-align          : justify;*/
    padding             : 20px 0 0 20px;
    color               : #FFF;
    text-justify        : newspaper;
    text-align-last     : justify;
}
div#tag_cloud a,
div#tag_cloud a:link,
div#tag_cloud a:active,
div#tag_cloud a:visited,
div#tag_cloud a:focus,
div#tag_cloud a:hover {
    color           : #FFF;
    text-decoration : none;
    font-style      : italic;
    /*white-space         : nowrap;*/
}
div#tag_cloud a:hover {
    text-decoration     : underline;
}
a.size9 {
    color : #FFF;
    padding : 10px;
}
a.size12 {
    color       : #FFF;
    display     : block;
    margin-left : 10px;
}
a.size14 {
    color   : #ABC5D2;
    padding : 10px;
}
a.size16 {
    color   : #FFF;
    display:block;
    margin-top:20px;
}
a.size20 {
    color      : #ABC5D2;
    display    : block;
    margin-top : 10px;
}
a.size23 {
    color   : #FFF;
    padding : 20px;
}
/*------------------------------*/
    /*---GABARIT INTERIEUR---*/
/*-----------------------------*/


/*--- LOGO ACCROCHE ---*/
div.logoaccroche {
    width  : 659px;
    float  : left;
}
div.logo {
    height      : 103px;
    width       : 650px;
    margin-left : 9px;
    /*background  : url(../images/logo_page.jpg);*/
}
div.ombre {
    height     : 26px;
    background : url(../images/ombre_logo.gif) no-repeat top center;
    text-align : right;
}
div.accroche {
    float      : left;
    width      : 321px;
    height     : 157px;
    background : url(../images/fondlogo.gif) no-repeat;
    position   : relative;
    z-index    : 10;
}
div.titre_accroche {
    font-size       : 30px;
    color           : #000;
    padding         : 0;
    margin          : 5px 45px 0 0;
    text-align      : right;
    font-weight     : bold;
    font-style      : italic;
}
div.contenu_accroche {
    height : 125px;
    margin : 16px 0 0 10px;
    width  : 295px;
}
div.contenu_accroche span {
    font-size   : 20px;
    color       : #FFF;
    font-weight : bold;
}
div.contenu_accroche p {
    font-size   : 14px;
    color       : #FFF;
    font-style  : italic;
    text-align  : left;
    padding     : 0;
    margin      : 0;
    margin-left : 100px;
}
#liste_logos {
    margin-top : 25px;
}
.stepcarousel{
    position   : relative; /*leave this value alone*/
    overflow   : scroll; /*leave this value alone*/
    width      : 290px; /*Width of Carousel Viewer itself*/
    height     : 60px;
    margin-top : 20px;
     /*Height should enough to fit largest content's height*/
}

.stepcarousel .liste_logos{
    position : absolute; /*leave this value alone*/
    left     : 0;
    top      : 0px;
}

.stepcarousel .logo_partenaire{
    float        : left; /*leave this value alone*/
    overflow     : hidden; /*clip content that go outside dimensions of holding panel DIV*/
 /*margin around each panel*/
}
div.logo_partenaire img {
    margin-left : 10px;
}
/*---Lien retour---*/
#retour {
    background : #FFF;
}
#retour a {
    color           : #F6851F;
    font-size       : 16px;
    text-decoration : none;
    background      : url(../images/fleche_retour.gif) no-repeat left 6px;
    padding-left    : 10px;
    margin          : 0 0 0 10px;
}
/*---Secteur contenu---*/
#page_title {
    text-align : left;
    clear      : both;
    width      : 990px;
    height     : 51px;
    background : url(../images/fond_titreint.gif) no-repeat bottom center;
}
#page_title span {
    color       : #787878;
    font-size   : 26px;
    margin      : 0;
    margin-left : 10px;
    padding     : 0;
}
#page_title_ssmenu {
    text-align : left;
    clear      : both;
    width      : 990px;
    height     : 51px;
    background : url(../images/fond_titressmenu.gif) no-repeat bottom center;
}
#page_title_ssmenu span {
    color       : #787878;
    font-size   : 26px;
    margin      : 0;
    margin-left : 10px;
    padding     : 0;
}
/* --- CONTENT --- */
#content {
    float       : left;
    width       : 500px;
    padding     : 10px;
    background  : #DEE9F3;
}
#content_int {
    float       : left;
    width       : 725px;
    padding     : 10px;
    background  : #DEE9F3;
}
/* --- SIDEBAR --- */
#sidebarssmenu {
    float      : left;
    width      : 50px;
    background : #38769B;
    background : #38769B url(../images/fond_sidebar.gif) no-repeat bottom center;
}
#sidebar {
    float      : left;
    width      : 245px;
    height     : 500px;
    background : #38769B url(../images/fond_sidebar.gif) no-repeat bottom center;
}
#sidebar ul {
    margin : 0;
}
#sidebar li {
    padding    : 0;
    background : none;
    list-style : none;
    width      : 245px;
}
#sidebar ul li a, #sidebar ul li a:link, #sidebar ul li a:visited {
    font-size       : 12px;
    text-decoration : none;
    color           : #FFF;
    display         : block;
    background      : url(../images/fleche_menu.gif) no-repeat left 8px;
    margin          : 0 0 0 18px;
    padding         : 6px 0 0 10px;
}
#sidebar ul li.on a, #sidebar ul li.on a:link, #sidebar li.on a:visited {
    background : none;
    color      : #FFF;
}
#sidebar ul li a:hover {
    color      : #FFF;
}
#sidebar ul li:hover ul,
#sidebar ul li.sfHover ul {
    left : 180px;
    top  : 0;
}
div span.accHeader {
    display    : block;
    height     : 35px;
    background : url(../images/fond_li.gif) no-repeat;
}
#sidebar ul li ul {
    margin-bottom : 20px;
}
#sidebar ul li li {
    margin-left : 10px;
    width       : 235px;
}
#sidebar ul li li a#MenuItemId {
    background : none;
}
/*---CONTENU DROIT---*/
#contenu_droit {
    margin-left : 770px;
    width       : 209px;
}
#contact,#etude {
    background : #FFF;
}
div.bas {
    height     : 25px;
    width      : 209px;
    background : #FFF url(../images/bas_cadre_droit.gif) no-repeat bottom center;
}
#contact {
    margin-top : 15px;
}
h1.titre {
    width          : 209px;
    height         : 25px;
    background     : url(../images/haut_cadre_droit.gif) no-repeat 0 top;
    color          : #DEE9F3;
    text-align     : right;
    margin         : 0;
    font-size      : 27px;
    font-weight    : normal;
    padding-bottom : 10px;
    padding-left   : 2px;
}
div.contenu {
    padding : 5px 20px;
}
div.contact {
    color : #012849;
}
div.contact p {
    margin    : 0;
    padding   : 0;
    font-size : 13px;
}
div.contact p.nom_prenom {
    font-size   : 15px;
    font-weight : bold;
}
div.etude p {
    margin    : 0;
    padding   : 0;
    font-size : 12px;
    color     : #525252;
}
div.etude p.date {
    font-size   : 12px;
    color       : #000;
}