/*** CSS for MCF BY JUST4ID ***/

/*** GENERAL ***/
body{
	width:100%;
	height:100%;
	background:url(img/bg.gif) repeat-x;
	margin:0;
	padding:0;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size:12px;
}

a, a:active, a:link, a:visited{
	text-decoration:none;
}

a img{
	border:0;
}

h2,h3{
	font-weight:bold;
	color:#6c2869;
	font-size:14px;
	margin-bottom:10px;
	margin-top:10px;
	width:100%;
	padding-right:10px;
}

h3{
	color:#B5007B;
	font-size:13px;
	padding-top:10px;
}

h4{
	font-size:12px;
	color:#000;
	font-weight:bold;
	margin-top:15px;
	margin-bottom:15px;
}

img{
	margin:0;
	padding:0;
}

p{
	text-align:justify;
	padding-right:10px;
	margin-top:10px;
	margin-bottom:10px;
}

.up{
	font-weight:bold;
	color:#B5007B;
}

.up2{
	color:#B5007B;
	text-align:center;
}

.cadre{
	padding:15px;
	margin:25px 0;
	border:2px solid #6C2869;
}

/*** GENERAL ***/



/*** STRUCTURE PRINCIPALE ***/
#flux{
	height:auto;
	width:800px;
	margin-left:auto;
	margin-right:auto;
	background-color:#fff;
	top:0;
}

#wrapper{
	border-left:1px solid black;
	border-right:1px solid black;
	padding:10px 0 0;
	float:left;
	background-color:#fff;
	width:800px;
	height:auto;
}

#header{
	width:795px;
	height:70px;
	padding-right:5px;
}

#content {
	width:800px;
	float:left;
	min-height:600px;
	height:600px;
	height:auto !important;
}

#footer{
	width:800px;
	background:url(img/bg_footer_middle.gif) repeat-x;
	float:left;
	display:block;
	height:21px;
	bottom:0;
}

/*** STRUCTURE PRINCIPALE ***/




/*** HEADER ***/
.logo{
	float:left;
	margin-right:5px;
}

.banner{
	width: 468px;
	height:60px;
	float:left;
}
/*** HEADER ***/




/*** MENU HORIZONTAL ***/
#menu{
	float:left;
}

#menu.accueil{
background-color:#b5007b;
}

#menu a{
	width:198px;
	height:36px;
}

#menu a.menu_mcf{display:block;background:url(img/btn_menu_mcf.gif) no-repeat 0px -72px;}
#menu a.menu_mcf:hover{background-position:0px -108px;}

#menu a.menu_mutuelles{display:block;background:url(img/btn_menu_mutuelles.gif) no-repeat 0px -72px;}
#menu a.menu_mutuelles:hover{background-position:0px -108px;}

#menu a.menu_assurances{display:block;background:url(img/btn_menu_assurances.gif) no-repeat 0px -72px;}
#menu a.menu_assurances:hover{background-position:0px -108px;}

#menu a.menu_adherents{display:block;background:url(img/btn_menu_adherents.gif) no-repeat 0px -72px;}
#menu a.menu_adherents:hover{background-position:0px -108px;}

#menu.accueil a.menu_mcf{display:block;background:url(img/btn_menu_mcf.gif) no-repeat 0 0;}
#menu.accueil a.menu_mcf:hover{background-position:0px -36px;}

#menu.accueil a.menu_mutuelles{display:block;background:url(img/btn_menu_mutuelles.gif) no-repeat 0 0;}
#menu.accueil a.menu_mutuelles:hover{background-position:0px -36px;}

#menu.accueil a.menu_assurances{display:block;background:url(img/btn_menu_assurances.gif) no-repeat 0 0;}
#menu.accueil a.menu_assurances:hover{background-position:0px -36px;}

#menu.accueil a.menu_adherents{display:block;background:url(img/btn_menu_adherents.gif) no-repeat 0 0;}
#menu.accueil a.menu_adherents:hover{background-position:0px -36px;}

#menu ul#nav{
	width:800px;
}

#nav, #nav ul{
     margin:0;
     padding:0;
     list-style-type:none;
     list-style-position:outside;
     position:relative;
     line-height:1.5em;
 }
 
#nav ul li a, #nav ul li a:link, #nav ul li a:active, #nav ul li a:visited{
    color:#fff;
    text-decoration:none;
 }

#nav ul li a:hover{
    font-weight:bold;
	text-decoration:underline;
}

#nav li{
    float:left;
    position:relative;
}

#nav ul {
    position:absolute;
    width:188px;
    top:33px;
    display:none;
	background:#df74c2;
	padding:5px;
}

#nav li ul a{
    width:198px;
	height:15px;
}

#nav ul ul{
	top:auto;
	}	

#nav li ul ul {
    left:198px;
    margin:0px 0 0 10px;
    }
	
#nav li ul li{
	width:188px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
    display:none;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
    display:block;
}
/*** MENU HORIZONTAL ***/




/*** COLONNE GAUCHE ***/
#column_left{
	width:230px;
	float:left;
	height:100%;
	padding-bottom:10px;
}

#menu2{
	width:190px;
	height:auto;
	padding-left:3px;
	color:#fff;
	font-size:11px;
	float:left;
}


#menu2 .content{
	background:url(img/bg_menu2_middle.gif) repeat-y;
	float:left;
	height:auto;
	padding:9px;
	color:#fff;
	width:150px;
}

#menu2 .content a,#menu2 .content a:link,#menu2 .content a:active,#menu2 .content a:visited{
	color:#fff;
}

#menu2 .content a:hover{
	text-decoration:underline;
}

#menu2 .content p{
	float:left;
	margin-left:-2px;
	padding:0;
	text-align:left;
	width:152px;
	margin-top:0;
}

#menu2 .content img{
	float:left;
	margin-right:8px;
	margin-top:5px;
}

#menu2 .content h2{
	width:auto;
	text-transform:uppercase;
	color:#fff;
	float:left;
	padding-right:0;
}

#menu2 .content ul{
	margin:0;
	float:left;
	height:auto;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px !important;
	padding-left:12px;
	padding-right:0;
	list-style-type: disc;
	display:block;
}

#menu2 .content ul li{
	color:#fff;
	margin-left:4px;
}

#menu2 ul li a, #menu2 ul li a:active, #menu2 ul li a:link, #menu2 ul li a:visited{
	color:#fff;
	font-size:11px;
}

#menu2 ul li a:hover{
	text-decoration:underline;
}
/*** COLONNE GAUCHE ***/




/*** COLONNE DROITE ***/
#column_right{
	/*width:560px;*/
	width:550px;
	float:left;
	height:100%;
	text-align:justify;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:10px;
	margin-left:-10px;
}

#column_right a, #column_right a:active, #column_right a:link, #column_right a:visited{
	color:#6c2869;
}

#column_right a:hover{
	text-decoration:underline;
}

#column_right .notes{
	font-size:11px;
	color:#B5007B;
	font-style:italic;
}

#content #column_right ul.puces_roses{
	color:#B5007B;
}
#content #column_right ul.puces_roses span{
	color:#000;
}


/*** COLONNE DROITE ***/




/*** PAGE D'ACCUEIL ***/
#heading{
	background-color:#b5007b;
	height:270px;
	border-bottom:2px solid #a4a4a4;
}

#heading img{
	float:left;
}

#heading div{
	background:url(img/bg_heading_middle.gif) no-repeat bottom left;
	width:198px;
	float:left;
	height:232px;
}

#heading .buttons a{
	width:198px;
	display:block;
	height:39px;
	float:left;
}

#heading .buttons a.offres{background:url(img/btn_heading_offres.gif) no-repeat top left;}
#heading .buttons a.devis{background:url(img/btn_heading_devis.gif) no-repeat top left;}
#heading .buttons a.adhesion{background:url(img/btn_heading_adhesion.gif) no-repeat top left;margin-top:28px !important;  margin-top:-6px;}
#heading .buttons a.offres:hover{background-position:bottom left;}
#heading .buttons a.devis:hover{background-position:bottom left;}
#heading .buttons a.adhesion:hover{background-position:bottom left; margin-top:28px !important;margin-top:-6px;}



#actu{
	background: url(img/bg_news.gif) repeat-y top left;
	float:left;
}

#actu h2 {
	background:url(img/trait_separation_news.gif) no-repeat bottom center;
	padding-bottom:10px;
	text-align:center;
	margin:0 0 3px;
	padding-left:0;
	padding-right:0;
}

#actu .bloc_news{
	float:left;
	padding:9px 0 10px 0;
	width:266px;
}
#actu .bloc_news p{
	padding-right:10px;
	padding-left:10px;
}

#actu .bloc_news .news.news3{
	border-right:none;
}

#actu .bloc_news .news img{
	margin-left:auto;
	margin-right:auto;
	display:block;
}

#actu .bloc_news .news a img{
	border:1px solid #6C2869;
}


#actu .bloc_news .news p.readmore{
	display:block;
	font-weight:bold;
	margin:0;
	padding:0 10px 0 0;
	text-align:right;
}

#actu .bloc_news .news p.readmore a, #actu .bloc_news .news p.readmore a:link, #actu .bloc_news .news p.readmore a:active, #actu .bloc_news .news p.readmore a:visited{
	color:#000;
}

#actu .bloc_news .news p.readmore a:hover{
	text-decoration:underline;
}
/*** PAGE D'ACCUEIL ***/




/*** PAGE GARANTIES ***/
p.garanties{
	padding:0;
	margin-top:0;
	margin-bottom:0;
}

p.garanties img{
	margin-left:25px;
	margin-right:20px;
}

blockquote{
	color:#6c2869;
}

#content ul{
	padding-top:0;
	margin-top:0;
	padding-right:10px;
	text-align:left;
}

table#garanties img{
	margin-bottom:15px;
}

table#garanties p{
	padding:0px;
	margin:0px;
}

table#garanties td{
	padding-top:5px;
}
/*** PAGE GARANTIES ***/

/*** PAGE NOS OFFRES ***/
#nos_offres h2{
	margin-bottom:0;
	padding:0;
}

#nos_offres .more{
	text-align:right;
	margin:5px 0 0;
	padding:0;
}

#nos_offres p{
	margin:0;
	padding:0;
}

.nos_mutuelles, .nos_assurances{
	float:left;
}

.nos_mutuelles{
	width:354px;
}

.nos_mutuelles p, .nos_assurances p{
	margin:0;
	padding:0;
}

/*** PAGE NOS OFFRES ***/


/** PAGE ACTUALITES ***/
.demo-show2 h2{
	cursor:pointer;
	clear:left;
}

.demo-show2 h2:hover{
	text-decoration:underline;
}

.demo-show2 img{
	float:left;
	margin:3px 25px 4px 0;
	border:1px solid #6C2869;
}

.demo-show2 p{
	padding-bottom:0;
	padding-left:0;
	padding-top:0;
}

.demo-show2 a, .demo-show2 a:active, .demo-show2 a:link, .demo-show2 a:visited{
	font-weight:bold;
}
.demo-show2 a:hover{
	text-decoration:underline;
}

/** PAGE ACTUALITES ***/




/*** PAGE FORMULAIRE DE CONTACT ***/
#formulaire{
	height:auto;
	float:left;
	width:100%;
	padding-bottom:15px;
}

#formulaire form{
	margin:0;
	width:100%;
}

#formulaire label{
	float: left;
	margin-bottom: 0.5em !important;
	margin-bottom: 0px;
	width:540px;
}

#formulaire label.error {
	color:#b5007b; 
	margin-left:10px;
	vertical-align: top;
	float:right;
	width:270px;
	float:left;
}
	
#formulaire p {
	min-height:35px;
	height:35px;
	height:auto!important;
	/*clear: both;*/
	width:100%;
	float:left;
	padding:0;
	margin:10px 0 0;
}

#formulaire p.envoyer {
	padding-top:10px;
	clear:both;
}

#formulaire .submit {
	width:180px; 
	color:#6c2869; 
	border:none;
	background:url(img/icone_fleche.gif) no-repeat left center; 
	cursor:pointer;
	font-weight:bold;
	padding-left:25px;
}

#formulaire em { 
	font-weight: bold;
	padding: 1em; 
	vertical-align: top; 
}

#formulaire input, #formulaire textarea{
	width:250px;
	height:20px; 
	background-color:#fff; 
	border:1px solid #736b64; 
	color:#000;
	float:left;
}

#formulaire textarea{
	height:120px;
}

div.infos{
	width:100%;
}

.mcf_contact h3{
	cursor:pointer;
	float:left;
	width:490px;
}

.mcf_contact h3+div{
	padding-bottom:20px;
}


/*** PAGE FORMULAIRE DE CONTACT ***/


/*** IFRAMES ***/
iframe #bdc {
	border:0 none;
	padding:0 42px 10px 20px;
}

iframe #page{
	width:800px;
}
/*** IFRAMES ***/



/*** FOOTER ***/
#menu3{
	float:right;
	color:#fff;
	padding-top:2px;
}

#menu3 a, #menu3 a:active, #menu3 a:link, #menu3 a:visited{
	color:#fff;
	font-weight:bold;
}

#menu3 a:hover{
	text-decoration:underline;
}

/*** FOOTER ***/

/*** LAST-MINUTE ***/
.cadreCopie-top  {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(img/smerep-bloc-info-top.png) no-repeat scroll 0 0;
min-height:70px;
padding:15px 15px 0 50px;
width:485px;
}
.cadreCopie  {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(img/smerep-bloc-info-bas.png) no-repeat scroll 0 bottom;
margin-bottom:15px;
padding-bottom:10px;
width:550px;
}
/*** LAST-MINUTE ***/