/* corps */
body { font-family: Arial, Verdana, sans-serif; color: #333333; font-size: 90%; margin: 0; background: #FFFFFF url("/img/fond-page.png") }

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

/* éléments */
img { border: 0; }
img.droite { float: right; }
img.gauche { float: left; }
abbr { border-bottom: 1px dotted #000000; cursor: help; }

/* liens standard */
a { text-decoration: underline; color: #B3312F; }
a:hover { text-decoration: none; color: #333333; }

/* menu */
a.rubmenu { text-decoration: none; font-size: 100%; color: #FFD700; font-style: italic; font-weight: bold; }
a.rubmenu:hover { color: #FFFFFF; }
a.submenu { text-decoration: none; font-size: 80%; color: #FFFFFF; font-style: normal; }
a.submenu:hover { color: #FFD700; }
.separator { font-size: xx-small; border-bottom: #FFF solid 1px; margin: 3px 0 3px 0; line-height: 5px; }

/* contenus */
blockquote.texte { margin-left: 20px; }
.texte		{ font-size: 90%; text-align: left; }
.texteintro	{ font-size: 100%; text-align: left; }
.textetitre	{ font-size: 100%; letter-spacing: 1px; font-weight: bold; margin-top: 20px; }
.textebas	{ font-size: 90%; text-align: center; margin-top: 50px; }

.legende { font-size: x-small; padding-bottom: 10px; font-weight: normal; color: #333; }

/* paragraphes */
h1 { color: #777; font-size: 170%; font-weight: bold; font-style: italic; letter-spacing: 1px;}
h2 { color: #B3312F; font-size: 120%; font-weight: bold; font-style: italic; letter-spacing: 1px; margin-top: 60px; }
h3 { color: #FFFFFF; font-size: 90%; font-weight: bold;}

/* liens bas - copyright*/
#bas { font-size: 70%; color: #EEEEEE; background: url("/img/fond.png"); padding-top: 5px; }
#bas a { text-decoration: none; color: #EEEFFF; }
#bas a:hover { text-decoration: none; color: #CCCCCC; }

/* infos légales formulaires */
.legal { font-size: 60%; color: #777777; }

/* couleurs */
.bleu { color: #00004C; }
.gris { color: #505050; }
.vert { color: #D5E9D7; }
.bleufonce { color: #00004C; }
.rouge { color: #B3312F; }
.vert  { color: #7EC65F; }
.noir { color: #222222; }

/* boutons et forms */
.form { font-size: 85%; background: #FFFFFF url("img/input_bg.png") left top repeat-x; border: 1px solid #bbb; }
.formc { font-size: 85%; background: #FFFFFF url("img/input_bg.png") left top repeat-x; border: 1px solid #bbb; text-align: center; }
.bouton	{ color: #FFFFFF; font-size: 90%; background-color: #B3312F; }

/* couleurs ligne entête backoffice */
#admin { font-size: 70%; background: #00004C; margin-top: 10px; }
.colonneadmin { background-color: #86BDF5; color: #00004C; height: 25px; }
td.admin { color: #333; }
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: #00004C; }