*{padding:0; margin:0;}

.MARGIN-auto{margin:0 auto;}

/************************************/
/* HTML tag styles                  */
/************************************/

html{

	height:100%;

	margin:0px;

	padding:0px;

	overflow:hidden;

}

body{

	font-family: Arial,sans-serif;

	color: #484848;

	line-height: 1.166;

	font-size: 0.8em;

	margin: 0px;

	padding: 0px;

	background-color: #eeeeee;

	height:100%;

}

p {

	text-align:justify;

}

hr {

	color:#FF6600;

	height:1px;

	margin:0px;

}



hr.HR{

		clear:both;
		visibility: hidden;
		display:block;
		height: 1px;
		margin: 0 0 0 0;
		padding: 0; 
		border: 0;
		background-color:#993300;
		}


select {

	font-size: 11px;
	color: #484848;

}

input {

	font-size: 11px;
	color: #484848;
	border: 1px solid #ff6600;
	background-color: #FFFFFF;

}

textarea {

	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #484848;
	border: 1px solid #ff6600;

}

.img {
	border: 0;
}

/************************************/



/************************************/

/* Header tag styles                */

/************************************/



h1{

 font-family: 'Vonness Medium',Arial,sans-serif;

 font-size: 138%;

 color:#ff6600;

 margin: 0px;

 padding: 0px;

}

h1 span {

 font-size: 50%;

}



h2{

	font-family: Arial,sans-serif;

	font-size: 110%;

	color: #006699;

	margin: 0px;

	padding: 0px;

	padding-left: 12px;

	background-image: url(im/puce_01.gif);

	background-repeat: no-repeat;

}



h3{

 color: #334d55;

 margin: 0px;

 padding: 0px;

}



h4{

 font-family: Arial,sans-serif;

 font-size: 100%;

 font-weight: normal;

 color: #333333;

 margin: 0px;

 padding: 0px;

}



h5{

 font-family: 'Vonness Medium',Arial,sans-serif;

 font-size: 100%;

 color: #334d55;

 margin: 0px;

 padding: 0px;

}



/* HTML tag styles                             */

/***********************************************/



/************************************/

/*           ZOOM                   */

/************************************/

.un {

 font-size: 100%;

 }

.deux {

 font-size: 120%;

 }

.trois {

 font-size: 130%;

 }

/************************************/



/***********************************************/

/* Layout Divs                                 */



/************************************/

/************************************/

#zonetitre {

height:46px;

padding:0px 0px 0px 20px;

margin:0px 221px 0px 0px;

border-right: 1px solid #CCCCCC;

background-image:url(../im/bg_titre.png);

background-position:bottom;

}

/************************************/

/************************************/

#titre {

margin-top:10px;

float:left;

}

/************************************/

/************************************/

#titre-2lignes {

float:left;

}

/************************************/

/************************************/

#zoom {

float:right;

}

/************************************/

#mainContent { /* pour la fixation créer un ascenseur dans le body */

		height: 100%;

	overflow:auto; 

}



#mainContentHome { 

	height:100%;
	overflow:auto;
	position: relative;

}



#pagecell1{

	margin:0% 2% 0% 2%;
	background-color: #ffffff;
	border-left: 1px solid #0072b5;
	border-right: 1px solid #0072b5;




}

	

/************************************/

/************************************/

#droiteNav{

	position:absolute;

	width:178px;

	top:160px;

	left:100%;

	margin-left:-248px;

	z-index:10;

}

/************************************/

/************************************/

#col1{

	position:absolute; 

	z-index:2;

	top:210px; 

	left:22px;

	width:210px;

	height:auto !important;

	height:200px;

	min-height:200px;

	/* styles depart 

	margin:0px;

	padding: 0px 10px 0px 0px;

	*/

}

#col1 a:link, #col1 a:visited {

	/* color: #006699; */

}

#col1 img{
	/*margin:15px;*/
	margin:5px 15px 10px 15px;
}
#col1 ul{
	padding: 0 0 0 40px; 
	list-style-image: url(im/puce_02.gif);

}

#col1 ul li{
	padding: 0 0 5px 7px; 


}

#col1 a{
    font-weight:bold;
	font-size: 12px;
	color: #ff6600;
	text-decoration: underline;

}

#col1 a:hover{
	text-decoration: none;

}
#col1 p{
    font-size:10px;
	margin:-15px 0 0 0;
	padding: 0px;
	text-align:center;
	font-weight:bold;

}
/************************************/

/************************************/	

#col2home{

	margin:0px 221px 0px 215px;

	padding: 20px 10px 20px 10px;

	border-right: 1px solid #ccd2d2;

	border-left: 1px solid #ccd2d2;

	background-color:#f7f9ff;

	height: 300px;

	min-height: 300px;

}

html>body #col2home { /* Hauteur extensible au contenu OPERA et FIREFOX - inutile si le DIV n'a pas de HEIGHT */

	height: auto !important;

}

#col2{

	margin:0px 221px 0px 215px;
	padding: 20px 10px 20px 10px;
	border-right: 1px solid #ccd2d2;
	border-left: 1px solid #ccd2d2;
	background-color:#f7f9ff;
	min-height:420px;	

}

#col2 a:link, #col2 a:visited{

	/* color: #006699; */

}

#col2 li{

margin-left:30px;

}

#col2 li li{

margin-left:60px;

}

.hr { 

/* PERMET DE SUPPRIMER LES MARGES EN HAUT ET EN BAS */

	clear: both;

	visibility: hidden;

	display:block;

	height: 1px;

	margin: 0;

	padding: 0;

/* PERMET DE METTRE UNE COULEUR */ 

	color: #FF0000; /* Ne marche que sur IE */

	background-color: #000000; /* Permet de mettre une couleur sur FIREFOX et OPERA */

	border: 0;

}

/************************************/

#head{

	width: 100%;

	height: 160px;

	background-color: #FFFFFF;

	background-image: url(im/base_line.jpg);

    background-position: right top;

	background-repeat: no-repeat;

}



/************************************/

/************************************/

#plandusite {

	list-style-image: url(im/puce_01.gif);

}

#plandusite ul li {

	list-style-image: url(im/puce_02.gif);

}

#siteInfo{

	clear: both;

	border-top: 1px solid #cccccc;

}

#pied {

	line-height:19px;

	background-color: #0072b5;

	color: #FFFFFF;

	text-align: center;

	font-size: 12px;

	height:19px;

	margin: 0px;

}

#mentions {

	

	font-size: 11px;

	text-align:center;

	color:#0072b5;

}

/*****************************************/

.pied, .pied a {color: #FFFFFF; text-decoration: none; text-align: center;}

.pied a:hover {color: #FFFFFF;text-decoration: underline;}

.mentions { color:#0072b5; text-align: center;}

.mentions2 {

	color:#0072b5;

	text-align: center;

	font-size: 10px;

}

a.mentions2 {

	color:#0072b5;

	text-align: center;

	text-decoration: underline;

	font-size: 10px;

}

a.mentions2:hover { color:#0072b5; text-align: center;	text-decoration: none;	font-size: 10px;}

/***************************************/

/* MENU NAVIGATION */

/**************************************/

/************************************/

#navigation{
text-align:left;
	width:810px;
	padding:0px;
	top:127px;
	z-index:50;
	float: left;
	margin-left:10px;

}

/**************************

      specifique home

***************************/

#actualites {

	width: 190px;

	padding: 46px 0px 0px 0px;

	margin: 0px 0px 0px 15px;

	background-image:  url("im/titre_actualites.gif");

	background-repeat: no-repeat;

	background-position: top;

}

#bloccadre_actus {

	padding-bottom: 20px;

	padding-left: 5px;

	background-image: url(im/im_fond_actus.gif);

	background-repeat: no-repeat;

	background-position: bottom left;

}

#bloccadre_actus p {

	font-size: 90%;

	color: #10a800;

	margin: 5px 5px 5px 5px;

}

.titreACTU {

	font-size: 85%;

	color: #10a800;

	margin: 0px 0px 0px 0px;

}

#recompense {

	width: 190px;

	padding: 46px 0px 0px 0px;

	margin: 20px 0px 0px 15px;

	background-image:  url("im/titre_recompenses.gif");

	background-repeat: no-repeat;

	background-position: top;

}

#bloccadre_recompenses {

	font-size: 90%;

	padding-bottom: 20px;

	background-image: url(im/im_fond_actus.gif);

	background-repeat: no-repeat;

	background-position: bottom left;

}

#bloccadre_recompenses p {

	margin: 5px 5px 5px 5px;

	color: #10a800;

}

#imghome {

	margin-right:auto;

	margin-left:auto;

	width:494px;

}

#col1home{

	position:absolute;

	top: 181px;

	left:22px;

	margin:0px;

	padding: 0px 10px 0px 0px;

	width:215px;

}

/**************************

     MENUS DEROULANTS

***************************/

/*Menu principal*/

li.mainmenuitem,li.mainmenuitem a {

	font-size: 12px;

	color: #ffffff;

	text-decoration: none;

	font-weight: normal;

	margin-left: 0px;

	margin-top: 3px;

	margin-right: 3px;

	list-style-type: none;

}

LI.mainmenuitem A:hover

{

    color: #001f6e;

}

li.mainmenuitem {

	float: left;

}

/*Sous menu*/

ul.submenu {

	z-index:50;

	font-size:12px;

	font-weight: normal;

	border-top: #001f6e 1px solid;

	border-right: #001f6e 1px solid;

	border-bottom: #001f6e 1px solid;

	border-left: #001f6e 1px solid;

	background-color:#000000;

	padding: 0px 0px 0px 0px;

	margin: 0px 0px 0px 15px;

	position: absolute;

	display: none; 

	list-style-type: none;

	width: 160px;

}

/*Elements du sous-menu*/

ul.submenu li {

	padding: 0px 0px 0px 0px;

	margin: 0px 0px 0px 0px;

	background-color:#ffffff;

	white-space:nowrap;

	width:160px;

}

/*Liens du sous-menu*/

ul.submenu a {

	padding: 0px 0px 0px 0px; /* TOP RIGHT BOTTOM LEFT */

	margin: 0px 0px 0px 0px;

	display: block;

	height: 1em;

	text-decoration:none;

	font-weight: normal;

	color: #001f6e! important;

	font-weight:normal;

	font-size:12px;	

	line-height:18px;

	vertical-align:middle;

	min-height: 18px;

}

ul.submenu a:hover {

	color: #ffffff! important;

	background-color: #FF6600! important

}

.titre-menu  {
font-weight:bold;

	color: #FF6600;

}

/* ELEMENTS DIVERS */



/*FIN MENUS DEROULANTS*/



.commentaire {

	color: #666666;

}

.LIENS01 {

	font-size: 12px;

	color: #f06900;

	text-decoration: underline;

}

A.LIENS01:hover {

	text-decoration: none;

}

.LIENS02 {

	font-size: 14px;

	color: #ff6600;

	font-weight: bold;

	text-decoration: underline;

}

A.LIENS02:hover {

	text-decoration: none;

}

.LIENS03 {

	font-size: 11px;

	color: #ff6600;

	text-decoration: underline;

}

A.LIENS03:hover {

	text-decoration: none;

}

.LIENS04 {

	font-size: 12px;

	color: #0072b5;

	text-decoration: underline;

}

A.LIENS04:hover {

	text-decoration: none;

}

a.LIENS05  {
	font-size: 12px;
	color: #fff;
	text-decoration: underline;

}
a.LIENS05:hover {
	text-decoration: none;
}

.Textes01 {

	color: #ff6600;

}

.Textes02 {

	font-size: 10px;

	color: #0172b6;

}

.Textes03 {

	font-size: 12px;

	color: #ffffff;

	font-weight: bold;

}

.Textes04 {

	font-size: 14px;

	color: #ffffff;

	font-weight: bold;

}

.Style2 {

	color: #006699;

	font-weight: bold;

}

.Style1 {

	color: #006699;

	font-weight: bold;

}

.Style3 {
	font-size:17px;
	color: #006699;
	font-weight: bold;
	text-transform: uppercase;
}

.liens05 {

	font-size: 12px;

	font-weight: bold;

	color: #0072b5;

	text-decoration: none;

}

A.liens05:hover {

	color: #ff6600;

}

.border01 {

	border: #ff6600 1px solid;

}

.bg-color-01 {

	background-color:#ff6600;

}

.bg-color-02 {

	background-color:#ffffff;

}


.BG-color-01 {
	background-color:#FF6600;
}

.BG-color-02 {
	background-color:#ff9900;
}


.BASELINE {		

	padding-top: 5px;

	padding-right: 30px;

	padding-bottom: 5px;

	padding-left: 23px;

	bottom: 0px;



}
td.Border_orange{
	border:1px solid #FF6600;
}

.left {
	text-align: left;
}

.TABLE {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ffffff;
}

.TABLE td {
	padding:3px;
}

.txt-s {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
}

#CONT-MAIN {
margin:0 auto;	
width:445px;
}
.CENTER {
	text-align:center;
}
.MARGIN-AUTO {
margin:0 auto;	
}


.BOLD{
    font-weight:bold;
}