/* CSS Document */

/*==============  Structure  ===============*/
body {
	background:url(../../../images/motif_bg.jpg) top center repeat-x;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	color:#474747;
	font-size:12px;
	line-height:18px;
}
.accueil {
	background:url(../../../images/motif_bg_acc.jpg) top center repeat-x;
}
#container {
	width:985px;
	margin:0 auto;
}
.contact_acc {
	position:absolute;
	top:248px;
	left:0px;
}
.contact_acc a {
	width:205px;
	height:43px;
	float:left;
	background:url(../../../images/bt_contact_acc.jpg) no-repeat;
	text-indent:-9999px;
}

/*==============  Général  ===============*/
h2 {
	font-size:36px;
	color:#b15a13;
	font-weight:bold;
}
h3 {
	color:#b15a13;
}
h4 {
	font-size:17px;
	margin:0 0 5px 0;
}
a {
	color:#ed8b00;
	text-decoration:none;
	outline:none;
}
a:hover {
	color:#474747;
}
ul {
	margin:0;
	padding:0;
}
li {
	list-style:none;
}
p {
	margin:0 0 10px 0;
	padding:0;
}
.relative {
	position:relative;
}

/*------  Header  -------*/
#header {
	float:left;
	width:985px;
	margin-bottom:20px;
	overflow:hidden;
	position:relative;
	height:185px;
}
.accueil #header {
	height:293px;
}
/*------  (Accueil)  -------*/
.accueil #logo {
	float:left;
	width:276px;
	height:243px;
	background:url(../../../images/logo_acc.png);
}
.accueil #claim {
	width:566px;
	height:120px;
	position:absolute;
	background:url(../../../images/claim.png) no-repeat;
	left:370px;
	top:160px;
}
/*------  (Suite)  -------*/
#logo {
	float:left;
	width:276px;
	height:189px;
	background:url(../../../images/logo.png);
}
#chemin {
	position:absolute;
	font-size:11px;
	height:18px;
	top:160px;
	width:600px;
	left:280px;
	padding-left:13px;
	background:url(../../../images/chemin_acc.png) 0 4px no-repeat;
}
/*------  Menu  -------*/
#menu {
	position:absolute;
	left:276px;
	top:0;
	width:804px;
	height:164px;
	float:left;
	color:#fff;
}
#menu .bloc {
	float:left;
	height:150px;
	overflow:hidden;
	position:relative;
}
#menu .inner {
	position:absolute;
	right:15px;
	padding-top:65px;
}
#portrait p, #metier p, #solutions p, #documents p, #partenaires p, #rejoindre p {
	height:16px;
	margin-bottom:0;
}
#menu #portrait {
	width:93px;
}
#portrait p {
	background:url(../../../images/menu_portrait_or.png) no-repeat;
	width:136px;
}
#portrait p a {
	background:url(../../../images/menu_portrait_bl.png) no-repeat;
	float:left;
	height:16px;
	width:136px;
	text-indent:-1500px;
	display:none;
}
#metier {
	width:79px;
}
#metier p {
	background:url(../../../images/menu_metier_or.png) no-repeat;
	width:118px;
}
#metier p a {
	background:url(../../../images/menu_metier_bl.png) no-repeat;
	float:left;
	height:16px;
	width:118px;
	text-indent:-1500px;
	display:none;
}
#solutions {
	width:109px;
}
#solutions p {
	background:url(../../../images/menu_solutions_or.png) no-repeat;
	width:128px;
}
#solutions p a {
	background:url(../../../images/menu_solutions_bl.png) no-repeat;
	float:left;
	height:16px;
	width:128px;
	text-indent:-1500px;
	display:none;
}
#services {
	width:92px;
}
#bt_services {
	background:url(../../../images/menu_services_or.png) no-repeat;
	float:left;
	height:16px;
	width:101px;
	text-indent:-1500px;
}
#bt_services a {
	background:url(../../../images/menu_services_bl.png) no-repeat;
	float:left;
	height:16px;
	width:101px;
	text-indent:-1500px;
	display:none;
}
#rejoindre {
	width:105px;
}
#rejoindre p {
	background:url(../../../images/menu_rejoindre_or.png) no-repeat;
	width:90px;
}
#rejoindre p a {
	background:url(../../../images/menu_rejoindre_bl.png) no-repeat;
	float:left;
	height:16px;
	width:90px;
	text-indent:-1500px;
	display:none;
}
#menu #documents {
	width:125px;
}
#menu #documents .inner {
	right:0;
}
#documents p {
	background:url(../../../images/menu_actus_or.png) no-repeat;
	width:125px;
}
#documents p a {
	background:url(../../../images/menu_actus_bl.png) no-repeat;
	float:left;
	height:16px;
	width:125px;
	text-indent:-1500px;
	display:none;
}
#partenaires {
	width:125px;
}
#menu #partenaires .inner {
	right:0;
}
#partenaires p {
	background:url(../../../images/menu_partenaires_or.png) no-repeat;
	width:125px;
}
#partenaires p a {
	background:url(../../../images/menu_partenaires_bl.png) no-repeat;
	float:left;
	height:16px;
	width:125px;
	text-indent:-1500px;
	display:none;
}


.sous-menu {
	display:none;
	margin:0 0 0 -18px;
	clear:both;
}
#menu .sous-menu li {
	margin:0 0 0 18px;
	background:url(../../../images/puce_menu_or.gif) 0 6px no-repeat;
	padding:0;
	padding-left:10px;
}
.sous-menu a {
	color:#fff;
}
.sous-menu a:hover {	
	color:#ed8b00;
}
#partenaires ul li {
	width:103px;
	height:68px;
	padding:0 !important;
	margin:0;
	background:none !important;
}
#menu #partenaires ul.sous-menu li a {
	background:url(../../../images/sous_partenaires.png) no-repeat !important;
	float:left;
	margin-top:10px;
	width:103px;
	height:58px;
	text-indent:-9999px;
}

/*------  Content (accueil)  -------*/
.accueil #content {
	float:left;
	width:950px;
	padding:10px 10px 10px 25px;
	margin-bottom:40px;
}
#mot {
	float:left;
	width:520px;
	background:url(../../../images/fd_mot.jpg) 0 10px no-repeat;
}
h2.mot {
	background:url(../../../images/tit_mot.png) no-repeat;
	width:209px;
	height:24px;
	text-indent:-1500px;
}
#mot p {
	margin-bottom:15px;
}
#cadre {
	float:right;
	width:290px;
	height:385px;
	padding:74px 30px 0 60px;
	background:url(../../../images/cadre_president.jpg) 0 25px no-repeat;
}
#actualites{
	float:left;
	width: 950px;
	height:80px;
	margin-bottom:35px;
}
#actualites a.liste {
	display:block;
	width:160px;
	height:80px;
	background:url(../../../images/tit_actus.png) left top no-repeat;
	margin:0;
	float:left;
}
#actualites a.liste:hover {
	background-position:left bottom;
} 
.ombre_gch, .ombre_drt {
	width:13px;
	height:128px;
	background: url(../../../images/ombre_drt.png) no-repeat;
	position:absolute;
	right:0;
	z-index:99999999999;
}
.ombre_gch {
	background: url(../../../images/ombre_gch.png) no-repeat;
	left:0;
}
.scroller {
	float:left;
	width:750px;
	height:80px;
	overflow:hidden;
	position:relative;
}
.scroller li {
	width:230px;
	height:70px;
	margin:5px 0;
	padding:0 10px;
	border-right:1px solid #c3c3c3;
}
.scroller li.vendys {
	background:#f0eddf url(../../../images/actu_logo.png) 215px 32px no-repeat;
}
.scroller li a {
	font-size:12px;
	font-weight:bold;
}
.scroller li a:hover {
	color:#474747;
}

/*.actu_ext {
	width:360px;
	float:left;
	margin-left:160px;
	margin-bottom:20px;
}
.actu_ext p, .actu_ext h3{
	margin:5px;
}
.titre_actualites {
	font-size:14px;
	font-weight:bold;
}
.titre_actualites a:hover{
	color:#474747;
}

#actu_int {
	width:310px;
	height:120px;
	float:left;
	margin-left:72px;
	position:relative;	
}
#actu_int p, #actu_int h3{
	margin:10px;
}

hr{
	visibility:hidden;
}*/

/*------  Content (suite)  -------*/
#content {
	float:left;
	width:970px;
	padding:0 20px 0 0;
	margin-bottom:40px;
}
#banniere {
	float:left;
	width:980px;
	padding-left:5px;
}
.contact #banniere, .mentions #banniere {
	float:left;
	margin:0 0 20px 30px;
	width:955px;
	padding:12px 0 0 45px;
	background:url(../../../images/cadre_bandeau.jpg) no-repeat;
}
.contact #banniere span {
	width:915px;
	height:110px;
	float:left;
	background:url(../../../images/band_contact.jpg) no-repeat;
}
.mentions #banniere span {
	width:915px;
	height:110px;
	float:left;
	background:url(../../../images/band_mentions.jpg) no-repeat;
}
#bt_contact {
	float:left;
	background:red;
	margin:8px 0 0 0;
	height:110px;
	width:270px;
	background:url(../../../images/bt_contact.jpg) no-repeat;
}
#bandeau {
	float:right;
	margin:0 0 10px 0;
	padding:11px 16px 0px 37px;
	width:650px;
	height:114px;
	background:url(../../../images/fond_bandeau.jpg) no-repeat;
}
#bandeau span {
	width:623px;
	height:94px;
	float:left;
}
.metier #bandeau span {
	background:url(../../../images/nos_metiers.jpg) no-repeat;
}
.portrait #bandeau span {
	background:url(../../../images/notre_portrait.jpg) no-repeat;
}
.solutions #bandeau span {
	background:url(../../../images/nos_solutions.jpg) no-repeat;
}
.services #bandeau span {
	background:url(../../../images/les_services.jpg) no-repeat;
}
.rejoindre #bandeau span {
	background:url(../../../images/nous_rejoindre.jpg) no-repeat;
}
/*------  Colonne gauche  -------*/
#col_gch {
	float:left;
	width:255px;
	padding:0 30px 0 13px;
}
#col_gch h3 {
	border-bottom:1px solid #b1b1b1;
	padding-bottom:8px;
	margin-top:10px;
}
#consultez li {
	width:255px;
	height:48px;
	float:left;
	background:url(../../../images/bt_consultez.jpg) no-repeat;
	margin-bottom:4px;
}
#consultez li a {
	line-height:46px;
	color:#fff;
	font-size:16px;
	margin-left:20px;
	padding:15px;
	background:url(../../../images/puce_consultez.gif) 0 21px no-repeat;
	letter-spacing:1px;
}
#consultez li a:hover {
	color:#474747;
	background-position:0px -29px;
}
/*------  Colonne droite  -------*/
#col_drt {
	float:left;
	width:670px;
}
#col_drt h2 {
	border-bottom:1px solid #b1b1b1;
	margin-bottom:12px;
	padding-bottom:2px;
}
.intro {
	font-weight:bold;
}
#col_drt ul {
	margin:0 20px 20px 20px;
}
#col_drt li {
	background:url(../../../images/puce_content.gif) 0 8px no-repeat;
	padding-left:12px;
	margin-bottom:5px;
}
#col_drt .titre {
	font-weight:bold;
	color:#b15a13;
}
#col_drt p img {
	margin:30px 0;
}
.encart {
	background:#eee url(../../../images/infos.jpg) 10px 5px no-repeat;
	padding:55px 10px 10px 10px;
	margin-top:40px;
}
.portrait {
	background:url(../../../images/fd_portrait.jpg) left 220px no-repeat;
	float:left;
}
.metier {
	background:url(../../../images/fd_metier.jpg) left 220px no-repeat;
	float:left;
}
.solutions {
	background:url(../../../images/fd_6.jpg) left bottom no-repeat;
	float:left;
}
.services {
	background:url(../../../images/fd_4.jpg) left bottom no-repeat;
	float:left;
}
.rejoindre {
	background:url(../../../images/fd_5.jpg) left 220px no-repeat;
	float:left;
}
.bt_form {
	padding:10px 5px;
	background:#c9791b;
	color:#fff;
}
.bt_form:hover {
	background:#fea339;
	color:#474747;
}

/*------  Footer  -------*/
#footer {
	float:left;
	background:#ededed;
	width:985px;
	padding:0;
	margin-bottom:10px;
}
.blocs_foot {
	float:left;
	width:226px;
	height:183px;
	padding:10px;
}
.foot_equipes, .foot_rejoindre {
	padding-right:12px;
	background:url(../../../images/foot_sep.gif) right repeat-y;
}
#footer h3 {
	text-indent:-1500px;
	height:24px;
}
.foot_equipes h3 {
	background:url(../../../images/foot_equipes.jpg) no-repeat;
	width:125px;
}
.foot_contact h3 {
	background:url(../../../images/foot_contact.jpg) no-repeat;
	width:161px;
}
.foot_rejoindre h3 {
	background:url(../../../images/foot_rejoindre.jpg) no-repeat;
	width:154px;
}
#footer p {
	text-align:right;
	width:120px;
	padding-left:100px;
}
.foot_equipes div, .foot_contact div, .foot_rejoindre div {
	float:left;
	background:red;
}
.foot_equipes div {
	background:url(../../../images/img_foot_1.jpg) no-repeat;
}
.foot_contact div {
	background:url(../../../images/img_foot_2.jpg) no-repeat;
}
.foot_rejoindre div {
	background:url(../../../images/img_foot_3.jpg) no-repeat;
}
.bt_foot {
	float:right;
	width:115px;
	height:21px;
	background:url(../../../images/bt_foot.gif) no-repeat;
	text-align:center;
	color:#fff;
	margin-top:10px;
}
.foot_clients {
	background:#939393;
	width:223px;
	color:#fff;
}
.foot_clients h4 {
	color:#fff;
	font-weight:normal;
}
.foot_clients p {
	width:220px !important;
	text-align:left !important;
	padding-left:0px !important;
	font-size:11px !important;
}
#log {
	width:200px;
	height:52px;
	
}
.id, .pass {
	float:left;
	width:100px;
	border:none !important;
	border-bottom:1px solid #ddd !important;
	margin:0 0 0 10px;
	height:14px;
	font-size:11px;
	padding:0 3px;
	margin:0 0 7px 0 !important;
}
.submit_log {
	float:right;
	background:none;
	width:70px;
	border:none !important;
	margin-top:-12px;
	color:#fff;
}
.submit_log:hover {
	color:#474747;
}
#ligne_footer {
	float:left;
	width:985px;
	text-align:center;
	margin-bottom:30px;
}


/* Formulaire*/
.form_add {
	border-bottom:1px solid #ddd;
	padding-bottom:10px;
	margin-bottom:10px;
}
.ligne {
	border-bottom:1px solid #bf8d36;
	margin-bottom:12px;
	padding-bottom:2px;
}

form span.mandatory { color: #bf8d36; font-weight: bold; }
form .mferror { border: solid 1px red; }
form .myError, 
.ferror { color : red; }


/* Alignement texte et champs formulaire */
form input.aln, 
form select.aln { margin: 0;}

#form_gch {
	float:left;
	width:350px;
	margin-right:15px;
}
#form_gch fieldset {
	clear:left;
	float:left;
	margin-top:10px;
	width:330px;
	padding:10px;
}
legend {
	padding:0 10px;
	color:#b15a13;
}
#form_gch p {
	float:left;
	margin:0 !important;
	width:330px;
}
#form_gch p span {
	float:left;
	margin-top:5px;
	color:#b15a13;
	font-weight:bold;
}
#form_gch input.middle {
	width:200px;
	float:right;
	padding:2px;
}
#form_gch .add {
	width:200px;
	height:50px;
	float:right;
	padding:2px;
}
#form_gch input.small {
	width:50px;
	padding:2px;
	margin-bottom:0 !important;
}
select.small {
	margin:0;
}
.bold {
	font-weight:bold;
}
#form_drt {
	float:left;
	width:250px;
}
.message {
	width:260px;
	height:500px;
}
#form_drt fieldset {
	width:250px;
	float:left;
	margin-top:10px;
	padding:10px;
}
.form_legal {
	clear:left;
	font-size:10px;
	border-top:1px solid #ddd;
	padding-top:10px;
	margin-top:10px;
}
.civil {
	float:left !important; width:100px !important;
}
.civil_input {
	float:right !important; width:130px !important;
}
#form_gch .pays {
	float:right;
}

#content .actus #col_gch h3,
#content .actus #col_drt h2,
#content h2.tit_presse {
	font-family:Georgia, Tahoma, Verdana, serif;
}
#content .actus #col_gch h3 { margin-bottom:7px; }
#content .actus #col_drt h2,
#content h2.tit_presse {
	padding-bottom:10px;
	font-weight:normal;
	line-height:1em;
}
#content #col_gch .liste li {
	padding:5px 2px;
	border-bottom:1px solid #e3e3e3;
}
#content #col_gch .liste li a {
	padding:0 10px;
	background:url(../../../images/liste.gif) 0px 6px no-repeat;
	display:block;
	font-weight:bold;
}
#content #col_gch .liste li a:hover { background:url(../../../images/liste.gif) 0px -87px no-repeat; }

#content .actus #col_drt .liens {
	height:24px;
	float:left;
	width:670px;
	margin-top:10px;
}
#content .actus #col_drt .liens a {
	padding:3px 10px;
	background:#ed8c01;
	color:#fff;
	height:18px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
#content .actus #col_drt .liens a.prec { float:left; }
#content .actus #col_drt .liens a.suiv { float:right; }
#content .actus #col_drt a.categories { font-weight:normal; }
#content .actus #col_drt .liens a:hover { color:#474747; }
#content .actus #col_drt .depeche {
	border-bottom:1px solid #e3e3e3;
	padding:10px 5px 0 5px;
}
#content .actus #col_drt .depeche h3 { margin-bottom:10px; }
#content .actus #col_drt .vendy,
#content #col_gch .liste li.vendy { background:#f0eddf url(../../../images/actu_logo.png) bottom right no-repeat; }


#content .presse {
	border-bottom:1px solid #e3e3e3;
	padding:10px 5px;
	float:left;
}
#content .presse h3 {
	color:#ed8c01;
}
#content .presse div {
	padding:10px;
	background:#eee;
	float:left;
	width:950px;
	height:32px;
	line-height:32px;
}
#content .presse div span {
	float:left;
}
#content .presse div a {
	float:left;
	height:32px;
	padding-left:35px;
	margin-left:20px;
	background:url(../../../images/joint.png) no-repeat;
}

.blocs_foot #log a {
	display:block;
	margin:10px 0;
	width:211px;
	height:52px;
	line-height:52px;
	background:url(../../../images/bt_espace.jpg) left top no-repeat;
	text-align:center;
	text-indent:-9999px;
}
.blocs_foot #log a:hover {
	background-position:left bottom;
}
.blocs_foot h4 {
	margin-top:20px;
}

.guides a {
	float:left;
	width:289px;
	height:116px;
	margin-right:20px;
	text-indent:-9999px;
}
.g_assurance { background:url(../../../images/g_assurance.png) no-repeat; }
.g_retraite { background:url(../../../images/g_retraite.png) no-repeat; }
.g_immobilier { background:url(../../../images/g_immobilier.png) no-repeat; }
.g_placement { background:url(../../../images/g_placement.png) no-repeat; }
.g_credit { background:url(../../../images/g_credit.png) no-repeat; }