/* General */
/*
5983fc bleu
b2ffff bleu turquoise
 */
body {
 	background: #f4c7ca url(images/bg_body.png);
	background-repeat: repeat-x;
	background-position: top;
	font-family: arial, Trebuchet MS;
}

div#menu {
	font-size: 11px;
	font-weight: bold ;
	text-transform: uppercase;
}
div#menu a:hover {
	font-style: italic;
}
div#menu ul {
	padding: 0;
	margin: 0px;
	background: white;
	text-align: left;
}
div#menu li { /* fond des menus déroulants sans selection*/
 	/*background: #FF00ff ;*/ /*#FF00ff; rose*/
}
/* couleur de base de la liste*/
div#menu li:hover {
	background: #FFFF00; /*jaune*/
}
/* couleur de base du rollover sur non sous-menu*/
div#menu li.sousmenu:hover {
	/*background-color: #63FF4E;*/ /*vert*/
}
/* la liste selectionnée*/
/* rajout couleur de fond */
div#menu li.sousmenu1 {
	background-color: #FFFFFF ; 
	z-index:100;
	border-top: 4px solid #FF5700;
	border-right: 1px solid #999999;
	border-left: 1px solid #999999;
/*	margin-left:10px ;*/
}
div#menu li.sousmenu2 {
	background-color: #FFFFFF ; 
	z-index:100;
	border-top: 4px solid #814b1c;
	border-right: 1px solid #999999;
}
div#menu li.sousmenu3 {
	background-color: #FFFFFF ; 
	z-index:100;
	border-top: 4px solid #eaa760;
	border-right: 1px solid #999999;
}
div#menu li.sousmenu4 {
	background-color: #FFFFFF ; 
	z-index:100;
	border-top: 4px solid #960001;
	border-right: 1px solid #999999;
}
div#menu li.sousmenu5 {
	background-color: #FFFFFF ; 
	z-index:100;
	border-top: 4px solid #9f893f;
	border-right: 1px solid #999999;
}
div#menu li.sousmenu6 {
	background-color: #FFFFFF ; 
	z-index:100;
	border-top: 4px solid #fb7033;
	border-right: 1px solid #999999;
}
div#menu li.sousmenu7 {
	background-color: #FFFFFF ; 
	z-index:100;
	border-top: 4px solid #fdc914;
	border-right: 1px solid #999999;
}
div#menu li.sousmenu8 {
	background-color: #FFFFFF ; 
	z-index:100;
	border-top: 4px solid #FDE314;
	border-right: 1px solid #999999;
}
div#menu li.sousmenu1selected {
	background-color: #ECECEC ; 
	z-index:100;
	border-top: 4px solid #FF5700;
	border-right: 1px solid #999999;
	border-left: 1px solid #999999;
}
div#menu li.sousmenu2selected {
	background-color: #ECECEC ; 
	z-index:100;
	border-top: 4px solid #814b1c;
	border-right: 1px solid #999999;
}
div#menu li.sousmenu3selected {
	background-color: #ECECEC ; 
	z-index:100;
	border-top: 4px solid #eaa760;
	border-right: 1px solid #999999;
}
div#menu li.sousmenu4selected {
	background-color: #ECECEC ; 
	z-index:100;
	border-top: 4px solid #960001;
	border-right: 1px solid #999999;
}
div#menu li.sousmenu5selected {
	background-color: #ECECEC ; 
	z-index:100;
	border-top: 4px solid #9f893f;
	border-right: 1px solid #999999;
}
div#menu li.sousmenu6selected {
	background-color: #ECECEC ; 
	z-index:100;
	border-top: 4px solid #fb7033;
	border-right: 1px solid #999999;
}
div#menu li.sousmenu7selected {
	background-color: #ECECEC ; 
	z-index:100;
	border-top: 4px solid #fdc914;
	border-right: 1px solid #999999;
}
div#menu li.sousmenu8selected {
	background-color: #ECECEC ; 
	z-index:100;
	border-top: 4px solid #fdc914;
	border-right: 1px solid #999999;
}
/* rajout pr pour flèche direction bas et couleur de fond*/
div#menu li.plop {
/* 	background: url(images/header_gris_clair.jpg) repeat-x; */
/* 	background-color: #FFB6DD; *//*layette rose*/
/*	border-bottom: 1px solid #FFB6DD;*/
}
/* premiere ligne*/
/* une petite bordure en top*/
div#menu ul li {
	position: relative;
	list-style: none;
	float: left;
}
div#menu ul ul {
	position: absolute;
	display: none;
	width: 220px;
	border: 1px solid #999999;
}
div#menu li a {
	text-decoration: none;
	padding: 4px 0 4px;
	display: block;
}
div#menu ul.niveau1 a {
	color: #000000;/* couleur de texte par défaut dans les liens*/
	width: 111px ;
	text-align: center;
}
div#menu ul.niveau1 a:hover {
	color: #CD0000;
	background-color: #DADADA;
}
/*ligne selectionnée*/
div#menu ul.niveau2 a {
/*	font-size: 11;*/
	color: #000066;
	text-transform: none;
	width: 220px;
	text-align: left;
	font-size:11px ;
	font-weight: normal ;
}
div#menu ul.niveau2 a:hover {
/*	font-size: 11;*/
	color: #CD0000;
	border: 1px dashed #3878cc;
}
div#menu ul.niveau1 li.sousmenu2:hover ul.niveau2, div#menu ul.niveau2 li.sousmenu2:hover ul.niveau3,
div#menu ul.niveau1 li.sousmenu3:hover ul.niveau2, div#menu ul.niveau2 li.sousmenu3:hover ul.niveau3,
div#menu ul.niveau1 li.sousmenu4:hover ul.niveau2, div#menu ul.niveau2 li.sousmenu4:hover ul.niveau3,
div#menu ul.niveau1 li.sousmenu5:hover ul.niveau2, div#menu ul.niveau2 li.sousmenu5:hover ul.niveau3,
div#menu ul.niveau1 li.sousmenu6:hover ul.niveau2, div#menu ul.niveau2 li.sousmenu6:hover ul.niveau3,
div#menu ul.niveau1 li.sousmenu7:hover ul.niveau2, div#menu ul.niveau2 li.sousmenu7:hover ul.niveau3,
div#menu ul.niveau1 li.sousmenu1selected:hover ul.niveau2, div#menu ul.niveau2 li.sousmenu1selected:hover ul.niveau3,
div#menu ul.niveau1 li.sousmenu2selected:hover ul.niveau2, div#menu ul.niveau2 li.sousmenu2selected:hover ul.niveau3,
div#menu ul.niveau1 li.sousmenu3selected:hover ul.niveau2, div#menu ul.niveau2 li.sousmenu3selected:hover ul.niveau3,
div#menu ul.niveau1 li.sousmenu4selected:hover ul.niveau2, div#menu ul.niveau2 li.sousmenu4selected:hover ul.niveau3,
div#menu ul.niveau1 li.sousmenu5selected:hover ul.niveau2, div#menu ul.niveau2 li.sousmenu5selected:hover ul.niveau3,
div#menu ul.niveau1 li.sousmenu6selected:hover ul.niveau2, div#menu ul.niveau2 li.sousmenu6selected:hover ul.niveau3,
div#menu ul.niveau1 li.sousmenu7selected:hover ul.niveau2, div#menu ul.niveau2 li.sousmenu7selected:hover ul.niveau3   {
	display: block;
}
div#menu ul.niveau3 {
	top: -1px;
	left: 230px;
}
/* ou commence la 2e colonne */
/* rajout de couleurs de fond et de survol */
div#menu ul.niveau3 li {
	background: #FFFFFF
}
div#menu ul.niveau3 li:hover {
	background: #FFFFFF
}

/* *************************************************************************************************************************************** */
.site_titre {
 	background-image:url('images/01.jpg');
 	background-repeat: no-repeat;
	border-left: 1px solid #ECECEC;
 	padding-bottom:10px;
}
.site_principal {
 	border-right: 1px solid #999999;
 	border-bottom: 1px solid #999999;
 	border-left: 1px solid #ECECEC;
 	border-top: 1px solid #ECECEC;
 	padding-bottom:10px;
}
.tab_principal {
	background-color: #FFFFFF;
	color:#1D1D1D ;
}
.footer_colonne {
  width: 250px;
  margin-top:10px;
  margin-left:25px;
  float:left;
  border-left: 1px solid #cdcdcd;
  padding-left:10px
}
.footer {
	background-color: #F5F5F5;
	padding: 25px 10px 0px 10px;
	vertical-align: top;
	font-size: 11px;
	color: #5C8484;
	border-left: 1px solid #ECECEC;
 	border-right: 1px solid #999999;
 	border-bottom: 1px solid #999999;
 	border-top: 1px solid #ECECEC;
}
a.footer_lien, a.footer_lien:visited {
  color: #1B3A57;
  text-decoration: none;
}
a.footer_lien:hover {
  text-decoration: underline;
}
.ligne_noire {
	background-color: #000000;
}
.ligne_grise {
	background-color: #ECECEC;
	width:1px ;
}
.maintitle	{
	font-size : 40px;
	font-family: Arial, Helvetica, sans-serif;
	color:#000000 ;font-weight : normal;
}
H1, H2 {
font-weight: normal ; margin-top:0px; margin-bottom:0px ;
}
.gensmall {
	font-size : 10px;
	color:#1D1D1D ;
}
.gen {
	font-size : 12px;
 	color:#1D1D1D ;
}

.genb {
	font-size : 12px;
	font-weight : bold;
	color:#000000 ;
}
.genb_couleur {
	font-size : 12px;
	font-weight : bold;
	color:#697593 ;
}
.genb_rouge {
	font-size : 12px;
	font-weight : bold;
	color:#FF1530 ;
}
.genmid {
	font-size : 16px;
	font-weight : bold;
	color:#4F788E ;
}
a.gen,a.gensmall, a.maintitle, a.h1, a.copyright, a.genb, a.genmid, a.genb_couleur {
	text-decoration: none;
}
a.gen:visited, a.gensmall:visited, a.maintitle:visited, a.h1:visited, a.copyright:visited, a.genb:visited, a.genmid:visited, a.genb_couleur:visited  {
	text-decoration: none;
}
a.gen:hover, a.gensmall:hover, a.maintitle:hover, a.h1:hover, a.copyright:hover, a.genb:hover, a.genmid:hover, a.genb_couleur:hover {
	color:#D33B3B;
	text-decoration: underline;
}
.copyright {
	font-size: 10.1px;
	color: #000000;
}
.retait {
	margin-left: 50px ;
}
.hr_couleur {
	background: #03518f ;
	color: red;
	height: 2px;
	border: 0;
}
/* ariane */
div#ariane {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	margin: 0px;
	padding: 5px;
	text-transform: uppercase;
}
div#ariane a {
	color: #931717;
	text-decoration: none;
}
div#ariane a:hover {
	color: #FF0000;
	text-decoration: underline;
}
/* les pages spécifiques */
.accueil_image {
 	float: left;
	padding-bottom: 15px;
	padding-right: 20px;
}
.rubrique_1 {
	background: #9d1e1f url(images/bg_red.png);
	color: #FFFFFF ;
	font-weight: bold ;
	text-transform: uppercase ;
	text-align: center ;
	font-size: 12px ;
	padding: 10px ;
	border-bottom: 2px solid #FF5700;
}
.rubrique_2 {
	background: #9d1e1f url(images/bg_red.png);
	color: #FFFFFF ;
	font-weight: bold ;
	text-transform: uppercase ;
	text-align: center ;
	font-size: 12px ;
	padding: 10px ;
	border-bottom: 4px solid #814b1c;
}
.rubrique_lien {
	color: #FFFFFF ;
	font-weight: bold ;
	text-transform: uppercase ;
	text-align: center ;
	font-size: 12px ;
	padding: 10px ;
}
a.rubrique_lien, a.rubrique_lien:visited {
	color: #FFFFFF ;
	font-weight: bold ;
	text-transform: uppercase ;
	text-decoration: none;
}
a.rubrique_lien:hover {
	text-decoration: underline;
}
.rubrique_3 {
	background: #9d1e1f url(images/bg_red.png);
	color: #FFFFFF ;
	font-weight: bold ;
	text-transform: uppercase ;
	text-align: center ;
	font-size: 12px ;
	padding: 10px ;
	border-bottom: 4px solid #eaa760;
}
.rubrique_4 {
	background: #9d1e1f url(images/bg_red.png);
	color: #FFFFFF ;
	font-weight: bold ;
	text-transform: uppercase ;
	text-align: center ;
	font-size: 12px ;
	padding: 10px ;
	border-bottom: 4px solid #562929;
}
.rubrique_5 {
	background: #9d1e1f url(images/bg_red.png);
	color: #FFFFFF ;
	font-weight: bold ;
	text-transform: uppercase ;
	text-align: center ;
	font-size: 12px ;
	padding: 10px ;
	border-bottom: 4px solid #9f893f;
}
.rubrique_6 {
	background: #9d1e1f url(images/bg_red.png);
	color: #FFFFFF ;
	font-weight: bold ;
	text-transform: uppercase ;
	text-align: center ;
	font-size: 12px ;
	padding: 10px ;
	border-bottom: 4px solid #fb7033;
}
.rubrique_7 {
	background: #9d1e1f url(images/bg_red.png);
	color: #FFFFFF ;
	font-weight: bold ;
	text-transform: uppercase ;
	text-align: center ;
	font-size: 12px ;
	padding: 10px ;
	border-bottom: 4px solid #fdc914;
}
.accueil_pave_310 {
	border-left: 1px solid #ECECEC;
 	border-right: 1px solid #999999;
 	border-bottom: 1px solid #999999;
 	border-top: 1px solid #ECECEC;
	font-size: 12px ;
	width: 300px ;
}
.accueil_pave_present {
	border-left: 1px solid #ECECEC;
 	border-right: 1px solid #999999;
 	border-bottom: 1px solid #999999;
 	border-top: 1px solid #ECECEC;
	font-size: 11px ;
	width: 450px ;
	padding: 10px ;
	background: #D8D8D8 ;
	text-align: justify;
}
.pave_big {
	border-left: 1px solid #ECECEC;
 	border-right: 1px solid #999999;
 	border-bottom: 1px solid #999999;
 	border-top: 1px solid #ECECEC;
	font-size: 12px ;
	width: 470px ;
}
.pave_max {
	border-left: 1px solid #ECECEC;
 	border-right: 1px solid #999999;
 	border-bottom: 1px solid #999999;
 	border-top: 1px solid #ECECEC;
	font-size: 12px ;
	width: 670px ;
}
.detail_justif {
	font-size : 11px;
 	color:#1D1D1D ;
	text-align: justify;
	margin-left: 80px ;
}
.formation {
	text-align: left ;
	padding: 10px ;
}
.formation_image {
 	float: left;
	padding-bottom: 10px;
	padding-right: 10px;
}
/*Les articles */
.article {
	padding:50px ;
}

.article_justif {
	font-size : 12px;
	text-align: justify;
	line-height:15pt;

}
.article_titre {
	font-size : 18px;
	font-weight : 700;
	text-align: justify;
}
.article_ss_titre {
	font-size : 14px;
	font-weight : 700;
	font-style: italic;
	padding-bottom: 10px;
	text-align: justify;
	margin: 0px 0px 10px 0px ;
}
.article_image {
	float: right;
	padding-bottom: 20px;
	padding-left: 20px;
}
.rubrique_2_titre {
	font-size : 20px;
	font-weight : bold;
	color: #814b1c;
	text-transform : uppercase;
	border-bottom: 2px solid #814b1c;
}
.rubrique_3_titre {
	font-size : 20px;
	font-weight : bold;
	color: #eaa760;
	text-transform : uppercase;
	border-bottom: 2px solid #eaa760;
}
.rubrique_4_titre {
	font-size : 20px;
	font-weight : bold;
	color: #960001;
	text-transform : uppercase;
	border-bottom: 2px solid #960001;
}
.rubrique_5_titre {
	font-size : 20px;
	font-weight : bold;
	color: #9f893f;
	text-transform : uppercase;
	border-bottom: 2px solid #9f893f;
}
.rubrique_6_titre {
	font-size : 20px;
	font-weight : bold;
	color: #fb7033;
	text-transform : uppercase;
	border-bottom: 2px solid #fb7033;
}
.rubrique_7_titre {
	font-size : 20px;
	font-weight : bold;
	color: #fdc914;
	text-transform : uppercase;
	border-bottom: 2px solid #fdc914;
}
.rubrique_cell {
 	background-color: #FFFFFF;
	padding:10px ;
	color: #474747;
	font-size : 12px;
}

ul.messages_forum {
	list-style-type:square ;
	padding: 0px 10px 0px 30px ;
	text-align: left ;
}
li.messages_forum {
	padding: 0px 0px 10px 10px ;
}
a.liste_lien, a.liste_lien:visited{
	text-decoration: none;
	color:#000000 ;
	font-weight:bold ;
	font-size:12px;
}
a.liste_lien:hover{
	text-decoration: underline;
}
/* ///////////les formulaires  */
/* Input */
input, textarea, select {
	color: #000000;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	border-color: #c0c0c0;
}
/* Input */
input.formarea, textarea.formarea {
	background-color: #FFFFFF;
}
input.formarea_fr, textarea.formarea_fr {
	background-color: #d3f4ff;
}
input.formarea_en, textarea.formarea_en {
	background-color: #daffda;
}
select {
	background: #FFFFFF ;
}
input {
	text-indent: 2px;
}
/* boutons */
input.bouton {
	background-color : #FFFFFF;
	color : #2D72B2;
	font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #5983FC;
	font-weight:bold;
}
input.bouton2 {
	background-color : #FFFFFF;
	color : #AE151A;
	font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;
	border:1px solid #c0c0c0;
	font-weight:bold;
}
input.formtxt {
	background-color: #f2f2f2;
	color: #000000;
	font-weight: normal;
}
input.formtxt_fr {
	background-color: #d3f4ff;
	color: #000000;
	font-weight: normal;
}
input.formtxt_en {
	background-color: #daffda;
	color: #000000;
	font-weight: normal;
}
input.bouton_step { /*pour les étapes de paiements*/
  	border:2px solid #c0c0c0;
	color : #2D72B2;
	font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
input.bouton_step_on { /*pour les étapes de paiements*/
  	border:2px solid #FF782E;
	color : #2D72B2;
	font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.bouton_retour {
  	border:2px solid #c0c0c0;
	color : #2D72B2;
	font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.bouton_next {
  	border:2px solid #FF782E;
	color : #2D72B2;
	font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	padding:0px;
}
a.bouton_retour_lien {
  text-decoration: none;
	background-color : #FFFFFF;
	color : #2D72B2;
	font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.bouton_achat {
  	border:2px solid #c0c0c0;
	color : #2D72B2;
	font-size: 15px; font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
}
.pave_achat {
	border-left: 1px solid #D19750;
 	border-right: 1px solid #FF782E;
 	border-bottom: 1px solid #FF782E;
 	border-top: 1px solid #D19750;
	padding:5px ;
}
.formtable {
	background: #CFE0E9 ;
	font-size:13px ;
}
.clear {
	clear: left;
	visibility: hidden;
}
.clear_both {
	clear:both;
}
.bande_droite {
	text-align: center;
	float: right;
	position: relative;
}

.tab_prix_titre {
    color : #4F788E;
    font-size: 12px;
    font-weight:bold;
    border:1px #FF782E solid;
    border-collapse:collapse;
}
.tab_prix_ligne {
    background-color: #FFFFFF;
    color : #0E70BF;
    font-size: 12px;
    font-weight:bold;
    BORDER-TOP:1px #c0c0c0 solid ;
    BORDER-RIGHT: #c0c0c0 1px solid;
}
.cadre_step { /*pour les étapes de paiements*/
	color : #979797;
	font-size: 10px; font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}

.row1	{ background-color: #CBDBE9;}
.row2	{ background-color: #ECECEC; }
.forumline	{border:1px solid #c0c0c0; }
/* style pour les artciles, avec couleur pav*/
.article_type_1, .article_type_4, .article_type_5, .article_type_6, .article_type_10, .article_type_11, .article_type_12 {
	padding:50px ;
	border-left: 10px solid #eaa760;
	border-right: 1px solid #eaa760;
	border-bottom: 1px solid #eaa760;
	border-top: 1px solid #ECECEC ;
}
.article_type_2, .article_type_3, .article_type_7{
	padding:50px ;
	border-left: 10px solid #960001;
	border-right: 1px solid #960001;
	border-bottom: 1px solid #960001;
	border-top: 1px solid #ECECEC ;
}
 .article_type_8, .article_type_9  {
	padding:50px ;
	border-left: 10px solid #9f893f;
	border-right: 1px solid #9f893f;
	border-bottom: 1px solid #9f893f;
	border-top: 1px solid #ECECEC ;
}


.equation_image {
	padding: 1px;
}
.tab_symb {
    color : #4F788E;
    font-size: 12px;
    border:1px #ECECEC solid;
    border-collapse:collapse;
}
.avertissement {
    font-size: 11px;
    margin-bottom: 10px;
    text-align: justify;
    color: #1B3A57;
}


.pricer_gen {
	font-size : 10px;
	color:#000000 ;
}
.pricer_input {
	background: #FFFFFF ;
	font-size : 10px;
	text-align: right ;
}
.pricer_pos {
    color : #000000;
	font-size : 10px;
}
.pricer_neg {
    color : #FF0000;
	font-size : 10px;
}

.pricer_td {
	border: 1px solid #BFBFBF;
	font-size : 10px;
}
.pricer_spot {
	border: 2px solid #4D4D4D;
	font-size : 10px;

}
.pricer_tab {
	font-size : 10px;
	border-collapse:collapse;
	border: 2px solid #FF5700;
}
.pricer_form {
	font-size : 10px;
	border-collapse:collapse;
	border: 2px solid #0099FF;

}
.pricer_genb {
	font-size : 10px;
	font-weight : bold;
	color:#000000 ;
	padding: 4px ;
}

.pricer_form_titre {
	font-size : 10px;
	font-weight : bold;
	color:#000000 ;
	background: #F0F0F0 ;
}
.pricer_form_td {
	font-size : 10px;
	color:#000000 ;
	text-align: right ;
	padding-right: 4px ;
}
.pricer_form_td_center {
	font-size : 10px;
	color:#000000 ;
	text-align: center ;
	padding-right: 4px ;
}
a.info {
   position: relative;
   color: black;
   text-decoration: none;
   border-bottom: 1px gray dotted; /* on souligne le texte */
}
a.info span {
   display: none; /* on masque l'infobulle */
}
a.info:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
   cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.info:hover span {
   display: inline; /* on affiche l'infobulle */
   position: absolute;
   top: 30px; /* on positionne notre infobulle */
   left: 20px;
   width: 150px;

   background: white;

   color: #0E5B8E;
   padding: 3px;
   font-weight: normal ;
   text-align: left;

   border: 1px solid #0099FF;
   border-left: 4px solid #0099FF;
}
.invisible {
	font-size: 0px ;
	height: 0px;
}
.lang {
	margin-left: 10px ;
	text-align: left ;
	width: 100px ;
	float: left ;
	display: block ;
}
.search {
	text-align: right ;
	float: right ;
}