/* orange : eb7c28, bleu : 196d7d, ciel : d1d9db */

body {
	font-family : Arial;
	font-size : 12px;
}

#menu, #menu ul {
	padding : 0px;
	margin : 0;
	list-style : none;
	line-height : 21px;
	text-align : center;
	display:block;
}

#menu {
	font-weight : bold;
	font-family : Arial;
	font-size : 12px;
	display:block;
}

#menu li a {
	display : block;
	padding : 0;
	background : #eb7c28;
	color : #196d7d;
	text-decoration : none;
	width : 160px;
	font-size:14px;
}

#menu li a:hover {
	color: #eb7c28;
	background: #d1d9db;
	BORDER: #000 1px solid; 
}

#menu li ul a {
	display : block;
	padding : 0px;
	text-indent:5px;
	BORDER-left: #000 1px solid; 
	background : #196d7d;
	color : #d1d9db;
	text-decoration : none;
	width : 160px;
	text-align : left;
	font-size:11px;
}

#menu li ul a:hover {
	display : block;
	padding : 0;
	background : #d1d9db;
	color : #000;
	text-decoration : none;
	width : 160px;
}

#menu li {
	float : left;         /* pour IE qui ne reconnaît pas "transparent" */
	padding-left:30px;
}

#menu li ul li {
	float : left;         /* pour IE qui ne reconnaît pas "transparent" */
	padding-left:0px;
}

#menu li ul {
	position: absolute;
	width: 160px;
	left: -999em; /* Hop, on envoie loin du champ de vision */
}


#menu li:hover ul ul, #menu li.sfhover ul ul {
        left: -999em;
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul {
	min-height: 0;
	left:auto;
}

.lien {
	text-decoration:none;
	color:#196d7d;
}

.lien:hover {
	font-weight : bold;
	color:#000;
}


.liennoir {
	text-decoration:none;
	font-weight : bold;
	color:#000;
}

.liennoir:hover {
	font-weight : bold;
	color:#196d7d;
}

.img {
	BORDER: #eb7c28  1px solid; 
}


.box {
	BORDER-BOTTOM: #000  1px solid; 
	BORDER-LEFT: #000 1px solid; 
	BORDER-RIGHT: #000 1px solid;
	BORDER-TOP: #000 1px solid;
	background-color:#d1d9db;
	padding-left:5px;
	margin-left:10px;
}


.whiteboxtitle {
	color:#eb7c28;
	font-size:14px;
	font-weight:bold;
	font-style:italic;
}

.boxtitle {
	color:#eb7c28;
	font-size:14px;
	font-weight:bold;
	margin-left:10px;
}

.title {
	color:#eb7c28;
	font-size:14px;
	font-weight:bold;
}

.subtitle {
	color:#196d7d;
	font-size:12px;
	font-weight:bold;
}

.basbleu
{
	COLOR:#196d7d;
	text-decoration:none;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 10px;
	PADDING-LEFT: 0px;
}

.lienbasbleu
{
	text-decoration:none;
	COLOR:#196d7d;
}

.lienbasbleu:hover
{
	COLOR:#000;
}

.basnoir
{
	COLOR:#000;
	FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
	FONT-SIZE: 10px;
	PADDING-LEFT: 0px;
	width="800px";
}

html,body {
	width:100%;
	height:100%;
}

.tabreal {
	width:95%;
	MARGIN:30px;
}

.tabreal tr {
	vertical-align:top;
}

.tabreal td {
	align:left;
}

.tabreal ul {
	margin-left:0px;
}

.puceobjectif {
	margin-left:30px;
	list-style-image:url('../IMG/puce.jpg');
}

.pucetheme {
	margin-left:60px;
	list-style-image:url('../IMG/puce.jpg');
}

.pucecarre {
	margin-left:60px;
	list-style-image:url('../IMG/pucecarre.jpg');
}

*   {
	padding:0;
	margin:0;
}

.obligatoire {
	color:red;
	font-weight:bold;
	FONT-SIZE: 18px;
}