/* Template SPC CSS */
*{margin:0; padding:0;}
body {background:#FFFFFF url(images/body.gif) repeat-x top left; font-family:tahoma, Helvetica, sans-serif; font-size:16px; color:#444444;}
img{border:none;}
a, a img { border:none; outline:none; text-decoration:none; }
h1 { color:#7B7B7D; font-size:20px; padding-top:8px; font-weight:normal; }
h2 { color:#004186; font-size:14px; font-weight:bold;}
h3 { color:#444444; font-size:12px; font-weight:small;}
h4 { color:#444444; font-size:13px; font-weight:bold;}
h5 { color:#004186; font-size:12px; font-weight:normal;}
h6 { color:#444444; font-size:12px; font-weight:small;}
p { line-height:16px; font-size:11px;}
strong{color:#675C53;}

#container_header { width:865px; margin:0 auto; position:relative;}
#container { width:865px; margin:0 auto; position:relative;}

#menu_portail {width:865px; margin:0 auto; height:34px;}
#menu_portail ul { background:#0033FF url(images/body.gif) repeat-x top left; overflow:hidden; list-style:none; margin:0 auto; padding:10px 0 0 0; font-size:11px;}
#menu_portail ul li { border-left:1px solid #FFFFFF; display:inline;}
#menu_portail ul li.noborder { border:none; margin:0 0 0 7px; }
#menu_portail ul li.select { border:none; margin:0 0 -1px 7px; }
#menu_portail ul li.noborder form {margin:0; padding:0; }
#menu_portail ul li.select a {width:50px; }
#menu_portail ul li a {color:#FFFFFF; padding:0 7px 0 7px; text-decoration:none}
#menu_portail ul li a:hover { color:#000000; text-decoration:none }
#menu_portail ul li.noborder select {margin:-5px 0 0 0; padding:4px 2px 4px 0; font-size:10px; background: url(images/select-top.gif) no-repeat top left; border:none; width:152px;}
#menu_portail ul li.test1 { position:absolute; top:40px; left:670px; overflow:hidden; border:none; visibility:hidden;}
#menu_portail ul li.test2 { position:absolute; top:57px; left:685px; overflow:hidden; border:none; visibility:hidden;}

/* Header */
#header {width:865px; margin:0 auto; }

/* Bandeau du header */
#bandeau {width:865px; height:46px; margin:20px 0px 0px 0px;}

#logo {float:left; width:104px;}
#titre {float:left; width:300px; margin-left:20px;}

#fsearch {float:right; width:250px; margin-top:10px; text-align:right;}
#fsearch form input, #fsearch input { border:1px solid #CCC; width:110px; height:19px; color:#575757; }
#fsearch form input.bt, #fsearch input.bt  { border:none; vertical-align:bottom; width:80px; height:21px; padding-left:5px;}

/*- Menu et Drop down -*/
#menuh {height:49px; clear:both; width:865px; margin-top:30px; }
#menuhalign{float:center; width:865px; padding-top:15px;}
#menuh ul li ul, #menuh ul:first-child{background:none;}
#menuh .menu_left {display:block; width:8px; height:49px; background:url(images/menu_left.gif) no-repeat;}
/*- Menu largeur -*/
#menuh .menu_center a{color:#675c53; font-size:18px; text-decoration:none; display:block; text-align:center; line-height:49px; width:157px; background:url(images/menu_center_rp.gif) repeat-x;}
#menuh .menu_right{display:block; width:8px; height:49px; background:url(images/menu_right.gif) no-repeat;}
#menuh li a:hover{text-decoration:none; border:none; color:#00A3DE;}
#menuh ul{float:leftdisplay:inline;}
#menuh li{display:block; float:left; list-style:none; position:relative; height:30px;}
#menuh li:hover{cursor:pointer;}
#menuh ul li ul{background:#FFFFFF; border:1px solid #CECECE; position:absolute;top:49px;left:0;display:block;width:216px;padding:5px 0; z-index:1000; }
#menuh ul li ul li{font-size:11px; font-weight:normal;float:none; height:1%;}
#menuh li li a{color:#000000; font-size:12px; line-height:normal; background:none; text-align:left; padding:3px 0 3px 15px; width:auto;}
#menuh li li a:hover{color:#000000; text-decoration:underline;}
#menuh ul li:hover{}
#menuh ul a.amenu{}
#menuh ul li ul a.amenu{background:none;}
#menuh ul li:hover ul{display:block; border:#333 5px solid;}
#menuh ul li:hover ul li ul{display:none;position:absolute;top:0;left:187px;z-index:1000;background:none;}
#menuh ul li.blue a { color:#00A1DE; }
#menuh ul li.blue a:hover { color:#00A1DE; }
#menuh ul li.yellow a { color:#E98300; }
#menuh ul li.yellow a:hover { color:#E98300; }


#menush {height:49px; clear:both; width:865px; margin-top:30px; }
#menushalign{float:center; width:865px; padding-top:15px;}
#menush ul li ul, #menuh ul:first-child{background:none;}
#menush .menu_left {display:block; width:8px; height:49px; background:url(images/menu_left.gif) no-repeat;}
/*- Menu largeur -*/
#menush .menu_center a{color:#675c53; font-size:18px; text-decoration:none; display:block; text-align:center; line-height:49px; width:844px; background:url(images/menu_center_rp.gif) repeat-x;}
#menush .menu_right{display:block; width:8px; height:49px; background:url(images/menu_right.gif) no-repeat;}
#menush li a:hover{text-decoration:none; border:none; color:#00A3DE;}
#menush ul{float:leftdisplay:inline;}
#menush li{display:block; float:left; list-style:none; position:relative; height:30px;}
#menush li:hover{cursor:pointer;}
#menush ul li ul{background:#FFFFFF; border:1px solid #CECECE; position:absolute;top:49px;left:0;display:block;width:216px;padding:5px 0; z-index:1000; }
#menush ul li ul li{font-size:11px; font-weight:normal;float:none; height:1%;}
#menush li li a{color:#000000; font-size:12px; line-height:normal; background:none; text-align:left; padding:3px 0 3px 15px; width:auto;}
#menush li li a:hover{color:#000000; text-decoration:underline;}
#menush ul li:hover{}
#menush ul a.amenu{}
#menush ul li ul a.amenu{background:none;}
#menush ul li:hover ul{display:block; border:#333 5px solid;}
#menush ul li:hover ul li ul{display:none;position:absolute;top:0;left:187px;z-index:1000;background:none;}
#menush ul li.blue a { color:#00A1DE; }
#menush ul li.blue a:hover { color:#00A1DE; }
#menush ul li.yellow a { color:#E98300; }
#menush ul li.yellow a:hover { color:#E98300; }


#barre_sub_menu_bleu {background:url(images/barre_sub_menu.gif) no-repeat top left; width:910px; height:1px; margin:0 auto; position:relative;}
#barre_sub_menu_sage {background:url(images/barre_sub_menu_sage.gif) no-repeat top left; width:910px; height:1px; margin:0 auto; position:relative;}  

#ariane { width:865px; margin:5px auto 0px auto; position:relative; color:#2b2b2b; font-size:10px; height:12px;}
#ariane a { text-decoration:none; color:#2b2b2b;}
#ariane a:hover { text-decoration:underline; color:#2b2b2b;}
#arianeLeft {float:left; width:65px;}
#arianeRight {float:left; width:780px; margin-left:5px;}
.arianeLink {background: url(images/ariane.png) no-repeat 0px 3px;padding-left: 18px;margin-left: 2px;}
.sagelink {background: url(images/ariane.png) no-repeat 0px 3px;padding-left: 18px;margin-left: 2px;}

/*- Content -*/
#content { }
#flash { width:865px; height:281px;}
#bandeauPage { margin:25px 0 10px 0; width:865px; height:130px;}
#bandeauLeft {float:left; width:390px;}
#bandeauRight {float:left; width:475px; padding-top:10px;}
#bandeauTitre { color:#00A3DE; font-size:4em; text-align:right; margin-right:50px; padding-bottom:15px;}
#bandeauTxt { font-size:1.5em; text-align:right; margin-right:50px;}
#actions { width:865px; height:46px; clear:both; font-size:13px; background:#FFFFFF url(images/bg_actions.gif) no-repeat top left; margin-bottom:20px; }
#actions li { display:block; float:left; margin:7px 5px 0 10px }
#actions li a { display:block; color:#675C53; text-align:center; font-family:sans-serif, Arial, Helvetica; font-size:14px; font-weight:bold; text-decoration:none; padding-left:17px; padding-top:8px; padding-bottom:5px; }
/*- boutons barre de contact -*/
#actionProjet { display:block; width:187px; height:32px; background:#FFF url(images/boutons_actions.png) 0 0 no-repeat;}
#actionProjet:hover, #actionProjet:focus{background:#FFF url(images/boutons_actions.png) -187px 0 no-repeat; cursor:pointer;}
#actionProjet img { display:none;}
#actionExtranet { display:block; width:187px; height:32px; background:#FFF url(images/boutons_actions.png) 0 -32px no-repeat;}
#actionExtranet:hover, #actionExtranet:focus{background:#FFF url(images/boutons_actions.png) -187px -32px no-repeat; cursor:pointer;}
#actionExtranet img { display:none;}
#actionCallback { display:block; width:187px; height:32px; background:#FFF url(images/boutons_actions.png) 0 -64px no-repeat;}
#actionCallback:hover, #actionCallback:focus{background:#FFF url(images/boutons_actions.png) -187px -64px no-repeat; cursor:pointer;}
#actionCallback img { display:none;}
#actionNewsletter { display:block; width:187px; height:32px; background:#FFF url(images/boutons_actions.png) 0 -96px no-repeat;}
#actionNewsletter:hover, #actionNewsletter:focus{background:#FFF url(images/boutons_actions.png) -187px -96px no-repeat; cursor:pointer;}
#actionNewsletter img { display:none;}

#indigo { float:right; margin:8px 10px 0 0 }
#vert { float:right; margin:8px 10px 0 0 }

#col_left { float:left; width:602px; }
#col_right{ float:right; width:240px; }

#menu_left { width:585px; margin-left:15px;}

#content_left { margin-top:15px; float:left; }

.bg_content_header { background:#FFFFFF url(images/bg_content_header.jpg) no-repeat top left; width:602px; height:32px; line-height:32px; text-indent:20px; }

.bg_content_rp_header { background:#FFFFFF url(images/bg_content_rp_header.jpg) repeat-y top left; width:562px; padding:10px 20px 0px 20px; float:left; }
.bg_content_rp_header ul{ padding:10px 0 0 25px;}
.bg_content_rp_header li{ list-style-image:url(images/link_vert.gif); padding-bottom:15px;}
.bg_content_rp_header lib{ list-style-image:url(images/link_bleu.gif); padding-bottom:15px;}
.bg_content_rp_header lin{ list-style-image:url(images/link_bleu.gif); padding-bottom:15px;}

.bg_content_titre { background:#FFFFFF url(images/bg_content_titre.jpg) no-repeat top left; width:602px; height:32px; float:left; }
.bg_content_rp_bas { background:#FFFFFF url(images/bg_content_rp_bas.jpg) repeat-y top left; width:602px; float:left; padding:10px 20px 0px 0px; }
.bg_content_footer { background:#FFFFFF url(images/bg_content_footer.jpg) no-repeat top left; width:602px; height:11px; float:left; }
.titre1 { width:301px; float:left; display:block; height:32px; line-height:32px; text-indent:20px; }
.titre2 { width:301px; float:left; display:block; height:32px; line-height:32px; text-indent:20px; }

.bloc1 { width:256px; float:left; display:block; padding:0px 20px 0px 20px; text-align:justify; }
.bloc2 { width:256px; float:left; display:block; padding:0px 20px 0px 20px; text-align:justify; }

a.link:link, a.link:visited {padding-left:20px;color:#00A3DE; font-weight:bold; font-size:11px; background:transparent url(images/link_vert.gif) no-repeat center left; text-decoration:none; margin:5px 0;}
a.link:hover {padding-left:20px;color:#00A3DE; font-weight:bold; background:transparent url(images/link_vert.gif) no-repeat center left; text-decoration:underline;}

/*- Apporteur Affaires -*/
a.linkA:link, a.linkA:visited {padding-left:20px;color:#69923A; font-weight:bold; font-size:11px; background:transparent url(images/link_vertA.gif) no-repeat center left; text-decoration:none; margin:5px 0;}
a.linkA:hover {padding-left:20px;color:#69923A; font-weight:bold; background:transparent url(images/link_vertA.gif) no-repeat center left; text-decoration:underline;}

/*- newsletter -*/
a.linkN:link, a.linkN:visited {padding-left:20px;color:#80A0C2; font-weight:bold; font-size:11px; background:transparent url(images/link_News.gif) no-repeat center left; text-decoration:none; margin:5px 0;}
a.linkN:hover {padding-left:20px;color:#80A0C2; font-weight:bold; background:transparent url(images/link_News.gif) no-repeat center left; text-decoration:underline;}

.linkAlone{color:#00A3DE; font-weight:bold;}
.linkAlone:hover{text-decoration:underline;}

/*- Apporteur Affaires -*/
.linkApp{color:#69923A; font-weight:bold;}
.linkApp:hover{text-decoration:underline;}

/*- newsletter -*/
.linkNews{color:#80A0C2; font-weight:bold;}
.linkNews:hover{text-decoration:underline;}

.content_bloc_right { background:url(images/bg_bloc_right_rp.png) repeat-y top left; width:220px; float:left; padding-left:10px;}
.footer_bloc_right{ background:url(images/bg_bloc_right_footer.jpg) no-repeat top left; width:240px; height:12px; float:left; }

.titreColRight { background:#FFFFFF url(images/bg_bloc_right_rp.jpg) repeat-y top left; width:220px; float:left; padding-left:10px; margin-top:-30px;}

/* bloc ColRight accueil */
#alaune { margin-bottom:20px; float:left;}
#alaune .header_bloc_right { background:#FFFFFF url(images/bg_bloc_right_alaune.png) no-repeat top; width:240px; height:61px; float:left;}

#apporteur { margin-bottom:20px; float:left;}
#apporteur .header_bloc_right { background:#FFFFFF url(images/bg_bloc_right_apporteur.png) no-repeat top; width:240px; height:61px; float:left;}

#temoignages { margin-bottom:20px; float:left;}
#temoignages .header_bloc_right { background:#FFFFFF url(images/bg_bloc_right_temoignages.png) no-repeat top; width:240px; height:61px; float:left;}

/* bloc ColRight contenu */
#consultez { margin-bottom:20px; float:left;}
#consultez .header_bloc_right { background:#FFFFFF url(images/bg_bloc_right_consultez.png) no-repeat top; width:240px; height:61px; float:left;}

#documents { margin-bottom:20px; float:left;}
#documents .header_bloc_right { background:#FFFFFF url(images/bg_bloc_right_documents.png) no-repeat top; width:240px; height:61px; float:left;}

#newsletter { margin-bottom:20px; float:left;}
#newsletter .header_bloc_right { background:#FFFFFF url(images/bg_bloc_right_newsletter.png) no-repeat top; width:240px; height:61px; float:left;}

#jpo { margin-bottom:20px; float:left;}
#jpo .header_bloc_right { background:#FFFFFF url(images/bg_bloc_right_jpo.png) no-repeat top; width:240px; height:61px; float:left;}

#web { margin-bottom:20px; float:left;}
#web .header_bloc_right { background:#FFFFFF url(images/bg_bloc_right_web.png) no-repeat top; width:240px; height:61px; float:left;}

/* fin */

#footer_container { background:#fff url(images/bg_footer_rp.jpg) repeat-y top left; float:left; margin-top:20px; }
#footer { background:transparent url(images/bg_footer.jpg) no-repeat top left; width:690px; float:left; padding-left:170px; }
#footer h6 { line-height:30px; display:block; }
#footer ul { margin-top:15px; list-style:none;}
#footer li , #footer li  a:link, #footer li  a:visited { color:#4d4f53; font-size:11px; }
#footer li  a:hover { text-decoration:underline; }
#footer_bottom { background:url(images/bg_footer_bottom.jpg) no-repeat top left; width:860px; height:11px; float:left;}

.bloc_link_footer { float:left; margin-right:30px; }

#links_online { padding-right:15px; margin-top:10px; float:right; text-align:right;width:100%; }
#links_online ul { float:right }
#links_online li{ display:block; float:left; padding-right:5px; border:none; }
#links_online li a:link, #links_online  li a:visited { display:block; float:left; padding:0 5px; border-right:#333 1px solid; color:#007f64; }
#links_online li a:hover {text-decoration:underline;}

/* STYLE FORMULAIRE DNN
**************************************************************************************** */

/* STYLE GENERAL FORMULAIRE */
.EFFormBody 				{ WIDTH:100%;}
.FormPanel 					{ WIDTH:100%;}
	
/* STYLE ELEMENTS FORMULAIRE */
TABLE.EFFormBody 			{ FONT-WEIGHT:bold; margin-left:50px;}
TABLE.EFFormBody TR TD SPAN H5 { FONT-SIZE: 12px; COLOR: #007f64; PADDING-TOP: 10px; MARGIN:0px; }
TABLE.EFFormBody TR TD SPAN HR { COLOR: #007f64; background-color: #007f64; height: 1px; border: 0;}
TABLE.EFFormBody SPAN 		{ vertical-align:middle; margin:1px; }
TABLE.EFFormBody LABEL 		{ vertical-align:middle; margin:5px }
TABLE.EFFormBody OPTION		{ FONT-SIZE: 10px; }
TABLE.EFFormBody INPUT 		{ BACKGROUND:#FFF; BORDER: #868990 1px solid; PADDING: 0px 0px 0px 0px;}
TABLE.EFFormBody SELECT 	{ BACKGROUND:#FFF; BORDER: #868990 1px solid; PADDING: 2px 1px 2px 1px;}
TABLE.EFFormBody TEXTAREA 	{ BACKGROUND:#FFF; BORDER: #868990 1px solid; PADDING: 1px 2px 1px 2px;}
TABLE.EFFormBody INPUT[type="checkbox"], TABLE.EFFormBody INPUT[type="radio"]	{ border:none; color:#3a3; }
TABLE.EFFormBody .CommandButton{display:none}

/* STYLE ZONE VALIDATION FORMULAIRE */
.Formsheader 				{ BORDER: #FFF 1px solid; WIDTH:100%; MARGIN-LEFT:10px; }
.Formsheader2 				{ BORDER: #FFF 1px solid; WIDTH:100%; MARGIN-LEFT:10px; }
.Formsheader TR TD 			{ BACKGROUND: #FFF; BORDER-TOP-WIDTH: 0px; BORDER-LEFT-WIDTH:0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-RIGHT-WIDTH:0px; PADDING: 0;}
TABLE.Formsheader INPUT[type="checkbox"], TABLE.Formsheader INPUT[type="radio"]	{ border:none; color:#3a3 }					  

.bg_content_rp_header .CommandButton{display:none}

/* STYLE MESSAGE D'ERREUR */
.NormalRed 					{ FONT-SIZE: 10px; COLOR: #FFF;}

.decal{padding:0 14px;}

/* css jquery */

/* toggle */
.trigger {padding: 0 0 0 50px;margin: 0 0 5px 0;background: url(images/toggle.png) no-repeat;height:31px;line-height:30px;width:560px;font-size: 1em;font-weight:normal;float: left;display:inline;}
.triggerNews {padding: 0 0 0 50px;margin: 0 0 5px 0;background: url(images/toggle_news.png) no-repeat;height:31px;line-height:30px;width:560px;font-size: 1em;font-weight:normal;float: left; color:#FFF; display:inline;}
.triggerTemoignages {padding: 0 0 0 50px;margin: 0 0 5px 0;background: url(images/toggle_temoignages.png) no-repeat;height:31px;line-height:30px;width:560px;font-size: 1em;font-weight:normal;float: left; color:#FFF; display:inline; }
.trigger a {color: #fff;text-decoration: none; font-weight:normal; font-size:1em; display:block; cursor:pointer;}
.triggerNews a {color: #374b90;text-decoration: none; font-weight:bold; font-size:0.9em; display:block; cursor:pointer;}
.triggerTemoignages a {color: #FFFFFF;text-decoration: none; font-weight:bold; font-size:0.9em; display:block; cursor:pointer;}
.trigger a:hover,.triggerNews a:hover,.triggerTemoignages a:hover {text-decoration:underline;}
.spanDate { text-align:right; float:right; margin:-30px 90px 0 0; color: #374b90; cursor:pointer;}
.triggerTemoignages .spanDate { text-align:right; float:right; margin:-30px 90px 0 0; color: #4d4f53;}
.active {background-position: left bottom;} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/
.toggle_container {	margin: 0 0 5px;padding: 0;	border-top: 1px solid #d6d6d6;	background: transparent url(images/toggle_block_stretch.gif) repeat-y left top;overflow: hidden;font-size: 13px;width:560px;clear: both;}
.toggle_container h3 {color:#008066; font-size:15px; font-weight:bold;}
.toggle_container p {font-size: 13px;}
.toggle_container em {font-size: 12px;}
.toggle_container li {list-style:none; list-style-image:none; color:#008066; padding-left:20px; background:transparent url(images/link_vert.gif) no-repeat top left;}
.toggle_container .titre {color:#008066; padding-left:20px; background:transparent url(images/link_titre.gif) no-repeat top left; font-weight:bold;}
.toggle_container .block {padding: 20px 20px 15px 20px; /*--Padding of Container--*/	background: url(images/toggle_block_btm.gif) no-repeat left bottom; /*--Bottom rounded corners--*/}

/* tooltip */
.tooltip {text-decoration:underline; cursor:pointer; font-weight:bold;}
#jHelperTipAttrContainer{background: url(images/tooltip.png) no-repeat; display:none; width:200px; height:34px; text-align:center; padding-top:9px; color:#374b90; font-weight:bold; font-size:12px;}

/*accordion menu*/
.pageContent { width: 600px;}
.accordion { list-style-type: none; padding: 0; margin:0; }
.accordion ul { padding: 0; margin: 0; float: left; display: block; width: 600px; list-style-image:none;}
.accordion li { cursor: pointer; padding: 0; margin: 0; float: left; display: block; width: 100%; list-style-image:none;}
.accordion li div { padding:0 20px; background: #FFF; display: block; clear: both; float: left; width: 560px; cursor:default; }
.accordion a { text-decoration:none; color: #222; height:39px; padding: 0 30px; display: block; cursor: pointer; }

#li1 {background:url(images/li.png) no-repeat;}
#li2 {background:url(images/li.png) left -39px no-repeat;}
#li3 {background:url(images/li.png) left -78px no-repeat;}
#li4 {background:url(images/li.png) left -117px no-repeat;}
#li5 {background:url(images/li.png) left -156px no-repeat;}

.accordion li div a:link, .accordion li div a:visited{color:#008066; font-weight:bold; font-size:11px; text-decoration:none; padding:0; margin:0; height:20px; list-style-image:none; display:inline-block;}
.accordion li div a:hover,{color:#008066; font-weight:bold; text-decoration:underline; list-style-image:none; display:inline-block;}
.column{float:left; width:170px; padding:0px 10px 0px 0px; text-align:left;	margin-top:0px; margin-bottom:10px;}