@import url('content.css');

body {
	margin: 0;
	padding: 0;
}

a img { border: none; }

input.text,
textarea.text {
	border: 1px solid #003651;
}

acronym {
	cursor: help;
}
dt {
	margin-top: 1em;
	font-weight: bold;
}
dd {
	margin: 0.5em 0 0 1em;
}
input.button {
	font-weight: bold;
	font-size: 10px;
}

div#conteneur {
	border: 1px solid #acccde;
	width: 953px ;
	margin: 0 auto ;
	text-align: left ;
	background: #fff ;
}
div#banner {
	height: 145px;
	background: url(images/top.gif) no-repeat left bottom ;
}
div#banner-cabinet {
	height: 145px;
	background: url(images/top2.gif) no-repeat left bottom ;
}
h1#header
{
	height: 145px ;
	width: 145px ;
	margin: 0 ;		
}
h1#header a
{
	width: 24px ;
	height: 15px ;
	display:inline;
	position: relative ;
	left: 890px ;
	top: 30px ;
}
#navig{
	float: left;
	margin-top: 10px;
    width:176px;
	margin-left:5px;
    top:168px;
}
#ariane{
	position:absolute;
    top:165px;
    width:476px; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}
#ariane a
{
	font-size: 10px;
	font-weight: bold;
	color: #003651;
	text-decoration: none;
}
.ssmenu{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
	line-height:15px;
}

.ssmenuselected{
	text-decoration:none;
	background-color: #d76364;
	color: #ffffff;
}

#menuselected {
	background: url(images/fond_ssmenu.gif) no-repeat left top ;
	background-color: #cc3433;
	color: #ffffff;
    line-height:22px;
}
div.menu {
    line-height:22px;
	background-color: #00ff00;
	background: #f4f8fb url(images/menu.gif) no-repeat left 5px ;
	border-bottom: 1px solid #e3e3e3;
	border-right: 1px solid #e3e3e3;
}

#menu0{
	background-color: #00ff00;
	background: url(images/menu0_fr.jpg) no-repeat left bottom ;
}
#menu1{
	background: url(images/menu1_fr.jpg) no-repeat left top ;
}
#menu2{
	background: url(images/menu2_fr.jpg) no-repeat left top ;
}
#menu3{
	background: url(images/menu3_fr.jpg) no-repeat left top ;
}
#menu4{
	background: url(images/menu4_fr.jpg) no-repeat left top ;
}
#menu5{
	background: url(images/menu5_fr.jpg) no-repeat left top ;
}
#menu7{
	background: url(images/menu7_fr.jpg) no-repeat left top ;
}
#menu8{
	background: url(images/menu8_fr.jpg) no-repeat left top ;
}
#menu10{
	background: url(images/menu10_fr.jpg) no-repeat left top ;
}
#menuselected a.menu{
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	color: #ffffff;
	font-weight: bold;
}

a.menu{
	display: block;
    padding-left: 20px;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-transform: uppercase;
	color: #3C748F;
	font-weight: bold;
}

a.submenu{
	display: block;
	font-size: 11px;
	font-weight: normal;
	text-decoration:none;
	color: #ffffff;
}

#contenu{
	margin-top: 44px;
	margin-left:200px;
	width:486px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003651;
	text-align:justify;
	font-weight: normal;
}
#logo_bas{
	margin: 20px 0 0 20px;
	width:153px;
	height:67px;
}
#logo_bas_pres{
    z-index:5;
    position:absolute;
	margin-left:20px;
	top:521px;
	width:153px;
	height:67px;
}

#glossaire{
    position:absolute;
	margin-left:695px;
	top:337px;
	width:250px;
	height:110px;
	background: url(images/fond_glossaire.gif) no-repeat left top ;
}
#glossaire h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;
	color: #cd3333;
	margin-left:160px;
	margin-top:8px;
	font-weight: bold;
}
#glossaire a {
	display: block;
	background: transparent url(images/glossaire.gif) left center no-repeat;
	height: 40px;
	padding: 5px 0 0 60px;
	margin: 10px 0 0 30px;
	text-decoration: none;
}
#zoom{
    position:absolute;
	/*margin-left:695px!important;
	margin-left: 510px;*/
	margin-left: 495px;
	top:159px;
	width:250px;
	height:178px;
	background: url(images/fond_zoom.gif) no-repeat left top ;
	overflow: hidden;
}
#zoom h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #cd3333;
	margin:8px 0 0 160px;
	font-weight: bold;
}
#zoom a{
	color: #cd3333;
	text-decoration: none;
}

#zoom-content
{
	cursor: pointer;
	background-repeat: no-repeat;
	background-position: center center;
	position:absolute;
	margin: 2px 1px 1px 20px;
	width: 229px;
	height: 136px;
}

#zoom-text {
	padding: 10px;
}

#zoom-text h3 {
	margin: 0;
	padding: 0;
	font-size: 14px;
	color: #cc3333;
	font-weight: bold;
}

#zoom-text p {
	font-weight: bold;
	margin: 0;
	padding: 0;
	font-size: 10px;
}

#actu{
    position:absolute;
	/*margin-left:695px!important;
	margin-left:510px;*/
	margin-left: 495px;
	top:337px;
	width:250px;
	background: url(images/fond_actuh_fr.jpg) no-repeat left top ;
}
#actu h1{
	font-family: Arial, Helvetica, sans-serif;
	color: #ffffff;
	font-size: 14px;
	margin-left:160px;
	margin-top:8px;
}
#lire{
	width:250px;
	background: url(images/fond_actub_fr.jpg) no-repeat left top;
	height: 25px;
	clear: both;
	margin-top: -4px;
}
#lire a{
    float:right;
	font-family: Arial, Helvetica, sans-serif;
	color: #003651;
	font-size: 11px;
	text-decoration: none;
	margin-left:139px;
	margin-top:4px;
	margin-right:4px;
	font-weight: bold;
}
#actu p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #ffffff;
	margin-left:30px;
	padding-right: 4px;
}
#actu p a{
	font-size: 10px;
	color: #ffffff;
	text-decoration: none;
}

#txt_actu{
    margin-left:28px;
	float:left;
	margin-top:-4px;
	line-height:10px;
	
}

#menu_bas{
    /*z-index:12;*/
	position:absolute;
	margin-left:615px;
	margin-top: 56px;
	/*top:585px;*/
	width:333px;
	height:21px;
	background: url(images/menu_bas.jpg) no-repeat left top ;
}
#menu_bas h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	margin-left:22px;
	margin-top:3px;
}
#menu_bas a{
	font-size: 10px;
	text-decoration: none;
	color: #666666;
}
#bas_de_page{
	background: transparent url(images/footer.jpg) 0 0 no-repeat;
    /*z-index:2;*/
	/*position:absolute;*/
	margin-left:0px;
	top:530px;
	width:953px;
	height:83px;
}
#footer img {
vertical-align:bottom;
width:953px;
height:83px;
margin-bottom:0px;
}
.titre{
	margin-bottom: 6px;
    /*position:absolute;*/
    /*top:190px;*/
   /* margin-left:200px;*/
	font-family: garamond, times new roman, times;
	font-size: 20px;
	color: #cc3333;
}
#texte_intro{
	position:absolute;
	top:200px;
	margin-left:200px;
	width:456px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003651;
	text-align:justify;
	font-weight: normal;
}

#point_milieu{
	position:absolute;
    top:270px;
    margin-left:200px;
    width:496px; 
}
#contenu_bas{
    width:200px;
    z-index:4;
	position:absolute;
	margin-left:220px;
	top:295px;
	
}
#contenu_bas p{
    font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #003651;
}
#contenu_bas2{
width:240px;
}
#implantations{
	/*margin-left:695px;
	position:absolute;
	top:337px;*/
	float: left;
	width:250px;
	height:221px;
	background: url(images/fond_implantations.gif) no-repeat left top;
}
#implantations_all{
	float: left;
	width:735px;
	background: url(images/onglet_carte.gif) no-repeat right top;
}

#implantations a {
	display: block;
	text-align: right;
	font-size: 10px;
	margin-top: 2px;
}
#implantations h1{
	font-family: Arial, Helvetica, sans-serif;
	color: #003651;
	font-size: 14px;
	margin: 8px 0 0 105px;
}

#implantations form{
	text-align: right;
	margin-right:2px;
}
#adresse{
	z-index:25;
	width:450px;
	height:30px;
	position:absolute;
	margin-left:220px;
	top:525px;
}
#adresse p{
font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #003651;
	text-align:center;
	margin-top:0px;
}
.fleche{
margin-left:440px;
}
#pointille_middle{
	width:20px;
	position:absolute;
	margin-left:436px;
	top:280px;
}
select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}

#actu_view h2 {
	background: transparent url(images/fleche.jpg) left center no-repeat;
	padding-left: 15px;
	font-size: 14px;
}
#actu_view p.intro {
	font-style: italic;
	background: transparent url(images/pointille_accueil2.jpg) left bottom repeat-x;
	padding-bottom: 10px;
}
#actu_list {
	margin-top: 10px;
}
#actu_list div {
	background: transparent url(images/fleche.jpg) left 2px no-repeat;
	margin-bottom: 10px;
}
#actu_list a {
	margin-left: 10px;
	color: #003651;
	font-weight: bold;
	text-decoration: none;
}
#actu_list p {
	padding: 4px 0 4px 10px;
	margin: 0;
	font-size: 10px;
	color: #606060;
}

div#documents {
	float: right;
	background: transparent url(images/pointille_milieu_fr.jpg) 0 0 repeat-y;
	padding: 2px;
}

div#documents h3 {
	margin: 0;
	padding: 2px 2px 2px 5px;
	font-size: 12px;
	font-weight: bold;
}

div#documents ul {
	margin: 0;
	padding: 2px 2px 2px 5px;
	list-style: none;
}

div#documents li {
	float: left;
	clear: both;
	padding: 0;
	margin: 0;
}

div#documents a {
	text-decoration: none;
	color: #003651;
}

a.file { float: left; padding-left: 20px; background: transparent url(images/fs/file.png) 0 center no-repeat; line-height: 22px; height: 22px; clear: both; }
a.type-pdf { background-image: url(images/fs/pdf.gif); }
a.type-image { background-image: url(images/fs/picture.gif); }
a.type-audio { background-image: url(images/fs/audio.png); }
a.type-archive { background-image: url(images/fs/zip.png); }
a.type-folder { background-image: url(images/fs/folder.gif); }

table#filelist {
	border: 1px solid #aaaaaa;
}

table#filelist th {
	background-color: #165775;
	color: #ffffff;
	font-weight: normal;
	font-size: 10px;
}

table#filelist a {
	font-weight: bold;
	color: #1592b0;
	text-decoration: none;
}

table#offres {
	border: 1px solid #aaaaaa;
	border-collapse: collapse;
}
table#offres td {
	border: 1px solid #aaaaaa;
}
table#offres th {
	background-color: #aaccdb;
	text-align: center;
}
span.notempty { color: #ff0000; font-size: 16px; font-weight: bold; }

.letters a { margin-right: 0.5em; }
.letters a.selected { font-weight: bold; }

.erreur { background-color: #ffeeee; padding: 1em; }
.erreur ul { list-style: square; }
.erreur li { color: #ff0000; }
.success { background-color: #eeeeee; padding: 1em; }

div.small {
	clear: both;
	font-size: 10px;
}