body {background: #000; color: #FFF}
a { text-decoration: none; }
a:link {  color: red; text-decoration: none; }
a:visited {  color: red; text-decoration: none; }
a:hover {  color: white; text-decoration: none; }
a:active { color: white; text-decoration: none; }
input { color: red; background-color: black; border:0px; }
textarea { color: red; background-color: black; border:0px; }
submit { color: red; background-color: black; border:1px #c90000; }


div#corp { font-family: "Gill Sans", Arial, Helvetica, Geneva, SunSans-Regular, sans-serif; }
div#fondAccueil {background-image: url(Images/fondAccueil.jpg); background-repeat: no-repeat; width: 1109px; height: 784px;}
div#accueil { color: red; font-size: 18px; position: absolute; top: 20px; left: 50px; }
div#menu { position: absolute; top: 120px; left:10px }
div#titre { position: absolute; top: 5px; left: 120px; width: 710px; height: 45px; padding-left: 255px; border-bottom: 3px solid #900; }
div#cadreVignette { position: absolute; top: 135px; left: 195px; width: 255px; height: 242px; z-index: 1; }
div#vignette { background-image: url(Images/vignette.jpg); background-repeat: no-repeat; text-align: center; width: 75px; height: 74px; float: left; margin-right: 6px; margin-bottom: 6px; padding-top: 2px; }
div#cadreImage { background-image: url(Images/cadre_image.jpg); background-repeat: no-repeat; position: absolute; top: 120px; left: 445px; width: 661px; height: 661px; }
div#cadreImage table { background-position: 0 top; text-align: center; }
div#cadreLegende { color: #fff; font-size: 14px; font-weight: normal; line-height: 16px; background-image: url(Images/cadre_legende.jpg); background-repeat: no-repeat; text-decoration: none; position: absolute; top: 410px; left: 195px; width: 219px; height: 214px; overflow: auto; padding: 10px; }


div#cadreFormulaire { background-image: url(Images/cadre.jpg); background-repeat: no-repeat; position: absolute; top: 120px; left: 270px; width: 661px; height: 662px; color: red; padding-left: 40px; font-weight: lighter; padding-top: 10px; }
div#cadreFormulaire table { color: red; font-weight: lighter;}
div#cadreMateriels { background-image: url(Images/cadre.jpg); background-repeat: no-repeat; position: absolute; top: 120px; left: 270px; width: 661px; height: 662px; color: red; padding-left: 40px; font-weight: lighter;}
div#cadreQui { background-image: url(Images/cadre.jpg); background-repeat: no-repeat; position: absolute; top: 120px; left: 270px; width: 661px; height: 660px; color: red; padding-left: 40px; font-weight: lighter;}
div#suivant { height: 20px; width: 234px; left: 195px; top: 380px; position: absolute; visibility: visible; }

.champFormulaire { background-image: url(Images/champFormulaire.jpg); background-repeat: no-repeat;  vertical-align: top; padding-left: 15px; padding-top: 7px;}
.champtexteArea { background-image: url(Images/texteArea.jpg); background-repeat: no-repeat;  vertical-align: top; padding: 20px}
.titreMateriel {color: white;}

/************************/
/*    Mappage accueil   */
/************************/
div#architecteSelect { position: absolute; top: 270px; left: 245px; width: 227px; height: 47px;}
div#reportageSelect { position: absolute; top: 270px; left: 513px; width: 190px; height: 47px;}
div#creationSelect { position: absolute; top: 270px; left: 764px; width: 160px; height: 47px;}



/**********************************************/
/*  differentiation des rubriques actives     */
/**********************************************/
a.RubriqueActive { color: white;}
a.RubriqueActiveLettrine { color: red; font-size: 30px; font-weight: normal; }
a.RubriqueInactive { color: grey;}
a.RubriqueInactiveLettrine { color: #7b0000; font-size: 30px; font-weight: normal; }


/************************/
/* 	 Rubriques      */
/************************/
div#rubrique1 { color: gray; font-size: 22px; letter-spacing: 1px; position: absolute; top: 70px; left: 20px; }
div#rubrique2 { color: gray; font-size: 22px; letter-spacing: 1px; position: absolute; top: 70px; left: 195px; }
div#rubrique3 { color: gray; font-size: 22px; letter-spacing: 1px; position: absolute; top: 70px; left: 360px; }


/************************/
/*  gestion du menu     */
/************************/
div#menu a 				{ color: red; text-decoration: none;}
div#menu a:link 		{ color: red; text-decoration: none;}
div#menu a:visited 		{ color: red; text-decoration: none;}
div#menu a:hover 		{ color: white; text-decoration: none;}
div#menu a.sousmenu 		{ color: red; font-size: 14px; text-decoration: none;}
div#menu a.sousmenu:link 	{ color: red; font-size: 14px; text-decoration: none;}
div#menu a.sousmenu:visited { color: red; font-size: 14px; text-decoration: none;}
div#menu a.sousmenu:hover 	{ color: white; font-size: 14px; text-decoration: none;}
div#menu .sousmenuactif 	{ color: white; font-size: 14px; text-decoration: none;}


/*****************************/
/*  gestion du sous-menu     */
/*****************************/
div#sousMenu { color: red; position: absolute; top: 810px; left: 120px; width: 800px; padding-right: 165px; border-bottom: 3px solid #900; }
div#sousMenu table { color: red; text-align: center; margin-left: 500px; }
div#sousMenu a { color: red; text-decoration: none; }
div#sousMenu a:link {  color: red; text-decoration: none; }
div#sousMenu a:visited {  color: red; text-decoration: none; }
div#sousMenu a:hover {  color: white; text-decoration: none; }
div#sousMenu a:active {  color: white; text-decoration: none; }