/* screen.css */
/* styles pour l'ecran */

/* debug a supprimer */
/* div#container { background:#ccffcc; } */

/*
	DEFINITIONS GENERIQUES (nettoyage) ---------------------------
	credits for general definition go to Richard Rutter, see:
	- http://www.clagnut.com/blog/1287/
	- http://www.clagnut.com/blog/348/
*/

*, body { padding:0; margin:0; }
ul,ol {
	padding-left:1em;
	margin-left:0;
}
/*
h1, h2, h3, h4, h5, h6, p, blockquote, form, label, ul, ol, dl, fieldset, address { margin-bottom: 1em; }
*/
img { border:0; }

/* mise en page globale */

body {
	text-align:center;
	font:62.5% verdana,arial,helvetica,sans-serif; color:#000000;
	background:#E9E9E9;
} /* 62.5% = 10px */

div#container {
	text-align:left; margin:auto; width:760px;
}

h1 { font:150% arial, helvetica, sans-serif; font-weight:bold; color:#CC0033; }
h2 { font-size:100%; font-weight:bold; color:#CC0033; }
h2.separateur { border-top:1px solid #dddddd; font-size:120%; background:#efefef; margin-bottom: 0.5em;}
h3 { font-size:100%; font-weight:bold; color:#CC0033; padding: 0 10px; background:url(./img/puce_titre.gif) center left no-repeat;}
a:link { text-decoration:none; color:#CC0033; }
a:visited {text-decoration:none; color:#0280BD;}
a:hover, a:active, a:focus { text-decoration:underline; color:#CC0033; } /* tested with background:#F9E3E9; too */
p { margin-bottom: 1em; }
/*
	fin definitions generiques
*/

p.skiplinks { font-size:1px; position:absolute; top:0; left:-9000px; }
div#header {
	margin:5px 0; text-align:right;
}
div#header h1 { font:120%; float:left;}
//div#header span {position: absolute ; top:200px; left:140px; color:#ffffff;background:url(./img/retour.gif) no-repeat; padding: 0 20px;cursor:pointer; text-decoration: none;}
div#nav {
	background:url(./img/nav_haut_bg1.gif) #4DA7D2 top left no-repeat;
	margin-bottom:5px;
	min-height:40px;
}
div#nav div#navul { padding:20px 10px 0 10px; }
div#nav ul { list-style:none; padding:0;  }
div#nav li { float:left; padding:4px; margin:0 5px;}
div#nav a:link, div#nav  a:visited, div#nav  a:hover, div#nav  a:active, div#nav a:focus {
	display:block; color:#ffffff; 
	font:120% arial,helvetica,sans-serif; font-weight:bold; text-decoration:none;
}
div#nav a:hover, div#nav a:active, div#nav a:focus,
div#nav li.highlight a:link, div#nav li.highlight a:visited { background:#68B4D9; }
div#nav div#navfooter {
	clear:left; display:block; height:3px; border:0;
	background:url(./img/nav_haut_bg2.gif) transparent top left no-repeat;
}

div#remp_menu {
	float:left; width:164px; height:180px; margin-right:20px;
	background:url(./img/visu_gauche.gif) #45A3D0 bottom left no-repeat;
}

div#subnav {
	float:left; width:164px; margin-right:20px;
	background:url(./img/subnav_bg_bottom.gif) #45A3D0 bottom left no-repeat;
}

div#subnav ul { list-style:none; padding:10px 0; background:url(/skel_v1/img/subnav_bg_top.gif) transparent top left no-repeat; height:160px; }
html>body div#subnav ul { height:auto; min-height:160px; }
div#subnav li { background:url(./img/subnav_bg_items.gif) transparent top left no-repeat; padding:10px 0 5px; }
div#subnav li a:link, div#subnav li a:visited, div#subnav li a:hover, div#subnav li a:active, div#subnav li a:focus {
	display:block; padding:2px 4px; color:#ffffff; 
	font:140% arial,helvetica,sans-serif; font-weight:normal; text-decoration:none;
}
div#subnav li a:hover, div#subnav li a:active, div#subnav li a:focus,
div#subnav li.highlight a:link, div#subnav li.highlight a:visited { background:#5CA8CC; }

div#visuel_content { float:right; width:233px; }

div#content h2 { margin-top:1em; }
div#content a.savoir_plus { display:block; }
div#content h1 { font-size:120%; padding:10px 10px 0 10px; margin-bottom:1em; }
div#content div#texte { padding:0 10px 10px 10px; }
div#content div#chapo { padding:0 10px 10px 10px; font-size:120%; font-weight:bold; }

p#chemindefer { margin:0 10px 10px 10px; padding:.2em 0; color:#999999; border-top:1px solid #efefef; border-bottom:1px solid #efefef; }
p#chemindefer a:link, p#chemindefer a:visited { color:#999999; text-decoration:underline;}
p#chemindefer a:hover, p#chemindefer a:active, p#chemindefer a:focus { color:#000000; }



/* si la page a un logo a droite : div#content.logo */
div.logo {
	float:left;
	width:328px;
	background:url(./img/content_bg.gif) #ffffff top left repeat-y;
}
div.logo h1 {
	background:url(./img/content_bg_top.gif) transparent top left no-repeat;
}
div.logo div#texte {
	background:url(./img/content_bg_bottom.gif) transparent bottom left no-repeat;
}
/* si la page n a pas de logo a droite : div#content.nologo */
div.nologo {
	float:right;
	width:576px;
	background:url(./img/content_nologo_bg.gif) #ffffff top left repeat-y;
}
div.nologo h1 {
	background:url(./img/content_nologo_bg_top.gif) transparent top left no-repeat;
}
div.nologo div#texte {
	background:url(./img/content_nologo_bg_bottom.gif) transparent bottom left no-repeat;
}

div#footer {
	background:url(./img/footer.gif) transparent bottom left no-repeat;
	height:45px; padding-top:5px; clear:both; margin-bottom:5px;
}

/* home */

div#deco_home {
	float:left; width:164px; margin-right:20px;
	
}