/* début des styles du body */
body.cmc {
 	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	text-align: left;
}
/* fin des styles du body */

/* début des styles généraux */
#global {
	position:absolute;
	left: 50%; 
	top: 50%;
	width: 950px;
	height: 585px;
	margin-top: -292.5px; /* moitié de la hauteur */
	margin-left: -475px; /* moitié de la largeur */
	background-image:url(images/general/fond_site.png);
	border: 1px solid #000000;
}

#droite {
	position:absolute;
	top: 0px;
	left: 284px;
	width: 667px;
	height: 585px;
}

.div_cachee {
	position: absolute;
	visibility: hidden;
}

.clear {
	clear: both;
	height: 0px;
	visibility: hidden:
	padding: 0px;
	margin: 0px;
}
/* fin des styles généraux */


/* début des styles de gauche */
#gauche {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 283px;
	height: 585px;
}

#gauche_logo {
	position: absolute;
	top: 34px;
	left: 42px;
	width: 188px;
	height: 112px;
}

#gauche_infos {
	position: absolute;
	top: 176px;
	left: 0px;
	width: 283px;
	height: 328px;
}

#gauche_adresse {
	position: absolute;
	left: 0px;
	bottom: 5px;
	width: 284px;
	height: 56px;
	padding-top: 50px;
	background-image:url(images/general/membre_D.png);
	background-repeat:no-repeat;
}

#gauche_mot {
	position: relative;
	top:  0px;
	left 0px;
	padding-bottom: 16px;
}

#gauche_motlogo {
	position: relative;
	top: 0px;
	left: 0px;
	text-align: center;
	z-index: 2;
}

.gauche_affiche {
	position: relative;
	top:  0px;
	left: 0px;
	width: 200px;
	margin-left: 39px;
	margin-top: -9px;
	padding-top: 10px;
	text-align: center;
	z-index: 1;
	background-image:url(images/general/fond_rubriques.png);
	background-color: #FFFFFF;
	background-repeat:no-repeat;
	border: 1px solid #D2AD2B;
}
/* fin des styles de gauche */

/* début des styles de droite */
#droite_anime {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 145px;
	margin-top: 33px;
}

#droite_centre {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 320px;
}

#droite_visuel {
	position: absolute;
	top: 115px;
	left: 28px;
	width: 158px;
	height: 158px;
}

#droite_texte {
	position: absolute;
	top: 50px;
	left: 216px;
	width: 410px;
}

#droite_menu {
	position: absolute;
	bottom: 10px;
	left: 0px;
	width: 100%;
	height: 90px;
}

#droite_retour {
	position: absolute;
	bottom: 10px;
	left: 0px;
	width: 90px;
	height: 90px;
}

#droite_porfoliot {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 667px;
	height: 585px;
}


#droite_formulaire {
	position: relative;
	top: 0px;
	left: 215px;
	width: 442px;
	height: 320px;
	margin-top: 27px;
	padding-top: 15px;
	padding-left: 10px;
	paddoing-bottom: 15px;
	padding-right: 10px;
	background-image:url(images/savoir_plus/fond_form.png);
	background-repeat: repeat-y;
}

#droite_lignegrande {
	position: relative;
	top: 0px;
	left: 0px;
	width: 100%;
	padding: 0px
}

#droite_lignepetite {
	position: relative;
	top: 0px;
	left: 0px;
	width: 220px;
	padding: 0px;
}

#droite_lignelibelle {
	float: left;
	top: 0px;
	left: 0px;
	width: 70px;
	text-align: right;
	padding: 0px;
}

#droite_lignegrandechamps {
	float: left;
	top: 0px;
	left: 0px;
	width: 362px;
	padding: 0px;
}

#droite_lignepetitechamps {
	float: left;
	top: 0px;
	left: 0px;
	width: 149px;
	padding: 0px;
}

#droite_formulairesuite {
	position: absolute;
	top: 75px;
	left: 220px;
	width: 232px;
	padding: 0px;
}

#droite_suitepuce {
	float: left;
	top: 0px;
	left: 0px;
	width: 32px;
	padding: 0px;
}

#droite_suitereste {
	float: left;
	top: 0px;
	left: 0px;
	width: 200px;
	padding: 0px;
}
/* fin des styles de droite */

/* début des styles de l'index */
#index_visuel {
	position: relative;
	top: 0px;
	left: 0px;
	width: 540px;
	height: 323px;
	margin-top: 47px;
	margin-left: 121px;
}

#index_entrez {
	position: absolute;
	bottom: 14px;
	left: 570px;
	width: 70px;
	height: 70px;
}

#index_fabienne {
	position: absolute;
	bottom: 108px;
	left: 197px;
	width: 103px;
	height: 284px;
}
/* fin des styles de l'index */