@charset "utf-8";
body {
	background-color: #666666;
	margin: 0; /* il est conseillé de mettre à zéro la marge et le remplissage de l'élément body, pour tenir compte des différentes valeurs par défaut des navigateurs */
	padding: 0;
	text-align: center; /* ce paramétrage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite aligné à gauche (valeur par défaut) dans le sélecteur #container */
	color: #666666;
	background-image: url(../images/fond03.gif);
	background-repeat: repeat;
	font-family: Verdana, 'Trebuchet MS', Arial, Sans-serif;
	font-size: 71%;
	line-height: 1.6em;
	background-attachment: fixed;
}
#container {
	width: 850px;  /* paramétrage de la largeur à 20 pixels de moins que le plein écran (800 pixels) pour tenir compte de l'habillage du navigateur et éviter l'apparition d'un ascenseur horizontal */
	background-color: #FFFFFF; /* les marges automatiques (et dotées d'une largeur positive) centrent la page */
	border: 10px solid #666666;
	text-align: left; /* ce paramétrage annule le paramètre text-align:center de l'élément body. */
	margin-top: 20px;
	margin-bottom: 10px;
	margin-right: auto;
	margin-left: auto;
}
#header {
	background-color: #DDDDDD;
	padding: 0 10px 0 20px; /* ce remplissage correspond à l'alignement à gauche des éléments des div qui apparaissent en dessous. Si, au lieu de texte, c'est une image qui est insérée dans l'élément #header, il est conseillé de supprimer le remplissage. */
	background: url(../images/headerbg-orange.gif) repeat-x 0% 0%;
	position: relative;
	height: 84px;
}
#header h1 {
    	margin: 0; /* la mise à zéro de la marge du dernier élément du div #header permet d'éviter une disparition de la marge (espace inexplicable entre les éléments div). Si l'élément div est entouré d'une bordure, cette précaution n'est pas nécessaire, car la bordure évite également la disparition de la marge */
    	padding: 10px 0; /* l'utilisation de remplissage, au lieu d'une marge, permet d'éloigner l'élément des bords de l'élément div */
    }
#sidebar1 {
	float: left; /* cet élément est flottant, il faut donc lui attribuer une largeur */
	width: 160px; /* Dans les navigateurs conformes au standard et dans Internet Explorer en mode standard, la largeur réelle de cet élément div est composée de la largeur plus le remplissage et la bordure */
	background-color: #FFFFFF; /* la couleur de l'arrière-plan est affichée sur la largeur du contenu de la colonne, mais pas au-delà */
	padding: 0; /* le remplissage permet d'écarter le contenu de l'élément div des bords de celui-ci */
	display: inline;
	margin: 0;
}
#sidebar2 {
	float: right; /* cet élément est flottant, il faut donc lui attribuer une largeur */
	width: 160px; /* Dans les navigateurs conformes au standard et dans Internet Explorer en mode standard, la largeur réelle de cet élément div est composée de la largeur plus le remplissage et la bordure */
	background-color: #FFFFFF; /* la couleur de l'arrière-plan est affichée sur la largeur du contenu de la colonne, mais pas au-delà */
	padding: 0; /* le remplissage permet d'écarter le contenu de l'élément div des bords de celui-ci */
	margin: 0;
}
#mainContent {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	margin-top: 0px;
	margin-right: 170px;
	margin-bottom: 0;
	margin-left: 170px;
}
#mainContent2 {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 170px;
}
#mainContent3 {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
	margin-top: 0px;
	margin-right: 5px;
	margin-bottom: 0;
	margin-left: 5px;
}
#footer {
	padding: 0; /* ce remplissage correspond à l'alignement à gauche des éléments des div qui apparaissent au-dessus. */
	background:#DDDDDD;
	height: 40px;
	text-align: center;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}
#footer p {
	margin: 0; /* la mise à zéro de la marge du premier élément du pied de page permet d'éviter une possible disparition de la marge (espace entre les éléments div) */
	padding: 10px 0; /* l'utilisation d'un remplissage pour cet élément crée un espace, tout comme une marge l'aurait fait, mais en évitant le risque de disparition de la marge */
}
.fltrt { /* cette classe permet de rendre flottant le côté droit d'un élément dans la page. L'élément flottant doit précéder l'élément à côté duquel il doit se trouver dans la page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* cette classe permet de rendre flottant le côté gauche d'un élément dans la page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* cette classe doit être placée pour un élément div ou break et doit être l'élément final avant la balise de fin d'un conteneur qui doit contenir entièrement un élément flottant */
	clear:both;
	height:0;
	font-size: 1px;
	line-height: 0px;
}
/********************************************
   AUTHOR: Erwin Aligam
   WEBSITE: http://www.styleshout.com/
   TEMPLATE NAME: Stylevantage - orange
   TEMPLATE CODE: S-0001
   VERSION: 1.0
 *******************************************/ 

/********************************************
   HTML ELEMENTS
********************************************/ 

/* --------------------------------- top elements */
* {
	margin: 0;
	padding: 0;
}

/* --------------------------------- links – Liens */
a {
	background: inherit;
	color: #EC981F; 
}
a:hover {
	background: inherit;
	color: #0099FF;
}

/* --------------------------------- ••• Pour avoir un lien non souligné et non coloré dans la partie gauche du logo (money) */
a.Link02-Logo-Left {
	background: inherit;
	text-decoration: none;
	color: #CCC;
}
a.Link02-Logo-Left:hover {
	background: inherit;
	color: #0099FF;
}

/* --------------------------------- ••• Pour avoir un lien non souligné et non coloré dans la partie droite du logo (reflex) */
a.Link03-Logo-Right {
	background: inherit;
	text-decoration: none;
	color: #FF9900;
}
a.Link03-Logo-Right:hover {
	background: inherit;
	color: #0099FF;
}

/* --------------------------------- ••• Pour avoir un lien non souligné et non coloré dans le slogan (en dessous du logo) */
a.Link03-Logo-Slogan {
	background: inherit;
	text-decoration: none;
	color: #FFF;
}
a.Link03-Logo-Slogan:hover {
	background: inherit;
	color: #0099FF;
}

/* --------------------------------- ••• Pour avoir des liens non soulignés et non colorés dans les titres */
a.Link02-Titres {
	background: inherit;
	text-decoration: none;
	color: #555;
}
a.Link02-Titres:hover {
	background: inherit;
	color: #0099FF;
}

/* --------------------------------- ••• Pour avoir des liens non soulignés et non colorés dans les paragraphes */
a.Link03-Paragraphes {
	background: inherit;
	text-decoration: none;
	color: #666666;
}
a.Link03-Paragraphes:hover {
	background: inherit;
	color: #0099FF;
}

/* --------------------------------- Headers */
h1, h2, h3, h4 {
	font: bold 1em 'Trebuchet MS', Tahoma, Sans-serif;
	text-transform: none;
	color: #555;
}
h1 {font-size: 1.5em;}
h2 {font-size: 1.3em;}
h3 {font-size: 1.2em; text-transform: none;}
h4 {font-size: 1.1em; text-transform: none;}
p {font-size: 1.1em;}

#mainContent h1, #mainContent2 h1, #mainContent3 h1, #sidebar2 h1 {
	padding: 10px 0 5px 5px;
	margin: 0 0 0 10px;
	text-transform: none;
	border-bottom: 1px solid #f2f2f2;
}
#sidebar1 h1 {
	padding: 10px 0px 5px 30px;
	margin: 0;
	text-transform: none;
	background-image: url(../images/square_arrow.gif);
	background-repeat: no-repeat;
	background-position: 5px 12px;
}

p, h1, h2, h3, h4 {
	margin: 10px 15px;
}
ul, ol {
	margin: 10px 30px;
	padding: 0 15px;
	color: #EC981F;
	font-size: 1.1em;
}
ul span, ol span {
	color: #666666;
}

/* --------------------------------- Images */
img {
	border: 2px solid #CCC;
}
img.float-right {
	margin: 5px 0px 5px 15px;
}
img.float-left {
	margin: 5px 15px 5px 0px;
}
a img {
	border: 2px solid #EC981F;
}

/* --------------------------------- Old
a:hover img {
	border: 2px solid #806B4D !important; /* IE fix*/
/*	border: 2px solid #EC981F;
}
 --------------------------------- */

a:hover img {
	border: 2px solid #0099FF !important; /* IE fix*/
	border: 2px solid #0099FF;
}
code {
	margin: 5px 0;
	padding: 10px;
	text-align: left;
	display: block;
	overflow: auto;
	font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;
/* white-space: pre; */
	background: #FAFAFA;
	border: 1px solid #f2f2f2;  
	border-left: 3px solid #EC981F;
}
acronym {
  cursor: help;
  border-bottom: 1px solid #777;
}
blockquote {
	margin: 15px;
 	padding: 0 0 0 32px;
  	background: #FAFAFA url(../images/quote.gif) no-repeat 5px 10px  !important; 
	background-position: 8px 10px;
	border: 1px solid #f2f2f2;
	border-left: 3px solid #EC981F;
	font-weight: bold; 
}

/* --------------------------------- Form elements */
form {
	margin:10px;
	padding: 0;
	border: 3px dashed #CCCCCC;
	background-color: #FAFAFA;
}
label {
	display:block;
	font-weight:bold;
	margin:5px 0;
}
/* --------------------------------- ••• Style neutralisé pour avoir des boutons normaux dans les formulaires
input {
	padding: 4px;
	border:1px solid #eee;
	font: bold 1em/1.5em Verdana, sans-serif;
	color:#777;
}*/
textarea {
	width:350px;
	padding:4px;
	font: normal 1em/1.5em Verdana, sans-serif;
	border:1px solid #eee;
	height:100px;
	display:block;
	color:#777;
}
input.button {
	margin: 0; 
	font: bold 1em Arial, Sans-serif; 
	border: 1px solid #CCC;
	background: #FFF; 
	padding: 2px 3px; 
	color: #333;
}

/* --------------------------------- Search form */
form.searchform {
	background: transparent;
	border: none;
	margin: 0; padding: 0;
}
form.searchform input.textbox {
	margin: 0; 
	width: 120px;
	border: 1px solid #CCC; 
	background: #FFF;
	color: #333; 
	vertical-align: top;
}
form.searchform input.button {
	width: 55px;
	vertical-align: top;
}

/*****************/
/* --------------------------------- Layout */
/*****************/
#wrap {
	margin: 0 auto;
	width: 850px;
	text-align: left;
	background: #FFF;
}
#content-wrap {
	clear:both;
   margin: 0; padding:0;
	width: 850px;
}

/* --------------------------------- Header */
/*
#header {
	position: relative;
	background: url(../images/headerbg-orange.gif) repeat-x 0% 0%;
	height: 84px;
}
*/
#header h1#logo {
	position: absolute;
	margin: 0;
	padding: 0;
	font: bolder 4.1em 'Trebuchet MS', Arial, Sans-serif;
	letter-spacing: -2px;
	color: #CCC;
	text-transform: none;
	/* change the values of top and Left to adjust the position of the logo*/
	top: 0;
	left: 5px;
}
#header h2#slogan {
	position: absolute;
	margin: 0;
	padding: 0;
	font: bold 1em 'Trebuchet MS', Arial, Sans-serif;
	text-transform: none;
	color: #FFF;
	/* change the values of top and Left to adjust the position of the slogan*/
	top: 55px;
	left:81px;
}
#header .searchform {
	position: absolute;
	top: 5px; right: 3px;
}

/* --------------------------------- Main column – Colonne principale (Centrale) */
#main {
	float: left;
	margin-left: 15px;
	padding: 0;
	width: 54%;	
	border-left: 1px solid #f2f2f2;
}

.post-footer {
	background-color: #FAFAFA;
	padding: 5px;
	margin-top: 20px;
	font-size: 100%;
	border: 1px solid #f2f2f2;
}
.post-footer .date {
	background: url(../images/clock.gif) no-repeat left center;
	padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .comments {
	background: url(../images/comment.gif) no-repeat left center;
	padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .readmore {
	background: url(../images/page.gif) no-repeat left center;
	padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .readmore2 {
	padding-left: 20px;
	font-weight: bold;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0;
	margin-left: 5px;
}
.post-footer .readmore3 {
	padding-left: 0px;
	font-weight: bold;
	margin-top: 0;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}

/* --------------------------------- sideabar1 – Colonne de gauche */
#sidebar {
	float: left;
	width: 21%;
	margin: 0;
	padding: 0;
	display: inline;
}
#sidebar1 ul.sidemenu {
	text-align: left;
	margin: 0 0 8px 0;
	padding-right: 0;
	text-decoration: inherit;
	list-style-image: none;
	list-style-type: disc;
	list-style-position: outside;
}
#sidebar1 ul.sidemenu li {
	border-bottom: 1px solid #EFF0F1;
	margin-left: 10px;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 0px;
}

/*#sidebar1 ul.sidemenu li:hover {
	background-color: #FFFF00;
}*/

* html body #sidebar1 ul.sidemenu li { height: 1%; }

#sidebar1 ul.sidemenu a {
	font-weight: bold;
	background-image: none;
	text-decoration: none;
}

/* rightbar */
/*#rightbar {
	float: right;
	width: 21%;
	padding:0;
	margin: 0;
}*/

/* footer */
/*#footer {
	clear: both;
	background: #FFF url(images/footerbg.gif) repeat-x left top;
	border-top: 1px solid #F2F2F2;
	text-align: center;
	height: 50px;
}*/
#footer a {
	text-decoration: none;
	font-weight: bold;
}

/* --------------------------------- Menu 01*/
/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssmenus.co.uk
Copyright (c) 2009- Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#menu {
	padding:0;
	margin:0;
	list-style:none;
	height:40px;
	position:relative;
	z-index:100;
	font-family:arial, verdana, sans-serif;
	border-bottom-width: 10px;
	border-bottom-style: solid;
	border-bottom-color: #EAA036;
	background-color: #EEEEEE;
}
#menu li {
	float:left;
	margin-right:1px;
}
#menu li a {
	display:block;
	float:left;
	height:40px;
	line-height:40px;
	background-color:#333;
	color:#ccc;
	text-decoration:none;
	font-size:11px;
	font-weight:bold;
	padding:0 30px 0 20px;
}

#menu table {
	border-collapse:collapse;
	width:0;
	height:0;
	position:absolute;
	top:0;
	left:0;
}

/* --------------------------------- Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

#menu li a:hover {
	z-index:200;
	position:relative;
	color:#fff;
	background-color:#c60;
}
#menu li:hover {
	position:relative;
	z-index:200;
}

#menu li:hover > a {
	color:#fff;
	background-color:#c60;
}
#menu li:hover > a.sub {
	color:#fff;
	background-color:#c60;
}

#menu li.current a {
	color:#fff;
	background-color:#840;
}

#menu li a.sub {
	background-image: url(../down-arrow.gif);
	background-color: #333;
	background-repeat: no-repeat;
	background-position: right center;
}
#menu li.current a.sub {
	color:#fff;
	background-color: #840;
	background-image: url(../down-arrow.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

#menu :hover ul {
	left:0;
	top:40px;
	width:120px;
	background-color:#444;
}

/* keep the 'next' level invisible by placing it off screen. */
#menu ul, 
#menu :hover ul ul {
	position:absolute;
	left:-9999px;
	top:-9999px;
	width:0;
	height:0;
	margin:0;
	padding:0;
	list-style:none;
}

#menu :hover ul :hover ul {
	left:120px;
	top:-1px;
	background:#222;
	white-space:nowrap;
	width:100px;
	z-index:200;
	height:auto;
}

#menu :hover ul li {
	margin:0;
	border-top:1px solid #666;
}
#menu :hover ul li a {
	width:120px;
	padding:0;
	text-indent:10px;
	background:#333;
	color:#ccc;
	height:30px;
	line-height:30px;
}
#menu :hover ul li a.fly {
	background:#333 url(../right-arrow.gif) no-repeat right center;
}

#menu :hover ul :hover {
	background-color:#c60;
	color:#fff;
}
#menu :hover ul :hover a.fly {
	background-color:#c60;
	color:#fff;
}

#menu :hover ul li.currentsub a {
	background-color:#840;
	color:#fff;
}
#menu :hover ul li.currentsub a.fly {
	color:#fff;
	background-color: #840;
	background-image: url(../right-arrow.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

#menu :hover ul :hover ul li a {
	width:100px;
	padding:0;
	text-indent:10px;
	background:#3e3e3e;
	color:#ccc;
}
#menu :hover ul :hover ul :hover {
	background-color:#d70;
	color:#fff;
}

#menu :hover ul :hover ul li.currentfly a,
#menu :hover ul :hover ul li.currentfly a:hover {
	background:#840;
	color:#fff;
}

/* --------------------------------- ••• Menu 02 - CSS Menu Generator */
#v_mnu_01 ul {
	list-style: none;
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	text-decoration: none;
}

#v_mnu_01 {
	width: 150px;
	margin: 10px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
}

#v_mnu_01 li a {
	text-decoration: none;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #DDDDDD;
}
#v_mnu_01 .notopbrdr0xNone {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

#v_mnu_01 li a:link, #v_mnu_01 li a:visited {
	color: #747474;
	display: block;
	background-color: #FFFFFF;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 10px;
}

#v_mnu_01 li a:hover {
	color: #0000FF;
	background: #FF9900;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 10px;
}

/* --------------------------------- Alignment classes */
.float-left    {float: left;}
.float-right   {float: right;}
.align-left    {text-align: left;}
.align-right   {text-align: right;}
.align-center  {text-align: center;}
.align-justify {text-align: justify; }

/* --------------------------------- Display classes */
.clear  {clear: both;}
.block  {display: block;}
.hide   {display: none;}
.orange {color: #FF9900;}
.Red {color: #FF0000;} /* ••• Rouge*/
.Blue {color: #0000FF;} /* ••• Bleu*/
.Bold {font-weight: bold;} /* ••• Gras*/
.Underline {text-decoration: underline;} /* ••• Underline – Souligné */
.SmallCaps {font-variant: small-caps;} /* ••• Small Caps – Petites Capitales */
.Border-White-2px {
	border: 2px solid #FFFFFF;
} /* ••• Bordure Blanche – 2 Px */
.Border-None {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
} /* ••• Aucune Bordure */

/* --------------------------------- Error pages (Error 404) – Pages d'erreurs (Erreur 404) */
.Error404 {
	border-style: dashed;
	border-width: 5px;
	border-color: #FF6600;
	background-color: #EBEBEB;
	width: 600px;
	height: 300px;
	padding: 20px;
	text-align: center;
	vertical-align: middle;
	margin-left: auto;
	margin-right: auto;
	margin-top: 30px;
	margin-bottom: 30px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 30px;
}

/* --------------------------------- Buttons – Boutons */
.Button-001 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 14pt;
	height: 33px;
	width: 400px;
	color: #0000FF;
}
.Button-002 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: bold;
	font-size: 15pt;
	height: 40px;
	width: 480px;
	color: #0000FF;
}

/* --------------------------------- Autres classes */
#apDiv1 {
	position:absolute;
	width:121px;
	height:64px;
	z-index:1;
	left: 445px;
	top: 7px;
}
#apDiv2 {
	position:absolute;
	width:121px;
	height:64px;
	z-index:2;
	left: 580px;
	top: 7px;
}
#apDiv3 {
	position:absolute;
	width:121px;
	height:64px;
	z-index:3;
	left: 715px;
	top: 7px;
}

/* --------------------------------- Breadcrum – Fil d'Ariane */
/* Generated via www.cssmenubuilder.com */
.breadcrumb{
	position:relative;
	height:30px;
	width:100%;
}
.breadcrumb ul{
	position:relative;
	margin:0 5px 0 5px;
	padding:0;
	height:30px;
	background-image: url(../images/breadcrumbImage.png);
	background-repeat: repeat-x;
	background-position: 0px -30px;
}
.breadcrumb ul li{
	padding:0;
	margin:0;
	list-style:none;
	float:left;
	height:30px; 
	display:inline;
}
.breadcrumb ul li a{
	color:#999999;
	line-height:30px;
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	background-image: url(../images/breadcrumbImage.png);
	background-repeat: no-repeat;
	background-position: 100% -60px;
}
.breadcrumb ul li a span{
	padding:0 17px 0 15px;
}
.breadcrumb ul li a:hover span{
	text-decoration:underline;
	color:#0000FF;
}
.breadcrumb ul li a.active{
	background:none;
}
.breadcrumb ul li a.active span{
	color:#333333;
}
.breadcrumb ul li a.active:hover span{
	text-decoration: none;
}
.breadcrumb .left{
	position:absolute;
	top:0px;
	left:0px;
	width:10px;
	height:30px;
	display:block;
	z-index:1;
	background-image: url(../images/breadcrumbImage.png);
	background-repeat: no-repeat;
	background-position: 0% 0px;
}
.breadcrumb .right{
	position:absolute;
	top:0px;
	right:0px;
	width:10px;
	height:30px;
	display:block;
	z-index:1;
	background-image: url(../images/breadcrumbImage.png);
	background-repeat: no-repeat;
	background-position: 100% -90px;
}
.Banner01 {
	border: 2px dashed #EC981F;
	height: 300px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 2.6em;
	line-height: 1.1;
}
.Table01 td{
	border: 3px dashed #CCCCCC;
}