/* corps */
body { font-family: Verdana, Arial, sans-serif; color: #000; margin: 0; background: #FFF; }

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

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

/* liens */
a { text-decoration: none; color: #000; }
a:hover { text-decoration: none; color: #0099CC; }

.liengris a { text-decoration: none; color: #AFAFAF; font-size: 80%; }
.liengris a:hover { text-decoration: none; color: #000; }

.email a { text-decoration: none; color: #0099CC; font-size: 80%; }
.email a:hover { text-decoration: none; color: #000; }

a.menurubrique { text-decoration: none; color: #111; }
a.menurubrique:hover { text-decoration: none; color: #000; background: #0099CC; }

a.menuprojet { text-decoration: none; color: #AFAFAF;  }
a.menuprojet:hover { text-decoration: none; color: #000; background: #FFF;  }

/* menus */
.menurubrique { font-size: 12px; letter-spacing: 0.1em; color: #000; text-align: left; text-transform: uppercase; line-height: 180%; padding: 2px; }
.menurubrique:hover { color: #0099CC; }
.menurubriqueselected { background: #0099CC; font-size: 12px; letter-spacing: 0.1em; color: #000; text-align: left; text-transform: uppercase; line-height: 180%; padding: 2px; }

.menuprojet { font-size: 11px; color: #AFAFAF; text-transform: uppercase; line-height: 140%; display: block; }
.menuprojetselected { font-size: 11px; color: #000; text-transform: uppercase; line-height: 140%; display: block; }

/* contenus */
.texte		{ color: #000; font-size: 11px; }
.carre		{ margin-bottom: 27px; float: left; background: #AFAFAF; width: 125px; height: 117px; }
.rubrique	{ font-size: 11px; text-align: left; line-height: 130%; }
.projet		{ font-size: 11px; text-align: left; line-height: 130%; }
.encours	{ height: 117px; width: 125px; text-align: center; line-height: 117px; font-weight: bold; color: #FFF; font-size: 80%; letter-spacing: 1px}
.presentation	{ padding-top: 150px; font-size: 11px; text-align: left; line-height: 130%; }

/* paragraphes */
h1 { color: #0099CC; font-size: 130%; letter-spacing: 1px;}
h2 { color: #000; font-size: 110%; font-weight: bold; font-style: italic; letter-spacing: 1px; }
h3 { color: #FFFFFF; font-size: 90%; font-weight: bold;}

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

/* couleurs */
.gris { color: #AFAFAF; }
.vert { color: #0099CC; }
.rouge { color: #E1001A; }
.vert  { color: #7EC65F; }
.noir { color: #000; }

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

/* backoffice */
#admin { font-size: 70%; background: #FFF; margin-top: 10px; }
.colonneadmin { background-color: #0099CC; color: #000; 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; }