body{
margin:0;
padding:0;
color:#42545b;
background: #96c1d0;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
line-height:170%
}

.wrapper {
background: #fff url(/images/) no-repeat 0 100%;
}

.filet-droit { /* right column width */
float: left;
padding-bottom:2em;
/*
background: none !important;
*/
}

/* éléments communs */

em{
font-weight:normal;
font-style:italic;
}

input, textarea{
border:1px solid; 
}

.filet-droit ul{
margin-left:1.5em;
}

.erreur{
font-style:normal;
font-weight:700;
color:red;
}

.retour{
cursor: pointer;
}

/* ------------------------
	Bandeau
------------------------ */
/* color accroche #677391 ---- color h1 #010759 ---*/
h1 { 
padding: 52px 0 0 130px; 
color: #010759;
font:italic normal 700 2em/120% Arial, Helvetica, sans-serif;
}


p#accroche{
color:#FFFFFF;
font: normal 700 1.3em/120% Arial, Helvetica, sans-serif;
position:relative;
left:0;
margin:0.4em 0 0 130px
}

#logo { 	
position: absolute;
top: 15px;
left: 40px;
}

.wide {
width: 100%; 
}

.top {
position: relative;
height: 150px; 
background:transparent no-repeat 0 0;
}

/* Recherche simple -------- */

form#recherche {
position:absolute;
top: 0;
left: 820px;
width: 160px;
background: transparent url(img/rechercher.png) no-repeat 0 50px;
padding-top:72px;
}

form#recherche .ok{
vertical-align: top;
border:none;
}

form#recherche p{
margin:0;
}

form#recherche .champ-saisie{
width: 110px;
border: 1px solid;
padding: 2px 1px;
font-size:0.9em;
}

form#recherche select{
width: 140px;
margin-top:0.4em;
font-size:0.9em;
}

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

form#connexion{
position: absolute;
top: 0;
left: 811px;
width: 172px;
background: transparent url(img/intranet.png) no-repeat 0 20px;
padding-top:42px;
}

#recherche label,
#connexion label,
#menu label,
#recherche legend,
#connexion legend,
#menu legend{ 
display: none;
}

form#connexion input{
width:110px;
padding:0.2em;
font-size:0.9em;
margin-bottom:2px;
}

form#connexion .ok{
border:0;
padding:0;
vertical-align: bottom;
width:auto;
}

form#connexion p{
margin:0;
}

form#connexion a {
font-size:0.9em;
}

/* ------------------------
	Menu Horizontal
------------------------ */

#menu {
float: left;
width: 100%;
background-color: #fff;
border-top: 1px solid #637493; 
border-bottom: 1px solid #637493;
}

#menu p#date{
float:;
color:#677391;
font-size:0.9em;
display:block;
float: left;
margin:5px 0 0 5px;
padding:0
}

#menu-outils {
color:#fff;
padding:0;
font-weight:700
}

#menu-outils ul {
list-style: none;
float: right;
padding-right:5px;
padding-left:1.5em;
background:#637493;
}

#menu-outils li {
float: left;
}

#menu-outils a {
display: block;
padding: 5px 12px 4px 6px;
color: #fff;
text-decoration: none;
}

#menu-outils li#contact a{
background: url(img/contact.png) no-repeat 0 50%;
padding-left:22px;
}
#menu-outils li#plan a{
background: url(img/plan_site.png) no-repeat 0 50%;
padding-left:22px;
}
#menu-outils li#faq a{
background: url(img/faq.png) no-repeat 0 50%;
padding-left:22px;
}
#menu-outils li#aide a{
background: url(img/aide_navigation.png) no-repeat 0 50%;
padding-left:22px;
}

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

#menu-outils a.first-menu-item {
border-left: 0;
}

#menu-outils a:hover, #menu-outils a.hover  {
text-decoration: underline;
}

#menu-outils {
border-bottom: 0;
}

#services label { 
display:inline;
margin-left:18px;
color:#FFB623;
font-weight:700;
font-size:130%;
vertical-align:middle;
}

#services select {
width: 165px;
margin-left: 45px;
border: 0;
vertical-align: middle;
}

#services .ok {
vertical-align: middle;
border:none;
}


/* ------------------------
	Colonne de gauche
------------------------ */
.container-left h3 {
color: #fff;
font-weight: normal;
}

.menuleft {
padding-top: 10px;
margin-bottom:20px;
}

.menuleft-in {
padding-bottom: 20px;
}

#acces-direct { 
width: 125px;
height: 9px;
margin-left: 30px;
background: url(/images/acces_direct.gif) no-repeat 0 0;
}

#acces-direct span { 
display: none;
}

/* Menu Principal ------------------------ */

ul#menu-prin {
margin: 0 0 0 10px;
list-style: none;
font-weight:700;
border-top:1px solid #fff;
}

ul#menu-prin li {
display:inline;
position:relative;
}

ul#menu-prin li.menuon {
color:#94c7da;
}

ul#menu-prin li.menuon li {
color:#94c7da;
}

ul#menu-prin li.menuon li.menuon {
color:#94c7da;
font-weight: 700;
}

ul#menu-prin a{
color: #fff;
background:#677391 url(img/puce_menu.png) no-repeat 0.5em 50%;
text-decoration: none;
display:block;
margin:0.4em 0;
padding:0.4em 0.4em 0.4em 1.5em;
}

ul#menu-prin a:hover {
color:#94c7da;
background-image: url(img/puce_menu_focus.png);
}

/* Sous-menus ------------------------ */

ul#menu-prin ul{
position:absolute;
left:185px;
top:-1px;
visibility:hidden;
border:1px solid #fff;
z-index:10;
background:#fff;
}

ul#menu-prin ul li{
background:#fff;
}

ul#menu-prin ul#ssmenu1{
top:4px;
}

html>body ul#menu-prin ul{
top:0.89em !important;
}

html>body ul#menu-prin ul#ssmenu1 {
top:1.3em !important;
}

ul#menu-prin ul a{
background:#677391;
margin:0;
padding:0.4em 0.4em 0.4em 1.5em;
border-top:1px solid #969fb4;
border-bottom:1px solid #677391;
width:200px
}

ul#menu-prin a:hover {
background-image: none;
}

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

form#newsletter label{
color:#eaa630;
background:#fff url(img/fond_newsletter.png) no-repeat 0 50%;
font-weight:700;
display:block;
padding-left:37px;
}

form#newsletter p{
background:#eaa630;
border: 1px solid;
margin:0.5em 0 0 0;
padding:0.2em 0 0.2em 12px;
}

form#newsletter .champ-saisie {
color:#677391;
font-size:1em;
width: 125px;
padding: 3px 2px;
border:1px solid;
}

form#newsletter .ok{
vertical-align: top;
margin-left:1em;
border:none;
}

/* ------------------------
	Colonne de droite
------------------------ */

.right { 
margin-top: 30px;
font-size: 0.95em;
}

.right-top { border-top: 1px solid #637493; border-bottom: 1px solid #637493; }
.right-top-in { padding: 3px 0 5px 20px; border-right: 8px solid #ff6022; }
.right-top .titre { color: #637493; font-weight: 700; font-size: 110%; }

a.box-esp { 
	background: url(/images/en_savoir_plus2.gif) no-repeat 100% 0;
	display: block;
	height: 10px;
	width: 165px;
	text-decoration: none;
	margin-top: 10px;
}
a.box-esp span { 
	display: none
}

.effacer, .valider {
border: 1px solid #333;
margin: 0 0 10px 0;
padding: 3px 2px;
color: #666;
background:#fff;
}

.effacer {
}

/* ------------------------
	Zone Centrale
------------------------ */
.center {
padding-top: 10px;
}

h2 {
font-size: 1.6em;
color: #ee1c24;
background:transparent;
margin: 8px 0;
padding: 0;
}
.ligne {
margin: 0 ;
padding:10px 0 0 0;
clear:left;
border-top:2px dotted #353245;
}

/* \*/ * html .ligne { padding:5px 0 0 0; } /* */
.conteneursousparagraphe { float:left; }
.firstline { border:0; padding-top:0; }

.filet {
	background-color: #778AAA;
	height: 1px;
	font-size: 1px;
	margin: 7px 0 3px 0;
}

/* ------------------------
	page de rubrique
------------------------ */

#photo {
	height: 80px;
	background-repeat: no-repeat;
	background-position: 50% 50%;
	padding: 0px 0 21px 0;		
	color: #fff;
}

#photo div {
	padding-left: 30px;
}

#fil-ariane {
	font-size: xx-small;
	color: #637493;
}

#fil-ariane {
}

#fil-ariane .elementparticulier a {
	text-decoration: underline;
}


a#connect {
	display: block;
	margin-top: 60px;
	margin-left: 15px;
	color: #fff;
}

/* ------------------------
	Pied de Page
------------------------ */

.bottom { 
position: relative;	
font-size: 0.9em;
color: #fff;
padding: 0 0 3px 0;
}

.jaune a, .jaune a:hover {
	color: #ffbe22;
	background:transparent;
text-decoration: none;
}

.jaune {

	margin: 0 0 13px 20px;
}

.adresse { 
	margin: 0;
 	padding-top: 2px;
}

.adresse a {
	color: #fff;
	text-decoration: none;
  border-left:1px solid;
  padding-left:0.5em;
  margin-left:0.5em;
}

#haut-page {
border-right:1px solid #ffbe22;
padding-right:5px;
margin-right:5px;
}

#haut-page span { 
	position: absolute;
	top: -40px;
	width: 19px;
	height: 19px;
	text-indent: -9999px;
	background: url(/images/haut_page.gif) no-repeat;
	cursor: pointer;
}
 
#imprimer span { 
	position: absolute;
	top: -40px;
	width: 19px;
	height: 19px;
	text-indent: -9999px;
	background: url(/images/imprimer.gif) no-repeat;
	cursor: pointer;
}

#kosmos {
	margin-left:400px;
	color: #fff;
	text-decoration: none;
  border:0;
  padding:0;
}

#kosmos img { 
margin-top: 5px;
}

/* Liste d'affichage */

.div-liste {
margin: 0 ;
padding:10px 0;
clear:left;
border-top: 1px solid #ccc;
}

.div-liste a{
padding-left:0;
}

.img-liste{
float:left;
clear:left;
margin:0.3em 10px 0 0;
}

h4.titre-liste{
font-size:110%;
}

.resume-liste {
font-size:100%;
}

.date-liste{
margin:0
}

.soustitre-liste {
font-weight:700;
font-size:110%;
}

.redac-liste {
font-size:110%;
font-style:italic;
color:#637493;
}