/* Ossature du site */

* { padding:0; margin:0; border:0; } 

body { 
	background-color:#FF9900; 
	font:.8em/1.5em Verdana, Arial, sans-serif; 
	text-align:center;
	/*background:transparent url(../img/design/bg-body.jpg) no-repeat left top;background-color:white; */
	
} 

#wrapper { 
	width: 1000px; 
	background-color:transparent;
	text-align:left;
	margin:0px auto;
} 

#header { 
	height:120px;
	background:transparent url(../img/design/bg-header.gif) no-repeat left top;
	border-bottom:solid 1px gray;
}

#conteneur {
	background-color:white;
	border:solid 1px gray;
} 

#col-left, #col-right {
	width: 200px; 
	background-color:white;
} 

#col-left { float:left; 
            /*border:solid 1px gray;*/
            
} 

#col-right { float:right; /*border:solid 1px gray;*/ } 

#col-content { 
	background-color:white;
	color:#1D242A;
	margin-left:200px;
	margin-right:200px;
	/*border-left:solid 1px gray;
	border-right:solid 1px gray;*/
	min-height:950px;
	height:auto !important; /* Hack css... Poor IE!!*/
	/*height:950px;désactiver le 13/10/11 propriété non reconnu par IE provoque un mauvais affichage des 2 premières pages dont l'accueil, le contenu était repoussé en bas de la page*/
	
    	
} 

#footer { 
	/*height:50px;*/
	background-color:white;
	text-align:right;
	/*line-height:50px;*/
	border-top:solid 1px gray;
	
} 

#site-title {
	color:#003E55;
	height:75px;
}

#site-brand {
	display:block;
	float:right;
	padding-right:80px;
	text-decoration:none;
	color:gray;
	font-size:0.8em;
	background:transparent url(../img/design/logo-medetic.gif) no-repeat right top;
}

#logo-site {
	position:relative;
}

/****************************/
/* Mise en forme du contenu */
/****************************/

/* Style du menu de gauche */
ul#menu-left {
	list-style-type:none;
	margin-bottom:38px;
}

ul#menu-left li {
	height:25px;
	padding-left:10px;
	border-bottom:dotted 1px gray;
}

a.menu-left:link, a.menu-left:visited {
	display:block;
	text-decoration:none;
	color:#4B6F1B;
	font-weight:bold;
}

a.menu-left:hover {
	color:black;
}

.cat-menu {
	height:40px;
	line-height:40px;
	text-align:center;
	font-size:1.4em;
	font-weight:bold;
	border-bottom:dotted 1px gray;
	color:#F28317;
}

a.menu-selected:link, a.menu-selected:visited {
	color:#1D242A;
	background:transparent url(../img/design/arrow-actualite.gif) no-repeat 180px 10px;
}

/* Style du menu de droite */

ul#menu-right {
	list-style-type:none;
	padding-left:10px;
}

ul#menu-right li {
	padding-left:10px;
	background:transparent url(../img/design/arrow-actualite.gif) no-repeat left 8px;
	padding-bottom:5px;
}

a.menu-right:link, a.menu-right:visited {
	text-decoration:none;
	color:#4B6F1B;
}

a.menu-right:hover {
	color:black;
}

/* Style des liens du footer */

ul#list-footer {
	list-style-type:none;
	padding-right:10px;
	
	
}

ul#list-footer li {
	display:inline;
	color:gray;
	float:center;
}

a.link-footer:link, a.link-footer:visited {
	text-decoration:none;
	font:.7em/1.4em Verdana, Arial, sans-serif;
	color:gray;
}

a.link-footer:hover {
	color:black;
}

#maj {
	text-align:center;/*left*/
	color:gray;
	font-size:9px;
	
}

/* Structure du texte */

#nav-box:link, #nav-box:visited {
	float:right;
	width:100px;
	text-align:center;
	text-decoration:none;
	color:black;
	line-height:20px;
	background:transparent url(../img/design/bt-back.gif) no-repeat left top;
}

#nav-box:hover {
	background:transparent url(../img/design/bt-back-hover.gif) no-repeat left top;
}

.Bspace {
	margin-bottom:20px;
}

h1 {
	/*color:#006990;*/
	font-size:24px;
	color:#003E55;
	margin-left:10px;
	margin-bottom:5px;
	line-height:30px;
}

h2 {
	/*color:#8BC4D9;*/
	color:#006990;
	margin-left:25px;
	margin-top:10px;
	margin-bottom:20px;
	line-height:25px;
}

h3 {
	margin-left:25px;
	margin-top:10px;
}

p { padding: 10px; }

.list-content {
	margin-left:60px;
}

.alinea {
	text-indent:20px;
}

.gras {
	font-weight:bold;
}

.small {
	font:.7em/1.3em Verdana, Arial, sans-serif;
}

.big {
	font:1em/1.9em Verdana, Arial, sans-serif;
}

.center {
	text-align:center;
	
	
}

.italic {
	font-style:italic;
}

.blueH1 {
	color:#006990;
}

.definition {
	margin:auto;
	padding:10px;
	text-align:left;
	font-style:italic;
	width:80%;
	border:dotted 1px #A87139;
	background-color:#DFDFDF;
}

.link-text:link, .link-text:visited {
	text-decoration:none;
	color:#4B6F1B;
}

.link-text:hover {
	text-decoration:underline;
}

ul.list-keywords {
	list-style-type:none;
	padding:0px;
	margin:0px;
	margin-left:125px;
	margin-bottom:30px;
}

ul.list-keywords li {
	background-image:url(../img/design/arrow-keywords.gif);
	background-repeat:no-repeat;
	background-position:0px 8px;
	padding-left:25px;
	font-size:14px;
	color:#006990;
	line-height:25px;
}


/***********************/
/* styles particuliers */
/**********************/

.link-gotop:link, .link-gotop:visited {		/*Lien pour revenir en haut de la page*/
	display:block;
	text-align:right;
	padding-right:20px;
	text-decoration:none;
	font-size:0.7em;
	color:#8BC4D9;
	border-top:dotted 1px #8BC4D9;
	border-bottom:dotted 1px #8BC4D9;
}

.link-gotop:hover {
	font-weight:bold;
}

#HP-maquette {
	float:left;
}

.bt-carte-france {
	display:block;
	margin:auto;
	margin-left:5px;/*Prob IE si la taille de la marge est trop grande repousse le contenu*/
	width:550px;
	height:250px;
	background:transparent url(../img/content/bt-carte-france.gif) no-repeat left top;
}

#table-list-res {
	border-collapse:collapse;
	margin-left:30px;
	width:440px;
}

#table-list-res tr td, th {
	border:solid 1px #006990;
}

.table-header {
	text-align:center;
	font-weight:bold;
	color:black;
	background-color:#8BC4D9;
}

.link-list-res:link, .link-list-res:visited {
	display:block;
	background:transparent url(../img/content/puce.gif) no-repeat left 2px;
	font:.8em/1.5em Verdana, Arial, sans-serif;
	padding-left:25px;
	margin-left:5px;
	text-decoration:none;
	color:#1D242A;
	line-height:25px;
}

.link-list-res:hover {
	text-decoration:underline;
}

.new {
	background:transparent url(../img/content/new.gif) no-repeat right 3px;
}

.link-more:link, .link-more:visited {
	display:block;
	text-align:right;
	text-decoration:none;
	color:#1D242A;
	
}

.link-more:hover {
	text-decoration:underline;
}

#link-cv:link, #link-cv:visited {
	display:block;
	width:320px;
	height:32px;
	line-height:32px;
	margin:auto;
	background:transparent url(../img/content/cv.jpg) no-repeat right top;
	text-decoration:none;
	color:#1D242A;
}

#link-cv:hover {
	text-decoration:underline;
}

#login {
	text-align:right;
}

#login a:link, #login a:visited{
	font-size:10px;
	margin-right:10px;
	text-decoration:none;
	color:#1D242A;
}

#login a:hover{
	font-weight:bold;
}

/* Listes imbriquées site map ou FAQ*/ 

.list-niveau1, .list-niveau2, .list-niveau3, .list-niveau4 {
	list-style-type:none;
}

.list-niveau1 {
	margin-left:30px;
}

.list-niveau2 {
	margin-left:30px;
	margin-bottom:15px;
}

.list-niveau3 {
	margin-left:30px;
}

.list-niveau4 {
	margin-left:30px;
}

.link-niveau1, .link-niveau2 {
	text-decoration:none;
	color:#1D242A;
}

.link-niveau1:hover, .link-niveau2:hover {
	text-decoration:underline;
}

.link-niveau1 {
	font-weight:bold;
}

/* Mise en forme de la pages des actualités */

.titreActu {
	margin-top:0px;
	margin-bottom:10px;
	font-size:14px;
}

.date {
	margin-right:10px;
	font-size:10px;
	float:right;
	color:#F28317;
}

.separate {
	width:360px;
	background:white url(../img/content/cisor.gif) no-repeat left top;
	height:26px;
	margin:auto;
}

.sourceActu {
	padding-top:0px;
	font-size:10px;
	clear:both;
}

.spanSource {
	float:right;
	font-size:10px;
	color:#F28317;
}

#menuCat {
	float:right;
	width:350px;
	/*border:solid 1px red;*/
	list-style-type:none;
	text-align:right;
}

#menuCat li {
	display:inline;
	padding-right:15px;
}

#menuCat li a:link, #menuCat li a:visited {
	text-decoration:none;
	color:#1D242A;
}

#menuCat li a:hover {
	text-decoration:underline;
}

.linkForm {
	display:block;
	width:400px;
	height:41px;
	line-height:41px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	background:transparent url(../img/design/formulaire.gif) repeat-x right top;
}

/* Mise en forme de la partie "A venir" de la page d'accueil */

.aVenir {
	display:block;
	text-align:right;
	padding-right:35px;
	background:transparent url(../img/content/arrow-avenir.gif) no-repeat right top;
	text-decoration:none;
	color:#1D242A;
	font-weight:bold;
}

/* Mise en forme formulaire de contact */

.fieldset {
	border:solid 1px #006990;
	margin:20px;
	padding:10px;
}

.inputText {
	border:solid 1px gray;
	width:250px;
}

#textarea {
	border:solid 1px gray;
	width:100%;
	height:100px;
}

.legend {
	font-weight:bold;
}

#divAdresse {
	border:solid 1px #006990;
	margin:20px;
	padding: 10px;
}

#pForm {
	text-align:right;
	line-height:25px;
	margin-bottom:15px;
	padding:0px;
	width:390px;
}

#submitForm {
	margin-top:20px;
	border:solid 1px gray;
	background-color:#006990;
	color:white;
	font-weight:bold;
	cursor:pointer;
}


/* Mise en forme du tableau de caractéristiques */

.tabCaracteristiques {
	margin:25px;
	font-size:11px;
}

.tabCaracteristiques tr td {
	padding:5px;
	vertical-align:top;
	border-left:dashed 1px #006990;
	width:299px;
}

.tabCaracteristiques tr td ul {
	list-style-image:url(../img/content/puce2.gif);
	margin-left:30px;
}

.imgNumTel {
	margin-left:25px;
}
