/* CSS Document */
body {
        font-family:Arial, Helvetica, sans-serif;
		color:#000000;
        margin: 0;
		font-size: 11px;
		background-image:url(images/fond.jpg);
	}
div#global {
	width: 996px;
	margin: 10px auto 10px auto;
	position: relative;
 	background-color: #D2E9A4;
	}
img {
    border: none;
	padding:0;
	margin:0;
}
p {
margin:4px 0px;
}
h3 {
width:80%;
background-color:#FFFFcc;
padding:2px 0px 2px 10px;
font:bold 140% Verdana, Arial, Helvetica, sans-serif;
}
h4 {
font-size:140%;
font-weight:bold;
padding:0;
margin:0;
}
h5 {
font-size:120%;
font-weight:bold;
padding:0;
margin:0;
}
form {
margin:5px 0px;
}
ul {
margin:5px 0px 5px 20px;
padding:0;
}

img.logo {
float:left;
}
#menu-haut {
	text-transform:uppercase;
	background-color:#C2D7CC;
	height:31px;
	font-size: 12px;
	margin: 0 ;
	padding: 1px 0px;
}
a {
	text-decoration: none;
	font-weight:bold;
	color:#3366CC;
  }
a:hover  {
	color:#ffff99;
}

#menu-haut ol {
	list-style:none;
	margin:0;
	padding:0;
}
#menu-haut li {
	float: right ;
	padding:1px 15px 0px 15px;
	}
#menu-haut li.acces {
background-color:#267499;
margin-left:20px;
}
#menu-haut li.acces a {
	color:#FFFF99;
}
#bloc1 {
	background-image:url(images/bloc_texte.jpg);
	width:512px;
	height:195px;
	float:right;
	margin:10px 20px 0px 0px;
	padding:20px 15px 0px 5px;
	font:normal 10px Verdana, Arial, Helvetica, sans-serif;
	color:#003366;
}
p.entete {
	font:bold 12px Verdana, Arial, Helvetica, sans-serif;
	color:#FF3300;
	text-align:center;
	margin-bottom:10px;
}
#ronds {
clear:both;
}
a#rond1, a#rond2, a#rond3, a#rond4, a#rond5 {
	float:left;
	margin:5px 2px;
	padding:35px 5px 0px 5px;
	width:185px;
	height:176px;
    font:bold 12px Arial, Helvetica, sans-serif;
	color:#712400;
	text-align:center;
}
a#rond1 {
background-image:url(images/rond1.jpg);
}
a#rond1:hover {
background-image:url(images/rond1b.jpg);
}
a#rond2 {
background-image:url(images/rond2.jpg);
}
a#rond2:hover {
background-image:url(images/rond2b.jpg);
}
a#rond3 {
background-image:url(images/rond3.jpg);
}
a#rond3:hover {
background-image:url(images/rond3b.jpg);
}
a#rond4 {
background-image:url(images/rond4.jpg);
}
a#rond4:hover {
background-image:url(images/rond4b.jpg);
}
a#rond5 {
background-image:url(images/rond5.jpg);
}
a#rond5:hover {
background-image:url(images/rond5b.jpg);
}
a#rond1:hover, a#rond2:hover, a#rond3:hover, a#rond4:hover, a#rond5:hover {
	padding-top:70px;
	height:141px;
	font-size:13px;
}

.titre {
    font: bold 150% Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:2px;
	color:#000000;
	margin:0px 0px 7px 0px;
}
#bloc2 {
	background-image:url(images/fond_bloc2.gif);
	background-position:left;
	background-repeat:repeat-y;
	width:512px;
	float:right;
	margin:10px 10px 0px 0px;
	padding:0px 0px 0px 20px;
	font-size:11px; 
}
#bloc_annexe {
	width:350px;
	float:left;
	margin:10px 0px 0px 20px;
	padding:0px 0px 0px 10px;
	font-size:11px;
}
#bloc_annexe a {
text-transform:uppercase;
}
p.titre_annexe {
	background-image:url(images/fond_bloc_annexe.jpg);
	padding:10px 0px 0px 60px;
	margin-bottom:5px;
	text-transform:uppercase;
	font:normal 13px Verdana, Arial, Helvetica, sans-serif;
	letter-spacing:1pt;
	color:#003366;
	height:39px;
	width:138px;
}
#bloc_annexe a:hover, #bloc3 a:hover {
	color:#6699ff;
}

#bloc3, #bloc3_court {
	width:530px;
	float:right;
	font-size:11px;
}
#bloc3 {
	margin:10px 20px 0px 0px;
}
#bloc3_court {
	margin:40px 20px 40px 0px;
}
table {
	background-color:#BACEE0;
	border:#000000 1px solid;
	margin:8px 0px;
}
td {
border:none;
}
input.nombre {
	text-align:right;
}
input.bouton {
	width:150px;
	margin-right:10px;
}

p.small {
	font-size:80%;
}
p.big {
	font-size:110%;
	font-weight:bold;
}

tr.clair {
	background-color:#cAdEf0;
}

#exemple {
	width:400px;
	background-color:#FECE42;
	padding:0;
	margin:10px 50px;
}
p.txt_exemple {
	margin:3px 5px;
	color:#DF2D00;
	font-weight:bold;
}

p.soustitre {
	text-transform:uppercase;
	margin-top:20px;
	text-decoration:underline;
	font-weight:bold;
}

#calcul1, #calcul2 {
	background-color:#BACEE0;
	border:#000000 1px solid;
	margin:15px 5px;
	padding:10px;
	color:#003399;
	font-size:110%;
}
#calcul1 {
	width:320px;
}
#calcul2 {
	width:470px;
}
#nb_mots {
padding:3px;
background-color:#cce3f3;
}
#inscription, #identification {
	float:left;
	margin:20px 0px 0px 50px;
	padding:10px;
	border:#000000 1px solid;
 	background-color: #e2f9b4;
}
#page_courte {
display:block;
margin-top:60px;
margin-bottom:210px;
overflow:auto;
}
#alerte {
position:absolute;
top:183px;
left:20px;
width:360px;
height:73px;
padding:3px 10px;
background-color:#FFFF99;
color:#FF3300;
font-size:110%;
font-weight:bold;
border-bottom:#000000 1px solid;
border-right:#000000 1px solid;
}
img.titre1 {
margin:0px 40px;
}

/*- bas de page  ------------------------- */
div#footer {
	clear:both;
	width: 100%;
	height:20px;
	text-align:center;
	text-transform:uppercase;
	padding-top:4px;
	margin-top:10px;
	background-color:#C7DCC0;
	color:#000000;
	border-top:#000000 1px solid;
	}
#footer a {
}
#logo_bardamu {
position:absolute;
bottom:3px;
right:10px;
}