/* CSS GIP-ESJ 31032008 */
body {
	font-family: Arial;
	text-decoration: none;
	background-color: #FFFFFF;
	color: #000000;
	margin: 0px 0px 0px 0px;
	background-repeat: no-repeat;
	background-position: 0px 0px;/*	font-size: 12px;*/
	background-image: url(../img/fond_page.gif);
}

/* SPECIAL JQUERY :::: Necessite chargement dossier SCRIPT */
#screenshot {BORDER-RIGHT: #ccc 1px solid; PADDING-RIGHT: 5px; BORDER-TOP: #ccc 1px solid; DISPLAY: none; PADDING-LEFT: 5px; BACKGROUND: #333; PADDING-BOTTOM: 5px; BORDER-LEFT: #ccc 1px solid; COLOR: #fff; PADDING-TOP: 5px; BORDER-BOTTOM: #ccc 1px solid; POSITION: absolute}

a {font-family: Arial;text-decoration: none;}

h1 {
	color: #FFFFFF;
	font-size: 16px;
	font-weight: normal;
	/*background-color: #000000;*/
	margin: 0px 50px 0px 50px;
	padding: 23px 0px 12px 0px;
}

h2 {
	color: #AD9A74;
	font-size: 16px;
	font-weight: normal;
	/*background-color: #000000;*/
	margin: 0px 50px 0px 50px;
	padding: 23px 0px 12px 0px;
}
h3 {color: #807973;
	font-size: 14px;
	font-weight: normal;
	/*background-color: #000000;*/
	border-width: 1px 0px 1px 0px;
	border-style: solid;
	border-color: #c3b1a5;
	margin: 25px 50px 12px 50px;
	padding: 2px 0px 2px 0px;
}
h4 {
	color: #FFFFFF;
	font-size: 11px;
	font-weight: normal;
	/*background-color: #000000;*/
	margin: 5px 50px 5px 50px;
	padding: 0px 0px 0px 0px;
}
h5 {color: #AD9A74;
	font-size: 11px;
	font-weight: normal;
	/*background-color: #24221E;*/
	margin: 12px 50px 5px 50px;
	padding: 0px 0px 0px 0px;
}
h6 {color: #C55614;
	font-size: 9px;
	font-weight: normal;
	/*background-color: #AD9A74;*/
	margin: 5px 50px 5px 90px;
	padding: 0px 0px 0px 0px;
}


/* CONTENEURS */
p {	color: #AD9A74;
	font-size: 11px;
	margin: 0px 0px 0px 50px;
	padding: 0px 0px 0px 0px;	}

#contenu p {
	margin: 10px 50px 0px 50px;
	padding: 0px 0px 2px 0px;
}

.centrer {text-align:center;}

/* CONTENEURS TABLES :::: ATTENTION DIFFERENT DE GYP BY*/
#contenu td {color: #AD9A74;
	font-size: 11px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	}

#contenu td p { 
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 2px 0px;}

#contenu td.droite p {
	margin: 0px 0px 10px 20px;
	padding: 0px 0px 2px 0px;}

#contenu td.droite h4 {
	margin: 0px 50px 0px 20px;
	padding: 5px 0px 5px 0px;
}

#contenu td ul {
	margin: 0px 0px 0px 40px;
	padding: 0px 0px 0px 0px;	}
#contenu td li {
	margin: 0px 0px 0px 2px;
	padding: 0px 0px 0px 2px;
	list-style-type: square;
	list-style-image: url(../img/pp01.gif);}


/* Conteneur central c01*/
#contenu {
	margin: 0px 0px 0px 0px;
	position:relative;
	left:10px;
	top:0px;
	width:650px;
	height:auto;
	background-color: #3F3D39;
	overflow: visible;
}

/* bandeau haut #bh */

#head {
	position:relative;
	left:10px;
	top:0px;
	width:650px;
	height:150px;
	z-index:2;
	background-image: url(../img/gip_communication.gif);
	background-repeat: no-repeat;
	background-position: 3px 12px;
}
/* bandeau bas #bb*/
#foot {
	position:relative;
	left:10px;
	bottom:0px;
	width:650px;
	height:15px;
	z-index:5;
	background-color: #3F3D39;
}

#footMail {
	text-align: justify;
	color: #A69991;
	position:relative;
	left:30px;
	bottom:0px;
	width:570px;
	height:30px;
	z-index:0;
	margin: 5px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	}


/* navigation */


/* TYPOGRAPHIE */
#contenu a:link {text-decoration: none;}
#contenu a:hover {text-decoration: underline;color: #C55614;}
#contenu a {text-decoration: none;color: #CB8A29;}

#foot a:link {text-decoration: none;}
#foot a:hover {text-decoration: underline;color: #C55614;}
#foot a {text-decoration: none;color: #AD9A74;}

#footMail a:link {text-decoration: none;}
#footMail a:hover {text-decoration: underline;color: #C55614;}
#footMail a {text-decoration: none;color: #AD9A74;}

#head a:link {text-decoration: none;}
#head a:hover {text-decoration: underline;color: #C55614;}
#head a {text-decoration: none;color: #AD9A74;}


/* bandeau nav */
#nav {
	margin: 0px 0px 0px 0px;
	position:relative;
	left:10px;
	top:0px;
	width:615px;
	height:17px;
	z-index:5;
	}
#nav li {
	padding: 2px 2px 2px 2px;
	font-size: 11px;
	margin-top: 3px;
}
#nav a {
	color: #AD9A74;
	text-decoration: none;
	font-family: Arial;
	}
#nav a:hover, #nav li a:focus, #nav li a:active {
	text-decoration: underline;
	color: #C55614;
	}
#nav a:active {
	text-decoration: none;
	color: #222120;
	background-color: #C55614;
	}

/* TYPOGRAPHIE GENERIQUE*/
.txt {
	font-family: Arial;
 	color: #AD9A74; 
	font-size: 11px;
	text-decoration: none;
	line-height: 16px;
	margin: 0px 20px 0px 100px;
	text-align: justify;
	padding: 5px 10px 5px 100px;
}
.small {
	font-size: 9px;
	margin: 2px;
}
.nav {
	font-size: 10px;
	color: #7D7155;
	background-color: #000000;
	padding: 0px 0px 0px 10px;
	marging: 0px 0px 0px 10px;
}

.note {font-size: 9px; color: #AD9A74; 
	text-decoration: none;
	margin: 2px 0px 2px 100px;
	padding: 0px 0px 0px 0px;
}

/* LISTE A PUCE */
ul {
	margin: 0px 0px 0px 100px;
	padding: 0px 0px 0px 0px;
	font-family: Arial;
	font-size: 11px;
	color: #AD9A74;
}
li {
	margin: 0px 0px 5px 2px;
	padding: 0px 0px 0px 2px;
	list-style-type: square;
	list-style-image: url(../img/pp01.gif);
}

/* PUCES COULEURS*/
.pp01 {list-style-image: url(../img/pp01.gif);}
.pp02 {list-style-image:   url(../img/pp02.gif);}

/* COULEURS PERSO */
.blanc {color: #FFFFFF;}
.fblanc {background-color: #FFFFFF;}
.brun {color: #24221E;}
.fbrun {background-color: #24221E;}
.noir {color: #0A0A09;}
.fnoir {background-color: #0A0A09;}
.chocolat {color: #3F3D39;}
.fchocolat {background-color: #3F3D39;}
.caramel {color: #AD9A74;}
.fcaramel {background-color: #AD9A74;}
.orange {color: #C55614;}
.forange {background-color: #C55614;}

.or {color: #b99d3a;}
.for {background-color: #b99d3a;}
.gris {color: #6b6b6d;}
.fgris {background-color: #6b6b6d;}



/* TRANSPARENCE*/
.transp{
	filter:alpha (opacity=80);
	-moz-opacity:.80;
	opacity:.80;
	-khtml-opacity: 0.80;

/* pour IE 6 */
	height : 1px;}
	
/* pour les autres navigateurs */
* > .transp {height: auto;}

/* pour IE 7 */
*+html .transp {min-height : 1px;}


.transp50{
	filter:alpha (opacity=50);
	-moz-opacity:.50;
	opacity:.50;
	-khtml-opacity: 0.50;

/* pour IE 6 */
	height : 1px;
}
/* pour les autres navigateurs */
* > .transp50 {height: auto;}

/* pour IE 7 */
*+html .transp50 {
	min-height : 1px;
}


/* NE PLUS UTILISER */

.t01 {
	font-family: Arial;
	font-size: 16px;
	padding-bottom: 7px;
	text-decoration: none;
	padding: 7px 0px 7px 0px;

}
.t02 {
	font-size: 14px;
	color: #807973;
	margin: 0px;
	border-width: 1px 0px 1px 0px;
	border-style: solid;
	border-color: #c3b1a5;
	padding: 5px 0px 5px 20px;
}
.t03 {
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
	border-width: 1px 0px 1px 0px;
}