/* STYLES PAR DEFAUT DES TAGS NON CIBLES */
body {
    background-image:url(../img/back.png);
    background-repeat:repeat-x;
    background-position:0 0;
    padding:0;
    margin:0;
}

a {
    color:#000;
}

/* STRUCTURE */
#container {
    width: 770px;
    margin-left:auto;
    margin-right:auto;
    text-align: left;
    padding:0 12px 0 12px;
    background-image:url(../img/shadow.png);
    background-repeat:no-repeat;
    background-position:0 0;
}

#header {
    height:100px;
    position:relative;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:9px;
}

#header a {
    text-decoration:none;
}

#header h1{
    position:absolute;
    top:39px;
    left:130px;
    font-weight:bold;
    font-style:italic;
    color:#87aeca;
    font-size:17px;
}

#header #logo{
    position:absolute;
    top:20px;
    left:15px;
}

img{
    border:0;
}

#header p {
    float:right;
    padding:0;
    margin: 5px 5px 0 0;
}

#header ul.menu {
    margin:0;
    padding:0;
    position:absolute;
    bottom:0;
    right:80px;
    z-index:100;
}

#header ul.menu li {
    height:23px;
    padding:0;
    background-image:url(../img/menuMain.png);
    background-repeat:no-repeat;
    list-style:none;
    float:left;
    margin-right:3px;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:9px;
}

#header ul.menu li a {
    padding: 5px 15px 0 15px;
    display:block;
    background-image:url(../img/menuDroite.png);
    background-repeat:no-repeat;
    background-position:100% 0;
    font-style:12px;
    font-weight:bold;
    color:#333333;
    text-decoration:none;
}

#header ul.menu li ul { /* second-level lists */
                        position: absolute;
                        top: 22px;
                        left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
                        padding: 1px 0 0 0;
                        list-style: none;
                        width: 210px;
                        margin:0;
}

#header ul.menu li ul li {
    height:18px;
    background-image:url(../img/ssmenuMain.gif);
    background-repeat:no-repeat;
    list-style:none;
    float:none;
    padding:0;
    margin: 0 3px 0 0;
    /*display:inline;*/
}

#header ul.menu li ul.submenu li a {
    padding: 2px 15px 0 15px;
    display:block;
    background-image:url(../img/ssmenuDroite.gif);
    background-repeat:no-repeat;
    background-position:100% 0;
    font-style:12px;
    font-weight:bold;
    color:#333333;
    text-decoration:none;
    height:18px;
}

#header ul.menu li:hover ul.submenu, #header ul.menu li.sfhover ul.submenu { /* lists nested under hovered list items */
                                                                             left: auto;
}

/* la meme en over */
#header ul.menu li:hover, #header ul.menu li.sfhover {
    background-image:url(../img/menuMain-over.png);
    background-repeat:no-repeat;
    list-style:none;
    margin-right:3px;
}

#header ul.menu li:hover a, #header ul.menu li.sfhover a {
    background-image:url(../img/menuDroite-over.png);
    background-repeat:no-repeat;
    background-position:100% 0;
    color:#FFFFFF;
    text-decoration:none;
}

#header ul.menu li:hover ul.submenu li:hover, #header ul.menu li.sfhover ul.submenu li.sfhover {
    background-image:url(../img/ssmenuMain-over.gif);
    background-repeat:no-repeat;
}

#header ul.menu li:hover ul.submenu li:hover a, #header ul.menu li.sfhover ul.submenu li.sfhover a {
    background-image:url(../img/ssmenuDroite-over.gif);
    background-repeat:no-repeat;
    background-position:100% 0;
    color:#FFFFFF;
    text-decoration:none;
}

#header ul.submenu li{
    /*float:none;*/
}

#flashBann {
    margin-bottom:3px;
    display:none;
}

#flashBannFS {
    margin-bottom:3px;
}

#content {
    position:relative;
    font-family:Arial, Helvetica, sans-serif;
    font-size:12px;
}

#content #contact {
    float:right;
    width:153px;
}

#content #contact #cTopFr, #content #contact #cTopEn {
    height:134px;
    background-image:url(../img/yellowTop.png);
    background-repeat:no-repeat;
}

#content #contact #cTopDe {
    height:134px;
    background-image:url(../img/yellowTopDe.png);
    background-repeat:no-repeat;
}

#content #contact p {
    background-image:url(../img/yellowVBorderRepeat.png);
    background-repeat:repeat-y;
    margin:0;
    padding:10px;
    color:#FFFFFF;
    font-family:Arial;
    font-size:12px;
}

#content #contact p strong{
    color:#FFFFFF;
    font-family:Arial;
    font-size:12px;
    font-style:italic;
}

#content #contact p a{
    color:#FFFFFF;
    font-family:Arial;
    font-size:12px;
    text-decoration:none;
}

#content #contact #cBottom {
    height:81px;
    background-image:url(../img/yellowBottom.png);
    background-repeat:no-repeat;
}

#content #main {
    padding:0;
}


#content .mainInside{
    margin-left:145px;
}

#content #nav {
    float:left;
    width:143px;
    background-image:url(../img/bgNav.png);
    background-repeat:repeat-y;
}

#content #nav ul{
    background-image:url(../img/bgNavTop.png);
    background-repeat:no-repeat;
    margin:0;
    padding:0;

}

#content #nav ul li {
    height:35px;
    margin:0;
    display:block;
    padding:10px 0 0 0;
    font-size:12px;
    font-weight:bold;
    text-align:center;
}

#content #nav .bottom{
    background-image:url(../img/bgNavBottom.png);
    background-repeat:no-repeat;
    height:206px;
}

#content #main h3 {
    display:inline;
    color:#006699;
    font-weight:bold;
}

#content #main div.cols{
    float:left;
    width:280px;
    border:1px solid #FFFFFF;

}

#content #main div.cols{
    float:left;
    width:280px;
    border:1px solid #FFFFFF;

}

#content #main div.center {

    display:block;

    visibility:visible;
    float:left;
    width:328px;
    border:1px solid #FFFFFF;

    z-index:10;
}

#content #main div p {
    padding:8px 8px 8px 8px;
    margin-top:1px;
    margin-right:0px;
    margin-bottom:0px;
    border-bottom:1px solid #666666;
    text-align:justify;
}


#content #main div.center div.darkBluetxt {
    padding:8px 12px 8px 12px;
    margin-top:1px;
    margin-right:0px;
    margin-bottom:0px;
    border-bottom:1px solid #666666;
    text-align:justify;
}

#content #main div.center div.darkBluetxt p{
    border:0;
}

#content #main div.center div.darkBluetxt h2 {
    font-size:14px;
    color:#006699;
}

#content #main div.center div.darkBluetxt strong {
    font-weight:bold;
    color:#006699;
    font-size:12px;
}

#content #main div.center div.darkBluetxt a {
    font-weight:bold;
    color:#006699;
    text-decoration:none;
    font-size:12px;
}

#content #main div.center div.darkBluetxt a:hover {
    color:#000;
}

#content #main div p img {
    margin:0px;
}

#content #main div p strong{
    font-weight:bold;
    color:#006699;
    font-size:12px;
}

#content #main div div.darkBluetxt{
    background-image:url(../img/darkBlueVBorderRepeat.png);
    background-repeat:repeat-y;
    background-position:left;
    background-color:#bad6eb;
    padding:8px 12px 8px 12px;
    margin-top:1px;
    margin-right:0px;
    margin-bottom:0px;
}

#content #main div >div.darkBluetxt{
    background-image:url(../img/darkBlueVBorderRepeat.png);
    background-repeat:repeat-y;
    background-position:left;
    background-color:#bad6eb;
    padding:8px 12px 8px 12px;
    margin-top:1px;
    margin-right:0;
    margin-bottom:0;
}

#content #main div div.darkBlue {
    height:23px;
    background-image:url(../img/darkBlueMain.png);
    background-repeat:no-repeat;
    margin:0;
    padding:0;
}

#content #main div div.darkBlue h1 {
    height:23px;
    background-image:url(../img/darkBlueRight.png);
    background-repeat:no-repeat;
    background-position:100% 0;
    font-size:14px;
    font-weight:bold;
    font-style:italic;
    color:#176ea4;
    padding:12px 50px 10px 10px;
    margin:0;
}

#content #main div >div.darkBlue {
    height:45px;
    color:#00FF00;
}

#content #main div >div.darkBlue>h1 {
    height:45px;
}


/* GRIS */
#content #main div div.greytxt{
    background-image:url(../img/greyVBorderRepeat.png);
    background-repeat:repeat-y;
    background-position:left;
    background-color:#e5e8ec;
    padding:8px 10px 8px 10px;
    margin-top:1px;
    margin-right:0px;
    border-bottom:1px solid #666666;
}

#content #main div >div.greytxt{
    background-image:url(../img/greyVBorderRepeat.png);
    background-repeat:repeat-y;
    background-position:left;
    background-color:#e5e8ec;
    padding:8px 8px 8px 8px;
    margin-top:1px;
    margin-right:0;
    border-bottom:1px solid #666666;
}

#content #main div div.grey {
    height:23px;
    background-image:url(../img/greyMain.png);
    background-repeat:no-repeat;
    margin:0;
    padding:0;
}

#content #main div div.grey h1 {
    height:23px;
    background-image:url(../img/greyRight.png);
    background-repeat:no-repeat;
    background-position:100% 0;
    font-size:14px;
    font-weight:bold;
    font-style:italic;
    color:#176ea4;
    padding:12px 50px 10px 10px;
    margin:0;
}

#content #main div >div.grey {
    height:45px;
    color:#00FF00;
}

#content #main div >div.grey>h1 {
    height:45px;
}

#footer {
    clear:both;
    text-align:center;
    padding-top:4px;
    font-size:10px;
}

.Style1 {
    font-size: 10px
}
