/* CSS Document */

html	{
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	width:100%;
	height:100%; 
	font-size:12px; 
	background-color:#1E3258; 
	background-image:url(../pict/bg.jpg); 
	background-repeat:repeat-x;
}

body	{ 
	background:#385A97 ; 
	color: white; 
	margin-left:auto;
	margin-right:auto; 
	margin-top:0px;
	width:1020px; 

	top:0px;
	padding:0;
}

a:link   { 
	text-decoration:none;
}

a:hover	{
}

a:visited	{
	text-decoration:none;
}

a:visited:hover	{
}

h1	{
	font-size:200%;
	font-weight:600;
}

p	{
	margin:0;
	font-size:100%; 
	text-align:justify;
}


/* Classes et ident */
.volet	{
	background-image:url(../pict/volet_bg.jpg);
	background-repeat:repeat-y;
	width:210px;
	font-size:90%;
	margin: 0;
	color: black;
}

.corps {
	position:relative;
	background-image:url(../pict/corps_bg.jpg);
	background-repeat:repeat-y;
}

.titemaj { 
	font-size:130%; 
	font-variant:small-caps; 
	letter-spacing:1px; 
	font-family: Geneva, Arial, Helvetica, sans-serif; 
}

#popup	{
	color:#101040;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: .8em;
	position:absolute;
	display:none;
	padding:0;
	background: #F0F0D0 ;
	top: 100; 
	right:100; 
	width:180; 
	height:auto; 
	border: solid 2px blue ;
}

.pophead	{
	color:#F0F0D0;
	background:#101040 ;
	font-weight:bold;
}

li	{
	margin:0;
	padding: .3em 0;
	list-style-type:disc;
}

#entete	{ 
	position:relative;
	width:1020px; 
	height:190px;
	background-image:url(../pict/bgcc.jpg); 
	background-repeat:no-repeat; 
	background-color: white; 
}

#entetemenu { 
	position:relative; 
	float:right; 
	width:180px; 
	height:170px; 
	background: white;
}

.boutonhaut { 
	position:relative; 
	height:45px; 
	width:180px; 
	background-image:url(../pict/boutonhaut.png); 
	text-align:center; 
	line-height:3.5em; 
	color:#385A97; 
	font-variant:small-caps; 
	font-family: "Lucida Sans"; 
	font-weight:500; 
	font-size:120%; 
	letter-spacing:0.5px;
	text-decoration:none;
}

.boutonhaut:hover {
	background-image:url(../pict/boutonhaut2.png); 
	text-decoration:none;
}

#milieu { 
	position:relative;
	margin-top:0;
	width:1020px;
	-height:70ex;
	min-height:70ex;
	background-image:url(../pict/bgb.jpg); 
	background-repeat:repeat-x;

	background-color:#385A97;
}

#naviggauche { 
	position:absolute; 
	left:0;
	top:0; 
	height:252px; 
	width:25px; 
	background-image:url(../pict/boutongauche.jpg); 
	background-repeat:no-repeat 
}

#navigbouton { 
	position:relative;
	float:left;
	text-align:right;
	top:0;
	-height:60ex;
	min-height:60ex;
	width:190px; 
	left:25px; 
	background-image:url(../pict/bgboutongauche.jpg); 
	background-repeat:repeat-y; 
	background-color:#1D2C48 
}

.boutongauche { 
	position:relative; 
	text-align:right;
	line-height: 3.2ex;
	padding-right:20px; 
	width:170px; 
	height:40px; 
	font-size:90%; 
	text-decoration:none; 
	color:white;  
	letter-spacing:0px; 
}

.boutongauche:hover { 
	width:190px; 
	height:40px; 
	font-weight:bold; 
	line-height:3.3ex; 
	padding-right:10px; 
	text-decoration:none; 
}

#corpsentete	{ 
	position:relative;
	float:left;
	left:25px;
	width:555px;
	margin:0 20px 10px 20px;
	padding-top: 10px;

	-height:80px;
	min-height:80px; 
}

#colonnecorps { 
	position:relative;
	color:#000044;
	float:left;
	padding: 0;
	left:25px;
	top:0;
	width:590px;
}

.corps  p	{ 
	padding: .5ex .5em;
}

.corpshaut { 
	position:relative;
	height:39px; 
	background-image:url(../pict/corps_haut.jpg);
	background-repeat:no-repeat;
	font-size:100%;
	margin: 0;
	padding: 0 1em;
	line-height:2em;
	color: black;
	font-variant:small-caps;
	font-weight:bold;
}

.corpsbas { 
	position:relative; 
	height:20px; 
	background-image:url(../pict/corps_bas.jpg); 

	background-repeat:no-repeat;
}

#colonnevolet { 
	position:relative;
	float:right;
	right:0px; 
	width:210px; 
	top:0; 
}

#colonnevolet p { 
	padding: 0 2em 0 1em;
}

.volethaut	{ 
	position:relative; 
	width:210px; 
	height:40px; 
	background-image:url(../pict/volet_haut.jpg);
	background-repeat:no-repeat;
	font-size:110%; 
	margin: 0;
	padding:0 1em;
	line-height:2em; 
	color:black; 
	font-variant:small-caps;
	vertical-align:middle;
}

.voletbas	{ 
	position:relative; 
	width:210px; 
	height:20px; 
	background-image:url(../pict/volet_bas.jpg);
	background-repeat:no-repeat;
	margin-bottom:4px;
}

#pied	{ 
	position:relative;
	bottom: 0;
	height:50px;
	background-image:url(../pict/bas.jpg); 
	text-align:center; 
	background-repeat:no-repeat; 
	line-height:2em; 
	background-color:#2F4B7E; 
	font-size:80%;
	padding-top:30px;
	width:100%;
}

#virtuel	{
	position:relative;
	clear:both;
	background: none;
	height: .5ex;
}

/* *********  Fin des styles FB  ************* */
.petit	{
	font-size:.7em;
}

.objet	{
	text-align:center;
	margin-left:auto;
	margin-right:auto;
}

.focus1	{
	float:left;
	margin-left:3em;
	margin-top:3em;
	margin-bottom:1em;
	width:23em;
	padding:.5em;
	background-color:#EEEEEE;
	border:	dotted 2px #D0D0FF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.8em;
	text-align:center;
	-moz-border-radius:3ex;
	-webkit-border-radius:3ex;
}

.focus2	{
	float:right;
	margin-top:.5em;
	margin-right:2em;
	margin-bottom:4.5em;
	width:26em;
	padding:1em;
	background-color:#EEEEEE;
	border:	dotted 2px #D0D0FF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.8em;
	text-align:center;
	-moz-border-radius:2ex;
	-webkit-border-radius:2ex;
}

.focus3	{
	clear:both;
	margin-top:3em;
	margin:auto;
	width:30em;
	padding:1em;
	background-color:#EEEEEE;
	border:	dotted 2px #D0D0FF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:.8em;
	text-align:center;
	-moz-border-radius:1em;
	-webkit-border-radius:4em;
}

/***** Que pour les boutons de la barre de navigation *****/
#navigbouton li a:link { 
	font-size:100%;
	color:#FFFFFF;
	list-style-type:circle;
}

#navigbouton li a:visited { 
	font-size:100%;
	color:#FFFFFF;
}

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

h2	{
	font-size:150%;
}

h3	{
	font-size:120%;
}

h4	{
	font-size:80%;
}

ul {
	margin:0 0 0 1em;
	padding:4px;
}