/** Import des css des modules **/
@import url('styles_organigramme.css');
@import url('styles_publication.css');
@import url('styles_lexique.css');
@import url('styles_sites_utiles.css');
@import url('styles_actualites.css');
@import url('styles_sondages.css');
@import url('styles_vi.css');
@import url('wysiwyg.css');

/** Suppression des marges et espacements de tous les éléments **/
* { margin:0; padding:0; }

/** Styles de base **/
html  { background : #fdefca; }

body  {
	line-height:18px;
	color: #333;
	font : normal 70% Arial, Helvetica, sans-serif;
	text-align : center;
	width: 100%;
	background : transparent;
}

/** Classes personnalisees  **/
.celluleDecalee  { padding-left : 10px; }
.center 			{ text-align : center; }
.right 			{ text-align : right; }
.justify 		{ text-align : justify; }
.masquer		{ display : none; } 
.hidden, 
.case			{ border : 0; background : transparent; }
.messageErreur, 
.oblig			{ color : #f00; }
.visualClear 	{ clear : both; height : 1px; }
.visualClear hr, 
.separation hr 	{ display : none; }
.separation 		{ background: url(../images/separation.gif) no-repeat 50% 0; height:9px; }
.inscrire, 
.submit, 
.valider {
	float : none;
	margin : 5px 0;
	padding : 0 10px;
    clear:both;
    font-size: 1.1em;
    background: #2e537f;
    color: #fff;
    height: 20px;
    border: 1px solid #23555C;
}

img.right { float : right; margin-left : 13px; }
img.left { float : left; margin-right : 13px; }
img.right, 
img.left  {
	display : inline;
	border : 1px solid #a5aca8;
	padding : 1px;
}

/** Div personnalises **/
div.droite { margin-left : 13px; }
div.left { margin-right : 13px; }

div.droite span, 
div.left span { display: block; text-align : center; }

/** Les formulaires **/ 
form { clear : both; margin : 0; padding : 0;}
form fieldset  { border : 0; margin-bottom: 10px; border-top: 1px solid black; padding : 20px 10px 20px 10px; }
form div {
    border-bottom:1px solid #dfdfdf;
    width : 100%;
    margin-bottom:2px;
    padding: 3px 0;
}

form label  {
	width : 110px;
	display : block;
	float : left;
	white-space : nowrap;
	margin-right : 5px;
	cursor : pointer;
}

form.cv label  {
	width : 180px;
}

form legend {
	font-weight: bold;
	padding: 0 10px;
}

form label.clear{
	clear : both;
	width : 300px;
}

select, 
textarea, 
input.champ { border : 1px solid #ccc; }
.cnil { margin : 10px 0; }
.actions {
	padding-left : 120px;
}

/** Positionnement du site dans la fenetre **/

div#site {
	position : relative;
	margin : 0 auto;
    text-align: left;
    width: 760px;
    background: url(../images/bordure.gif) repeat-y 0 0;
}

/** Fil d'arianne **/
p#chemin  {
	margin : 2px 5px 10px 5px;
    background : #fbEdc8;
    padding : 2px;
    border : 1px solid #beb8a0;
    padding-left : 10px;
}

p#chemin a { font-weight:bold; }

/** Zone accessibilite : liens d'evitement **/
div#accessibiliylinks {
	position : relative;
    margin : 0 auto ;
    text-align : left;
    top : 3px;
	width : 760px;
	color:#937e58;
	height : 20px;
}

div#accessibiliylinks a {
	margin-bottom:2px;
	padding : 2px;
}

div#accessibiliylinks a { background : #fff4d4;}
div#accessibiliylinks a:hover, 
div#accessibiliylinks a:focus  { color : #555; }

/** Outils de zoom **/
div#zoomOutils  {
	float : right;
	margin-top : -15px;
}

div#zoomOutils  ul li {
    padding:0;
    background : transparent;
    display : inline;
}

div#zoomOutils  ul li a 
{
    width : 14px;
    height : 11px;
    display : inline;
    float : left;
}

div#zoomOutils  ul li a#zoomMoins, 
div#zoomOutils  ul li a#zoomPlus { margin-right : 7px; }
.noscript { 
	width: 100%; 
	padding: 5px; 
	position: relative; 
	z-index: 9000; 
	color: black; 
	background: #fdefca !important; 
	float:left;
	border: 1px solid black;
}

/** Header **/ 
div#header {
	height : 177px;
	background : transparent url(../images/header.jpg) no-repeat 0 0;
	clear : both;
}

div#header a#logo {
	display : block;
	width : 188px;
	height : 171px;
	text-align : center;
	padding-top : 3px;
}

div#header h2 a {
	display : block;
	width : 315px;
	height : 100px;
	position: relative;
	top : 22px;
	left : 22px;
	text-decoration: none;
}

div#header h2 a span{ visibility: hidden; }

/** Outils du header **/
div#outilHead  {
    position : absolute;
    left : 200px;
    top : 135px;
    z-index : 10;
}

div#outilHead div { text-align:right; }
div#versionLan, 
div#accesSecu  {
	padding-top : 13px;
	padding-right : 22px;
	height : 21px; 
	float : left;
}

div#versionLan { width : 120px; background : url(../images/fondlangue.gif) no-repeat 0 0; }
div#versionLan a.fr { background: url(../images/fr.jpg) no-repeat 0px 3px; }
div#versionLan a.gb { background: url(../images/gb.jpg) no-repeat 0px 3px; }
div#versionLan a.fr, 
div#versionLan a.gb { padding-left:18px; }
div#accesSecu { width : 134px; background : url(../images/fondsecure.gif) no-repeat 0 0; }
div#accesSecu a, div#accesSecu span { padding-left:15px; background: url(../images/cadena.gif) no-repeat 0px 1px; }
div#rechercher {
    float : left;
    width : 250px;
    background : url(../images/fondrechercher.gif) no-repeat 0 0;
    height : 23px;
    padding-top : 11px;
	margin-bottom : 10px; 
	border-bottom : 1px solid #f6f6f6;
}

div#rechercher form { float : left; margin-top:-3px; }
div#rechercher form fieldset {  border: none; padding: 0; margin: 0;}
div#rechercher form fieldset {  border: none; padding: 0; margin: 0; }
div#rechercher form fieldset legend { padding: 0; padding-left:10px; font-size: 0.8em; }
div#rechercher form fieldset label { float : left; display: block; width : 45px; text-indent: 8px; line-height : 20px; height : 20px; }
div#rechercher form fieldset input#motscles { float: left; top: 3px; margin-left: 15px; width: 84px; border: 1px solid black; font-size: 0.9em;}
input#recherche_submit {
	width : 80px;
	margin-left : 18px;
	background : url(../images/fondrechercherbouton.gif) repeat-x 0 0;
	color : #fff;
	border : 1px solid #fff;
	height : 18px;
	font-size : 0.9em;
	margin-top:-3px;
}

/** Menu principal **/
div#menu {
    background : #173569 url(../images/menu-bkg-repeat.gif) repeat-x 0px 0px ;
    border-bottom : 1px solid #a19b96;
    min-height : 26px;
    margin-top : -7px;
    position : relative;
}

div#menu ul {
    position : relative;
    margin : 0;
    padding-top : 5px;
    margin-left : 17px;
    display : block;
    padding-bottom : 1px;
	font-size : 1em;
}

div#menu ul#menuligne1 { z-index:90; }
div#menu ul#menuligne2 { z-index:30; }

div#menu ul li {
	position : relative;
	padding : 0;
	list-style-type : none;
	display : inline;
	background : none; 
}

div#menu ul li a {
	padding-left : 20px;
	background : url(../images/pucemenu.gif) no-repeat 0 9px ;
	padding-top : 5px;
	padding-bottom : 7px;
	color: #fffffe;
	text-decoration: none;
	margin-right : 10px;
	font-weight : bold;
	z-index : 1;
}

div#menu ul li a.select { color:#fdefcb; font-weight: bold; }

/** Menu secondaire dans la partie gauche de la page **/
ul#menusecond  { margin:0;}
ul#menusecond li  { padding:0; background: url(../images/fondmenusecond.jpg) repeat-x  0 0; }
ul#menusecond li a  {
	display : block;
	padding : 5px 0 5px 20px;
    color : #fefefe;
    text-decoration : none;
    background : url(../images/pucemenu.gif) no-repeat 8px 9px ;
}

ul#menusecond li ul {
    border-left : 1px solid #ccc;
    border-right : 1px solid #fff;
    border-top : 1px solid #fff;
    border-bottom : 1px solid #ccc;
    margin-left : 5px;
    width : 157px;
	background : none;
}

ul#menusecond li:hover ul { left:5px; display:block; }
ul#menusecond li ul li  { background: none; display:block; clear:both; min-height:20px; }
ul#menusecond li ul li a, ul#menusecond li ul li span.selected  {
	background : #ecf4ff url(../images/fondderoul.jpg) repeat-y;
	display : inline;
	float : left;
	text-align : left;
	width : 142px;
	padding : 2px 0 2px 15px;
	font-weight : normal;
	color : #0b2f5f;
}

ul#menusecond li ul li a:hover, 
ul#menusecond li ul li a.select:hover, 
ul#menusecond li ul li a.select { color : #fff; text-decoration : none; }
ul#menusecond li ul li a:hover, 
ul#menusecond li ul li a.select:hover { background : #7295C0 url(../images/fondderoulselect.jpg) no-repeat; }
ul#menusecond li ul li a.select { background: #7295C0 url(../images/fondderoulselect2.jpg) no-repeat; }
ul#menusecond li ul li ul  {
    background:none;
    padding:0px;
    margin:0px;
    margin-left:-1px;
}

ul#menusecond li ul li ul li a {
    background:none;
    padding-left:20px;
    width:137px;
}

/** Colonne de gauche **/
div#colonneGauche {
	width : 163px;
	float : left;
	padding-left : 15px;
	padding-right : 5px;
	margin-top : 10px;
}

div#colonneGauche div#hopital p,
div#colonneGauche div#hopital address {
	margin: 6px 0;
}

div#colonneGauche div#hopital address {
	
	font-style: normal;
	line-height: 18px;
}

div#rubriques {
	margin : 25px 0 10px -13px;
	background : #ecf4ff;
	border-top : 1px solid #9da8ac;
	border-bottom : 1px solid #9da8ac;
	clear:both;
}

div#rubriques a {
	color : #16416E;
	text-decoration : none;
	font-weight : bold;
}

div#colonneGauche div#rubriques ul { margin : 0; padding : 3px; }
div#colonneGauche div#rubriques ul li  { padding-left:5px; line-height:20px; }
div#colonneGauche div#rubriques ul li  img { margin-right : 5px; }

/** Contenu **/
div#contenu {
	width : 570px;
	float : right;
	display : inline;
}

/** Outils **/
a#envoyerAmi:hover		{ background-position: 100% 0; }
a#envoyerAmi			{ margin-right: 7px; }
div#outilsIcones ul.pictos li 		{ padding:0; display:inline; }
div#outilsIcones ul.pictos li a span	{ display:none; }
div#outilsIcones  {
	position : relative;
	float : right;
	height : 20px;
	margin-top : -27px;
	margin-right : 10px;
}

div#outilsIcones ul.pictos li a {
	width : 14px;
	height : 11px;
	display : inline;
	float : left;
}

div#outilsIcones ul.noscript {
	width : 100%;
	left: -150px;
	top: 25px;
}


/** Articles **/
div#article { margin : 0px 20px 0px 12px; }

/** Encart visite interactive **/
div#visite {
    text-align : right;
    margin-top : 32px;
    padding-top : 10px;
    height : 125px;
    width : 115px;
    float : left;
}

div#visite a img { margin-right : -5px; }

/** Pied de page **/
div#bluewave {
	clear : both;
	height : 99px;
	width:760px;
	background: transparent url(../images/footer-vague.gif) no-repeat bottom right;
}

div#footer {
	clear : both;
	margin : 0 auto;
	height : 20px;
	width: 760px;
	background: transparent url(../images/footer.gif) no-repeat bottom right;
	padding: 0;
}

div#footer ul {
	height : 20px;
	padding-left : 11px; 
	display: inline;
	margin-left : 5px;
}

div#footer ul li  {
	color : #fefffe;
	display : inline;
	padding : 0;
}


div#footer ul li span, 
div#footer ul li a {
	float : left;
	display : inline;
	margin-right : 11px;
	padding-right : 9px;
	color : #fefffe;
	background : transparent url(../images/sep.gif) no-repeat 100% 4px;
	text-decoration : none;
}

div#footer ul li#noe a  {
	float : right;
	margin-right : 14px;
	padding-right : 0;
	background : transparent;
}

div#footer ul li a:hover { text-decoration : underline; }

/** Barre de pagination **/
div#pagination {
	padding-bottom:5px;
    margin-top:10px;
    clear: both;
}

div#pagination ul  { float: left; margin: 0; list-style-type: none; background: none;}
div#pagination ul li  { list-style-type: none; display: inline; padding: 0; }
div#pagination ul li a, 
div#pagination ul li strong { float: left; margin-right: 10px; }


div.erreur {
	background: #fff9e8;
	border: 1px solid #FF0000;
	margin: 10px 0 20px 0;
	padding:10px;
}

div.erreur ul {
	margin-top: 10px;
}

div#emploi {
	margin: 20px 0;
}