body {
	padding:0;
	margin:0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color:#efefef;
}

.spacer {clear:both;}

ul,ol,li,h1,h2,h3,h4,p,form,fieldset,span,img{
	margin:0;
	padding:0;
}

img,fieldset{
	border:none;
}


.decalimg {
padding: 10px 0 0 0;
}

#container{
	margin:0px auto;
	width:760px;
	background-color:#fff;
	overflow:auto 
}

/* preheader */
#preheader {
padding:0;
margin:0px 15px;
}

#preheader ul {
	clear:both;
	float:left;
	margin:19px 0px 0px 0px;
	padding:0;
	list-style:none;
}
#preheader li {
	display:inline;
	margin:0;
	padding:0 11px 0 0;
}

#blocVideo {
	float:right;
}

#header {
padding:0;
margin:0 15px;
}

/* Navigation */
#nav {
	margin:0px 15px;
	padding:0px;
	background-color:#9bc7ec;
	height:26px;
	width:730px;
}

#navGauche, #navCentre, #navDroite {
float:left;
width:240px;
text-align:center;
height:26px;
display:block;
background-color:#0060ae;
}

#navGauche {
width:240px;
border-right:1px solid #ffffff;
}

#navCentre {
width:242px;
border-right:1px solid #ffffff;
}

#navDroite {
width:246px;
}

#nav a {
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
	display:block;
	padding:5px 0px 5px 0px;
	background-color:#9bc7ec
}

#nav a:hover,
#nav a:focus,
#nav a:active {background:#7fafd6}
#nav .sel a {background-color:#0060ad}
#nav .sel a:focus {background-color:#0060ad}


/* fil d'ariane */
#fil {
	margin:10px 0px 10px 10px;
	width:600px;
	color: #005fad;
	font-size:11px;
	padding:0;
	float:left;
	/*border:1px solid red;*/
}

#fil ul {
	margin-left: 0;
	padding-left: 0px;
	display: inline;
	border: none;
}

#fil ul li {
    margin-left: 0;
	padding-left: 2px;
	border: none;
	list-style: none;
	display: inline;
}

#fil a {color:#005fad}

#fil ul li.premier {
padding-left: 15px;
background:#fff url(../img/picto-home.gif) no-repeat bottom left;
   }
   
/* contenu */
#contenu {
margin:0px 15px;   
}

#gauche {
width:201px;
float:left;
/*border:1px solid red;*/
}


/* bloc gauche */
#menu-urgence {
padding:0px;
margin:0px 0px 25px 0px;
width:201px;
}

#menu-urgence ol {
	margin:0;
	padding:0;
	list-style:none;
	color:#fcc300;
	font-weight:bold;
	font-size:14px;
}

#menu-urgence li {
	display:inline;
	margin:0px;
	padding:0px;
}

#menu-urgence a {
font-size:12px;
font-weight:bold;
display:block;
color:#0060ae; 
text-decoration:none; 
margin:0;
padding:5px;
border-bottom:1px solid #fcc300;
}
#menu-urgence a:hover {
color:#fff; 
text-decoration:none; 
background-color:#efefef;
}

#menu-urgence a:hover,
#menu-urgence a:focus,
#menu-urgence a:active {background:#0060AD}
#menu-urgence .current a {background:#0060AD ; color:#fff;}
#menu-urgence .current a:focus {background:#0060AD; color:#fff;}

#rdv {
width:195px;
margin:0 auto;
margin:20px 0px;
}
#rdv p {
text-align:right;
padding-top:10px;
}
#rdv a.savoirplus {
font-size:11px;
font-weight:bold;
color:#fff;
background-color:#fcc300;
padding:5px;
height:25px;
}

/* droit */
#droit {
width:514px;
float:right;
}

#droit h1, #agir h1 {
color:#fcc300;
font-size:20px;
text-transform:uppercase;
padding-bottom:10px;
}

#blocUrgence h2 {
color:#0060ad;
font-size:18px;
text-transform:uppercase;
padding:25px 0px 10px 0px;
}

#droit p, #agir p {
color:#000;
font-size:12px;
padding:5px 0px 5px 0px;
}

.encart {
color:#0060ad;
font-weight:bold;
border:1px solid #0060ad;
padding:10px;
margin:5px 0px;
}

#blocUrgence {
float:left;
width:340px;
margin-right:10px;
}

#blocSolution {
float:left;
width:163px;
background:#fcc60e url(../img/bg-solution.gif) no-repeat top left;
margin-top:25px;
}

#blocSolution #content {
padding:50px 5px 10px 10px;
}

#blocSolution p {
color:#005fad;
}

#blocSolution a {color:#005fad;}

#blocSolution a:hover {
color:#fcc60e; 
background-color:#005fad;
}

/*podcast*/

#droit .video {
float:left;
width:255px;
padding:5px;

}

#droit .texte {
float:left;
padding:5px 0;
width: 235px;
text-align:justify;
}

#droit .texte a {
color:#000;
text-decoration:none;
}

#droit .texte a:hover {
color:#000;
text-decoration:underline;
}

#droit p a {
color:#333333;
font-size:11px;
text-decoration:none;
font-style:italic;
}

#droit p a:hover {
text-decoration:underline;
}



/* footer */
#separateur {
clear:both;
border:none;
background:#fff url(../img/hr.gif) no-repeat bottom right;
margin:0px 15px 50px 0px;

}

#footer {
color:#999999;
font-size:11px;
margin:0px 15px 10px 15px;
padding:0px 0px 20px 0px;
border-top:2px solid #f0f0f0;
}

#footer a {
color:#999999;
}

#footer ul {
	clear:both;
	margin:5px 0px 0px 0px;
	padding:0;
	list-style:none;
}
#footer li {
	display:inline;
	margin:0;
	padding:0 11px 0 0;
}


#droit ul, #agir ul {
margin:0;
	padding:0;
	list-style:none;
}
#droit li, #agir li {
	margin:0;
	padding:4px 0px;
}


/* page don */
#donGauche {
float:left;
width:300px;
margin-right:10px;
}

#donDroit .bleuGras, #donGauche .bleuGras, #banners .bleuGras {
color:#0060ae; 
font-weight:bold;
}

#donGauche a {color:#005fad}
#donGauche h2 {padding:10px 0px 25px 0px;}
#donDroit h2 {padding:10px 0px 0px 0px;}

#donDroit {
float:left;
width:257px;
margin-left:20px;
}

#donDroit #videodon {
padding:55px 0 0 0;

}



#partenaires {
padding:0px 10px;
}

#partenaires ul{
margin: 0;
padding: 0;
}

#partenaires li{
display: inline;
list-style-type: none;
padding:0px 8px;
}

/* page solution*/
#pageSolution {
float:left;
width:512px;
}

#pageSolution a {
color:#000000;
text-decoration:none;
}
#pageSolution a:hover {
color:#000000;
text-decoration:underline;
}



#pageSolution ul {
margin-left: 20px;
padding: 0;
list-style: none;
}

#pageSolution li {
padding-left: 15px;
background: url(../img/puce.gif) no-repeat;
background-position: 0 .8em;
}

blockquote {
margin:0;
padding:0;
line-height:normal;
margin: 0px 5px 10px 0px;
padding: 10px 0 0 10px;
background: url(../img/blockquote.gif) no-repeat top left;
}

.copyright {
font-style:italic;
font-size:11px;
}

.visuelGauche {
float:left;
margin:5px 8px 0px 0px;
width:200px;
}

.visuelDroit {
float:right;
margin:0px 0px 5px 10px;
width:200px;
}

.texteDroit, .texteGauche {
float:left;
width:280px;
}

#pageSolution h2 {
color:#000;
font-size:14px;
text-transform:uppercase;
padding:5px 0px 5px 0px;
}

#exemple {
background-color:#ebf3f9;
padding:10px;
}

/* agir */
#agir {
width:600px;
margin:0 auto;
}

#banners {
margin-bottom:40px;
}

#banners p {
text-align:left;
color:#666666;
font-weight:bold;
padding:3px 0;
}

#banners .lienBanner {
color:#cc0000;
}

