body {
	margin:0;
	padding:0;
	background-color:#fff;
}

#global {
	width:944px;
	margin: 0 auto 0 auto;
}

/* -------------------------------------------------------------------  */
/* ------------------------------ HEAD ------------------------------ */
/* -------------------------------------------------------------------  */

#banniere {
	width:944px;
	height:104px;
	margin:0;
	padding:0;
	background: #fff url(/images/gestion-de-patrimoine/fond-banniere.gif) no-repeat top right;
}

#logo {
	float:left;
	margin-left:0px;
}

#header-contact {
	float:right;
	width:182px;
	height:63px;
	background: #fff url(/images/gestion-de-patrimoine/fond-contact.gif) no-repeat top center;
	font-size:12px;
	text-align:right;
	font-weight:bold;
	text-transform:uppercase;
	letter-spacing:2px;
	line-height:20px;
	margin:20px 132px 0 0;
	padding:20px 0px 0 0;
}

#header-contact span {
	font-size:20px;
	color:#f29400;
	letter-spacing:1px;
}

#navigation {
	height:16px;
	color:#696969;
	padding: 3px 0 0 0;
	font-size:11px;
}

#navigation a {
	color:#696969;
	font-size:11px;
}



/* -------------------------------------------------------------------  */
/* --------------- 				MENU HAUT				---------------- */
/* -------------------------------------------------------------------  */

#menuHaut {
	padding:0;
	margin:0;
	height:33px;
	background: #fff url(/images/gestion-de-patrimoine/fond-menu-haut.gif) repeat-x top left;
}

#menuHaut div.magdae-1 {

	float:left;
	width:140px;
	font-size:12px;
	font-weight:bold;

}

#menuHaut div.magdae-1-a {	
	float:left;
	width:140px;
	font-size:12px;
	font-weight:bold;
	
}

#menuHaut div.magdae-1>a {
	display:block;
	height:21px;
	margin:3px 0 0px 0;
	padding-top:4px;
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
	text-align:center;
	cursor : text;
}

#menuHaut div.magdae-1-a>a {
	display:block;
	height:21px;
	margin:3px 0 0px 0;
	padding-top:4px;
	color:#fff;
	text-transform:uppercase;
	text-decoration:underline;
	text-align:center;
	background-color:#0094cb;
}

#menuHaut div.magdae-1 a:hover {
	background-color:#0094cb;
	color:#fff;
}

#menuHaut div.magdae-1 a:hover {
	background-color:#0094cb;
	color:#fff;
}

#menuHaut div.magdae-1-a a:hover {
	background-color:#0094cb;
	color:#fff;
}

#menuHaut div.magdae-2-a {
	color:#fff;
	background-color:#0094cb;
	text-align:left;		
	font-weight:normal;
	padding:3px 0 3px 00px;
	text-decoration:underline;
}

#menuHaut div.magdae-2-a span{
	padding-left:20px;
	display:block;
	color:white;

}
#menuHaut div.magdae-3-a span{
	padding-left:0px;
	display:block;
	font-size:10px;

}

#menuHaut div.magdae-2 a {
	display:block;
	font-size:11px;
	color:#fff;
	text-align:left;
	padding:5px 0 5px 20px;
	font-weight:normal;
	margin:0;

	text-decoration:none;
}

#menuHaut div.magdae-2 a:hover {
	color:#fff;
	background-color:#0094cb;
}

#menuHaut div.magdae-3-a {
	color:#fff;
background-color:#68bfe0;
	text-align:left;		
	font-weight:normal;
	padding:2px 0 2px 25px;
	text-decoration:underline;
	font-size:10px;
}

#menuHaut div.magdae-3 a {
	display:block;

	color:#fff;
	text-align:left;
	padding:2px 0 2px 25px;
	font-weight:normal;
	margin:0;

	text-decoration:none;
	font-size:10px;
}

#menuHaut div.magdae-3 a:hover {
	color:#fff;
	background-color:#68bfe0;
	font-size:10px;
}



#menuHaut div.contener {
	position : absolute;
	z-index:2;
	display:none;
	width:140px;
	background: #737373 url(/images/gestion-de-patrimoine/fond-contener.jpg) repeat-x top left;
}	

/* -------------------------------------------------------------------  */
/* --------------- 				MENU PAGE				---------------- */
/* -------------------------------------------------------------------  */

#menuPage {
	float:left;
	height:auto;
	width:180px;
	padding:0;
	margin:0;
}

#menuPage div.suite2 {
	width:150px;
	font-size:12px;
	font-weight:normal;
	padding:4px 0 4px 10px;
	margin:4px 0 4px 0;
	border:1px solid #646466;
}

#menuPage div.suite2-a {	
	width:150px;
	font-size:12px;
	font-weight:bold;
	color:#0094cb;
	padding:4px 0 4px 10px;
	margin:4px 0 4px 0;
	border-top:1px dashed #c7c7c7;
	border-bottom:1px dashed #c7c7c7;
}

#menuPage div.suite2 a {
	display:block;
	text-align:left;
	text-decoration:none;
	color:#646466;
	font-weight:bold;
}

#menuPage div.suite2 a:hover {
	color:#0094cb;
	text-decoration:underline;
}

#menuPage div.suite2-a a:hover {
	color:#0094cb;
}

#menuPage div.suite3 {
	width:150px;
	font-size:11px;
	font-weight:normal;
	padding:4px 0 4px 10px;
	margin:4px 0 4px 0;
	border:1px dashed #c7c7c7;
}

#menuPage div.suite3-a {	
	width:150px;
	font-size:11px;
	font-weight:bold;
	color:#0094cb;
	padding:4px 0 4px 10px;
	margin:4px 0 4px 0;
	border-top:1px dashed #c7c7c7;
	border-bottom:1px dashed #c7c7c7;
}

#menuPage div.suite3 a {
	display:block;
	text-align:left;
	text-decoration:none;
	color:#646466;

}

#menuPage div.suite3 a:hover {
	color:#0094cb;
	text-decoration:underline;
}

#menuPage div.suite3-a a:hover {
	color:#0094cb;
}

		 
/* --------------- MENU ADMIN	   ------------------------------------ */

#admin-bar {
	background: #eee; padding: 5px; border: 1px dashed #ccc; position:relative;
 	padding: 4px 16px 4px 4px; overflow: hidden; font-size:9px; z-index:1;
}
#admin-bar a { color: #444; font-size: 9px; }
#admin-bar a:hover { color: #e33; }
#admin-bar img { vertical-align: middle; display: inline-block; }
#admin-bar select, #admin-bar option { padding: 0; margin: 0; width: 115px; font-size: 9px; }



/* -------------------------------------------------------------------  */
/* --------------- MENU ET CONCEPTION DES PAGES      ------------------ */
/* -------------------------------------------------------------------  */

/* Boite de confirmation centrée sur la page */
#center-box {
	width: 400px;
	height: 170px;
	text-align: center;
	margin: 50px auto 50px auto;
	padding: 40px;
	border: 1px solid #ccc;
	background: #c7d2d6 url(/images/fond-center-box.gif) repeat-x top;
}

div.contact {
	width:170px;
	text-align:center;
	padding:25px 0 15px 0;
	border-bottom: 1px solid white;
}




/* -------------------------------------------------------------------  */
/* --------------- PIED DE PAGE ------------------------------------ */
/* -------------------------------------------------------------------  */

#footer {
	height:28px;
	background-color:#646466;
	margin-top:30px;
}

#pptext {
	padding:5px 15px 0px 15px;
	font-size:11px;
	color: #fff;
}

#pptext a { 
	color: #fff;
	font-size:11px;
}

#pptext a:hover { 
	color:#0094cb;
}

#pptextpadmin { 
	padding-top:8px;
	margin:auto;
	height:41px;
	text-align:center;
	color: #000;
	font-size:10px;
}



/* -------------------------------------------------------------------  */
/* ---------------   STYLE DU CONTENU DES PAGES      ------------------ */
/* -------------------------------------------------------------------  */

td.bigContenu {
	width: 944px;
	padding:0;
	margin:0;
	vertical-align:top;
	background-color: #fff
}

#contenu{
	float:left;
	width:730px;
}

#contenu-page {
	float:left;
	width:528px;
	margin-bottom:30px;
}

#contenu-accueil,#contenu-info {
	border-top:1px dashed #c7c7c7;
	border-bottom:1px dashed #c7c7c7;
	margin-right:25px
}

#contenu-accueil{
	padding:10px 0 10px 0;
	margin-bottom:0px;
}

#contenu-info{
	padding:0px 0 15px 0;
}

#accueil-flash{
	width:708px;
	height:236px;
	margin-bottom:10px;
}


/* ---------------   BLOC ACTUS      ------------------ */

#bloc-actus{
	float:right;
	width: 209px;
	margin-bottom:20px;
}

#bloc-actus ul{
	background: #747474 url(/images/gestion-de-patrimoine/fond-bloc-actus.jpg) repeat-x top;
	padding:12px 0px 12px 30px;
}

#bloc-actus li {
	list-style-image: url(/images/gestion-de-patrimoine/puce-carre.gif);
}

#bloc-actus li a{
	color:#fff;
}

#bloc-actus li a:hover{
	color:#0094cb;
}

#bloc-actus p{
	text-align:right;
	padding-right:0px;
	margin-top:10px;
}

#bloc-actus p>a{
	color:#0094cb;
	font-weight:bold;
	text-decoration:none;
	float:right;
	padding-left:5px;
}

#bloc-actus p>a:hover{
	text-decoration:underline;
}



/* ---------------   BLOC VIDEOS      ------------------ */

#bloc-videos{
	float:right;
	clear:right;
	width: 209px;
}
#bloc-adresse{
	float:right;
	clear:right;
	width: 209px;
}


#bloc-videos div{
	text-align:center;
	width:150px;
	margin-bottom:10px;
	margin-left:30px;
	font-size:9px;
	color:#646464;
}

#bloc-videos div img{
	border:1px solid #999999;
	background-color:#fff;
	padding:2px;
	margin-bottom:8px;
}

#bloc-videos div a{
	text-align:center;
	font-size:10px;
	color:#646464;
	text-decoration:none; 
}

#bloc-videos div a:hover{
	color:#0094cb;
	text-decoration:underline;
}

#bloc-videos p{
	text-align:center;
	padding-left:20px;
	background: #fff url(/images/gestion-de-patrimoine/puce-lien.gif) no-repeat 50px 4px;
}

#bloc-videos p>a{
	color:#646466;
	font-weight:bold;
	text-decoration:none;
}

#bloc-videos p>a:hover{
	text-decoration:underline;
}

#contenu ul{
	padding-left:50px;
}


/* -------------------------------------------------------------------  */
/* ------------------------- PAGES VIDEO ------------------------------ */
/* -------------------------------------------------------------------  */

td.video-descritpion{
	color:#646466;
}

td.video-image{
	padding:25px 0 25px 0;
}

td.video-menu{
	border-top:1px dashed #c7c7c7;
	padding-top:10px;
}

td.video-menu div{
	float:left;
	text-align:center;
	width:150px;
	margin:0 0 20px 0;
	font-size:10px;
	color:#646464;
}

td.video-menu div img{
	border:1px solid #999999;
	padding:2px;
	margin-bottom:8px;
}

td.video-menu div a{
	text-align:center;
	font-size:11px;
	color:#646464;
	text-decoration:none; 
}

td.video-menu div a:hover{
	color:#0094cb;
	text-decoration:underline;
}

td.video-menu div span{
	text-align:center;
	font-size:10px;
	color:#454547;
}


/* -------------------------------------------------------------------  */
/* ------------------------- GABARIT GRAPH ------------------------------ */
/* -------------------------------------------------------------------  */

#contenu-graph{
	background: #fff url(/images/gestion-de-patrimoine/graphique.gif) no-repeat bottom center;
	float:left;
	width:528px;
	margin-top:20px;
}

#contenu-graph ul{
	width:130px;
	height:316px;
	float:left;
	padding:0;
}

ul#list-liens1{

	margin-left:60px;
}

ul#list-liens2{

	margin-left:20px;
}

ul#list-liens3{

	margin-left:30px;
}

#contenu-graph li{
	line-height:16px;
	list-style-image: url(/images/gestion-de-patrimoine/puce-carre-graph.gif);
}

#contenu-graph li a{
	font-size:11px;
}




/* -------------------------------------------------------------------  */
/* FORMULAIRE
/* -------------------------------------------------------------------  */

/* Liste de choix du site */
select, option {
 	color: #E26A00;
 	background-color:#e6ecf2;
}

.form_error {
 	padding-left: 10px;
 	color: #d8732f;
}

td.inputLabel {
padding:5px 0px 5px 10px;
background: #fff ;
color:white;
font-weight: bold;
}
td.inputValue {
padding:0 3px 0 6px;
background: #fff;
}


td.inputValue input{
border:0px dotted #a5acb2;
color:#fe9500;
padding: 0px 0px 0px 3px;
}

td.inputLabel {
color:#687890;
font-weight:bold;
padding:5px 0 5px 10px;
}
td.inputValue {
padding:0 3px 0 6px;
}
td.inputValue input {
background:#E5E8EC none repeat scroll 0 50%;
color:#687890;
padding:0 0 0 3px;
width:240px;
}


td.inputValueCapcha input {
background:#E5E8EC none repeat scroll 0 50%;
color:#687890;
padding:0 0 0 3px;
width:35px;
}

div.adresse {
height:160px;
width:199px;
float:left;
padding-left:10px;
font-weight : bold;
background: #fff url(/images/gestion-de-patrimoine/madeleine.jpg) no-repeat bottom right;
color:#434343;
font-size:14px;
text-align:center;
}