/* ###################### MISE EN PAGE GENERALE ###################### */
html, body {
	margin : 0;
	padding : 0;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	color:#FFCC00;
	font-weight: normal;
	font-size: 12px;
	background: url(../images/commun/fond_nuage.jpg) top left no-repeat;
}
* {
	margin: 0;
	padding: 0;
}
#cadre {
	width: 0 auto;

}
#contenu_haut {
	width: 1100px;
	height: 380px;
}
#contenu_bas {
	width: 1300px;
	height: 400px;
	background: #000;

}
#gauche {
	width: 380px;
	height: 80px;
	float: left;
	margin: 0;
	background: url(../images/commun/twebdesign.png) top left no-repeat;
}
#droite {
	width:700px;
	float: left;
}
#droite_references {
	width:700px;
	height:400px;
	float: left;
	background: url(../images/commun/fond_references.png) top left no-repeat;
}
#droite_menu {
	width: 580px;
	float: right;
	font-size: 11px;
	margin:30px 0 0 0;
}
#droite_menu a {
	text-decoration: none;
	color: #999900;
}
#droite_menu a:hover {
	text-decoration: none;
	color:#990099;
}
#footer {
	width: 900px;
	height: 100px;
	background-image: url(../images/commun/fond_footer.png);
	margin : 0px auto;
}
	/* --------------------- BALISES GENERALES ---------------------- */
h1 {
	font-size: 13px;
	font-family: Georgia, "Times New Roman", Times, serif;
	color:#fff;
	font-weight: normal;
}
h2 {
	font-size: 12px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #727272;
}
.h2autre {
	font-weight: normal;
	color:#FFCC00;
}
h3 {
	font-size: 14px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	margin :20px 0 4px 30px;
	color: #2091B6;
}
p {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color:#A59E9F;
}
a {
	text-decoration: none;
	color: #666699;
}
a:hover {
	text-decoration: none;
	color: #0080FE;
}
hr {
	clear: both;
	width: 100%;
	border: 0;
	border-bottom: 1px #CCCCCC solid;
	height: 1px;
}
/* --------------------- ACCUEIL ---------------------- */

#image_droite {
	width: 110px;
	height: 400px;
	float: right;
	background: url(../images/commun/web_fleur.png) top no-repeat;
}
/* --------------------- MENU ---------------------- */
#gauche_menu {
	width: 190px;
	margin: 90px 0 0 130px;
	text-align: left;
}
#gauche_menu a {
	text-decoration: none;
	color: #ab14e9;
}
#gauche_menu a:hover {
	text-decoration: none;
	color: #33FFFF;
}
#gauche_menu ul {
	margin: 0px 0 0 40px;
	padding: 0;
	color: #879000;
}
#gauche_menu ul li {
	list-style-type: none;
}
#gauche_menu ul li a {
	text-decoration: none;
	color: #879000;
}
#gauche_menu ul li a:hover {
	color: #FF0099;
}
#gauche_menu ul li a#current {
	color: #FF0099;
}
#gauche_menu ul.references {
	margin:  150px 0px 0 0px;
	color: #fff;
}
#gauche_menu ul.references li.references {
list-style-type: none;
}
#gauche_menu ul.references li.references a {
	color: #fff;
}
#gauche_menu ul.references li.references a:hover {
	color: #fff;
}
#gauche_menu ul.references li.references a#current {
	color: #Ff;
}
.titre_liste {
	font-size: 13px;
	margin: 0 0 5px 0;
	padding: 0;
	color: #FF6600;
}
/* --------------------- REFERENCES ---------------------- */
#description {
	width: 200px;
	height: 400px;
	float: left;
	margin: 30px 0 0 20px;
}
a.bt_ref {
display: block;
width:14px;
height: 19px;
background: url(../images/references/bt_ref_off.gif) no-repeat;

}
a.bt_ref:hover{
display: block;
background:  url(../images/references/bt_ref_on.png) no-repeat;
}
.tableau_bt_ref {
	margin: 0 0 10px 0;
	border: 0;
}