/* ----------------------- BODY ------------------------------------------ */

html{height:100%;}

body {
font-family:"Arial",Verdana,Verdana;font-size:12px;width : 100%;height:100%;margin-left: auto;margin-right: auto;font-weight:normal;background-image: url(images/Background.jpg);
}

h1,h2,h3,h4,h5,h6,l1,p,ul,li,fieldset{margin:0;padding:0}
a, a img{border:0;cursor:pointer!important;}
li{list-style:none;}
h3{height:48px;background-image:url(images/p_rose.png);background-repeat:no-repeat;padding-left:60px;padding-top:10px;color:#EC76B0;font-size:15px;font-weight:bold;}
h5{height:80px;background-image:url(animal/colibri.png);background-repeat:no-repeat;padding-left:80px;padding-top:30px;color:#EC76B0;font-size:15px;font-weight:bold;}
h2{color:#453B39;font-size:13px;font-weight:strong;;padding:10px 5 5 10px;}
h4{color:#453B39;font-size:11px;font-weight:strong;}
h1{color:#453B39;height:40px;font-size:18px;font-weight:normal;padding:10px 0 0 20px;}
h6{color:#453B39;font-size:10x;font-weight:strong;}
/*h8{height:60px;background-image:url(images/truite.png);background-repeat:no-repeat;padding-left:60px;padding-top:15px;color:#EC76B0;font-size:18px;font-weight:bold;}*/

/* ----------------------- HEADER ---------------------------------------- */
#header #panneau{
margin-left:150px;
margin-top:0px;
height:177px;
clear:both;
background-image: url('images/Header.jpg');
background-repeat:no-repeat
}

/* ----------------------- LOGO-------------------------- */
.logo{
margin-left:650px;
margin-top:0px;
clear:both;display:block;height:86px;width:274px;}



/* ----------------------- SOUS-TITRES-------------------------- */

.sous_menu
{ margin-top: 48px;
margin-left: 15px;
text-align: left;
clear:both;display:block;height:25px;width:993px;
}



/* ----------------------- BORDURES LATERALES-------------------------- */
#bordure {
margin-left:150px;
margin-top: 0px;
height:462px;
background-image: url(images/bb.jpg);
background-repeat:repeat-y;
}

/* ----------------------- COULEUR DU CADRE DES PHOTOS--------------- */
img.droite {
border-left:2px solid #EC76B0; border-right:1px solid #453B39; border-top:1px solid #453B39; border-bottom:2px solid #EC76B0; float:right;
margin-top:1px;margin-left:0px; margin-right:1px; margin-bottom:1px
}

img.gauche {
border-left:2px solid #EC76B0; border-right:1px solid #453B39; border-top:1px solid #453B39; border-bottom:2px solid #EC76B0; float:left;
margin-top:1px;margin-left:7px; margin-right:1px; margin-bottom:1px
}

img.gauchepad {
border-left:3px solid #EC76B0; border-right:3px solid #453B39; border-top:3px solid #453B39; border-bottom:2px solid #EC76B0; float:left;
margin-top:1px;margin-left:50px; margin-right:1px; margin-bottom:1px
}

img.droitepad {
border-left:3px solid #EC76B0; border-right:3px solid #453B39; border-top:3px solid #453B39; border-bottom:2px solid #EC76B0; float:right;
margin-top:1px;margin-left:0px; margin-right:100px; margin-bottom:1px
}

img.gauchetrans {
border-left:2px solid #FFFFFF; border-right:1px solid #FFFFFF; border-top:1px solid #FFFFFF; border-bottom:2px solid #FFFFFF; float:left;
margin-top:1px;margin-left:8px; margin-right:1px; margin-bottom:1px
}

img.droitetrans {
border-left:2px solid #FFFFFF; border-right:1px solid #FFFFFF; border-top:1px solid #FFFFFF; border-bottom:2px solid #FFFFFF; float:right;
margin-top:1px;margin-left:0px; margin-right:1px; margin-bottom:1px;overflow:auto;
}

/* ----------------------- LIGNE BLANCHE-------------------------- */
#marge_fond{clear:both;display:block;margin-left:9px;height:1px;width:993px;}

/* ----------------------- CADRE A GAUCHE------------------------- */
#gauche{float:left;display:block;width:219px;height:461px;margin-left:8px;margin-top:0px;background-image:url(images/fond_colonne2.jpg);background-repeat:no-repeat;}

/* ----------------------- LIGNE A GAUCHE GRANDE------------------------- */
#gaucheli{margin-left:0px;margin-top:0px;width:219px;height:1150px;background-image:url(images/fond_ligne.jpg);background-repeat:repeat-y;}

/* ----------------------- LIGNE A GAUCHE PETITE------------------------- */
#gauchelip{margin-left:0px;margin-top:0px;width:219px;height:50px;background-image:url(images/fond_ligne.jpg);background-repeat:repeat-y;}


/* ----------------------- LIGNE A GAUCHE MOYENNE------------------------- */
#gauchelim{margin-left:0px;margin-top:0px;width:219px;height:750px;background-image:url(images/fond_ligne.jpg);background-repeat:repeat-y;}

/* ----------------------- CADRE A DROITE------------------------- */
#droite{float:left;display:block;width:754px;height:446px;margin-left:8px;margin-top:5px;color:#FFFF00;}

/* ----------------------- CADRE A DROITE------------------------- */
#droite2{float:left;display:block;width:754px;height:456px;margin-left:8px;margin-top:5px;color:#FFFF00;overflow:auto;}

#menu a{display:block;width:195px;height:33px;padding-top:14px;padding-left:20px;color:#FFFFFF;float:left;text-decoration:none;}
#menu a:hover {color:#FFFFFF;text-decoration:underline;}


/* ----------------------- contenu quand il n'y a pas de cadre à gauche-------------------------- */
#contenu {margin-left:3px;margin-top:0px;display:block;height:450px;width:973px;color:#FFFF00;}
*html #contenu {clear:both;display:block;height:450px;width:973px;margin-left:10px;margin-top:0px;color:#FFFF00;}

/* ----------------------- contenu fixe quand il n'y a pas de cadre à gauche-------------------------- */
#contenuf {margin-left:3px;margin-top:0px;display:block;height:450px;width:973px;color:#FFFF00;overflow:auto;}
*html #contenuf {clear:both;display:block;height:450px;width:973px;margin-left:10px;margin-top:0px;color:#FFFF00;overflow:auto;}

/* ----------------------- FOOTER ---------------------------------------- */
#footer #panneau{clear: left;margin-left:150px;margin-top:0px;height:75px;background-image: url('images/pied.jpg');background-repeat:no-repeat}