/*************************/
/* SECTION 1 - MAIN BODY */
/*************************/

/*-------------------------------*/
/* Section 1.1 - Page definition */
/*-------------------------------*/

body {
	width:1024px;
	font-size: 62.5%;
	margin: 0em auto;
	padding: 0em;
	BACKGROUND-COLOR: #dedede;
	font-family: "trebuchet ms";
}

body a:link{
	color: rgb(50,50,50);
	text-decoration: none;
	
}
body a:visited {
	color: rgb(100,100,100);
	text-decoration: none;
}
body a:hover {
	font-weight: bolder;
	color: rgb(100,100,100);
	text-decoration: none;
}
body a:active{
	text-decoration: none;
}

/**********************/
/* SECTION 2 - HEADER */
/**********************/

/*--------------------------------------*/
/* Section 2.1 - Global navigation menu */
/*--------------------------------------*/

.nav-global-container {
	float: right;
	z-index: auto;
	top: 5px;
	background-color: transparent;
}

.nav-global ul {
	float: right;
	margin: 0px;
	padding: 0px;
	list-style: none;
}	

.nav-global li {
	float: right;
	white-space: nowrap;
	text-transform: uppercase;
}

.nav-global li a {
	display: block; 
	margin: 0px; 
	padding: 0px 5px 0px 5px; 
	border-left: solid 1px rgb(150,150,150);
	 background-color: rgb(255,255,255); 
	 color: rgb(150,150,150); 
	 text-decoration: none; font-size: 100%;
}

.menu-item{
	float: left;
	clear: left;
	width: 100%;
}

.nav-global a:hover {
	background-color: rgb(255,255,255); color: rgb(0,0,0); text-decoration: underline;
}

.bandeau {
	padding-left: 5px;
	padding-right: 5px;
	background-color: rgb(255,255,255);
	color: rgb(150,150,150);
	text-decoration: none;
	font-size: 110%;
	font-weight: normal;
	text-transform: uppercase;
}
.bandeau a:link {	color: rgb(150,150,150);}
.bandeau a:visited {	color: rgb(150,150,150);}
.bandeau a:hover {
	background-color: rgb(255,255,255);
	color: rgb(150,150,150);
	font-weight: bolder;
}

.img-flag {
	display: block; height: 1.2em; margin: 0px; padding: 0px; border: solid 1px rgb(0,0,0);
}

.img-bienvenue{
	border: solid 1px rgb(200,200,200);
	float: left;
	clear:left;
	margin-right: 10px;
}

.img-vosphotos{
	display: block;
	height: 80px;
	margin-right: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 0px;
	border: solid 1px rgb(0,0,0);
	width: inherit;
	float: left;
}
.img-baniere{
	display: block;
	margin-bottom: 10px;
	padding: 0px;
	border: solid 1px rgb(200,200,200);
	width: inherit;
	float: right;
	height: 120px;
	background-image: url(../img/Banniere2.jpg);
	background-repeat: repeat-x;
	background-attachment: inherit;

}
/*-----------------------------------*/
/* Section 2.2 - Sitename and Banner */
/*-----------------------------------*/

.slogan{
	font-size: 14px;
	font-style: italic;

}
.site-name  {
	clear: both; float: left; position: absolute; z-index: 1; width: 700px; top: 20px; margin: 0px; padding-left: 14px; background-color: transparent; color: rgb(225,225,225); font-weight: bold; font-size: 24px;
}

.site-slogan  {
	float: left; position: absolute; z-index: 2; width: 11.7em; top: 1.9em; left: 16px; margin: 0px; padding: 0px 3px 1px 3px; background-color: rgb(150,150,150);	color: rgb(225,225,225); font-weight: bold; font-size: 14px;
}

.img-header {
	clear: both; float: left; width: 780px; height: 110px; margin: 0px; padding: 0px;
}

/*------------------------------------*/
/* Section 2.3 - Main navigation menu */
/*------------------------------------*/



.nav-main ul {	
	list-style: none; margin: 0px; padding: 0px; font-weight: bold;
}	

.nav-main li {
	float: left; display: block; white-space: nowrap; background-color: inherit;
}

.nav-main li a {
	color: rgb(255,255,255); margin: 0px; padding: 0px 10px 0px 10px; border-right: solid 1px rgb(255,255,255); text-decoration: none; font-size: 130%;		
}

.nav-main a:hover, .nav-main a.selected {
	background-color: inherit; color: rgb(110,110,110); text-decoration: none;
}

/*************************************/
/* SECTION 3 - FRONT-PAGE SIDEBANNER */
/*************************************/

.sidebanner-frontpage {
	clear: both; float: left; width: 160px; margin: 0px; padding: 0px;
}

.img-sidebanner {
	width: 160px; margin: 0px; padding: 0px; border: none;
}

/******************************/
/* SECTION 4 - SUB-NAVIGATION */
/******************************/

/*--------------------*/
/* Section 4.1 - Size */
/*--------------------*/

.nav-sub {
 color: rgb(110,110,110);
}

/* IE6-hack for min-height. Also works for IE7-Beta2 */
* html .nav-sub {

} 
/* End IE-Hack */

/*--------------------*/
/* Section 4.2 - Menu */
/*--------------------*/

.nav-sub ul {	
	float: left; list-style: none; width: 100%; margin: 0px; padding: 0px; border-bottom: solid 1px rgb(200,200,200);
}	

.nav-sub li {
	margin: 0px;
	padding: 0px;

}

.nav-sub li.title {
	vertical-align: top; margin: 0px; padding: 10px 7px 10px 14px; text-transform: uppercase; color: rgb(175,175,175); font-weight: bold; font-size: 140%;
}

.nav-sub li.group a {
	display: block;
	min-height: 1.5em;
	margin: 0px;
	padding: 3px 7px 2px 30px;
	border-top: solid 1px rgb(200,200,200);
	border-left: solid 5px rgb(235,235,235);
	text-decoration: none;
	text-transform: uppercase;
	font-weight: bold;
	font-size: 120%;
	background-image: url(../img/PuceRouge.jpg);
	background-repeat: no-repeat;
}

/* IE6-hack for min-height. Also works for IE7-Beta2 */
* html .nav-sub li.group a {
	height: 1.5em;
}
/* End IE-Hack */
	
.nav-sub li a {
	
	min-height: 1.5em;
	margin: 0px;
	padding: 3px 7px 2px 10px;
	border-left: solid 5px rgb(235,235,235);
	border-right: solid 5px rgb(235,235,235);
	color: rgb(110,110,110);
	text-decoration: none;
	font-size: 120%;
	width: auto;
}

/* IE6-hack for min-height. Also works for IE7-Beta2 */
* html .nav-sub li a {
	height: 1.5em;
}
/* End IE-Hack */

.nav-sub li.group a:hover, .nav-sub li.group .selected {
	border-left: solid 5px rgb(175,175,175); background-color: rgb(225,225,225); text-decoration: none;
}

.nav-sub a:hover, .nav-sub .selected {
	border-left: solid 5px rgb(175,175,175); background-color: rgb(225,225,225); text-decoration: none;
}

.nav-sub-align {
	text-align: left;
}

/*******************************************************************/
/* SECTION 5 -  Extend left column height to footer                */
/*******************************************************************/

.container-content-sidebar {
   float: left; width: 620px; min-height: 400px; margin: 0px; padding: 0px; background-color: rgb(255,255,255);
}

/* IE6-hack for min-height. Also works for IE7-Beta2 */
* html .container-content-sidebar {
	height: 400px;
} 
/* End IE-Hack */

/* Put a buffer between sub-navigation column and      */
/* main-navigation so that the global page background  */
/* color does not come through in this place           */

.buffer {
 	float: left; width: auto; height: 20px; margin: 0px; padding: 0px; background-color: rgb(255,255,255);	
}

/***********************/
/* SECTION 6 - CONTENT */
/***********************/

/*--------------------*/
/* Section 6.1 - Size */
/*--------------------*/

.content {
	float: left; width: 425px; margin: 0px; padding: 30px 20px 0px 20px; background-color: rgb(255,255,255);	
}

/*-------------------------*/
/* Section 6.2 - Pagetitle */
/*-------------------------*/

.content-pagetitle {
	margin: 0px 0px 10px 0px; padding: 0px;
}

.content-pagetitle p {
	padding: 0px; margin: 0px; font-weight: bold; font-size: 140%;
}

/*----------------------------------*/
/* Section 6.3 - Extra container    */
/*----------------------------------*/

.contentbox-container-full {
	float: left;
	width: 100%;
	margin: 0px 0px 1.5em 0px;
	padding: 0px;
	}

.contentbox-container-left {
	float: left; width: 205px; margin: 0px 0px 1.5em 0px; padding: 0px;
}

.contentbox-container-right {
	float: right; width: 205px; margin: 0px 0px 1.5em 0px; padding: 0px;
}

/*-----------------------------*/
/* Section 6.4 - Content title */
/*-----------------------------*/

.contentbox-title-noshading-noline {
	display: block; margin: 0px; padding: 0px; background-color: transparent; text-transform: none; font-weight: bold; font-size: 150%;
}

.contentbox-title-noshading-line {
	display: block; margin: 0px 0px 0.2em 0px; padding: 0px; border-bottom: solid 2px rgb(135,135,135); background-color: transparent; text-transform: none; font-weight: bold; font-size: 150%;
}

.contentbox-title-shading {
  	margin: 0px; padding: 1px 0px 5px 3px; background-color: rgb(225,225,225); font-weight: bold; font-size: 150%;	
}

/*--------------------------------*/
/* Section 6.5 - Contentbox size  */
/*--------------------------------*/

/* No shading */
.contentbox-noshading {
	margin: 0px;
	padding: 0.7em 0px 0px 0px;
	width: auto;
}

/* Shading */
.contentbox-shading {
	margin: 0px; padding: 7px 10px 5px 10px; background-color: transparent;
}

/*-------------------------------*/
/* Section 6.6 - Contentbox text */
/*-------------------------------*/

/* Heading */
h1 {
	text-align:center;
	margin-top:5px;
	margin-bottom:5px;
	padding:5px;
/*	padding-left: 10px;*/
	font-size: 150%;
	font-weight: bold;
/*	background-color: rgb(240,240,240);*/
/*	border: solid 1px rgb(200,200,200);*/
	color: rgb(145,35,35); 
	/*	clear: left; margin: 1.0em 0px 1.0em 0px; font-weight: bold; font-size: 150%; */
}

h2 {
	margin:0px;
	font-size: 170%;
	padding: 0px;
	COLOR: #17a1d2;
	/*border-bottom: solid 1px rgb(200,200,200);*/
	font-style: italic;
}
h2 a:link{color: #17a1d2;}
h2 a:hover{color: rgb(150,0,0); }
h2 a:visited{color: #17a1d2; }
h2 a:active{color: rgb(150,0,0); }

h3 {
	clear:left;
	font-size: 200%;
	padding-left:10px;
	margin:0px;
	margin-bottom:0px;
	border-bottom: solid 1px rgb(200,200,200);
	
	color: rgb(120,7,9);
	clear:both;
	line-height:175%;font-style: italic;
	letter-spacing:1px
/*
	padding-left:30px;
	clear:left;
	margin:0px;
	margin-bottom:0px;
	font-weight: bold;
	font-size: 150%;
	background-image: url(../img/PuceRouge.jpg);
	background-repeat: no-repeat;
	border-bottom: solid 1px rgb(200,200,200);
	border-top: solid 1px rgb(200,200,200);
	color: rgb(0,0,0); 
*/
}
h3 a:link{color: rgb(250,250,250); }
h3 a:hover{color: rgb(0,0,0); }
h3 a:visited{color: rgb(250,250,250); }

h4 {
font-size: 130%;
font-style: italic;
margin:0px;	
margin-left:15px;
margin-right:15px;
}


/* Paragraph text */
p {
	margin: 0.5em 0px 0em 0px;
	margin-left:15px;
	margin-right:15px;
	padding: 0px;
	font-size: 130%;
color: rgb(110,110,110);
}

/* Quote */
p.quote {
   clear: left; margin: 0em 30px 0.6em 30px;	line-height: 120%; font-size: 120%;
}

/* Embedded */
.embed {
   float: left; width: 120px; margin: 2px 7px 2px 0px; padding: 5px 5px 5px 5px; background-color: rgb(225,225,225); font-style: italic; font-weight: bold;  line-height: 1.2em; font-size: 180%;
}

.embed-caption {
   float: left; margin: 5px 0px 0px 0px; padding: 0px; font-style: italic; font-weight: normal; line-height: 1.2em; font-size: 50%;
}

/* Unordered list */
.content ul {
	margin: 0px 10px 0px 10px; padding: 0px 0px 0px 30px; list-style-type: disc; list-style-position: outside; font-size: 130%;
}

/* Ordered List */
.content ol {
	margin: 0px 10px 0px 17px; padding: 0px 0px 0px 30px; list-style-type: decimal; list-style-position: outside; font-size: 130%;
}

/*--------------------------*/
/* Section 6.7 - Datatables */
/*--------------------------*/

.tabledata {
	clear: left;
	margin: 0.5em 0px 0.2em 0px;
	border: solid 1px rgb(150,150,150);
	empty-cells: show;
	border-collapse: collapse;

}

.tabledata tr {
	margin: 0px;
	padding: 0px;

}

.tabledata td {
	padding: 2px 7px 2px 7px;
	border: solid 1px rgb(150,150,150);
	font-size: 120%;

}

.tabledata th {
	margin: 0px; padding: 2px 7px 2px 7px; border: solid 1px rgb(150,150,150); empty-cells: show;  font-size: 120%; 	
}

p.tabledata-caption {
	margin: 0em 0px 10px 30px; padding: 0px; clear: both; text-align: left; font-size: 120%;
}

/*----------------------*/
/* Section 6.8 - Images */
/*----------------------*/

/* No border */
.img-left-noborder {
	float: left; margin: 0.3em 7px 3px 0px;
}

.img-right-noborder {
	float: right; margin: 0.3em 0px 3px 7px;
}

/* Border */
.img-left-border {
	float: left; margin: 0.3em 7px 3px 0px; border: solid 1px rgb(150,150,150);
}

.img-right-border {
	float: right; margin: 0.3em 0px 3px 7px; border: solid 1px rgb(150,150,150);	
}

/***********************/
/* SECTION 7 - SIDEBAR */
/***********************/

/*-----------------------------------------------*/
/* Section 7.1 - Size                            */
/*-----------------------------------------------*/

.sidebar {
	 float: right; width: 144px; margin: 0px ; padding: 57px 5px 0px 0px; background-color: rgb(255,255,255);
}

/*-----------------------*/
/* Section 7.2 - Textbox */
/*-----------------------*/

.sidebarbox-noborder {
	/*width: 140px; margin: 0em 0px 1.0em 0px; padding: 0px;*/
	padding: 6px;
	border-bottom: solid 1px rgb(200,200,200);
	border-left: solid 1px rgb(200,200,200);
	border-right: solid 1px rgb(200,200,200);
	font-size: 110%;
	/*margin-bottom: 10px;*/
	
}

.sidebarbox-border {
	padding: 10px;
	border: solid 1px rgb(200,200,200);
	font-size: 110%;

}
.central{
	margin-left: 30px;
	margin-right: 30px;
	font-size: 110%;
	}
.centerbox{
	padding-left: 10px;
	padding-right: 10px;
	/*border: solid 1px rgb(200,200,200);*/
	font-size: 100%;

}

/*-----------------------------*/
/* Section 7.3 - Textbox title */
/*-----------------------------*/

.sidebarbox-title-noshading-noline {
	 display: block; margin: 0px 0px 0.5em 0px; padding: 1px 0px 1px 0px;font-weight: bold; font-size: 120%;
}

.sidebarbox-title-noshading-line {
	display: block; margin: 0px 0px 0.5em 0px; padding: 1px 0px 1px 0px; border-bottom: solid 1px rgb(135,135,135); background-color: transparent; font-weight: bold; font-size: 120%;
}

.sidebarbox-title-shading {
	margin: 0px;
	padding: 2px 5px 2px 5px;
	background-color: rgb(225,225,225);
	font-weight: bold;
	font-size: 130%;
}

/*------------------------------*/
/* Section 7.4 - Paragraph text */
/*------------------------------*/

.sidebarbox-noborder p {
	margin: 0px 4px 0.4em 4px; padding: 0px; background-color: transparent; font-size: 110%;
}

.sidebarbox-border p {
	margin: 0px 0px 1em 0px; padding: 0px; background-color: transparent; font-size: 110%;
}

/**********************/
/* SECTION 8 - FOOTER */
/**********************/


.footer {
	clear: both; width: 780px; margin: 0em 0px 0px 0px; padding: 5px 0px 5px 0px; border-top: solid 1px rgb(200,200,200); border-bottom: solid 1px rgb(200,200,200); background-color: rgb(255,255,255); text-align: center;	
}

/***************************************************/
/* SECTION 9 - HYPERLINKS FOR NON-NAVIGATION TEXTS */
/***************************************************/

.content a, .sidebar a {
	color: rgb(0,0,0); text-decoration: underline;
}

.content a:hover, .sidebar a:hover {
	color: rgb(110,110,110); text-decoration: none;
}

.content a:visited, .sidebar a:visited {
	color: rgb(110,110,110);
}

.footer a {
	color: rgb(150,150,150); text-decoration: underline;
}

.footer a:hover {
	color: rgb(0,0,0); text-decoration: none;
}

/********************************/
/* SECTION 10 - GENERIC CLASSES */
/********************************/

/*------------------------------------------*/
/* Section 10.1 - Global default fonts      */
/*------------------------------------------*/
/* Only applied to the main div-statements  */
/* for the basic page regions.              */
/*------------------------------------------*/

.nav-global-font {
	font-size: 1.0em;
}

.nav-main-font {
	font-size: 1.0em;
}

.nav-sub-font {
	font-size: 1.0em;
}

.content-font {
	font-size: 1em;
	line-height: 1.7em;
	color: #000000;
}

.sidebar-font {
	font-size: 1em; line-height: 1.4em; color: #000000;
}

/* Percentage value does not work in "footer", so we     */
/* cannot give the normed size of "1.0em" here and scale */
/* it up inside the "footer". Thus we define the final   */
/* font-size here the way it will appear on screen.      */
.footer-font {
	font-size: 1.1em; color: rgb(150,150,150);
}

/*--------------------------------------*/
/* Section 10.2 - Horizontal alignments */
/*--------------------------------------*/

.align-left {
	text-align: left;
}

.align-right {
	text-align: right;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

/*-------------------------------------*/
/* Section 10.3 - Title decoration box */
/*-------------------------------------*/

.box-on {
	float: left; width: 1.0em; margin-right: 0.2em; padding-left: 0.3em;
}

.box-off {
	display: none;
}

/*---------------------------*/
/* Section 10.4  Text colors */
/*---------------------------*/

/* Basic Colors */
.txt-white {
	color: rgb(255,255,255);
}

.txt-black {
	color: rgb(0,0,0);
}

/* Grey */
.txt-grey01 {
	color: rgb(242,242,242);
}

.txt-grey02 {
	color: rgb(230,230,230);
}

.txt-grey03 {
	color: rgb(217,217,217);
}

.txt-grey04 {
	color: rgb(204,204,204);
}

.txt-grey05 {
	color: rgb(191,191,191);
}

.txt-grey06 {
	color: rgb(178,178,178);
}

.txt-grey07 {
	color: rgb(153,153,153);
}

.txt-grey08 {
	color: rgb(127,127,127);
}

.txt-grey09 {
	color: rgb(89,89,89);
}

.txt-grey10 {
	color: rgb(51,51,51);
}

/* Yellow */
.txt-yellow01 {
	color: rgb(254,252,232);
}

.txt-yellow02 {
	color: rgb(253,249,201);
}

.txt-yellow03 {
	color: rgb(253,246,185);
}

.txt-yellow04 {
	color: rgb(252,243,162);
}

.txt-yellow05 {
	color: rgb(251,239,139);
}

.txt-yellow06 {
	color: rgb(250,236,116);
}

.txt-yellow07 {
	color: rgb(249,233,93);
}

.txt-yellow08 {
	color: rgb(249,230,69);
}

.txt-yellow09 {
	color: rgb(248,227,46);
}

.txt-yellow10 {
	color: rgb(247,224,23);
}

/* Blue */
.txt-blue01 {
	color: rgb(238,237,249);
}

.txt-blue02 {
	color: rgb(222,220,242);
}

.txt-blue03 {
	color: rgb(205,202,236);
}

.txt-blue04 {
	color: rgb(189,185,229);
}

.txt-blue05 {
	color: rgb(172,167,223);
}

.txt-blue06 {
	color: rgb(155,149,217);
}

.txt-blue07 {
	color: rgb(139,132,210);
}

.txt-blue08 {
	color: rgb(122,114,204);
}

.txt-blue09 {
	color: rgb(106,97,197);
}

.txt-blue10 {
	color: rgb(89,79,191);
}

/* Green */
.txt-green01 {
	color: rgb(237,246,229);
}

.txt-green02 {
	color: rgb(220,238,204);
}

.txt-green03 {
	color: rgb(202,229,178);
}

.txt-green04 {
	color: rgb(185,220,153);
}

.txt-green05 {
	color: rgb(167,211,127);
}

.txt-green06 {
	color: rgb(149,203,102);
}

.txt-green07 {
	color: rgb(132,194,76);
}

.txt-green08 {
	color: rgb(114,185,51);
}

.txt-green09 {
	color: rgb(97,177,25);
}

.txt-green10 {
	color: rgb(79,168,0);
}

/* Red */
.txt-red01 {
	color: rgb(252,235,233);
}

.txt-red02 {
	color: rgb(248,216,211);
}

.txt-red03 {
	color: rgb(245,196,188);
}

.txt-red04 {
	color: rgb(242,177,166);
}

.txt-red05 {
	color: rgb(238,157,144);
}

.txt-red06 {
	color: rgb(235,137,122);
}

.txt-red07 {
	color: rgb(232,118,100);
}

.txt-red08 {
	color: rgb(229,98,77);
}

.txt-red09 {
	color: rgb(225,79,55);
}

.txt-red10 {
	color: rgb(222,59,33);
}

.txt-rouge {
	color: rgb(120,7,9);
}

.txt-bleu {
	color: rgb(54,90,104);
}
/*----------------------------------*/
/* Section 10.5 - Background colors */
/*----------------------------------*/

/* Basic Colors */
.bg-white {
	background-color: rgb(255,255,255);
}

.bg-black {
	background-color: rgb(0,0,0);
}

.bg-bleu {
	background-color: rgb(54,90,104);
}

.bg-rouge {
	background-color: rgb(120,7,9);
}
/*.bg-vert {
	background-color: rgb(95,120,0);
}*/
.bg-orange {
	background-color: rgb(217,132,25);
}
/* Grey */
.bg-grey01 {
	background-color: rgb(242,242,242);
}

.bg-grey02 {
	background-color: rgb(230,230,230);
}

.bg-grey03 {
	background-color: rgb(217,217,217);
}

.bg-grey04 {
	background-color: rgb(204,204,204);
}

.bg-grey05 {
	background-color: rgb(191,191,191);
}

.bg-grey06 {
	background-color: rgb(178,178,178);
}

.bg-grey07 {
	background-color: rgb(153,153,153);
}

.bg-grey08 {
	background-color: rgb(127,127,127);
}

.bg-grey09 {
	background-color: rgb(89,89,89);
}

.bg-grey10 {
	background-color: rgb(51,51,51);
}

/* Yellow */
.bg-yellow01 {
	background-color: rgb(254,252,232);
}

.bg-yellow02 {
	background-color: rgb(253,249,201);
}

.bg-yellow03 {
	background-color: rgb(253,246,185);
}

.bg-yellow04 {
	background-color: rgb(252,243,162);
}

.bg-yellow05 {
	background-color: rgb(251,239,139);
}

.bg-yellow06 {
	background-color: rgb(250,236,116);
}

.bg-yellow07 {
	background-color: rgb(249,233,93);
}

.bg-yellow08 {
	background-color: rgb(249,230,69);
}

.bg-yellow09 {
	background-color: rgb(248,227,46);
}

.bg-yellow10 {
	background-color: rgb(247,224,23);
}

/* Blue */
.bg-blue01 {
	background-color: rgb(238,237,249);
}

.bg-blue02 {
	background-color: rgb(222,220,242);
}

.bg-blue03 {
	background-color: rgb(205,202,236);
}

.bg-blue04 {
	background-color: rgb(189,185,229);
}

.bg-blue05 {
	background-color: rgb(172,167,223);
}

.bg-blue06 {
	background-color: rgb(155,149,217);
}

.bg-blue07 {
	background-color: rgb(139,132,210);
}

.bg-blue08 {
	background-color: rgb(122,114,204);
}

.bg-blue09 {
	background-color: rgb(106,97,197);
}

.bg-blue10 {
	background-color: rgb(89,79,191);
}

/* Green */
.bg-green01 {
	background-color: rgb(237,246,229);
}

.bg-green02 {
	background-color: rgb(220,238,204);
}

.bg-green03 {
	background-color: rgb(202,229,178);
}

.bg-green04 {
	background-color: rgb(185,220,153);
}

.bg-green05 {
	background-color: rgb(167,211,127);
}

.bg-green06 {
	background-color: rgb(149,203,102);
}

.bg-green07 {
	background-color: rgb(132,194,76);
}

.bg-green08 {
	background-color: rgb(114,185,51);
}

.bg-green09 {
	background-color: rgb(97,177,25);
}

.bg-green10 {
	background-color: rgb(79,168,0);
}

/* Red */
.bg-red01 {
	background-color: rgb(252,235,233);
}

.bg-red02 {
	background-color: rgb(248,216,211);
}

.bg-red03 {
	background-color: rgb(245,196,188);
}

.bg-red04 {
	background-color: rgb(242,177,166);
}

.bg-red05 {
	background-color: rgb(238,157,144);
}

.bg-red06 {
	background-color: rgb(235,137,122);
}

.bg-red07 {
	background-color: rgb(232,118,100);
}

.bg-red08 {
	background-color: rgb(229,98,77);
}

.bg-red09 {
	background-color: rgb(225,79,55);
}

.bg-red10 {
	background-color: rgb(222,59,33);
}

.bg-orange01 {
	background-color: rgb(250,214,152);
}

.bg-orange05 {
	background-color: rgb(243,159,18);
}

.bg-orange09 {
	background-color: rgb(217,132,25);
}
.bg-marron{
background-color:#D9CFA1;
}

.bg-vert{
background-color:rgb(138,216,15);
}

/******************************/
/* SECTION 11 - MISCELLANEOUS */
/******************************/

/* Horizontal line */
hr {
	clear: both; width: 425px; height: 1px; border: none;
}

/* HTML-code examples */
.showcode {
  font-family: monospace; font-weight: bold; font-size: 13px; color: rgb(255,0,0);
}

/* Hide HTML-tags. Good when no pagestyle supported by browser */
.hide {
	display: none;
}

br {
	clear: both;
}

/*************************************************/
/* Forum                           				 */
/*************************************************/
.Categorie {
	float: left;
	clear: left;
	font-weight: bolder;
	margin-top: 5px;
}
.Forum{
	float: left;
	clear: left;
	padding-left: 10px;
}
.Nav{
	background-color: rgb(255,255,255); color: rgb(150,150,150); font-size: 130%;
	}
.Nav a:hover {
	font-weight: bolder;
	text-decoration: underline;
}
.Nav a:visited {background-color: rgb(255,255,255); color: rgb(150,150,150); text-decoration: none; }

.Sujet{
	float: left;
	clear: left;
}
.Auteur{
	float: left;
	width: 50px;
}
.Message{
	float: left;
	width: auto;
}
.DateMessage{
	float: right;
	width: 50px;
}

.MiniFlag
{
	PADDING-RIGHT: 3px;
	FONT-SIZE: 12px;
	FLOAT: left;
	WIDTH: 105px;
	FONT-FAMILY: Arial, Helvetica, sans-serif;
	HEIGHT: 20px;
	TEXT-ALIGN: left;
	padding-top: 0px;
}

.GroupTitre{}
.ALaLigne{
	clear: left;
}

/*************************************************/
/* Photos                         				 */
/*************************************************/
.GroupPhoto{
	float: left;
	border: 1px;
	margin: 5px;
	padding: 5px;
	
}
.Photo{
	margin: 5px;
	padding: 5px;
	height: 120px;
	width: auto;
}

/*************************************************/
/* Tableaux                                      */
/*************************************************/
.H1Tab{
	font-size: 15px;
	font-weight: bold;
	padding: 5px;
	}
.H2Tab{
	font-size: 13px;
	padding-left: 5px;}
.H3Tab{
	font-size: 10px;
	padding-left: 20px;
	}
	
/*************************************************/
/* Boite a info                                  */
/*************************************************/
.boite-info{
	OVERFLOW: auto;
	height: 210px;
}


/*Sample CSS used for the Virtual Pagination Demos. Modify/ remove as desired*/

.virtualpage, .virtualpage2, .virtualpage3{
/*hide the broken up pieces of contents until script is called. Remove if desired*/
display: none;
}

.paginationstyle{ /*Style for demo pagination divs*/
width: 250px;
text-align: center;
padding: 2px 0;
margin: 10px 0;
}

.paginationstyle select{ /*Style for demo pagination divs' select menu*/
	border: 1px solid navy;
	margin: 0 15px;
}

.paginationstyle a{ /*Pagination links style*/
	padding: 0 5px;
	text-decoration: none;
	border: 1px solid black;
	color: navy;
	background-color: white;
	font-size: larger;
}

.paginationstyle a:hover, .paginationstyle a.selected{
color: #000;
background-color: #FEE496;
}

.paginationstyle a.imglinks{ /*Pagination Image links style (class="imglinks") */
border: 0;
padding: 0;
}

.paginationstyle a.imglinks img{
vertical-align: bottom;
border: 0;
}

.paginationstyle a.imglinks a:hover{
background: none;
}

.paginationstyle .flatview a:hover, .paginationstyle .flatview a.selected{ /*Pagination div "flatview" links style*/
color: #000;
background-color: yellow;
}

.test{
	font-family: "trebuchet ms", verdana, arial, sans-serif;
	font-size: 1.2em;
}
.notice_orange_clair {
	font-size: 4em;
	background-color: #003399;
}
.toto {
	font-size: 120%;
	width: auto;
	margin-top: 8px;
	margin-bottom: 8px;
}


/* Style pour les menus déroulants */
.menutitle{
cursor:pointer;
margin-bottom: 5px;
width:190px;
padding:2px;
text-align:center;
font-weight:bold;
}

.submenu{
margin-bottom: 0.5em;
/*padding-left:50px;*/
}

.ongletfront{
float:left; 
margin-right:5px;
padding-left:10px;
padding-right:10px;
padding-top:5px;
padding-bottom:5px;
Font-Size: 130%;
font-weight: bold;
BORDER-RIGHT: rgb(200,200,200) 1px solid;
BORDER-LEFT: rgb(200,200,200) 1px solid; 
BORDER-TOP: rgb(200,200,200) 1px solid;
BORDER-bottom: rgb(230,230,230) 1px solid;
background-color: rgb(230,230,230);/*grey02*/
}

.ongletback{
float:left;
margin-top:5px;
margin-right:5px;
padding-left:5px;
padding-right:5px;
padding-top:2px;
padding-bottom:2px;
Font-Size: 130%;
font-weight: bold;
BORDER-RIGHT: rgb(200,200,200) 1px solid; 
BORDER-BOTTOM: rgb(200,200,200) 1px solid; 
BORDER-TOP: rgb(200,200,200) 1px solid;
BORDER-bottom: rgb(230,230,230) 1px solid;
background-color: rgb(243,159,18);
/*background-color: rgb(120,7,9);rouge*/
}
.ongletcontent{
padding:5px;
float:left;
clear:left;
width:100%;
BORDER-RIGHT: rgb(200,200,200) 1px solid; 
BORDER-BOTTOM: rgb(200,200,200) 1px solid; 
BORDER-LEFT: rgb(200,200,200) 1px solid;
background-color: rgb(230,230,230);/*grey02*/
}

.photo{
width:150px;
}

li {list-style:none}

.album dl {
width:31em;
margin:20px auto}

.album dt {
clear:both;
font-size:96%;
line-height:175%;
letter-spacing:1px}

.album dt img {
float:left;
border:none;
margin:0 5px 10px 0;
padding:10px 13px 13px 10px;
background:url(../img/album.png)}

.album dt a:hover img,.album dt a:active img,.album dt a:focus img {
background-position:-295px 0}

.album dd {
font-size:77%;
padding:5px 0 0;
border-top:1px solid #CCC}

.album ol {
overflow:hidden;
padding:0px;
}

.album li {
float:left;
text-align:center;
}

.album li a {
color:#999;
width:188px;
height:190px;
display:block;
overflow:hidden;
padding-left:2px;
background:url(../img/miniature.png);
font:italic 120% Georgia,Bookman,Palatino,"Times New Roman",serif}

.album li a:hover,.album li a:active,.album li a:focus {
color:#016;
padding:0 2px 0 0;
background-position:-190px 0}

.album li img {
padding:2px;
display:block;
border:1px solid #CCC;
background:#FFF url(../img/loading.gif) no-repeat 50% 50%}

.album li img.h {margin:41px 23px 19px}
.album li img.v {margin:24px 40px 2px}

.album li a:hover img.h,.album ol li a:active img.h,.album ol li a:focus img.h {margin-top:39px;border-color:#AAF}
.album li a:hover img.v,.album ol li a:active img.v,.album ol li a:focus img.v {margin-top:22px;border-color:#AAF}

#page
{
background-color: rgb(255,255,255);
border: solid 1px rgb(200,200,200); 
}
#entete
{
width:100%;
}

#menu{
	float:left;
	height:265px;
	width:200px;
	padding:0px;
	/*background-color: #CCCCFF;*/
	margin-top:5px;
	margin-bottom:5px;
}

#contentleft
{
float:left;
width:300px;
}
#contentright
{
float:right;
width:700px;
}
.contenu-gauche
{
	padding-left:10px;
	padding-right:5px;
	width:692px;
	background-color : rgb(255,255,255);
/*	background-color: #FFCCFF;
/*border: solid 1px rgb(200,200,200);*/
}
.contenu-droite
{
	padding-left:5px;
	padding-right:10px;
	width:332px;
/*	background-color: #99FF99;
/*border: solid 1px rgb(200,200,200);*/
}

.image{
float:left;
padding:5px;
margin-right:15px;
margin-left:10px;
margin-bottom:5px;
border: solid 1px rgb(200,200,200);
}
.icone{
padding:5px;
margin-right:5px;
border: solid 1px rgb(200,200,200);
}


#titreimage{
float:right;
width:440px;
height:265px; 
border: solid 1px rgb(200,200,200);
margin-top:5px;
margin-bottom:5px;
}
#titre{
	float:left;
	height:265px;
	width:100%;
	margin-top:5px;
	margin-bottom:5px;
	border: solid 1px rgb(200,200,200);
	overflow: hidden;
}

.box{
float:left;
margin:5px;
padding:0px;
background-color: rgb(255,255,255);

}
.navigation{
padding:2px;
margin:0px; 
margin-bottom:10px; 
clear:left; 
padding-left:10px;
font-size:130%;
font-weight:bolder;
border: solid 1px rgb(200,200,200);
background-color:#D9CFA1;
/*background-color: rgb(251,239,139);*/
}

.main{
border: solid 1px rgb(200,200,200);
}
#soustitre{
padding-top:10px;
padding-bottom:10px;
}

#formcomparateur
{
height:265px; 
padding:0px;
margin:0px;
margin-top:5px;
margin-bottom:5px;
border: solid 1px rgb(200,200,200);
background-color: rgb(243,159,18);
overflow: hidden;
}
#FormGuide
{
width:100%;
padding-top:10px;
margin:0px;
margin-top:5px;
margin-bottom:5px;
border: solid 1px rgb(200,200,200);
background-color:rgb(138,216,15);
/*background-color: rgb(251,239,139);*/

}
.carte
{
height:200px;
width:300px; 
border: solid 1px rgb(200,200,200);
margin:10px;
}
.boite
{
border: solid 1px rgb(200,200,200);
margin:0px;
margin-bottom:10px;
padding:10px;
font-size:130%;
width:100%}







/* BLOC D'ALERTES */
.wmt_alerte
        {
        border-top:#870A0A solid 4px;
        border-bottom:#870A0A dashed 1px;
        padding:5px;
        color:#ffffff;
        background:#cc0000;
        }

/* LIEN DANS LES BLOCS D'ALERTE */
.wmt_alerte A
        {
        color:#ffffff;
        }

/* BLOC SIMPLE */
.wmt_notice
        {
        border:#00467F 2px solid;
        padding:5px;
	background:#ffffff;
        }

/* BLOC SIMPLE AVEC FOND DE COULEUR */
.wmt_notice_fond
        {
        /*border:#00467F 1px solid;*/
        /*background:#D8EAF8;*/
        padding:5px;
        }

/* BLOC SIMPLE DE COULEUR PLUS VOYANTE */
.wmt_notice_orange_clair
        {
        border:#FF8A00 2px solid;
        background:#FFD100;
        padding:5px;
        }

/* FORMAT DES TABLEAUX */
.wmt_tableclass
        {
        width:100%;
        }

/* FORMAT DES TITRES */
.wmt_titre
        {
        margin:0px;
        font-size:150%;
        font-weight:bold;
        padding-bottom:3px;
        border-bottom:#00467F 2px solid;
        margin-bottom:7px;
        }

/* FORMAT DES CELLULES (TD) DE TITRES */
.wmt_tabletitre
        {
        /*background-color:#00467F;*/
        height:30px;
        /*color:white;*/
        font-weight:bold;
        padding:5px;
        }

/* CELLULES QUI S'AFFICHENT EN ALTERNANCE */
.wmt_table1 { background-color:#D8EAF8; color:#000000; font-family:Verdana; font-size:11px; padding:5px }
.wmt_table2 { background-color:#ffffff; color:#000000; font-family:Verdana; font-size:11px; padding:5px }

/* ONGLETS SELECTIONNES */
.wmt_onglet_select, a.wmt_onglet_select, a.wmt_onglet_select:hover, a.wmt_onglet_select:visited, a.wmt_onglet_select:active
        {
        display:block;
        padding:5px;
        padding-bottom:6px;
        background:#00467F;
        color:white;
        font-weight:bold;
        padding-left:15px;
        padding-right:15px;
        margin-right:1px;
        text-decoration:none;
        float:left;
        }

/* ONGLETS NON SELECTIONNES */
.wmt_onglet_unselect, a.wmt_onglet_unselect, a.wmt_onglet_unselect:hover, a.wmt_onglet_unselect:visited, a.wmt_onglet_unselect:active
        {
        display:block;
        background:#848484;
        color:#000000;
        padding:5px;
        margin-right:1px;
        /*text-decoration:none;*/
        margin-bottom:1px;
        float:left;
        }

/* BARRE D'ONGLET */
.wmt_onglet_barre
        {
        height:25px;
        border-bottom:solid 2px #00467F;
        white-space:nowrap;
        }

/* BLOC VISIBLE NE PAS CHANGER */
.wmt_onglet_select_bloc
        {
        display:block;
        }

/*  BLOC INVISIBLE NE PAS CHANGER */
.wmt_onglet_unselect_bloc
        {
        display:none;
        }

/* ONGLET BLOC DE CONTENU */
.wmt_onglet_content
        {
        border-right:#00467F 2px solid;
        border-bottom:#00467F 2px solid;
        border-left:#00467F 2px solid;
        padding:5px;
        background:#D8EAF8;
        }

/* AFFICHAGE ROUGE */
.wmt_rouge, .wmt_rouge A
        {
        color:#cc0000;
        }