@charset "utf-8";

/* corps */
body { 
	font-family: Verdana, Arial, sans-serif; 
	color: #3E3E3E; 
	font-size: 82%;	
	background: #EEE; }

/*div {border: 1px solid red; }  */

/* éléments */
img { border: 0; }
abbr {	border-bottom: 1px dotted #000000; cursor: help; }

#conteneur { width: 720px; margin: auto; border: 1px solid #DDD; background: #FFF;}
#pied { width: 720px; margin: auto; background: #0039A6; color: #FFF; text-align: center; padding: 5px 0px; font-size: 90%; }

#menuhaut .bouton { background: #fff url(/img/fond_menu.png) no-repeat; height: 38px; display: block; float: left; width: 115px; margin-left: 4px; }
#menuhaut .bouton:hover, #menuhaut .bouton:visited { background: url(/img/fond_menu_gris.png) no-repeat; }
#menuhaut #selected { background: url(/img/fond_menu_gris.png) no-repeat; }
#menuhaut .txtbouton { display: block; padding-right: 10px; font-weight: bold; padding-top: 10px; text-align: center; padding-left: 10px; }
#menuhaut a { font-size: 110%; color: #FFF; text-decoration: none; }

#contenu { clear: both; padding: 20px; overflow: auto; }

a 	{ color: #0039A6; text-decoration: none; }
a:hover   { color: #58A618; text-decoration: underline; }

.album { float: left; width: 140px; margin-right: 20px; margin-top: 15px; text-align: center; font-size: 85% }
.photo { float: left; width: 125px; height: 90px; margin-left: 20px; margin-right: 20px; margin-bottom: 25px; text-align: center; font-size: 70%; }

h1 { font-size: 120%; color: #0039A6; border-bottom: 1px solid #0039A6; margin-top: 0; clear: both}
h2 { font-size: 100%; color: #58A618; border-left: 4px solid #58A618; padding-left: 5px; }

td.cv { color: #121A3F; border-bottom: 1px dotted #ccc; line-height: 18px}
td.alim { color: #333; text-align: center; width: 100px; font-weight: bold}
td.prix { color: #111; text-align: center; border-bottom: 1px dotted #ccc}

.ligne { border-bottom: 1px solid #CCC; padding: 3px; margin-left: 50px; width: 450px; font-size: 90%; line-height: 22px }
.entete { width: 150px; color: #111; float: left;}

/* boutons et forms */
input { font-family: Arial, sans-serif; }
.form { font-size: 100%; background : #FFF url(icones/input_bg.png) left top repeat-x; border: 1px solid #bbb; }
.formc { font-size: 100%; background : #FFF url(icones/input_bg.png) left top repeat-x; border: 1px solid #bbb; text-align: center; }
.form_petit { font-size: 90%; }
.bouton	{ color: #FFF; font-size: 90%; background-color: #0039A6; }

/* backoffice */
#admin { font-family: Arial, sans-serif; font-size: 70%; background: #FFF; margin-top: 10px; }
#admin .bouton	{ font-family: Arial, Helvetica, sans-serif; color: #0039A6; font-size: 95%; background: #f3f9cd; }
span.disabled { color: #CCC; }
.colonneadmin,.colonneadmin a { background-color: #0039A6; color: #FFF; height: 25px; }
td.admin { color: #FFF; }
div.result { padding: 5px; border: 1px dotted #CCC; width: 600px; font-weight: bold; margin: auto;}
.box {	font-size: 14px; border: 1px solid #ddd; visibility: hidden; float: left; padding: 5px; width: 0px; height: 0px; margin: 5px; background: #F3EECC; z-index: 1; margin-left: 60px;}
.masque { vertical-align: middle; -moz-opacity:0.3;filter:alpha(opacity=30); }
.fondrouge { background: #F9BD3B; color: #000; padding: 5px; }
.fondvert  { background: #7EC65F; color: #FFF; padding: 5px; }
.titre { font-size: 14px; font-weight: bold; letter-spacing: 2px; color: #0039A6; }