body {
margin: 0;
padding: 0;
background: url(images/page_backg.gif) top left; 
font: 0.75em Verdana, Arial, sans-serif;
font-weight: normal;
}

a { color: #C0C0C0; text-decoration: none; }
a:hover { color: #808080;}

.a_photos { color: #009966; text-decoration: none; }
.a_photos:hover { color: #009933;}

hr{border: 0px solid #E8E8E8;border-top-width:1px;height:0px;margin:10px 0px 10px 0px;}

a img{ border-width: 0px;}
p {margin: 0px;padding: 0px;}
p img {vertical-align: middle;}

.float_left{float: left;}
.float_right{float: right;}

#conteneur {
position: relative;
top: 0px;
left: 50%;
width: 750px;
margin: 0px;
margin-left: -375px;
height: auto;
padding : 0px 0px 0px 0px;
border-width: 0px;
}

#top_menu {
border: 1px solid #CCCCCC;
border-width: 0px 1px 1px 1px;
padding: 0px 2px 2px 2px; 
background-color: white; 
text-align: left; 
color: #C0C0C0;
line-height:20px;
}
#top_menu_in {background-color:#E9E9E9;padding: 0px 0px 0px 8px;}
#top_menu a { cursor: pointer; }
#top_menu ul { padding: 0; margin: 0; }
#top_menu ul li { list-style-type: none;display: inline; }

#header {
position: relative;
width: 744px;
height: 70px;
padding: 2px;
border: 1px solid #C0C0C0;
background-color: #FFFFFF; 
color: #FFFFFF;
font: 1em Verdana, Arial, sans-serif;
text-align: right;
}

#header_titre {
position: absolute;
display:block;
padding: 0px;
margin: 0px;
bottom:5px;
right:10px;
font: 2.5em Verdana, Arial, sans-serif;
/*letter-spacing: 5px;
font-weight:bold;
text-transform: uppercase;*/
}

#header_site {
position: relative;
height: 70px;
background-color: #FFCC33; 
}

#header_photos {
position: relative;
height: 70px;
background-color: #99CC99; 
}

#header_commentaires {
position: relative;
height: 70px;
background-color: #99CCCC; 
}

#header_credits {
position: relative;
height: 70px;
background-color: #CC9999; 
}

/* ---------------------
		  MENU
----------------------- */

.ong {
position: relative;
/*top: 28px;*/
left: 20px;
z-index: 10;
width: 735px;
}

.ong ul {
margin: 0px;
padding: 0px;
}

.ong ul li {
float: left ;
list-style-type: none;
margin: 0px 4px 0px 0px;
padding: 0px;
background: url("images/onglets/gris_B2.gif") bottom right no-repeat;
}


.ong ul li h5 {
margin: 0px;
padding: 0px;
font-size: 1em;
background: url("images/onglets/gris_B1.gif") bottom left no-repeat;
}

.ong ul .base_index a, .ong ul .base_photos a, .ong ul .base_commentaires a, .ong ul .base_credits a, .ong ul .base_blanc a {
display: block;
color: #FFF;
font-weight: bold;
padding: 0px 0px 0px 0px;
}

.ong ul .base_index a span, .ong ul .base_photos a span, .ong ul .base_commentaires a span, .ong ul .base_credits a span, .ong ul .base_blanc a span {
display: block ;
padding: 2px 0px 6px 10px ;
}
.ong ul .base_index a:hover span, .ong ul .base_photos a:hover span, .ong ul .base_commentaires a:hover span, .ong ul .base_credits a:hover span {color: #F2F2F2;}

.ong ul .base_index a { background-color: #FFCC33; border: 1px solid #C0C0C0;border-width:  0px 1px 1px 1px; }
.ong ul .base_index a span { display:block; border: 1px solid white;border-width: 0px 2px 2px 2px; padding-right: 10px; }
.ong ul .base_photos a {  background-color: #99CC99; border: 1px solid #C0C0C0;border-width:  0px 1px 1px 1px; }
.ong ul .base_photos a span { display:block; border: 1px solid white;border-width: 0px 2px 2px 2px; padding-right: 10px; }
.ong ul .base_commentaires a { background-color: #99CCCC; border: 1px solid #C0C0C0;border-width:  0px 1px 1px 1px; }
.ong ul .base_commentaires a span { display:block; border: 1px solid white;border-width: 0px 2px 2px 2px; padding-right: 10px; }
.ong ul .base_credits a { background-color: #CC9999; border: 1px solid #C0C0C0;border-width:  0px 1px 1px 1px; }
.ong ul .base_credits a span { display:block; border: 1px solid white;border-width: 0px 2px 2px 2px; padding-right: 10px; }
.ong ul .base_blanc a { background-color: #DBDBDB; border: 1px solid #C0C0C0;border-width:  0px 1px 1px 1px; }
.ong ul .base_blanc a span { display:block; border: 1px solid white;border-width: 0px 2px 2px 2px; padding-right: 10px;}

.ong ul .visite_index a, .ong ul .visite_photos a, .ong ul .visite_commentaires a, .ong ul .visite_credits a {
position: relative;
top: -3px;
display: block;
color: #FFF;		
font-weight: bold;
padding: 0px 10px 0px 0px;
margin: 0px;
}


.ong ul .visite_index a span, .ong ul .visite_photos a span, .ong ul .visite_commentaires a span, .ong ul .visite_credits a span {
position: relative;
display: block;
padding: 0px 0px 6px 10px ;
}

.ong ul .visite_index a { background: #FFCC33 url("images/onglets/gris_B3.gif") top right no-repeat; }
.ong ul .visite_index a span { background: #FFCC33 url("images/onglets/gris_B4.gif") top left no-repeat;}
.ong ul .visite_photos a { background: #99CC99 url("images/onglets/gris_B3.gif") top right no-repeat; }
.ong ul .visite_photos a span { background: #99CC99 url("images/onglets/gris_B4.gif") top left no-repeat; }
.ong ul .visite_commentaires a { background: #99CCCC url("images/onglets/gris_B3.gif") top right no-repeat; }
.ong ul .visite_commentaires a span { background: #99CCCC url("images/onglets/gris_B4.gif") top left no-repeat; }
.ong ul .visite_credits a { background: #CC9999 url("images/onglets/gris_B3.gif") top right no-repeat; }
.ong ul .visite_credits a span { background: #CC9999 url("images/onglets/gris_B4.gif") top left no-repeat; }

#co_droite {
text-align:center;
float:right;
padding:10px;
width:160px;
color:#808080;
}
#co_droite span {font-size: 0.85em;vertical-align: middle;}
#co_droite img {vertical-align: middle;}

#co_gauche {
background-color:#FFFFFF;
text-align:left;
padding:10px;
width:520px;
}
#co_gauche p {padding: 0px; margin: 15px 0px 15px 0px;}
#co_gauche p img {float:left;margin: 0px 5px 0px 0px;}

.cont_txt {
border:1px solid #CCCCCC;
background-color:#FFFFFF;
padding:9px;
}

.photo_link {
display:block;
}

.photo_cadre {
padding: 2px;
border: 1px solid #CCCCCC;
margin-bottom: 2px;
}

.photo_cadre:hover {
padding: 2px;
border: 1px solid #000000;
}

.photo_cadre_vide {
padding: 2px;
border: 1px solid #C0C0C0;
margin-bottom: 2px;
}

.photo_info {
color: #808080;
text-decoration: underline;
}

.h3_green, .h3_blue, .h3_red, .h3_orange {
border: 1px solid #CCCCCC;
font-size: 1.2em;
padding: 0px;
margin: 0px;
}

.h3_green span, .h3_blue span, .h3_red span, .h3_orange span {
display:block;
color: #FFFFFF;
padding: 2px;
margin: 2px;
text-align: center;
}
.h3_green span {background-color: #99CC99;}
.h3_blue span {background-color: #99CCCC;}
.h3_red span {background-color: #CC9999;}
.h3_orange span {background-color: #FFCC33;}
.h2_blue {color: #99CCCC;padding: 0px 2px 2px 0px;margin: 0px 2px 2px 0px;font-size: 1.5em;}

.h3_green a {color: #FFFFF;}

.a_blue {color:#009999;}
.a_blue:hover {color:#009999;font-weight:bold;}

.a_red {color:#990000;}
.a_red:hover {color:#CC3333;}

.a_white {color:#FFFFFF;}
.a_white:hover {color:#EFEFEF;}

.bords {
border: 1px solid #CCCCCC;
}

.photo_barre {padding: 2px;line-height:18px;}

.tv {
font-weight: bold;
color: #336600;
font-family: Courier, 'Courier New', sans-serif;
}

.av {
font-weight: bold;
color: #CC0000;
font-family: Courier, 'Courier New', sans-serif;
}

.iso {
font-weight: bold;
color: #C0C0C0;
font-family: Courier, 'Courier New', sans-serif;
}

.resolution {
font-weight: bold;
color: #669999;
font-family: Courier, 'Courier New', sans-serif;
}

.taille {
font-weight: bold;
color: #996633;
font-family: Courier, 'Courier New', sans-serif;
}

.input_text { border: #99CCCC 1px  solid; padding: 1px 3px 1px 3px; color: #000000; margin-top: 3px;}
.input_submit { border: 1px #99CCCC solid; padding: 0px 3px 0px 3px; color: #009999; font-weight: bold; margin-top: 3px; background-color: #ffffff;}
textarea { border: 1px #99CCCC solid; padding: 3px 0px 3px 5px; text-align:left;}
label {font-size: 1em; color: #4D4D4D}

fieldset {border: 1px #CCCCCC solid;}

.legend {
font-size: 1em;
font-weight: bold;
color: #009999;
border-width: 1px;
border-color: #CCCCCC;
border-style: solid;
padding: 2px 10px 2px 10px;
}

.help { cursor: help; }

.plan_liste {
padding: 0px 0px 10px 0px;
margin: 0px 0px 0px 25px;
color: #808080;
}
.puce_orange {list-style-image: url("images/puces/puce_orange.gif");}
.puce_green {list-style-image: url("images/puces/puce_green.gif");}
.puce_blue {list-style-image: url("images/puces/puce_blue.gif");}
.puce_red {list-style-image: url("images/puces/puce_red.gif");}

.puce_orange a {color: #FFCC33;}
.puce_green a {color: #99CC99;}
.puce_blue a {color: #99CCCC;}
.puce_red a {color: #CC9999;}

.plan_liste li {
	margin: 0px 0px 0px 30px;
	padding: 3px 0px 4px 2px;
	line-height: 1em;

}

.h2_plan_orange, .h2_plan_green, .h2_plan_red, .h2_plan_blue {
text-transform: uppercase;
letter-spacing: 0.7em;
font-size: 2em;
padding: 0px 0px 5px 0px;
margin: 0px 0px 10px 5px;
padding-left: 35px;
}

.h2_plan_orange {color: #FFCC33; border-bottom: 1px solid #FFCC33; background: url("images/puces/titre_orange.gif") left top no-repeat; }
.h2_plan_green {color: #99CC99; border-bottom: 1px solid #99CC99; background: url("images/puces/titre_green.gif") left top no-repeat;}
.h2_plan_blue {color: #99CCCC; border-bottom: 1px solid #99CCCC; background: url("images/puces/titre_blue.gif") left top no-repeat;}
.h2_plan_red {color: #CC9999; border-bottom: 1px solid #CC9999; background: url("images/puces/titre_red.gif") left top no-repeat;}