/* CSS Document */
body {
	margin:0 0 0 0; padding:0 0 0 0; 
	background-color:#FFFFFF; font-family:Arial, Verdana, Helvetica, sans-serif; 
	font-size:12px; color:#333333;
	background-color:#0071b7;
	background-image:url(../images/general/bg-body.jpg);
	background-position:top center;
	background-repeat:repeat-x;
	}

h1 { font-family:Arial, Verdana, Helvetica, sans-serif; font-size:14px; color:#FFFFFF; font-weight:bold; padding:4px 0px 0px 20px; margin:0;}
h2 { font-family:Arial, Verdana, Helvetica, sans-serif; font-size:14px; color:#007bbf; font-weight:bold; padding:3px 0px 0px 10px; margin:0;} /* bleu */
h3 { font-family:Arial, Verdana, Helvetica, sans-serif; font-size:14px; color:#0cacac; font-weight:bold; padding:4px 0px 0px 30px; margin:0;} /* vert */

.pink {color:#dc2465; font-size:14px;}


/* ***** */
.fleche-bleu {
	background:url(../images/general/icone-fleche-bleu.png) no-repeat left center; 
	width:20px; 
	height:21px; 
	margin:5px 0px 0px 0px;
}
.link-fleche-bleu {color:#017cc0; text-decoration:underline; margin:-17px 0px 0px 22px;}
.link-fleche-bleu a {color:#017cc0; text-decoration:underline;}
.link-fleche-bleu a:hover {color:#017cc0; text-decoration:underline; font-weight:bold;}
/* ***** */
.fleche-grise {
	background:url(../images/general/icone-fleche-grise.png) no-repeat left center; 
	width:20px; 
	height:21px; 
	margin:0px 0px 0px 0px;
}
.link-fleche-grise {color:#333333; text-decoration:underline; margin:-17px 0px 0px 22px; float:left;}
* html .link-fleche-grise {color:#333333; text-decoration:underline; margin:-17px 0px 0px 10px; float:left;}
.link-fleche-grise a {color:#333333; text-decoration:underline;}
.link-fleche-grise a:hover {color:#333333; text-decoration:underline; font-weight:bold;}
/* ***** */
.fleche-verte {
	background:url(../images/general/icone-fleche-verte.png) no-repeat left center; 
	width:20px; 
	height:21px; 
	margin:5px 0px 0px 0px;
}
.link-fleche-verte {color:#42b9b5; text-decoration:underline; margin:-17px 0px 0px 22px;}
.link-fleche-verte a {color:#42b9b5; text-decoration:underline;}
.link-fleche-verte a:hover {color:#42b9b5; text-decoration:underline; font-weight:bold;}
/* ***** */



/* Eléments de formulaires */
input.inputchamp {height:15px; width:210px; border:1px solid #a5acb2; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; margin-left:0px;}
textarea.textareachamp{height:40px; width:210px; border:1px solid #a5acb2; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; margin-left:0px;}
input.inputchampcp {height:15px; width:95px; border:1px solid #a5acb2; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; margin-left:0px;}
input.inputchampnbradultes {height:15px; width:185px; border:1px solid #a5acb2; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; margin-left:0px;}
input.inputchampdatenaissance {height:15px; width:130px; border:1px solid #a5acb2; font-size:11px; padding-left:5px;}
input.inputchamp-societe {height:15px; width:350px; border:1px solid #a5acb2; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; margin-left:0px;}

textarea.textareachamp-message {height:60px; width:210px; border:1px solid #a5acb2; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif; margin-left:0px;}

select.selectchamp {height:20px; width:150px; border:1px solid #999999; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;}
select.selectchampatelier {height:20px; width:150px; border:1px solid #999999; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;}
textarea.textareaatelier {font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;}

select.selectcontact {height:20px; width:200px; border:1px solid #999999; font-size:11px; font-family:Verdana, Arial, Helvetica, sans-serif;}

input.erreur{
color: #cc0000;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
border-width: 0px;
text-align: center;
background-color:#FFFFFF;}

.asterisque-champs-obligatoires {color:#cd0202;}
.champs-obligatoires { margin:0px 0px 0px 163px; color:#FF0000; font-size:11px;}


/* HEADER ------------------------------------------------------------------------------------------------------------------------- */

table.header {
width:1002px;
height:185px;
margin:0px auto 0px auto;
background:url(../images/general/header.jpg) no-repeat center top;
}

td.header-top {
height:120px;
padding:0px;
}

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

#blocs-header {
float:right;
margin:0px 3px 0px 0px;
padding:0;
width:280px;
height:140px;
}
#bloc-numazur {
float:right;
padding:0;
margin:0px 4px 0px 0px;
text-align:right;
}

#bloc-eservices {
clear:both;
float:right;
padding:0px;
margin:10px 4px 0px 0px;
width:201px;
height:45px;
background:url(../images/general/connexion-eservices.png) no-repeat top right;
}
#bloc-eservices a {
float:left;
width:100%;
height:100%;
cursor:pointer;
}
#bloc-eservices a:hover {
background:url(../images/general/connexion-eservices-over.png) no-repeat top right;
cursor:pointer;
}


#bloc-devis-en-ligne {
clear:both;
float:right;
padding:0px;
margin:0px 4px 0px 0px;
width:188px;
height:44px;
background:url(../images/general/connexion-devis.png) no-repeat top right;
}
#bloc-devis-en-ligne a {
float:left;
width:100%;
height:100%;
cursor:pointer;
}
#bloc-devis-en-ligne a:hover {
background:url(../images/general/connexion-devis-over.png) no-repeat top right;
cursor:pointer;
}

#bloc-eservices span.legende, #bloc-devis-en-ligne span.legende {
	visibility:hidden;
	font-size:8px;
}


/* ASUPPR INUTILISE ////////////
.background-logo-mfbco {background-image:url(../images/general/background-logo-mfbco.jpg); background-position:top left; background-repeat:no-repeat; width:240px; height:169px;}
.header-top-left {background-image:url(../images/general/header-top.jpg); background-position:top left; background-repeat:no-repeat; width:325px; height:32px;}
.header-top-right {width:435px; height:32px;}
.header-bottom-left {background-image:url(../images/general/header-bottom.jpg); background-position:top left; background-repeat:no-repeat; width:325px; height:88px;}
.header-bottom-right {background-image:url(../images/general/header-bottom-right.jpg); background-position:top left; background-repeat:no-repeat; width:435px; height:88px;}
*/


/* ------------------------ */

.whole-content {
 width:1002px;
 border:0;
 margin:0px auto 0px auto;
 background:url(../images/general/BG-whole.png) repeat-y top center;
}

.background-contenu-top {
	background:url(../images/general/background-contenu.jpg) repeat-x bottom center;
	background-color:#FFFFFF;
	width:996px; 
	border:solid 1px #FFFFFF;
	border-bottom:solid 1px #CCCCCC;
	padding-bottom:40px;
}
body#home .background-contenu-top {
	background:url(../images/home/background-contenu.jpg) repeat-x bottom center;
	background-color:#FFFFFF;
}

/* A SUPPR INUTILISE
.swf-logo-mfbco {position:absolute; margin:0px 0px 0px 0px; width:240px; height:169px; z-index:1;}
#link-swf-logo-mfbco {position:absolute; z-index:3; margin:0px 0px 0px 0px; width:190px;}

.swf-eservices {position:absolute; margin:0px 0px 0px 0px; width:435px; height:32px; z-index:1;}
#link-swf-eservices {position:absolute; z-index:3; margin:0px 0px 0px 247px; width:173px; height:35px;}
*/

/* CHEM NAVIGATION -------------------------------------------------------------------------------------------------------------- */

.chemin-navigation {text-align:right; font-size:11px; color:#4e1570; text-decoration:none; padding:0px 10px 20px 0px;}
.chemin-navigation a {color:#4e1570; text-decoration:none;}
.chemin-navigation a:hover {color:#dc2465; text-decoration:none; font-weight:bold}


/* FOOTER ----------------------------------------------------------------------------------------------------------------------- */

.whole-footer {
background:url(../images/general/BG-whole.png) repeat-y center top;
width:1002px;
margin:0px auto 0px auto;
padding:0;
}
table.footer {
background:url(../images/general/background-footer.jpg) repeat-x right bottom;
background-color:#FFFFFF;
width:994px;
height:180px;
margin:0px auto 0px auto;
border:solid 1px #FFFFFF;
padding:0;
}

.footer td.border {
border-top:solid 4px #d30148;
padding:0;
}


.footer div.links-secondaires {
text-align:left; 
font-size:10px; 
color:#707070;
float:left;
padding-top:15px;
}
.footer .links-secondaires a {
text-decoration:none; 
color:#707070; 
}
.footer a:hover {
text-decoration:none; 
color:#000;
}

.footer div.links-secondaires .title {
text-align:left; 
font-size:11px; 
color:#dc2465;
}

.footer div.links-secondaires #colonne {
float:left; 
max-width:155px;
width:auto;
padding:0px;
margin:0px 4px 0px 15px;
}


.footer .footer-right {
float:right;
width:200px;
margin-right:15px;
padding-top:5px;
text-align:center;
}
.footer .footer-right img {
	margin:0px auto 0px auto;
}
.copyright, .copyright a {
	clear:both;
	margin:-10px 0px 0px 5px;
	text-align:left;
	font-size:11px; 
	color:#707070; 
	text-decoration:none;
}



/*  ----------------------------------------------------------------------------------------------------------------------- */





/* A SUPPR INUTILISE 
.background-footer-top {background-image:url(../images/general/background-footer-top.jpg); background-repeat:repeat-x; background-position:right bottom; height:71px;}
.background-footer-top-dyn {background-image:url(../images/general/background-footer-top-dyn.jpg); background-repeat:no-repeat; background-position:left bottom; height:71px;}
.background-footer-middle {background-image:url(../images/general/background-footer-middle.jpg); background-repeat:repeat-x; background-position:right top; height:18px;}
.background-footer-middle-dyn {background-image:url(../images/general/background-footer-middle-dyn.jpg); background-repeat:no-repeat; background-position:left top; height:18px;}

.background-footer-bottom-dyn {background-image:url(../images/general/background-footer-bottom-dyn.jpg); background-repeat:no-repeat; background-position:left top;}

.logo-mutualite-francaise-top {width:107px;} 
*/





/* ************* STYLES DE L'EDITEUR CMS *******************/

.mfbco_titre_1 {
font-family:Arial, Verdana, Helvetica, sans-serif; 
font-size:14px; 
color:#007bbf; 
font-weight:bold;
margin:0;
padding:0;
}

.mfbco_titre_2 {
font-family:Arial, Verdana, Helvetica, sans-serif; 
font-size:13px; 
color:#dc2465;
font-weight:bold;
margin:0;
padding:0;
}
.mfbco_titre_3 {
font-family:Arial, Verdana, Helvetica, sans-serif; 
font-size:13px; 
color:#0cacac;
font-weight:bold;
margin:0;
padding:0;
}

.mfbco_pink {color:#dc2465;}
.mfbco_blue {color:#007bbf;}
.mfbco_green {color:#42b9b5;}

.mfbco_fleche-bleu {
background-image:url('../images/general/icone-fleche-bleu.png'); background-repeat:no-repeat; 
padding:3px 0px 3px 22px;
background-position:left center;
}
.mfbco_fleche-grise {
background-image:url('../images/general/icone-fleche-grise-editeur.png'); 
background-repeat:no-repeat;
padding:3px 0px 3px 22px;
background-position:left center;
}
.mfbco_fleche-verte {
background-image:url('../images/general/icone-fleche-verte-editeur.png'); 
background-repeat:no-repeat;
padding:3px 0px 3px 22px;
background-position:left center;
}



.bouton-call-action {
width:270px;
height:30px;
background-image:url('../images/general/bouton-call-action.jpg');
background-repeat:no-repeat;
margin:8px 0px 0px 0px;
padding:4px 0px 0px 0px;
font-size:16px;
font-weight:bold;
text-align:center;
color:#FFFFFF;
text-decoration:none;
}

.bouton-call-action a {
font-size:16px; font-weight:bold; text-align:center; color:#FFFFFF;
text-decoration:none;
}


.bouton-telecharger {
width:270px;
height:30px;
background-image:url('../images/general/bouton-telechargement.jpg');
background-repeat:no-repeat;
margin:8px 0px 0px 0px;
padding:4px 0px 0px 0px;
font-size:16px;
font-weight:bold;
text-align:center;
color:#000000;
text-decoration:none;
}

.bouton-telecharger a {
font-size:16px; font-weight:bold; text-align:center; color:#000000;
text-decoration:none;
}