* {
	margin : 0px;
	padding : 0px;
}
/* This is the main layout */
body {font: normal 83% sans-serif; background : url('images/carre.png') #fff no-repeat 100% 200px; margin-bottom:10px;}

a {color: #0000ff;}
h3 {margin: 0; margin-bottom: 8px;}

#outside {margin: auto; width: 85%; border: solid 1px #cccccc;}

#permlink {margin: 0; padding: 2px; text-align: right;}
#barreorange {border: solid 1px  #FF6633;}
#permlink a {margin-left: 5px; margin-right: 5px;}

#header {margin: 0; padding: 0; background-color:#0066FF}
#header h1 {margin: 0; padding: 5px;}


#topnav {margin: 0; margin-bottom: 0px; padding: 5px; border: solid 1px #ffffff;}
#topnav a {padding: 4px;}

#left {float: left; width: 160px; border: solid 1px #ffffff;}

#middle {margin-left: 162px; margin-right: 186px; border: solid 1px #ffffff;}

#right {float: right; width: 184px; border: solid 1px #ffffff;}

#footer {clear: both; margin: 0; text-align: left; border: solid 1px #ffffff;}
#footer h5 {margin: 0;}

.box {width: 92%; margin: auto; margin-bottom: 10px; padding: 5px; border: solid 1px #666666;}


/* These are used to colorize the page */
/*body { background-color: #d1d1d1;}*/
h3 {color: #5a6156; padding-bottom: 3px; border-bottom: solid 2px #cccccc;}
h5 {padding-left: 5px; color: #5a6156;}

#outside{background-color: #ffffff;}

#permlink{background-color:#2474B4;}
#permlink a {text-decoration: none; color: #d5ddcd;}
#permlink a:hover {text-decoration: underline;}

#header{background-color: #fff;}
#header h1 {color: #d5ddcd;}

#topnav { /*background-color:#2474B4;/*background-color: #169A41;*/ /*background : url('images/body_background.gif') repeat 100% 28px;*/}
/*#topnav a {border: solid 1px #2474B4; text-decoration: none; /*background-color:#2474B4;/*background-color: #169A41;*/ /*color:#FFFFFF; border-right:#FF6600 solid 1px;font-weight : bold;}*/
#topnav a { color:#2474B4; font-family:Arial, Helvetica, sans-serif; font-size:11; text-decoration:none; margin-right:34px; }
#topnav a:hover {color: #169A41;}

#left {border: solid 1px #fff;}

#middle {border: solid 1px #fff;}

#right {border: solid 1px #fff;}

#footer {border: solid 1px #fff;}

.box {background-color: #ffffff; border: solid 1px #cccccc;}
.box a {text-decoration: none; color: #781000;}
.box a:hover {text-decoration: underline;}
.box ul {margin: 0; padding-left: 15px; list-style: circle;}

.side3 {
	border : 1px solid #fff;
	background : #d9de11;
	padding : 5px;
	text-align : center;
	margin : 10px 0 0 0;
	font-size : 8pt;
}
.side1 {
	border : 1px solid #fff;
	background : #d5ddcd;
	padding : 5px;
	text-align : center;
	margin : 10px 0 0 0;
	font-size : 8pt;
}
.side2 {
	border : 1px solid #fff;
	padding : 5px;
	text-align : center;
	margin : 10px 0 0 0;
	font-size : 8pt;
	background : #B5DBF4;
}


.borderbox {
	/*border : #A5A4A4 1px solid;*/
}

.leftcol_box {
	/*width : 20%;*/
	background : #fff;
	overflow : hidden;
	display : block;
	clear : both;
	width:100%;
}

.leftcol_box h2 {
	padding : 7px 0px;
	width : 177px;
	height : 11px;
	color:#000000;
	font-size : 11px;
	line-height : 11px;
	font-weight : bold;
	font:Arial, Helvetica, sans-serif;
	padding-left:15px;
}

#smenu h2 {
	background-image:url(images/point_org.gif);
	background-repeat:no-repeat;
}

#smenu ul {
	margin-left : 4px;
	margin-right : 4px;
	margin-bottom : 14px;
	width : 141px;
	overflow : hidden;
}

#smenu li {
	/*display : block;*/
	font:Arial, Helvetica, sans-serif;
	font-size:10;
	padding-left:15px;
}


#smenu li a {
	color:#666666;
	font-size : 10px;
	font-weight : bold;
	text-decoration : none;
}

#smenu a:hover {
	color:#FF8000;
}

#tformation h2 {
	/*background-color:#000099;
	width : 100%;
	border-bottom : #F8C055 1px solid;
	text-align:center;*/
	background-image:url(images/point_bleu.gif);
	background-repeat:no-repeat;
	
}

#tformation ul {
	margin-left : 4px;
	margin-right : 4px;
	margin-bottom : 14px;
	width : 141px;
	overflow : hidden;
}

#tformation li {
	font:Arial, Helvetica, sans-serif;
	font-size:10;
	padding-left:5px;
}


#tformation li a {
	color:#666666;
	font-size : 10px;
	font-weight : bold;
	text-decoration : none;
}

#tformation a:hover {
	color:#2474B4; 
}


#telechargement h2 {
	background-image:url(images/point_rouge.gif);
	background-repeat:no-repeat;
}

#telechargement ul {
	margin-left : 4px;
	margin-right : 4px;
	margin-bottom : 14px;
	width : 141px;
	overflow : hidden;
}

#telechargement li {
	font:Arial, Helvetica, sans-serif;
	font-size:10;
	padding-left:5px;
}


#telechargement li a {
	color:#666666;
	font-size : 10px;
	font-weight : bold;
	text-decoration : none;
}

.liensm
{ color:#666666; font-size : 10px; text-decoration : none; }

#telechargement a:hover {
	color:#FF0000;
	text-decoration:underline;
}


#newsletter h2 {
	background-image:url(images/point_vert.gif);
	background-repeat:no-repeat;
}

#newsletter ul {
	margin-left : 4px;
	margin-right : 4px;
	margin-bottom : 14px;
	width : 141px;
	overflow : hidden;
}

#newsletterli {
	font:Arial, Helvetica, sans-serif;
	font-size:10px;
	padding-left:7px;
	font-weight : bold;
	color:#666666;
}


#newsletter li a {
	color:#666666;
	font-size : 10px;
	font-weight : bold;
	text-decoration : none;
}

#newsletter a:hover {
	color:#169A41;
}




#news h2 {
	background-color : #5C5E5F;
	border-bottom : #5C5E5F 1px solid;
	color:#FFFFFF;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	padding : 7px 0px;
	height : 11px;
	line-height : 11px;
	font-weight : bold;;
	/*background : url('images/header_latest.gif') #5C5E5F no-repeat 0px 0px;*/
	
	
}

#news a {
	/*color : #B0ADAD;*/
	color:#333333;
	font-size : 10px;
	font-weight : bold;
	text-decoration : none;
	padding-left: 10px;
}

#news a:hover {
	color : #716E6E;
}


#nav { position:absolute; top:190px;  background:url(images/nav.jpg); width:100%;height:30px; line-height:30px;   }
#nav li {float:left; padding-right:20px; display:inline; }
#nav a {text-decoration:none; display:block; color:#2474B4;}
#nav a:hover {background-image:url(images/carre.png); color:#169A41; text-decoration:underline;}
#nav div{ background-image:url(images/carre.png); /*background:#CCCCCC;*/  text-align:left; }
.smenu1{text-align:left;margin-left:10px;}
/*
#nav { position:absolute; top:190px;  background:url(images/nav.jpg); width:100%;height:30px; line-height:30px;   }
#nav li {float:left; width:150px; padding:0 5px; display:inline; }
#nav a {text-decoration:none; display:block; color:#2474B4;}
#nav a:hover {background-image:url(images/carre.png); color:#169A41; text-decoration:underline;}
#nav div{ background-image:url(images/carre.png); /*background:#CCCCCC;*/ /* width:170px; text-align:left; }


.smenu1{text-align:left;margin-left:10px;}
.menu1{text-align:left;}
 
*/