/* CSS Document */
/* Boris G. Parfenoff  2007 02 08 */

/* Corps general de la page */

a, #col1 a {
 text-decoration     : none;
 color               : #FFF;
}

body {
	background-color : #999999;
	font-family      : Arial, Helvetica, sans-serif;
	margin           : 0px;
	padding          : 0px;
}

#mapage {
    position         : absolute;
	margin           : 0px;
	padding          : 0px;
	top              : 0;
	left             : 0;
    display          : table;
    width            : 1024px;
	height           : 768px;
	background-image : url(../img/commun/gfx_barre_v.gif);
	background-repeat: no-repeat;
	background-position: 175px 146px;
}

#corps {
    position         : absolute;
    color            : #FFF;
	top              : 146px;
	left             : 195px;
    float            : left;
    width            : 820px;
	height           : 768px;
}

/* bordure d'images et autres */

.myborder {
   border            : 1px solid #848484;
   padding           : 3px;
   margin            : 2px;
}


/* HOME */

#mahome {
   margin            : 100px 0 0 100px;
   height            : 110px;
   width             : 580px;
}

/* Version 2 colonnes */

/* col1 */
#col1 {
   margin            : 0;
   padding           : 0;
   width             : 370px;
   float             : left;
   color             : #FFF;
   font-family       : "trebuchet ms", Verdana, Arial, sans-serif;
}


#col1 textarea, #col1 input, textarea, input, #corps_maj input, #corps_maj file
{
	border            : 1px solid #848484;
	padding           : 3px;
	margin            : 2px;
	background-color  : #CCCCCC;
	font-family       : "trebuchet ms", Verdana, Arial, sans-serif;
	font-size         : 11px;
	font-weight       : normal;
	color             : #666;
	line-height       : 160%;
	letter-spacing    : 0.5px;
}


#col1 h3.titre, h3.titre {
	font-weight       : normal;
	font-size         : 17px;
	letter-spacing    : 1px;
	font-family       : Arial, Helvetica, sans-serif;
}

#col1 p, #corps_maj p {
	font-family       : "trebuchet ms", Verdana, Arial, sans-serif;
	font-size         : 11px;
	font-weight       : normal;
	color             : #FFF;
	line-height       : 160%;
	letter-spacing    : 0.5px;
}

#col1 td, td {
	font-family       : "trebuchet ms", Verdana, Arial, sans-serif;
	font-size         : 11px;
	font-weight       : normal;
	color             : #FFF;
	line-height       : 160%;
	letter-spacing    : 0.5px;
}


/* col2 */

#col2 {
   margin            : 36px 0 0 10px;
   width             : 430px;
   float             : left;
}

#col2 img, #oeuvre img {
   float             : left;
   border            : 1px solid #848484;
   padding           : 3px;
   margin            : 2px;
}


/* partie oeuvre */


#liste {
   margin            : 0;
   padding           : 0;
   width             : 200px;
   height            : 550px;
   overflow          : auto;
   float             : left;
}

#liste a {
   display           : block;
   width             : 180px;
   color             : #FFF;
   font-family       : "trebuchet ms", Verdana, Arial, sans-serif;
   font-size         : 12px;
   font-weight       : normal;
   line-height       : 160%;
   letter-spacing    : 0.5px;
   border            : 1px solid #999;
   padding-left      : 3px;
}

#liste a:hover, #liste a.sel {
   background-color  : #FF00CC;
   border            : 1px solid #FFABEE;
}

#oeuvre td.gris {
   color             : #DDD;
}

#oeuvre {
   margin            : 0 0 0 10px;
   text-align        : center;
   width             : 610px;
   float             : left;
}



/*************************************************************************************************/

/* Mise a jour */
body.maj{
    background-image : url(../img/commun/pixel.gif);
}

#mapage_maj {
    display          : table;
    width            : 800px;
	margin           : 0 auto;
}

#tete_maj {
	color            : #FFF;
	display          : block;
    margin           : 0 auto;
	width            : 800px;
	height           : 50px;
	padding-top      : 20px;
}

#corps_maj {
	color            : #FFF;
	margin           : 30px auto;
	padding          : 5px 0 50px 15px;
	width            : 800px;
	background-color : #AAA;
	border           : 1px solid #666;
}

#corps_maj .tech {
    margin            : 0;
	padding           : 0;
	line-height       : 150%;
	font-weight       : normal;
	font-size         : 12px;
	letter-spacing    : 1px;
    color             : #FFF;
    font-family       : Arial, Helvetica, sans-serif;
 }
 
 #corps_maj .list_titre {
    margin            : 0;
	padding           : 0;
	line-height       : 120%;
	font-weight       : bold;
	font-size         : 12px;
	letter-spacing    : 1px;
    color             : #FFF;
    font-family       : Arial, Helvetica, sans-serif;
 }
 
 #corps_maj h3 {
	font-weight       : normal;
	font-size         : 16px;
	letter-spacing    : 1px;
	font-family       : Arial, Helvetica, sans-serif;
}