/* @override 
	http://validation.mediacd.fr/harmonie-mnci/global/css/screen.css
*/

/* = RAZ 
-------------------------- */

dl, dt, dd, ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input, legend {
margin: 0; 
padding: 0; 
list-style: none;
}

h1,h2,h3,h4,h5,h6,p,input,button, select {
font-size: 1em; 
margin: 0; 
padding: 0;
}

/* = Communs 
-------------------------- */

body {
margin: 0; 
padding: 0; 
font-size: 62.5%; 
font-family: Trebuchet,"Trebuchet MS", sans-serif; 
background: #919293 url('../images/bg_body.gif') repeat-x;
}

img {
border: 0;
}

.clear {
clear: both; 
line-height: 0px; 
height: 1px; 
display: block; 
visibility: hidden;
}

.hidden {
display: none;
}

hr {
visibility: hidden;
}

span.exposant {
position: relative; 
top: -4px; 
font-size: 0.8em;
}

/*= Mise en page commune
-------------------------- */

#logoPrint {
display: none;
}

#page {
width: 780px; 
margin: 10px auto 0 auto; 
position: relative; 
top: 0; 
left: 0; 
background: transparent url('../images/bg_Page.gif') repeat-y;
}

#page:after {
content: "."; 
display: block; 
clear: both; 
visibility: hidden;
}

#header {
z-index: 1000; 
position: relative; 
width: 780px; 
height: 120px; 
background: transparent url('../images/bg_header.gif') no-repeat;
}

#footer {
margin: 0 auto 0 auto; 
width: 780px; 
height: 50px; 
clear: both;
}
#mainContent {
width: 450px; 
float: right; 
z-index: 1; 
background: transparent;
padding-right: 10px;
padding-bottom: 5px;
}

#sideNotes {
width: 314px; 
float: left; 
margin-left: 2px; 
}

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

/* =  Header			 */

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

#logo h1 a {
display: block; 
width: 163px; 
height: 69px; 
overflow: hidden; 
background: transparent url('../images/logoMut.gif') no-repeat 0 10px; 
position: absolute; 
left: 35px; 
top: 29px; 
line-height: 20em;
z-index: 10000;
}

/*--------------------- Signature*/

#signature {
display: block; 
width: 3px; 
height: 3px; 
overflow: hidden; 
text-indent: 200em;
}

/* =  Maincontent------------------------ */

#particulier, #entreprise, #independant {
float: left; 
width: 220px; 
margin-left: 30px; 
padding-bottom: 10px; 
margin-top: 32px;
}

#sidenotes div.prixsolidarite {
width: 200px; 
margin: 10px;
}

#sidenotes div.prixsolidarite h2 a {
width: 195px; 
height: 38px; 
background: url('/global/images/bgh2Solidarite.gif') no-repeat top left; 
display: block; 
text-indent: -500em;
}

#mainContent h1 {
color: #db0014; 
font-size: 1.8em; 
background: transparent url('../images/bgh1Particulier.gif') no-repeat 0px 2px; 
line-height: auto; 
margin-bottom: 15px; 
font-weight: normal; 
padding: 3px 0 5px 30px;
}

.plusgros {
font-size: 1.1em;
font-weight: bold;
line-height: auto;
}
#mainContent h2 {
color: #db0014; 
font-size: 1.8em;
margin-bottom: 1em;
}

#mainContent p, #mainContent ul {
font-size: 1.2em;
line-height: 1.3em;
color: #484848;
margin: 1em 0;
}

#mainContent p.accroche {
margin-bottom: 15px;
padding-right: 10px;
}

#mainContent #avantagesAdherents {
width: 420px;
margin-top: 20px;
padding: 10px 10px 20px 10px;
background: url(../images/bg_avantagesAdherents.gif) no-repeat 0 0;
}

#avantagesAdherents ul li {
list-style-type: disc;
list-style-position: outside;
color: #db0014;
margin: 0.5em 0 1em 1.2em;
}

#avantagesAdherents ul li span strong, #avantagesAdherents ul li span strong a {
color: #db0014;
text-decoration: none;
}
#avantagesAdherents ul li span a:hover {
	text-decoration: underline !important;
}
#avantagesAdherents ul li span {
color: #484848 !important;
}
#avantagesAdherents ul li span a {
	color:#333333;
	text-decoration: none;
	font-weight: bold;
}

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

/* =  			 */

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

/* =ARIANE */

#mainContent #ColB div#filArianne {
font-size: 1.0em; 
margin: 0px 5px;
}

#mainContent #ColB div#tracabilite {
margin: 0; 
padding: 0;
}

#mainContent #ColB div#filArianne p,
#mainContent #ColB div#filArianne p a,
#mainContent #ColB div#filArianne ul li a {
color: #afa9aa; 
text-decoration: none;
}

.tit {
color: #A1989A !important;
}

.tit a {
margin: 0 4px 0 0;
}

#mainContent #ColB div#filArianne ul li {
display: inline;
}

/* =SideNotes ----------------------------------------- */

#sideNotes {
position: relative; 
top: 0px; 
left: 0;
}

#sideNotes a {
text-decoration: none; 
color: #000; 
font-weight: bold;
}

#sideNotes a:hover {
text-decoration: none; 
color: #D70013; 
font-weight: bold;
}

#sideNotes h2 a {
text-decoration: none; 
color: #BF0017; 
letter-spacing: 0.04em; 
font-weight: normal !important;
}

#sidenotes h2 a:hover {
text-decoration: underline;
}

#sideNotes div.encadre {
width: 270px;
margin: 0 auto;
padding: 10px 10px 10px 10px;
background: url(../images/bg_encadre-sideNotes.gif) no-repeat top left;
}
.encadre p, .encadre ul {
font-size: 1.2em;
margin:  0.5em 0;
}
.encadre ul li {
color: #484848;
list-style-position: inside; 
list-style-type: disc;
margin: 0.3em;
}

#sideNotes div.encadre h3 {
color: #BF0017; 
font-size: 1.2em;
letter-spacing: 0.04em;
padding-bottom: 0.2em;
font-weight: bold !important;
}

p.lireSuite a {
color: #00A8E9; 
text-decoration: underline;
}

#enSavoirPlus {
padding:0px 10px;
}

#enSavoirPlus .contenu {
width: 650px;
float:  left;
background: url(../images/bg_savoirPlus-top.gif) no-repeat top left;
display: block;
margin-top: 15px;
}
#enSavoirPlus div.contenu p a {
color: #BF0017; 
}
#enSavoirPlus .contenuBottom {
width: 650px;
float:  left;
height: 18px;
background: url(../images/bg_savoirPlus-bottom.gif) no-repeat top left;
display: block;
}
#enSavoirPlus .contenu p {
margin: 15px 15px 0px 15px;
font-size: 1.4em;
color:  #484848;
text-align: center;
font-weight: bold;
}

/* = Footer ------------------------ */

#footer {
position: absolute; 
background: transparent url('../images/bg_footer.gif') no-repeat top left;
}

#footer ul, #footer p {
margin: 0px 20px 20px 20px;
color: #484848;
}

#footer ul li {
float: left; 
font-size: 1em; 
font-weight: bold; 
color: #969696; 
margin-right: 30px;
}

#footer ul li a {
color: #969696; 
text-decoration: none; 
background: transparent 'url(../images/pucefooter.jpg') no-repeat 0 0px; 
padding-left: 15px;
}

#footer ul li a:hover {
color: #D80014; 
background: transparent url('../images/puceNav2.png') 0px 0px no-repeat;
}

#footer p.notaFooter {
	margin-top:55px;
	color: #fff !important;
	}
/*-------------------------------------------------------------------------------------*/

/* =  style specifique			 */

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