@charset "utf-8";
/* CSS Document */
html {
	font-size:100%;
	font-family: Verdana, Geneva, sans-serif;
}
body {
	margin:0;
	color: rgb(55, 55, 55);
	background: #B3CCE8;
	font-size:0.9rem;
	line-height:1.2rem;
}
p{
	margin:10px 0;
}
h1{
font-size:1.8rem;
line-height:2.2rem;
font-weight: bold;
margin:0 0 1rem 0;
}
h2{
font-size:1.5rem;
line-height:1.8rem;
font-weight:500;
margin:2rem 0 1rem 0;
}
table
{
border-spacing : 0;
border-collapse : collapse;
}
#page {
	margin: 2em auto;
	max-width: 1000px;
	background:rgb(255, 255, 255);
}
#haut, #bloc, .breadcrumbs, #menu ul,#content {
	margin: 0px 30px;
}
#haut{
	height:60px;
}
#sitename{
	font-size:2.2rem;
	font-weight:bold;
	padding:20px 0 0 0;
	display:table-cell;
	float: left;
}

#moteur{
	padding:5px 0 0 0;
	margin:0;
	display:table-cell;
	float:right;
}

#haut a:link,#haut a:visited,#haut a:hover{
  text-decoration:  none;
} 

input {
	color: rgb(55, 55, 55); 
}
a {
	color: rgb(25, 130, 209);
	text-decoration: none;
}
a:focus {
	text-decoration: underline;
}
a:active {
	text-decoration: underline;
}
a:hover {
	text-decoration: underline;
}
.assistive-text {
	position: absolute !important;
	clip: rect(1px, 1px, 1px, 1px);
}
#branding {
	border-top-color: rgb(187, 187, 187);
	border-top-width: 2px;
	border-top-style: solid;
	position: relative;
	z-index: 9999;
	margin-bottom:5px;
}
#menu {
	background: #0077B9; 
	margin: 0px auto 0px;
	width: 100%;
	box-shadow: 1px 4px 10px rgba(0,0,0,0.4);
	-moz-box-shadow: rgba(0, 0, 0, 0.4) 1px 4px 10px;
	-webkit-box-shadow: rgba(0, 0, 0, 0.4) 1px 4px 10px;
	font-size: 0.8rem;
	line-height:1.2rem;
}
#menu ul {
	list-style: none;
	padding-left: 0px;
	display: inline-block;
}
#menu li {
	float: left;
	position: relative;
	width:72px;
}
#menu a {
	padding: 0px 0.5em 0 0;
	color: rgb(238, 238, 238);
	text-decoration: none;
	display: block;
}
#menu li:hover > a {
	background: rgb(239, 239, 239);
}
#menu a:focus {
	background: rgb(239, 239, 239);
}
#menu li:hover > a {
	background: rgb(249, 249, 249);
	color: rgb(55, 55, 55);
}
#menu a:focus {
	background: rgb(249, 249, 249);
	color: rgb(55, 55, 55);
}
input#s {
	background: url("/images/search.png") no-repeat 5px 6px;
	padding: 2px 10px 2px 28px;
	border-radius: 2px;
	height:1.4em;
	line-height:1.2em;
	font-size:1.2em;
	-moz-border-radius: 2px;
}
input#searchsubmit {
	display: none;
}
#s {
	width: 200px;
	float: right;
}
#s:focus {
	width: 350px;
	height: 1.8em;
	line-height: 1.6em;
	font-size:1.6em;
	background: url("/images/search.png") no-repeat 15px 16px;
	background-color: #E9F4FE;
	padding: 2px 10px 2px 48px;
}
#searchsubmit {
	display: none;
}
#bas {
	clear: both;
	background: rgb(249, 249, 249);
	padding: 2.2em 0.5em;
	text-align: center;
	color: rgb(102, 102, 102);
	line-height: 1em;
	font-size: 0.8em;
	border-top-color: rgb(221, 221, 221);
	border-top-width: 1px;
	border-top-style: solid;
	height:20px;
}
#bas a {
	color: rgb(85, 85, 85);
	font-weight: bold;
}



/* Fil d'Ariane */
.breadcrumb-inner{line-height:1.3rem;font-size:0.8rem; padding-right:5px; padding-left:2px;}
.breadcrumbs a:link, .breadcrumbs a:visited{color: #888;}
.breadcrumbs a:hover{color:#014397;text-decoration:underline}

/* Pages suivantes */
.next .nexttext{
display:block; 
padding:0 0 5px 22px; 
margin-bottom:8px;
background:transparent url(/images/dossiers.png) no-repeat 0 0; 
font-weight:bold;
}

.next {
display: inline-block;
margin:2rem 0 3rem 0; 
color: #666;
}

.next b{
float:left;
margin:0px 2px 5px 0; 
line-height: 1.6rem;
width: 24px;
text-align:center;
background: #014397;
border: 1px solid #014397;
color:white;
font-size: 1.1rem;
}

.next a, .next a:link, .next a:visited{
float:left;
margin:0px 2px 5px 0; 
height: 1.6rem;
width: 24px;
text-align:center;
text-decoration: none;
border: 1px solid #CBCBCB;
color:#777777;
font-size: 0.9rem;
}

.next a:hover, .next a:focus{
background: #014397;
border: 1px solid #014397;
color:white;}




#bloc{
	margin-top:20px;
	min-height: 800px;
}
#bloc #ads{
	display:table-cell;
	width:310px;
	padding:0 0 0 10px;
}
#bloc #main{
	display:table-cell;
	vertical-align: top;
	width: 100%;
}

.search_find{
color:#757575;
border:2px #CCCCCC solid;
width:550px;
font-size:2.0rem;
padding:3px;
padding-bottom:2px;
background-color:#E8F2FF;
}

.search_find_loupe{
width:36px;
height:37px;
background:  url(/images/zearch_loupe.gif) no-repeat center center; 
}
.search_find_loupe:hover{
width:36px;
height:37px;
background:  url(/images/zearch_loupe_on.gif) no-repeat center center; 
}



/**********************************************/
/************  MOTEUR RECHERCHE ***************/
/**********************************************/

#moteur_recherche{
	margin:0 0 10px 0;
	background-color:#000;
	padding:5px 0 0 15px;
	width:285px;
}


#form_recherche{
	margin: 0 0 0 0;
	padding:3px 10px 10px 0;
}

.titre_moteur_recherche{
font-size: 1.2rem;
line-height:1.4rem;
font-weight: bolder;
color:#fff;
margin:0;
}

.recherche_find{
	color:#757575;
	border:2px outset #666;
	width:70%;
	font-size:1.5rem;
	margin:0;
	padding:0.2rem 0.6rem;
	background-color:#fff;
	vertical-align:middle;
}

.recherche_loupe{
	width:32px;
	height:32px;
	margin:0 0 0 5px;
	vertical-align: middle;
	background:  url(/images/ico_search.png) no-repeat center center; 
}








@media only screen and (min-width:620px) and (max-width:1000px)
{
body {
	padding:0;
	margin:0;
	background: #fff;
	display: inline-block;
}
#page {
	margin: 0;
	width: 100%;
}
#haut, #bloc, .breadcrumbs, #menu ul, #content {
margin: 0px 5px;
}
#menu {
font-size: 0.8rem;
line-height: 1.4rem;
}
#branding {
	border-top-color: currentColor;
	border-top-style: none;
}
#sitename {
font-size: 1.5rem;
}
blockquote {
	margin: 0px;
}
}

@media only screen and (max-width:619px)
{
body {
	padding: 0px;
	background: #fff;
}
#page {
	margin: 0;
	width: 100%;
}
#haut, #bloc, .breadcrumbs, #menu ul, #content {
margin: 0px 2px;
}
#branding {
	border-top-color: currentColor;
	border-top-style: none;
}
#bloc #ads{
	display:none;
}
#bloc #main{
	float: none;
	width:100%;
	display:block;
}
#haut{
	height:80px;
}
#sitename{
	font-size:1.0rem;
	padding:5px 0 0 0;
	display:block;
	float: none;
}

#moteur{
	display: inline-block;
	margin:0;
	padding:15px 0;
	float: none;
}
#menu {
	font-size: 0.8rem;
	line-height:0.8rem;
}
#menu li {
	float: left;
	position: relative;
	margin:10px 20px 10px 0;
	width:auto;
}

h1{
font-size:1.2rem;
line-height:1.2rem;
}
h2{
font-size:1.0rem;
line-height:1.0rem;
}
body {
	font-size:0.7rem;
	line-height:0.9rem;
}
.next a, .next a:link, .next a:visited {
margin: 0px 10px 10px 10px;
line-height: 1.7rem;
}
.next b {
margin: 0px 10px 10px 10px;
}
p{
	margin:15px 0;
	font-size:0.6rem;
	line-height:0.7rem;
}
.breadcrumbs {
margin: 14px 2px;
}
.breadcrumb-inner{line-height:1.8rem;font-size:0.8rem;}

}