/* Les Éléments Généraux
--------------------------------------------------------------------------------------- */

*{margin:0; padding:0;}

body {
	background: #001621 url(/images/bg.gif) repeat-x top;
	color: #fff;
	font: 12px/15px Verdana, Arial, Helvetica, sans-serif;
}

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

h1 {
	border-bottom: 2px solid #006ca1;
	font: 30px/32px Georgia, "Times New Roman", Times, serif;
	padding: 0 2px 2px 2px;
	margin: 0 0 18px 0;
}

h2 {
	font: normal 18px/19px Georgia, "Times New Roman", Times, serif;
	margin: 40px 0 10px 0;
	color:#e8b71d;
}

.h2 {
margin-top:0px;
}

h3 {font-size: 13px; margin: 0 0 3px 0;
	text-transform:uppercase;
	font-weight:100;
	color:#e8b71d;
}
h4 {font-size: 12px; margin: 0 0 5px 0;
	font-weight:bold;
}

img {border: none;}

u {
text-decoration:none;
font-style:normal;
border-bottom: 1px solid #0084c2;
}

a:link    {text-decoration: underline; color: #fff;}
a:visited {text-decoration: none; color: #fff;}
a:hover   {text-decoration: none; color: #e8b71d;}
a:active  {color: #ff0000;}
a:focus   {outline:none; }

.menuselect {
color: #e8b71d;
background: #13527a url(/images/bg-menu.gif) repeat-x bottom;
}

.menuselect a {
color: #e8b71d;
background: #13527a url(/images/bg-menu.gif) repeat-x bottom;
}

.fleft {float: left;}
.fright {
background:#fff;
float: right;
margin:5px 0px 10px 10px;
padding:3px;
border:1px solid #e8b71d;
}

.frightnsjoindre {
background:#fff;
float: right;
margin:-15px 0px 10px 10px;
padding:3px;
border:1px solid #e8b71d;
}
.image {
background:#fff;
margin:0px 0px 10px 10px;
padding:3px;
border:1px solid #e8b71d;
}

.big {font-weight: bold; font-size: 22px;}
.clear {clear: both;}
.bord {border-bottom: 1px solid #006ca1;}
.bordure {border: 2px solid #006ca1;}
.jaune {color: #e8b71d;}
.bleu {
color: #79d1ff;
display:block;
}
.bleu2 {
color: #0084c2;
}
.jaunepale {
color:#ffe7a4;
display:block;
}


/* Le Container
--------------------------------------------------------------------------------------- */

#page {
	width: 772px;
	background: #00324b url(/images/bg-page.gif) repeat-x top;
	border: 2px solid #d7ad27;
	border-top: none;
	border-bottom: none;
	margin: 0 auto;
	overflow: auto;
}



/* Le Header
--------------------------------------------------------------------------------------- */

#header {
	width: 728px;
	height: 329px;
	background: url(/images/bg-header.jpg) no-repeat;
	margin: 0 22px;
	position: relative;
}



/* Le Contenu
--------------------------------------------------------------------------------------- */

#content {
	width: 506px;
	float: left;
	position: relative;
	top: -65px;
	left: 22px;
	z-index: 0;
}

#content p {margin: 0 0 15px 0; text-align:justify;}
#content p.center{
	text-align:center;
}
#content div.center{
text-align:center;
}

#content p.date {font-weight: bold; margin: 0 0 5px 0;}

#content a:link {text-decoration:underline; color: #e8b71d;}
#content a:visited {text-decoration: underline; color: #e8b71d;}
#content a:hover {text-decoration: none; color: #fff;}
#content a:active {color: #ff0000;}

#content ul {
padding-bottom:12px;
}

#content li {
text-align:justify;
list-style:none;
padding-top:3px;
padding-right:0px;
padding-bottom:15px;
padding-left:36px;
margin-left:0px;
background:url(/images/puce.gif) no-repeat;
}
#content ul.std li{
	padding:0 0 15px 22px;
	background:url(/images/bulletStd.gif) left 2px no-repeat;
}
#content li ul {
padding-bottom:0px;
padding-top:10px;
padding-left:30px;
}
#content li ul li {
padding-left:5px;
list-style:square;
background:none;
}

#lilettres {
list-style:lower-alpha;
}

#content ol {margin: 0 0 15px 22px;}

table {margin: 0 0 15px 0;}
#content th {background: #006ca1; color: #fff; padding: 5px 0; font-family: Georgia, "Times New Roman", Times, serif;}
#content td {text-align: center; padding: 3px 0;}
#content th.tleft, #content td.tleft {text-align: left;}

#content #album a img {border: 2px solid #006ca1; margin: 0 4px 10px 4px;}
#content #album a:hover img {border: 2px solid #e8b71d;}

#content #album h3, #content #album p {text-align: center;}

/* Bloc de teaser */

#teaser {margin: 20px 0 15px 0;}

#teaser form { behavior: url(/iepngfix.htc) }

#teaser form {
	background: url(/images/bg-courriel.png) no-repeat;	
	padding: 0 0 0 10px;
}

#teaser h2 {
	border-bottom: 2px solid #407790; 
	padding: 0 0 2px 0;
	margin: 0 0 10px 0;
}
#teaser form h2 {
	padding: 32px 0 0 0; 
	margin: 0;
	border: none;
}
#teaser form p {
	width: 224px;
	font: 11px Georgia, "Times New Roman", Times, serif;
	margin: 0 0 5px 0;
}
#teaser form label {
	color: #e8b71d;
	font: 11px Georgia, "Times New Roman", Times, serif;
	margin: 0 0 5px 0;
}
#teaser form input {
	width: 222px;
	border: 2px solid #00abff;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #001621;
	padding: 3px;
	margin: 5px 0 0 0;
}
#teaser form input#envoyer {
	width: auto;
	background: none;
	border: none;
	color: #e8b71d;
	font: bold 11px Georgia, "Times New Roman", Times, serif;
	float: right;
}

#teaser a.photo {
	background: url(/images/teaser-photo.png) 0 0 no-repeat;
	width: 234px;
	height: 107px;
	text-decoration: none;
	margin: 0 0 10px 0;
	display: block;
}
#teaser a:hover.photo {background-position: -234px 0;}

#teaser #teaser-1 {width: 246px;}
#teaser #teaser-2 {width: 230px; border-left: 2px solid #407790; padding-left: 10px;}

.frightaccueil {
float:right;
margin:0px;
padding:0px;
border:none;
}

#GoogleMap {
margin-top:100px;
text-align:center;
}
/* Bloc de nouvelles */

#content #lastnews2 {
	width: 230px; 
	margin-top:20px;
}


#content #lastnews2 li {
	background: #2183ac url(/images/bg-news.gif) repeat-x bottom;
	padding: 5px;
	margin: 0 0 8px 0;
	list-style: none;
}

#content #lastnews2 li.last {
	background: none;
	text-align: right;
	margin: 0;
}

#content #lastnews2 {
	width: 230px; 
	margin: 0;
}

#content #allnews a {display: block;}

#content #lastnews li {
	background: #2183ac url(/images/bg-news.gif) repeat-x bottom;
	padding: 5px;
	margin: 0 0 8px 0;
	list-style: none;
}

#content #lastnews li.last {
	background: none;
	text-align: right;
	margin: 0;
}

#content #allnews {
	width: 506px; 
	margin: 0;
}

#content #allnews li {
	background: #2183ac url(/images/bg-news.gif) repeat-x bottom;
	padding: 4px;
	margin: 0 0 5px 0;
	list-style: none;
}

#content #allnews a{
	color: #fff;
	text-decoration: none;
}

#content #allnews a:hover {color: #e8b71d;}

#content #emplois {
	width: 506px; 
	margin: 0;
}

#content #emplois li {
	border-bottom: 1px solid #006ca1;
	padding: 4px;
	list-style: none;
}

#content #emplois a {color: #fff;}
#content #emplois a:hover {color: #e8b71d;}


/* Haut de page */

#top {
	margin: 0 22px 0 0;
	float: right;
}



/* La Sidebar
--------------------------------------------------------------------------------------- */

#sidebar {
	width: 206px;
	padding: 0 19px 0 0;
	float: left;
	position: relative;
	top: -65px;
	left: 22px;
	z-index: 10;
}

#sidebar ul {
	width: 177px;
	background: #003253;
	border: 10px solid #003253;
	list-style: none;
}

#sidebar li {
	font: 14px Georgia, "Times New Roman", Times, serif;
	display: inline;
	position : relative;
	margin-bottom : -1px;
	width: 171px;	
}
	
#sidebar  li ul { /* sous-menu */
	position : absolute;
	left: -999em;
	margin-left : 177px;
	margin-top : -26px;
}

#sidebar li ul.preprep{
margin-top:-47px;
}


	
#sidebar  li ul ul { /* 2e niveau sous-menu */
	left: -999em;
}
	
#sidebar  li a {
	width: 171px;
	display : block;
	border-bottom: 2px solid #305265;
	padding: 2px 3px;
	text-decoration:none;
}
	
#sidebar  li a:hover {
	background: #13527a url(/images/bg-menu.gif) repeat-x bottom;
}

	
#sidebar li:hover ul ul, #sidebar li:hover ul ul ul, #sidebar li.sfhover ul ul, #sidebar li.sfhover ul ul ul {
	left: -999em;
}
	
#sidebar li:hover ul, #sidebar li li:hover ul, #sidebar li li li:hover ul, #sidebar li.sfhover ul, #sidebar li li.sfhover ul, #sidebar li li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}

#sidebar li:hover ul, #sidebar li.sfhover ul {
background-position: 0 0;
}

/*

#sidebar ul {
	width: 177px;
	background: #003253;
	border: 10px solid #003253;
	list-style: none;
}

#sidebar li {
	font: 14px Georgia, "Times New Roman", Times, serif;
	display: inline;
}

#sidebar li a {
	width: 177px;
	border-bottom: 2px solid #305265;
	padding: 2px 3px;
	display: block;
}
#sidebar li a:hover {background: #144a65 url(images/bg-menu.gif) repeat-x bottom;}*/



/* Le Footer
--------------------------------------------------------------------------------------- */

#footer {
	width: 776px;
	background: url(/images/bg-footer.gif) no-repeat top;
	text-align: center;
	margin: 0 auto;
}

#footer p {padding: 28px 0 15px 0;}

#hautdepage {
	width: 772px;
	clear:both;
}

.mnuicon {
	position:relative;width:0;height:0;display:block;
}
.mnuicon img {
	position:absolute;top:0px;left:2px;border:0;
}