body{
	margin: 0px;
	padding: 0px;
	background-color: #000000;
	background-image: url(imaj/fond-body.jpg);
	background-repeat: repeat-x;
	background-position: top;
}
h1 {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 15px; 
	color: #AAAAAA; 
	font-style: normal
}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #CC9966;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #CC9966;
}
p {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #666666;
}
a {  
	color: #999999; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-style: normal; 
	text-decoration: underline;
}
a:hover {  
	color: #CC9966;
	text-decoration: none;
}
a.creaweb {  
	color: #990000; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	font-style: normal; 
	text-decoration: none;
}
a.creaweb:hover {  
	color: #ffdd00;
}
img {  
	border: 0;
}
/* -----------------------------------CONTENEURS GLOBAUX------------------------------------ */
#globalblanc {
	position: relative;
	width: 940px;
	margin: 0 auto;
	background-color: #FFFFFF;
	left: 50%;
	margin-left: -470px;
}
#globalfondecran {
	position: relative;
	width: 940px;
	margin: 0 auto;
}
/* -----------------------------------ENTETE------------------------------------ */
#entete {
	background-image: url(images/fond-entete-pixelenvrac_98.jpg);
	background-repeat: no-repeat;
	height: 98px;
}
#entete h1 {
	position: absolute;
	top: 15px;
	left: 388px;
	text-align: center;
	width: 540px;
	padding:0;
	margin:0;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 13px; 
	color: #dedede;
}
#entete h2 {
	position: absolute;
	top: 61px;
	left: 388px;
	text-align: center;
	width: 538px;
	padding:0;
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #CC9966;
}
#sous-sommaire ul {
	padding: 0 0 0 10px;
	margin: 5px 0 0 10px;
	color: #000000;
	list-style-type: circle;
	line-height: 12px;
}
#sous-sommaire li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	text-decoration: none;
	color: #273327;
}
#sous-sommaire li a:hover {
	text-decoration: underline;
	color: #000000;
}
/* -----------------------------------MENUS------------------------------------ */
#menu-haut {
	background-color: #666666;
	margin: 0px;
	padding: 10px 0 0 0;
	height: 26px;
	color: #FFFFFF;
	line-height: 26px;
}
#menu-bas {
	margin: 0px;
	padding: 8px 0 0 0;
	height: 26px;
	text-align: center;
	text-valign: middle;
	line-height: 26px;
	background-color: #666666;
}
#sommaire {
	text-align: center;
	margin: 0px;
	padding: 0px;
	width: 940px;
}
#sommaire a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #aaddcc;
	text-decoration: none;
}
#sommaire a:hover {
	color: #ffeeaa;
	text-decoration: underline;
}
#sommaire .selection {
	color: #FFFFFF;
}
/* -----------------------------------CONTENU GALERIE------------------------------------ */
#galerie {
	padding: 5px 200px 5px 5px;
	min-height: 410px;
}
#galerie-droite {
	position: absolute;
	width: 190px;
	right: 0;
	padding: 0 3px 0 3px;
	left: 742px;
	top: 136px;
	text-align:center;
}
#galerie-droite ul {
	color: #000000;
	list-style-type: circle;
	padding: 0 0 5px 5px;
	margin: 0;
}
#galerie-droite li {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	color: #666666;
	padding: 0 0 5px 5px;
}
#galerie-droite h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#galerie-droite h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#galerie-droite p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
/* -----------------------------------CONTENU ESQUISSE------------------------------------ */
#esquisse {
	padding: 10px 10px 10px 10px;
	text-align: center;
	min-height: 410px;
}
/* -----------------------------------CONTENU realisation WEB------------------------------------ */
#galerieweb {
	padding: 10px 10px 10px 10px;
	text-align: center;
}
/* -----------------------------------CONTENU INTRO------------------------------------ */
#intro {
	padding: 10px 310px 10px 310px;
	text-align: justify;
	min-height: 420px;
}
#intro-gauche {
	position: absolute;
	left: 10px;
	padding-top: 10px;
	text-align: center;
	text-valign: middle;
	width: 258px;
	height: 265px;
}
#intro-droite {
	position: absolute;
	width: 300px;
	right: 10px;
	padding-top: 10px;
}
/* -----------------------------------CONTENU FOND-ECRAN------------------------------------ */
/* ---------------------------centre----------------- */
#fond-ecran {
	padding: 10px 145px 10px 205px;
	background-image: url(images/fond-global-fond-ecran.jpg);
	background-repeat: repeat-y;
}
#fond-ecran td {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #cdcdbc;
	text-align: center;
	vertical-align: middle;

}
#fond-ecran h1 {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 15px; 
	color: #AAAAAA; 
	text-align: center;
	width: 580px;
	line-height: 40px;
	padding: 0;
	margin: 0;
}
#fond-ecran h2 {
	padding:0;
	margin:0;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #CC9966;
}
/* ---------------------------gauche----------------- */
#fond-ecran-gauche {
	position: absolute;
	width: 200px;
	left: 0;
	padding: 10px 0 10px 5px;
}
#fond-ecran-gauche p {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #cdcdbc;
}
#fond-ecran-gauche h2 {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weigth: bold;
	color: #ffffff;
}
#fond-ecran-gauche a {  
	color: #ccccbb; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-style: normal; 
	text-decoration: underline;
}
#fond-ecran-gauche a:hover {  
	color: #ffffff;
	text-decoration: none;
}
/* ---------------------------droite----------------- */
#fond-ecran-droite {
	position: absolute;
	width: 140px;
	right: 0;
	padding: 10px 0 10px 5px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #cdcdbc;
}
#fond-ecran-droite p {  
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #cdcdbc;
}
#fond-ecran-droite h2 {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px; 
	font-weigth: bold;
	color: #ffffff;
}
#fond-ecran-droite a {  
	color: #ccccbb; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	font-style: normal; 
	text-decoration: underline;
}
#fond-ecran-droite a:hover {  
	color: #ffffff;
	text-decoration: none;
}
/* -----------------------------------PIED de PAGE------------------------------------ */

#pieddepage {
	background-color: #000000;
	text-align: center;
	background-image: url(images/pied-de-page_65.jpg);
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0;
	height: 65px;
}
#pieddepage h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #cccccc;
	margin: 0;
	padding-top: 20px;
}
#pieddepage p {
	margin: 0;
	padding: 0;
}
#pieddepage a {  
	color: #aaddcc; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 10px; 
	text-decoration: none
}
#pieddepage a:hover {  
	color: #ffffff;
}
/* -----------------------------------CLASS COMPLEMENTAIRES------------------------------------ */
.galerie {
	background-color: #000000;
	padding-top: 20px;
	padding-bottom: 20px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #333333;
	border-bottom-color: #333333;
	padding-left: 40px;
}
.formulaire {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #003366;
	background-image: url(imaj/couplombre.jpg);
	background-repeat: no-repeat;
	background-position: center center;
	text-indent: 10px;
	border: 1px solid #006666;
}
.cadrerouge {
	border: 1px solid #FF0033;
}