/* HTML général */

body {
    margin:0;
    font-family: arial, verdana, sans serif;
    font-size:0.8em;
    background: url(../images/fond_ecran.gif) repeat-x;
    background-color: #15445f;
}

h1, h2 {
position: absolute;
clip: rect(1px 1px 1px 1px);
clip: rect(1px, 1px, 1px, 1px);
}
h3 {
    margin:0 0 25px 0;
}
h4 {
    font-size:1.2em;
    color:#000;
    margin: 20px 0 15px 0;
    background: url(../images/puce2.gif) left center no-repeat;
    padding-left:10px;
}
h4.haut {
    margin-top:-45px;
}

a {
    color: #15445f;
}

a:hover {
    text-decoration:none;
}

img {
    display:block;
    border:0;
}

p {
    margin: 0 0 15px 0;
}

/* Containeurs de mise en page */

div#page_index, div#page {
    width:990px;
    margin:0 auto;
    margin-top:52px;
    position:relative;
}

div#page_index {
    background: url(../images/fond_page_index.gif) repeat-y;
}

div#page {
    background: url(../images/fond_page.jpg);
    background-color: #b9b05b;
}

#page2 {
    background: url(../images/fond_degrade.jpg) no-repeat;
    background-position: 4px 202px;
    width:990px;
}


div#entete {
    width:990px;
    height:180px;
    background: url(../images/entete.gif);
}
div#entete img {
    position:absolute;
    top:45px;
    left:28px;
}

img#ecrevisses {
    margin:0 0 50px 50px;
}

div#pied {
    background: url(../images/fond_pied.gif) no-repeat;
    width:990px;
    margin:0 auto;
    text-align:center;
    padding:10px 0 30px 0;
    color:#fff;
    position:relative;
}

div#pied  p a {
    color:#fff;
}

div#pied p.mentions, div#pied p.mentions a {
    color:#428fbb;
}

div#pied img {
	display:inline;
}

div#pied p.mentions {
    font-size: 0.8em;
}



/* Menu */

div#cont_menu {
    background: url(../images/fond_menu.gif) no-repeat;
    width:100%;
    height:22px;
    background-color: #15445f;
}

#menu {
    list-style: none ;
    margin: 0 0 0 25px ;
    padding: 0 ;
    overflow: hidden ;	/* Création du contexte de formatage */
}
#menu li {
    float: left ;
    width: 150px ;
    border-right: 1px solid #fff ;
    background: #c00 ;
}

#menu li a, #menu li.actif  {
    display: block ;
    background-color: #15445f ;
    color: #eef7fc ;
    font-family: Arial,sans-serif ;
    line-height: 16px ;
    padding: 3px 0 3px 0 ;
    text-align: center ;
    text-decoration: none ;
    font-weight:bold;
}
#menu li a:hover {
    background-color: #e3f0f7;
    color:#15445f;
}

#menu li.actif  {
    background: #fff ;
    color:#15445f;
}
#menu li#formation {
    width:110px;
}
#menu li#carnassiers {
    width:180px;
}
#menu li#truite {
    width:130px;
}
#menu li#mer {
    width:130px;
}
#menu li#livreor {
    width:100px;
}
#menu li#liens {
    width:80px;
}
#menu li#accueil {
    width:80px;
}
#menu li#contact {
    width:120px;
    border:0;
}

/* Illustrations */

#photo_index {
    width:981px;
    height:446px;
    background: url(../images/photo_index.jpg);
    margin-left:4px;
}

#encart_guide_diplome {
    width: 193px;
    height: 113px;
    background: url(../images/guide_peche.gif);
    position:absolute;
    top: -113px;
    right: 5px;
}

p#forma_ill_01 {
    position:absolute;
    top:235px;
    right:25px;
}

p#forma_ill_02 {
    position:absolute;
    top:345px;
    right:175px;
}

p#forma_ill_03 {
    position:absolute;
    top:506px;
    right:66px;
}

/* Elements de types block */

#texte_index {
    margin: -20px 40px 0 40px;
    color:#fff;
    text-align:justify;
}
#texte_col_gauche {
    margin: 35px 0 0 50px;
    width:430px;
    text-align:justify;
    padding: 0 0 20px 0;
}
#texte_col_droite {
    position:absolute;
    top:270px;
    right:50px;
    width:430px;
    text-align:justify;
}

#flash {
    position:absolute;
    top:291px;
    left:103px;
}

div#temoignages {
    margin-top:45px;
}

div#temoignages .un {
    background: url(../images/bulle1.gif) no-repeat;
}
div#temoignages .deux {
    background: url(../images/bulle2.gif) no-repeat;
}
div#temoignages .trois {
    background: url(../images/bulle3.gif) no-repeat;
}

div.temoignage {
    margin: 0 160px 35px 0;
    padding-left:80px;
}


div.temoignage p.signature {
    text-align:right;
    margin-top: -5px;
    margin-right:50px;
    color:#5c561b;
    font-weight:bold;
    font-size:0.9em;
}


#texte_col_gauche img, #texte_col_droite img {
    /* border:1px solid #15445f; */
    display:inline;
}

#texte h3 img {
    border:0;
}

#texte {
    margin:35px 60px 0 60px;
    padding:0 0 20px 0;
    text-align:justify;
}

#texte img {
    display:inline;
    border:2px solid #efeee2;
}

img.marge_droite {
    margin-right:17px;
}

#texte img.no_border {
    border:0;
}

/* Elements en ligne */


.droite {
    text-align:right;
}
.droite img{
    display:inline;
}

p.retrait2 {
    margin-right: 140px;
}

p.retrait1 {
    margin-right: 60px;
}




p.float_left {
    float:left;
    margin:0 15px 6px 0;
}

p.float_right {
    float:right;
    margin:0 0 6px 20px;
}


ul.liste {
    margin:0 0 40px 35px;
    padding:0;
    list-style: none;
}

ul.liste li {
    margin-bottom: 15px;
    background: url(../images/puce.gif) left center no-repeat;
    padding-left:11px;
}

div#contact {
   margin: 0 0 30px 0;
   padding-left:107px; 
   background: url(../images/enveloppe.gif) no-repeat;
}

#xiti-logo {
    margin:30px auto 0 auto;
    width:80px;
}

/* Diaporama */

#diaporama{	
	margin: 0 25px 25px 0;
	height:220px;
}