@media screen {

div.flright, div.flleft{
float:left;
border :1px solid #1D1E70;
padding:2px;	
margin : 0 10px 10px 0;
text-align: center;
background: #CDE0F1;
color:#1D1E70;
text-align: center !important;
}
div.flright{
float:right;
margin : 0 0 10px 10px ;
}
div.flright p , div.flleft p{
margin : 1px 0 0 0;
text-align: center !important;
}

#actu
{
	background:#eaffcc;
	border:1px solid #eaffcc;
	color:#385700;
	height:140px;
	left:0;
	overflow:hidden;
	position:absolute;
	top:486px;
	width:203px;
	z-index:10000
}

#actu h3
{
	background:url(/IMG/entete_flashinfo.gif) no-repeat 0 0;
	height:19px;
	padding:0 0 0 206px
}

#actu li
{
	color:#617D29;
	display:none;
	font-size:0.8em;
	padding:8px;
	text-align: justify;
}

#actu li a
{
	color:#385700
}

#actu li.open
{
	display:block
}

#content
{
	background:#4261AA url(../IMG/bgd_contenu.jpg) no-repeat 0 0;
	color:#fff;
	float:right;
	height:435px;
	margin-left:-3px;
	min-height:435px;
	padding:25px 30px 47px;
	position:relative;
	width:732px
}

#content a
{
	color:#fff
}

#content a:visited
{
	color:#ececec
}

#content blockquote
{
	border-left:double #154E94;
	padding:0 8px
}

#content h2
{
	background-position:0 0;
	background-repeat:no-repeat;
	font-size:1.4em;
	margin-bottom:18px;
	padding:0 0 8px 40px
}

#content h3
{
	font-size:1.2em
}

#content h4
{
	font-size:1.1em
}

#content h5,h6
{
	font-size:1em
}

#content h6
{
	font-weight:400
}

#content hr
{
	border:none;
	border-bottom:1px solid #fff;
	border-top:none
}

#content p
{
	margin:10px 0;
	text-align:justify
}

#content p kbd
{
	font-size:1.1em;
	font-style:normal
}

#content pre
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:1em
}

#content q
{
	font-style:italic
}

#content ul li
{
	list-style:disc;
	margin:0 1em
}

#ecam
{
	left:215px;
	position:absolute;
	top:40px
}

#footer
{
	background:url(../IMG/img_planete1.gif) no-repeat right 0;
	border:1px solid #7699cf;
	border-top:none;
	clear:both;
	font-size:0.9em;
	height:71px;
	margin:0 -1px -48px;
	position:relative;
	top:-47px;
	width:998px
}

#footer ul
{
	background:#7FC91C url(../IMG/img_planete2.jpg) no-repeat right 0;
	border-top:1px solid #c5eb80;
	clear:both;
	height:23px;
	padding-left:80px;
	position:relative;
	top:47px;
	width:918px
}

#footer ul li
{
	background:url(../IMG/separateur_piedpage.gif) no-repeat 0 2px;
	float:left;
	height:13px;
	margin-top:4px
}

#footer ul li a
{
	background-position:14px 0;
	background-repeat:no-repeat;
	color:#002e01;
	padding:1px 14px 0 34px;
	text-decoration:none
}

#footer ul li a:hover
{
	text-decoration:underline
}

#footer ul li.f1 a
{
	background-image:url(../IMG/pic_f1.gif)
}

#footer ul li.f2 a
{
	background-image:url(../IMG/pic_f2.gif)
}

#footer ul li.f3 a
{
	background-image:url(../IMG/pic_f3.gif)
}

#footer ul li.f4 a
{
	background-image:url(../IMG/pic_f4.gif)
}

#footer ul li.f5 a
{
	background-image:url(../IMG/pic_f5.gif)
}

#footer ul li.f6 a
{
	background-image:url(../IMG/pic_f6.gif)
}

#footer ul#lang
{
	background:none;
	border:none;
	height:auto;
	left:15px;
	padding:0;
	position:absolute;
	top:48px;
	width:auto;
	z-index:2
}

#footer ul#lang li a
{
	padding:0 10px 0 0
}

#footer ul#lang li a img
{
	border:1px solid #002e01
}

#header
{
	background:url(../IMG/img_bandeau.jpg) no-repeat right 0;
	height:94px;
	overflow:hidden;
	position:relative;
	width:998px;
	margin-bottom:28px;
}

#header h1 a
{
	background:url(../IMG/logo_ecam.jpg) no-repeat 0 0;
	display:block;
	height:0;
	overflow:hidden;
	padding-top:94px;
	width:212px
}

#header p
{
	background:url(../IMG/img_baseline.gif) no-repeat 0 0;
	height:0;
	left:370px;
	overflow:hidden;
	padding-top:90px;
	position:absolute;
	top:40px;
	width:427px
}

#layout-center
{
	background:#5985C9;
	border:1px solid #7699cf;
	border-top:none;
	margin:0 auto 25px;
	position:relative;
	text-align:left;
	width:998px
}

#navigation
{
	background:url(../IMG/bgd_menugauche.jpg) no-repeat 0 0;
	border-right:1px solid #6688d5;
	height:507px;
	min-height:507px;
	overflow:hidden;
	width:205px;
	z-index:1
}

#navigation ul li a
{
	display:block;
	height:16px;
	padding:3px 8px;
	text-decoration:none
}

#navigation ul li h2
{
	background:url(../IMG/bgd_rubrique0.gif);
	font-size:1.1em;
	margin:2px 0
}

#navigation ul li h2 a
{
	background-position:194px 6px;
	background-repeat:no-repeat;
	color:#203d87;
	width:189px;
	font-weight:normal;
}

#navigation ul li ul li a
{
	background:#eaf1fa;
	color:#405ba0;
	font-size:0.9em;
	padding:3px 8px
}

#navigation ul li ul li a:hover
{
	color:#0a266d
}

#navigation ul li.nav1 h2 a
{
	background-image:url(../IMG/puce_rubrique1.gif)
}

#navigation ul li.nav2 h2 a
{
	background-image:url(../IMG/puce_rubrique2.gif)
}

#navigation ul li.nav3 h2 a
{
	background-image:url(../IMG/puce_rubrique3.gif)
}

#navigation ul li.nav4 h2 a
{
	background-image:url(../IMG/puce_rubrique4.gif)
}

#navigation ul li.nav5 h2 a
{
	background-image:url(../IMG/puce_rubrique5.gif)
}

#navigation ul li.nav6 h2 a
{
	background-image:url(../IMG/puce_rubrique6.gif)
}

#navigation ul li.nav7 h2 a
{
	background-image:url(../IMG/puce_rubrique7.gif)
}

#navigation ul li.nav8 h2 a
{
	background-image:url(../IMG/puce_rubrique8.gif)
}

#navigation ul li.over h2 a
{
	background-color:#fff;
	color:#0a266d
}

#profil
{
	position:absolute;
	background: url(../IMG/bgd_menuprofil.gif);
	height:27px;
	border-bottom: 1px solid #5985c9;
	top:94px;
  width:998px;
  left:100;
	text-transform: uppercase;
}
#profil li, #profil ul {
	display:inline;
}
#profil p,
#profil li a{
	background: url(../IMG/separateur_menuprofil.gif) no-repeat right 5px;
	padding: 6px 30px 4px;
	float:left; 
	height:17px;
	color:#14285A;
	font-size:1em;
	text-decoration:none;
}
#profil p {
	width:300px;
	text-align:right;
}
#profil li a:hover{
	background-color: #fff;
}

#print_logo,#navigation ul li ul,hr.clear
{
	display:none
}

#recherche
{
	position:absolute;
	right:10px;
	top:54px
}

#recherche .btok
{
	font-size:0.75em;
	padding:0px 3px 0 2px;
	text-transform:uppercase;
	width:auto;
}

#recherche input
{
	background:#fff;
	border:1px solid #061c4f;
	color:#001447;
	font-size:0.9em;
	padding:1px 1px 0;
	vertical-align:middle;
	width:100px;
}

#recherche label
{
	color:#fff;
	display:block;
	font-size:0.9em
}

*
{
	margin:0;
	padding:0
}

.accueil #content
{
	height:507px;
	padding:0;
	width:792px
}

.accueil #content ul
{
	background:url(../IMG/IMG_planete1.gif) no-repeat right bottom;
	border-left:1px solid #889ed1;
	margin-left:300px;
	padding:8px 0;
	position:relative
}

.accueil #content ul li
{
	background:url(../IMG/puce_fleche.gif) no-repeat 20px 4px;
	list-style:none;
	margin:0;
	padding:3px 20px 3px 40px
}

.accueil #gepb,.accueil #fesic
{
	background:none !important;
	left:-301px;
	padding:0 !important;
	position:absolute;
	top:24px;
	z-index:10
}

.accueil #fesic
{
	left:-59px
}

.rub1 #content h2
{
	background-image:url(../IMG/bigfleche_rubrique1.gif)
}

.rub1 #navigation ul li.nav1 h2 a
{
	background-color:#fff;
	background-image:url(../IMG/fleche_rubrique1.gif);
	background-position:183px 4px
}

.rub1 #navigation ul li.nav1 h2,.rub2 #navigation ul li.nav2 h2,.rub3 #navigation ul li.nav3 h2,.rub4 #navigation ul li.nav4 h2,.rub5 #navigation ul li.nav5 h2,.rub6 #navigation ul li.nav6 h2,.rub7 #navigation ul li.nav7 h2,.rub8 #navigation ul li.nav8 h2,#navigation ul li.over h2
{
	margin:2px 0 0
}

.rub1 #navigation ul li.nav1 ul,.rub2 #navigation ul li.nav2 ul,.rub3 #navigation ul li.nav3 ul,.rub4 #navigation ul li.nav4 ul,.rub5 #navigation ul li.nav5 ul,.rub6 #navigation ul li.nav6 ul,.rub7 #navigation ul li.nav7 ul,.rub8 #navigation ul li.nav8 ul,#navigation ul li.over ul
{
	display:block;
	padding:1px;
}

.rub2 #content h2
{
	background-image:url(../IMG/bigfleche_rubrique2.gif)
}

.rub2 #navigation ul li.nav2 h2 a
{
	background-color:#fff;
	background-image:url(../IMG/fleche_rubrique2.gif);
	background-position:183px 4px
}

.rub3 #content h2
{
	background-image:url(../IMG/bigfleche_rubrique3.gif)
}

.rub3 #navigation ul li.nav3 h2 a
{
	background-color:#fff;
	background-image:url(../IMG/fleche_rubrique3.gif);
	background-position:183px 4px
}

.rub4 #content h2
{
	background-image:url(../IMG/bigfleche_rubrique4.gif)
}

.rub4 #navigation ul li.nav4 h2 a
{
	background-color:#fff;
	background-image:url(../IMG/fleche_rubrique4.gif);
	background-position:183px 4px
}

.rub5 #content h2
{
	background-image:url(../IMG/bigfleche_rubrique5.gif)
}

.rub5 #navigation ul li.nav5 h2 a
{
	background-color:#fff;
	background-image:url(../IMG/fleche_rubrique5.gif);
	background-position:183px 4px
}

.rub6 #content h2
{
	background-image:url(../IMG/bigfleche_rubrique6.gif)
}

.rub6 #navigation ul li.nav6 h2 a
{
	background-color:#fff;
	background-image:url(../IMG/fleche_rubrique6.gif);
	background-position:183px 4px
}

.rub7 #content h2
{
	background-image:url(../IMG/bigfleche_rubrique7.gif)
}

.rub7 #navigation ul li.nav7 h2 a
{
	background-color:#fff;
	background-image:url(../IMG/fleche_rubrique7.gif);
	background-position:183px 4px
}

.rub8 #content h2
{
	background-image:url(../IMG/bigfleche_rubrique8.gif)
}

.rub8 #navigation ul li.nav8 h2 a
{
	background-color:#fff;
	background-image:url(../IMG/fleche_rubrique8.gif);
	background-position:183px 4px
}

a IMG
{
	border:none
}

body
{
	background:#EDEDED url(../IMG/background.png) repeat-x 0 -56px;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:0.75em;
	text-align:center
}

div#diaporama
{
	border-bottom:1px solid #eae8dd
}

div#diaporama div
{
	height:429px;
	overflow:hidden;
	width:792px
}

div#diaporama div p
{
	background:url(../IMG/img_fleche.gif) no-repeat 747px 47px;
	font-size:2em;
	font-style:italic;
	padding:40px 46px 0 0;
	position:absolute;
	right:0;
	text-align:right;
	top:0;
	width:736px
}

html> body #content,html> body #navigation,html> body #navigation ul li a
{
	height:auto
}

html>body hr.clear
{
	clear:both;
	display:block;
	visibility:hidden
}

p#chemin
{
	color:#252C36;
	font-weight:700;
	margin-bottom:18px
}

p#chemin a,#content a:hover
{
	color:#252C36
}

table
{
	background:#fff;
	border:1px solid #1D1E70;
	color:#1D1E70;
	font-size:1em;
	margin-bottom:10px
}

table caption
{
	background:#1D1E70;
	color:#fff;
	font-size:1.1em;
	font-weight:700;
	padding-left:5px;
	text-align:left
}

table td
{
	padding:2px 5px;
	vertical-align:top
}

table th
{
	background:#669ACC;
	color:#fff;
	padding:2px 5px;
	text-align:center;
	text-transform:capitalize;
	white-space:nowrap
}
#content table a {
	color:#1D1E70;
}
table thead th
{
	padding:2px 5px;
	text-align:center
}

table tr
{
	background:#fff
}

table tr.odd
{
	background:#ececec
}

table.w100
{
	width:100%
}

ul,li
{
	list-style:none
}


#blog
{
	position:absolute;
	right:50px;
	top:34px
}


}
@media print{
#header h1, #recherche,#profil, #navigation, #footer{
	display:none;
}
a#ecam IMG {
	border:none;position:absolute;right:0; top:0;
}
body
{
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:10pt;
}
}
