/* ** MENU HORIZONTAL ** */

/* ** UL ** */
ul#menu{
height: 30px;
margin-left:-40px;
margin-top:0px;
margin-bottom:0px;
float:inherit;
width: 100%;

}

ul#menu ul{
z-index:3;
margin:0px;
line-height:33px;
padding:0px;
}

/**** CORRECTION IE7 GHOST DIV BUG *****/ 
ul li ul{
display:none;
top:0px;
left:180px;
}

ul li:hover>ul {
	display: block;
	position: absolute;
	width:182px;
}

ul#menu>li:hover>ul{
position:absolute;
top:33px;
left:-3px;
width:182px;
}
/***** FIN CORRECTION IE7 GHOST DIV BUG ****/

/***** CORRECTION IE6 -> a causede  la correction pour IE7 !! ****/

*html ul#menu li ul li ul{
	position: absolute;
	width:182px;
	top:0px !important;
	left:180px !important;
}

*html ul#menu li.level1 ul{
position:absolute;
top:33px;
left:-3px;
width:182px;
}
/******* FIN CORRECTION IE6 -> a causede  la correction pour IE7 !! ****/


/* ** LI ** */
ul#menu li{
	float:left;
	position:relative;
	padding: 2px 15px 0px 15px;
	z-index:3;
	list-style:none;
	width:auto;
}

ul#menu ul li{
margin:0px;
padding:0px;
width:180px;
float:left;
}
@charset "UTF-8";

/* SpryAccordion.css - Revision: Spry Preview Release 1.4 */

/* Copyright (c) 2006. Adobe Systems Incorporated. All rights reserved. */

/* This is the selector for the main Accordion container. For our default style,
 * we draw borders on the left, right, and bottom. The top border of the Accordion
 * will be rendered by the first AccordionPanelTab which never moves.
 *
 * If you want to constrain the width of the Accordion widget, set a width on
 * the Accordion container. By default, our accordion expands horizontally to fill
 * up available space.
 *
 * The name of the class ("Accordion") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style the
 * Accordion container.
 */
.Accordion {
	border: solid 1px #ccc;
	overflow: hidden;
	outline: none;
}

/* This is the selector for the AccordionPanel container which houses the
 * panel tab and a panel content area. It doesn't render visually, but we
 * make sure that it has zero margin and padding.
 *
 * The name of the class ("AccordionPanel") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel container.
*/
.AccordionPanel {
	margin-top: 0px;
	padding: 0px;
}

/* This is the selector for the AccordionPanelTab. This container houses
 * the title for the panel. This is also the container that the user clicks
 * on to open a specific panel.
 *
 * The name of the class ("AccordionPanelTab") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel tab container.
 */
.AccordionPanelTab {
	background:url(../images/formaccueil/grisF.png) repeat-x;
	height:20px;
	color:#FFFFFF;
	font-weight:bold;
	margin: 0px;
	padding-top: 0px;
	padding-left: 2px;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
}

/* This is the selector for a Panel's Content area. It's important to note that
 * you should never put any padding on the panel's content area if you plan to
 * use the Accordions panel animations. Placing a non-zero padding on the content
 * area can cause the accordion to abruptly grow in height while the panels animate.
 *
 * Anyone who styles an Accordion *MUST* specify a height on the Accordion Panel
 * Content container.
 *
 * The name of the class ("AccordionPanelContent") used in this selector is not necessary
 * to make the widget function. You can use any class name you want to style an
 * accordion panel content container.
 */
.AccordionPanelContent {
	overflow: auto;
	margin: 0px;
	padding: 0px;
	height: 240px;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open. The class "AccordionPanelOpen" is programatically added and removed
 * from panels as the user clicks on the tabs within the Accordion.
 */
.AccordionPanelOpen .AccordionPanelTab {
	background:url(../images/formaccueil/vertF.png) repeat-x;
	height:20px;
	padding-top: 0px;
	padding-left: 2px;
	color:#FFFFFF;
    font-weight: bold;
}

/* This is an example of how to change the appearance of the panel tab as the
 * mouse hovers over it. The class "AccordionPanelTabHover" is programatically added
 * and removed from panel tab containers as the mouse enters and exits the tab container.
 */
.AccordionPanelTabHover {
	
	background:url(../images/formaccueil/grisF.png) repeat-x;
	height:20px;
	padding-top: 0px;
	padding-left: 2px;
}
.AccordionPanelOpen .AccordionPanelTabHover {
	background:url(../images/formaccueil/vertF.png) repeat-x;
	height:20px;
	padding-top: 0px;
	padding-left: 2px;
}

/* This is an example of how to change the appearance of all the panel tabs when the
 * Accordion has focus. The "AccordionFocused" class is programatically added and removed
 * whenever the Accordion gains or loses keyboard focus.
 */
.AccordionFocused .AccordionPanelTab {
background:url(../images/formaccueil/grisF.png) repeat-x;
	height:20px;
	padding-top: 0px;
	padding-left: 2px;
}

/* This is an example of how to change the appearance of the panel tab that is
 * currently open when the Accordion has focus.
 */
.AccordionFocused .AccordionPanelOpen .AccordionPanelTab {
	background:url(../images/formaccueil/vertF.png) repeat-x;
	height:20px;
	padding-top: 0px;
	padding-left: 2px;
}

ul#menu li.level1{
height:33px;
margin-right:0px;
}

ul#menu li.level1:hover{
background:url(../images/menu2.jpg) repeat-x;
height:33px;
float:left;
}

ul#menu li.last{
width:182px;
border:none;
height:29px;
}
ul#menu li.level2{
height:33px;
margin-right:0px;
}

ul#menu li.level2:hover{
background:url(../images/menu3.jpg) no-repeat;
height:33px;
float:left;
}
ul#menu li.level3{
height:33px;
margin-right:0px;
}

ul#menu li.level3:hover{
background:url(../images/menu4.jpg) no-repeat;
height:33px;
float:left;
}


/* ** A ** */

ul#menu li a{
display:block;
text-decoration: none; 
font-family: tahoma;
}

ul#menu li a.fam_mere{
color:#FFFFFF;
vertical-align:middle;
line-height:25px;
font-size:12px;
font-weight:bold;
padding-right:6px;
padding-left:6px;
margin:0px 0px 0px 0px;
}

ul#menu li:hover>a.fam_mere{
color:#FFFFFF;
}


ul#menu ul li.last a{
width:170px;
background-color:transparent;
background:url(../images/fond_last_li_on.png) repeat-x;
height:15px;
border-top:2px solid #ffffff;
border-bottom:0px;
border-left:0px;
border-right:0px;
}


ul#menu ul li a{
border-left:2px solid #ffffff;
border-right:2px solid #ffffff;
border-top:2px solid #ffffff;
padding:7px 0px 7px 10px;
background-color:#88b401;
text-align:left;
color:#ffffff;
font-size:11px;
line-height:12px;
width:166px;
float:left;
}

ul#menu ul li a:hover{
background-color:#FFFFFF;
color:#739801;
font-weight:bold;
border-left:2px solid #88b401;
border-right:2px solid #88b401;

}

ul#menu ul li.last a:hover{
border-left:0px solid #88b401;
border-right:0px solid #88b401;
background-color:transparent;
background:url(../images/fond_last_li_on2.png) repeat-x;
}


/* ** FIN MENU DEROULANT ** */
/**************************************/
/***********************comprateur***********************/
	.affpack
	{	
		display:block;
	}
.hide
	{	
		display:none;
	}
	.hpack{
	font-size: 12px;
	font-family:tahoma;
	
}
.tabpack{
	font-size: 12px;
	font-family: tahoma;
	border:solid 1px #DCDDDE;
	text-align: center;
}
.linesecu{
	background: url(../images/trait5.jpg) repeat-x;
	display: block;
	height:5px;
}
.linetranq{
	background: url(../images/trait6.jpg) repeat-x;
	display: block;
	height:5px;
}
.lineconfort{
	background: url(../images/traitrrrr.jpg) repeat-x;
	display: block;
	height:5px;
}
/* ------------------Text Formation------------------ */

p,div,form { 
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
padding:0px;
/*margin:0px;*/
font-weight:normal;
text-decoration:none;
}
input{
border:#7F9DB9 solid 1px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
padding:0px;
/*margin:0px;*/
font-weight:normal;
text-decoration:none;
}
.inputERROR{
border:#FF0000 solid 1px;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
padding:0px;
/*margin:0px;*/
font-weight:normal;
text-decoration:none;
}
option{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
text-decoration:none;
}
 .radio{
border:none;
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
padding:0px;
font-weight:normal;
text-decoration:none;
 }
select {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
border:#7F9DB9  solid 1px;
text-decoration:none;
}
.selectERROR {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
border:#FF0000  solid 1px;
text-decoration:none;
}
a {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:bold;
text-decoration:none;
color:#99cc00;
}
a:hover {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
color:#CCC;
font-weight:bold;
text-decoration:underline;
}
a:active,a:focus {outline:0;}
h1 {
font-family:Arial, Helvetica, sans-serif;
font-size:24px;
color:#EB2D2E;
padding:0px;
margin:0px;
font-weight:normal;
text-decoration:none;
}
/* demo specific CSS settings */
h1 a,
h1 a:hover {font-size:18px;}
#fpss-static-title {text-align:center;margin:20px auto;}
#fpss-container {margin:60px auto;background:#fff;}
/**********************************************/
/*****************************************LES DIVs*****/
.divleftaccueil{
float: left;
width:492px;
padding:5px;
margin:0px;
}
.divrightaccueil{
float: right;
width:495px;
padding:5px;
margin-left:10px;
}
.divtitre{
background:url(../images/trait.jpg) repeat-x;
color:#478EAC;
font-weight:bold;
height:20px;
padding-top:2px;
padding-left:4px;
margin:0px;
clear:both;
}
.divsimple{
color:#478EAC;
font-weight:bold;
height:20px;
padding-top:2px;
padding-left:4px;
margin:0px;
clear:both;
}
.cadregris{
border:solid 1px #CCCCCC;
height: auto;
float:inherit;
margin-top:2px;
margin-bottom:2px;
}
.lienactu  {
font-size:11px;
color:#000000;
/*height:30px;*/
padding-top:5px;
padding-bottom:5px;
border-top:dotted 1px #999999;
margin-left:10px;
margin-right:10px;
vertical-align:middle;

}
.lienactu a {
font-size:11px;
color:#1B82AE;
}
.lienactu  a:hover{
font-size:11px;
color:#000000;
text-decoration:none;

}
.titregris{
font-size:11px;
font-weight:bold;
font-family:tahoma;
color:#999999;

}
.lienforum  {
font-size:11px;
color:#000000;
/*height:30px;*/
padding-top:5px;
padding-bottom:5px;
border-bottom:dotted 1px #999999;
margin-left:3px;
margin-right:5px;
vertical-align:middle;

}.lienforum  a {
font-size:11px;
color:#1B82AE;
}
.lienforum  a:hover{
font-size:11px;
color:#000000;
text-decoration:none;

}
.lienrebri {
font-size:11px;
color:#000000;
/*height:30px;*/
padding-left:4px;
width:320px;
padding-top:5px;
padding-bottom:5px;
border-bottom:dotted 1px #999999;
vertical-align:middle;

}.lienrebri a {
font-size:11px;
color:#1B82AE;
}
.lienrebri  a:hover{
font-size:11px;
color:#000000;
text-decoration:none;

}
/********************header********************/
.header{
height: 117px;
width:100%;
background-image: url(../images/index_01.jpg);
background-repeat: repeat-x;
}
#mheader{
height: 109px;
width:1020px;
margin:0 auto;
}
.mheadG{
background-image: url(../images/index_02.jpg);
background-repeat:no-repeat;
float:left;
padding:0px;
margin:0px;
height:109px;
width:21px;
}
.mheadM{
background-image: url(../images/index_03.jpg);
background-repeat:repeat-x;
float:left;
padding:0px;
margin:0px;
height:109px;
width:978px;
}
.mheadD{
background-image: url(../images/index_06.jpg);
background-repeat:no-repeat;
float:left;
padding:0px;
margin:0px;
height:109px;
width:20px;
}
.headlogo{
background-image: url(../images/logo-synergie-assurance.png);
background-repeat:no-repeat;
float:left;
padding-top:64px;
padding-bottom:10px;
margin:0px;
/*height:109px;*/
width:241px;
color: #FFFFFF;
font-weight: bold;
text-align:left
}
.prelogo{
padding:0px;
margin:0px;
font-family:tahoma;
}
.headban{
width:728px;
height:109px;
padding-top:6px;
float:right;
margin:auto;
}
/******************fin header********************/
/*************menu top*************/
#embremunutop{
background-image: url(../images/index_14.jpg);
background-repeat:repeat-x;
height: 11px;
width:1017px;
margin:0 auto;
}
#menutop{
background-image: url(../images/index_33.jpg);
background-repeat:no-repeat;
height: 33px;
width:989px;
margin:0 auto;
border-bottom:#CCCCCC solid 2px;
padding-bottom:7px;
}
#menutopR{
height: 33px;
width:989px;
margin:0 auto;
border-bottom:#CCCCCC solid 2px;
padding-bottom:7px;
}
.menutopRC{
height: 33px;
width:587px;
float:left;
text-align:left;
padding-top:10px;
padding-left:10px;
}
.menutopRS{
height: 33px;
width:380px;
float:right;
text-align:left;
padding-top:10px;
padding-left:10px;
}
/*************Fin menu top*************/
/***************bodybody***************/
#bodybody{
height:auto;
margin:0px auto;
border-left:#CCCCCC solid 2px;
border-right:#CCCCCC solid 2px;
width:1017px;

}
#liano{
font-weight: normal;
}
#liano a{
color:#666666;
	font-size: 11px;
	text-decoration:none;
	font-weight: normal;}
#liano a:hover{
color:#666666
	font-size: 11px;
	text-decoration:underline;
	font-weight: normal;}
.ajoutcom {
font-size:11px;
color:#000000;
vertical-align:middle;

}
.ajoutcom a {
font-size:11px;
color:#1B82AE;
}
.ajoutcom a:hover{
font-size:11px;
color:#000000;
text-decoration:none;
}
.liensimple{
font-size:11px;
font-weight:normal;

}
.liensimple a {
font-size:11px;
color:#000000;
font-weight:normal;
}
.liensimple a:hover{
font-size:11px;
color:#000000;
font-weight:normal;
text-decoration:underline;
}